.tfa-description {
  color: var(--bs-secondary-color);
  margin-bottom: 16px;
}

.tfa-setup-container {
  display: none;
}

.tfa-setup-container.show {
  display: block;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #E4E4E7;
}

html.dark .tfa-setup-container.show {
  border-top-color: #3F3F46;
}

.tfa-qr-code {
  margin: 20px 0;
}

.tfa-qr-code img,
.tfa-qr-code svg {
  max-width: 200px;
  height: auto;
}

.tfa-manual-link {
  color: #0078d4;
  text-decoration: none;
  font-size: 14px;
}

.tfa-manual-link:hover {
  text-decoration: underline;
}

html.dark .tfa-description {
  color: #A1A1AA;
}

html.dark .tfa-manual-link {
  color: #4da3e0;
}

html.dark #tfa-setup p {
  color: #A1A1AA;
}