/* Removed from core css file */

.alerts-container {
  bottom: 20px;
  right: 20px;
  position: fixed;
  width: 200px;
  z-index: 5000;
}

.alert {
  background: #fff;
  border: 1px solid #bcbec0;
  margin-bottom: 10px;
  width: 200px;

  &.notice {
    border-top: 4px solid #77b800;
  }

  &.warning {
    border-top: 4px solid #ff9900;
  }

  &.error {
    border-top: 4px solid #ff0000;
  }

  &__head {
    border-bottom: 1px solid #bcbec0;
    display: flex;
    padding: 8px;
  }

  &__close-btn {
    color: #000;
  }

  &__title {
    flex-grow: 1;
    font-size: 18px;
    margin-inline-end: 15px;
    text-transform: uppercase;
  }

  &__body {
    min-height: 100px;
    padding: 8px;
  }

  &__text {
    font-size: 14px;
  }
}