.header__nav{position:static;transform:none;display:flex;align-items:center;gap:clamp(1.25rem,2.5vw,2rem);z-index:3;grid-column:2;justify-self:center}.header__nav-item{display:flex;align-items:center}.header__nav-item--panel{position:relative}.header-slot.is-nav-panel-open[data-nav-panel=shop] [data-header-nav-item=shop]:after,.header-slot.is-nav-panel-open[data-nav-panel=bags] [data-header-nav-item=bags]:after,.header-slot.is-nav-panel-open[data-nav-panel=accessories] [data-header-nav-item=accessories]:after{content:"";position:absolute;left:50%;transform:translate(-50%);top:100%;width:max(100%,3rem);height:calc(var(--header-height, 3.375rem) * .55 + 16px);z-index:2}.header__nav-link{font-family:var(--font-heading-family);font-size:.875rem;font-weight:400;letter-spacing:normal;text-transform:none;color:inherit;text-decoration:none;white-space:nowrap;line-height:1.2;display:inline-flex;align-items:center}.header__nav-link-label{position:relative;display:inline-block;overflow:hidden;line-height:1.2;vertical-align:top;white-space:nowrap}.header__nav-link-label:before{content:attr(data-text);display:block;line-height:1.2;transition:transform .45s cubic-bezier(.65,0,.35,1)}.header__nav-link-label:after{content:attr(data-text);position:absolute;left:0;top:100%;line-height:1.2;white-space:nowrap;transition:transform .45s cubic-bezier(.65,0,.35,1)}.header__nav-link:hover .header__nav-link-label:before,.header__nav-link:focus-visible .header__nav-link-label:before,.header__nav-link:hover .header__nav-link-label:after,.header__nav-link:focus-visible .header__nav-link-label:after{transform:translateY(-100%)}.header__nav-link--bold{font-weight:700}.header__nav-link--solo{display:inline-flex;align-items:center}.header__nav-link--sale{position:relative;padding-right:.55rem}.header__nav-sale-dot{position:absolute;top:-.1rem;right:0;width:.32rem;height:.32rem;border-radius:50%;background:#2f9e44;box-shadow:0 0 #2f9e4459;animation:header-nav-sale-pulse 2.4s ease-in-out infinite;pointer-events:none}@keyframes header-nav-sale-pulse{0%,to{transform:scale(1);box-shadow:0 0 #2f9e4400}50%{transform:scale(1.08);box-shadow:0 0 0 .18rem #2f9e442e}}@media(prefers-reduced-motion:reduce){.header__nav-sale-dot{animation:none}}button.header__nav-link{background:none;border:0;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none}.header-slot.is-nav-panel-open[data-nav-panel=shop] [data-header-nav-item=shop]>.header__nav-link .header__nav-link-label:before,.header-slot.is-nav-panel-open[data-nav-panel=shop] [data-header-nav-item=shop]>.header__nav-link .header__nav-link-label:after,.header-slot.is-nav-panel-open[data-nav-panel=bags] [data-header-nav-item=bags]>.header__nav-link .header__nav-link-label:before,.header-slot.is-nav-panel-open[data-nav-panel=bags] [data-header-nav-item=bags]>.header__nav-link .header__nav-link-label:after,.header-slot.is-nav-panel-open[data-nav-panel=accessories] [data-header-nav-item=accessories]>.header__nav-link .header__nav-link-label:before,.header-slot.is-nav-panel-open[data-nav-panel=accessories] [data-header-nav-item=accessories]>.header__nav-link .header__nav-link-label:after{transform:translateY(-100%)}@media(prefers-reduced-motion:reduce){.header__nav-link-label:before,.header__nav-link-label:after{transition:none}}.header-nav-overlay{position:fixed;left:0;right:0;bottom:0;top:calc(var(--header-height, 3.375rem) + var(--announcement-bar-height, 0px));z-index:1003;background:#1c1c1c47;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.header-slot:has(.header__nav-item--panel:hover) .header-nav-overlay,.header-slot:has(.header-mega:hover) .header-nav-overlay,.header-slot.is-nav-panel-open .header-nav-overlay{opacity:1;visibility:visible}.header-mega{position:fixed;left:0;right:0;top:calc(var(--header-height, 3.375rem) + var(--announcement-bar-height, 0px));z-index:1004;background:var(--yuns-color-light, #f5f5f5);color:var(--yuns-color-dark, #1c1c1c);border-bottom:1px solid rgba(28,28,28,.06);box-sizing:border-box;overflow:hidden;visibility:hidden;pointer-events:none;clip-path:inset(0 0 100% 0);transform-origin:top center;transition:clip-path .42s cubic-bezier(.22,1,.36,1),visibility 0s linear .42s}.header-mega>.header-mega__inner{min-height:0}.header-slot>.header-mega{pointer-events:none}.header-mega:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:16px;background:transparent}.header-mega.is-open,.header-slot:has(.header__nav-item[data-header-nav-item=shop]:hover) [data-header-panel=shop],.header-slot:has([data-header-panel=shop]:hover) [data-header-panel=shop],.header-slot.is-nav-panel-open[data-nav-panel=shop] [data-header-panel=shop],.header-slot:has(.header__nav-item[data-header-nav-item=bags]:hover) [data-header-panel=bags],.header-slot:has([data-header-panel=bags]:hover) [data-header-panel=bags],.header-slot.is-nav-panel-open[data-nav-panel=bags] [data-header-panel=bags],.header-slot:has(.header__nav-item[data-header-nav-item=accessories]:hover) [data-header-panel=accessories],.header-slot:has([data-header-panel=accessories]:hover) [data-header-panel=accessories],.header-slot.is-nav-panel-open[data-nav-panel=accessories] [data-header-panel=accessories]{visibility:visible;pointer-events:auto;clip-path:inset(0 0 0 0);transition:clip-path .42s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}.header-mega .header-mega__heading,.header-mega .header-mega__list>li,.header-mega .header-mega__tile{opacity:0;transform:translate3d(0,.65rem,0)}.header-mega .header-mega__heading{--mega-stagger: 0}.header-mega .header-mega__list>li:nth-child(1){--mega-stagger: 1}.header-mega .header-mega__list>li:nth-child(2){--mega-stagger: 2}.header-mega .header-mega__list>li:nth-child(3){--mega-stagger: 3}.header-mega .header-mega__list>li:nth-child(4){--mega-stagger: 4}.header-mega .header-mega__list>li:nth-child(5){--mega-stagger: 5}.header-mega .header-mega__list>li:nth-child(6){--mega-stagger: 6}.header-mega .header-mega__list>li:nth-child(7){--mega-stagger: 7}.header-mega .header-mega__list>li:nth-child(8){--mega-stagger: 8}.header-mega .header-mega__tile:nth-child(1){--mega-stagger: 0}.header-mega .header-mega__tile:nth-child(2){--mega-stagger: 1}.header-mega .header-mega__tile:nth-child(3){--mega-stagger: 2}.header-mega .header-mega__tile:nth-child(4){--mega-stagger: 3}.header-mega .header-mega__tile:nth-child(5){--mega-stagger: 4}.header-mega .header-mega__tile:nth-child(6){--mega-stagger: 5}.header-mega .header-mega__tile:nth-child(7){--mega-stagger: 6}.header-mega .header-mega__tile:nth-child(8){--mega-stagger: 7}@keyframes header-mega-item-in{0%{opacity:0;transform:translate3d(0,.65rem,0)}to{opacity:1;transform:translateZ(0)}}.header-mega.is-entering .header-mega__heading,.header-mega.is-entering .header-mega__list>li,.header-mega.is-entering .header-mega__tile{animation:header-mega-item-in .78s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.12s + var(--mega-stagger, 0) * .09s)}@media(prefers-reduced-motion:reduce){.header-mega{transition:none}.header-mega .header-mega__heading,.header-mega .header-mega__list>li,.header-mega .header-mega__tile{opacity:1;transform:none;animation:none!important}}.header-mega__inner{max-width:var(--page-width);margin:0 auto;padding:clamp(2rem,3.5vw,2.75rem) clamp(2.5rem,7vw,6rem) clamp(2.25rem,4vw,3rem)}.header-mega__inner--aligned{position:relative;max-width:none;width:100%;margin:0;padding:clamp(2rem,3.5vw,2.75rem) 0 clamp(2.25rem,4vw,3rem);box-sizing:border-box}.header-mega__align{position:relative;width:100%;min-height:8rem}.header-mega__column[data-header-mega-column]{position:absolute;top:0;left:0;transform:translate(-50%);will-change:left}.header-mega--tiles .header-mega__inner--aligned{display:flex;justify-content:center;padding:clamp(2rem,3.5vw,2.75rem) clamp(1rem,3vw,2rem) clamp(2.25rem,4vw,3rem);box-sizing:border-box}.header-mega--tiles .header-mega__align-target{position:relative;left:auto;right:auto;margin:0;transform:none;width:max-content;max-width:100%}.header-mega__column{min-width:10.5rem;padding-inline:.35rem}.header-mega__heading{margin:0 0 1.35rem;font-family:var(--font-heading-family);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.3;color:var(--yuns-color-dark, #1c1c1c)}.header-mega__heading-link{position:relative;display:inline-block;color:inherit;text-decoration:none}.header-mega__heading-link:after{content:"";position:absolute;left:0;right:0;bottom:-.12em;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .38s cubic-bezier(.65,0,.35,1);pointer-events:none}.header-mega__heading-link:hover:after,.header-mega__heading-link:focus-visible:after{transform:scaleX(1);transform-origin:left center}.header-mega__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.header-mega__link{position:relative;display:inline-block;font-family:var(--font-body-family);font-size:.8125rem;font-weight:400;line-height:1.45;color:#1c1c1cc7;text-decoration:none;transition:color .18s ease}.header-mega__link:after{content:"";position:absolute;left:0;right:0;bottom:.08em;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .38s cubic-bezier(.65,0,.35,1);pointer-events:none}.header-mega__link:hover,.header-mega__link:focus-visible{color:var(--yuns-color-dark, #1c1c1c)}.header-mega__link:hover:after,.header-mega__link:focus-visible:after{transform:scaleX(1);transform-origin:left center}.header-mega__tiles{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:clamp(.4rem,.85vw,.5rem);margin:0 auto;padding:0;list-style:none}.header-mega__tile{flex:0 0 auto;width:clamp(6.75rem,10.5vw,9.25rem)}.header-mega__tile-link{display:flex;flex-direction:column;align-items:center;gap:.55rem;text-decoration:none;color:inherit}.header-mega__tile-media{display:block;width:100%;aspect-ratio:1 / 1.05;overflow:hidden;background:#ebebeb}.header-mega__tile-image{display:block;width:100%;height:100%;object-fit:cover}.header-mega__tile-placeholder{display:block;width:100%;height:100%;background:linear-gradient(145deg,#ececec,#e2e2e2)}.header-mega__tile-label{position:relative;display:inline-block;font-family:var(--font-body-family);font-size:.8125rem;font-weight:500;line-height:1.35;text-align:center;color:var(--yuns-color-dark, #1c1c1c)}.header-mega__tile-label:after{content:"";position:absolute;left:0;right:0;bottom:.05em;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .38s cubic-bezier(.65,0,.35,1);pointer-events:none}.header-mega__tile-link:hover .header-mega__tile-label:after,.header-mega__tile-link:focus-visible .header-mega__tile-label:after,.header-mega__tile-label:hover:after,.header-mega__tile-label:focus-visible:after{transform:scaleX(1);transform-origin:left center}.header-slot:has(.header__nav-item--panel:hover) .header.header--transparent,.header-slot:has(.header-mega:hover) .header.header--transparent,.header-slot.is-nav-panel-open .header.header--transparent{background-color:var(--yuns-color-light, #f5f5f5);color:var(--yuns-color-dark, #1c1c1c);border-bottom-color:#1c1c1c1a}.header-slot:has(.header__nav-item--panel:hover) .header.header--transparent .header__logo-image--on-dark,.header-slot:has(.header-mega:hover) .header.header--transparent .header__logo-image--on-dark,.header-slot.is-nav-panel-open .header.header--transparent .header__logo-image--on-dark{opacity:0;visibility:hidden;pointer-events:none}.header-slot:has(.header__nav-item--panel:hover) .header.header--transparent .header__logo-image--on-light,.header-slot:has(.header-mega:hover) .header.header--transparent .header__logo-image--on-light,.header-slot.is-nav-panel-open .header.header--transparent .header__logo-image--on-light{opacity:1;visibility:visible;pointer-events:auto}@media(max-width:899px){.header__nav{display:none}.header-mega,.header-nav-overlay{display:none!important}}@media(prefers-reduced-motion:reduce){.header-mega{transition:none;clip-path:none}.header-mega.is-open,.header-slot.is-nav-panel-open [data-header-panel]{clip-path:none}.header-mega__link:after{transition:none}.header-mega__tile-label:after{transition:none}}.mobile-menu__group{border-bottom:1px solid rgba(28,28,28,.08)}.mobile-menu__group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.9rem 0;border:0;background:none;font-family:var(--font-heading-family);font-size:clamp(1.2rem,4.5vw,1.625rem);font-weight:400;letter-spacing:normal;text-align:left;color:inherit;cursor:pointer}.mobile-menu__group-icon{flex-shrink:0;opacity:.55;stroke-width:1;transition:transform .45s cubic-bezier(.65,0,.35,1)}.mobile-menu__group.is-open .mobile-menu__group-icon{transform:rotate(180deg)}.mobile-menu__subnav{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.65,0,.35,1);overflow:hidden;padding:0}.mobile-menu__group.is-open .mobile-menu__subnav{grid-template-rows:1fr;padding-bottom:1.15rem}.mobile-menu__subnav-inner{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.5rem}.mobile-menu__subnav--tiles .mobile-menu__subnav-inner{gap:0}.mobile-menu__sublink{position:relative;display:inline-block;width:fit-content;max-width:100%;font-family:var(--font-body-family);font-size:1.0625rem;font-weight:400;line-height:1.45;color:#1c1c1cc7;padding:.35rem 0;text-decoration:none;transition:color .18s ease}.mobile-menu__sublink:after{content:"";position:absolute;left:0;right:0;bottom:.08em;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .38s cubic-bezier(.65,0,.35,1);pointer-events:none}.mobile-menu__sublink:hover,.mobile-menu__sublink:focus-visible{color:var(--yuns-color-dark, #1c1c1c)}.mobile-menu__sublink:hover:after,.mobile-menu__sublink:focus-visible:after{transform:scaleX(1);transform-origin:left center}.mobile-menu__tiles-wrap{margin:0 calc(-1 * var(--yuns-inset-x));padding:0 var(--yuns-inset-x);overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.mobile-menu__tiles-wrap::-webkit-scrollbar{display:none}.mobile-menu__tiles-wrap .header-mega__tiles{flex-wrap:nowrap;justify-content:flex-start;width:max-content;min-width:100%;gap:.5rem;padding-bottom:.25rem}.mobile-menu__tiles-wrap .header-mega__tile{width:clamp(5.5rem,23.8vw,7rem);flex-shrink:0}.mobile-menu__tiles-wrap--slider{scroll-snap-type:x mandatory;scroll-padding-inline:var(--yuns-inset-x)}.mobile-menu__tiles-wrap--slider .header-mega__tile{width:calc(((100vw - (2 * var(--yuns-inset-x)) - 1rem) / 3.12) * .85);scroll-snap-align:start}.mobile-menu__tiles-wrap .header-mega__tile-label{font-size:.75rem}.mobile-menu__link--solo{display:block;font-family:var(--font-heading-family);font-size:clamp(1.2rem,4.5vw,1.625rem);font-weight:400;letter-spacing:normal;padding:.9rem 0;text-decoration:none;color:inherit;border-bottom:1px solid rgba(28,28,28,.08)}.mobile-menu__link--sale{position:relative;display:inline-flex;align-items:center;width:100%;gap:.35rem}.mobile-menu__link--sale .header__nav-sale-dot{position:relative;top:-.35em;right:auto;flex-shrink:0;width:.35rem;height:.35rem}.mobile-menu__link--bold{font-weight:700}@keyframes mobile-menu-item-in{0%{opacity:0;transform:translate3d(0,25px,0)}to{opacity:1;transform:translateZ(0)}}.mobile-menu [data-mobile-menu-item]{opacity:0;transform:translate3d(0,25px,0)}.mobile-menu.is-open [data-mobile-menu-item]{animation:mobile-menu-item-in .36s ease forwards}.mobile-menu.is-open .mobile-menu__nav>[data-mobile-menu-item]:nth-child(1){animation-delay:.2s}.mobile-menu.is-open .mobile-menu__nav>[data-mobile-menu-item]:nth-child(2){animation-delay:.25s}.mobile-menu.is-open .mobile-menu__nav>[data-mobile-menu-item]:nth-child(3){animation-delay:.3s}.mobile-menu.is-open .mobile-menu__nav>[data-mobile-menu-item]:nth-child(4){animation-delay:.35s}.mobile-menu.is-open .mobile-menu__nav>[data-mobile-menu-item]:nth-child(5){animation-delay:.4s}.mobile-menu.is-open .mobile-menu__nav>[data-mobile-menu-item]:nth-child(6){animation-delay:.45s}.mobile-menu.is-open .mobile-menu__bottom[data-mobile-menu-item],.mobile-menu.is-open .mobile-menu__social[data-mobile-menu-item]{animation-delay:.4s}@media(prefers-reduced-motion:reduce){.mobile-menu__subnav,.mobile-menu__group-icon{transition:none}.mobile-menu [data-mobile-menu-item]{opacity:1;transform:none}.mobile-menu.is-open [data-mobile-menu-item]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/126/assets/header-nav.css.map */