.bit-switch,.bit-switch__label{height:20px}.bit-switch,.bit-switch__label,.bit-switch__label *{font-size:var(--ds-font-size-base)}.bit-switch{display:inline-flex;align-items:center;position:relative;line-height:20px;vertical-align:middle}[dir] .bit-switch.is-disabled .bit-switch__core,[dir] .bit-switch.is-disabled .bit-switch__label{cursor:not-allowed}.bit-switch__core,.bit-switch__label{display:inline-block;vertical-align:middle}[dir] .bit-switch__core,[dir] .bit-switch__label{cursor:pointer}[dir] .bit-switch.is-disabled .bit-switch__core:hover,[dir] .bit-switch.is-disabled .bit-switch__label:hover{background-color:var(--bit-border-color-secondary);border:1px solid var(--bit-border-color-secondary)}[dir] .bit-switch.is-disabled.is-checked .bit-switch__core,[dir] .bit-switch.is-disabled.is-checked .bit-switch__core:hover{border:1px solid var(--bit-color-primary-disabled);background-color:var(--bit-color-primary-disabled)}.bit-switch__label{transition:.2s;font-weight:500;color:var(--bit-color-text-primary)}[dir] .bit-switch__label{-webkit-transition:.2s}.bit-switch__label.is-active{color:var(--bit-color-primary)}[dir=ltr] .bit-switch__label--left{margin-right:10px}[dir=rtl] .bit-switch__label--left{margin-right:unset;margin-left:10px}[dir=ltr] .bit-switch__label--right{margin-left:10px}[dir=rtl] .bit-switch__label--right{margin-right:10px;margin-left:unset}.bit-switch__label *{line-height:1;display:inline-block}.bit-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.bit-switch__core{position:relative;width:36px;height:20px;outline:0;box-sizing:border-box;transition:border-color .3s,background-color .3s}[dir] .bit-switch__core{margin:0;border:1px solid var(--bit-border-color-secondary);border-radius:12px;background:var(--bit-border-color-secondary);-webkit-transition:border-color .3s,background-color .3s}.bit-switch__core:after{content:"";position:absolute;top:1px;transition:all .3s;width:16px;height:16px}[dir] .bit-switch__core:after{border-radius:100%;-webkit-transition:all .3s;background-color:var(--bit-color-white)}[dir=ltr] .bit-switch__core:after{left:1px}[dir=rtl] .bit-switch__core:after{left:unset;right:1px}[dir] .bit-switch.is-checked .bit-switch__core{border-color:var(--bit-color-blue-action);background-color:var(--bit-color-blue-action)}[dir=ltr] .bit-switch.is-checked .bit-switch__core:after{left:100%;margin-left:-17px}[dir=rtl] .bit-switch.is-checked .bit-switch__core:after{left:unset;right:100%;margin-left:unset;margin-right:-17px}.bit-switch.is-disabled{opacity:.6}.bit-switch--medium{line-height:24px;height:24px}.bit-switch--medium .bit-switch__core{width:44px;height:24px}.bit-switch--medium .bit-switch__core:after{width:20px;height:20px}[dir=ltr] .bit-switch--medium.is-checked .bit-switch__core:after{margin-left:-21px}[dir=rtl] .bit-switch--medium.is-checked .bit-switch__core:after{margin-left:unset;margin-right:-21px}.bit-switch--standard{line-height:20px;height:20px}.bit-switch--standard .bit-switch__core{width:36px;height:20px}.bit-switch--standard .bit-switch__core:after{width:16px;height:16px}[dir=ltr] .bit-switch--standard.is-checked .bit-switch__core:after{margin-left:-17px}[dir=rtl] .bit-switch--standard.is-checked .bit-switch__core:after{margin-left:unset;margin-right:-17px}.bit-switch--small{line-height:16px;height:16px}.bit-switch--small .bit-switch__core{width:28px;height:16px}.bit-switch--small .bit-switch__core:after{width:12px;height:12px}[dir=ltr] .bit-switch--small.is-checked .bit-switch__core:after{margin-left:-13px}[dir=rtl] .bit-switch--small.is-checked .bit-switch__core:after{margin-left:unset;margin-right:-13px}[dir=ltr] .bit-switch--wide .bit-switch__label.bit-switch__label--left span{left:10px}[dir=rtl] .bit-switch--wide .bit-switch__label.bit-switch__label--left span{left:unset;right:10px}[dir=ltr] .bit-switch--wide .bit-switch__label.bit-switch__label--right span{right:10px}[dir=rtl] .bit-switch--wide .bit-switch__label.bit-switch__label--right span{left:10px;right:unset}.bit-switch .label-fade-enter,.bit-switch .label-fade-leave-active{opacity:0}