.base-switch[data-v-c7eaa932]{--switch-container-width:36px;align-items:center;cursor:pointer;display:flex;width:var(--switch-container-width)}.base-switch--checked .base-switch__wrapper[data-v-c7eaa932]{background-color:var(--violet-500)}.base-switch--checked .base-switch__wrapper[data-v-c7eaa932]:before{transform:translate(calc(var(--switch-container-width) - var(--switch-size)))}.base-switch--disabled[data-v-c7eaa932]{cursor:not-allowed;opacity:.4}.base-switch--disabled .base-switch__label[data-v-c7eaa932]{cursor:not-allowed}.base-switch__wrapper[data-v-c7eaa932]{--switch-size:20px;align-items:center;background-color:var(--black-0);border-radius:var(--radius-pill);display:flex;flex-basis:var(--switch-container-width);flex-shrink:0;height:var(--switch-size);margin-right:var(--space-2);position:relative;transition:background-color var(--motion-base) var(--ease-in-out)}.base-switch__wrapper[data-v-c7eaa932]:before{background-color:var(--white);border-radius:var(--radius-pill);content:"";height:calc(var(--switch-size) - 4px);left:2px;position:absolute;transition:transform var(--motion-fast) var(--ease-in-out);width:calc(var(--switch-size) - 4px)}.base-switch__wrapper[data-v-c7eaa932]:focus-within{outline:2px solid var(--focus-ring);outline-offset:2px}.base-switch__wrapper[data-v-c7eaa932]:after{content:"";inset:-12px -8px;position:absolute}.base-switch__label[data-v-c7eaa932]{color:var(--text-primary);cursor:pointer;font-family:Metropolis;font-size:16px;font-weight:400;letter-spacing:0;line-height:1.5;line-height:24px}.base-switch__input[data-v-c7eaa932]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;height:1px;margin:-1px;width:1px}