// Alert
// --------------------------------------------------

$alert-width:                       40% !default;
$alert-min-width:                   270px !default;
$alert-max-width:                   460px !default;
$alert-content-margin:              24px !default;


.alert .overlay-container {
  @include flex-display();
  @include flex-justify-content(center);
  @include flex-align-items(center);
}

.alert-container {
  z-index: $z-index-alert;
  display: block;

  width: $alert-width;
  min-width: $alert-min-width;
  max-width: $alert-max-width;
  margin-bottom: 60px;

  background: white;
}

.alert-header {
  margin: $alert-content-margin;
  font-size: 2rem;
  font-weight: 400;
}

.alert-content {
  margin: $alert-content-margin;
}

.alert-actions {
  @include flex-display();
  @include flex-justify-content(flex-end);
}