.predictive-search{display:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}.predictive-search__loading-state{display:none;justify-content:center;padding:var(--sp-6) 0}predictive-search[loading] .predictive-search__loading-state{display:flex}predictive-search[loading] .predictive-search__results-groups-wrapper,predictive-search[loading] .predictive-search__search-for-button{display:none}.predictive-search__loading-state svg{width:2rem;height:2rem}@media(prefers-reduced-motion:no-preference){.predictive-search__loading-state svg{animation:spin .9s linear infinite}}.predictive-search__loading-state .path{stroke:currentColor}.predictive-search__results-groups-wrapper{display:grid;gap:var(--sp-5);padding:var(--sp-4) 0 var(--sp-5)}@media(min-width:750px){.predictive-search__results-groups-wrapper{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--sp-7)}.predictive-search__results-groups-wrapper--no-products{grid-template-columns:minmax(0,1fr)}}.predictive-search__result-group{display:grid;gap:var(--sp-5);align-content:start;min-width:0}@media(min-width:750px){.predictive-search__result-group:last-child .predictive-search__pages-wrapper{display:none}}@media(max-width:749px){.predictive-search__result-group:first-child .predictive-search__pages-wrapper{display:none}.predictive-search__result-group:first-child:has(.predictive-search__pages-wrapper:only-child){display:none}}.predictive-search__heading{display:block;margin:0 0 var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:400;line-height:var(--lh-base);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--c-fg-muted)}.predictive-search__results-list{display:grid;gap:0}.predictive-search__item{display:flex;align-items:center;gap:var(--sp-3);min-height:4.4rem;padding:var(--sp-2) var(--sp-2);margin:0 calc(var(--sp-2) * -1);width:calc(100% + var(--sp-2) * 2);text-decoration:none;color:inherit;text-align:left}.predictive-search__item:hover .predictive-search__item-heading,.predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,.predictive-search__item--term[aria-selected=true]{text-decoration:underline;text-underline-offset:.2em}.predictive-search__item--link-with-thumbnail{padding-block:var(--sp-2)}.predictive-search__media{flex:none;width:4.8rem;background:var(--c-bg)}.predictive-search__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.predictive-search__item-content{display:grid;gap:.2rem;min-width:0}.predictive-search__item-heading{margin:0;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:400;line-height:var(--lh-snug);text-transform:uppercase;letter-spacing:var(--tracking-wide);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.predictive-search__item-query-result mark{background:none;color:inherit;font-weight:500}.predictive-search__item-vendor{font-family:var(--font-mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--c-fg-muted)}.predictive-search__item-content .price{font-size:var(--fs-xs);gap:var(--sp-1)}.predictive-search__item-content .price__off{font-size:var(--fs-2xs)}.predictive-search__search-for-button{margin-top:var(--sp-3)}.predictive-search__item--term{justify-content:space-between;min-height:5.2rem;margin:0;width:100%;padding-inline:0;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.predictive-search__item--term .svg-wrapper svg{width:1.4rem;height:1rem;fill:currentColor}@media(prefers-reduced-motion:no-preference){.predictive-search__item--term .svg-wrapper{transition:transform var(--dur-base) var(--ease)}}.predictive-search__item--term:hover .svg-wrapper,.predictive-search__item--term[aria-selected=true] .svg-wrapper{transform:translate(.3em)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-predictive-search.css.map */
