/* based on: https://www.w3schools.com/howto/howto_css_switch.asp */
.c-toggle-switch {position: relative; display: inline-block; width: 36px; height: 20px}
.c-toggle-switch input {opacity: 0; width: 0; height: 0}
.c-toggle-switch .c-toggle-switch-slider {
    position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #666666; transition: .4s
}
.c-toggle-switch .c-toggle-switch-slider:before {
    position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: white;
    transition: .4s
}
.c-toggle-switch input:checked + .c-toggle-switch-slider {background-color: #55b70e}
.c-toggle-switch input:focus + .c-toggle-switch-slider {box-shadow: 0 0 1px #55b70e}
.c-toggle-switch input:checked + .c-toggle-switch-slider:before {transform: translateX(16px)}

/* modifiers */
.c-toggle-switch .c-toggle-switch-slider.is-round {border-radius: 34px}
.c-toggle-switch .c-toggle-switch-slider.is-round:before {border-radius: 50%}