.header__search .search-modal{--search-field-height: 5rem;--search-bar-top: 1.2rem;--search-arrow-width: 4rem;--search-arrow-left: .8rem;position:fixed;top:0;right:0;bottom:0;left:0;min-height:0;border-bottom:0;z-index:20;background:rgb(var(--color-background))}@keyframes onhowSearchPanelIn{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}.header__search details[open]>.search-modal{opacity:1;animation:onhowSearchPanelIn .26s cubic-bezier(.22,.61,.36,1) both}@media(prefers-reduced-motion:reduce){.header__search details[open]>.search-modal{animation-duration:1ms}}.header__search .modal-overlay,.header__search details[open] .modal-overlay{display:none}.section-header:has(.header__search details[open]){transform:none;z-index:6}body:has(.header__search details[open]) #SwipeDiscoveryFab,body:has(.header__search details[open]) .onhow-recent-sale{display:none}.header__search .search-modal__content,.header__search .search-modal__content-bottom,.header__search .search-modal__content-top{position:static;display:block;width:100%;height:100%;max-width:none;padding:0 0 3rem;overflow-y:auto;overscroll-behavior:contain}.header__search .search-modal__form{position:sticky;top:0;z-index:2;display:block;width:100%;max-width:none;padding:var(--search-bar-top) 1.4rem 1rem calc(var(--search-arrow-left) + var(--search-arrow-width) + .4rem);background:rgb(var(--color-background))}.header__search form.search-modal__form{position:static;padding:0;background:none}.header__search .search-modal__form .field{width:100%}.header__search .search-modal__form .field__input{height:var(--search-field-height);padding:0 4.4rem;border-radius:.8rem}.header__search .search-modal__form .field__input::placeholder{opacity:1;color:rgba(var(--color-foreground),.5)}.header__search .search-modal__form .field__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.header__search .search-modal__form .search__button,.header__search .search-modal__form .reset__button{top:0;height:var(--search-field-height)}.header__search .search-modal__form .search__button{left:0;right:auto;pointer-events:none}.header__search .search-modal__form .search__button .svg-wrapper{color:rgba(var(--color-foreground),.55)}.header__search .search-modal__form .reset__button{right:0}.header__search .search-modal__form .reset__button:not(:focus-visible):after{border-right:0}.header__search .search-modal__close-button{position:absolute;top:var(--search-bar-top);left:var(--search-arrow-left);right:auto;display:flex;align-items:center;justify-content:center;width:var(--search-arrow-width);height:var(--search-field-height);margin:0;padding:0;z-index:3}.header__search .search-modal__close-button .svg-wrapper,.header__search .search-modal__close-button svg{display:block;width:2rem;height:2rem}.header__search .search-modal__close-button svg{transform:rotate(180deg)}.header__search .predictive-search{position:static;border:0;box-shadow:none;max-height:none;overflow:visible}@media screen and (min-width:750px){.header__search .search-modal__form,.header__search .search-suggestions,.header__search .predictive-search{max-width:60rem;margin-left:auto;margin-right:auto}.header__search .search-modal__close-button{left:max(.8rem,calc(50% - 34.8rem))}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/search-panel.css.map */