menu-drawer+.header__search{display:none}.header__search{display:inline-flex}.no-js .predictive-search{display:none}details[open]>.search-modal{height:7.2rem;opacity:1;animation:animateMenuOpen var(--duration-default) ease}details[open] .modal-overlay{display:block}details[open] .modal-overlay:after{position:fixed;content:"";background-color:var(--color-overlay);-webkit-backdrop-filter:var(--filter-blur);backdrop-filter:var(--filter-blur);top:0;left:0;right:0;height:100vh}.no-js details[open]>.header__icon--search{top:1rem;right:.5rem}.search-modal{position:fixed;opacity:0;border-bottom:1px solid rgba(var(--color-grey-2));z-index:6}.search-modal__content-bottom{bottom:calc((var(--inputs-margin-offset) / 2))}.search-modal__content-top{top:calc((var(--inputs-margin-offset) / 2))}.template-search__total-results{padding:2.4rem;color:rgb(var(--color-grey-2));font-size:1.6rem;font-weight:var(--font-body-weight-light);text-align:center}.search__input:focus-visible,.search-modal__input:focus-visible{outline:none}.search-modal__content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;position:relative;background:rgb(var(--color-grey-5))}.search-modal__close-button{position:absolute;right:0;height:auto;width:auto;padding:0;border:0;margin:0;background:transparent;color:rgb(var(--color-link));cursor:pointer}@media screen and (max-width: 749px){.search-modal__close-button{width:4rem;height:4rem;right:auto;left:0}}.search-modal__input-wrapper{display:flex;align-items:center;width:39.1rem;margin:0 auto;position:relative}@media screen and (max-width: 749px){.search-modal__input-wrapper{width:90%;margin-right:0}.template-search__search .search-modal__input-wrapper{width:100%}}.search-modal__form{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.search-modal__input{width:39.1rem;height:4.8rem;padding:0 4.8rem;border-radius:2.5rem;border:.1rem solid rgb(var(--color-secondary-brown));font-size:1.6rem;font-weight:var(--font-body-weight-light);font-family:var(--font-body-family)}.search-modal__input::placeholder{color:rgba(var(--color-grey-2),.7);font-size:1.6rem;font-family:var(--font-body-family)}.search__button{width:5rem;height:5rem;top:0;left:0}@media screen and (max-width: 989px){.search-modal__input{width:100%;height:4rem}.search__button{width:4rem;height:4rem}}
/*# sourceMappingURL=/cdn/shop/t/160/assets/component-search.css.map */