.toggle-switch-wrap{cursor:pointer}.toggle-switch{cursor:pointer;appearance:none;background-color:#64748b60;border-radius:9999px;width:3rem;height:1.5rem;margin:0;transition:all .3s;position:relative}.toggle-switch:checked{background-color:var(--orange)}.toggle-switch:before{content:"";cursor:pointer;background-color:#fff;border:1px solid #64748b86;border-radius:9999px;width:1.6rem;height:1.6rem;transition:all .3s;display:block;position:absolute;top:-.1rem;left:-.1rem;box-shadow:0 3px 10px #64748b53}.toggle-switch:hover:before{box-shadow:0 0 0 8px #00000026}.toggle-switch:checked:hover:before{box-shadow:0 0 0 8px #ec489926}.toggle-switch:checked:before{border-color:var(--orange);transform:translate(100%)}