.ari-notification {
  --ari-notification-accent: var(--ari-color-text-secondary);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  width: 100%;
  padding: 2px 0 2px 11px;
  border: 0;
  border-inline-start: 2px solid var(--ari-notification-accent);
  border-radius: 0;
  background: transparent;
  color: var(--ari-color-text-primary);
}

.ari-notification--compact {
  padding-block: 1px;
}

.ari-notification--info {
  --ari-notification-accent: var(--ari-color-status-info-text);
}

.ari-notification--success {
  --ari-notification-accent: var(--ari-color-status-success-text);
}

.ari-notification--warning {
  --ari-notification-accent: var(--ari-color-status-warning-text);
}

.ari-notification--danger {
  --ari-notification-accent: var(--ari-color-status-danger-text);
}

.ari-notification__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  min-height: 18px;
  color: var(--ari-notification-accent);
}

.ari-notification__content {
  min-width: 0;
}

.ari-notification__title {
  margin: 0;
  color: var(--ari-color-text-primary);
  font-weight: 600;
  line-height: 1.3;
}

.ari-notification__message {
  margin: 3px 0 0;
  color: var(--ari-color-text-secondary);
  line-height: 1.4;
}