.switch{font-size:1rem;position:relative;}.switch .switch-label-on{display:none;}.switch input[type=checkbox]{position:absolute;height:1px;width:1px;background:none;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;padding:0;}.switch input[type=checkbox]+label,.switch input[type=checkbox]+input+label{position:relative;min-width:calc(calc(calc(1.5em + .75rem + 2px)*.8)*2);border-radius:calc(calc(1.5em + .75rem + 2px)*.8);height:calc(calc(1.5em + .75rem + 2px)*.8);line-height:calc(calc(1.5em + .75rem + 2px)*.8);display:inline-block;cursor:pointer;outline:0;user-select:none;vertical-align:middle;text-indent:calc(calc(calc(1.5em + .75rem + 2px)*.8)*2 + .5rem);}.switch input[type=checkbox]+label::before,.switch input[type=checkbox]+input+label::before,.switch input[type=checkbox]+label::after,.switch input[type=checkbox]+input+label::after{content:"";position:absolute;top:0;left:0;width:calc(calc(calc(1.5em + .75rem + 2px)*.8)*2);bottom:0;display:block;}.switch input[type=checkbox]+label::before,.switch input[type=checkbox]+input+label::before{right:0;background-color:#dee2e6;border-radius:calc(calc(1.5em + .75rem + 2px)*.8);transition:.2s all;}.switch input[type=checkbox]+label::after,.switch input[type=checkbox]+input+label::after{top:2px;left:2px;width:calc(calc(calc(1.5em + .75rem + 2px)*.8) - 2px*2);height:calc(calc(calc(1.5em + .75rem + 2px)*.8) - 2px*2);border-radius:50%;background-color:#fff;transition:.2s all;}.switch input[type=checkbox]:checked+label .switch-label-on,.switch input[type=checkbox]:checked+input+label .switch-label-on{display:inline;}.switch input[type=checkbox]:checked+label .switch-label-off,.switch input[type=checkbox]:checked+input+label .switch-label-off{display:none;}.switch input[type=checkbox]:checked+label::before,.switch input[type=checkbox]:checked+input+label::before{background-color:#0d6efd;}.switch input[type=checkbox]:checked+label::after,.switch input[type=checkbox]:checked+input+label::after{margin-left:calc(calc(1.5em + .75rem + 2px)*.8);}.switch input[type=checkbox]:focus+label::before,.switch input[type=checkbox]:focus+input+label::before{outline:0;}.switch input[type=checkbox]:disabled+label,.switch input[type=checkbox]:disabled+input+label{color:#868e96;cursor:not-allowed;}.switch input[type=checkbox]:disabled+label::before,.switch input[type=checkbox]:disabled+input+label::before{background-color:#e9ecef;}.switch.switch-sm input[type=checkbox]+label,.switch.switch-sm input[type=checkbox]+input+label{min-width:calc(calc(calc(1.5em + .5rem + 2px)*.8)*2);height:calc(calc(1.5em + .5rem + 2px)*.8);line-height:calc(calc(1.5em + .5rem + 2px)*.8);text-indent:calc(calc(calc(1.5em + .5rem + 2px)*.8)*2 + .5rem);}.switch.switch-sm input[type=checkbox]+label::before,.switch.switch-sm input[type=checkbox]+input+label::before{width:calc(calc(calc(1.5em + .5rem + 2px)*.8)*2);}.switch.switch-sm input[type=checkbox]+label::after,.switch.switch-sm input[type=checkbox]+input+label::after{width:calc(calc(calc(1.5em + .5rem + 2px)*.8) - 2px*2);height:calc(calc(calc(1.5em + .5rem + 2px)*.8) - 2px*2);}.switch.switch-sm input[type=checkbox]:checked+label::after,.switch.switch-sm input[type=checkbox]:checked+input+label::after{margin-left:calc(calc(1.5em + .5rem + 2px)*.8);}.switch.switch-lg{font-size:1.25rem;}.switch.switch-lg input[type=checkbox]+label,.switch.switch-lg input[type=checkbox]+input+label{min-width:calc(calc(calc(1.5em + 1rem + 2px)*.8)*2);height:calc(calc(1.5em + 1rem + 2px)*.8);line-height:calc(calc(1.5em + 1rem + 2px)*.8);text-indent:calc(calc(calc(1.5em + 1rem + 2px)*.8)*2 + .5rem);}.switch.switch-lg input[type=checkbox]+label::before,.switch.switch-lg input[type=checkbox]+input+label::before{width:calc(calc(calc(1.5em + 1rem + 2px)*.8)*2);}.switch.switch-lg input[type=checkbox]+label::after,.switch.switch-lg input[type=checkbox]+input+label::after{width:calc(calc(calc(1.5em + 1rem + 2px)*.8) - 2px*2);height:calc(calc(calc(1.5em + 1rem + 2px)*.8) - 2px*2);}.switch.switch-lg input[type=checkbox]:checked+label::after,.switch.switch-lg input[type=checkbox]:checked+input+label::after{margin-left:calc(calc(1.5em + 1rem + 2px)*.8);}.switch+.switch{margin-left:1rem;}