[class*="fizz-alert"] {
  padding: $spacing-16 $spacing-48 $spacing-16 calc(#{$spacing-24} + #{$spacing-32});
  border: 1px solid;
  border-radius: $border-radius-large;
  background-repeat: no-repeat;
  background-size: $icon-size-medium $icon-size-medium;
  background-position: top $spacing-16 left $spacing-16;
  font-size: $text-medium-font-size;
  line-height: $text-medium-line-height;
  position: relative;
}

@media (min-width: $breakpoint-m) {
  [class*="fizz-alert"] {
    min-width: $alert-min-width;
  }

  [class*="fizz-alert"] > * {
    max-width: $alert-max-width;
  }
}

[class*="fizz-alert"] strong {
  display: inline-block;
  margin-right: $spacing-4;
}

.fizz-alert-error {
  background-color: $color-background-error-subdued;
  border-color: $color-border-error;
  background-image: $icon-error;
}

.fizz-alert-info {
  background-color: $color-background-brand-subdued;
  border-color: $color-border-brand;
  background-image: $icon-info;
}

.fizz-alert-success {
  background-color: $color-background-success-subdued;
  border-color: $color-border-success;
  background-image: $icon-success;
}

.fizz-alert-warning {
  background-color: $color-background-warning-subdued;
  border-color: $color-border-warning;
  background-image: $icon-warning;
}

.fizz-flash-message-container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.fizz-flash-message-container > * {
  box-shadow: $elevation-1-shadow;
}

.fizz-flash-message-container > *:not(:last-child) {
  margin-bottom: $spacing-12;
}