.nu-alert {
  display: flex;
  font-size: 16px;
  position: relative;
  border-radius: 8px;
  align-items: center;
  box-sizing: border-box;
  color: var(--text-color);
  padding: var(--padding-top) var(--padding-right) var(--padding-bottom)
    var(--padding-left);
  --padding-top: 12px;
  --padding-left: 16px;
  --padding-right: 16px;
  --padding-bottom: 12px;
}

.nu-alert.nu-alert--light {
  --text-color: var(--g-text-color-light);
}

.nu-alert.nu-alert--dark {
  --text-color: var(--g-text-color-dark);
}

.nu-alert.nu-alert--dense {
  --padding-top: 8px;
  --padding-left: 12px;
  --padding-right: 12px;
  --padding-bottom: 8px;
}

.nu-alert.nu-alert--outlined {
  box-shadow: none !important;
  border: 1px solid var(--text-color);
}

.nu-alert.nu-alert--closable {
  --padding-right: 12px;
}

.nu-alert.nu-alert--dense.nu-alert--closable {
  --padding-right: 8px;
}

.nu-alert.nu-alert--info {
  --text-color: var(--info);
}

.nu-alert.nu-alert--error {
  --text-color: var(--error);
}

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

.nu-alert.nu-alert--success {
  --text-color: var(--success);
}

.nu-alert.nu-alert--border-top {
  border-top: 6px solid var(--text-color);
  --padding-top: 6px;
}

.nu-alert.nu-alert--border-top.nu-alert--dense {
  --padding-top: 2px;
}

.nu-alert.nu-alert--border-left {
  border-left: 6px solid var(--text-color);
  --padding-left: 10px;
}

.nu-alert.nu-alert--border-left.nu-alert--dense {
  --padding-left: 6px;
}

.nu-alert.nu-alert--border-right {
  border-right: 6px solid var(--text-color);
  --padding-right: 10px;
}

.nu-alert.nu-alert--border-right.nu-alert--dense {
  --padding-right: 6px;
}

.nu-alert.nu-alert--border-bottom {
  border-bottom: 6px solid var(--text-color);
  --padding-bottom: 6px;
}

.nu-alert.nu-alert--border-bottom.nu-alert--dense {
  --padding-bottom: 2px;
}

.nu-alert-icon {
  padding-top: 4px;
  margin-right: 16px;
}

.nu-alert-close {
  margin-left: 16px;
  color: inherit;
}

.nu-alert-close--icon {
  font-size: 26px;
}
