.switch-component.yf-1lc5nko{--track-size:calc(var(--width) - (2 * var(--track-padding)));--track-color:var(--color-ui-gray-300);--thumb-color:var(--color-ui-gray-0);--thumb-position:0%;--thumb-transition-duration:.15s;--thumb-size:var(--base-thumb-size);--track-padding:var(--base-track-padding);--width:var(--base-width);flex-shrink:0;flex-grow:0;display:grid;align-items:center;grid:[track] 1fr/[track] 1fr;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-sizing:content-box;cursor:pointer;margin:0;background-color:var(--track-color);border-radius:var(--track-size);inline-size:var(--track-size);block-size:var(--thumb-size);padding:var(--track-padding);transition:background-color var(--thumb-transition-duration) ease-in}.switch-component.yf-1lc5nko:before{content:"";grid-area:track;border-radius:50%;inline-size:var(--thumb-size);block-size:var(--thumb-size);background-color:var(--thumb-color);transform:translate(var(--thumb-position));transition:transform var(--thumb-transition-duration) ease-in}.switch-component.yf-1lc5nko:checked{--thumb-position:calc(var(--track-size) - 100%);--track-color:var(--color-interactive-level-1-enabled)}.switch-component.yf-1lc5nko:indeterminate{--thumb-position:calc((var(--track-size) / 2) - (var(--thumb-size) / 2))}.switch-component.yf-1lc5nko:not(:disabled):hover{--track-color:var(--color-interactive-level-1-hovered)}.switch-component.yf-1lc5nko:not(:disabled):active{--track-color:var(--color-interactive-level-1-pressed)}.switch-component.yf-1lc5nko:not(:disabled):focus-visible{outline:var(--size-space-01) solid var(--color-interactive-focused);outline-offset:var(--size-space-01)}.switch-component.yf-1lc5nko:disabled{--track-color:var(--color-ui-gray-200);cursor:not-allowed}.switch-component.yf-1lc5nko:disabled:before{cursor:not-allowed}@media (prefers-reduced-motion: reduce){.switch-component.yf-1lc5nko{--thumb-transition-duration:0}}@media only screen and (min-width: 768px){.switch-component.yf-1lc5nko{--thumb-size:var(--sm-thumb-size);--track-padding:var(--sm-track-padding);--width:var(--sm-width)}}@media only screen and (min-width: 1050px){.switch-component.yf-1lc5nko{--thumb-size:var(--md-thumb-size);--track-padding:var(--md-track-padding);--width:var(--md-width)}}@media only screen and (min-width: 1280px){.switch-component.yf-1lc5nko{--thumb-size:var(--lg-thumb-size);--track-padding:var(--lg-track-padding);--width:var(--lg-width)}}@media only screen and (min-width: 1440px){.switch-component.yf-1lc5nko{--thumb-size:var(--xl-thumb-size);--track-padding:var(--xl-track-padding);--width:var(--xl-width)}}@media only screen and (min-width: 1568px){.switch-component.yf-1lc5nko{--thumb-size:var(--2xl-thumb-size);--track-padding:var(--2xl-track-padding);--width:var(--2xl-width)}}