.header-search{background:#fff;top:0;z-index:111;max-height:var(--hh-window-height);overflow:auto;margin-left:-2rem;margin-right:-2rem}.mobile-menu .header-search{display:block}.header-search__form{width:100%}.header-search__field{border-bottom:1px solid var(--hh-color-brand-tertiary)}.header-search__input{font-size:1.4rem;--hh-height: 6.2rem;--hh-minified-font-size: 1.2rem;width:100%;flex:1;border:none}.header-search__input input{box-sizing:border-box;font-size:1.6rem;padding-left:4.5rem}.header-search__input::placeholder{box-sizing:border-box;color:var(--hh-color-subdued);font-weight:300;padding-left:4.5rem}.header-search__input label{box-sizing:border-box;color:var(--hh-color-subdued);font-weight:300;padding-left:4.5rem}.header-search__input[focused=true] label,.header-search__input[filled=true] label{transform:translateY(-25px);display:none}.header-search__clear{display:none;position:absolute;top:2.1rem;right:2rem;cursor:pointer;z-index:3;width:2rem;height:2rem;padding:0;background:transparent;border:none}.header-search__clear svg{display:block;width:100%;height:auto}.header-search__input[filled=true]~.header-search__clear{display:block}.header-search__label{display:block;margin-bottom:2rem;color:var(--hh-color-subdued)}.header-search__close{position:absolute;background:#0000001a;font-size:14px;padding:.4rem 1rem;border-radius:3.5rem;top:2rem;right:2rem;cursor:pointer;border:none;transition:transform .7s ease}.header-search__close.focus-visible:focus{outline:.2rem solid var(--hh-color-focus)}.header-search__close:hover{transform:scale(1.2)}.header-search__trigger{color:var(--hh-color, --hh-color-fallback);cursor:pointer;font-size:1.4rem;transition:color var(--hh-duration-long) ease}.header-search__trigger:hover{color:var(--hh-color-subdued, --hh-color-subdued-fallback)}.search-input__el::-webkit-search-decoration,.search-input__el::-webkit-search-cancel-button,.search-input__el::-webkit-search-results-button,.search-input__el::-webkit-search-results-decoration{display:none}.header-search__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:109;background-color:#00000091;backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px);opacity:0;pointer-events:none;transition:opacity var(--hh-duration-default) ease-in-out;min-width:100%;min-height:100%;width:100vw;height:120vh}.header-search__container.hide-focus *:focus,.header-search__container.hide-focus *:focus-visible{outline:0;border:0;box-shadow:none}.header-search__inner{max-width:112rem;margin-left:auto;margin-right:auto}.header-search__submit{position:absolute;background:transparent;border:none;width:2.4rem;height:2.4rem;left:2rem;padding:0}.header-search__submit svg{display:block;width:2rem;height:auto}.header-search__recommended{padding:2rem}.header-search__results{display:none;padding:2rem}.search-recommended__title{font-size:1.4rem;font-family:var(--hh-font-family-body);letter-spacing:normal}.search-recommended__content{margin-top:1.8rem;font-size:1.4rem;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:.9rem}.search-recommended__item{--hh-background: transparent;--hh-color: var(--hh-color-night);--hh-padding: .5rem 1.2rem;--hh-letter-spacing: .2px;--hh-font: var(--hh-body-small-font);border:1px solid var(--hh-color-neutral)}.search-recommended__item:focus{border:1px solid var(--hh-color-neutral)}.header-search__results-wrapper{position:absolute;top:6.5rem;left:0;height:calc(var(--hh-window-height) - 178px);width:100%;background:#fff;z-index:2;display:none}.header-search__cancel{bottom:0;width:100%;height:5.6rem;background:var(--hh-color-day);border:none;border-top:1px solid var(--hh-color-neutral);font-size:1.4rem}.header-search__cancel:focus{border-top:1px solid var(--hh-color-neutral)}.predictive-search__group~.predictive-search__group{margin-top:3rem}.predictive-search__title{margin-bottom:1.5rem;font-size:1.4rem}.predictive-search__products{gap:1.5rem}.predictive-search__product{width:calc((100% - 1.5rem)/2);gap:2rem;align-items:flex-start}.predictive-search__product-image{min-width:5.5rem}.predictive-search__product-variant{font-size:1.4rem;color:var(--hh-color-subdued-secondary)}.predictive-search__bottom{margin-top:3.5rem;font-size:1.4rem;gap:7.5rem}.predictive-search__bottom a{width:1.2rem;height:1.2rem}.predictive-search__bottom svg{display:block;width:100%;height:100%}.predictive-search__pages{gap:.9rem}.predictive-search__page{font-size:1.4rem;padding:.3rem 1.2rem;border:1px solid var(--hh-color-neutral)}.header-search[is-mobile-ready] .header-search__results-wrapper{display:block}.header-search[filled-result] .header-search__recommended{display:none}.header-search[filled-result] .header-search__results{display:block}.header-search{position:absolute;margin-left:0;margin-right:0;width:100%;transform:translateY(-10rem);opacity:0;visibility:hidden;transition:var(--hh-duration-default) opacity,var(--hh-duration-default) visibility,var(--hh-duration-default) transform}.header-search[open]{opacity:1;visibility:visible;transform:translateY(0)}.header-search__field{border-bottom:1px solid var(--hh-color-night)}.header-search__input{--hh-height: 9rem;--hh-minified-font-size: 2rem;font-size:3rem}.header-search__input input{font-size:3rem;padding-top:2.5rem;padding-left:3.6rem}.header-search__input[focused=true] label,.header-search__input[filled=true] label{display:block}.header-search__overlay.active{opacity:1;pointer-events:auto}.header-search__inner{padding:2.5rem 2rem}@media screen and (min-width: 750px){.header-search__inner{padding:11.5rem 2rem}}.header-search__submit{left:auto}.header-search__recommended{padding-top:4rem;padding-left:0;padding-right:0}.header-search__submit svg{width:2.4rem}.search-recommended__content{align-items:center}.search-recommended__item{--hh-padding: .3rem 1.2rem}.header-search__results-wrapper{display:block;position:relative;height:auto;top:auto;left:auto}.header-search__results{display:block;padding:0}.predictive-search__group,.predictive-search__group~.predictive-search__group{margin-top:4rem}@media screen and (min-width: 750px){.predictive-search__products{gap:3.3rem}.predictive-search__product{width:calc((100% - 6.6rem) / 3);gap:2.5rem;align-items:center}}.predictive-search__bottom,.predictive-search__no-result{margin-top:4rem}.header-search__clear{padding:1rem;top:2.5rem;right:0}
/*# sourceMappingURL=/cdn/shop/t/840/assets/component-header-search-drawer.css.map */