.switch{--switch-width: calc(48 * var(--px));--switch-height: calc(24 * var(--px));--switch-knob: var(--space-16);--switch-edge: rgba(var(--color-foreground), var(--edge-focus));position:relative;display:inline-flex;align-items:center;gap:var(--space-12);min-height:var(--switch-height);cursor:pointer}.switch__label{font-weight:var(--font-body-weight-bold)}@media screen and (max-width:599px){.switch--s .switch__label{font-size:var(--text-label)}}.switch__track{position:relative;flex:none;box-sizing:border-box;width:var(--switch-width);height:var(--switch-height);border:var(--line-thick) solid var(--switch-edge);border-radius:var(--radius-pill);transition:background-color var(--motion-time) var(--motion-ease),border-color var(--motion-time) var(--motion-ease)}.switch__track:after{content:"";position:absolute;inset-block-start:calc(50% - var(--switch-knob) / 2);inset-inline-start:calc(var(--switch-height) / 2 - var(--line-thick) - var(--switch-knob) / 2);width:var(--switch-knob);height:var(--switch-knob);border-radius:50%;background-color:var(--switch-edge);scale:.75;transition:translate var(--motion-time) var(--motion-ease),scale var(--motion-time) var(--motion-ease),background-color var(--motion-time) var(--motion-ease)}.switch__input:checked~.switch__track{border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground))}.switch__input:checked~.switch__track:after{translate:calc(var(--switch-width) - var(--switch-height)) 0;scale:1;background-color:rgb(var(--color-background))}@media(forced-colors:active){.switch__track:after,.switch__input:checked~.switch__track:after{forced-color-adjust:none;background-color:CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-switch.css.map */