html {	
    line-height: 1.15;	
    -webkit-text-size-adjust: 100%;	
  }	
  *,	
  ::after,	
  ::before {	
    box-sizing: border-box;	
  }	
  body {	
    opacity: 1 !important;
    margin: 0;	
    font-family: Myriad pro, sans-serif;	
    color: #494949;	
    -webkit-font-smoothing: antialiased;	
    min-width: 320px;	
  }	
  img {	
    border-style: none;	
  }	
  #initial-render {	
    display: flex;	
    flex-direction: column;	
    align-items: center; 	
    height: 100vh	
  }	
  #spinner-initial {	
    margin: auto;	
    margin-top: 120px;	
    width: 120px;	
    height: 120px;	
    position: relative;	
  }	
  @keyframes strokeAnimation {	
    0% {	
      stroke-dasharray: 1, 200;	
      stroke-dashoffset: 0;	
    }	
    50% {	
      stroke-dasharray: 89, 200;	
      stroke-dashoffset: -35px;	
    }	
    100% {	
      stroke-dasharray: 89, 200;	
      stroke-dashoffset: -124px;	
    }	
  }	
  @keyframes spin {	
    100% {	
      transform: rotate(360deg);	
    }	
  }	
  .spinner-image {	
    animation: spin 2s linear 0s infinite;	
    transform-origin: center center;	
    position: absolute;	
    top: 0px;	
    bottom: 0px;	
    left: 0px;	
    right: 0px;	
    margin: auto;	
  }	
  .spinner-circle {	
    stroke-dasharray: 100, 2000;	
    stroke-dashoffset: 0;	
    animation: strokeAnimation 1.5s ease-in-out 0s infinite;	
    stroke-linecap: round;	
    stroke: rgb(0, 125, 186);	
  }	
  .spinner-icon {	
    transform: translate3d(0px, 0.125em, 0px);	
    margin: -0.125em 0px 0px;	
    font-size: 48px;	
    color: rgb(0, 125, 186);	
    position: absolute;	
    top: 44px;	
    left: 44px;	
  }	
  .spinner-header {	
    background-color: rgb(0, 65, 101);	
    display: flex;	
    align-items: center;	
    width: 100%;	
    height: 60px;	
    padding: 5px 32px;	
  }	
  .spinner-footer {	
    width: 100%;	
    background-color: rgb(0, 114, 172);	
    color: rgb(255, 255, 255);	
    padding: 32px 32px;	
  }	
  .footer-text {	
    white-space: nowrap;	
  }