.BaseSwitch[data-v-420b1dfc]{--base-switch-width:40px;--base-switch-height:19px;--base-switch-thumb-size:16px;--base-switch-thumb-offset-x:2px;--base-switch-thumb-offset-y:1.5px;--base-switch-thumb-translate:21px;--base-switch-bg-off:#e6e7eb;--base-switch-bg-on:#262626;--base-switch-thumb-bg:#fff;background:var(--base-switch-bg-off);border:none;border-radius:9999px;flex-shrink:0;height:var(--base-switch-height);position:relative;transition:background-color .2s ease,opacity .2s ease;width:var(--base-switch-width);-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.BaseSwitch[data-v-420b1dfc],.BaseSwitch[data-v-420b1dfc]:before{backface-visibility:hidden;transform:translateZ(0)}.BaseSwitch[data-v-420b1dfc]:before{background:var(--base-switch-thumb-bg);border-radius:50%;content:"";height:var(--base-switch-thumb-size);left:var(--base-switch-thumb-offset-x);position:absolute;top:var(--base-switch-thumb-offset-y);transition:transform .2s ease;width:var(--base-switch-thumb-size)}.BaseSwitch--checked[data-v-420b1dfc]{background:var(--base-switch-bg-on)}.BaseSwitch--checked[data-v-420b1dfc]:before{transform:translate(var(--base-switch-thumb-translate))}.BaseSwitch--disabled[data-v-420b1dfc]{opacity:.65}.BaseSwitch[data-v-420b1dfc]:focus-visible{outline:2px solid rgba(37,99,235,.45);outline-offset:2px}