.toggle-switch{cursor:pointer;width:80px;height:40px;display:inline-block;position:relative}.toggle-switch input[type=checkbox]{display:none}.toggle-switch-background{background-color:#ddd;border-radius:20px;width:100%;height:100%;transition:background-color .3s ease-in-out;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 2px #ccc}.toggle-switch-handle{background-color:#fff;border-radius:50%;width:30px;height:30px;transition:transform .3s ease-in-out;position:absolute;top:5px;left:5px;box-shadow:0 2px 5px #0003}.toggle-switch:before{content:"";color:#aaa;text-shadow:1px 1px #fff;font-size:12px;font-weight:700;transition:color .3s ease-in-out;position:absolute;top:-25px;right:-35px}.toggle-switch input[type=checkbox]:checked+.toggle-switch-handle{transform:translate(45px);box-shadow:0 2px 5px #0003,0 0 0 3px #2eb629}.toggle-switch input[type=checkbox]:checked+.toggle-switch-background{background-color:#2eb629;box-shadow:inset 0 0 0 2px #2eb629}.toggle-switch input[type=checkbox]:checked+.toggle-switch:before{content:"On";color:#2eb629;right:-15px}.toggle-switch input[type=checkbox]:checked+.toggle-switch-background .toggle-switch-handle{transform:translate(40px)}