.mtl-switch[data-v-04482b42] {
  border-radius: 9999px;
  position: relative;
}
.mtl-switch .switch-dot[data-v-04482b42] {
  position: absolute;
  top: 50%;
  left: var(--gapSize);
  transform: translate(0, -50%);
  transition: all 0.1s;
}
.mtl-switch .switch-dot.white-dot[data-v-04482b42] {
  width: 50%;
  height: 90%;
  border-radius: 100%;
  background-color: #fff;
}
.mtl-switch .switch-dot.active[data-v-04482b42] {
  left: 100%;
  --x: calc(-100% - var(--gapSize));
  transform: translate(var(--x), -50%);
}
.mtl-switch .text-container[data-v-04482b42] {
  width: 100%;
  font-family: PingFang SC;
  font-size: 0.75rem;
  color: #FFFFFF;
  text-align: right;
  padding: 0 0.125rem;
}
.mtl-switch .text-container.active[data-v-04482b42] {
  text-align: left;
}