.vnav{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.vnav-btn{display:inline-flex;align-items:center;gap:.5rem;height:38px;padding:0 1rem 0 .8rem;border-radius:12px;font-family:var(--sans, system-ui, sans-serif);font-size:.82rem;font-weight:700;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;color:var(--ink, #fff);background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 55%),rgba(var(--bg-rgb, 8, 8, 12),.6);border:1px solid rgba(var(--accent-rgb, 166, 107, 255),.38);box-shadow:inset 0 1px #ffffff24;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .16s ease,border-color .16s ease}.vnav-btn svg{flex:none;color:rgb(var(--accent-rgb, 166, 107, 255))}@media(hover:hover)and (pointer:fine){.vnav-btn:hover{transform:translateY(-1px);background-color:rgba(var(--accent-rgb, 166, 107, 255),.2);border-color:rgba(var(--accent-rgb, 166, 107, 255),.75)}}.vnav-btn:active{transform:scale(.97)}.vnav-btn:focus-visible{outline:2px solid rgb(var(--accent-rgb, 166, 107, 255));outline-offset:2px}.vnav-btn--dv{border-color:#ffc44d80}.vnav-btn--dv svg{color:#ffc44d}@media(hover:hover)and (pointer:fine){.vnav-btn--dv:hover{background-color:#ffc44d29;border-color:#ffc44dd9}}@media(max-width:620px){.vnav-btn{width:40px;height:40px;padding:0;justify-content:center}.vnav-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media(prefers-reduced-motion:reduce){.vnav-btn{transition:none}.vnav-btn:hover,.vnav-btn:active{transform:none}}