.search-modal{box-sizing:border-box;opacity:0;height:100%;display:none;padding:.1875rem var(--site-side-spacing)}predictive-search .field__input{height:auto}@media screen and (min-width: 768px){.search-modal{padding:.0625rem var(--site-side-spacing-md)}}@media screen and (min-width: 1200px){.search-modal{padding:.1875rem 0}}.search-modal__form{position:relative;margin:0 auto;width:100%}@media screen and (min-width: 1200px){.search-modal__form{max-width:var(--site-center-narrow)}}.search-modal__form .field{margin:0;padding:0;flex:1}.search-modal__form .field:focus,.search-modal__form .field:focus-within{color:var(--color-white)}.search-modal__form .field__input{background-color:#0000;border-color:#0000;color:var(--color-white);font-size:1.6rem;line-height:2.8rem}.search-modal__form .field__input::placeholder{opacity:1}.search-modal__form .field__input:focus,.search-modal__form .field__input:focus-visible,.search-modal__form .field__input:focus-within{border-color:#0000;outline:none}.search-modal__button,.search-modal__close-button{-webkit-appearance:none;appearance:none;background-color:#0000;border:0;color:var(--color-white);cursor:pointer;display:block;padding:.875rem 0;flex:0 0 3.6rem;transition:all var(--duration-default) ease}.search-modal__button:active,.search-modal__button:focus,.search-modal__button:hover,.search-modal__close-button:active,.search-modal__close-button:focus,.search-modal__close-button:hover{color:var(--color-brand-primary)}@media screen and (min-width: 1200px){.search-modal__button,.search-modal__close-button{padding:1.125rem 0}}.search-modal__button{padding-right:1rem}.search-modal__close-button{padding-left:1rem}.no-js .search-modal__close-button{display:none}.header__search--is-active .search-modal{display:block;opacity:1;padding:7px}input::-webkit-search-decoration{-webkit-appearance:none}.modal__toggle{cursor:pointer}.template-search__header{margin-bottom:3rem}.template-search__search{margin:0 auto 3.5rem;max-width:74.1rem}.template-search__search .search{margin-top:3rem}.template-search--empty{padding-bottom:18rem}@media screen and (min-width: 750px){.template-search__header{margin-bottom:5rem}}.search__button .icon{height:1.8rem}
/*# sourceMappingURL=/cdn/shop/t/407/assets/component-search.css.map */