.wsf-form input[type=checkbox].wsf-field {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: var(--wsf-field-checkbox-color-background);
  border-radius: var(--wsf-field-checkbox-border-radius);
  bottom: auto;
  border: var(--wsf-field-border);
  display: block;
  height: var(--wsf-field-checkbox-size);
  margin: 0;
  min-height: var(--wsf-field-checkbox-size);
  opacity: 1;
  padding: 0;
  position: absolute;
  text-align: left;
  top: auto;
  vertical-align: middle;
  width: var(--wsf-field-checkbox-size);
}

.wsf-form input[type=checkbox].wsf-field:checked {
  background-color: var(--wsf-field-checkbox-checked-color-background);
  border-color: var(--wsf-field-checkbox-checked-color-background);
}

.wsf-form input[type=checkbox].wsf-field:checked::after {
  background: none;
  border-color: var(--wsf-field-checkbox-checkmark-color);
  border-style: solid;
  border-width: 0 var(--wsf-field-checkbox-check-size) var(--wsf-field-checkbox-check-size) 0;
  content: "";
  display: block;
  height: var(--wsf-field-checkbox-check-height);
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translate(calc( (var(--wsf-field-checkbox-size) / 2) -  (var(--wsf-field-checkbox-check-width) / 2) - var(--wsf-field-border-width)), calc( (var(--wsf-field-checkbox-size) / 2) -  (var(--wsf-field-checkbox-check-height) / 2) - (var(--wsf-field-border-width) + 1px))) rotate(45deg);
          transform: translate(calc( (var(--wsf-field-checkbox-size) / 2) -  (var(--wsf-field-checkbox-check-width) / 2) - var(--wsf-field-border-width)), calc( (var(--wsf-field-checkbox-size) / 2) -  (var(--wsf-field-checkbox-check-height) / 2) - (var(--wsf-field-border-width) + 1px))) rotate(45deg);
  transition: none;
  width: var(--wsf-field-checkbox-check-width);
}

.wsf-form input[type=checkbox].wsf-field::before {
  display: none !important;
}

.wsf-form input[type=checkbox].wsf-field + label.wsf-label {
  display: inline-block;
  margin-left: calc(var(--wsf-field-checkbox-size) + var(--wsf-field-checkbox-gap-horizontal));
  margin-top: 0;
  vertical-align: top;
}

.wsf-form input[type=checkbox].wsf-field:hover:enabled:not(:checked):not(:focus) {
  background-color: var(--wsf-field-color-background-hover);
  border-color: var(--wsf-field-border-color-hover);
}

.wsf-form input[type=checkbox].wsf-field:focus {
  border-color: var(--wsf-field-border-color-focus);
  box-shadow: var(--wsf-field-box-shadow);
}

.wsf-form input[type=checkbox].wsf-field:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.wsf-form input[type=checkbox].wsf-field:disabled + label.wsf-label {
  cursor: not-allowed;
  opacity: .5;
}

.wsf-form input[type=checkbox].wsf-field.wsf-button, .wsf-form input[type=checkbox].wsf-field.wsf-switch, .wsf-form input[type=checkbox].wsf-field.wsf-swatch {
  background: none;
  border: none;
  bottom: auto;
  left: auto;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: auto;
  top: auto;
}

.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label {
  margin: 0;
  padding: 0;
}

.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::before {
  background-color: var(--wsf-field-color-background);
  border: var(--wsf-field-border);
  border-radius: var(--wsf-field-border-radius);
  box-sizing: border-box;
  content: '';
  cursor: pointer;
  display: inline-block;
  height: var(--wsf-field-checkbox-size);
  left: 0;
  position: absolute;
  vertical-align: top;
  width: var(--wsf-field-checkbox-size);
}

.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::after {
  box-sizing: border-box;
  content: '';
  cursor: pointer;
  display: inline-block;
  height: var(--wsf-field-checkbox-size);
  left: 0;
  position: absolute;
  top: 0;
  vertical-align: top;
  width: var(--wsf-field-checkbox-size);
}

.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label + .wsf-invalid-feedback, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label + .wsf-invalid-feedback, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label + .wsf-invalid-feedback {
  margin-bottom: var(--wsf-field-invalid-feedback-gap);
  margin-top: calc(-1 * var(--wsf-field-invalid-feedback-gap));
}

