body {
  background-color: #F6F5FA;
}

.spinwheel-dim-results {
  white-space: pre;
}

.spinwheel-dim-spinner {
  height: 2rem;
  width: 2rem;
}

#spinwheel-identity-connect {
  height: 580px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.spinwheel-credit-profile--style82 #spinwheel-identity-connect {
  height: 600px;
  max-width: 500px;
  width: 100%;
}

/* Only first-step styles 30 and 31 use this wrapper. Keep the page scrollable
   when enlarged text or the keyboard leaves less room than the DIM needs. */
.spinwheel-intake #spinwheel-identity-connect {
  height: max(580px, 36.25rem);
}

.spinwheel-intake--compact #instructions {
  display: none;
}

@media (max-width: 767.98px) {
  .spinwheel-intake #spinwheel-identity-connect {
    width: 100%;
  }

  /* The vendor sets a 300px inline minimum; allow its frame to fit inside
     the page gutters at a 320px viewport without horizontal scrolling. */
  .spinwheel-intake #spinwheel-identity-connect iframe {
    min-width: 0 !important;
    width: 100%;
  }
}