@layer ds-reset,ds-foundation,ds-subatoms,ds-atoms,ds-molecules,ds-organisms,ds-templates,ds-landing;@layer ds-atoms{.switch{display:inline-block;vertical-align:top;align-items:center;position:relative;width:34px;height:32px;overflow:hidden}.switch:before{content:"";display:inline-block;width:100%;height:20px;border-radius:var(--corner-radius-r24);transition:background-color var(--timings-default) var(--easings-ease);position:absolute;top:50%;left:var(--spacings-s0);right:var(--spacings-s0);transform:translateY(-50%);pointer-events:none}.switch:after{content:"";display:inline-block;width:16px;height:16px;border-radius:var(--corner-radius-circle);background-color:var(--positive-colors-base-default);box-shadow:var(--shadows-tint-1);position:absolute;top:50%;transform:translateY(-50%);transition:transform var(--timings-default) var(--easings-ease);pointer-events:none}.switch__control{display:inline-block;vertical-align:top;width:100%;height:100%;position:absolute;inset:var(--spacings-s0);cursor:pointer}.switch__control--disabled{cursor:not-allowed}.switch--unchecked:before{background-color:var(--background-colors-tint-3)}.switch--skin-primary.switch--checked:before{background-color:var(--primary-colors-base-default)}.switch--skin-premium.switch--checked:before{background-color:var(--monetization-ultra-colors-base-default)}@media(hover:hover)and (pointer:fine){.switch--unchecked-interaction:hover:before{background-color:var(--control-colors-text-action)}}@media(hover:none)and (pointer:coarse){.switch--unchecked-interaction:active:before{background-color:var(--control-colors-text-action)}}@media(hover:hover)and (pointer:fine){.switch--skin-primary.switch--checked-interaction:hover:before{background-color:var(--primary-colors-base-action)}}@media(hover:none)and (pointer:coarse){.switch--skin-primary.switch--checked-interaction:active:before{background-color:var(--primary-colors-base-action)}}@media(hover:hover)and (pointer:fine){.switch--skin-premium.switch--checked-interaction:hover:before{background-color:var(--monetization-ultra-colors-base-action)}}@media(hover:none)and (pointer:coarse){.switch--skin-premium.switch--checked-interaction:active:before{background-color:var(--monetization-ultra-colors-base-action)}}.switch--disabled{opacity:var(--states-disabled)}[dir=ltr] .switch:after{left:var(--spacings-s2)}[dir=rtl] .switch:after{right:calc(-1 * var(--spacings-s2))}[dir=ltr] .switch--checked:after{transform:translate(calc(100% - var(--spacings-s2))) translateY(-50%);left:var(--spacings-s2)}[dir=rtl] .switch--checked:after{transform:translate(calc(-100% + var(--spacings-s2))) translateY(-50%);right:var(--spacings-s2)}}