.toggle[data-v-4b18c510]{width:32px;height:16px;padding-inline:var(--x-pad-surface-xxs,2px);border-radius:var(--x-sys-radius-full,100px);background-color:var(--x-palette-neutral-50);cursor:pointer;flex-direction:row;flex-shrink:0;align-items:center;transition-property:background-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}@media (hover:hover){.toggle[data-v-4b18c510]:hover{background-color:var(--x-palette-neutral-50)}@supports (color:color-mix(in lab,red,red)){.toggle[data-v-4b18c510]:hover{background-color:color-mix(in srgb,var(--x-palette-neutral-50) 90%,var(--x-states-hover))}}.toggle[data-headlessui-state~=checked][data-v-4b18c510]:hover{background-color:var(--x-palette-primary-main)}@supports (color:color-mix(in lab,red,red)){.toggle[data-headlessui-state~=checked][data-v-4b18c510]:hover{background-color:color-mix(in srgb,var(--x-palette-primary-main) 90%,var(--x-states-hover))}}:where([data-headlessui-state~=checked]) .toggle[data-v-4b18c510]:hover{background-color:var(--x-palette-primary-main)}@supports (color:color-mix(in lab,red,red)){:where([data-headlessui-state~=checked]) .toggle[data-v-4b18c510]:hover{background-color:color-mix(in srgb,var(--x-palette-primary-main) 90%,var(--x-states-hover))}}}.toggle[data-v-4b18c510]:focus{outline-color:var(--x-palette-secondary-50)}.toggle[data-v-4b18c510]:active{background-color:var(--x-palette-neutral-50)}@supports (color:color-mix(in lab,red,red)){.toggle[data-v-4b18c510]:active{background-color:color-mix(in srgb,var(--x-palette-neutral-50) 80%,var(--x-states-pressed))}}.toggle[data-v-4b18c510]:disabled{cursor:not-allowed;background-color:var(--x-palette-neutral-100)!important;opacity:.5!important}.toggle[data-headlessui-state~=checked][data-v-4b18c510],:where([data-headlessui-state~=checked]) .toggle[data-v-4b18c510]{background-color:var(--x-palette-primary-main);flex-direction:row-reverse}.toggle[data-headlessui-state~=checked][data-v-4b18c510]:active{background-color:var(--x-palette-primary-main)}@supports (color:color-mix(in lab,red,red)){.toggle[data-headlessui-state~=checked][data-v-4b18c510]:active{background-color:color-mix(in srgb,var(--x-palette-primary-main) 80%,var(--x-states-pressed))}}:where([data-headlessui-state~=checked]) .toggle[data-v-4b18c510]:active{background-color:var(--x-palette-primary-main)}@supports (color:color-mix(in lab,red,red)){:where([data-headlessui-state~=checked]) .toggle[data-v-4b18c510]:active{background-color:color-mix(in srgb,var(--x-palette-primary-main) 80%,var(--x-states-pressed))}}.toggle[data-size=large][data-v-4b18c510],[data-size=large] .toggle[data-v-4b18c510]{width:40px;height:20px}.toggle__dot[data-v-4b18c510]{border-radius:var(--x-sys-radius-full,100px);background-color:var(--x-palette-neutral-0);width:12px;height:12px;margin-inline-end:6px}.toggle__dot[data-size=large][data-v-4b18c510],[data-size=large] .toggle__dot[data-v-4b18c510]{width:16px;height:16px;margin-inline-end:8px}.toggle__dot--checked[data-v-4b18c510]{margin-inline:6px 0}.toggle__dot--checked[data-size=large][data-v-4b18c510],[data-size=large] .toggle__dot--checked[data-v-4b18c510]{margin-inline:8px 0}.toggle__icon[data-v-4b18c510]{width:var(--x-size-icon-xxs,8px);height:var(--x-size-icon-xxs,8px)}.toggle__icon[data-size=large][data-v-4b18c510],[data-size=large] .toggle__icon[data-v-4b18c510]{width:10px;height:10px}.theme--styled-edge .toggle__dot[data-v-4b18c510]{margin-inline-end:var(--x-pad-surface-s)}.theme--styled-edge .toggle__dot--checked[data-v-4b18c510]{margin-inline-start:var(--x-pad-surface-s)}