.p-toggleswitch{display:inline-block;height:2rem;width:3.5rem}.p-toggleswitch-handle{position:absolute;top:.75rem;left:.25rem;margin-top:-.5rem;display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;border-radius:9999px;--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-500) calc(100% * var(--tw-text-opacity, 1)),transparent);transition-property:background,color,left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.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{left:1.75rem;--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)}.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-style:solid;outline-width:1px;outline-offset:2px;outline-color:color-mix(in srgb,var(--p-primary-color) 100%,transparent)}
