predictive-search{position:relative;display:block;width:100%}predictive-search:not([loading]) .predictive-search__loading-state,predictive-search:not([loading]) .predictive-search-status__loading,predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__loading-state{display:none}predictive-search form .field{display:flex;align-items:stretch;height:50px;position:relative;border-radius:var(--rounded-btn);overflow:hidden}.header-left predictive-search form .field,.header-right predictive-search form .field{max-width:250px;width:100%}.header-left predictive-search form .field{margin-left:10px}.header-right predictive-search form .field{margin-right:10px}predictive-search form .field .search__input{flex:1 1 auto;max-width:100%;height:50px;padding:0 50px;border-radius:var(--rounded-btn);border:1px solid var(--cl-b-search);background:var(--bg-search);font-size:var(--font-size);color:inherit;outline:none;box-sizing:border-box}predictive-search form .field .search__input::placeholder{color:var(--cl-text-body)}.search-bar predictive-search form .field .search__input{padding-left:25px;padding-right:100px}.rtl .search-bar predictive-search form .field .search__input{padding-left:100px;padding-right:25px}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}predictive-search form .field .reset__button{position:absolute;top:1px;right:0;width:50px;height:50px;padding:0;border:none;background:transparent;display:flex;justify-content:center;align-items:center;border-radius:var(--rounded-btn);cursor:pointer}.search-bar predictive-search form .field .reset__button{right:120px;top:0}.rtl .search-bar predictive-search form .field .reset__button{left:120px;right:auto}predictive-search form .field .reset__button svg{width:20px;height:20px;padding:5px;border-radius:50%;background:#1111114f;fill:#fff}predictive-search form .field .reset__button:hover svg{fill:var(--cl-btn-h)}predictive-search form .field .reset__button:before{content:"";position:absolute;top:50%;left:0;right:0;margin:0 auto;width:14px;height:14px;border:2px solid var(--cl-main);border-left-color:transparent;border-radius:50%;transform:translateY(-50%);animation:spin .5s linear infinite;opacity:0;visibility:hidden}predictive-search[loading=true] form .field .reset__button:before{opacity:1;visibility:visible}predictive-search[loading=true] form .field .reset__button svg{opacity:0;visibility:hidden}@keyframes spin{to{transform:rotate(360deg)}}predictive-search form .field .search__button{position:absolute;top:0;left:0;min-width:50px;height:50px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 15px;font-weight:500;font-size:13px;color:var(--cl-btn-search);text-transform:uppercase;letter-spacing:1px;border-radius:var(--rounded-btn)}predictive-search form .field .search__button svg{height:18px;color:var(--cl-btn-search)}predictive-search form .field .search__button:hover svg{color:var(--cl-btn-search-h)}.search-bar predictive-search form .field .search__button{left:auto;right:0;background-color:var(--cl-btn-search);border-radius:0 var(--rounded-btn) var(--rounded-btn) 0;color:#fff;text-transform:none;width:120px;font-size:var(--font-size)}predictive-search form .field .search__button span,.search-bar predictive-search form .field .search__button svg{display:none}.search-bar predictive-search form .field .search__button span{display:block}.search-bar predictive-search form .field .search__button:hover{background-color:var(--cl-btn-search-h)}.rtl .search-bar predictive-search form .field .search__button{left:0;right:auto;border-radius:var(--rounded-btn) 0 0 var(--rounded-btn)}.search-bar predictive-search .predictive-search,.header-left li.header_search predictive-search .predictive-search,.header-right li.header_search predictive-search .predictive-search{position:absolute;top:50px;right:0;width:600px;max-height:80vh;padding:0;border:1px solid var(--cl-b-search);border-radius:var(--rounded);background:var(--bg-body);box-shadow:0 0 30px #487bb726;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(15px);transition:opacity .5s ease,visibility .5s ease,transform .5s ease}.search-bar predictive-search .predictive-search{left:0;right:0;width:auto}.search-bar predictive-search .predictive-search.focus,.search-bar predictive-search[open=true] .predictive-search,.header-left li.header_search predictive-search .predictive-search.focus,.header-left li.header_search predictive-search[open=true] .predictive-search,.header-right li.header_search predictive-search .predictive-search.focus,.header-right li.header_search predictive-search[open=true] .predictive-search{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);z-index:999}.header-left li.header_search predictive-search[open=true][loading=true] .predictive-search,.header-right li.header_search predictive-search[open=true][loading=true] .predictive-search{opacity:0;visibility:hidden}.predictive-search-results,search-suggestions.search-suggestions{display:flex;flex-direction:column;padding:30px 0;position:relative;z-index:10;height:100%}.predictive-search__results-groups-wrapper{display:flex;flex-direction:column;height:100%}.predictive-search .predictive-search::-webkit-scrollbar,.predictive-search-results::-webkit-scrollbar,search-suggestions.search-suggestions::-webkit-scrollbar{width:5px}search-suggestions popular-keywords ul,.predictive-search__keywords-wrapper ul{display:flex;flex-wrap:wrap;gap:10px}search-suggestions popular-keywords ul li,.predictive-search__keywords-wrapper ul li{line-height:30px}search-suggestions popular-keywords ul li a,.predictive-search__keywords-wrapper ul li a{display:flex;gap:20px;font-size:var(--font-size);font-weight:500;flex-wrap:wrap}li.header_search predictive-search .predictive-search .product-results,li.header_search predictive-search .predictive-search .popular-products{overflow-y:auto;max-height:60vh;padding-bottom:30px}.search-bar predictive-search .predictive-search .product-results,.search-bar predictive-search .predictive-search .popular-products{overflow-y:auto;padding-bottom:30px;max-height:calc(80vh - 200px)}.predictive-search__result-group-products,popular-products{flex-grow:1;overflow:hidden;position:relative;top:0}.header__search_popup .predictive-search__result-group .product-results,.header__search_popup popular-products .popular-products{overflow-y:auto;position:absolute;top:50px;left:0;bottom:30px;right:0}popular-products ul,ul#predictive-search-results-products-list{display:flex;flex-direction:column;gap:var(--alo-gap)}popular-products ul li,ul#predictive-search-results-products-list li{display:flex;gap:var(--alo-gap)}popular-products ul li .card__media,ul#predictive-search-results-products-list li .card__media{width:90px}popular-products ul li .card__media a,ul#predictive-search-results-products-list li .card__media a{position:relative!important;overflow:hidden;border-radius:calc(var(--p-rounded)/2);border:1px solid var(--cl-border)}.popular-products .predictive-search__item-content,ul#predictive-search-results-products-list .predictive-search__item-content{display:flex;flex-direction:column;gap:2px;text-align:left;flex:1 1 0;max-width:100%}.rtl .popular-products .predictive-search__item-content,.rtl ul#predictive-search-results-products-list .predictive-search__item-content{text-align:right}ul#predictive-search-results-products-list li a p.predictive-search__item-heading{line-height:1;font-weight:400}ul#predictive-search-results-products-list .predictive-search__item-heading a{color:var(--cl-name-product);font-size:var(--font-size);line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600}ul#predictive-search-results-products-list .predictive-search__item-heading a:hover{color:var(--cl-name-product-h)}ul#predictive-search-results-products-list .price{font-size:var(--font-size);font-weight:500}ul#predictive-search-results-products-list .price .price__sale,ul#predictive-search-results-products-list .price--on-sale .price__regular{display:none}ul#predictive-search-results-products-list .price--on-sale .price__sale{display:block}ul#predictive-search-results-products-list .price__regular .price-item.price-item--regular{color:var(--cl-price-product)}ul#predictive-search-results-products-list .price-item.price-item--regular{color:var(--cl-compare-price-product)}ul#predictive-search-results-products-list .price-item.price-item--sale{color:var(--cl-current-product)}ul#predictive-search-results-products-list li a mark{color:var(--cl-secondary)}.predictive-search__search-for-button .predictive-search__item{gap:10px;max-width:inherit;display:flex;align-items:center}.predictive-search__search-for-button .predictive-search__item svg{height:14px}predictive-search[loading=true] .predictive-search__search-for-button .predictive-search__item .loader{display:flex}predictive-search[loading=true] .predictive-search__search-for-button .predictive-search__item span[data-predictive-search-search-for-text],predictive-search[loading=true] .predictive-search__search-for-button .predictive-search__item svg{opacity:0}#search_pupop.hero_canvas{left:0;right:0;width:auto;transform:none;transition:all .3s linear;top:0;bottom:0;max-height:80vh;opacity:0;pointer-events:none}#search_pupop.hero_canvas.act_opened{opacity:1;pointer-events:auto}.header__search_popup .search-modal__content{height:calc(100% - 100px)}.header__search_popup predictive-search{height:100%}.header__search_popup predictive-search form .field .search__button{padding:0}.header__search_popup predictive-search .predictive-search{box-shadow:none;background:none;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);width:auto!important;max-height:none;border:none;position:absolute;top:50px;left:0;right:0;bottom:0}.header__search_popup predictive-search:after{display:none}.template-search .section-header form.search{width:100%;max-width:715px;margin:0 auto;display:flex;gap:var(--alo-gap);border-radius:var(--rounded-btn);border:1px solid var(--cl-border);background:#fff}.template-search .section-header form.search input{flex:1 1 0;background:transparent;height:50px;border:none;padding:0 20px}.template-search .section-header form.search button{height:50px;width:50px;font-size:18px;padding:0}.template-search .section-header form.search button .text{display:none}predictive-search-status[aria-hidden=true]{display:block}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-predictive-search.css.map */