:root{--c-Switch-color-background:var(--c-Token-color-grey-400);--c-Switch-color-text:var(--c-Token-color-1000);--c-Switch-color-sliderCircle:var(--c-Token-color-0);--c-Switch-color-backgroundChecked:var(--c-Token-color-1000);--c-Switch-color-backgroundDisabled:var(--c-Token-color-grey-100);--c-Switch-color-textDisabled:var(--c-Token-color-grey-400);--c-Switch-color-focusRing:var(--c-Token-color-1000)}.c-Switch{align-items:flex-start;cursor:pointer;display:flex;gap:var(--c-Token-space-50);inline-size:max-content;max-inline-size:100%;position:relative}@media (pointer:coarse){.c-Switch{block-size:44px}}.c-Switch:has(:focus-visible):before{border:2px solid var(--c-Switch-color-focusRing);border-radius:8px;content:"";inset:-6px;position:absolute;z-index:100}.c-Switch:hover:not(.is-disabled) .c-Switch-sliderCircle:before{inline-size:24px}.c-Switch:active:not(.is-disabled) .c-Switch-sliderCircle:before{inline-size:28px}.c-Switch .c-Switch-slider{background-color:var(--c-Switch-color-background);block-size:24px;border-radius:999px;flex:0 0 48px;inline-size:48px;position:relative;transition:background-color var(--c-Token-transition-duration25) var(--c-Token-transition-curveOut)}.c-Switch .c-Switch-sliderCircle{background-color:var(--c-Switch-color-sliderCircle);block-size:20px;border-radius:999px;display:block;inline-size:20px;margin-block:2px;margin-inline:2px;position:relative;transform:translate(0);transition:transform var(--c-Token-transition-duration25) var(--c-Token-transition-curveOut)}:is(.c-Switch .c-Switch-sliderCircle):before{background-color:inherit;block-size:inherit;border-radius:inherit;content:"";display:block;inline-size:inherit;inset:0 auto 0 0;position:absolute;transition:inline-size var(--c-Token-transition-duration25) var(--c-Token-transition-curveOut)}.c-Switch .c-Switch-input{block-size:1px;inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.c-Switch .c-Switch-input:checked~.c-Switch-slider{background-color:var(--c-Switch-color-backgroundChecked)}:is(.c-Switch .c-Switch-input:checked~.c-Switch-slider) .c-Switch-sliderCircle{transform:translate(24px)}:is(:is(.c-Switch .c-Switch-input:checked~.c-Switch-slider) .c-Switch-sliderCircle):before{inset:0 0 0 auto}.c-Switch .c-Switch-label{color:var(--c-Switch-color-text);font-size:var(--c-Token-fontSize-75);font-weight:600;line-height:var(--c-Token-lineHeight-75)}.c-Switch.is-disabled{cursor:default}.c-Switch.is-disabled .c-Switch-label{color:var(--c-Switch-color-textDisabled)}.c-Switch.is-disabled .c-Switch-slider{background-color:var(--c-Switch-color-backgroundDisabled)}.c-Switch--size-s .c-Switch-label{font-size:var(--c-Token-fontSize-50);font-weight:400;line-height:var(--c-Token-lineHeight-50);margin-block-start:2px}.c-Switch--size-l .c-Switch-label{font-size:var(--c-Token-fontSize-100);font-weight:600;line-height:var(--c-Token-lineHeight-100);margin-block-start:-2px}