.switch[data-v-27e2a3ee]{display:inline-flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;position:relative;max-width:100%}.switch[data-v-27e2a3ee]:after{content:"\a";display:block;width:1000px}.switch--inline[data-v-27e2a3ee]:after{width:auto}.switch--right .switch__input[data-v-27e2a3ee]{right:0;left:auto}.switch--right .switch__label[data-v-27e2a3ee]{flex-direction:row-reverse;width:100%}.switch--two-state .switch__input[data-v-27e2a3ee]{left:calc(50% - var(--magic-switch-track-width, 32px) / 2)}.switch--two-state .switch__label[data-v-27e2a3ee]{justify-content:center;width:100%}.switch--two-state .switch__input:not(:checked)+.switch__label .switch__track[data-v-27e2a3ee]{background-color:var(--magic-switch-track-on, var(--magic-background-success-default))}.switch--two-state .switch__input:checked+.switch__label .switch__track[data-v-27e2a3ee]{background-color:var(--magic-switch-track-off, var(--magic-background-tertiary-default))}.switch__input[data-v-27e2a3ee]{position:absolute;top:0;left:0;margin:0;width:var(--magic-switch-track-width, 32px);height:var(--magic-switch-track-height, 18px);opacity:0;z-index:1;cursor:pointer}.switch__input[data-v-27e2a3ee]:disabled{cursor:default}.switch__label[data-v-27e2a3ee]{display:inline-flex;align-items:center;gap:var(--magic-size-2);cursor:pointer;font-family:var(--magic-font-family, Helvetica, Arial, sans-serif);font-size:var(--magic-font-size-4);line-height:var(--magic-line-height-2);font-weight:400;color:var(--magic-text-default);line-height:var(--magic-switch-track-height, 18px)}.switch__track[data-v-27e2a3ee]{display:inline-flex;align-items:center;flex-shrink:0;position:relative;width:var(--magic-switch-track-width, 32px);height:var(--magic-switch-track-height, 18px);border-radius:var(--magic-switch-track-width, 32px);background-color:var(--magic-switch-track-off, var(--magic-background-tertiary-default));transition:background-color var(--magic-duration, .3s) ease;will-change:background-color}.switch__thumb[data-v-27e2a3ee]{position:absolute;top:var(--magic-switch-thumb-offset, 2px);left:var(--magic-switch-thumb-offset, 2px);width:var(--magic-switch-thumb-size, 14px);height:var(--magic-switch-thumb-size, 14px);border-radius:50%;background-color:var(--magic-switch-thumb-color, var(--magic-background-white));transform:translateZ(0);transition:transform var(--magic-duration, .3s) ease;will-change:transform}.switch__input:not(:checked)+.switch__label .switch__thumb[data-v-27e2a3ee]{background-color:var(--magic-switch-thumb-off-color, var(--magic-switch-thumb-color, var(--magic-background-white)))}.switch__input:checked+.switch__label .switch__track[data-v-27e2a3ee]{background-color:var(--magic-switch-track-on, var(--magic-background-success-default))}.switch__input:checked+.switch__label .switch__thumb[data-v-27e2a3ee]{transform:translate3d(var(--magic-switch-thumb-travel, 14px),0,0)}@media(min-width:1024px){.switch:not(.switch--two-state) .switch__input:not(:disabled):checked:hover+.switch__label .switch__track[data-v-27e2a3ee]{background-color:var(--magic-background-primary-default, var(--magic-background-tertiary-default))}}.switch:not(.switch--two-state) .switch__input:checked:focus-visible+.switch__label .switch__track[data-v-27e2a3ee]{background-color:var(--magic-background-primary-default, var(--magic-background-tertiary-default))}.switch__input:focus-visible+.switch__label .switch__track[data-v-27e2a3ee]{outline:2px solid var(--magic-border-focus-ring);outline-offset:2px}.switch__input:disabled+.switch__label[data-v-27e2a3ee]{color:var(--magic-text-disabled);cursor:default}.switch__input:disabled+.switch__label .switch__track[data-v-27e2a3ee]{background-color:var(--magic-background-disabled-subtle)}.switch__input:disabled+.switch__label .switch__thumb[data-v-27e2a3ee]{background-color:var(--magic-icon-disabled)}.switch--loading .switch__input[data-v-27e2a3ee],.switch--loading .switch__label[data-v-27e2a3ee]{cursor:progress}.switch--loading .switch__thumb[data-v-27e2a3ee]{opacity:0}.switch--loading .switch__track[data-v-27e2a3ee]:after{content:"";position:absolute;top:50%;left:50%;width:calc(var(--magic-switch-track-height, 18px) - 6px);height:calc(var(--magic-switch-track-height, 18px) - 6px);margin:calc((var(--magic-switch-track-height, 18px) - 6px) / -2) 0 0 calc((var(--magic-switch-track-height, 18px) - 6px) / -2);border:2px solid var(--magic-switch-loader-color, var(--magic-background-white));border-top-color:transparent;border-radius:50%;animation:switch-loading-spin-27e2a3ee .8s linear infinite}@keyframes switch-loading-spin-27e2a3ee{to{transform:rotate(360deg)}}