.preview-whc-icon {
  padding-bottom: 30px;
  width: 100px;
  visibility: hidden;
}

.ie-container {
  width: 100%;
  text-align: center;
  padding-top: 50px;
  display: none;
  height: 100%;
  background: #f7f9fb;
  font-family: 'Open Sans', sans-serif;
  color: #054265;
}

.ie-main-title {
  padding-bottom: 20px;
}

.main-spinner-container {
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: #f7f9fb;
}

.spinner-wrapper {
  display: flex;
  justify-content: center;
}

svg.main-spinner {
  width: 40px;
  height: 40px;
  transform-origin: top left;
}

svg.main-spinner circle {
  fill: transparent;
  stroke: #005a93;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-dasharray: 125.5;
  transform-origin: 20px 20px 0;
  animation: main-spinner 2s linear infinite;
}

@keyframes main-spinner {
  0% {
    transform: rotate(0deg);
    stroke-dashoffset: 26.4;
  }
  50% {
    transform: rotate(720deg);
    stroke-dashoffset: 125.6;
  }
  100% {
    transform: rotate(1080deg);
    stroke-dashoffset: 26.4;
  }
}