.v-switch{--switch-height:var(--spacing-lg);--switch-width:44px;--switch-padding-on:var(--space-10);--switch-padding-off:3px;--switch-border-width:var(--system-border-width);--switch-radius:var(--system-radius);--switch-bg-checked:var(--color-primary);--switch-border-checked:var(--color-primary);--switch-bg-unchecked:var(--surface-muted);--switch-border-unchecked:var(--system-border);--switch-thumb-bg:var(--system-bg);--switch-thumb-size:var(--space-70);--switch-thumb-shadow:0 0 4px rgba(0,0,0,0.2);--switch-icon-size:var(--space-40);--switch-icon-color:var(--system-border);--switch-bar-left-on:10px;--switch-bar-left-off:9px;--switch-circle-left:28px;position:relative;display:inline-flex;align-items:center;flex-shrink:0;height:var(--switch-height);width:var(--switch-width);border-radius:var(--switch-radius);cursor:pointer;transition:background-color var(--system-transition),border-color var(--system-transition);outline:none;overflow:hidden}.v-switch[data-size=large]{--switch-height:var(--space-90);--switch-width:60px;--switch-thumb-size:var(--line-height-relaxed);--switch-icon-size:var(--space-50);--switch-bar-left-on:14px;--switch-bar-left-off:13px;--switch-circle-left:38px}.v-switch[data-state=checked]{background-color:var(--switch-bg-checked);border:var(--switch-padding-on) solid var(--switch-bg-checked)}.v-switch[data-state=unchecked]{background-color:var(--switch-bg-unchecked);border:var(--switch-border-width) solid var(--switch-border-unchecked);padding:calc(var(--switch-padding-off) - var(--switch-border-width))}.v-switch:focus-visible{box-shadow:0 0 0 2px var(--system-focus-ring);outline:2px solid transparent}.v-switch:disabled{cursor:not-allowed;opacity:.5}.v-switch .v-switch-thumb{display:block;pointer-events:none;height:var(--switch-thumb-size);width:var(--switch-thumb-size);background:var(--switch-thumb-bg);box-shadow:var(--switch-thumb-shadow);border-radius:var(--switch-radius);transition:transform var(--system-transition)}.v-switch[data-state=checked] .v-switch-thumb{transform:translateX(calc(var(--switch-width) - var(--switch-thumb-size) - var(--switch-padding-on) * 2))}.v-switch[data-state=unchecked] .v-switch-thumb{transform:translateX(0)}.v-switch .v-switch-bar{position:absolute;top:50%;transform:translateY(-50%);height:var(--switch-icon-size);width:2px;background:var(--switch-thumb-bg);opacity:0;transition:opacity var(--system-transition)}.v-switch[data-state=checked] .v-switch-bar{left:var(--switch-bar-left-on);opacity:1}.v-switch[data-state=unchecked] .v-switch-bar{left:var(--switch-bar-left-off)}.v-switch .v-switch-circle{position:absolute;left:var(--switch-circle-left);top:50%;transform:translateY(-50%);width:var(--switch-icon-size);height:var(--switch-icon-size);border:1.5px solid var(--switch-icon-color);border-radius:50%;opacity:0;transition:opacity var(--system-transition)}.v-switch[data-state=unchecked] .v-switch-circle{opacity:1}