@mixin form-check-tiled-validation-state($state, $color, $border-color: $color) {
  .form-check.form-check-tiled > .form-check-input {
    @include form-validation-state-selector($state) {
      ~ .form-check-label {
        color: var(--#{$prefix}body-color);
        border-color: $border-color;

        &::before {
          background-color: $color;
          border-color: $border-color;
        }
      }
    }
  }
}

@mixin form-check-encapsulated-validation-state($state, $color) {
  .form-check-encapsulated .form-check-input {
    @include form-validation-state-selector($state) {
      ~ .form-check-label {
        border-color: $color;
      }

      &:focus-visible ~ .form-check-label {
        box-shadow: $form-check-encapsulated-box-shadow, 0 0 $input-btn-focus-blur rfs-value(1px) $color;
      }

      &:checked ~ .form-check-label {
        border-color: $color;
        box-shadow: 0 0 $input-btn-focus-blur rfs-value(1px) $color;
      }

      &:checked:focus-visible ~ .form-check-label {
        box-shadow: $form-check-encapsulated-box-shadow, 0 0 $input-btn-focus-blur rfs-value(1px) $color;
      }
    }
  }
}