:root {
  --register-success: #7ee08a;
  --register-info: #8ab4f8;
  --register-error: #ff8a80;
}

.register-status {
  margin: 1em 0 0;
  padding: 0.75em 1em;
  border-left: 4px solid currentColor;
  border-radius: 4px;
}

.register-status[hidden] {
  display: none;
}

.register-status--success { color: var(--register-success); }
.register-status--info { color: var(--register-info); }
.register-status--error { color: var(--register-error); }