@layer components{.vz-key{color:#f1f3f5;min-width:2.75rem;min-height:3rem;font-family:var(--font-display);text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#2a3541;border-radius:.95rem;align-content:center;place-items:center;gap:.15rem;padding:.2rem;font-size:.75rem;font-weight:700;line-height:1;transition:background-color .12s,transform 90ms;display:grid}.vz-key:hover{background:#3a4757}.vz-key:active{background:#52627a;transform:scale(.94)}.vz-key[aria-pressed=true]{color:#0d1218;background:#f1f3f5}.vz-key-sm{border-radius:.5em;gap:0;min-width:0;min-height:0;padding:0;font-size:clamp(.4rem,2.5cqw,.75rem)}.vz-key-sm svg{width:1.6em!important;height:1.6em!important}.vz-key-sm>span.rounded-full{width:.9em!important;height:.9em!important}.vz-turn{animation:.7s step-end infinite vz-blink}.vz-blink{animation:.9s step-end infinite vz-blink}.vz-pop{animation:.22s ease-out both vz-pop}}@keyframes vz-blink{50%{opacity:.12}}@keyframes vz-pop{0%{opacity:0}to{opacity:1}}@media (width<=63.99rem){:root:has([data-vz-dock]){scroll-padding-top:12rem}}