.cnav{--cnav-accent: var(--j-yellow, #edf152);--cnav-text: #fff;--cnav-text-muted: rgba(255, 255, 255, .78);--cnav-light: #f2f2f2;--cnav-inner: rgba(255, 255, 255, .12);--cnav-divider: rgba(255, 255, 255, .14);--cnav-border: 1px solid rgba(255, 255, 255, .18);--cnav-font: var(--font-heading--family);--cnav-mono: var(--font-accent--family);--cnav-ease: cubic-bezier(.2, .8, .2, 1);--cnav-ease-morph: cubic-bezier(.65, 0, .35, 1);--cnav-collapse-duration: .9s;--cnav-z: 100;--cnav-inset: 12px;--cnav-bar-h: 60px;--cnav-radius: 22px;position:fixed;inset:0 0 auto 0;z-index:var(--cnav-z);color:var(--cnav-text);font-family:var(--cnav-font);-webkit-font-smoothing:antialiased}:where(.cnav) a{color:inherit;text-decoration:none}:where(.cnav) button{font:inherit;color:inherit;cursor:pointer}.cnav [hidden]{display:none!important}.cnav__grow{flex:1}:where(.cnav) :focus-visible{outline:2px solid var(--cnav-text);outline-offset:2px}.cnav__search input:focus-visible{outline:none}.cnav-glass{background:#18181866;-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);border:var(--cnav-border);box-shadow:inset 0 1px #ffffff24,0 8px 24px #00000038}.cnav-glass--panel{background:#12121285;-webkit-backdrop-filter:blur(32px) saturate(160%);backdrop-filter:blur(32px) saturate(160%);box-shadow:inset 0 1px #ffffff24,0 20px 50px #00000059}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.cnav-glass,.cnav-glass--panel{background:#121212eb}}.cnav__bar{position:absolute;top:var(--cnav-inset);left:var(--cnav-inset);right:var(--cnav-inset);height:var(--cnav-bar-h);box-sizing:border-box;padding:0 8px 0 22px;display:flex;align-items:center;gap:2px;border-radius:var(--cnav-radius)}.cnav__logo{display:flex;align-items:center;min-height:44px}.cnav__logo-img{display:block;height:22px;width:auto;filter:brightness(0) invert(1)}.cnav__wordmark{font-weight:800;font-style:italic;font-size:24px;letter-spacing:-.04em;line-height:1}.cnav__menu-btn{height:44px;padding:0 4px 0 12px;border:0;background:transparent;display:flex;align-items:center;gap:10px;font-weight:500;font-size:15px}.cnav__tile{width:36px;height:36px;border-radius:10px;background:#ffffff29;display:flex;align-items:center;justify-content:center;font-family:var(--cnav-mono);font-weight:500;font-size:18px;line-height:1;transition:background-color .2s ease,color .2s ease}.cnav__menu-btn[aria-expanded=true] .cnav__tile{background:var(--cnav-light);color:#000}.cnav__cart{position:relative;width:44px;height:44px;flex-shrink:0;border-radius:999px;background:#ffffff24;display:flex;align-items:center;justify-content:center}.cnav__cart.is-empty{background:transparent;color:#ffffff59}.cnav__badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:999px;background:var(--cnav-accent);color:#000;font-family:var(--cnav-mono);font-size:10px;font-weight:500;line-height:16px;text-align:center}.cnav__cart.is-empty .cnav__badge,.cnav__desk-nav,.cnav__desk-tools,.cnav__bar-cta,.cnav__drop{display:none}.cnav__panel{position:fixed;top:calc(var(--cnav-inset) + var(--cnav-bar-h) + 8px);left:var(--cnav-inset);right:var(--cnav-inset);bottom:var(--cnav-inset);box-sizing:border-box;padding:16px 6px 18px;display:flex;flex-direction:column;gap:18px;border-radius:var(--cnav-radius);overflow:hidden}.cnav__panel-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:18px;scrollbar-width:none}.cnav__panel-scroll::-webkit-scrollbar{display:none}.cnav__panel[data-state=opening],.cnav__panel[data-state=closing]{opacity:0;transform:translateY(-8px)}.cnav__panel{transition:opacity .22s var(--cnav-ease),transform .22s var(--cnav-ease)}.cnav__search{margin:0 10px;display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;flex-shrink:0;border-radius:999px;background:var(--cnav-inner);border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.cnav__search input{flex:1;min-width:0;border:0;background:transparent;color:var(--cnav-text);font:inherit;font-size:15px;outline:none}.cnav__search input::placeholder{color:#ffffffb3}.cnav__search:focus-within{border-color:#ffffff73}.cnav__list{list-style:none;margin:0;padding:0 10px;display:flex;flex-direction:column}.cnav__item+.cnav__item{border-top:1px solid var(--cnav-divider)}.cnav__main{width:100%;min-height:58px;padding:0 6px;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font-weight:700;font-size:34px;line-height:1;letter-spacing:-.03em;text-transform:uppercase}.cnav__count{font-family:var(--cnav-mono);font-weight:400;font-size:13px;letter-spacing:0;color:#ffffffb3}.cnav__minus{display:none;color:#fffc;flex-shrink:0}.cnav__main[aria-expanded=true] .cnav__count{display:none}.cnav__main[aria-expanded=true] .cnav__minus{display:block}.cnav__sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s var(--cnav-ease)}.cnav__sub-inner{overflow:hidden;min-height:0}.cnav__sub.is-open{grid-template-rows:1fr}.cnav__sub-list{list-style:none;margin:0;padding:0 0 8px}.cnav__sub-link{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 6px}.cnav__sub-title{font-weight:600;font-size:18px;letter-spacing:-.01em;text-transform:uppercase}.cnav__sub-date{margin-left:auto;font-family:var(--cnav-mono);font-size:12px;color:#fffc;text-transform:uppercase;white-space:nowrap}.cnav__cta{margin:0 10px;min-height:56px;flex-shrink:0;border-radius:999px;background:var(--cnav-accent);color:#000!important;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;letter-spacing:.05em;text-transform:uppercase}.cnav__secondary{list-style:none;margin:0;padding:0 16px;display:flex;flex-wrap:wrap;column-gap:18px;row-gap:10px;font-family:var(--cnav-mono);font-size:12px}.cnav__secondary>li>a,.cnav__work-btn{color:var(--cnav-text-muted);min-height:24px;display:inline-flex;align-items:center}.cnav__work-btn{padding:0;border:0;background:transparent;gap:6px;font-family:var(--cnav-mono);font-size:12px}.cnav__work:has([aria-expanded=true]){flex-basis:100%}.cnav__work .cnav__sub:not(.is-open){width:0}.cnav__work-btn[aria-expanded=true]{color:var(--cnav-text)}.cnav__work-btn[aria-expanded=true] .cnav__plus-v{display:none}.cnav__work-list{list-style:none;margin:8px 0 0;padding:4px 0 4px 12px;border-left:1px solid rgba(255,255,255,.3);font-size:13px}.cnav__work-list a{display:block;padding:7px 0}.cnav__utility{padding:0 10px;flex-shrink:0;display:flex;align-items:center;gap:8px}.cnav__utility form{margin:0}.cnav__segmented{display:flex;height:40px;padding:3px;box-sizing:border-box;border-radius:999px;background:var(--cnav-inner)}.cnav__segmented button{min-width:44px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:#ffffffd9;font-family:var(--cnav-mono);font-size:12px}.cnav__segmented button[aria-pressed=true]{background:var(--cnav-light);color:#000;font-weight:500}.cnav__currency{position:relative;height:40px;display:flex;align-items:center;border-radius:999px;background:var(--cnav-inner);font-family:var(--cnav-mono);font-size:12px}.cnav__currency select{height:100%;padding:0 32px 0 14px;border:0;border-radius:999px;background:transparent;color:var(--cnav-text);font:inherit;appearance:none;-webkit-appearance:none;cursor:pointer}.cnav__currency select option{color:#000}.cnav__currency svg{position:absolute;right:12px;pointer-events:none}.cnav__currency--static{padding:0 14px}.cnav__account{height:40px;padding:0 16px;border-radius:999px;background:var(--cnav-inner);display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.cnav__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#00000059}body:has(.cnav) #MainContent{padding-top:calc(var(--cnav-reserve, 84px))}body:has(.cnav) #MainContent:has(>.shopify-section:first-child .js-invert-header){padding-top:0}@media screen and (min-width:1080px){.cnav__bar{top:16px;left:0;right:0;margin-inline:auto;width:calc(100% - 48px);height:64px;padding:0 8px 0 28px;gap:6px;border-radius:999px;transition:width var(--cnav-collapse-duration) var(--cnav-ease-morph),height var(--cnav-collapse-duration) var(--cnav-ease-morph),padding var(--cnav-collapse-duration) var(--cnav-ease-morph)}.cnav__bar.is-morphing>*{animation:cnav-fade-in calc(var(--cnav-collapse-duration) * .55) ease both;animation-delay:calc(var(--cnav-collapse-duration) * .4)}.cnav__logo{margin-right:22px}.cnav__wordmark{font-size:28px}.cnav__logo-img{height:26px}.cnav__menu-btn{display:none}.cnav__desk-nav,.cnav__desk-tools{display:flex;align-items:center}.cnav__desk-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}.cnav__trigger{height:40px;padding:0 14px;border:0;border-radius:999px;background:transparent;display:flex;align-items:center;gap:8px;white-space:nowrap;font-weight:600;font-size:14px;letter-spacing:.05em;text-transform:uppercase;transition:background-color .2s ease,color .2s ease}.cnav__trigger:hover{background:#ffffff1a}.cnav__trigger[aria-expanded=true]{background:var(--cnav-light);color:#000}.cnav__dot{width:5px;height:5px;border-radius:999px;background:currentColor;opacity:.6}.cnav__trigger[aria-expanded=true] .cnav__dot{opacity:1}.cnav__more{width:40px;padding:0;justify-content:center;font-family:var(--cnav-mono);font-weight:500;font-size:18px;line-height:1;letter-spacing:0;margin-bottom:2.5px}.cnav__desk-tools{gap:6px}.cnav__locale-pill{height:44px;padding:3px;box-sizing:border-box;display:flex;align-items:center;gap:2px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12)}.cnav__locale-pill .cnav__segmented{height:auto;padding:0;gap:2px;background:none}.cnav__locale-pill .cnav__segmented button{height:36px;padding:0 12px}.cnav__locale-pill .cnav__lang+.cnav__currency:before{content:"";width:1px;height:18px;margin:0 4px;background:#ffffff38}.cnav__locale-pill .cnav__currency{height:36px;background:none}.cnav__locale-pill .cnav__currency select{padding:0 28px 0 8px}.cnav__locale-pill .cnav__currency svg{right:10px}.cnav__locale-pill .cnav__currency--static{padding:0 10px 0 8px}.cnav__circle{width:44px;height:44px;flex-shrink:0;padding:0;border:0;border-radius:999px;background:#ffffff24;display:flex;align-items:center;justify-content:center}.cnav__bar-cta{display:flex;align-items:center;height:48px;margin-left:6px;padding:0 22px;flex-shrink:0;border-radius:999px;background:var(--cnav-accent);color:#000!important;white-space:nowrap;font-weight:700;font-size:14px;letter-spacing:.05em;text-transform:uppercase}.cnav.is-scrolled .cnav__bar{height:60px;padding:0 8px;gap:18px;overflow:hidden}.cnav.is-scrolled .cnav__desk-nav,.cnav.is-scrolled .cnav__desk-tools,.cnav.is-scrolled .cnav__grow{display:none}.cnav.is-scrolled .cnav__logo{margin-right:0}.cnav.is-scrolled .cnav__wordmark{font-size:26px}.cnav.is-scrolled .cnav__logo-img{height:24px}.cnav.is-scrolled .cnav__menu-btn{display:flex;order:-1;height:44px;padding:0 18px;border-radius:999px;background:#ffffff24;font-weight:600;font-size:14px;letter-spacing:.05em;text-transform:uppercase}.cnav.is-scrolled .cnav__menu-btn[aria-expanded=true]{background:var(--cnav-light);color:#000}.cnav.is-scrolled .cnav__tile{display:none}.cnav.is-scrolled .cnav__cart{margin-right:-12px}.cnav.is-scrolled .cnav__bar-cta{height:44px;margin-left:0;padding:0 18px;font-size:13px}.cnav__panel{top:88px;left:max(24px,calc(50% - 210px));right:max(24px,calc(50% - 210px));bottom:auto;max-height:calc(100vh - 104px)}.cnav__drop{position:fixed;top:92px;left:24px;width:760px;max-width:calc(100% - 48px);max-height:calc(100vh - 108px);overflow-x:hidden;overflow-y:auto;box-sizing:border-box;padding:14px;flex-wrap:wrap;gap:14px;border-radius:28px}.cnav__drop:not([hidden]){display:flex}.cnav-glass--drop{background:#1212128c;-webkit-backdrop-filter:blur(32px) saturate(160%);backdrop-filter:blur(32px) saturate(160%);box-shadow:inset 0 1px #ffffff24,0 20px 50px #00000059}.cnav__drop--festivals{width:1000px}.cnav__drop--festivals .cnav__feature{flex-basis:520px}.cnav__drop--athletes{width:940px}.cnav__drop--more{width:560px}.cnav__drop-main{flex:1 1 260px;min-width:0}.cnav__drop--festivals .cnav__drop-main{flex:999 1 420px}.cnav__drop--news .cnav__drop-main{flex-basis:240px}.cnav__drop-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.cnav__drop-row+.cnav__drop-row{border-top:1px solid rgba(255,255,255,.12)}.cnav__drop-row a{display:flex;align-items:center;gap:12px;min-height:60px;padding:0 8px 0 18px;border-radius:18px;transition:background-color .2s ease}.cnav__drop-list--links .cnav__drop-row a{min-height:64px;padding:0 18px}.cnav__drop-row a:hover{background:#ffffff14}.cnav__drop-title{font-weight:700;font-size:24px;line-height:1;letter-spacing:-.02em;text-transform:uppercase}.cnav__drop-date{margin-left:auto;font-family:var(--cnav-mono);font-size:13px;color:#ffffffbf;text-transform:uppercase;white-space:nowrap}.cnav__feature{position:relative;flex:1 1 220px;min-width:0;min-height:300px;padding:22px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;border-radius:22px;overflow:hidden;background:#ffffff0f;isolation:isolate}.cnav__feature--video{flex:999 1 400px;min-height:260px;gap:8px}.cnav__feature-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .25s ease-out}.cnav__feature:hover .cnav__feature-img{transform:scale(1.03)}.cnav__feature-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.cnav__feature-video.is-playing{opacity:1}.cnav__feature-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0000 40%,#000000b3)}.cnav__feature--video .cnav__feature-shade{background:linear-gradient(180deg,#0000 30%,#000000bf)}.cnav__feature-title{font-weight:700;font-size:34px;line-height:.95;letter-spacing:-.03em;text-transform:uppercase}.cnav__feature-title--sm{font-size:22px;line-height:1.05;letter-spacing:-.02em}.cnav__feature-meta{font-family:var(--cnav-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.cnav__play{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:999px;background:#ffffff38;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.cnav__preview{flex:999 1 400px;min-width:0;min-height:260px;display:flex}.cnav__preview>*{flex:1 1 auto;min-width:0}.cnav__preview [hidden]{display:none!important}.cnav__articles{box-sizing:border-box;padding:18px 16px 16px;border-radius:22px;background:#0000004d;border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:10px}.cnav__articles-label{padding:0 4px;font-family:var(--cnav-mono);font-size:12px;letter-spacing:.08em;color:#fffc;text-transform:uppercase}.cnav__articles-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.cnav__article{display:flex;align-items:center;gap:12px;min-width:0;padding:6px 20px 6px 6px;border-radius:30px;background:var(--cnav-inner);transition:background-color .2s ease}.cnav__article:hover{background:#fff3}.cnav__article-thumb{width:44px;height:44px;flex-shrink:0;border-radius:999px;overflow:hidden;background:#ffffff29}.cnav__article-thumb img{display:block;width:100%;height:100%;object-fit:cover}.cnav__article-text{display:flex;flex-direction:column;gap:2px;min-width:0}.cnav__article-title{font-weight:600;font-size:14px;line-height:1.2;text-transform:uppercase;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.cnav__article-date{font-family:var(--cnav-mono);font-size:11px;color:#ffffffbf;text-transform:uppercase}.cnav__articles .cnav__rankings-more{padding:0 4px}.cnav__rankings{flex:999 1 380px;min-width:0;box-sizing:border-box;padding:18px 20px 16px;border-radius:22px;background:#0000004d;border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:12px}.cnav__rankings-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.cnav__rankings-season{font-family:var(--cnav-mono);font-size:12px;letter-spacing:.08em;color:#fffc;text-transform:uppercase}.cnav__pills{display:flex;flex-wrap:wrap;gap:4px}.cnav__pills button{height:32px;padding:0 12px;border:0;border-radius:999px;background:var(--cnav-inner);font-family:var(--cnav-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.cnav__pills button[aria-pressed=true]{background:var(--cnav-light);color:#000}.cnav__rankings-list{list-style:none;margin:0;padding:0;min-height:168px}.cnav__rank-row+.cnav__rank-row{border-top:1px solid rgba(255,255,255,.12)}.cnav__rank-row a{display:flex;align-items:center;gap:14px;height:56px}.cnav__rank-place,.cnav__rank-points{font-family:var(--cnav-mono);font-size:13px}.cnav__rank-place{width:18px}.cnav__rank-points{margin-left:auto}.cnav__rank-avatar{width:36px;height:36px;flex-shrink:0;border-radius:999px;overflow:hidden;background:#ffffff29;display:flex;align-items:center;justify-content:center;font-family:var(--cnav-mono);font-size:11px}.cnav__rank-avatar img{width:100%;height:100%;object-fit:cover}.cnav__rank-name{display:flex;flex-direction:column;gap:2px;min-width:0}.cnav__rank-name strong{font-weight:600;font-size:15px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnav__rank-name span{font-family:var(--cnav-mono);font-size:11px;color:#ffffffbf}.cnav__rankings-more{align-self:flex-start;font-family:var(--cnav-mono);font-size:12px;text-decoration:underline!important;text-underline-offset:4px}.cnav__rankings-empty{padding:16px 0;font-family:var(--cnav-mono);font-size:12px;color:#ffffffbf}.cnav__more-col{flex:1 1 200px;min-width:0;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.cnav__more-col--dark{border-radius:20px;background:#00000047}.cnav__more-label{font-family:var(--cnav-mono);font-size:12px;letter-spacing:.08em;color:#ffffffbf;text-transform:uppercase}.cnav__more-col ul{list-style:none;margin:0;padding:0}.cnav__more-col a{display:block;padding:7px 0;font-size:15px}.cnav__more-col a:hover{text-decoration:underline;text-underline-offset:4px}body:has(.cnav) #MainContent{--cnav-reserve: 96px}}@keyframes cnav-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.cnav__panel,.cnav__sub,.cnav__tile,.cnav__bar,.cnav__trigger,.cnav__feature-img{transition:none}.cnav__bar.is-morphing>*{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-custom-nav.css.map */