lila/ui/lib/css/component/_flash.scss

.flash {
  @extend %flex-center-nowrap, %box-radius;

  margin: 1em 0 2em 0;
  padding: 1em 2em;
  background: $c-good;

  &::before {
    @extend %data-icon;

    content: $licon-Checkmark;
    margin-inline: 0 2rem;
    font-size: 1.5em;
  }

  &__content {
    a {
      color: $c-over;
      unicode-bidi: plaintext;
    }
  }

  &-success {
    color: $c-over;
  }

  &-warning {
    background: $c-warn;
    color: $c-over;

    &::before {
      content: $licon-InfoCircle;
    }
  }

  &-failure {
    background: $c-bad;
    color: $c-over;

    &::before {
      content: $licon-CautionCircle;
    }
  }

  &-quiet {
    @extend %box-neat;

    background: $c-bg-zebra;
  }

  &-box {
    @extend %box-neat;

    background: $c-bg-zebra;

    a {
      color: $c-primary;
    }
  }
}