[data-v-67dd0c41]{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.switch-outer-container[data-v-67dd0c41]{--switch-container-width:3rem;--position-off:0;--switch-size:1rem;--position-on:calc(100% - var(--switch-size) - var(--spacing-25));--transition-speed:.2s;padding:var(--spacing-50) 0;align-items:center;gap:var(--spacing-100);display:inline-flex}.switch-outer-container .label-container[data-v-67dd0c41]{cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;min-width:0}.disabled[data-v-67dd0c41]:is(.switch-outer-container .label-container){cursor:default}:is(.switch-outer-container .label-container) .label[data-v-67dd0c41]{font-weight:var(--label-medium-font-weight);font-size:var(--label-medium-font-size);line-height:var(--label-medium-line-height)}.switch-outer-container.reverse[data-v-67dd0c41]{flex-direction:row-reverse}.switch-outer-container .switch-container[data-v-67dd0c41]{appearance:none;font:inherit;color:inherit;box-sizing:border-box;width:var(--switch-container-width);background:var(--bg-surface);border:1px solid var(--action-primary);height:1.5rem;transition:var(--transition-speed) background;cursor:pointer;border-radius:12px;flex-shrink:0;align-items:center;margin:0;padding:0;display:flex;position:relative}:is(.switch-outer-container .switch-container) .switch-dot[data-v-67dd0c41]{width:var(--switch-size);height:var(--switch-size);background:var(--action-primary);left:var(--position-off);transition:var(--transition-speed) left, var(--transition-speed) background;border-radius:50%;margin:0 .125rem;position:absolute}[data-state=checked][data-v-67dd0c41]:is(.switch-outer-container .switch-container){background:var(--action-primary)}[data-state=checked]:is(.switch-outer-container .switch-container) .switch-dot[data-v-67dd0c41]{background:var(--bg-surface);left:var(--position-on)}[data-disabled][data-v-67dd0c41]:is(.switch-outer-container .switch-container){cursor:not-allowed;border-color:var(--border-default)}[data-disabled]:is(.switch-outer-container .switch-container) .switch-dot[data-v-67dd0c41],[data-disabled][data-state=checked][data-v-67dd0c41]:is(.switch-outer-container .switch-container){background-color:var(--border-default)}[data-disabled][data-state=checked]:is(.switch-outer-container .switch-container) .switch-dot[data-v-67dd0c41]{background-color:var(--bg-surface)}:is(.switch-outer-container .switch-container[data-v-67dd0c41]):focus-visible{outline:2px solid var(--info-dark);outline-offset:2px}:is(.switch-outer-container .switch-container[data-v-67dd0c41]):hover:not([data-disabled]),:is(.switch-outer-container .switch-container[data-v-67dd0c41]):active:not([data-disabled]),:is(.switch-outer-container .switch-container[data-v-67dd0c41]):focus:not([data-disabled]){border-color:var(--gray-23)}:is(:is(.switch-outer-container .switch-container):hover:not([data-disabled]),:is(.switch-outer-container .switch-container):active:not([data-disabled]),:is(.switch-outer-container .switch-container):focus:not([data-disabled])) .switch-dot[data-v-67dd0c41]{background-color:var(--gray-23)}[data-state=checked][data-v-67dd0c41]:is(.switch-outer-container .switch-container):hover:not([data-disabled]),[data-state=checked][data-v-67dd0c41]:is(.switch-outer-container .switch-container):active:not([data-disabled]),[data-state=checked][data-v-67dd0c41]:is(.switch-outer-container .switch-container):focus:not([data-disabled]){background:var(--gray-23)}:is([data-state=checked]:is(.switch-outer-container .switch-container):hover:not([data-disabled]),[data-state=checked]:is(.switch-outer-container .switch-container):active:not([data-disabled]),[data-state=checked]:is(.switch-outer-container .switch-container):focus:not([data-disabled])) .switch-dot[data-v-67dd0c41]{background-color:var(--bg-surface)}