predictive-search.predictive-search-section--inline{z-index:50}body:before{position:fixed;inset:var(--site-header-offset, 76px) 0 0 0;z-index:40;background:#00000073;content:"";pointer-events:none;opacity:0;transition:opacity .15s ease}body:has(predictive-search.predictive-search-section--inline.search-active):before{pointer-events:auto;opacity:1}predictive-search.predictive-search-section--inline .header-predictive-search__results{position:absolute;inset:100% 0 auto;z-index:60;display:none;max-height:min(70vh,1060px);box-shadow:inset 0 4px 8px #00000026;overflow:hidden auto;background:var(--body-background-color)}predictive-search.predictive-search-section--inline .header-predictive-search__results:after{position:absolute;inset:50% auto auto 50%;z-index:10;width:40px;height:40px;border:solid 4px var(--primary-color);border-radius:50%;content:"";pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;visibility:hidden;transition:opacity .25s ease-in;animation:predictive-search-loading-spin 1s infinite ease-out;border-right-color:transparent;translate:-50% -50%}predictive-search.predictive-search-section--inline .header-predictive-search__results .header-predictive-search__inner{opacity:0;visibility:hidden;transition:opacity .25s ease}predictive-search.predictive-search-section--inline .header-predictive-search__results.results-ready .header-predictive-search__inner{opacity:1;visibility:visible}predictive-search.predictive-search-section--inline .header-predictive-search__results.results-loading:after{opacity:1;visibility:visible}predictive-search.predictive-search-section--inline .header-predictive-search__results.results-loading .header-predictive-search__inner{pointer-events:none;opacity:0;visibility:hidden}predictive-search.predictive-search-section--inline .header-predictive-search__inner{width:100%;background:var(--body-background-color)}predictive-search.predictive-search-section--inline.search-active .header-predictive-search__results{display:block;width:100%;max-width:1260px;margin:0 auto}predictive-search.predictive-search-section--inline .header-search__reset{top:50%;right:calc(var(--content-spacing-xs) + 26px);display:none;width:18px;height:18px;border:none;background:transparent;color:var(--brand-color-2);translate:0 -50%}predictive-search.predictive-search-section--inline.search-active .header-search__reset{display:flex}predictive-search.predictive-search-section--inline .header-search__reset svg{display:block;width:18px;height:18px}@keyframes predictive-search-loading-spin{0%{rotate:0deg}to{rotate:360deg}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/predictive-search.css.map */