.ui-notification-container {
  bottom: 0;

  overflow-y: auto;
}

.ui-notification {
  width: 300px;

  &--animate {
    animation-name: notify;
    animation-duration: 5s;
  }

  &__title {
    margin-bottom: 5px;
  }
}

.ui-notification.ui-notification--danger {
  color: ui-color(charcoal-ink-lightest);

  background-color: ui-color(red-medium);
  border-color: ui-color(red-medium);

  > .ui-notification__title {
    color: inherit;
  }
}