.switch{display:-webkit-box;display:-ms-flexbox;display:flex;height:26px;margin-bottom:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.switch.switch-label .switch-slider:after{position:absolute;top:50%;right:1px;z-index:1;width:50%;margin-top:-.5em;font-size:10px;font-weight:600;line-height:1;color:#c8ced3;text-align:center;text-transform:uppercase;content:attr(data-unchecked);-webkit-transition:inherit;transition:inherit}.switch.switch-label .switch-input:checked~.switch-slider:before{-webkit-transform:translateX(27px);transform:translateX(27px)}.switch.switch-label .switch-input:checked~.switch-slider:after{left:1px;color:#fff;content:attr(data-checked)}.switch.switch-label .switch-input:disabled~.switch-slider{cursor:not-allowed;opacity:.5}.switch .switch-input{display:none}.switch .switch-slider{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer;background-color:#343b41;border:1px solid #23282c;border-radius:.8rem;padding-left:50px}.switch .switch-slider,.switch .switch-slider:before{-webkit-transition:.15s ease-out;transition:.15s ease-out}.switch .switch-slider:before{position:absolute;top:2px;left:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:20px;height:20px;content:"";background-color:#fff;border:1px solid #23282c;border-radius:50%}.switch label{vertical-align:middle;margin-bottom:0;margin-left:.5rem;cursor:pointer}.switch .switch-input:checked~.switch-slider:before{-webkit-transform:translateX(14px);transform:translateX(14px)}.switch-primary .switch-input:checked+.switch-slider{background-color:var(--primary);border-color:var(--primary-dk)}.switch-primary .switch-input:checked+.switch-slider:before{border-color:var(--primary-dk)}.switch-secondary .switch-input:checked+.switch-slider{background-color:var(--secondary);border-color:var(--secondary-dk)}.switch-secondary .switch-input:checked+.switch-slider:before{border-color:var(--secondary-dk)}.switch-success .switch-input:checked+.switch-slider{background-color:var(--success);border-color:var(--success-dk)}.switch-success .switch-input:checked+.switch-slider:before{border-color:var(--success-dk)}.switch-info .switch-input:checked+.switch-slider{background-color:var(--info);border-color:var(--info-dk)}.switch-info .switch-input:checked+.switch-slider:before{border-color:var(--info-dk)}.switch-warning .switch-input:checked+.switch-slider{background-color:var(--warning);border-color:var(--warning-dk)}.switch-warning .switch-input:checked+.switch-slider:before{border-color:var(--warning-dk)}.switch-danger .switch-input:checked+.switch-slider{background-color:var(--danger);border-color:var(--danger-dk)}.switch-danger .switch-input:checked+.switch-slider:before{border-color:var(--danger-dk)}.dark .switch-primary .switch-input:checked+.switch-slider{background-color:var(--primary);border-color:var(--primary-dk)}.dark .switch-primary .switch-input:checked+.switch-slider:before{border-color:var(--primary-dk)}.dark .switch-secondary .switch-input:checked+.switch-slider{background-color:var(--secondary);border-color:var(--secondary-dk)}.dark .switch-secondary .switch-input:checked+.switch-slider:before{border-color:var(--secondary-dk)}.dark .switch-success .switch-input:checked+.switch-slider{background-color:var(--success);border-color:var(--success-dk)}.dark .switch-success .switch-input:checked+.switch-slider:before{border-color:var(--success-dk)}.dark .switch-info .switch-input:checked+.switch-slider{background-color:var(--info);border-color:var(--info-dk)}.dark .switch-info .switch-input:checked+.switch-slider:before{border-color:var(--info-dk)}.dark .switch-warning .switch-input:checked+.switch-slider{background-color:var(--warning);border-color:var(--warning-dk)}.dark .switch-warning .switch-input:checked+.switch-slider:before{border-color:var(--warning-dk)}.dark .switch-danger .switch-input:checked+.switch-slider{background-color:var(--danger);border-color:var(--danger-dk)}.dark .switch-danger .switch-input:checked+.switch-slider:before{border-color:var(--danger-dk)}.dark .switch-slider{background-color:var(--gray-600)}.dark .switch-slider:after{color:var(--gray-300)!important}