.vg{border:0;margin:0 0 var(--space-6);padding:0;min-width:0}.vg-legend{padding:0;margin-bottom:10px;font-family:var(--font-mono);font-weight:var(--fw-label);font-stretch:87.5%;font-size:var(--fs-label-sm);letter-spacing:var(--tr-label-sm);text-transform:uppercase;color:var(--on-fg-2)}.vg-legend span{text-transform:none;letter-spacing:0;font-family:var(--font-body, inherit);font-weight:400;opacity:.8;margin-left:6px}.vg-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:440px}.vg-i{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;cursor:pointer;background:var(--white);color:var(--ink);border-radius:var(--radius-micro);box-shadow:inset 0 0 0 1.5px var(--hair);transition:box-shadow var(--dur-hover) var(--ease-standard)}.vg-i:hover{box-shadow:inset 0 0 0 1.5px var(--grey-3)}.vg-i[data-on]{box-shadow:inset 0 0 0 2.5px var(--navy)}.vg-i input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.vg-i:has(input:focus-visible){outline:2px solid var(--navy);outline-offset:3px}.vg-i b{font-family:var(--font-mono);font-weight:var(--fw-label);font-size:15px}.vg-hint{margin:8px 0 0;font-size:13.5px;line-height:1.45;color:var(--ink-2);max-width:56ch}.vol{animation:hlpIn var(--dur-panel) var(--ease-enter) both}@media (prefers-reduced-motion: reduce){.vol{animation:none}.vg-i{transition:none}}