.md-switch{cursor:pointer;justify-content:center;align-items:center;width:68px;height:48px;display:inline-flex;position:relative}.md-switch[data-disabled]{pointer-events:none;opacity:var(--md-sys-state-disabled-opacity)}.md-switch__state-layer{width:36px;height:36px;transition:transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-emphasized), background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.md-switch__state-layer[data-checked=false]{transform:translate(-12px)}.md-switch__state-layer[data-checked=true]{transform:translate(12px)}.md-switch[data-variant=primary][data-checked=true]:hover .md-switch__state-layer{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--md-sys-state-hover-opacity), transparent)}.md-switch[data-variant=primary][data-checked=false]:hover .md-switch__state-layer{background-color:color-mix(in srgb, var(--md-sys-color-outline) var(--md-sys-state-hover-opacity), transparent)}.md-switch[data-variant=error]:hover .md-switch__state-layer{background-color:color-mix(in srgb, var(--md-sys-color-error) var(--md-sys-state-hover-opacity), transparent)}.md-switch__track{pointer-events:none;outline-offset:-2px;width:52px;height:32px;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), outline-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);border-radius:24px;outline:1.5px solid;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.md-switch__track[data-checked=false][data-variant=primary]{outline-color:var(--md-sys-color-outline);background-color:var(--md-sys-color-surface-container-highest)}.md-switch__track[data-checked=false][data-variant=error]{outline-color:var(--md-sys-color-error);background-color:var(--md-sys-color-surface-container-highest)}.md-switch__track[data-checked=true][data-variant=primary]{outline-color:var(--md-sys-color-primary);background-color:var(--md-sys-color-primary)}.md-switch__track[data-checked=true][data-variant=error]{outline-color:var(--md-sys-color-error);background-color:var(--md-sys-color-error)}.md-switch__thumb{pointer-events:none;box-shadow:var(--md-sys-elevation-1);transition:width var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), height var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-emphasized), background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;left:0}.md-switch__thumb svg{transition:color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.md-switch__thumb[data-checked=false][data-with-icon=false]{background-color:var(--md-sys-color-outline);width:18px;height:18px;transform:translate(8px)}.md-switch__thumb[data-checked=false][data-with-icon=true]{background-color:var(--md-sys-color-outline);width:24px;height:24px;transform:translate(4px)}.md-switch__thumb[data-checked=true][data-with-icon=false][data-variant=primary]{background-color:var(--md-sys-color-on-primary);width:24px;height:24px;transform:translate(24px)}.md-switch__thumb[data-checked=true][data-with-icon=false][data-variant=error]{background-color:var(--md-sys-color-on-error);width:24px;height:24px;transform:translate(24px)}.md-switch__thumb[data-checked=true][data-with-icon=true][data-variant=primary]{background-color:var(--md-sys-color-on-primary);width:24px;height:24px;transform:translate(24px)}.md-switch__thumb[data-checked=true][data-with-icon=true][data-variant=error]{background-color:var(--md-sys-color-on-error);width:24px;height:24px;transform:translate(24px)}.md-switch__thumb[data-checked=false][data-variant=primary] svg,.md-switch__thumb[data-checked=false][data-variant=error] svg{color:var(--md-sys-color-surface-container-highest)}.md-switch__thumb[data-checked=true][data-variant=primary] svg{color:var(--md-sys-color-primary)}.md-switch__thumb[data-checked=true][data-variant=error] svg{color:var(--md-sys-color-error)}.md-switch__icon{transition:transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.md-switch__icon svg{stroke-width:3px;width:16px;height:16px}.md-switch__icon[data-visible=true]{opacity:1;transform:scale(1)}.md-switch__icon[data-visible=false]{opacity:0;transform:scale(0)}.md-switch__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}