.switch{--j-switch-off-color: var(--uui-colors-background-bg-tertiary);--j-switch-on-color: var(--uui-colors-background-bg-brand-solid);--j-switch-width: 2.25rem;--j-switch-height: var(--uui-spacing-2xl);--j-switch-handle-size: var(--uui-spacing-xl);position:relative;display:inline-flex;align-items:center;justify-content:space-between;vertical-align:middle;width:var(--j-switch-width);height:var(--j-switch-height);transition:background-color .4s;border-radius:var(--uui-radius-full);background-color:var(--j-switch-off-color);cursor:pointer;overflow:hidden}.switch.-active-primary{--j-switch-on-color: var(--bs-primary)}.switch.-inactive-primary{--j-switch-off-color: var(--bs-primary)}.switch.-active-secondary{--j-switch-on-color: var(--bs-secondary)}.switch.-inactive-secondary{--j-switch-off-color: var(--bs-secondary)}.switch.-active-success{--j-switch-on-color: var(--bs-success)}.switch.-inactive-success{--j-switch-off-color: var(--bs-success)}.switch.-active-info{--j-switch-on-color: var(--bs-info)}.switch.-inactive-info{--j-switch-off-color: var(--bs-info)}.switch.-active-warning{--j-switch-on-color: var(--bs-warning)}.switch.-inactive-warning{--j-switch-off-color: var(--bs-warning)}.switch.-active-danger{--j-switch-on-color: var(--bs-danger)}.switch.-inactive-danger{--j-switch-off-color: var(--bs-danger)}.switch.-active-light{--j-switch-on-color: var(--bs-light)}.switch.-inactive-light{--j-switch-off-color: var(--bs-light)}.switch.-active-dark{--j-switch-on-color: var(--bs-dark)}.switch.-inactive-dark{--j-switch-off-color: var(--bs-dark)}.switch:has(.switch-option:last-child input:checked){background-color:var(--j-switch-on-color)}.switch:has(.switch-option:last-child input:checked) .switch-handle{transform:translate3D(100%, 0, 0)}.switch:has(.switch-option:last-child input:checked) .switch-handle .jalios-icon{opacity:1}.switch:has(.switch-option:first-child input:checked){background-color:var(--j-switch-off-color)}.switch:has(.switch-option:first-child input:checked) .switch-handle{transform:translate3D(0, 0, 0)}.switch:has(.switch-option:first-child input:checked).-disabled{cursor:not-allowed;background-color:var(--uui-colors-background-bg-disabled)}.switch:has(.switch-option:first-child input:checked).-disabled .switch-handle{background-color:var(--uui-component-colors-components-toggles-toggle-button-fg-disabled)}.switch.-readonly{cursor:not-allowed;opacity:.6}.switch .switch-option{color:var(--uui-colors-foreground-fg-white);flex:1;display:flex;align-items:center;justify-content:center}.switch .switch-option label{margin-bottom:0}.switch-handle{position:absolute;width:var(--j-switch-handle-size);height:var(--j-switch-handle-size);top:2px;left:2px;border-radius:var(--uui-radius-full);background-color:var(--uui-colors-foreground-fg-white);box-shadow:0 1px 3px 0 var(--uui-colors-effects-shadows-shadow-sm-01);will-change:transform;transition:transform .4s cubic-bezier(0.25, 0.1, 0.26, 1);transform:translate3D(0, 0, 0)}.switch-handle .jalios-icon{opacity:0;width:.75rem;height:.75rem;color:var(--uui-colors-background-bg-brand-solid);position:absolute;top:50%;right:50%;transform:translateY(-50%) translateX(50%);will-change:transform;transition:opacity .5s cubic-bezier(0, 0, 0.2, 1)}.switch:focus-visible{outline:.125rem solid var(--uui-colors-border-border-brand);outline-offset:.125rem}[dir=rtl] .switch-handle{transform:translate3D(100%, 0, 0)}[dir=rtl] .switch:has(.switch-option:last-child input:checked){background-color:var(--j-switch-on-color)}[dir=rtl] .switch:has(.switch-option:last-child input:checked) .switch-handle{transform:translate3D(0, 0, 0)}[dir=rtl] .switch:has(.switch-option:first-child input:checked){background-color:var(--j-switch-off-color)}[dir=rtl] .switch:has(.switch-option:first-child input:checked) .switch-handle{transform:translate3D(100%, 0, 0)}[dir=rtl] .switch.-checked .switch-handle{left:2px;transform:translate3D(0, 0, 0)}
/*# sourceMappingURL=j-switch.css.map */