.ManagedResourceHistoryModal {
  width: 100%;

  .event-type {
    color: var(--color-charcoal);
  }

  .event-level {
    font-size: 12px;
    line-height: 1;
  }

  .event-type-icon {
    font-size: 18px;
  }

  .event-time {
    white-space: nowrap;
  }

  .event-info {
    color: var(--color-charcoal);
  }

  .event-success {
    color: var(--color-success);
  }

  .event-warning {
    color: var(--color-alert);
  }

  .event-error {
    color: var(--color-danger);
  }

  .loading-error-message {
    color: var(--color-danger);
  }
}