.p-toggleswitch{width:3.5rem;height:2rem;display:inline-block}.p-toggleswitch-handle{--tw-bg-opacity:1;background-color:color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity,1)), transparent);--tw-text-opacity:1;width:1.5rem;height:1.5rem;color:color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-text-opacity,1)), transparent);border-radius:9999px;justify-content:center;align-items:center;margin-top:-.5rem;transition-property:background,color,left;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:.75rem;left:.25rem}.p-toggleswitch-handle:is(.dark *){--tw-bg-opacity:1;background-color:color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-bg-opacity,1)), transparent);--tw-text-opacity:1;color:color-mix(in srgb, var(--p-surface-900) calc(100% * var(--tw-text-opacity,1)), transparent)}.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider{--tw-bg-opacity:1;background-color:rgb(212 212 216/var(--tw-bg-opacity,1))}.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider:is(.dark *){--tw-bg-opacity:1;background-color:rgb(113 113 122/var(--tw-bg-opacity,1))}.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-handle{--tw-bg-opacity:1;background-color:color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity,1)), transparent);--tw-text-opacity:1;color:color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-text-opacity,1)), transparent);left:1.75rem}.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-handle:is(.dark *){--tw-bg-opacity:1;background-color:color-mix(in srgb, var(--p-surface-900) calc(100% * var(--tw-bg-opacity,1)), transparent)}.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-slider{--tw-bg-opacity:1;background-color:color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-bg-opacity,1)), transparent)}.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-slider:is(.dark *){--tw-bg-opacity:1;background-color:color-mix(in srgb, var(--p-surface-600) calc(100% * var(--tw-bg-opacity,1)), transparent)}.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-handle{--tw-bg-opacity:1;background-color:color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity,1)), transparent);--tw-text-opacity:1;color:color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-text-opacity,1)), transparent)}.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-handle:is(.dark *){--tw-bg-opacity:1;background-color:color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-bg-opacity,1)), transparent);--tw-text-opacity:1;color:color-mix(in srgb, var(--p-surface-800) calc(100% * var(--tw-text-opacity,1)), transparent)}.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-handle{--tw-bg-opacity:1;background-color:color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity,1)), transparent);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-handle:is(.dark *){--tw-bg-opacity:1;background-color:color-mix(in srgb, var(--p-surface-900) calc(100% * var(--tw-bg-opacity,1)), transparent)}.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:focus-visible) .p-toggleswitch-slider{outline-offset:2px;outline-width:1px;outline-style:solid;outline-color:color-mix(in srgb, var(--p-primary-color) calc(100% * 1), transparent)}