.menu-list--mobile.menu-list{display:grid}.menu-list--mobile .menu-list__list{width:max-content;margin-inline:auto;gap:var(--menu-horizontal-gap)}.menu-list--mobile li{width:max-content;padding-block:var(--padding-sm)}.menu-list--mobile li:first-of-type{padding-inline-start:var(--menu-horizontal-gap)}.menu-list--mobile li:last-of-type{padding-inline-end:var(--menu-horizontal-gap)}.menu-list--mobile a{color:var(--color-foreground)}.menu-list__scroll-container{position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(to right,transparent,black 20px,black calc(100% - 20px),transparent);mask-image:linear-gradient(to right,transparent,black 20px,black calc(100% - 20px),transparent);padding-block:var(--padding-2xs)}header-menu-component{display:block;width:100%}header-menu-component overflow-list{display:grid;width:100%}.menu-list{--menu-horizontal-gap: var(--gap-xl);--menu-vertical-gap: var(--gap-xl);display:flex}.menu-list__list{display:flex;justify-content:var(--grid-area-alignment)}.menu-list__list-item{flex-shrink:0;white-space:nowrap}.menu-list__link{font-family:var(--menu-top-level-font-family);font-style:var(--menu-top-level-font-style);font-weight:var(--menu-top-level-font-weight);font-size:var(--menu-top-level-font-size);line-height:var(--menu-top-level-font-line-height);text-transform:var(--menu-top-level-font-case);color:var(--menu-top-level-font-color);text-decoration:none;display:flex;min-height:var(--minimum-touch-target);align-items:center}@media screen and (min-width:750px){.menu-list__link{font-size:var(--menu-top-level-font-size-desktop)}}@media(prefers-reduced-motion:no-preference){.menu-list__link{transition:color var(--animation-speed) var(--animation-easing)}}.menu-list:has(.menu-list__list-item:hover) .menu-list__link,.menu-list:has(.menu-list__list-item:focus-within) .menu-list__link{color:rgb(var(--menu-top-level-font-color-rgb) / var(--opacity-subdued-text))}.menu-list .menu-list__list-item:hover .menu-list__link,.menu-list .menu-list__list-item:focus-within .menu-list__link,.menu-list .menu-list__list-item .menu-list__link--active,.menu-list:not(:has(.menu-list__list-item:hover)) .menu-list__link--active{color:var(--menu-top-level-font-color)}.menu-list__link--active{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}@media screen and (min-width:750px){.menu-list__list-item:hover .menu-list__link-title,.menu-list__list-item:focus-within .menu-list__link-title,.menu-list__list-item[data-expanded=true] .menu-list__link-title{color:var(--color-primary)}}@media screen and (min-width:750px)and (prefers-reduced-motion:no-preference){.menu-list__link-title{transition:color var(--animation-speed) var(--animation-easing)}}.overflow-menu::part(list){--focus-outline-size: calc(var(--focus-outline-offset) + var(--focus-outline-width));gap:0 var(--menu-horizontal-gap)}.overflow-menu{background-color:transparent;padding:var(--focus-outline-size);margin:calc(-1 * var(--focus-outline-size))}.menu-list__submenu,.overflow-menu::part(overflow){--submenu-padding-block-start: var(--padding-lg);--submenu-padding-block-end: var(--padding-lg);--submenu-content-opacity: 0;--submenu-content-animation: opacity calc(var(--submenu-animation-speed) * .75) var(--animation-easing);visibility:hidden;background-color:var(--color-background);position:absolute;width:100%;left:0;top:calc(100% - 1px + var(--border-bottom-width));z-index:var(--layer-header-menu);opacity:0;transform:translateY(10px);pointer-events:none}.header-menu .menu-list__list-item>.menu-list__submenu{clip-path:none;top:calc(100% - 1px + var(--border-bottom-width))}.header-menu .menu-list__submenu-inner{transform:none}@media(prefers-reduced-motion:no-preference){.menu-list__submenu,.overflow-menu::part(overflow){transition:opacity var(--submenu-animation-speed) var(--animation-easing),transform var(--submenu-animation-speed) var(--animation-easing),visibility 0s linear var(--submenu-animation-speed)}}.menu-list__list-item[data-expanded=true]>.menu-list__submenu,.menu-list__list-item:focus-within>.menu-list__submenu,.overflow-menu:has([slot=overflow] [aria-expanded=true])::part(overflow),.menu-list__submenu[data-active]{--submenu-content-opacity: 1;visibility:visible;opacity:1;transform:translateY(0);transition-delay:0s;pointer-events:auto;box-shadow:var(--header-shadow)}.menu-list__submenu-inner,.overflow-menu::part(overflow-list){grid-column:2;padding-block-start:var(--submenu-padding-block-start);padding-block-end:var(--submenu-padding-block-end);padding-inline:0;margin-inline-start:var(--submenu-align-start, var(--header-page-margin, 40px));margin-inline-end:var(--header-page-margin, 40px);opacity:var(--submenu-content-opacity);transition:var(--submenu-content-animation);max-height:calc(80vh - var(--header-height));width:calc(100% - var(--submenu-align-start, var(--header-page-margin, 40px)) - var(--header-page-margin, 40px));overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.overflow-menu::part(overflow){--menu-top-level-font-size: var(--font-size--2xl);display:grid;grid-template-columns:minmax(var(--page-margin),1fr) min(var(--page-width),calc(100% - var(--page-margin) * 2)) minmax(var(--page-margin),1fr)}.overflow-menu::part(overflow-list){position:relative;display:grid;grid-template-columns:minmax(auto,200px) 1fr;grid-template-areas:"left right";grid-template-rows:max-content;grid-gap:0;grid-column:2}.menu-list__list-item:is([slot=overflow]){--menu-top-level-font-color: var(--color-foreground);--menu-top-level-font-color-rgb: var(--color-foreground-rgb);display:contents;white-space:normal}.menu-list__list-item:is([slot=overflow]) .menu-list__link{grid-area:left;grid-row:auto;height:min-content;font-size:var(--font-size--xl);opacity:var(--submenu-content-opacity);transition:var(--submenu-content-animation)}.menu-list__list-item:is([slot=overflow]) .menu-list__submenu{visibility:hidden;grid-row:1;grid-area:right;grid-row-end:span calc(var(--overflow-count, 1) + 1);padding-inline-start:var(--menu-horizontal-gap)}.menu-list__list-item:is([slot=overflow]) .menu-list__submenu-inner{transform:none;grid-column:unset;padding-block:0}.menu-list__list-item:is([slot=overflow]) .menu-list__link[aria-expanded=true]+.menu-list__submenu{visibility:visible}.header-menu[data-overflow-expanded=true] .menu-list__list-item:where([slot=overflow]) .menu-list__link{--submenu-content-opacity: 1}.mega-menu{display:grid;grid-template-columns:minmax(var(--page-margin),1fr) min(var(--page-width),calc(100% - var(--page-margin) * 2)) minmax(var(--page-margin),1fr);width:100%}.mega-menu>*{grid-column:2}.mega-menu__grid{display:grid;grid-template-columns:repeat(var(--menu-columns-tablet),minmax(0,1fr));gap:var(--menu-vertical-gap) var(--menu-horizontal-gap);width:100%}@media screen and (min-width:750px){.mega-menu__grid{grid-template-columns:repeat(var(--menu-columns-desktop),minmax(0,1fr))}}.mega-menu__column{grid-column:span 1}.mega-menu__column--span-2{grid-column:span 2}.mega-menu__column--span-3{grid-column:span 3}.mega-menu__column--span-4{grid-column:span 4}.mega-menu__column--wide-collection-image{grid-column:span 1}@media screen and (min-width:750px){.mega-menu__column--wide-collection-image{grid-column:span 2}}.mega-menu__link{font-family:var(--menu-child-font-family);font-style:var(--menu-child-font-style);font-weight:var(--menu-child-font-weight);font-size:var(--menu-child-font-size);line-height:var(--menu-child-font-line-height);text-transform:var(--menu-child-font-case);color:var(--menu-child-font-color);white-space:normal;text-decoration:none;display:inline-flex;padding:var(--padding-2xs) 0}@media(prefers-reduced-motion:no-preference){.mega-menu__link{transition:color var(--animation-speed) var(--animation-easing)}}.mega-menu__link:hover{color:var(--menu-child-active-font-color)}.mega-menu__link--parent{font-family:var(--menu-parent-font-family);font-style:var(--menu-parent-font-style);font-weight:var(--menu-parent-font-weight);font-size:var(--menu-parent-font-size);line-height:var(--menu-parent-font-line-height);text-transform:var(--menu-parent-font-case);color:var(--menu-parent-font-color)}.mega-menu__link--parent:hover{color:var(--menu-parent-active-font-color)}.mega-menu__link:has(.mega-menu__link-image){display:flex;flex-direction:column;padding-inline:0;padding-block:var(--padding-sm) 0}.mega-menu__link-image{width:100%;position:relative;aspect-ratio:16 / 9;margin-bottom:var(--padding-sm);object-fit:cover;border-radius:var(--menu-image-border-radius)}.mega-menu__list{display:grid;grid-template-columns:subgrid;grid-column:span var(--menu-columns-tablet);gap:var(--menu-vertical-gap) var(--menu-horizontal-gap)}@media screen and (min-width:750px){.mega-menu__list{grid-column:span var(--menu-columns-desktop)}}.mega-menu__content{grid-column:span var(--menu-content-columns-tablet) / -1}@media screen and (min-width:750px){.mega-menu__content{grid-column:span var(--menu-content-columns-desktop) / -1}}.mega-menu__content-list{display:grid;justify-content:end;gap:var(--menu-vertical-gap) var(--menu-horizontal-gap)}.mega-menu__content-list--products{grid-template-columns:repeat(var(--menu-content-columns-tablet),minmax(0,1fr))}@media screen and (min-width:750px){.mega-menu__content-list--products{grid-template-columns:repeat(var(--menu-content-columns-desktop),minmax(0,1fr))}}.mega-menu__content-list--collections{grid-template-columns:repeat(var(--menu-content-columns-tablet),minmax(0,300px))}@media screen and (min-width:750px){.mega-menu__content-list--collections{grid-template-columns:repeat(var(--menu-content-columns-desktop),minmax(0,300px))}}@media screen and (max-width:749px){.mega-menu__content-list-item--hidden-tablet{display:none}}.mega-menu__submenu{display:contents}.mega-menu__blocks{width:100%}.overflow-menu:after{content:"";position:absolute;top:calc(100% - 1px + var(--border-bottom-width));left:0;width:100%;height:var(--submenu-height, 0);background-color:var(--color-background);box-shadow:var(--shadow-popover);clip-path:inset(.5px 0 -100px 0);opacity:var(--submenu-opacity, 0);z-index:calc(var(--layer-header-menu) - 1)}@media(prefers-reduced-motion:no-preference){.overflow-menu:after{transition:height var(--submenu-animation-speed) var(--ease-out-cubic),opacity var(--animation-speed-slow) var(--ease-out-cubic) var(--animation-speed-fast)}}.mega-menu-images{width:100%}.mega-menu-images__grid{display:grid;grid-template-columns:200px 1fr;gap:var(--gap-4xl)}@media screen and (max-width:749px){.mega-menu-images__grid{grid-template-columns:1fr}}.mega-menu-images__links{width:200px;flex-shrink:0}.mega-menu-images__link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-md)}.mega-menu-images__link-item{margin:0}.mega-menu-images__link{display:inline-flex;align-items:center;color:var(--color-foreground);text-decoration:none;font-size:var(--font-size--sm);font-weight:400;padding:0}@media(prefers-reduced-motion:no-preference){.mega-menu-images__link{transition:color var(--animation-speed) ease}}.mega-menu-images__link:hover,.mega-menu-images__link:focus-visible{text-decoration:underline;text-decoration-color:rgb(var(--color-foreground-rgb) / 70%);text-underline-offset:4px;text-decoration-thickness:1px;opacity:70%}.mega-menu-images__link--parent{font-weight:600;font-size:var(--font-size--sm)}.mega-menu-images__badge{display:inline-block;margin-left:var(--gap-xs);padding:2px 6px;background:var(--color-primary);color:var(--color-primary-text);font-size:var(--font-size--xs);font-weight:700;border-radius:var(--style-border-radius-sm)}.mega-menu-images__images{display:grid;grid-template-columns:repeat(3,minmax(0,272px));gap:var(--gap-md)}@media screen and (max-width:749px){.mega-menu-images__images{grid-template-columns:repeat(2,1fr)}}.mega-menu-images__image-block{display:flex;flex-direction:column;align-items:center;text-decoration:none;overflow:hidden}.mega-menu-images__image-block--count-1{grid-column:span 1;max-width:272px}.mega-menu-images__image-block--count-2{grid-column:span 1}.mega-menu-images__image-wrapper{width:100%;aspect-ratio:1;max-width:272px;overflow:hidden;border-radius:8px}.mega-menu-images__image{width:100%;height:100%;object-fit:cover}@media(prefers-reduced-motion:no-preference){.mega-menu-images__image{transition:transform var(--animation-speed-slow) var(--ease-out-cubic)}}.mega-menu-images__image-block:hover .mega-menu-images__image{transform:scale(1.05)}.mega-menu-images__image-title{margin:var(--gap-xs) 0 0;font-size:var(--font-size--md);font-weight:600;color:var(--color-foreground);text-align:center}
/*# sourceMappingURL=/cdn/shop/t/429/assets/na-header-menu.css.map */