.form-control--new-switch > input[type=checkbox] ~ span,
.form-control--new-switch > input[type=radio] ~ span {
  padding-left: 28px;
  min-height: 18px;
}

.form-control--new-switch > input[type=checkbox] ~ span:empty,
.form-control--new-switch > input[type=radio] ~ span:empty {
  padding-left: 18px;
}

.form-control--new-switch > input[type=checkbox] ~ span:before,
.form-control--new-switch > input[type=radio] ~ span:before {
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: 2px;
  height: 18px;
  width: 18px;
  background: transparent;
}

.form-control--new-switch > input[type=checkbox] ~ span:after,
.form-control--new-switch > input[type=radio] ~ span:after {
  display: none;
}

.form-control--new-switch > input[type=checkbox]:checked ~ span:before,
.form-control--new-switch > input[type=radio]:checked ~ span:before {
  background: #ffc845;
  border-color: #ffc845;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.02892 5.94559L0.987256 3.90392C0.933868 3.84988 0.870284 3.80698 0.80019 3.77769C0.730097 3.74841 0.654888 3.73333 0.578923 3.73333C0.502959 3.73333 0.427749 3.74841 0.357656 3.77769C0.287562 3.80698 0.223978 3.84988 0.17059 3.90392C0.11655 3.95731 0.0736448 4.0209 0.0443617 4.09099C0.0150786 4.16108 0 4.23629 0 4.31226C0 4.38822 0.0150786 4.46343 0.0443617 4.53352C0.0736448 4.60362 0.11655 4.6672 0.17059 4.72059L2.61476 7.16476C2.84226 7.39226 3.20976 7.39226 3.43726 7.16476L9.62059 0.987256C9.67463 0.933868 9.71754 0.870284 9.74682 0.80019C9.7761 0.730097 9.79118 0.654887 9.79118 0.578923C9.79118 0.502958 9.7761 0.427749 9.74682 0.357656C9.71754 0.287562 9.67463 0.223978 9.62059 0.17059C9.5672 0.11655 9.50362 0.0736446 9.43352 0.0443616C9.36343 0.0150785 9.28822 0 9.21226 0C9.13629 0 9.06108 0.0150785 8.99099 0.0443616C8.92089 0.0736446 8.85731 0.11655 8.80392 0.17059L3.02892 5.94559Z' fill='%23333332'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 8px;
}

.form-control--new-switch > input[type=checkbox]:checked ~ span:after,
.form-control--new-switch > input[type=radio]:checked ~ span:after {
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
}

.form-control--new-switch.form-control--error > input[type=checkbox] ~ span:before,
.form-control--new-switch.form-control--error > input[type=radio] ~ span:before {
  border: 2px solid var(--red-coral-dark);
}

.form-control--new-switch.form-control--error > input[type=checkbox]:checked ~ span:before,
.form-control--new-switch.form-control--error > input[type=radio]:checked ~ span:before {
  border: 1px solid rgba(51, 51, 51, 0.3);
}

.form-control--new-switch > input[type=checkbox].is-error ~ span:before,
.form-control--new-switch > input[type=radio].is-error ~ span:before {
  border: 2px solid var(--red-coral-dark);
}

.form-control--new-switch > input[type=checkbox].is-error:checked ~ span:before,
.form-control--new-switch > input[type=radio].is-error:checked ~ span:before {
  border: 1px solid rgba(51, 51, 51, 0.3);
}