.switch{position:absolute;width:1.5rem;height:1.5rem;border-radius:9999px;--bg-opacity:1;background-color:#008a2b;background-color:rgba(0,138,43,var(--bg-opacity));transition-property:all;transition-duration:.3s;cursor:pointer;top:-.21rem;right:-.25rem}.switch.disabled{--bg-opacity:1;background-color:#99d0aa;background-color:rgba(153,208,170,var(--bg-opacity))}.switch.inactive{--bg-opacity:1;background-color:#e24d4d;background-color:rgba(226,77,77,var(--bg-opacity));left:-.25rem}.switch.inactive.disabled{--bg-opacity:1;background-color:#e99;background-color:rgba(238,153,153,var(--bg-opacity))}