/* The opaque row replaces the image's original text and pink underline. */
.current-navigation{position:absolute;left:0;width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;z-index:3;isolation:isolate;background:#10090b;border-top:1px solid #d5ad6d6b;border-bottom:1px solid #dfb77a80;pointer-events:auto}
.current-navigation .current-navigation-link{--nav-item-background:linear-gradient(180deg,#1c1113,#10090b);position:relative;inset:auto;display:flex;align-items:center;justify-content:center;min-width:0;width:auto;height:100%;overflow:hidden;border:0;border-right:1px solid #e8bd7620;border-radius:0;margin:0;padding:0 2px;background:var(--nav-item-background);color:#fff8f0;text-decoration:none;text-align:center;white-space:nowrap;line-height:1;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;font-size:max(11px,3.35vw);font-weight:500;letter-spacing:.015em;box-shadow:none;transition:color .22s ease,filter .22s ease,transform .2s ease}
.current-navigation .current-navigation-link:last-child{border-right:0}
.current-navigation .current-navigation-link[aria-current=page]{--nav-item-background:linear-gradient(135deg,#b6073d 0%,#ed1651 52%,#a90535 100%);color:#fff;font-weight:600;box-shadow:inset 0 1px 0 #ffbad080,inset 0 -1px 0 #ffbd7b66}
.current-navigation .current-navigation-link::before{content:'';position:absolute;inset:-20% -70%;border-radius:0;background:linear-gradient(108deg,transparent 34%,#ffe7b632 48%,#fff6df85 52%,transparent 65%);opacity:0;transform:translateX(-55%);transition:transform .48s ease,opacity .22s ease;pointer-events:none}
.current-navigation .current-navigation-link::after{display:none}
.current-navigation .current-navigation-link:hover,.current-navigation .current-navigation-link:focus-visible{color:#ffe8bc;box-shadow:inset 0 0 0 1px #f2c98299;filter:brightness(1.12)}
.current-navigation .current-navigation-link[aria-current=page]:hover,.current-navigation .current-navigation-link[aria-current=page]:focus-visible{color:#fff}
.current-navigation .current-navigation-link:hover::before,.current-navigation .current-navigation-link:focus-visible::before{opacity:1;transform:translateX(55%)}
.current-navigation .current-navigation-link:focus-visible{outline:2px solid #f4d9a4;outline-offset:-2px;z-index:1}
.current-navigation .current-navigation-link:active{filter:brightness(1.2);transform:translateY(1px)}
.current-navigation-label{position:relative;z-index:1;display:block;pointer-events:none;transition:transform .2s ease,opacity .2s ease}
.current-navigation-link[aria-current=page] .current-navigation-label{animation:current-navigation-arrive .28s ease-out both}
.current-navigation-link.is-opening .current-navigation-label{transform:translateY(-1px);opacity:.82}
.current-navigation~.mobile-nav-glide{display:none}
/* QA/reduced-motion disable effects, while keeping this actual navigation visible. */
.qa-mode .current-navigation .current-navigation-link{opacity:1!important;background:var(--nav-item-background)!important}
.no-motion .current-navigation-label{animation:none;transition:none}
@keyframes current-navigation-arrive{from{opacity:.7;transform:translateY(2px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.current-navigation-link,.current-navigation-label,.current-navigation-link::before{animation:none!important;transition:none!important}}