predictive-search{display:block;width:100%}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}predictive-search:not([loading]) .predictive-search__loading-state{display:none}predictive-search[loading] .predictive-search__actions,predictive-search[loading] .predictive-search__layout~.predictive-search__loading-state{display:none}predictive-search[loading] .predictive-search__layout~.predictive-search__actions{display:block}predictive-search[loading] .predictive-search__loader{opacity:1;visibility:visible}.predictive-search{--results-max-height: (var(--full-screen) - var(--header-height) - var(--announcement-height));position:absolute;z-index:4000;top:100%;right:0;left:0;width:100%;max-height:var(--results-height, var(--results-max-height));opacity:0;visibility:hidden;transition:max-height .5s ease,opacity .5s ease,visibility .5s;background:var(--bg);overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:smooth;scrollbar-width:none;-ms-overflow-style:none}.predictive-search::-webkit-scrollbar{display:none}.js__header__stuck .predictive-search{--announcement-height: 0}.predictive-search--empty{z-index:3999}header-search-form{width:100%}header-search-form~.predictive-search--empty,predictive-search:not([open]):not([results])~.predictive-search--empty{opacity:1;visibility:visible;max-height:var(--results-height, var(--results-max-height))}predictive-search[open=true] .predictive-search{opacity:1;visibility:visible}.predictive-search__outer{position:relative;padding:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:padding .3s ease,opacity .3s ease,visibility .3s}.predictive-search__outer--empty,.is-searched .predictive-search__outer{opacity:1;visibility:visible;pointer-events:auto;padding:var(--outer) 0}@media only screen and (min-width:990px){.predictive-search__layout{--columns: repeat(3, minmax(0, 1fr))}}@media only screen and (min-width:750px){.predictive-search__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:var(--gutter)}}.predictive-search__layout--no-products,.predictive-search__layout--no-suggestions{grid-template-columns:100%}@media only screen and (max-width:749px){.predictive-search__column{margin-bottom:var(--inner)}}.predictive-search__actions{margin:var(--inner) 0}.predictive-search__group{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}@media only screen and (min-width:750px){.predictive-search__group{padding-bottom:var(--inner)}}.predictive-search__heading{font-family:DM Sans,sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:20px;letter-spacing:0;text-transform:none;color:#262626;margin-bottom:12px;padding-bottom:0;border-bottom:none}.predictive-search__item{margin-bottom:0;font-size:14px;display:inline-flex}.predictive-search__link{display:inline-flex;align-items:center;padding:6px 14px;font-family:DM Sans,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#262626;background:#fff;border:1px solid #D5D7DA;border-radius:100px;text-decoration:none;white-space:nowrap;transition:background .2s ease,border-color .2s ease}.predictive-search__link:hover{background:#f5f5f5;border-color:#a4a7ae}.predictive-search__products__list{padding:0}.predictive-search__products__list .grid{display:flex;flex-direction:column;gap:16px}@media only screen and (max-width:749px){.predictive-search__products__list .product-link{display:block}.predictive-search__products__list .product-item__info{text-align:left;padding-left:0}.predictive-search__products__list .product-grid-item{border-radius:12px;overflow:hidden}body.grid-compact .predictive-search__products__list{margin-bottom:-16px}body.grid-compact .predictive-search__grid-item{margin-bottom:16px}}.predictive-search__empty p{margin:0}.predictive-search__loading-state{margin:var(--inner) 0;min-height:var(--btn-height);display:flex;align-items:center}.predictive-search__loader{margin:auto;opacity:0;transition:opacity .3s ease,visibility .3s}.predictive-search__item[aria-selected=true]>a,.predictive-search__grid-item[aria-selected=true]>a,.predictive-search__actions>.btn[aria-selected=true]{outline:5px auto var(--accent)}@media only screen and (max-width:749px){.supports-touch .predictive-search__grid-item hover-images:after,.supports-touch .predictive-search__grid-item .product-item__bg__slide:not(:first-child){display:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/predictive-search.css.map */