.switch {position: relative;display: inline-block;min-width: 32px;height: 20px;}.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}.slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 2px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;}input:focus + .slider {box-shadow: 0 0 1px #2196F3;}.slider.round {border-radius: 34px;}.slider.round:before {border-radius: 50%;}.switch input {display: none;}input:checked + .slider {background-color: #4b6dff;}input:focus + .slider {box-shadow: 0 0 1px #2196F3;}input:checked + .slider:before {-webkit-transform: translateX(12px);-ms-transform: translateX(12px);transform: translateX(12px);}.togglediv {display: inline-flex;position: absolute;right: .8rem;top: .8rem;}