@charset "utf-8";

.d-none { display: none !important; }

.switch { position: relative; display: inline-block; width: 55px; height: 25px; }

.switch input { opacity: 0; width: 0px; height: 0px; }

.slider { position: absolute; cursor: pointer; inset: 0px; background-color: rgb(204, 204, 204); transition: 0.4s; }

.slider::before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 3px; background-color: white; transition: 0.4s; }

input:checked + .slider { background-color: rgb(33, 150, 243); }

input:focus + .slider { box-shadow: rgb(33, 150, 243) 0px 0px 1px; }

input:checked + .slider::before { transform: translateX(26px); }

.slider.round { border-radius: 34px; }

.slider.round::before { border-radius: 50%; }