:root{--xa-gn-h: 56px;--xa-ln-h: 0px;--xa-anchor-offset: calc(var(--xa-gn-h) + var(--xa-ln-h) + 24px)}@media(min-width:1024px){:root{--xa-gn-h: 64px}}:root:has(.xa-ln){--xa-ln-h: 48px}@media(min-width:1024px){:root:has(.xa-ln){--xa-ln-h: 52px}}.xa-gn,.xa-ln,.xa-gn-scrim{--xa-nav-fg: #161616;--xa-nav-fg-soft: rgb(22 22 22 / .86);--xa-nav-fg-muted: #5a5a5a;--xa-nav-surface: rgb(250 250 248 / .8);--xa-nav-surface-solid: #fafaf8;--xa-nav-hairline: rgb(0 0 0 / .08);--xa-nav-accent: #00ff00;--xa-nav-lime: #b4ff64;--xa-nav-ease: cubic-bezier(.22, 1, .36, 1);--xa-nav-font-ja: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--xa-nav-font-en: "Roboto", "Zen Kaku Gothic New", "Helvetica Neue", Arial, sans-serif}body:has(.xa-gn) #MainContent{--header-height: var(--xa-gn-h);--transparent-header-offset-boolean: 1}html.xa-gn-locked{overflow:hidden}body:has(.xa-gn) .skip-to-content-link:focus{z-index:101}html:not(.xa-gn-is-hidden) body:has(.xa-gn) .product-details.sticky-content--desktop{--sticky-header-offset: var(--xa-gn-h)}:where(.xa-gn,.xa-ln) *,:where(.xa-gn,.xa-ln) *:before,:where(.xa-gn,.xa-ln) *:after{box-sizing:border-box}:where(.xa-gn,.xa-ln) a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}:where(.xa-gn,.xa-ln) button{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}:where(.xa-gn,.xa-ln) ul{margin:0;padding:0;list-style:none}:where(.xa-gn) p{margin:0}.xa-gn__sr,.xa-ln__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.xa-gn :focus-visible,.xa-ln :focus-visible{outline:2px solid var(--xa-nav-fg);outline-offset:2px;border-radius:4px}.xa-skip-link{position:fixed;top:8px;left:16px;z-index:101;padding:12px 20px;border-radius:8px;background:#161616;color:#fff;font:600 14px/1 Zen Kaku Gothic New,system-ui,sans-serif;text-decoration:none;transform:translateY(-160%)}.xa-skip-link:focus{transform:none}.xa-gn{position:fixed;inset:0 0 auto;z-index:100;height:var(--xa-gn-h);color:var(--xa-nav-fg);font-family:var(--xa-nav-font-en);transition:transform .4s var(--xa-nav-ease)}.xa-gn[data-hidden]{transform:translateY(-100%)}.xa-gn[data-open] .xa-gn__surface{pointer-events:auto}.xa-gn__surface{position:absolute;inset:0 0 auto;height:calc(var(--xa-gn-h) + var(--xa-gn-panel-h, 0px));pointer-events:none;background-color:#fafaf800;transition:height .38s var(--xa-nav-ease),background-color .3s ease,box-shadow .3s ease}.xa-gn[data-scrolled] .xa-gn__surface{background-color:var(--xa-nav-surface);box-shadow:0 1px 0 var(--xa-nav-hairline);-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px)}.xa-gn[data-open] .xa-gn__surface{background-color:var(--xa-nav-surface-solid);box-shadow:0 1px 0 var(--xa-nav-hairline),0 24px 48px #0000000f}.xa-gn__bar{position:relative;z-index:1;display:flex;align-items:center;gap:8px;height:var(--xa-gn-h);max-width:1280px;margin:0 auto;padding:0 12px 0 20px}.xa-gn__brand{display:inline-flex;align-items:center;min-height:44px;margin-right:auto}.xa-gn__logo{display:block;width:auto;height:22px;max-width:190px;object-fit:contain;transition:filter .3s ease}.xa-gn__actions{display:flex;align-items:center;gap:4px}.xa-gn__cta{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:999px;background:var(--xa-nav-fg);color:#fff;font:600 12px/1 var(--xa-nav-font-en);letter-spacing:.02em;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.xa-gn .xa-gn__cta{color:#fff}.xa-gn .xa-gn__cta:hover{background:var(--xa-nav-accent);color:#0a0a0a}.xa-gn__cta,.xa-ln__cta{position:relative}.xa-gn__cta:after,.xa-ln__cta:after{content:"";position:absolute;top:-7px;right:-4px;bottom:-7px;left:-4px}.xa-gn__icon-link{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px}.xa-gn__icon-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.xa-gn__count{position:absolute;top:4px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--xa-nav-fg);color:#fff;font:700 10px/16px var(--xa-nav-font-en);text-align:center}@media(max-width:1023.98px){.xa-gn__icon-link--account{display:none}}.xa-gn__menu{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:10px}.xa-gn__menu-icon{position:relative;display:block;width:20px;height:12px}.xa-gn__menu-icon span{position:absolute;left:0;right:0;height:1.5px;border-radius:2px;background:currentColor;transition:transform .32s var(--xa-nav-ease),top .32s var(--xa-nav-ease)}.xa-gn__menu-icon span:first-child{top:2px}.xa-gn__menu-icon span:last-child{top:9px}.xa-gn[data-open=menu] .xa-gn__menu-icon span:first-child{top:5.25px;transform:rotate(45deg)}.xa-gn[data-open=menu] .xa-gn__menu-icon span:last-child{top:5.25px;transform:rotate(-45deg)}.xa-gn__chevron{display:block;width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .28s var(--xa-nav-ease)}.xa-gn__ext{display:inline-block;width:9px;height:9px;margin-left:5px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;vertical-align:.05em;opacity:.55}body.xa-nav-on-dark .xa-gn:not([data-scrolled],[data-open]){color:#fafafa}body.xa-nav-on-dark .xa-gn:not([data-scrolled],[data-open]) .xa-gn__logo{filter:brightness(0) invert(1)}body.xa-nav-on-dark .xa-gn:not([data-scrolled],[data-open]) .xa-gn__cta{background:#fafafa;color:#0a0a0a}body.xa-nav-on-dark .xa-gn:not([data-scrolled],[data-open]) :focus-visible{outline-color:#fafafa}body.xa-nav-on-dark .xa-gn:not([data-scrolled],[data-open]) .xa-gn__trigger:hover{background-color:#ffffff24}#xa-top .xa-gn__nav{padding:0;border-radius:0;background-color:transparent}@media(max-width:1023.98px){#xa-top[data-open=menu] .xa-gn__nav{background-color:var(--xa-nav-surface-solid)}}.xa-gn__group-title{margin-bottom:12px;color:var(--xa-nav-fg-muted);font:500 12px/1.5 var(--xa-nav-font-ja);letter-spacing:.04em}.xa-gn .xa-gn__group-title a:hover{color:var(--xa-nav-fg);text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:3px}.xa-gn__plink{display:inline-flex;align-items:center;gap:2px;padding:6px 0;color:var(--xa-nav-fg-soft);font:500 14px/1.45 var(--xa-nav-font-ja);letter-spacing:.01em;transition:color .15s ease}a.xa-gn__plink:hover{color:var(--xa-nav-fg)}.xa-gn__plink[aria-current=page]{color:var(--xa-nav-fg);font-weight:700}.xa-gn__plink[aria-current=page]:before{content:"";width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--xa-nav-accent);box-shadow:0 0 0 1px #0000002e}.xa-gn__plink--lg{padding:5px 0;color:var(--xa-nav-fg);font:700 22px/1.35 var(--xa-nav-font-ja);letter-spacing:-.01em}.xa-gn__child .xa-gn__plink--child{margin-left:2px;padding-left:12px;border-left:1px solid rgb(0 0 0 / .14);color:var(--xa-nav-fg-muted);font-size:13px}.xa-gn__plink--member{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 0}.xa-gn__plink-label{color:var(--xa-nav-fg);font-weight:600}.xa-gn__plink-meta{color:var(--xa-nav-fg-muted);font-size:12px;line-height:1.5}.xa-gn__new{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;background:var(--xa-nav-lime);color:#0a0a0a;font:700 10px/1.6 var(--xa-nav-font-en);letter-spacing:.06em;text-transform:uppercase}.xa-gn__intro{max-width:34em;color:var(--xa-nav-fg-muted);font:400 14px/1.9 var(--xa-nav-font-ja)}.xa-gn__more{display:inline-flex;gap:.35em;margin-top:16px;color:var(--xa-nav-fg);font:600 13px/1.5 var(--xa-nav-font-ja)}.xa-gn__more:hover{text-decoration:underline;text-underline-offset:3px}@media(max-width:1023.98px){.xa-gn__nav{display:none}.xa-gn[data-open=menu] .xa-gn__nav{position:fixed;inset:var(--xa-gn-h) 0 0;display:flex;flex-direction:column;height:calc(100dvh - var(--xa-gn-h));overflow:hidden;background:var(--xa-nav-surface-solid);animation:xa-gn-sheet-in .32s var(--xa-nav-ease) backwards}.xa-gn[data-open=menu] .xa-gn__surface{box-shadow:none}.xa-gn__list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:8px 24px 24px}.xa-gn__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:60px;border-bottom:1px solid var(--xa-nav-hairline);font:700 24px/1.25 var(--xa-nav-font-en);letter-spacing:-.01em;text-align:left;transition:transform .36s var(--xa-nav-ease),opacity .24s ease}.xa-gn__trigger .xa-gn__chevron{width:14px;height:14px;transform:rotate(-90deg);opacity:.45}.xa-gn__item[data-current]>.xa-gn__trigger .xa-gn__trigger-label:after{content:"";display:inline-block;width:7px;height:7px;margin-left:10px;border-radius:50%;background:var(--xa-nav-accent);box-shadow:0 0 0 1px #0000002e;vertical-align:.2em}:root:has(.xa-ln__cta) .xa-gn__cta{display:none}.xa-gn[data-open=menu] .xa-gn__cta{visibility:hidden}.xa-gn[data-open=menu] .xa-gn__trigger{animation:xa-gn-rise .42s var(--xa-nav-ease) backwards;animation-delay:calc(var(--i, 0) * 40ms + 60ms)}.xa-gn__nav[data-level="1"] .xa-gn__trigger,.xa-gn__nav[data-level="1"] .xa-gn__sheet-foot{visibility:hidden;opacity:0;transform:translate(-24px)}.xa-gn__panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow-y:auto;overscroll-behavior:contain;padding:4px 24px 40px;background:var(--xa-nav-surface-solid);visibility:hidden;transform:translate(100%);transition:transform .36s var(--xa-nav-ease),visibility 0s linear .36s}.xa-gn__item.is-open>.xa-gn__panel{visibility:visible;transform:none;transition:transform .36s var(--xa-nav-ease),visibility 0s}.xa-gn__back{display:inline-flex;align-items:center;gap:6px;min-height:48px;margin-bottom:4px;color:var(--xa-nav-fg-muted);font:600 14px/1 var(--xa-nav-font-ja)}.xa-gn__back .xa-gn__chevron{transform:rotate(90deg)}.xa-gn__groups{display:grid;gap:28px}.xa-gn__plink--lg{font-size:22px}.xa-gn__group:not(.xa-gn__group--lead) .xa-gn__plink:not(.xa-gn__plink--child){font-size:16px;font-weight:600}.xa-gn__plink{min-height:40px}.xa-gn__sheet-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--xa-nav-hairline);transition:transform .36s var(--xa-nav-ease),opacity .24s ease}.xa-gn__sheet-cta{display:inline-flex;align-items:center;justify-content:center;gap:.4em;flex:1 1 100%;min-height:48px;border-radius:999px;background:var(--xa-nav-fg);color:#fff;font:600 15px/1 var(--xa-nav-font-en)}.xa-gn .xa-gn__sheet-cta{color:#fff}.xa-gn__sheet-link{display:inline-flex;align-items:center;min-height:44px;color:var(--xa-nav-fg-muted);font:500 14px/1 var(--xa-nav-font-ja)}.xa-gn-scrim{display:none}}@media(max-width:359.98px){.xa-gn__cta{display:none}}@media(min-width:1024px){.xa-gn__bar{gap:24px;padding:0 clamp(24px,3.5vw,48px)}.xa-gn__brand{margin-right:0}.xa-gn__logo{height:24px}.xa-gn__nav{display:flex;flex:1;justify-content:center;height:100%}.xa-gn__list{display:flex;align-items:center;gap:6px}.xa-gn__item{display:flex;align-self:stretch;align-items:center}.xa-gn__trigger{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:999px;font:500 14px/1 var(--xa-nav-font-en);letter-spacing:.01em;opacity:.86;transition:opacity .2s ease,background-color .2s ease}.xa-gn__trigger:hover,.xa-gn__item.is-open>.xa-gn__trigger{opacity:1;background-color:#0000000d}.xa-gn .xa-gn__trigger:focus-visible{border-radius:999px}.xa-gn__trigger .xa-gn__chevron{opacity:.6}.xa-gn__item.is-open>.xa-gn__trigger .xa-gn__chevron{transform:rotate(180deg)}.xa-gn__item[data-current]>.xa-gn__trigger{opacity:1;font-weight:600}.xa-gn__panel{position:absolute;top:var(--xa-gn-h);left:0;right:0;padding:0 clamp(24px,3.5vw,48px);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s}.xa-gn__item.is-open>.xa-gn__panel{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .24s ease .04s,visibility 0s}.xa-gn:not([data-js]) .xa-gn__item:is(:hover,:focus-within)>.xa-gn__panel{visibility:visible;opacity:1;pointer-events:auto;background:var(--xa-nav-surface-solid);box-shadow:0 24px 48px #00000014}.xa-gn__panel-inner{padding:28px 0 44px}.xa-gn__back{display:none}.xa-gn__groups{display:flex;flex-wrap:wrap;gap:28px var(--xa-gn-col-gap, 56px)}.xa-gn__group{flex:0 1 var(--xa-gn-col, 216px);min-width:0}.xa-gn__group--lead{flex-basis:var(--xa-gn-col-lead, 280px)}.xa-gn__group--intro{flex-basis:420px}.xa-gn__group--members{flex:1 1 440px;max-width:660px}.xa-gn__group{opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .42s var(--xa-nav-ease);transition-delay:calc(var(--gi, 0) * 35ms)}.xa-gn__item.is-open .xa-gn__group,.xa-gn:not([data-js]) .xa-gn__item:is(:hover,:focus-within) .xa-gn__group{opacity:1;transform:none}.xa-gn__group-list--cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));column-gap:28px}.xa-gn__sheet-foot,.xa-gn__menu{display:none}.xa-gn__cta{min-height:36px;padding:0 18px;font-size:13px}.xa-gn-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#e8e8e46b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s}.xa-gn-scrim[data-active]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease,visibility 0s}}@media(min-width:1024px)and (max-width:1199.98px){.xa-gn{--xa-gn-col: 184px;--xa-gn-col-lead: 232px;--xa-gn-col-gap: 32px}.xa-gn__plink--lg{font-size:19px}}.xa-ln{position:fixed;top:var(--xa-gn-h);left:0;right:0;z-index:98;height:var(--xa-ln-h);color:var(--xa-nav-fg);background:#fafaf8eb;box-shadow:0 1px 0 var(--xa-nav-hairline);-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);font-family:var(--xa-nav-font-ja);transition:transform .4s var(--xa-nav-ease)}body:not(:has(.xa-gn)) .xa-ln{top:var(--header-height, 0px)}html.xa-gn-is-hidden .xa-ln{transform:translateY(calc(var(--xa-gn-h) * -1))}.xa-ln__inner{position:relative;display:flex;align-items:center;gap:4px;height:100%;max-width:1280px;margin:0 auto;padding:0 12px 0 20px}.xa-ln__title{display:none;min-width:0;overflow:hidden;font:700 15px/1.2 var(--xa-nav-font-ja);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis}.xa-ln__toggle{display:inline-flex;flex:0 1 auto;align-items:center;gap:8px;min-width:0;height:100%;margin-right:auto;padding-right:12px;font:700 15px/1.2 var(--xa-nav-font-ja);letter-spacing:.01em;text-align:left}.xa-ln__toggle-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.xa-ln__toggle .xa-gn__chevron{transition:transform .28s var(--xa-nav-ease)}.xa-ln[data-open] .xa-ln__toggle .xa-gn__chevron{transform:rotate(180deg)}.xa-ln__menu{position:absolute;top:100%;left:0;right:0;padding:8px 20px 20px;background:var(--xa-nav-surface-solid);box-shadow:0 1px 0 var(--xa-nav-hairline),0 20px 36px #00000014;visibility:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .3s var(--xa-nav-ease),visibility 0s linear .3s}.xa-ln[data-open] .xa-ln__menu{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:opacity .2s ease,transform .3s var(--xa-nav-ease),visibility 0s}.xa-ln__links a{position:relative;display:flex;align-items:center;min-height:44px;color:var(--xa-nav-fg-soft);font-size:15px;font-weight:500;border-bottom:1px solid var(--xa-nav-hairline);transition:color .15s ease}.xa-ln__links a:hover,.xa-ln__links a[aria-current]{color:var(--xa-nav-fg)}.xa-ln__links a[aria-current]{font-weight:700}.xa-ln__cta{display:inline-flex;flex:none;align-items:center;min-height:30px;padding:0 14px;border-radius:999px;background:var(--xa-nav-fg);font:600 12px/1 var(--xa-nav-font-ja);letter-spacing:.02em;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.xa-ln .xa-ln__cta{color:#fff}.xa-ln .xa-ln__cta:hover{background:var(--xa-nav-accent);color:#0a0a0a}.xa-ln__progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--xa-nav-accent);transform:scaleX(var(--xa-ln-progress, 0));transform-origin:left}[data-xa-ln-target]:focus{outline:none}@media(min-width:1024px){.xa-ln__inner{gap:28px;padding:0 clamp(24px,3.5vw,48px)}.xa-ln__title{display:block;margin-right:auto;font-size:17px;line-height:var(--xa-ln-h)}.xa-ln__toggle{display:none}.xa-ln__menu{position:static;padding:0;background:none;box-shadow:none;visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:none}.xa-ln__links{display:flex;align-items:center;gap:22px}.xa-ln__links a{min-height:var(--xa-ln-h);border-bottom:0;font-size:12.5px;letter-spacing:.02em}.xa-ln__links a[aria-current]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--xa-nav-fg)}.xa-ln__cta{min-height:32px;padding:0 16px}}@keyframes xa-gn-sheet-in{0%{opacity:0}}@keyframes xa-gn-rise{0%{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){.xa-gn,.xa-gn *,.xa-ln,.xa-ln *,.xa-gn-scrim{transition-duration:0s!important;animation:none!important}}@media(prefers-reduced-transparency:reduce){.xa-gn[data-scrolled] .xa-gn__surface,.xa-ln{background-color:var(--xa-nav-surface-solid);-webkit-backdrop-filter:none;backdrop-filter:none}.xa-gn-scrim{background:#14141452;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(forced-colors:active){.xa-gn__surface,.xa-ln{border-bottom:1px solid CanvasText}.xa-gn__cta,.xa-ln__cta,.xa-gn__sheet-cta{border:1px solid ButtonText}}@media print{.xa-gn,.xa-gn-scrim,.xa-ln{display:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/xa-nav.css.map */