.ui-switch[data-v-0061a2b2]{cursor:pointer;align-items:center;gap:8px;width:fit-content;display:flex;position:relative}.ui-switch__input[data-v-0061a2b2]{opacity:0;pointer-events:none;position:absolute;inset:0}.ui-switch__control[data-v-0061a2b2]{width:var(--switch-control-width);height:var(--switch-control-height);padding:var(--switch-control-padding);align-items:center;display:flex}.ui-switch__area[data-v-0061a2b2]{height:var(--switch-area-height);background-color:var(--switch-area-color-default);border-radius:var(--switch-area-border-radius);transition:background-color .2s var(--transition-easing-ease-in-out);flex:1;align-items:center;display:flex;position:relative}.ui-switch__area[data-v-0061a2b2]:after{width:var(--switch-area-dot-width);height:var(--switch-area-dot-height);background-color:var(--colors-white-default);opacity:1;transition:transform .2s var(--transition-easing-ease-in-out),opacity .2s var(--transition-easing-ease-in-out);content:"";border-radius:50%;position:absolute;top:2px;left:2px;transform:translate(0)}.ui-switch__label[data-v-0061a2b2]{color:var(--switch-label-color-default);font-size:var(--switch-label-font-size);line-height:var(--switch-label-line-height);transition:color .2s var(--transition-easing-ease-in-out);-webkit-user-select:none;user-select:none;align-items:center;display:flex}.ui-switch--size-medium[data-v-0061a2b2]{--switch-control-width:40px;--switch-control-height:24px;--switch-control-padding:0 1px;--switch-area-height:20px;--switch-area-border-radius:var(--switch-medium-area-border-radius);--switch-area-dot-width:16px;--switch-area-dot-height:16px;--switch-label-font-size:16px;--switch-label-line-height:24px}.ui-switch--size-small[data-v-0061a2b2]{--switch-control-width:32px;--switch-control-height:20px;--switch-control-padding:0 1px;--switch-area-height:16px;--switch-area-border-radius:var(--switch-small-area-border-radius);--switch-area-dot-width:12px;--switch-area-dot-height:12px;--switch-label-font-size:14px;--switch-label-line-height:20px}.ui-switch--label-left[data-v-0061a2b2]{flex-direction:row-reverse}.ui-switch--label-right[data-v-0061a2b2]{flex-direction:row}.ui-switch:hover .ui-switch__area[data-v-0061a2b2]{background-color:var(--switch-area-color-hover)}.ui-switch--checked .ui-switch__area[data-v-0061a2b2]{background-color:var(--switch-area-color-checked-default)}.ui-switch--checked .ui-switch__area[data-v-0061a2b2]:after{transform:translate(calc(100% + 2px))}.ui-switch--checked .ui-switch__input:focus-visible+.ui-switch__control .ui-switch__area[data-v-0061a2b2],.ui-switch--checked:hover .ui-switch__area[data-v-0061a2b2]{background-color:var(--switch-area-color-checked-hover)}.ui-switch--disabled[data-v-0061a2b2]{pointer-events:none}.ui-switch--disabled .ui-switch__area[data-v-0061a2b2]{background-color:var(--switch-area-color-disabled)}.ui-switch--disabled .ui-switch__area[data-v-0061a2b2]:after{opacity:.5}.ui-switch--disabled .ui-switch__label[data-v-0061a2b2]{color:var(--switch-label-color-disabled)}.ui-switch--disabled.ui-switch--checked .ui-switch__area[data-v-0061a2b2]{background-color:var(--switch-area-color-checked-disabled)}.ui-switch--variant-primary[data-v-0061a2b2]{--switch-area-color-default:var(--colors-state-accent-transparent-soft);--switch-area-color-checked-default:var(--colors-state-accent-default);--switch-area-color-hover:var(--colors-state-accent-transparent-soft);--switch-area-color-checked-hover:var(--colors-state-accent-hover);--switch-area-color-disabled:var(--colors-bg-disabled);--switch-area-color-checked-disabled:var(--colors-state-accent-soft);--switch-label-color-default:var(--colors-fg-default);--switch-label-color-checked-default:var(--colors-fg-default);--switch-label-color-hover:var(--colors-fg-default);--switch-label-color-checked-hover:var(--colors-fg-default);--switch-label-color-disabled:var(--colors-fg-disabled);--switch-label-color-checked-disabled:var(--colors-fg-disabled)}