.tsm-switch{cursor:pointer;color:var(--app-fg,var(--text,#ffffffe6));-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.tsm-switch--disabled{cursor:not-allowed;opacity:.6}.tsm-switch__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tsm-switch__track{box-sizing:border-box;background:var(--switch-track-off,#fff3);--tsm-switch-thumb-size:1rem;--tsm-switch-inset:3px;border-radius:9999px;flex-shrink:0;width:2.5rem;height:1.35rem;transition:background .2s,box-shadow .2s;position:relative}.tsm-switch__thumb{top:50%;left:var(--tsm-switch-inset);width:var(--tsm-switch-thumb-size);height:var(--tsm-switch-thumb-size);background:var(--switch-thumb-bg,#fff);border-radius:50%;transition:left .2s,right .2s,transform .2s,box-shadow .2s;position:absolute;right:auto;transform:translateY(-50%);box-shadow:0 1px 2px #0003}.tsm-switch__input:checked+.tsm-switch__track{background:var(--page-accent,#3b82f6)}.tsm-switch__input:checked+.tsm-switch__track .tsm-switch__thumb{left:auto;right:var(--tsm-switch-inset);transform:translateY(-50%)}.tsm-switch__input:focus-visible+.tsm-switch__track{box-shadow:none}.tsm-switch__input:disabled+.tsm-switch__track{background:var(--switch-track-off-disabled,#ffffff1a)}.tsm-switch__input:disabled:checked+.tsm-switch__track{background:#3b82f666}.tsm-switch__label{line-height:1.25}.tsm-switch--light .tsm-switch__track{background:#0003}.tsm-switch--light .tsm-switch__thumb{background:var(--switch-thumb-bg,#fff);box-shadow:0 1px 2px #00000026}.tsm-switch--light{color:#000000d9}.tsm-switch--light .tsm-switch__input:disabled+.tsm-switch__track{background:#0000001a}.tsm-switch--light .tsm-switch__input:disabled:checked+.tsm-switch__track{background:#3b82f659}.tsm-switch--subtle{color:color-mix(in srgb, var(--text-muted) 90%, var(--text))}.tsm-switch--subtle .tsm-switch__label{color:color-mix(in srgb, var(--text-muted) 88%, var(--text));font-weight:500}.tsm-switch--subtle .tsm-switch__track{background:color-mix(in srgb, var(--text-muted) 24%, transparent);border:1px solid color-mix(in srgb, var(--settings-border,#ffffff24) 65%, transparent);box-shadow:none}.tsm-switch--subtle .tsm-switch__thumb{background:color-mix(in srgb, var(--settings-surface-high,var(--app-bg)) 92%, var(--text-muted));box-shadow:0 1px 1px color-mix(in srgb, var(--text) 6%, transparent)}.tsm-switch--subtle .tsm-switch__input:checked+.tsm-switch__track{background:color-mix(in srgb, var(--accent-amber-fg,var(--page-accent,#fbbf24)) 42%, color-mix(in srgb, var(--settings-input-bg,var(--app-bg)) 100%, var(--app-bg)));border-color:color-mix(in srgb, var(--accent-amber-fg,var(--page-accent,#fbbf24)) 55%, var(--settings-border))}.tsm-switch--subtle .tsm-switch__input:checked+.tsm-switch__track .tsm-switch__thumb{background:color-mix(in srgb, var(--accent-amber-fg,var(--page-accent,#fbbf24)) 60%, color-mix(in srgb, var(--settings-surface-high,var(--app-bg)) 100%, var(--app-bg)));box-shadow:0 1px 2px #0000002e,inset 0 1px #ffffff40}.tsm-switch--subtle .tsm-switch__input:disabled+.tsm-switch__track{background:color-mix(in srgb, var(--text-muted) 14%, transparent)}.tsm-switch--subtle .tsm-switch__input:disabled:checked+.tsm-switch__track{background:color-mix(in srgb, var(--text-muted) 28%, transparent)}:root[data-theme=light] .tsm-switch--subtle .tsm-switch__track{background:color-mix(in srgb, var(--text-muted) 18%, transparent);border-color:color-mix(in srgb, var(--settings-border) 78%, transparent)}:root[data-theme=light] .tsm-switch--subtle .tsm-switch__input:checked+.tsm-switch__track{background:color-mix(in srgb, var(--accent-amber-fg,#f59e0b) 30%, var(--settings-input-bg,var(--app-bg)));border-color:color-mix(in srgb, var(--accent-amber-fg,#f59e0b) 45%, var(--settings-border))}
