label.switchify.switchify-label {display:inline-block;}
label.switchify.switchify-label > input.switchified {display:none;}
label.switchify.switchify-label > span.switchify-switch {display:block;position: relative;width:36px;height:22px;background:#ddd;border:solid 2px #ddd;border-radius:30px;transition: background-color 0.25s, border-color 0.25s;}
label.switchify.switchify-label > span.switchify-switch::after {content:'';display:block;position:absolute;left:0;width:18px;height:18px;background:#fff;border-radius:30px;transition: left 0.25s;}
label.switchify.switchify-label > input.switchified:checked + span.switchify-switch {background:var(--color);border:solid 2px var(--color);}
label.switchify.switchify-label > input.switchified:checked + span.switchify-switch::after {left:calc(100% - 18px);}