hh-search-modal{display:block}.search-modal__opener{position:relative}.header-search__form{width:100%}.header-search__field{display:flex;justify-content:space-between;background-color:var(--hh-color-brand-tertiary);padding:var(--hh-spacing-md);box-shadow:var(--hh-md-box-shadow);position:relative;z-index:1}@media screen and (min-width: 640px){.header-search__field{padding:1.8rem 4rem}}.header-search__input-wrapper{display:flex;flex:1}.header-search__input{width:100%;border:none;font:var(--hh-body-font);font-size:2.2rem;line-height:1.3em;letter-spacing:.025em;color:var(--hh-color-text);background-color:var(--hh-color-brand-tertiary);caret-color:var(--hh-color-brand-secondary);-webkit-appearance:none}@media screen and (min-width: 640px){.header-search__input{font-size:3.4rem}}.header-search__input::-webkit-search-decoration,.header-search__input::-webkit-search-cancel-button,.header-search__input::-webkit-search-results-button,.header-search__input::-webkit-search-results-decoration{display:none}.header-search__input:focus-visible{outline:0;outline-offset:0}.header-search__input:focus{animation:iosBlinkInputPreventKeyboardScroll .01s}.header-search__input::placeholder{color:var(--hh-color-subdued)}.header-search__clear{-webkit-appearance:none;appearance:none;background-color:transparent;border:none;padding:0;margin:0 var(--hh-spacing-xs) 0 0;cursor:pointer;text-decoration:underline;white-space:nowrap;font:var(--hh-body-xs-font);letter-spacing:var(--hh-body-xs-letter-spacing);color:var(--hh-color-brand-secondary)}.header-search__clear[hidden]{display:none}.header-search__close{padding:0;cursor:pointer;background-color:transparent;border:none}.header-search__close .icon{width:var(--hh-spacing-lg);height:var(--hh-spacing-lg);stroke:var(--hh-color-brand-secondary)}@media screen and (min-width: 640px){.header-search__close .icon{width:var(--hh-spacing-xl);height:var(--hh-spacing-xl)}}html.search-open{overflow:hidden;overscroll-behavior:none}html.search-open hh-header,html.search-open hh-announcement-bar,html.search-open .announcement-bar,html.search-open .header-search__input,html.search-open .header-search__field{touch-action:none}
/*# sourceMappingURL=/cdn/shop/t/128/assets/snippet-header-search.css.map */