.switch{width:35px;height:21px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:color-mix(in srgb, var(--background-color) calc(var(--transparency) * 100%), transparent);border-radius:34px;transition:all .4s;position:absolute;top:0;bottom:0;left:0;right:0}.slider:before{content:"";background-color:rgb(var(--light-neutrals-100));border-radius:50%;width:15px;height:15px;transition:all .4s;position:absolute;bottom:3px;left:2px}.sliderDisabled{cursor:pointer;background-color:rgb(var(--light-neutrals-500));border-radius:34px;transition:all .4s;position:absolute;top:0;bottom:0;left:0;right:0}.sliderDisabled:before{content:"";background-color:rgb(var(--light-neutrals-600));border-radius:50%;width:15px;height:15px;transition:all .4s;position:absolute;bottom:3px;left:2px}.slider:hover{filter:contrast(.8)}input:checked+.slider{background-color:color-mix(in srgb, var(--foreground-color) calc(var(--transparency) * 100%), transparent)}input:checked+.slider:before{transform:translate(16px)}