.toggle{opacity:0;position:absolute}.toggle-container{display:flex;position:relative;width:4rem;height:2rem;margin:1rem}.custom-checkbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(0deg,#303034,#424141);border-radius:2rem;box-shadow:inset 0 5px 5px #0e0e0e,inset 0 -1px 3px #696969;width:4rem;height:2rem;transition:background .2s}.custom-checkbox:before{content:"";position:absolute;top:50%;left:.4rem;transform:translateY(-50%);width:1.3rem;height:1.3rem;background:linear-gradient(0deg,#303034,#424141);border-radius:50%;box-shadow:inset 0 1px 1px #696969,0 5px 10px #040404;transition:left .2s}.toggle:checked+.custom-checkbox{background:linear-gradient(0deg,#424141,#303034)}.toggle:checked+.custom-checkbox:before{left:2.3rem;background:#0ff;box-shadow:0 0 10px #0ff}.dark{background:linear-gradient(90deg,#617077,#1a232c)}.dark:hover{border:solid 2px aqua}.light{background:#a6a6db}.light:hover{border:solid 2px rgb(67,67,207)}