.dock-nav{gap:2px;padding:10px 10px 6px;border-radius:8px;border:0;background:#121316e6;-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:inset 0 1px #ffffff14}.dock-nav .dk{--radius: 13px;--bg: #2c3238;position:relative;display:flex;flex-direction:column;align-items:center;gap:0;min-width:0;width:62px;padding:0 0 2px;border:0;border-radius:0;background:none!important;box-shadow:none!important;color:#a9b0b8;flex:none;scroll-snap-align:center}.dock-nav .dk span{display:block!important}.dock-nav .dk:hover{background:none}.dk-key{position:relative;width:52px;height:50px;margin:3px 0 0}.dk-btn{position:relative;overflow:hidden;width:52px;height:50px;background-color:var(--bg);z-index:2;border-radius:var(--radius);box-shadow:inset 0 1px 1px #fff6,inset 0 -3px 1px -2px #ffffff1a,inset 0 -6px 3px -3px #ffffff1a;transition:all .3s ease}.dk-btn:before{content:"";position:absolute;inset:0;border-radius:calc(var(--radius) * .8);border-top:17px solid #414244;border-left:13px solid #2b2b2c;border-right:13px solid #2b2b2c;border-bottom:17px solid #15161a;filter:blur(3px);transition:all .5s ease}.dk-btn:after{content:"";position:absolute;left:0;right:0;margin:auto;top:101%;height:17px;width:40px;border-radius:17px 17px 0 0;background:transparent;filter:contrast(10) blur(3px);transition:all .3s ease}.dk-corner{position:absolute;inset:0;transition:all .4s ease;opacity:.1}.dk-corner:before,.dk-corner:after{content:"";position:absolute;top:0;border-top:19px solid white;border-left:5px solid transparent;border-right:5px solid transparent;filter:blur(3px)}.dk-corner:before{left:3px;transform:rotate(-40deg)}.dk-corner:after{right:3px;transform:rotate(40deg)}.dk:hover .dk-corner{opacity:.15}.dock-nav .dk .dk-inner{z-index:9;position:absolute;display:flex!important;align-items:center;justify-content:center;inset:8px 7px;border-radius:calc(var(--radius) * .85);background:linear-gradient(180deg,#232324 5%,#46484b);transition:all .3s ease;box-shadow:inset 0 -3px 8px -1px #0000004d,inset 0 -2px 2px -1px #000,inset 0 -5px 10px -4px #fff6,inset 0 1px 0 1px #fff3}.dock-nav .dk .dk-sym{display:block;overflow:visible;width:22px;height:22px;flex:none}.dk-symbol{color:#121315;filter:drop-shadow(0 1px 0 rgba(255,255,255,.16)) drop-shadow(0 -1px 0 rgba(0,0,0,.6))}.dk-path,.dk-path-glow{color:#3c69ff}.dk-path *,.dk-path-glow *{fill:none!important;stroke:currentColor;stroke-dasharray:100;stroke-dashoffset:-100}.dk-path *{stroke-width:34px}.dk-path-glow{color:#0231ce;filter:blur(14px)}.dk-path-glow *{stroke-width:110px}.dk-bg{background-color:#000;position:absolute;inset:-3px;border-radius:calc(var(--radius) * 1.25);box-shadow:none;transition:all .3s ease;overflow:hidden;z-index:1}.dk-bg:before{content:"";position:absolute;border-radius:inherit;inset:0;z-index:1;box-shadow:inset 0 -2px 0 -1px #a0a0a04d,inset 0 0 5px 1px #000,inset 0 0 0 1px #000}.dk-bg i{position:absolute;inset:0;display:block}.dk-shine-1,.dk-shine-2:before{content:"";position:absolute;z-index:0;transition:all .3s ease;background:#003cff;width:4px;height:4px;left:0;right:0;bottom:0;margin:auto;border-radius:50%;filter:blur(1px);transform:translateY(0) scale(0)}.dk-shine-1{inset:auto 0 0!important}.dk-shine-2{opacity:0;transition:all .5s linear}.dk-shine-2:before{animation:dk-bg 2.4s linear infinite}.dk:not([aria-current]):hover .dk-shine-2{opacity:1}.dk-glow{position:absolute;inset:0;z-index:0}.dk-glow:before{content:"";position:absolute;inset:0;border-radius:13px;background:linear-gradient(to bottom,#984fff,#000);filter:blur(6px);opacity:0}.dk-led{position:relative;z-index:10;width:4px;height:4px;margin:9px 0 0;border-radius:50%;background-color:#000;transition:all .3s ease;box-shadow:0 0 0 2px #0000001a}.dock-nav .dk .dk-label{margin-top:4px;font:600 9.5px/1.1 var(--f-text);color:#9aa1a9;white-space:nowrap;max-width:62px;overflow:hidden;text-overflow:ellipsis}.dk[aria-current=page] .dk-btn{box-shadow:inset 0 1px 1px #fff6,inset 0 -3px 1px -2px #0084ff,inset 0 -6px 3px -3px #003cff}.dk[aria-current=page] .dk-btn:after{background:#009cff}.dk[aria-current=page] .dk-bg:before{box-shadow:inset 0 -2px 0 -1px #78b0ff52,inset 0 0 5px 1px #000,inset 0 0 0 1px #000}.dk[aria-current=page] .dk-shine-1{animation:dk-bg 2.4s linear .3s}.dk[aria-current=page] .dk-glow:before{animation:dk-glow 3s linear backwards}.dk[aria-current=page] .dk-path *,.dk[aria-current=page] .dk-path-glow *{animation:dk-trace 2s ease-in-out}.dk[aria-current=page] .dk-led{background-color:#3aeaf3;box-shadow:inset 0 1px 2px #fff9,0 0 0 2px #0009}.dock-nav .dk[aria-current=page] .dk-label{color:#fff}.dk:hover .dk-btn{transform:scale(1.02)}.dk:active .dk-btn{transform:scale(.97);filter:contrast(1.07);background-color:transparent}.dk:active .dk-inner{background:linear-gradient(180deg,#232324 5%,#3b3d40);transform:scale(.95);box-shadow:inset 0 -3px 8px -1px #0000004d,inset 0 -2px 2px -1px #000,inset 0 -5px 10px -4px #fff3,inset 0 1px 0 1px #ffffff1a}.dk:active .dk-corner,.dk:active .dk-glow,.dk:not([aria-current]):active .dk-shine-2{opacity:0}.dk:focus-visible{outline:none}.dk:focus-visible .dk-bg{box-shadow:0 0 0 2px #3c69ff}.dock-nav .dk .nav-badge{top:0;inset-inline-end:2px;z-index:12}@keyframes dk-bg{0%{transform:translateY(0) scale(0)}12%{transform:translateY(0) scale(25)}60%,to{transform:translateY(-95px) scale(20,18)}}@keyframes dk-trace{0%{stroke-dashoffset:-100}50%{stroke-dashoffset:0}to{stroke-dashoffset:100}}@keyframes dk-glow{0%{opacity:0}40%{opacity:1}80%,to{opacity:0}}@media (max-width: 420px){.dock-nav{padding:8px 6px 5px}.dock-nav .dk{width:58px}}@media (prefers-reduced-motion: reduce){.dk *,.dk *:before,.dk *:after{animation:none!important}}.dock-nav{background:linear-gradient(180deg,#eeeef1f0,#dedfe3f0);border:.5px solid rgba(0,0,0,.06);box-shadow:inset 0 1px #ffffffe6}.dock-nav .dk{--bg: #e4e5e8;color:#5c5c60}.dk-btn{box-shadow:inset 0 1px 1px #fff,inset 0 -3px 1px -2px #00000014,inset 0 -6px 3px -3px #0000000f}.dk-btn:before{border-top-color:#fff;border-left-color:#ececef;border-right-color:#ececef;border-bottom-color:#c3c4c9}.dk-corner{opacity:.35}.dk:hover .dk-corner{opacity:.5}.dock-nav .dk .dk-inner{background:linear-gradient(180deg,#d6d7db 5%,#f6f6f7);box-shadow:inset 0 2px 4px #00000024,inset 0 -1px #fff,inset 0 0 0 .5px #0000000f}.dk-symbol{color:#9a9ba0;filter:drop-shadow(0 1px 0 rgba(255,255,255,.95)) drop-shadow(0 -1px 0 rgba(0,0,0,.18))}.dk-path{color:#3a3a3a}.dk-path-glow{color:#ffffffe6;filter:blur(10px)}.dk-bg{background-color:#c8c9ce;box-shadow:none}.dk-bg:before{box-shadow:inset 0 -1px #fffc,inset 0 0 3px #0000002e,inset 0 0 0 .5px #0000001f}.dk-shine-1,.dk-shine-2:before{background:#fffffff2}.dk-glow:before{background:linear-gradient(to bottom,#fff,#d6d7db)}.dk-led{background-color:#b9bac0;box-shadow:inset 0 1px 1px #00000040}.dock-nav .dk .dk-label{color:#5c5c60}.dk[aria-current=page] .dk-btn{box-shadow:inset 0 1px 1px #fff,inset 0 -3px 1px -2px #00000024,inset 0 -6px 3px -3px #0000001a,0 0 0 1px #1111111f}.dk[aria-current=page] .dk-btn:after{background:#fffaf0}.dk[aria-current=page] .dock-nav .dk-inner,.dock-nav .dk[aria-current=page] .dk-inner{background:linear-gradient(180deg,#cfd0d4 5%,#ececee);box-shadow:inset 0 3px 6px #0003,inset 0 -1px #fff;transform:scale(.97)}.dk[aria-current=page] .dk-symbol{color:#111;filter:drop-shadow(0 1px 0 rgba(255,255,255,.9))}.dk[aria-current=page] .dk-bg:before{box-shadow:inset 0 -1px #fff,inset 0 0 3px #0003,inset 0 0 0 .5px #00000029}.dk[aria-current=page] .dk-led{background-color:#f7f4ef;box-shadow:0 0 0 1px #00000047}.dock-nav .dk[aria-current=page] .dk-label{color:#111}.dk:active .dk-btn{background-color:#dcdde0;filter:none}.dk:active .dk-btn:before{box-shadow:none}.dk:active .dk-inner{background:linear-gradient(180deg,#cdced2 5%,#e7e7ea)}.dock-nav .dk .nav-badge{background:#111;color:#f7f4ef}