.zb-otp {
  background: var(--zb-color-white);
  border: 1px solid var(--zb-color-border);
  border-radius: 18px;
  display: grid;
  gap: 12px;
  margin-block: 16px;
  max-width: 440px;
  padding: 16px;
}
.zb-otp__title {
  font-size: 1.125rem;
  margin: 0;
}
.zb-otp__hint {
  color: var(--zb-color-text-secondary);
  margin: 0;
}
.zb-otp__step {
  display: grid;
  gap: 12px;
}
.zb-otp__step[hidden] {
  display: none;
}
.zb-otp__actions {
  display: flex;
  gap: 8px;
}
.zb-otp__actions .zb-button {
  flex: 1;
}
.zb-otp__status {
  min-height: 1.5em;
}
.zb-otp__status--error {
  color: var(--zb-color-pink);
}