.wsf-form input[type=checkbox].wsf-field.wsf-button:hover:not(:focus):not(:checked) + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch:hover:not(:focus):not(:checked) + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:hover:not(:focus):not(:checked) + label.wsf-label::before {
  background-color: var(--wsf-field-color-background-hover);
  border-color: var(--wsf-field-border-color-hover);
}

.wsf-form input[type=checkbox].wsf-field.wsf-button:focus + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:focus + label.wsf-label::before {
  border-color: var(--wsf-field-border-color-focus);
  box-shadow: var(--wsf-field-box-shadow);
}

.wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label {
  color: var(--wsf-field-checkbox-button-color);
}

.wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label::before {
  background-color: var(--wsf-field-color-background-disabled);
  border-color: var(--wsf-field-border-color-disabled);
  cursor: not-allowed;
  opacity: .5;
}

.wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label::after {
  cursor: not-allowed;
}

.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label {
  background-color: var(--wsf-field-checkbox-button-color-background);
  border-color: var(--wsf-field-checkbox-button-color-background);
  border-radius: var(--wsf-field-border-radius);
  color: var(--wsf-field-checkbox-button-color);
  cursor: pointer;
  display: inline-block;
  font-family: var(--wsf-field-font-family);
  font-size: var(--wsf-field-font-size);
  font-weight: var(--wsf-field-font-weight);
  line-height: var(--wsf-field-line-height);
  padding: var(--wsf-field-padding);
  text-align: center;
  text-decoration: none;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}

.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before {
  display: none;
}

.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::after {
  display: none;
}

.wsf-form input[type=checkbox].wsf-field.wsf-button:focus + label.wsf-label {
  box-shadow: var(--wsf-field-box-shadow);
}

.wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label {
  cursor: not-allowed;
  opacity: .5;
}

.wsf-form input[type=checkbox].wsf-field.wsf-button:checked + label.wsf-label {
  background-color: var(--wsf-field-checkbox-checked-button-color-background);
  border-color: var(--wsf-field-checkbox-checked-button-color-background);
  color: var(--wsf-field-checkbox-checked-button-color);
}

.wsf-form input[type=checkbox].wsf-field.wsf-button:checked:focus + label.wsf-label {
  box-shadow: var(--wsf-field-box-shadow);
}

.wsf-form input[type=checkbox].wsf-field.wsf-button.wsf-button-full + label.wsf-label {
  display: block;
}

.wsf-form input[type=checkbox].wsf-field.wsf-switch {
  width: var(--wsf-field-checkbox-switch-width);
}

.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label {
  position: relative;
  -webkit-padding-start: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal));
  padding-inline-start: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal));
}

.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before {
  border-radius: calc(var(--wsf-field-checkbox-size) / 2);
  width: var(--wsf-field-checkbox-switch-width);
}

.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
  background-color: var(--wsf-field-checkbox-switch-color);
  border: none;
  border-radius: 50%;
  height: var(--wsf-field-checkbox-switch-size);
  left: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
  top: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
  width: var(--wsf-field-checkbox-switch-size);
}

.wsf-form input[type=checkbox].wsf-field.wsf-switch:hover:enabled:not(:checked):not(:focus) + label.wsf-label::after {
  border-color: var(--wsf-field-border-color-hover);
}

.wsf-form input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::after {
  border-color: var(--wsf-field-border-color-focus);
}

.wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::after {
  border-color: var(--wsf-field-border-color-disabled);
}

.wsf-form input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::before {
  background-color: var(--wsf-field-checkbox-checked-switch-color-background);
  border-color: var(--wsf-field-checkbox-checked-switch-color-background);
}

