@import '../settings/variables';
@import '../tools/mixins/position';

.c-alert-flag {
  position: relative;
  display: inline-block;
  font-size: 1.8em;

  &__count {
    @include absolute(0.325em, auto, auto, 0.575em);
    font-size: $font-size-small /2;
    color: white;
  }

  &--warn-low {
    color: $color-warn-low;
  }

  &--warn-mid {
    color: $color-warn-mid;
  }

  &--warn-height {
    color: $color-warn-height;
  }
}