.header-search[is-open] .icon-search{display:none}.header-search .icon-close{display:none;height:20px;width:20px}.header-search[is-open] .icon-close{display:block}.header-search__form{width:100%}.header-search__form input[type=search]::-ms-clear,.header-search__form input[type=search]::-ms-reveal{display:none;width:0;height:0}.header-search__form input[type=search]::-webkit-search-cancel-button,.header-search__form input[type=search]::-webkit-search-decoration,.header-search__form input[type=search]::-webkit-search-results-button,.header-search__form input[type=search]::-webkit-search-results-decoration{display:none}.header-search__field{--hh-search-height: 55px;display:flex;background-color:var(--hh-color-light);align-items:center;padding-left:3px;padding-right:3px;gap:4px;height:var(--hh-search-height);overflow:hidden}.header-search__field input{padding:19px 0;position:relative;top:2px;letter-spacing:.3px}.header-search__field .icon-search{display:block!important;width:15px;height:15px}.header-search__field button{background-color:transparent;border:none;appearance:none;-webkit-appearance:none;color:var(--hh-color-ink)}.header-search__input{width:100%;flex:1;border:none;font:var(--hh-body-font-lg);background-color:var(--hh-color-light);outline:none}.header-search__input:focus{border:none;outline:none}.header-search__field button.search--clear{text-transform:uppercase;font:var(--hh-body-utility-sm);cursor:pointer}.header-search__label{display:block;margin-bottom:2rem;color:var(--hh-color-subdued)}.header-search__close{display:flex;justify-content:center;align-items:center;padding:0rem;width:4.4rem;background-color:transparent;border:none}.header-search__close svg{width:1.7rem;height:1.7rem}.search-form__trigger{cursor:pointer}.search-loader{display:flex;align-items:center;justify-content:center;margin-top:1rem}.search-loader span{width:12px;height:12px;border-radius:100%;margin:.5rem;animation:searching 2.5s ease-in-out infinite;background-color:var(--hh-color-light)}.search-loader span:first-child{transition-delay:0s}.search-loader span:nth-child(2){animation-delay:.2s}.search-loader span:nth-child(3){animation-delay:.4s}@media (min-width: 750px){.header-search__container{padding:30px 45px;background-color:var(--hh-color-reverse)}.search-loader{margin-top:0}}@keyframes searching{0%{opacity:.2}42%{opacity:.5}50%{opacity:.7}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/288/assets/snippet-header-search.css.map */