.hy-header--modern{--hy-header-main-height: 96px;--hy-header-main-row-padding: 6px;--hy-header-sticky-height: 64px;--hy-header-sticky-row-padding: 4px;--hy-header-sticky-logo-width: 80px;--hy-header-search-height: 48px;--hy-header-sticky-search-height: 44px;--hy-header-search-bg: var(--hy-color-surface-hover);--hy-header-search-border-width: 2px;--hy-header-search-padding-start: 20px;--hy-header-search-button-size: 36px;--hy-header-search-button-inset: 6px;--hy-header-search-clear-size: 32px;--hy-header-search-clear-icon: 16px;--hy-header-nav-row-padding: 6px;--hy-header-nav-link-height: 40px;--hy-header-panel-radius: 20px;--hy-header-panel-gap: 8px;--hy-header-panel-padding: 12px;--hy-header-panel-width: 300px;--hy-header-panel-row-radius: 10px;--hy-header-panel-row-gap: 2px;--hy-header-search-panel-width: 880px;--hy-header-search-panel-aside: 260px;--hy-header-search-panel-padding: 24px;--hy-header-search-panel-gap: 24px;--hy-header-search-row-image: 64px;--hy-header-search-chip-height: 36px;--hy-header-search-space-xs: 4px;--hy-header-search-space-s: 8px;--hy-header-search-space-m: 12px;--hy-header-search-space-l: 16px}:where(:root:has(.hy-header--modern)) .hy-announcement-bar__inner{font-weight:500}:where(.hy-header--modern) .hy-header__search-form{position:relative;gap:0}:where(.hy-header--modern .hy-header__search-form) .hy-input{block-size:var(--hy-header-search-height);padding-inline:var(--hy-header-search-padding-start) calc(var(--hy-header-search-button-size) + 2 * var(--hy-header-search-button-inset) + 4px);border:var(--hy-header-search-border-width) solid transparent;border-radius:var(--hy-header-nav-pill-radius);background-color:var(--hy-header-search-bg);transition:background-color var(--hy-motion-duration-fast) var(--hy-motion-ease-in-out),border-color var(--hy-motion-duration-fast) var(--hy-motion-ease-in-out)}:where(.hy-header--modern .hy-header__search-form) .hy-input::placeholder{color:var(--hy-color-on-surface-muted)}:where(.hy-header--modern .hy-header__search-form) .hy-input:focus{border-color:var(--hy-color-brand);background-color:var(--hy-color-surface);outline:none}:where(.hy-header--modern .hy-header__search-form) .hy-button{position:absolute;inset-block:0;inset-inline-end:var(--hy-header-search-button-inset);margin-block:auto;inline-size:var(--hy-header-search-button-size);block-size:var(--hy-header-search-button-size);min-inline-size:0;min-block-size:0;padding:0;border:0;border-radius:var(--hy-header-nav-pill-radius);background-color:transparent;color:var(--hy-color-on-surface);box-shadow:none}:where(.hy-header--modern .hy-header__search-form) .hy-button:hover{background-color:var(--hy-color-surface-active);color:var(--hy-color-on-surface)}:where(.hy-header--modern .hy-header__search-form) .hy-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}:where(.hy-header--modern .hy-header__search-form) .hy-predictive-search__clear{position:absolute;inset-block:0;inset-inline-end:calc(var(--hy-header-search-button-inset) + var(--hy-header-search-button-size) + var(--hy-header-search-space-xs));display:inline-flex;align-items:center;justify-content:center;inline-size:var(--hy-header-search-clear-size);block-size:var(--hy-header-search-clear-size);margin-block:auto;padding:0;border:0;border-radius:var(--hy-header-nav-pill-radius);background-color:var(--hy-color-surface-hover);color:var(--hy-color-on-surface);cursor:pointer}:where(.hy-header--modern .hy-header__search-form) .hy-predictive-search__clear:hover{background-color:var(--hy-color-surface-active)}:where(.hy-header--modern .hy-header__search-form) .hy-predictive-search__clear[hidden]{display:none}:where(.hy-header--modern .hy-predictive-search__clear) .hy-icon{inline-size:var(--hy-header-search-clear-icon);block-size:var(--hy-header-search-clear-icon)}:where(.hy-header--modern .hy-header__search-form:has(.hy-predictive-search__clear:not([hidden]))) .hy-input{padding-inline-end:calc(var(--hy-header-search-button-size) + 2 * var(--hy-header-search-button-inset) + var(--hy-header-search-clear-size) + 2 * var(--hy-header-search-space-xs))}:where(.hy-header--modern) .hy-header__search-panel{display:none;background-color:var(--hy-color-surface);color:var(--hy-color-on-surface)}:where(.hy-header--modern [data-hy-search-state]:not([data-hy-search-state=idle])) .hy-header__search-panel{display:block}:where(.hy-header--modern .hy-header__search-panel) [data-hy-search-suggest]{display:none}:where(.hy-header--modern [data-hy-search-state=suggest]) [data-hy-search-suggest]{display:grid}:where(.hy-header--modern) .hy-header__search-columns{gap:var(--hy-header-search-panel-gap)}:where(.hy-header--modern) .hy-header__search-heading{margin:0 0 var(--hy-header-search-space-s);padding-inline:var(--hy-header-search-space-s);font-size:var(--hy-label-size, var(--hy-fs-200));font-weight:700;letter-spacing:var(--hy-label-tracking, .08em);text-transform:var(--hy-label-transform, uppercase);color:var(--hy-color-on-surface)}:where(.hy-header--modern) .hy-header__search-links,:where(.hy-header--modern) .hy-header__search-products{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}:where(.hy-header--modern) .hy-header__search-link{display:flex;align-items:center;justify-content:space-between;gap:var(--hy-header-search-space-m);min-block-size:var(--hy-tap-target-min-coarse);padding-inline:var(--hy-header-search-space-s);border-radius:var(--hy-header-panel-row-radius);color:inherit;font-weight:500;text-decoration:none;margin-block:var(--hy-header-search-space-xs)}:where(.hy-header--modern) .hy-search-product{display:grid;grid-template-columns:var(--hy-header-search-row-image) minmax(0,1fr) auto;align-items:center;gap:var(--hy-header-search-space-l);padding:var(--hy-header-search-space-s);border-radius:var(--hy-header-panel-row-radius);color:inherit;text-decoration:none;margin-block:var(--hy-header-search-space-xs)}:where(.hy-header--modern) .hy-search-product__image{inline-size:var(--hy-header-search-row-image);block-size:var(--hy-header-search-row-image);object-fit:contain;border-radius:var(--hy-header-panel-row-radius);background-color:var(--hy-color-surface-hover)}:where(.hy-header--modern) .hy-search-product__text{display:flex;flex-direction:column;gap:var(--hy-header-search-space-xs);min-inline-size:0}:where(.hy-header--modern) .hy-search-product__overline{font-size:var(--hy-fs-200);font-weight:700;letter-spacing:var(--hy-label-tracking, .08em);text-transform:var(--hy-label-transform, uppercase);color:var(--hy-color-overline)}:where(.hy-header--modern) .hy-search-product__title{font-weight:700;color:var(--hy-color-on-surface)}:where(.hy-header--modern) .hy-search-product__price{font-size:var(--hy-fs-300);text-align:end;color:var(--hy-color-on-surface)}:where(.hy-header--modern .hy-search-product__price) .hy-price__value{font-size:var(--hy-fs-400);color:var(--hy-color-on-surface);font-weight:700;white-space:nowrap}:where(.hy-header--modern .hy-search-product__price) .hy-price__long{display:none}:where(.hy-header--modern) .hy-header__search-link:hover,:where(.hy-header--modern) .hy-search-product:hover{background-color:var(--hy-color-surface-hover)}:where(.hy-header--modern .hy-header__search-panel) [data-hy-search-loading],:where(.hy-header--modern .hy-header__search-panel) .hy-header__search-results{display:none}:where(.hy-header--modern [data-hy-search-state=loading]) [data-hy-search-loading]{display:grid}:where(.hy-header--modern [data-hy-search-state=results]) .hy-header__search-results{display:grid;gap:var(--hy-header-search-panel-gap)}:where(.hy-header--modern) .hy-search-results__group{display:flex;flex-direction:column;min-inline-size:0}:where(.hy-header--modern) .hy-search-results__meta{display:inline-flex;flex:none;align-items:center;gap:var(--hy-header-search-space-s);font-size:var(--hy-fs-300);font-weight:400;color:var(--hy-color-on-surface-muted)}:where(.hy-header--modern .hy-header__search-results) .hy-predictive-search__option,:where(.hy-header--modern .hy-header__search-results) .hy-predictive-search__option[aria-selected=true]{padding:0;border:0;background:none}:where(.hy-header--modern .hy-header__search-results) .hy-predictive-search__option+.hy-predictive-search__option{border-block-start:var(--hy-border-width) solid var(--hy-color-border)}:where(.hy-header--modern) .hy-header__search-links>li+li,:where(.hy-header--modern) .hy-header__search-products>li+li{border-block-start:var(--hy-border-width) solid var(--hy-color-border)}:where(.hy-header--modern) .hy-search-results__group+.hy-search-results__group{padding-block-start:var(--hy-header-search-panel-gap);border-block-start:var(--hy-border-width) solid var(--hy-color-border)}:where(.hy-header--modern .hy-header__search-results [aria-selected=true]:not(.hy-predictive-search__option--all))>.hy-predictive-search__link{background-color:var(--hy-color-surface-hover)}:where(.hy-header--modern .hy-header__search-results) .hy-predictive-search__option--all{padding-block-start:var(--hy-header-search-panel-gap);border-block-start:var(--hy-border-width) solid var(--hy-color-border)}:where(.hy-header--modern .hy-header__search-results) .hy-predictive-search__link--all{inline-size:100%;gap:var(--hy-header-search-space-s)}:where([data-hy-button-effect=fade] .hy-header--modern .hy-header__search-form) .hy-button{border:2px solid transparent}:where([data-hy-button-effect=fade] .hy-header--modern .hy-header__search-results) .hy-predictive-search__link--all{color:var(--hy-button-fg)}@media(min-width:48rem){:where([data-hy-button-effect=fade] .hy-header--modern .hy-header__search-results) .hy-predictive-search__link.hy-predictive-search__link--all:where(:not(.hy-predictive-search__link--button)){--hy-button-veil-opacity-hover: 0;--hy-button-fg-hover: var(--hy-button-fg);--hy-button-ink-hover: var(--hy-button-ink-rest);inline-size:fit-content;min-block-size:0;justify-content:flex-start;padding:var(--hy-header-search-space-xs) 0;gap:var(--hy-header-search-space-m);border:0}@supports (background-clip: text) or (-webkit-background-clip: text){:where([data-hy-button-effect=fade] .hy-header--modern .hy-header__search-results) .hy-predictive-search__link.hy-predictive-search__link--all:where(:not(.hy-predictive-search__link--button)){background-image:var(--hy-button-paint);-webkit-background-clip:text;background-clip:text}}:where([data-hy-button-effect=fade] .hy-header--modern .hy-header__search-results .hy-predictive-search__link--all:not(.hy-predictive-search__link--button)) .hy-icon{inline-size:1.3125rem;block-size:1.3125rem;padding:.3125rem;border-radius:50%;background-color:var(--hy-color-primary-button-bg);box-shadow:inset 0 0 0 1.5px var(--hy-color-primary-button-bg);color:var(--hy-color-primary-button-fg);transition:background-color calc(var(--hy-motion-duration) * 1.5) var(--hy-motion-ease),color calc(var(--hy-motion-duration) * 1.5) var(--hy-motion-ease)}:where([data-hy-button-effect=fade] .hy-header--modern .hy-header__search-results :is(.hy-predictive-search__link--all:hover,[aria-selected=true]>.hy-predictive-search__link--all):not(.hy-predictive-search__link--button)) .hy-icon{background-color:var(--hy-color-surface);color:var(--hy-color-primary-button-bg)}:where(.hy-header--modern .hy-header__search-results) .hy-predictive-search__link--button{inline-size:fit-content}}:where(.hy-header--modern .hy-header__search-results) .hy-predictive-search__link--button{gap:var(--hy-button-gap)}:where(.hy-header--modern .hy-header__search-results [aria-selected=true])>.hy-predictive-search__link--button{color:var(--hy-button-fg-hover)}:where([data-hy-button-effect=fade] .hy-header--modern .hy-header__search-results [aria-selected=true])>.hy-predictive-search__link--button{--hy-button-veil-now: var(--hy-button-veil-opacity-hover);--hy-button-ink: var(--hy-button-ink-hover);--hy-button-disc-now: var(--hy-button-disc-hover);--hy-button-disc-fg-now: var(--hy-button-disc-fg-hover)}:where(:not([data-hy-button-effect=fade]) .hy-header--modern .hy-header__search-results [aria-selected=true])>.hy-predictive-search__link--button:before{transform:scaleX(1)}:where(.hy-header--modern) .hy-header__search-loading-label{margin:0 0 var(--hy-header-search-space-s);padding-inline:var(--hy-header-search-space-s);font-size:var(--hy-fs-300);color:var(--hy-color-on-surface-muted)}:where(.hy-header--modern) .hy-header__search-skeleton{display:block;border-radius:var(--hy-header-panel-row-radius);background-color:var(--hy-color-surface-hover)}:where(.hy-header--modern) .hy-header__search-skeleton--line{inline-size:70%;block-size:14px;margin:var(--hy-header-search-space-m) var(--hy-header-search-space-s)}:where(.hy-header--modern) .hy-header__search-skeleton--row{block-size:calc(var(--hy-header-search-row-image) + 2 * var(--hy-header-search-space-s));margin-block-end:var(--hy-header-panel-row-gap)}:where(.hy-header--modern .hy-header__search-panel) [data-hy-search-empty]{display:none}:where(.hy-header--modern [data-hy-search-state=empty]) [data-hy-search-empty]{display:flex;flex-direction:column;gap:var(--hy-header-search-panel-gap)}:where(.hy-header--modern) .hy-header__search-empty-head{display:flex;align-items:flex-start;gap:var(--hy-header-search-space-l)}:where(.hy-header--modern) .hy-header__search-empty-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:var(--hy-tap-target-min-coarse);block-size:var(--hy-tap-target-min-coarse);border-radius:50%;background-color:var(--hy-color-surface-hover)}:where(.hy-header--modern) .hy-header__search-empty-title{margin:0 0 var(--hy-header-search-space-xs);font-size:var(--hy-fs-500);font-weight:700;line-height:1.2}:where(.hy-header--modern) .hy-header__search-empty-text{margin:0;color:var(--hy-color-on-surface-muted)}:where(.hy-header--modern) .hy-header__search-empty-actions{display:flex;flex-wrap:wrap;gap:var(--hy-header-search-space-m);padding-inline-start:calc(var(--hy-tap-target-min-coarse) + var(--hy-header-search-space-l))}:where(.hy-header--modern) .hy-header__search-empty-actions:empty{display:none}:where(.hy-header--modern) .hy-header__search-empty-chips{padding-block-start:var(--hy-header-search-panel-gap);border-block-start:var(--hy-border-width) solid var(--hy-color-border)}:where(.hy-header--modern) .hy-header__search-chips{display:flex;flex-wrap:wrap;gap:var(--hy-header-search-space-s);margin:0;padding:0 var(--hy-header-search-space-s);list-style:none}:where(.hy-header--modern) .hy-header__search-chip{display:inline-flex;align-items:center;min-block-size:var(--hy-header-search-chip-height);padding-inline:var(--hy-header-search-space-l);border-radius:var(--hy-header-nav-pill-radius);background-color:var(--hy-color-surface-hover);color:inherit;font-size:var(--hy-fs-300);font-weight:500;text-decoration:none}:where(.hy-header--modern) .hy-header__search-chip:hover{background-color:var(--hy-color-surface-active)}@media(min-width:48rem){.hy-header--modern{--hy-header-actions-gap: 12px;--hy-header-cart-count-size: 20px}:where(.hy-header--modern) .hy-header__main{--hy-header-min-height: var(--hy-header-main-height);--hy-header-main-padding-block: var(--hy-header-main-row-padding)}:where(.hy-header--modern) .hy-header__cart-link{position:relative}:where(.hy-header--modern) .hy-header__cart-count{inset-block-start:3px;inset-inline-end:1px;font-size:var(--hy-fs-100);font-weight:700}:where(.hy-header--modern) .hy-header__topbar{min-block-size:36px;font-size:var(--hy-fs-300)}:where(.hy-header--modern) .hy-header__nav-region .hy-header__nav{padding-block:calc(var(--hy-header-nav-row-padding) + var(--hy-header-nav-offset, 0px)) var(--hy-header-nav-row-padding);border-block-end:var(--hy-border-width) solid var(--hy-color-border)}:where(.hy-header--modern.hy-header--divider-full) .hy-header__nav-region .hy-header__nav{border-block-end:0}:where(.hy-header--modern).hy-header--divider-full{border-block-end:var(--hy-border-width) solid var(--hy-color-border)}:where(.hy-header--modern) .hy-header__menu{padding:0}:where(.hy-header--modern) .hy-header__link,:where(.hy-header--modern) .hy-header__link[aria-current=page]{display:inline-flex;align-items:center;min-block-size:var(--hy-header-nav-link-height);padding-block:0;font-weight:var(--hy-header-nav-font-weight, 500)}:where(.hy-header--modern) hy-sticky-header[data-hy-compact]{--hy-header-min-height: var(--hy-header-sticky-height);--hy-header-main-padding-block: var(--hy-header-sticky-row-padding)}:where(.hy-header--modern hy-sticky-header[data-hy-compact]) .hy-header__logo-image{width:var(--hy-header-sticky-logo-width)}:where(.hy-header--modern hy-sticky-header[data-hy-compact] .hy-header__search-form) .hy-input{block-size:var(--hy-header-sticky-search-height)}:where(.hy-header--modern) .hy-header__sticky-menu{position:relative}:where(.hy-header--modern) .hy-header__sticky-menu-panel{inset-inline:auto 0;inset-block-start:calc(100% + var(--hy-header-panel-gap));inline-size:var(--hy-header-panel-width);padding:var(--hy-header-panel-padding);border:0;border-radius:var(--hy-header-panel-radius);box-shadow:var(--hy-shadow-3)}:where(.hy-header--modern .hy-header__sticky-menu-panel) .hy-header__menu{flex:1;flex-direction:column;align-items:stretch;gap:var(--hy-header-panel-row-gap);margin:0;padding:0}:where(.hy-header--modern .hy-header__sticky-menu-panel) .hy-header__link,:where(.hy-header--modern .hy-header__sticky-menu-panel) .hy-header__link[aria-current=page]{display:flex;flex:1;min-block-size:var(--hy-tap-target-min-coarse);padding-inline:var(--hy-header-panel-padding);border-radius:var(--hy-header-panel-row-radius)}:where(.hy-header--modern .hy-header__sticky-menu-panel) .hy-header__link:hover,:where(.hy-header--modern .hy-header__sticky-menu-panel) .hy-header__link[aria-current=page]{background-color:var(--hy-color-surface-hover)}:where(.hy-header--modern) .hy-header__search-dialog{display:contents}:where(.hy-header--modern) .hy-header__search-panel{position:absolute;inset-block-start:calc(100% + var(--hy-header-panel-gap));inset-inline-start:0;z-index:var(--hy-z-overlay);inline-size:100%;padding:var(--hy-header-search-panel-padding);border-radius:var(--hy-header-panel-radius);box-shadow:var(--hy-shadow-3)}}@media(min-width:75rem){:where(.hy-header--modern) .hy-header__search-panel{inline-size:var(--hy-header-search-panel-width)}:where(.hy-header--modern) .hy-header__search-columns{grid-template-columns:var(--hy-header-search-panel-aside) minmax(0,1fr)}:where(.hy-header--modern .hy-header__search-columns) .hy-header__search-aside{padding-inline-end:var(--hy-header-search-panel-gap);border-inline-end:var(--hy-border-width) solid var(--hy-color-border)}:where(.hy-header--modern) .hy-header__search-results{grid-template-columns:var(--hy-header-search-panel-aside) minmax(0,1fr)}:where(.hy-header--modern .hy-header__search-results) .hy-search-results__group--collections{padding-inline-end:var(--hy-header-search-panel-gap);border-inline-end:var(--hy-border-width) solid var(--hy-color-border)}:where(.hy-header--modern) .hy-search-results__group+.hy-search-results__group{padding-block-start:0;border-block-start:0}:where(.hy-header--modern .hy-header__search-results) .hy-search-results__group--products:first-child,:where(.hy-header--modern .hy-header__search-results) .hy-predictive-search__option--all{grid-column:1 / -1}}:where(.hy-header--modern) .hy-header__panel-footer,:where(.hy-header--modern) .hy-header__flyout-heading,:where(.hy-header--modern) .hy-header__mega-footer{display:none}:where(.hy-header--modern) .hy-header__search-open{display:none}:where(.hy-header--modern) .hy-header__search-dialog{color:inherit}:where(.hy-header--modern) .hy-header__search-cancel{display:none}@media(min-width:48rem){:where(.hy-header--modern) .hy-header__link-arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hy-header-modern.css.map */