.ToggleSwitch3044984865__root {
  -st-extends: ToggleSwitch;
  -st-states:
    size(enum(small, medium, large)),
    skin(enum(standard, success, error));
  -st-extends: ToggleSwitch;
}

.ToggleSwitch3044984865__root:not(.ToggleSwitch1352156957--disabled) {
  cursor: pointer;
}

.ToggleSwitch3044984865__root .ToggleSwitch1352156957__track {
  transition: all 300ms ease;
}

.ToggleSwitch3044984865__root .ToggleSwitch1352156957__knob {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
  transition: all 300ms ease;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-5-small {
  -st-extends: ToggleSwitch;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 16px;
  box-sizing: border-box;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-5-small .ToggleSwitch1352156957__track {
  box-sizing: border-box;
  width: 30px;
  height: 16px;
  border-radius: 8px;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-5-small .ToggleSwitch1352156957__knob {
  position: absolute;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  transform: translateX(-7px);
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-5-small .ToggleSwitch1352156957__knobIcon {
  width: 7px;
  height: 7px;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-5-small .ToggleSwitch1352156957__knobIcon > svg {
  display: block;
  width: 100%;
  height: 100%;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-5-small.ToggleSwitch1352156957--checked .ToggleSwitch1352156957__knob,
[dir="rtl"] .ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-5-small .ToggleSwitch1352156957__knob {
  transform: translateX(7px);
}

[dir="rtl"] .ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-5-small.ToggleSwitch1352156957--checked .ToggleSwitch1352156957__knob {
  transform: translateX(-7px);
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-6-medium {
  -st-extends: ToggleSwitch;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 20px;
  box-sizing: border-box;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-6-medium .ToggleSwitch1352156957__track {
  box-sizing: border-box;
  width: 36px;
  height: 20px;
  border-radius: 10px;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-6-medium .ToggleSwitch1352156957__knob {
  position: absolute;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  transform: translateX(-8px);
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-6-medium .ToggleSwitch1352156957__knobIcon {
  width: 9px;
  height: 9px;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-6-medium .ToggleSwitch1352156957__knobIcon > svg {
  display: block;
  width: 100%;
  height: 100%;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-6-medium.ToggleSwitch1352156957--checked .ToggleSwitch1352156957__knob,
[dir="rtl"] .ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-6-medium .ToggleSwitch1352156957__knob {
  transform: translateX(8px);
}

[dir="rtl"] .ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-6-medium.ToggleSwitch1352156957--checked .ToggleSwitch1352156957__knob {
  transform: translateX(-8px);
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-5-large {
  -st-extends: ToggleSwitch;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 24px;
  box-sizing: border-box;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-5-large .ToggleSwitch1352156957__track {
  box-sizing: border-box;
  width: 48px;
  height: 24px;
  border-radius: 12px;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-5-large .ToggleSwitch1352156957__knob {
  position: absolute;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  transform: translateX(-12px);
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-5-large .ToggleSwitch1352156957__knobIcon {
  width: 11px;
  height: 11px;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-5-large .ToggleSwitch1352156957__knobIcon > svg {
  display: block;
  width: 100%;
  height: 100%;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-5-large.ToggleSwitch1352156957--checked .ToggleSwitch1352156957__knob,
[dir="rtl"] .ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-5-large .ToggleSwitch1352156957__knob {
  transform: translateX(12px);
}

[dir="rtl"] .ToggleSwitch3044984865__root.ToggleSwitch3044984865---size-5-large.ToggleSwitch1352156957--checked .ToggleSwitch1352156957__knob {
  transform: translateX(-12px);
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-8-standard {
  -st-extends: ToggleSwitch;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-8-standard .ToggleSwitch1352156957__track {
  background-color: currentColor;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-8-standard .ToggleSwitch1352156957__knob {
  background-color: white;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-8-standard .ToggleSwitch1352156957__knobIcon {
  fill: currentColor;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-8-standard {
  color: #DAEFFE;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-8-standard:hover {
  color: #C1E4FE;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-8-standard.ToggleSwitch1352156957--checked {
  color: #3899EC;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-8-standard.ToggleSwitch1352156957--checked:hover {
  color: #4EB7F5;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-8-standard.ToggleSwitch1352156957--disabled,
.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-8-standard.ToggleSwitch1352156957--disabled:hover,
.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-8-standard.ToggleSwitch1352156957--disabled.ToggleSwitch1352156957--checked,
.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-8-standard.ToggleSwitch1352156957--disabled.ToggleSwitch1352156957--checked:hover {
  color: #B6C1CD;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-7-success {
  -st-extends: ToggleSwitch;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-7-success .ToggleSwitch1352156957__track {
  background-color: currentColor;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-7-success .ToggleSwitch1352156957__knob {
  background-color: white;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-7-success .ToggleSwitch1352156957__knobIcon {
  fill: currentColor;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-7-success {
  color: #DEF4D4;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-7-success:hover {
  color: #C9EEBC;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-7-success.ToggleSwitch1352156957--checked {
  color: #60BC57;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-7-success.ToggleSwitch1352156957--checked:hover {
  color: #80C979;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-7-success.ToggleSwitch1352156957--disabled,
.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-7-success.ToggleSwitch1352156957--disabled:hover,
.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-7-success.ToggleSwitch1352156957--disabled.ToggleSwitch1352156957--checked,
.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-7-success.ToggleSwitch1352156957--disabled.ToggleSwitch1352156957--checked:hover {
  color: #B6C1CD;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-5-error {
  -st-extends: ToggleSwitch;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-5-error .ToggleSwitch1352156957__track {
  background-color: currentColor;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-5-error .ToggleSwitch1352156957__knob {
  background-color: white;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-5-error .ToggleSwitch1352156957__knobIcon {
  fill: currentColor;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-5-error {
  color: #FFE1E1;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-5-error:hover {
  color: #FFD7D7;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-5-error.ToggleSwitch1352156957--checked {
  color: #EE5951;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-5-error.ToggleSwitch1352156957--checked:hover {
  color: #FF6666;
}

.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-5-error.ToggleSwitch1352156957--disabled,
.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-5-error.ToggleSwitch1352156957--disabled:hover,
.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-5-error.ToggleSwitch1352156957--disabled.ToggleSwitch1352156957--checked,
.ToggleSwitch3044984865__root.ToggleSwitch3044984865---skin-5-error.ToggleSwitch1352156957--disabled.ToggleSwitch1352156957--checked:hover {
  color: #B6C1CD;
}

.ToggleSwitch3044984865__root.ToggleSwitch1352156957--focus-visible .ToggleSwitch1352156957__track {
	box-shadow: 0 0 0 3px #AADBFC;
}

.ToggleSwitch3044984865__root .ToggleSwitch1352156957__knob {
  box-shadow: 0 2px 1px 0 rgba(22, 45, 61, 0.48), 0 0 3px 0 rgba(22, 45, 61, 0.12);
}