.predictive-search-backdrop{position:absolute;top:calc(100% - var(--header-height));left:0;width:100%;height:100vh;background-color:rgba(var(--color-base-dark),.4);z-index:0;opacity:0;visibility:hidden;pointer-events:none}.search-active .predictive-search-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition:all var(--duration-default) ease-in-out}.predictive-search{position:absolute;top:calc(100% - var(--header-height));left:0;width:100%;padding:var(--space-15) 0 var(--space-23);z-index:1;max-height:80vh;overflow:auto;background-color:rgb(var(--color-off-white));border-top:.1rem solid rgb(var(--color-border));transition:all var(--duration-default) ease-in-out;opacity:0;visibility:hidden;pointer-events:none}.predictive-search-results{line-height:var(--leading-looser)}.predictive-search__content-grid{display:grid;grid-template-columns:32rem 1fr;column-gap:var(--space-48)}.predictive-search__suggestions{display:flex;flex-direction:column;gap:var(--space-12)}.predictive-search__loading-state{text-align:center;display:none;align-items:center;justify-content:center}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{opacity:1;visibility:visible;pointer-events:unset;height:auto;transition:all var(--duration-default) ease-in-out}predictive-search[loading] .predictive-search__loading-state{display:flex}predictive-search[loading] .predictive-search__results{display:none}.predictive-search__header{display:flex;align-items:center;gap:var(--space-12);justify-content:flex-end;margin-bottom:var(--space-12)}.predictive-search__view-all{font-size:var(--text-size-base);font-weight:var(--font-body-weight);text-decoration:none}.predictive-search__heading{margin:0 0 var(--space-12) 0;font-size:var(--text-size-2xl)}.predictive-search__results-list{display:flex;flex-direction:column;gap:var(--space-8)}.predictive-search__suggestions .predictive-search__item{text-decoration:none;color:inherit;font-size:var(--text-size-base);text-transform:capitalize}.predictive-search__suggestions mark{background:none;color:var(--color-foreground);font-weight:var(--font-weight-extra-bold)}.predictive-search__products .predictive-search__results-list{display:grid;gap:var(--space-12);grid-template-columns:repeat(3,1fr)}@media screen and (max-width: 1599px){.predictive-search,.predictive-search-backdrop{top:calc(100% - var(--header-height-reduced))}.predictive-search__content-grid{grid-template-columns:24rem 1fr;column-gap:var(--space-23)}}@media screen and (max-width: 1199px){.predictive-search,.predictive-search-backdrop{top:100%}.predictive-search__heading{margin-bottom:var(--space-8)}.predictive-search__results-list{gap:var(--space-8)}.predictive-search__products .predictive-search__results-list{grid-template-columns:repeat(2,1fr);gap(var(--space-8))}}@media screen and (max-width: 989px){.predictive-search__content-grid{display:flex;flex-direction:column;gap:var(--space-12)}.predictive-search__suggestions .predictive-search__results-list{flex-direction:row;overflow-x:auto}.predictive-search__suggestions .predictive-search__list-item .predictive-search__item{padding:var(--space-4) var(--space-8);background-color:rgb(var(--color-earth-green));color:rgb(var(--color-off-white));border-radius:99rem;white-space:nowrap}@media screen and (hover: none){.predictive-search__suggestions .predictive-search__results-list{scroll-snap-type:x mandatory;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.predictive-search__suggestions .predictive-search__results-list::-webkit-scrollbar{display:none}.predictive-search__suggestions .predictive-search__list-item .predictive-search__item{scroll-snap-align:start;scroll-margin:0}}}@media screen and (max-width: 499px){.predictive-search__products .predictive-search__results-list{display:flex;flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/predictive-search.css.map */