/* Real switch track and predictable thumb positions, based on existing ARIA state. */
body[data-vg-admin] :is(.vg-admin-main,[role=dialog]) button[role=switch][aria-checked][data-state]{box-sizing:border-box!important;position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;flex-shrink:0!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:24px!important;min-height:24px!important;max-height:24px!important;padding:2px!important;border:1px solid #65748c!important;border-radius:999px!important;background:#3a4960!important;background-image:none!important;box-shadow:inset 0 1px 3px #0002!important;vertical-align:middle;overflow:visible!important;cursor:pointer}
body[data-vg-admin] :is(.vg-admin-main,[role=dialog]) button[role=switch][aria-checked][data-state][aria-checked=true]{background:linear-gradient(110deg,#ce438d,#8c59d4)!important;border-color:#b784ca!important}
body[data-vg-admin] :is(.vg-admin-main,[role=dialog]) button[role=switch][aria-checked][data-state]>span{box-sizing:border-box!important;display:block!important;width:18px!important;min-width:18px!important;height:18px!important;border-radius:50%!important;background:#fff!important;margin:0!important;transform:translateX(0)!important;box-shadow:0 1px 3px #0004!important;transition:transform .16s ease!important;pointer-events:none}
body[data-vg-admin] :is(.vg-admin-main,[role=dialog]) button[role=switch][aria-checked][data-state][aria-checked=true]>span{transform:translateX(18px)!important}
body[data-vg-admin] :is(.vg-admin-main,[role=dialog]) button[role=switch][aria-checked][data-state]:disabled{opacity:.45!important;cursor:not-allowed!important}
body[data-vg-admin] :is(.vg-admin-main,[role=dialog]) button[role=switch][aria-checked][data-state]:focus-visible{outline:2px solid #d2aeff!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){body[data-vg-admin] :is(.vg-admin-main,[role=dialog]) button[role=switch][aria-checked][data-state]>span{transition:none!important}}


/* Reset both independent CSS movement mechanisms. Bound each endpoint explicitly. */
body[data-vg-admin] :is(.vg-admin-main,[role=dialog]) button[role=switch][aria-checked][data-state]>span{
 position:absolute!important;top:2px!important;left:2px!important;right:auto!important;bottom:auto!important;
 width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;
 margin:0!important;translate:none!important;rotate:none!important;scale:none!important;
 transform:none!important;transition:none!important;
}
body[data-vg-admin] :is(.vg-admin-main,[role=dialog]) button[role=switch][aria-checked][aria-checked=true][data-state]>span{left:20px!important;translate:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){body[data-vg-admin] :is(.vg-admin-main,[role=dialog]) button[role=switch][aria-checked][data-state]>span{transition:none!important}}