.text-button {
  border: 0;
  background: transparent;
  color: #aeb2bb;
  font-size: 11px;
  letter-spacing: .08em;
  cursor: pointer;
  padding: 7px;
}

.text-button:hover { color: var(--red); }

.dialog-form,
.dialog-form > div {
  display: grid;
  gap: 14px;
}

.dialog-form label {
  display: grid;
  gap: 7px;
  color: #b6bac3;
  font-size: 12px;
}

.dialog-form input {
  border: 1px solid #30333b;
  background: #090a0d;
  color: #fff;
  border-radius: 9px;
  padding: 14px;
  font: inherit;
  outline: none;
}

.dialog-form input:focus {
  border-color: var(--red);
  box-shadow: 0 0 18px #ff174522;
}

.profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

#telegramCodeInput,
#recoveryCode,
#changePasswordCode {
  font-size: 24px;
  letter-spacing: .32em;
  text-align: center;
  font-weight: 800;
}