.alert {
  width: var(--auth-card-w);
  min-height: calc(28px * var(--ui-scale));
  display: flex;
  align-items: center;
  gap: var(--gap-4);
  border-radius: var(--radius-sm);
  padding: var(--gap-8) var(--gap-12);
  font-size: var(--font-11);
}

.alert:not(.is-visible) {
  display: none;
}

.alert--danger {
  background: var(--color-danger-soft);
}

.alert--success {
  background: rgba(207, 245, 131, 0.08);
}

.alert--info {
  background: rgba(119, 182, 255, 0.08);
}

.alert__label {
  flex: 0 0 auto;
  color: var(--color-danger);
  font-weight: 700;
}

.alert__text {
  color: var(--color-text);
}

.alert--success .alert__label,
.alert--success .alert__text {
  color: var(--color-success);
}

.alert--info .alert__label,
.alert--info .alert__text {
  color: var(--color-info);
}

.alert-stack {
  display: grid;
  gap: var(--gap-8);
  margin-top: var(--gap-8);
}