.status-box {
  padding: 14px 16px;
  border-radius: var(--radius-small);
  border: 1px solid rgba(20, 33, 31, 0.12);
  background: rgba(244, 220, 197, 0.56);
  color: var(--color-ink);
}

.status-box[data-state="error"] {
  border-color: rgba(146, 47, 47, 0.2);
  color: var(--color-danger);
  background: rgba(250, 230, 230, 0.88);
}

.status-box[data-state="success"] {
  border-color: rgba(39, 95, 71, 0.18);
  color: var(--color-ok);
  background: rgba(232, 245, 237, 0.88);
}