.mic-Switch {
  position: relative;
  display: flex;
  align-items: center;
}
.mic-Switch .mic-switch {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: relative;
  border: 1px solid transparent;
  border-radius: 20px;
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  outline: none;
}
.mic-Switch .mic-switch + .circleBtn {
  cursor: pointer;
  height: 100%;
  position: absolute;
  top: 0;
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.mic-Switch .mic-switch.mic-switch-animbg {
  transition: background-color ease 0.4s;
}
.mic-Switch .mic-switch.mic-switch-animbg + .circleBtn {
  transition: left 0.3s;
}
.mic-Switch .mic-switch.mic-switch-animbg:checked {
  transition: border-color 0.4s, background-color ease 0.4s;
}
.mic-Switch .mic-switch.mic-switch-anim {
  transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;
}
.mic-Switch .mic-switch.mic-switch-anim + .circleBtn {
  transition: left 0.3s;
}
.mic-Switch .mic-switch.mic-switch-anim:checked {
  transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s;
}
.mic-Switch .textInner.checked {
  right: auto;
  left: 7px;
  color: #fff;
}
.mic-Switch .textInner {
  cursor: pointer;
  color: #999;
  position: absolute;
  right: 7px;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 12px;
  user-select: none;
}
.mic-Switch.disabled .mic-switch {
  border-color: #ACA899 !important;
  box-shadow: #ACA899 0 0 0 16px inset !important;
  background-color: #ACA899 !important;
}
.mic-Switch.disabled .textInner {
  color: #ddd;
}
.mic-Switch.disabled * {
  cursor: not-allowed;
}