.base-toggle[data-v-a5c0dd6a]{display:inline-flex;align-items:center;position:relative;flex-shrink:0;width:3.2rem;height:1.6rem;padding:.2rem;border:none;border-radius:var(--radius-full);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent;transition:background .15s ease}.base-toggle[data-v-a5c0dd6a]:disabled{cursor:not-allowed}.base-toggle__thumb[data-v-a5c0dd6a]{position:absolute;top:.2rem;width:1.2rem;height:1.2rem;border-radius:50%;background:#fff;transition:left .18s ease;will-change:left}.base-toggle--on[data-v-a5c0dd6a]{background:var(--brand-default)}.base-toggle--on .base-toggle__thumb[data-v-a5c0dd6a]{left:calc(100% - 1.4rem);background:var(--text-icon-black-primary)}.base-toggle--on[data-v-a5c0dd6a]:hover:not(:disabled){background:var(--brand-hover)}.base-toggle--on[data-v-a5c0dd6a]:active:not(:disabled){background:var(--brand-active)}.base-toggle--on[data-v-a5c0dd6a]:disabled{background:var(--brand-transparent-disable)}.base-toggle--off[data-v-a5c0dd6a]{background:var(--surface-panel-light)}.base-toggle--off .base-toggle__thumb[data-v-a5c0dd6a]{left:.2rem}.base-toggle--off[data-v-a5c0dd6a]:hover:not(:disabled){background:var(--surface-panel-normal)}.base-toggle--off[data-v-a5c0dd6a]:active:not(:disabled){background:#fff3}.base-toggle--off[data-v-a5c0dd6a]:disabled{background:var(--surface-panel-light)}