.header__search--drawer{--sd-accent: var(--search-drawer-accent, #1d4432);--sd-ink: #121212;--sd-line: rgba(18, 18, 18, .1);--sd-width: 46rem}.header__search--drawer details[open]>.header__icon--search .header__icon-close{display:none!important}.header__search--drawer .search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;height:auto;min-height:0;border:0;background:transparent;animation:none}.header__search--drawer details[open]>.search-modal{opacity:1;animation:none}.header__search--drawer .modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#12121273;animation:searchDrawerFade .25s ease}.header__search--drawer details[open] .modal-overlay:after{display:none}.header__search--drawer .search-modal__content{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:min(var(--sd-width),100%);height:100%;padding:2.4rem 2.4rem 3.2rem;overflow-y:auto;background:#fff;box-shadow:-1.2rem 0 4rem #0000001f;animation:searchDrawerSlide .3s cubic-bezier(.22,1,.36,1)}.header__search--drawer .search-modal__form{width:calc(100% - 5.2rem);max-width:none}.header__search--drawer .search-modal__close-button{position:absolute;top:2.4rem;right:1.6rem;width:4.4rem;height:4.4rem;margin:0;display:flex;align-items:center;justify-content:center;color:var(--sd-ink)}.header__search--drawer .search-modal__close-button .svg-wrapper,.header__search--drawer .search-modal__close-button svg{width:1.8rem;height:1.8rem}.header__search--drawer .field{position:relative}.header__search--drawer .field:before,.header__search--drawer .field:after{display:none}.header__search--drawer .search__input.field__input{height:4.6rem;padding:0 4.4rem;border:.1rem solid rgba(18,18,18,.7);border-radius:.8rem;background:#fff;color:var(--sd-ink);font-size:1.5rem;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}.header__search--drawer .search__input.field__input:focus{border-color:var(--sd-accent);box-shadow:0 0 0 .3rem #1d44321f;outline:none}.header__search--drawer .search__input::placeholder{color:#12121273;opacity:1}.header__search--drawer .field__label{display:none}.header__search--drawer .search__button{position:absolute;top:0;left:0;right:auto;width:4.4rem;height:100%;color:#1212128c}.header__search--drawer .reset__button{right:.4rem}.header__search--drawer .search__button .svg-wrapper,.header__search--drawer .search__button svg{width:1.7rem;height:1.7rem}.header__search--drawer .predictive-search,.header__search--drawer .predictive-search--header{position:static;width:calc(100% + 5.2rem);max-height:none;margin-top:1.6rem;border:0;border-radius:0;box-shadow:none;background:transparent}.header__search--drawer .predictive-search__results-groups-wrapper{flex-direction:column;padding:0}.header__search--drawer h2.predictive-search__heading{display:block!important}.header__search--drawer .predictive-search__heading{margin:0 0 1rem;padding:0 0 1rem;border-bottom:.1rem solid var(--sd-line);color:var(--sd-accent);font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase}.header__search--drawer .predictive-search__item{border-radius:.8rem}.header__search--drawer .predictive-search__item:hover,.header__search--drawer .predictive-search__item[aria-selected=true]{background:#1d44320f}.header__search--drawer .predictive-search__image{border-radius:.8rem;background:#f6f6f3}.header__search--drawer .search-drawer__suggestions{margin:2.4rem -2.4rem 0;padding:3.2rem 2.4rem 0;border-top:.1rem solid var(--sd-line)}.header__search--drawer predictive-search[open]~.search-drawer__suggestions,.header__search--drawer predictive-search[loading]~.search-drawer__suggestions{display:none}.search-drawer__heading{margin:0 0 1.2rem;color:var(--sd-accent);font-size:1.2rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.search-drawer__list{margin:0;padding:0;list-style:none}.search-drawer__link{display:block;padding:1.4rem 1.2rem;border-radius:.8rem;color:var(--sd-ink);font-size:1.7rem;text-decoration:none;transition:background-color .2s ease,color .2s ease,padding-left .2s ease}.search-drawer__link:hover,.search-drawer__link:focus-visible{padding-left:1.6rem;background:#1d44320f;color:var(--sd-accent)}@keyframes searchDrawerSlide{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes searchDrawerFade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.header__search--drawer .search-modal__content,.header__search--drawer .modal-overlay{animation:none}}@media screen and (max-width:749px){.header__search--drawer .search-modal__content{padding:1.6rem 1.6rem 2.4rem}.header__search--drawer .search-modal__close-button{top:1.6rem;right:.8rem}.header__search--drawer .search-drawer__suggestions{margin:2rem -1.6rem 0;padding:2.4rem 1.6rem 0}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-search-drawer.css.map */