predictive-search form .field__label,predictive-search:not([loading]) .predictive-search__loading-state,predictive-search:not([loading]) .predictive-search-status__loading,predictive-search[loading] .predictive-search__search-for-button,predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__loading-state{display:none}predictive-search{position:relative;width:100%;display:block}predictive-search form .field{background:var(--color-bg);display:flex;border-radius:40px;overflow:hidden;border:1px solid var(--color-border-search);height:40px;position:relative}predictive-search form .field .search__input{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;padding:0 15px;height:40px;border:none;background:none}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{background:#fff;border:none;width:40px;height:40px;padding:0;display:flex;justify-content:center;align-items:center;position:absolute;right:40px;border-radius:40px;cursor:pointer}predictive-search form .field .reset__button:hover svg{fill:var(--color-btn-hover)}predictive-search form .field .search__button{width:38px;height:38px;border:none;cursor:pointer;font-weight:600;font-size:18px;border-radius:100%;color:#fff;background:var(--color-btn);display:flex;justify-content:center;align-items:center}predictive-search form .field .search__button:hover{color:var(--color-btn-hover)}predictive-search .predictive-search{background:#fff;padding:20px;border-radius:var(--alo-border-radius);box-shadow:0 0 30px #487bb726;position:absolute;top:50px;left:0;right:0;overflow-y:auto;max-height:75vh;pointer-events:none;opacity:0;visibility:hidden;-webkit-transform:translate(0,15px);-ms-transform:translate(0,15px);transform:translateY(15px);-webkit-transition:opacity .5s ease,visibility .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,visibility .5s ease,transform .5s ease,-webkit-transform .5s ease}.header-right predictive-search .predictive-search{left:inherit}predictive-search .predictive-search.focus,predictive-search[open=true] .predictive-search{pointer-events:auto;opacity:1;visibility:visible;z-index:999;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0)}search-suggestions.search-suggestions{display:flex;gap:20px}.predictive-search__results-groups-wrapper{display:flex;border-bottom:.1rem solid var(--color-border);padding-bottom:15px;gap:20px;margin-bottom:15px}search-suggestions.search-suggestions popular-keywords,search-suggestions.search-suggestions popular-products,.predictive-search__result-group{display:flex;flex-direction:column;flex:1 1 auto;gap:20px;min-width:200px;text-align:left}search-suggestions.search-suggestions h2.predictive-search__heading,.predictive-search__result-group h2.predictive-search__heading{font-size:16px;border-bottom:1px solid var(--color-border);padding-bottom:15px;margin-bottom:15px}search-suggestions.search-suggestions popular-products ul{padding:0}.predictive-search__result-group:first-child .predictive-search__pages-wrapper{display:none}search-suggestions popular-keywords ul,popular-products ul,.predictive-search__result-group ul{display:flex;gap:15px;flex-direction:column;padding:0}search-suggestions popular-keywords ul li,popular-products ul li,.predictive-search__result-group ul li{line-height:30px}search-suggestions popular-keywords ul li a,popular-products ul li,.predictive-search__result-group ul li{display:flex!important;gap:15px;align-items:center;color:var(--color-main)}popular-products ul li .card__media a,.predictive-search__result-group ul li .card__media a{position:relative!important;display:block!important;overflow:hidden}popular-products ul li .card__media,.predictive-search__result-group ul li .card__media{border:1px solid var(--color-border);border-radius:var(--alo-border-radius);width:100px}popular-products .predictive-search__item-content,.predictive-search__result-group .predictive-search__item-content{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.predictive-search__result-group ul li a p.predictive-search__item-heading,search-suggestions popular-keywords ul li a{line-height:1;font-weight:500}popular-products ul li .predictive-search__item-heading,.predictive-search__result-group .predictive-search__item-heading{font-size:16px;line-height:24px}popular-products ul li .price,.predictive-search__result-group .predictive-search__item-content .price{font-size:14px}popular-products ul li .price .price__sale,popular-products ul li .price--on-sale .price__regular,.predictive-search__result-group .predictive-search__item-content .price .price__sale,.predictive-search__result-group .predictive-search__item-content .price--on-sale .price__regular{display:none}popular-products ul li .price--on-sale .price__sale,.predictive-search__result-group .predictive-search__item-content .price--on-sale .price__sale{display:block}popular-products ul li .price__regular .price-item.price-item--regular,.predictive-search__result-group .price__regular .price-item.price-item--regular{color:var(--color-price-product);font-weight:600}popular-products ul li .price-item.price-item--regular,.predictive-search__result-group .price-item.price-item--regular{color:var(--color-compare-price-product)}popular-products ul li .price-item.price-item--sale,.predictive-search__result-group .price-item.price-item--sale{color:var(--color-current-product);font-weight:600}.predictive-search__result-group ul li a mark{color:var(--color-secondary)}.predictive-search__search-for-button .predictive-search__item{border:none;background:none;width:100%;display:flex;gap:10px;justify-content:space-between;height:35px;padding:0;align-items:center;cursor:pointer}.predictive-search__search-for-button .predictive-search__item svg{height:14px}.both-center predictive-search .predictive-search,.logo-center_2l predictive-search .predictive-search{width:720px}#search_pupop.hero_canvas{left:0;right:0;width:auto;-webkit-transform:none;transform:none;-webkit-transition:all .3s linear 0s;-khtml-transition:all .3s linear 0ms;-moz-transition:all .3s linear 0s;-ms-transition:all .3slinear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;top:0;bottom:0;max-height:80vh;opacity:0;pointer-events:none}#search_pupop.hero_canvas.act_opened{opacity:1;top:0;overflow:visible;pointer-events:auto}.header__search_popup predictive-search{margin:10% auto}.header__search_popup predictive-search h3{font-size:18px;margin-bottom:30px;text-align:center}.header__search_popup predictive-search form .field{border:2px solid var(--color-border);box-shadow:0 0 20px #0000000d}.header__search_popup predictive-search .predictive-search{position:static;padding:10px 0 0;box-shadow:0 0;background:none;opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translate(0,15px);-ms-transform:translate(0,15px);transform:translateY(15px);width:auto!important}.header__search_popup search-suggestions.search-suggestions,.header__search_popup .predictive-search__results-groups-wrapper{flex-direction:column}.header__search_popup .predictive-search__result-group:first-child .predictive-search__pages-wrapper{display:none}.header__search_popup .predictive-search__result-group:first-child{flex:1 1 auto}@media screen and (min-width: 768px){.predictive-search__result-group:first-child{flex:0 0 15rem}.predictive-search__result-group:first-child .predictive-search__pages-wrapper{display:initial}.predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:nth-child(2),.predictive-search__result-group:last-child .predictive-search__pages-wrapper{display:none}}@media screen and (max-width: 767px){search-suggestions.search-suggestions,.predictive-search__results-groups-wrapper{flex-direction:column}.header__search_popup predictive-search{width:auto;margin:10% 0}}.template-search .section-header form.search{width:100%;max-width:715px;margin:0 auto;display:flex;gap:var(--alo-gap);border-radius:var(--alo-btn-border-radius);border:2px solid var(--color-border);background:#fff}.template-search .section-header form.search input{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;background:transparent;height:40px;border:none;padding:0 20px}.template-search .section-header form.search button{height:40px;min-width:40px;font-size:18px;padding:0}.template-search .section-header form.search button .text{display:none}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-predictive-search.css.map */