:root{--search-drawer-duration: .3s;--search-drawer-ease: cubic-bezier(.4, 0, .2, 1)}search-drawer.header__search{display:inline-flex}.section-header.search-drawer-open{z-index:1003}search-drawer.header__search .search-modal,search-drawer.header__search .modal-overlay{display:none!important}.search-drawer__disclosure{display:flex}.search-drawer__disclosure.disclosure-has-popup[open]>summary:before{display:none}.search-drawer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1004;background-color:transparent;pointer-events:none;isolation:isolate}.search-drawer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:rgba(var(--color-foreground),.5);opacity:0;pointer-events:none;transition:opacity var(--search-drawer-duration, var(--duration-default)) var(--search-drawer-ease, ease)}.search-drawer__disclosure[open].menu-opening>.search-drawer{pointer-events:auto}.search-drawer__disclosure[open].menu-opening>.search-drawer:before{opacity:1;pointer-events:auto}.search-drawer__disclosure[open]:not(.menu-opening)>.search-drawer:before{opacity:0;pointer-events:none}.search-drawer__inner{position:relative;z-index:1;background-color:rgb(var(--color-background));width:100%;margin-left:auto;height:100%;overflow-y:auto;pointer-events:all;transition:transform var(--search-drawer-duration, var(--duration-default)) var(--search-drawer-ease, ease);max-width:100%;display:flex;flex-direction:column;filter:drop-shadow(var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow),var(--drawer-shadow-opacity)))}.menu-opening .search-drawer__inner{transform:translate(0)}.js .disclosure-has-popup:not(.menu-opening) .search-drawer__inner{transform:translate(105vw)}.search-drawer__main{flex:1 1 auto;padding:0;overflow-y:auto}.search-drawer__form{width:100%}.search-drawer__bar{display:flex;align-items:center;gap:1.2rem;padding:1.6rem 2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08);position:sticky;top:0;z-index:2;background-color:rgb(var(--color-background))}.search-drawer__field{position:relative;flex:1 1 auto;display:flex;align-items:center;margin:0;min-width:0}.search-drawer .search-drawer__field:before,.search-drawer .search-drawer__field:after,.template-search__search .search-drawer__field:before,.template-search__search .search-drawer__field:after{content:none;box-shadow:none}.search-drawer__field-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;color:rgba(var(--color-foreground),.55);pointer-events:none}.search-drawer__field-icon svg{width:2rem;height:2rem}.search-drawer .search-drawer__field .search__input.field__input,.template-search__search .search-drawer__field .search__input.field__input{flex:1 1 auto;min-width:0;height:auto;padding:.4rem 1.2rem;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:1.4rem;letter-spacing:0}.search-drawer .search-drawer__field .search__input.field__input:focus,.search-drawer .search-drawer__field .search__input.field__input:focus-visible,.template-search__search .search-drawer__field .search__input.field__input:focus,.template-search__search .search-drawer__field .search__input.field__input:focus-visible{outline:0;box-shadow:none}.search-drawer .search-drawer__field .search__input::placeholder,.template-search__search .search-drawer__field .search__input::placeholder{color:rgba(var(--color-foreground),.5);opacity:1}.search-drawer__close-button{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;flex-shrink:0;padding:0;background:rgba(var(--color-foreground),.06);border:0;border-radius:50%;cursor:pointer;color:rgb(var(--color-foreground));transition:background-color var(--duration-short) ease}.search-drawer__close-button:hover{background:rgba(var(--color-foreground),.12)}.search-drawer__close-button .svg-wrapper{width:1rem;height:1rem}.search-drawer__discover{padding:2.4rem 2rem 3.2rem}.search-drawer__main:has(.search__input:not(:placeholder-shown)) .search-drawer__discover,.search-drawer__main:has(predictive-search[open]) .search-drawer__discover,.search-drawer__main:has(predictive-search[loading]) .search-drawer__discover{display:none}.search-drawer__section+.search-drawer__section{margin-top:3.2rem}.search-drawer__label{margin:0 0 1.6rem;font-size:1.2rem;text-transform:lowercase;letter-spacing:.02em;color:rgba(var(--color-foreground),.5)}.search-drawer__popular{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.6rem}.search-drawer__popular-link{display:inline-block;font-family:var(--font-heading-family);font-size:1.8rem;line-height:1.1;letter-spacing:-.02em;text-decoration:none;color:rgb(var(--color-foreground))}.search-drawer__popular-link:hover{text-decoration:underline;text-underline-offset:.3rem}.search-drawer__section--trending{min-width:0}.search-drawer .search-drawer__trending-slider{display:block;min-width:0}.search-drawer .search-drawer__trending-slider .slider-mobile-viewport{position:relative;padding-top:var(--product-card-border-width, 1.5px);box-sizing:border-box}.search-drawer .search-drawer__trending-slider .slider.slider--mobile{position:relative;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin-bottom:0}.search-drawer .search-drawer__trending-slider .slider--mobile:after{padding-left:0}.search-drawer .search-drawer__trending-slider .product-grid.grid{column-gap:0;row-gap:0;margin-left:0!important}.search-drawer .search-drawer__trending-slider .product-grid .grid__item{flex-grow:0!important;flex-shrink:0;padding:0!important;margin:0!important;box-sizing:border-box;min-width:20rem;width:20rem;max-width:20rem}.search-drawer .search-drawer__trending-slider .product-grid .grid__item:first-of-type{margin-left:0}.search-drawer .search-drawer__trending-slider .product-grid .grid__item .product-card-wrapper,.search-drawer .search-drawer__trending-slider .product-grid .grid__item .card{width:100%;height:100%;margin:0}.search-drawer .search-drawer__trending-slider .quick-add,.search-drawer .search-drawer__trending-slider .card-information__rating,.search-drawer .search-drawer__trending-slider .card-information__rating--placeholder{display:none!important}.search-drawer .search-drawer__trending-slider .product-card-wrapper .product-card__body{padding:1rem;gap:.4rem}.search-drawer .search-drawer__trending-slider .product-card-wrapper .card__information{display:flex;flex-direction:column;gap:4px}.search-drawer .search-drawer__trending-slider .product-card-wrapper .product-card__body--has-rating-slot{min-height:0}.search-drawer .search-drawer__trending-slider .product-card-wrapper .card__heading a,.search-drawer .search-drawer__trending-slider .product-card-wrapper .card-information__price .price,.search-drawer .search-drawer__trending-slider .product-card-wrapper .card-information__price .price-item--regular,.search-drawer .search-drawer__trending-slider .product-card-wrapper .card-information__price .price-item--sale{font-size:1.2rem;line-height:1.2}.search-drawer slider-component.slider-component--mobile-carousel .slider-mobile-nav{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:none;border-radius:50%;background-color:#e8e8e3eb;color:#080807;cursor:pointer;transform:translateY(-50%);box-shadow:0 0 0 1px #0808070f;transition:opacity .2s ease,visibility .2s ease}.search-drawer slider-component.slider-component--mobile-carousel .slider-mobile-nav--prev{left:1.2rem}.search-drawer slider-component.slider-component--mobile-carousel .slider-mobile-nav--next{right:1.2rem}.search-drawer slider-component.slider-component--mobile-carousel .slider-mobile-nav--hidden{opacity:0;visibility:hidden;pointer-events:none}.search-drawer slider-component.slider-component--mobile-carousel .slider-mobile-progress{display:block;max-width:15rem;margin-top:var(--spacing-section-element-gap, 1.6rem);margin-inline:auto}.search-drawer slider-component.slider-component--mobile-carousel .slider-mobile-progress--hidden{visibility:hidden;height:0;margin-top:0;padding-top:0;padding-bottom:0;overflow:hidden;pointer-events:none}.search-drawer .predictive-search--drawer,.search-drawer predictive-search .predictive-search{position:static;top:auto;left:auto;right:auto;display:none;width:100%;max-width:none;margin-top:0;border-radius:0;border-width:0;box-shadow:none}.search-drawer predictive-search[open] .predictive-search,.search-drawer predictive-search[loading] .predictive-search{display:block}.search-drawer predictive-search[open] .predictive-search__results-groups-wrapper{flex-direction:column}.search-drawer predictive-search .predictive-search{padding:1.6rem 0 2.4rem}.search-drawer .predictive-search__item--term [data-predictive-search-search-for-text]{letter-spacing:0}@media screen and (min-width:750px){.search-drawer__inner{max-width:48rem;border-color:rgba(var(--color-foreground),var(--drawer-border-opacity));border-style:solid;border-width:0 0 0 var(--drawer-border-width)}.search-drawer__bar{padding:1.8rem 2.5rem}.search-drawer__discover{padding:2.4rem 2.5rem 3.2rem}}@media(prefers-reduced-motion:reduce){.search-drawer:before,.search-drawer__inner{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-search-drawer.css.map */
