.toggle-switch{position:relative;display:inline-block;cursor:pointer}.toggle-switch .toggle-input{opacity:0;width:0;height:0;position:absolute}.toggle-track{display:flex;align-items:center;width:52px;height:32px;border-radius:100px;position:relative;transition:background-color .2s ease-in-out,border .2s ease-in-out}.toggle-thumb{position:absolute;left:4px;border-radius:50%;transition:transform .2s ease-in-out;box-shadow:0 1px 3px rgba(0,0,0,.1)}.toggle-switch .toggle-track{background-color:var(--Surface-Neutral-Dim);border:2px solid var(--Stroke-On-Surface-Enabled)}.toggle-switch .toggle-thumb{width:16px;height:16px;background-color:var(--Container-Subtle);transform:translateX(0)}.toggle-switch .toggle-input:checked+.toggle-track{background-color:var(--Container-Primary-enabled);border-color:var(--Container-Primary-enabled)}.toggle-switch .toggle-input:checked+.toggle-track .toggle-thumb{background-color:var(--Container-Neutral);transform:translateX(18px);width:24px;height:24px}.toggle-switch .toggle-input:not(:disabled):focus+.toggle-track,.toggle-switch .toggle-input:not(:disabled):hover+.toggle-track{background-color:var(--Container-Primary-hovered)}.toggle-switch .toggle-input:not(:checked):not(:disabled):focus+.toggle-track,.toggle-switch .toggle-input:not(:checked):not(:disabled):hover+.toggle-track{background-color:var(--Container-Primary-dim-hovered)}.toggle-switch .toggle-input:disabled+.toggle-track{background-color:var(--Container-Disabled);border-color:var(--Container-Disabled);cursor:not-allowed}.toggle-switch .toggle-input:checked:disabled+.toggle-track .toggle-thumb{background-color:var(--Surface-Default)}.toggle-switch .toggle-input:not(:checked):disabled+.toggle-track{background-color:var(--Surface-Default);border-color:var(--Stroke-On-Surface-Disabled)}.toggle-switch .toggle-input:not(:checked):disabled+.toggle-track .toggle-thumb{background-color:var(--Container-Subtle)}