.no-js .predictive-search{display:none}details[open]>.search-modal{opacity:1;animation:animateMenuOpen var(--duration-default) ease}details[open] .modal-overlay{display:none}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.modal__content{top:var(--header-height);border-bottom:2px solid rgb(var(--color-base-brand-background-alt))}@media screen and (max-width: 749px){.search-modal.modal__content{top:var(--header-height)}}.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;background-color:rgb(var(--color-search-background))}@media screen and (max-width: 749px){.search-modal__content{padding:var(--space-6) var(--space-8);background-color:rgb(var(--color-white));margin:0 var(--space-8)}}.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%}@media screen and (max-width: 749px){form.search-modal__form{border:solid 1px rgb(var(--color-base-brand-secondary));border-radius:var(--space-4)}}.search-modal__close-button{position:absolute;right:var(--space-3);display:none!important}@media screen and (min-width: 750px){.search-modal__close-button{right:var(--space-2);display:block!important}.search-modal__content{padding:0 var(--padding-sections-desktop)}}@media screen and (min-width: 990px){.search-modal__form{max-width:var(--layout-max-width-narrow)}.search-modal__close-button{position:relative;right:var(--space-15);height:100%;width:var(--space-10)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/search-modal.css.map */