.wsf-form input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::after {
  background-color: var(--wsf-field-checkbox-checked-switch-color);
  left: calc(var(--wsf-field-checkbox-switch-width) - var(--wsf-field-checkbox-switch-size) - ((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2));
}

.wsf-form input[type=checkbox].wsf-field.wsf-color {
  display: none;
}

.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label {
  margin-left: 0;
  padding-left: 0;
  position: relative;
}

.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label::before {
  display: none;
}

.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label::after {
  display: none;
}

.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label > span {
  border: var(--wsf-field-border);
  border-radius: var(--wsf-field-border-radius);
  cursor: pointer;
  display: inline-block;
  height: var(--wsf-field-height);
  vertical-align: middle;
  width: var(--wsf-field-height);
}

.wsf-form input[type=checkbox].wsf-field.wsf-color.wsf-circle + label.wsf-label > span {
  border-radius: 50%;
}

.wsf-form input[type=checkbox].wsf-field.wsf-color:hover:enabled:not(:checked):not(:focus) + label.wsf-label > span {
  background-color: var(--wsf-field-color-background-hover);
  border-color: var(--wsf-field-border-color-hover);
}

.wsf-form input[type=checkbox].wsf-field.wsf-color:focus + label.wsf-label > span {
  background-color: var(--wsf-field-color-background-focus);
  border-color: var(--wsf-field-border-color-focus);
  box-shadow: var(--wsf-field-box-shadow);
}

.wsf-form input[type=checkbox].wsf-field.wsf-color:disabled + label.wsf-label > span {
  cursor: not-allowed;
  opacity: .5;
}

.wsf-form input[type=checkbox].wsf-field.wsf-color:checked + label.wsf-label > span {
  border-color: var(--wsf-field-checkbox-checked-swatch-border-color);
  box-shadow: inset 0 0 0 2px var(--wsf-field-checkbox-checked-swatch-box-shadow-color);
}

.wsf-form input[type=checkbox].wsf-field.wsf-image {
  display: none;
}

.wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label {
  margin-left: 0;
  padding-left: 0;
  position: relative;
}

.wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label > img {
  background-color: var(--wsf-field-color-background);
  border: var(--wsf-field-border);
  border-radius: var(--wsf-field-border-radius);
  cursor: pointer;
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 2px;
  vertical-align: middle;
}

.wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label .wsf-image-caption {
  color: var(--wsf-field-help-color);
  display: block;
  font-size: var(--wsf-field-font-size-small);
  line-height: var(--wsf-field-line-height);
  margin-top: var(--wsf-form-caption-gap);
}

.wsf-form input[type=checkbox].wsf-field.wsf-image.wsf-circle + label.wsf-label > img {
  border-radius: 50%;
}

.wsf-form input[type=checkbox].wsf-field.wsf-image.wsf-responsive + label.wsf-label > img {
  height: auto;
  max-width: 100%;
  width: 100%;
}

.wsf-form input[type=checkbox].wsf-field.wsf-image.wsf-image-full + label.wsf-label {
  width: 100%;
}

.wsf-form input[type=checkbox].wsf-field.wsf-image:hover:enabled:not(:checked):not(:focus) + label.wsf-label > img {
  background-color: var(--wsf-field-color-background-hover);
  border-color: var(--wsf-field-border-color-hover);
}

.wsf-form input[type=checkbox].wsf-field.wsf-image:focus + label.wsf-label > img {
  border-color: var(--wsf-field-border-color-focus);
  box-shadow: var(--wsf-field-box-shadow);
}

.wsf-form input[type=checkbox].wsf-field.wsf-image:disabled + label.wsf-label > img {
  cursor: not-allowed;
  opacity: .5;
}

.wsf-form input[type=checkbox].wsf-field.wsf-image:checked + label.wsf-label > img {
  background-color: var(--wsf-field-checkbox-checked-image-border-color);
  border-color: var(--wsf-field-checkbox-checked-image-border-color);
}

.wsf-form [data-type="checkbox"] .wsf-grid.wsf-fields .wsf-label-wrapper label.wsf-label {
  padding: 0;
}

.wsf-form [data-row-checkbox] {
  margin-bottom: var(--wsf-field-checkbox-gap-vertical);
}

.wsf-form [data-row-checkbox][data-wsf-hierarchy='1'] {
  -webkit-margin-start: var(--wsf-field-checkbox-size);
  margin-inline-start: var(--wsf-field-checkbox-size);
}

.wsf-form [data-row-checkbox][data-wsf-hierarchy='2'] {
  -webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 2);
  margin-inline-start: calc(var(--wsf-field-checkbox-size) * 2);
}

.wsf-form [data-row-checkbox][data-wsf-hierarchy='3'] {
  -webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 3);
  margin-inline-start: calc(var(--wsf-field-checkbox-size) * 3);
}

