.header-navigation{align-items:center;justify-content:flex-end;height:100%;margin:0}@media only screen and (min-width:992px){.header-navigation{grid-column:4 / 10;grid-template-columns:repeat(3,1fr);display:grid;margin-top:0;margin-bottom:0;gap:var(--grid-gutter)}.header-navigation:has(.header-navigation__list--wide){grid-column:3 / 10}}@media only screen and (min-width:1100px){.header-navigation{grid-column:4 / 10}}@media(min-width:992px){.header-navigation__list:has(.header-navigation__link:hover,.header-navigation__link:focus) .header-navigation__link{color:var(--color-grey-5)}.header-navigation__list:has(.header-navigation__link:hover,.header-navigation__link:focus) .header-navigation__link:is(:hover,:focus){color:var(--color-text)}.header-navigation__list{align-items:center;grid-column:span 6;display:flex;max-width:100%;width:max-content;height:100%}}@media(min-width:992px){.header-navigation__item{align-items:center;display:flex;height:max-content;padding-inline:calc(var(--grid-gutter) / 2)}.header-navigation__item:hover{height:100%}.header-navigation__item:first-child{margin-left:calc(var(--grid-gutter) / 2 * -1)}}.header-navigation__link{position:relative;flex-direction:column;display:flex}.header-navigation__item:hover .header-navigation__link{color:var(--color-text)}.header-navigation__item:hover .header-navigation__link:before,.header-navigation__item:hover .header-navigation__link:after{content:"";position:absolute;display:block;opacity:0}.header-navigation__item:hover .header-navigation__link:before{bottom:0;left:-3.75rem;width:calc(100% + 7.5rem);height:100%}.header-navigation__item:hover .header-navigation__link:after{bottom:-3.25rem;left:-7.75rem;width:calc(100% + 15rem);height:3.25rem}.header-navigation__link-line{position:relative}.header-navigation__link-line:after{content:"";position:absolute;bottom:-2.563rem;left:0;z-index:var(--layer-temporary);display:none;width:100%;height:calc(var(--border-width) * 2);border-bottom:calc(var(--border-width) * 2) solid black;pointer-events:none}.header-navigation__item:hover .header-navigation__link-line:after{display:block}.header-navigation__dropdown{position:absolute;top:var(--header-height);left:0;z-index:var(--layer-overlay);grid-template-columns:repeat(6,1fr);display:none;max-height:100vh;width:100%;padding-top:var(--spacing-2);padding-bottom:var(--spacing-3);padding-inline:var(--spacing-horizontal);background-color:var(--color-background);border-top:var(--border-width) solid var(--color-border);color:var(--color-text);opacity:0;overflow-y:auto;transition:opacity var(--timing-normal),display var(--timing-normal) allow-discrete;row-gap:var(--grid-gutter);pointer-events:none}.header-navigation__item:hover .header-navigation__dropdown,.header-navigation__link:focus+.header-navigation__dropdown{display:grid;opacity:1;pointer-events:initial}.header-banner:has(.header-navigation__item:hover),.header-banner:has(.header-navigation__link:focus){--header-color-background: var(--color-background);--header-color-text: var(--color-text)}.header-banner:has(.header-navigation__item:hover .header-navigation__dropdown):after,.header-banner:has(.header-navigation__link:focus+.header-navigation__dropdown):after{content:"";position:fixed;top:calc(var(--header-height) + var(--announcement-bar-visible-height, 0px) + var(--spacing-1-5));left:0;z-index:var(--layer-sticky);width:100%;height:100%;background-color:var(--color-overlay)}.header-navigation__list:has(.header-navigation__dropdown:hover) .header-navigation__link{color:var(--color-grey-5)}.header-navigation__list:has(.header-navigation__dropdown:hover) .header-navigation__link[aria-expanded=true]{color:var(--color-text)}@media(min-width:1100px){.header-navigation__dropdown{grid-template-columns:repeat(12,1fr)}}.header-navigation__dropdown-section{grid-column:span 3}.header-navigation__dropdown-heading{display:block;margin-bottom:var(--spacing-0-5);padding-top:var(--spacing-1-5)}.header-navigation__dropdown-list{padding-top:var(--spacing-1-5)}.header-navigation__dropdown-link{max-width:max-content}.header-navigation__dropdown:has(.header-navigation__dropdown-link:hover) .header-navigation__dropdown-link{color:var(--color-grey-5)}.header-navigation__dropdown:has(.header-navigation__dropdown-link:hover) .header-navigation__dropdown-link:hover{color:var(--color-text)}.header-navigation__promo-list{margin-top:var(--spacing-10)}
/*# sourceMappingURL=/cdn/shop/t/310/assets/header-navigation.css.map */