.credit-application-overlay {
  background: rgba(255, 255, 255, 0.9);
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 1;
  top: 0;
}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.credit-application-overlay::before {
  content:'';
  background: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2264px%22%20height%3D%2264px%22%20viewBox%3D%220%200%2064%2064%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2051.2%20%2857519%29%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EGroup%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Desktop-%2F-1.Loading-Application%22%20transform%3D%22translate%28-687.000000%2C%20-427.000000%29%22%20stroke-width%3D%223%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate%28689.000000%2C%20429.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval-3%22%20stroke%3D%22%23E5E5E5%22%20cx%3D%2230%22%20cy%3D%2230%22%20r%3D%2230%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M50.4108681%2C51.9864544%20C56.3093762%2C46.5081206%2060%2C38.685056%2060%2C30%20C60%2C13.4314575%2046.5685425%2C0%2030%2C0%22%20id%3D%22Oval-3%22%20stroke%3D%22%2300AEFF%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
  margin-bottom: 18px;
  -webkit-animation:spin 1s linear infinite;
          animation:spin 1s linear infinite;
}

.credit-application-message {
  text-align: center;
  color: #495057;
}

.credit-application-overlay h2 {
  font-weight: bold;
  font-size: 16px;
  line-height: 6px;
}

.credit-application-overlay p {
  font-size: 12px;
  margin-bottom: 24px;
}

.credit-application-status {
  display: flex;
  min-width: 98px;
  justify-content: space-between;
}

.cas-step {
  background: #ededed;
  width: 22px;
  height: 22px;
  display: flex;
  border-radius: 50px;
}

.cas-step-success {
  background: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2222px%22%20height%3D%2222px%22%20viewBox%3D%220%200%2022%2022%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2051.2%20%2857519%29%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EStep%2FSuccessful%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Step%2FSuccessful%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval-2%22%20fill%3D%22%233A981E%22%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M17.9065373%2C8.64921434%20C18.1820976%2C8.37206803%2018.1820976%2C7.92268113%2017.9065373%2C7.64553481%20L16.9086012%2C6.64185527%20C16.6330408%2C6.3646646%2016.1862255%2C6.3646646%2015.910621%2C6.64185527%20L9.29245283%2C13.2980688%20L6.20258656%2C10.1904193%20C5.92702618%2C9.91327302%205.48021085%2C9.91327302%205.20460637%2C10.1904193%20L4.20667028%2C11.1940989%20C3.93110991%2C11.4712452%203.93110991%2C11.9206321%204.20667028%2C12.1977784%20L8.79346274%2C16.8109694%20C9.06906722%2C17.08816%209.51583844%2C17.08816%209.79144292%2C16.8110137%20L17.9065373%2C8.64921434%20Z%22%20id%3D%22Shape%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
}