:root{--switch-color-background: var(--color-background-disabled);--switch-color-background-toggle: var(--color-background-input);--switch-color-border: var(--color-border-input);--switch-color-icon-off: var(--color-text-muted);--switch-color-icon-on: var(--color-text-accent-primary);--switch-translate-icon-off: 0;--switch-translate-icon-on: 100%;--switch-translate-toggle: 0;--switch-opacity-icon-off: 1;--switch-opacity-icon-on: 0;--switch-cursor: pointer;--switch-outline: none}.tad-switch{cursor:var(--switch-cursor)}.tad-switch__content{inline-size:100%;display:flex;align-items:center;justify-content:space-between}.tad-switch__control{opacity:0;inline-size:0;block-size:0;position:absolute}.tad-switch__on{transform:translate(var(--switch-translate-icon-on));opacity:var(--switch-opacity-icon-on);color:var(--switch-color-icon-on);transition:transform var(--base-motion-speed-smooth) cubic-bezier(.34,1.56,.64,1),opacity var(--base-motion-speed-smooth)}.tad-switch__off{transform:translate(var(--switch-translate-icon-off));opacity:var(--switch-opacity-icon-off);color:var(--switch-color-icon-off);transition:transform var(--base-motion-speed-smooth) cubic-bezier(.34,1.56,.64,1),opacity var(--base-motion-speed-smooth)}.tad-switch__wrapper{background-color:var(--switch-color-background);transition:background-color var(--base-motion-speed-instant),border-color var(--base-motion-speed-instant);border:var(--size-border-default) solid var(--switch-color-border);position:relative;display:flex;align-items:center;padding:var(--space-ui-slim);border-radius:var(--size-radius-ui-round);outline:var(--switch-outline);outline-offset:var(--size-border-focus-offset)}.tad-switch__wrapper:after{content:"";position:absolute;border-radius:inherit;background-color:var(--switch-color-background-toggle);border:inherit;block-size:var(--size-icon-medium);inline-size:var(--size-icon-medium);transform:translate(var(--switch-translate-toggle));transition:transform var(--base-motion-speed-smooth) cubic-bezier(.34,1.56,.64,1)}.tad-switch:has(.tad-switch__control:checked){--switch-color-background: var(--color-background-primary-default);--switch-color-border: var(--color-border-primary-default);--switch-opacity-icon-on: 1;--switch-opacity-icon-off: 0;--switch-translate-toggle: calc(100% - var(--space-ui-slim));--switch-translate-icon-off: -100%;--switch-translate-icon-on: 0}.tad-switch:has(.tad-switch__control:focus-visible){--switch-outline: var(--size-border-focus) solid var(--color-border-focus)}.tad-switch:has(.tad-switch__control[disabled]){--switch-cursor: not-allowed;--switch-color-icon-off: var(--color-text-disabled);--switch-color-icon-on: var(--color-text-disabled);--switch-color-background-toggle: var(--color-background-disabled);--switch-color-background: var(--color-background-disabled);--switch-color-border: var(--color-border-input)}