.am-switch .checkbox {
  width: 51px;
  height: 31px;
  border-radius: 50vh;
  border-radius: var(--am-switch-corner-radius, 50vh)
}
.am-switch .checkbox:after {
  left: 2px;
  top: 2px;
  width: 27px;
  height: 27px;
  border-radius: 50vh;
  border-radius: var(--am-switch-float-corner-radius, 50vh)
}

.am-switch .checkbox:before {
  left: 2px;
  top: 2px;
  width: 47px;
  height: 27px;
  border-radius: 50vh;
  border-radius: var(--am-switch-corner-radius, 50vh)
}

.am-switch.a-switch-android .checkbox {
  width: 72px;
  height: 23px;
  border-radius: 3px
}

.am-switch.a-switch-android .checkbox:after {
  width: 35px;
  height: 21px;
  border-radius: 2px;
  left: 1px;
  top: 1px
}

.am-switch .a-switch-checkbox.a-switch-checkbox:checked ~ .checkbox {
  background: #1677ff;
  background: var(--am-switch-background, #1677ff)
}

.am-switch .a-switch-checkbox.a-switch-checkbox:checked ~ .checkbox::after {
  transform: translateX(20px)
}

.am-switch.a-switch-android .a-switch-checkbox.a-switch-checkbox:checked ~ .checkbox::after {
  transform: translateX(35px)
}