li {
  min-height: 1.06rem;
  font-size: 0.75rem;
  color: #0d193c;
}

.save-message {
  margin-top: 2rem;
  border-radius: 8px;
  font-weight: bold;
  background-color: #219729;
  padding: 0.5rem 1rem;
  color: #fff;
}


.mfa-text {
  border: none;
  width: 7.1ch;
  background: repeating-linear-gradient(
      90deg,
      dimgrey 0.1ch,
      dimgrey 0.9ch,
      transparent 0,
      transparent 1.1ch
    )
    0 100%/100% 2px no-repeat;
  color: #213e97;
  font: 4ch consolas, monospace;
}

.reminder-text {
  font-size: 0.875rem;
  color: #0d193c;
  margin-top: 1.625rem;
}

.login-image-caption {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  color: #fff;
  font-size: 1.5rem;
  max-width: 16rem;
  line-height: 1;

  height: 1px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .login-image-caption {
    overflow: initial;
    height: auto;
  }
}

.login-image-caption-eyebrow {
  font-style: italic;
  font-size: 1.2rem;
  display: block;
  margin-bottom: 0.5rem;
}

.login-image-caption-title {
  font-weight: bold;
  font-size: 1.5rem;
  display: block;
}

.login-image-caption-description {
  font-size: 0.9rem;
}

.code-wrapper {
  margin: 1rem 0;
}

.code-prefix {
  font-weight: bold;
  color: #213e97;
}

.code-suffix {
  font-weight: bold;
  padding: 0.5rem;
  width: auto;
  display: inline-block;
  max-width: calc(6ch + 1.25rem);
}