.topnav{--ice:196 234 246;--topnav-h:44px;top:calc(var(--space-4) + env(safe-area-inset-top,0px));z-index:40;isolation:isolate;height:var(--topnav-h);border:1px solid rgb(var(--ice) / .22);background:linear-gradient(180deg, rgb(var(--ice) / .1) 0%, rgb(var(--ice) / .03) 55%, rgb(var(--ice) / .06) 100%), #060a1366;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);box-shadow:inset 0 1px 0 #f4fcff38, inset 0 -1px 0 rgb(var(--ice) / .08), 0 14px 34px -18px #000000d9;border-radius:999px;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.topnav:before{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg, rgb(var(--ice) / .05) 0 1px, transparent 1px 3px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.topnav:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg, transparent, rgb(var(--ice) / .07) 35%, #f0fbff29 50%, rgb(var(--ice) / .07) 65%, transparent);opacity:0;width:32%;position:absolute;top:0;bottom:0;left:0;transform:translate(-110%)}.topnav__list{align-items:center;gap:.2rem;height:100%;margin:0;padding:3px;list-style:none;display:flex}.topnav__list li{height:100%}.topnav__link{min-width:44px;height:100%;font-family:var(--font-caption);font-size:var(--text-caption);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:rgb(var(--ice) / .72);cursor:pointer;transition:color .36s var(--ease-out), background-color .36s var(--ease-out);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.topnav__link:after{content:"";background:rgb(var(--ice));width:16px;height:1px;box-shadow:0 0 8px rgb(var(--ice) / .9);opacity:0;transition:opacity .36s var(--ease-out), transform .36s var(--ease-out);border-radius:1px;margin-left:-8px;position:absolute;bottom:5px;left:50%;transform:scaleX(0)}.topnav__link:hover{color:#f2f9fb;background-color:rgb(var(--ice) / .07)}.topnav__link:hover:after{opacity:.5;transform:scaleX(.6)}.topnav__link[aria-current=page]{color:#f4fbfd;background-color:rgb(var(--ice) / .1);box-shadow:inset 0 0 0 1px rgb(var(--ice) / .22), inset 0 1px 0 #ffffff29;text-shadow:0 0 12px rgb(var(--ice) / .45)}.topnav__link[aria-current=page]:after{opacity:1;transform:none}.topnav__link[aria-disabled=true]{color:rgb(var(--ice) / .42);cursor:default}.topnav__link[aria-disabled=true]:hover{color:rgb(var(--ice) / .5);background-color:#0000}.topnav__link[aria-disabled=true]:hover:after{opacity:0}.topnav__link:focus-visible{outline:1px solid rgb(var(--ice));outline-offset:-4px}@media (prefers-reduced-motion:no-preference){.topnav{animation:topnav-on 1.1s var(--ease-out) .2s backwards}.topnav:after{animation:9s cubic-bezier(.45,0,.55,1) 1.4s infinite topnav-sweep}}@media (prefers-reduced-motion:reduce){.topnav__link,.topnav__link:after{transition:none}}@keyframes topnav-on{0%{opacity:0}35%{opacity:.7}45%{opacity:.45}to{opacity:1}}@keyframes topnav-sweep{0%{opacity:0;transform:translate(-110%)}4%{opacity:1}26%{opacity:1}30%{opacity:0;transform:translate(330%)}to{opacity:0;transform:translate(330%)}}@media (width<=767px),(width<=1080px) and (orientation:portrait){.topnav{--topnav-h:50px;top:calc(env(safe-area-inset-top,0px) + .5rem);left:max(var(--gutter), env(safe-area-inset-left,0px));right:max(var(--gutter), env(safe-area-inset-right,0px));max-width:30rem;margin-inline:auto;transform:none}.topnav__list{grid-template-columns:repeat(3,minmax(0,1fr));padding:.3rem;display:grid}.topnav__link{letter-spacing:.12em;width:100%;padding:0 .35rem;font-size:.65rem}}@media (orientation:landscape) and (height<=500px) and (width>=768px){.topnav{top:calc(var(--space-2) + env(safe-area-inset-top,0px))}}