.toggle-switch{--toggle-switch-checked-thumb-translate:20px;--toggle-switch-inline-size:44px;--toggle-switch-track-padding-inline:2px 22px;cursor:pointer;block-size:24px;inline-size:var(--toggle-switch-inline-size);flex:none;place-items:center;display:inline-grid;position:relative}.toggle-switch__input{block-size:24px;cursor:inherit;inline-size:var(--toggle-switch-inline-size);opacity:0;z-index:1;margin:0;position:absolute;inset:0}.toggle-switch__track{background:var(--Background-Neutral-primary,var(--twl-sem-bg-neutral-primary));box-sizing:border-box;inline-size:var(--toggle-switch-inline-size);min-block-size:24px;padding-block:2px;padding-inline:var(--toggle-switch-track-padding-inline);pointer-events:none;border-radius:12px;align-items:center;transition:background-color .15s ease-out;display:flex;position:relative;overflow:hidden}.toggle-switch__thumb{background:var(--Text-Static-white,var(--twl-sem-text-static-white));border-radius:var(--Radius-full,var(--twl-radius-full));block-size:20px;box-shadow:0 2px 10px var(--Static-Opacity-Black-10,#0707081a);inline-size:20px;transition:transform .15s ease-out}.toggle-switch__input:checked+.toggle-switch__track{background:var(--Background-Brand-default,var(--twl-sem-bg-brand-default))}.toggle-switch__input:checked+.toggle-switch__track .toggle-switch__thumb{transform:translateX(var(--toggle-switch-checked-thumb-translate))}.toggle-switch__input:disabled{cursor:not-allowed}.toggle-switch__input:disabled+.toggle-switch__track{opacity:.56}.toggle-switch__input:focus-visible+.toggle-switch__track{outline:2px solid var(--Border-Brand-focus,var(--twl-sem-border-brand-focus));outline-offset:2px}.toggle-switch--labeled{--toggle-switch-checked-thumb-translate:30px;--toggle-switch-inline-size:54px;--toggle-switch-track-padding-inline:2px 32px 2px 2px}.toggle-switch--labeled .toggle-switch__track:after{color:var(--text-secondary);content:attr(data-off-label);font-family:var(--Action-font-family);pointer-events:none;text-align:end;white-space:nowrap;padding-inline-end:8px;font-size:14px;font-weight:500;line-height:24px;position:absolute;inset-block-start:50%;inset-inline:0;transform:translateY(-50%)}.toggle-switch--labeled .toggle-switch__input:checked+.toggle-switch__track{padding-inline:2px 2px 2px 32px}.toggle-switch--labeled .toggle-switch__input:checked+.toggle-switch__track:after{color:var(--Text-Static-white,var(--twl-sem-text-static-white));content:attr(data-on-label);text-align:start;padding-inline:6px 0}@media (prefers-reduced-motion:reduce){.toggle-switch__track,.toggle-switch__thumb{transition:none}}