@use "./mixins";

@layer components {
  .form-field {
    $this: &;

    @include mixins.base();

    &__description {
      @include mixins.description();
    }

    &__label {
      @include mixins.label();
    }

    &__control {
      @include mixins.input-control();
    }

    &__hint {
      @include mixins.hint();
    }

    &--radiocheck {
      @include mixins.radiocheck-base();

      #{$this}__control {
        @include mixins.radiocheck-control();
      }

      #{$this}__label {
        @include mixins.radiocheck-label();
      }
    }
  }

  .radiocheck--fill {
    @include mixins.radiocheck-fill();
  }
}
