.header-search-modal{--hh-top: var(--hh-header-height);opacity:0;visibility:hidden;pointer-events:none;position:fixed;top:0;left:0;width:100vw;z-index:var(--hh-z-index-search)}@media screen and (min-width: 990px){.header-search-modal{--hh-modal-background: transparent;top:64px}}.header-search-modal[open]{opacity:1;visibility:visible;pointer-events:all}.header-search__overlay{position:fixed;background:#dedbd5cc;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:-1;visibility:hidden;opacity:0;pointer-events:none;transition-duration:.25s;transition-timing-function:ease;transition-property:opacity,visibility}.header-search--opened .header-search__overlay{content:"";display:block!important;visibility:visible;opacity:1;z-index:calc(var(--hh-z-index-search) - 1);pointer-events:unset;transition-delay:0s;transition-duration:.1s;transition-timing-function:ease;transition-property:opacity,visibility}.header-search__form{width:100%}.header-search__field{width:100%;position:relative;border:1px solid var(--hh-color-neutral);background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;display:flex;align-items:center;padding-left:1.5rem;padding-right:1.5rem;min-width:46px;grid-column-start:2}@media screen and (min-width: 990px){.header-search__field{min-width:44px}}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}.header-search__input{margin:var(--hh-spacing-xs);border:0;width:100%;flex:1;font:var(--hh-body-font);-webkit-appearance:none}.header-search__input:focus-visible{outline:unset}.desktop-search-icon{display:flex;height:100%;align-items:center}.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}hh-button-wrapper[theme=tertiary].js-main-search-input-clear-wrapper{--hh-color: var(--hh-color-subdued)}.predictive-search-container{max-height:100dvh}@media screen and (min-width: 990px){.predictive-search-container{max-height:calc(100dvh - var(--hh-header-height))}}.predictive-search-inner{width:100%;background:var(--hh-color-day)}@media screen and (min-width: 990px){.predictive-search-inner{background:#fffc;box-shadow:0 0 #0000001a,0 40px 87px #0000001a,0 158px 158px #00000017,0 356px 214px #0000000d,0 634px 253px #00000003,0 990px 277px #0000;-webkit-backdrop-filter:blur(3rem);backdrop-filter:blur(3rem)}}predictive-search{display:block;width:100%;padding:var(--hh-spacing-xs) 0;max-height:100dvh;overflow-y:auto;background-color:var(--hh-color-reverse)}@media screen and (min-width: 990px){predictive-search{padding:var(--hh-spacing-sm) 5rem;max-height:calc(100vh - var(--hh-header-height))}}predictive-search .top-bar{display:flex;justify-content:center;gap:var(--hh-spacing-sm);margin:0 var(--hh-spacing-sm);align-items:center}@media screen and (min-width: 750px){predictive-search .top-bar{max-width:70%;margin-left:auto;margin-right:auto}}@media screen and (min-width: 990px){predictive-search .top-bar{display:grid;grid-template-columns:1fr repeat(1,66%) 1fr;grid-column-gap:0;justify-items:center;max-width:unset}}.top-bar-close-btn{margin-left:auto;height:100%;display:flex}.close-btn-align{display:flex;align-items:center;gap:var(--hh-spacing-xs);line-height:1}.search-form-wrapper{display:flex;flex-wrap:wrap}#predictive-search{padding-top:var(--hh-spacing-sm);width:100%}#predictive-search-results-sidebar{flex:0 1 33%;border-right:1px solid var(--hh-color-subdued);padding-right:var(--hh-spacing-lg)}#predictive-search-results-sidebar .sidebar-results-wrapper{display:flex;flex-direction:column;row-gap:var(--hh-spacing-lg)}#predictive-search-results-sidebar .search-results-header{font:var(--hh-h6-font);margin-bottom:var(--hh-spacing-sm);text-transform:uppercase}#predictive-search-results-sidebar ul{display:grid;row-gap:var(--hh-spacing-sm)}#predictive-search-results-sidebar a{font:var(--hh-h4-font);text-transform:uppercase}#predictive-search-results-sidebar .view-all{margin-top:var(--hh-spacing-sm)}@media screen and (min-width: 990px){#predictive-search-results-sidebar .view-all{display:inline-block}}#predictive-search-results-products{flex:1 1 100%;padding-left:var(--hh-spacing-lg);display:flex;flex-direction:column;row-gap:var(--hh-spacing-sm)}#predictive-search-results-products .search-results-header{font:var(--hh-h5-font);margin-right:auto;text-transform:uppercase}#predictive-search-results-products ul{display:grid;column-gap:var(--hh-spacing-sm);grid-template-columns:1fr 1fr 1fr}#predictive-search-results-products .card__media{aspect-ratio:4/5}#predictive-search-results-products .view-all{margin-left:auto}#predictive-search-results-products .empty-message{font:var(--hh-h4-font);margin-bottom:auto;text-transform:uppercase}@media screen and (max-width: 989px){#predictive-search{display:flex;flex-direction:column;gap:var(--hh-spacing-lg);padding-top:0}#predictive-search-results-sidebar{flex:1;border-right:0;padding-right:0}#predictive-search-results-sidebar .search-results-header.search-results-header__default{margin-bottom:var(--hh-spacing-2xs);padding:var(--hh-spacing-xs) var(--hh-spacing-sm)}#predictive-search-results-sidebar ul{display:flex;gap:var(--hh-spacing-xs);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;scrollbar-height:none;scroll-padding-inline-start:var(--hh-spacing-sm)}#predictive-search-results-sidebar ul::-webkit-scrollbar{width:0;height:0;background:transparent;display:none}#predictive-search-results-sidebar ul li{scroll-snap-align:start}#predictive-search-results-sidebar ul li:first-of-type{margin-left:var(--hh-spacing-sm)}#predictive-search-results-sidebar ul li:last-of-type{margin-right:var(--hh-spacing-sm)}#predictive-search-results-sidebar a{display:flex;white-space:nowrap;padding:var(--hh-spacing-xs) var(--hh-spacing-sm);background-color:var(--hh-color-brand-tertiary);font:var(--hh-utility-font)}#predictive-search-results-sidebar a span{height:3rem;display:flex;align-items:center}#predictive-search-results-products{padding-left:0}#predictive-search-results-products ul{display:flex;gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;scrollbar-height:none}#predictive-search-results-products ul::-webkit-scrollbar{width:0;height:0;background:transparent;display:none}#predictive-search-results-products li{scroll-snap-align:start;min-width:calc(50vw - .8rem);max-width:calc(50vw - .8rem)}#predictive-search-results-sidebar .sidebar-results-wrapper{row-gap:var(--hh-spacing-xs)}.mobile-search-results-header{padding:0 var(--hh-spacing-sm) var(--hh-spacing-xs);gap:var(--hh-spacing-sm);display:flex;overflow-x:auto;overflow-y:hidden}.mobile-search-results-header hh-button{min-width:0;flex:1 0 auto}.mobile-search-results-header hh-button.inactivated{--hh-underline-width: 0}#predictive-search-results-sidebar [data-resources-key].inactivated{display:none}#predictive-search-results-products .search-results-header{font:var(--hh-h6-font);padding-left:var(--hh-spacing-sm)}#predictive-search-results-products .view-all{margin-right:var(--hh-spacing-sm)}#predictive-search-results-products .empty-message{padding:var(--hh-spacing-2xs) var(--hh-spacing-sm) var(--hh-spacing-md);text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/1107/assets/snippet-header-search.css.map */