.no-js .predictive-search{display:none}details[open]>.search-modal{opacity:1;animation:animateMenuOpen var(--duration-default) ease}details[open] .modal-overlay{display:block}details[open] .modal-overlay:after{position:absolute;content:"";background-color:rgb(var(--color-foreground),.5);top:100%;left:0;right:0;height:100vh}.no-js details[open]>.header__icon--search{top:1rem;right:var(--space-3)}.search-modal{opacity:0;border-bottom:.1rem solid rgba(var(--color-foreground),.08);min-height:calc(100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width)));height:100%}.search-modal__content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 var(--space-10) 0 var(--space-2);line-height:var(--leading-looser);position:relative}.search-modal__content-bottom{bottom:calc((var(--inputs-margin-offset) / 2))}.search-modal__content-top{top:calc((var(--inputs-margin-offset) / 2))}.search-modal__form{width:100%;display:flex;align-items:center;justify-content:center}.search-modal__form .field{overflow:hidden;background-color:rgb(var(--color-base-harvest));border-radius:var(--space-48)}.search-modal__form .field__input,.search-modal__form .field__input:focus,.field__input:not(:placeholder-shown){background-color:rgb(var(--color-white));margin:0!important;padding:var(--space-10) var(--space-10) var(--space-6)!important;font-size:var(--text-size-m);height:var(--space-19)}.search-modal__form .field__label{top:var(--space-6);left:var(--space-10);text-transform:none;color:rgb(var(--color-search-bar-text));font-size:var(--text-size-m);letter-spacing:normal}.search-modal__form .field__input:focus~.field__label,.field__input:not(:placeholder-shown)~.field__label{left:var(--space-10)!important;top:var(--space-2)!important}.search-modal__form .search__button{top:var(--space-4);right:var(--space-10);border:1px solid rgb(var(--color-white))}.search-modal__form .search__button>svg{width:var(--space-12);height:var(--space-12);background-color:rgb(var(--color-white))}.search-modal__form .reset__button{top:var(--space-6);right:var(--space-24)}.search-modal__close-button{position:absolute;right:var(--space-3)}@media screen and (min-width: 750px){.search-modal__close-button{right:var(--space-2)}.search-modal__content{padding:0 var(--padding-sections-desktop)}}@media screen and (min-width: 990px){.search-modal__form{max-width:60rem}.search-modal__close-button{position:initial;margin-top:var(--space-3);margin-left:var(--space-5)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/search-modal.css.map */