.search-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;pointer-events:none}.search-drawer.is-open{pointer-events:auto}.search-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;transition:opacity .3s ease}.search-drawer.is-open .search-drawer__overlay{opacity:1}.search-drawer__panel{position:absolute;top:0;left:0;right:0;max-height:85vh;background-color:var(--color-background);color:var(--color-foreground);transform:translateY(-100%);transition:transform .3s ease-out;display:flex;flex-direction:column;overflow:hidden}.search-drawer.is-open .search-drawer__panel{transform:translateY(0)}.search-drawer__form{display:flex;align-items:center;gap:var(--fluid-8-8);padding:var(--fluid-16-16) var(--fluid-16-24);border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent);flex-shrink:0}.search-drawer__icon{display:inline-flex;align-items:center;flex-shrink:0;opacity:.6}.search-drawer__input{flex:1;min-width:0;border:none;background:transparent;color:var(--color-foreground);font-family:var(--font-display-family);font-stretch:expanded;font-size:var(--fluid-16-20);letter-spacing:var(--letter-spacing-display);text-transform:uppercase}.search-drawer__input::placeholder{color:var(--color-foreground);opacity:.65}.search-drawer__submit,.search-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:var(--fluid-40-40);height:var(--fluid-40-40);flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--color-foreground);transition:opacity .15s ease}.search-drawer__submit:hover,.search-drawer__close:hover{opacity:.7}.search-drawer__close svg{width:20px;height:20px;pointer-events:none}.search-drawer__results{align-self:center;width:100%;max-width:var(--fluid-1440-1440);overflow-y:auto;overscroll-behavior:contain;padding:0 var(--fluid-16-24);transition:opacity .15s ease}.search-drawer__results:not(:empty){padding-block:var(--fluid-16-24)}.search-drawer.is-loading .search-drawer__results{opacity:.5}.predictive-search__group{margin-bottom:var(--fluid-16-24)}.predictive-search__group-heading{margin:0 0 var(--fluid-8-8);font-family:var(--font-display-family);font-weight:var(--font-display-weight);font-stretch:expanded;font-size:var(--fluid-12-14);letter-spacing:var(--letter-spacing-display);text-transform:uppercase;opacity:.6}.predictive-search__list{margin:0;padding:0;list-style:none}.predictive-search__view-all{display:flex;align-items:center;justify-content:center;gap:var(--fluid-12-12);padding:var(--fluid-8-8);color:inherit;text-decoration:none;border-radius:2px}.predictive-search__product{display:flex;flex-direction:column;gap:var(--fluid-8-8);width:var(--fluid-150-150);padding:var(--fluid-8-8);color:inherit;text-decoration:none;border-radius:2px}.predictive-search__product:hover,.predictive-search__view-all:hover{background-color:color-mix(in srgb,currentColor 6%,transparent)}.predictive-search__list--queries{display:flex;flex-wrap:wrap;gap:var(--fluid-8-8)}.predictive-search__query{display:inline-flex;align-items:center;padding:var(--fluid-4-8) var(--fluid-12-12);font-size:var(--fluid-12-14);color:inherit;text-decoration:none;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:999px}.predictive-search__query:hover{background-color:color-mix(in srgb,currentColor 8%,transparent)}.predictive-search__list--products{display:flex;flex-wrap:wrap;gap:var(--fluid-12-16)}.predictive-search__product-media{width:100%;aspect-ratio:1440 / 2160;overflow:hidden;background-color:var(--color-foreground-subtle, color-mix(in srgb, currentColor 4%, transparent))}.predictive-search__product-image{display:block;width:100%;height:100%;object-fit:contain}.predictive-search__product-media img{height:100%}.predictive-search__product-info{display:flex;flex-direction:column;gap:var(--fluid-4-4);min-width:0}.predictive-search__product-title{font-size:var(--fluid-14-16);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.predictive-search__product-price{font-size:var(--fluid-12-14);opacity:.7}.predictive-search__view-all{justify-content:center;margin-top:var(--fluid-8-8);font-family:var(--font-display-family);font-stretch:expanded;font-size:var(--fluid-12-14);letter-spacing:var(--letter-spacing-display);text-transform:uppercase;border-top:1px solid color-mix(in srgb,currentColor 10%,transparent)}.predictive-search__empty{margin:0;padding:var(--fluid-8-8);font-size:var(--fluid-14-16)}.search-drawer__progress{align-self:center;width:100%;max-width:var(--fluid-1440-1440);height:2px;flex-shrink:0;overflow:hidden;background-color:color-mix(in srgb,currentColor 10%,transparent);opacity:0;transition:opacity .15s ease}.search-drawer.is-loading .search-drawer__progress{opacity:1}.search-drawer__progress:before{content:"";display:block;width:40%;height:100%;background-color:currentColor;transform:translate(-100%)}.search-drawer.is-loading .search-drawer__progress:before{animation:search-progress 1s ease-in-out infinite}@keyframes search-progress{0%{transform:translate(-100%)}to{transform:translate(350%)}}body.search-drawer-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.search-drawer__overlay,.search-drawer__panel{transition-duration:.01ms!important}.search-drawer__progress:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-predictive-search.css.map */