/* Fix for oversized toggle buttons in additional instances */
.toggle-slider,
.toggle-button,
input[type="checkbox"] + .slider,
.toggle-switch,
.switch {
  /* Standard button size based on first instance */
  width: 40px !important;
  height: 20px !important;
  max-width: 40px !important;
  max-height: 20px !important;
  min-width: 40px !important;
  min-height: 20px !important;
  overflow: hidden !important;
}

/* Handle the slider knob/circle size */
.toggle-slider:before,
.toggle-button:before,
input[type="checkbox"] + .slider:before,
.toggle-switch:before,
.switch:before {
  height: 16px !important;
  width: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  /* Adjust position to ensure centered */
  top: 2px !important;
  left: 2px !important;
}

/* Adjust position of slider knob when checked/enabled */
input:checked + .toggle-slider:before,
input:checked + .toggle-button:before,
input:checked + .slider:before,
.toggle-switch.active:before,
.switch.active:before {
  transform: translateX(20px) !important;
}