.wsf-form [data-row-checkbox][data-wsf-hierarchy='4'] {
  -webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 4);
  margin-inline-start: calc(var(--wsf-field-checkbox-size) * 4);
}

.wsf-form [data-row-checkbox][data-wsf-hierarchy='5'] {
  -webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 5);
  margin-inline-start: calc(var(--wsf-field-checkbox-size) * 5);
}

.wsf-form [data-row-checkbox][data-wsf-hierarchy='6'] {
  -webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 6);
  margin-inline-start: calc(var(--wsf-field-checkbox-size) * 6);
}

.wsf-form [data-row-checkbox][data-wsf-hierarchy='7'] {
  -webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 7);
  margin-inline-start: calc(var(--wsf-field-checkbox-size) * 7);
}

.wsf-form [data-row-checkbox][data-wsf-hierarchy='8'] {
  -webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 8);
  margin-inline-start: calc(var(--wsf-field-checkbox-size) * 8);
}

.wsf-form [data-row-checkbox][data-wsf-hierarchy='9'] {
  -webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 9);
  margin-inline-start: calc(var(--wsf-field-checkbox-size) * 9);
}

.wsf-form [data-row-checkbox][data-wsf-hierarchy='10'] {
  -webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 10);
  margin-inline-start: calc(var(--wsf-field-checkbox-size) * 10);
}

.wsf-form.wsf-validated input[type=checkbox].wsf-field:invalid,
.wsf-form .wsf-validated input[type=checkbox].wsf-field:invalid {
  border-color: var(--wsf-field-border-color-invalid);
}

.wsf-form.wsf-validated input[type=checkbox].wsf-field:invalid:focus,
.wsf-form .wsf-validated input[type=checkbox].wsf-field:invalid:focus {
  box-shadow: var(--wsf-field-box-shadow);
}

.wsf-form input[type=checkbox].wsf-field + label.wsf-label {
  transition: color var(--wsf-form-transition);
}

.wsf-form input[type=checkbox].wsf-field + label.wsf-label::before {
  transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}

.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label {
  transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition), color var(--wsf-form-transition);
}

.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before {
  transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition);
}

.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
  transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), left var(--wsf-form-transition);
}

.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label > span {
  transition: border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}

.wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label > img {
  transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field + label.wsf-label {
  margin-right: calc(var(--wsf-field-checkbox-size) + var(--wsf-field-checkbox-gap-horizontal));
  margin-left: 0;
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-button + label.wsf-label, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label {
  margin-right: 0;
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::before {
  left: auto;
  right: 0;
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-button + label.wsf-label::after, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::after {
  left: auto;
  right: 0;
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label {
  -webkit-padding-end: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal));
  padding-inline-end: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal));
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
  right: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
  left: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::after {
  left: 0;
  right: calc(var(--wsf-field-checkbox-switch-width) - var(--wsf-field-checkbox-switch-size) - ((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2));
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-color + label.wsf-label {
  margin-right: 0;
  padding-right: 0;
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-image + label.wsf-label {
  margin-right: 0;
  padding-right: 0;
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy='1'] {
  -webkit-margin-end: var(--wsf-field-checkbox-size);
  margin-inline-end: var(--wsf-field-checkbox-size);
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy='2'] {
  -webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 2);
  margin-inline-end: calc(var(--wsf-field-checkbox-size) * 2);
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy='3'] {
  -webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 3);
  margin-inline-end: calc(var(--wsf-field-checkbox-size) * 3);
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy='4'] {
  -webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 4);
  margin-inline-end: calc(var(--wsf-field-checkbox-size) * 4);
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy='5'] {
  -webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 5);
  margin-inline-end: calc(var(--wsf-field-checkbox-size) * 5);
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy='6'] {
  -webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 6);
  margin-inline-end: calc(var(--wsf-field-checkbox-size) * 6);
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy='7'] {
  -webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 7);
  margin-inline-end: calc(var(--wsf-field-checkbox-size) * 7);
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy='8'] {
  -webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 8);
  margin-inline-end: calc(var(--wsf-field-checkbox-size) * 8);
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy='9'] {
  -webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 9);
  margin-inline-end: calc(var(--wsf-field-checkbox-size) * 9);
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy='10'] {
  -webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 10);
  margin-inline-end: calc(var(--wsf-field-checkbox-size) * 10);
}

