.graniite-switch{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0;background:none;border:0;color:var(--ds-ink);font-size:13px;line-height:1;cursor:pointer;user-select:none}.graniite-switch.is-compact{gap:6px;min-height:24px;color:var(--ds-muted);font-family:var(--font-mono);font-size:11px}.graniite-switch:disabled{cursor:default;opacity:.5}.graniite-switch-track{box-sizing:border-box;display:inline-flex;align-items:center;flex:none;width:34px;height:20px;padding:2px;border:1px solid var(--ds-control-border);border-radius:999px;background:transparent;transition:background-color .14s ease,border-color .14s ease}.graniite-switch.is-compact .graniite-switch-track{width:24px;height:14px}.graniite-switch-knob{width:14px;height:14px;border-radius:999px;background:var(--ds-muted);transition:transform .14s ease,background-color .14s ease}.graniite-switch.is-compact .graniite-switch-knob{width:8px;height:8px}.graniite-switch:enabled:hover .graniite-switch-track{border-color:var(--ds-ink)}.graniite-switch.is-compact:enabled:hover{color:var(--ds-ink)}.graniite-switch[aria-checked=true] .graniite-switch-track{background:var(--ds-control-accent);border-color:var(--ds-control-accent)}.graniite-switch[aria-checked=true] .graniite-switch-knob{background:var(--ds-on-control);transform:translateX(14px)}.graniite-switch.is-compact[aria-checked=true] .graniite-switch-knob{transform:translateX(10px)}.graniite-switch:focus-visible{outline:none}.graniite-switch:focus-visible .graniite-switch-track{outline:2px solid var(--ds-focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.graniite-switch-knob,.graniite-switch-track{transition:none}}