@use "./mixins";
@use "../../../../styles/tokens/color";

@layer components {
  .message {
    @include mixins.base();

    &--invalid {
      @include mixins.base();
      color: var(--color-icon-negative);
    }

    &__icon {
      @include mixins.icon();
    }
  }
}