.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
  transition: background-color var(--wsf-form-transition-speed), border-color var(--wsf-form-transition-speed), right var(--wsf-form-transition-speed);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field {
  background-color: var(--wsf-field-checkbox-color-background-alt);
  border: var(--wsf-field-border-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:checked {
  background-color: var(--wsf-field-checkbox-checked-color-background-alt);
  border-color: var(--wsf-field-checkbox-checked-color-background-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:checked::after {
  border-color: var(--wsf-field-checkbox-checkmark-color-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:hover:enabled:not(:checked):not(:focus) {
  background-color: var(--wsf-field-color-background-hover-alt);
  border-color: var(--wsf-field-border-color-hover-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:focus {
  border-color: var(--wsf-field-border-color-focus-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::before {
  background-color: var(--wsf-field-color-background-alt);
  border: var(--wsf-field-border-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:hover:not(:focus):not(:checked) + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:hover:not(:focus):not(:checked) + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:hover:not(:focus):not(:checked) + label.wsf-label::before {
  background-color: var(--wsf-field-color-background-hover-alt);
  border-color: var(--wsf-field-border-color-hover-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:focus + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:focus + label.wsf-label::before {
  border-color: var(--wsf-field-border-color-focus-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label {
  color: var(--wsf-field-color-disabled-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label::before {
  background-color: var(--wsf-field-color-background-disabled-alt);
  border-color: var(--wsf-field-border-color-disabled-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button + label.wsf-label {
  background-color: var(--wsf-field-checkbox-button-color-background-alt);
  border-color: var(--wsf-field-checkbox-button-color-background-alt);
  color: var(--wsf-field-checkbox-button-color-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:checked + label.wsf-label {
  background-color: var(--wsf-field-checkbox-checked-button-color-background-alt);
  border-color: var(--wsf-field-checkbox-checked-button-color-background-alt);
  color: var(--wsf-field-checkbox-checked-button-color-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
  background-color: var(--wsf-field-checkbox-switch-color-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:hover:enabled:not(:checked):not(:focus) + label.wsf-label::after {
  border-color: var(--wsf-field-border-color-hover-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::after {
  border-color: var(--wsf-field-border-color-focus-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::after {
  border-color: var(--wsf-field-border-color-disabled-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::before {
  background-color: var(--wsf-field-checkbox-checked-switch-color-background-alt);
  border-color: var(--wsf-field-checkbox-checked-switch-color-background-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::after {
  background-color: var(--wsf-field-checkbox-checked-switch-color-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color + label.wsf-label > span {
  border: var(--wsf-field-border-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color:hover:enabled:not(:checked):not(:focus) + label.wsf-label > span {
  background-color: var(--wsf-field-color-background-hover-alt);
  border-color: var(--wsf-field-border-color-hover-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color:focus + label.wsf-label > span {
  background-color: var(--wsf-field-color-background-focus-alt);
  border-color: var(--wsf-field-border-color-focus-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color:checked + label.wsf-label > span {
  border-color: var(--wsf-field-checkbox-checked-swatch-border-color-alt);
  box-shadow: inset 0 0 0 2px var(--wsf-field-checkbox-checked-swatch-box-shadow-color-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image + label.wsf-label > img {
  background-color: var(--wsf-field-color-background-alt);
  border: var(--wsf-field-border-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image + label.wsf-label .wsf-image-caption {
  color: var(--wsf-field-help-color-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image:hover:enabled:not(:checked):not(:focus) + label.wsf-label > img {
  background-color: var(--wsf-field-color-background-hover-alt);
  border-color: var(--wsf-field-border-color-hover-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image:focus + label.wsf-label > img {
  border-color: var(--wsf-field-border-color-focus-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image:checked + label.wsf-label > img {
  background-color: var(--wsf-field-checkbox-checked-image-border-color-alt);
  border-color: var(--wsf-field-checkbox-checked-image-border-color-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before {
  border-color: var(--wsf-field-border-color-invalid-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before:focus + label.wsf-label::before,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before:focus + label.wsf-label::before {
  box-shadow: var(--wsf-field-box-shadow-alt);
}