@layer ui{.ui-inputswitch{width:3rem;height:1.75rem;display:inline-block;position:relative}.ui-inputswitch-input{appearance:none;opacity:0;z-index:1;cursor:pointer;border-radius:30px;outline:0;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.ui-inputswitch-slider{cursor:pointer;background:#d1d5db;border:1px solid #0000;border-radius:30px;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;position:absolute;inset:0}.ui-inputswitch-slider:before{content:"";background:#fff;border-radius:50%;width:1.25rem;height:1.25rem;margin-top:-.625rem;transition-duration:.2s;position:absolute;top:50%;left:.25rem}.ui-inputswitch.ui-highlight .ui-inputswitch-slider{background:var(--control-color)}.ui-inputswitch.ui-highlight .ui-inputswitch-slider:before{transform:translate(1.25rem)}.ui-inputswitch:not(.ui-disabled):has(.ui-inputswitch-input:hover) .ui-inputswitch-slider{background:#b7bcc5}.ui-inputswitch:not(.ui-disabled):has(.ui-inputswitch-input:hover).ui-highlight .ui-inputswitch-slider{background:var(--control-color-dark)}.ui-inputswitch:not(.ui-disabled):has(.ui-inputswitch-input:focus-visible) .ui-inputswitch-slider{box-shadow:0 0 0 .2rem var(--control-ring)}.ui-inputswitch.ui-disabled{opacity:.6}}