html body.resa-loader-hidden > div.resa-loader,
html body > div#root.resa-loader-hidden > div.resa-loader {
  display: none;
}

html {
  background-color: rgb(247, 247, 247);
}

html body > div.resa-loader,
html body > div#root > div.resa-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
}

html body > div.resa-loader > div.resa-loader-window,
html body > div#root > div.resa-loader > div.resa-loader-window {
  display: block;
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background-color: white;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

html body > div.resa-loader > div.resa-loader-window > div.resa-loader-spin,
html
  body
  > div#root
  > div.resa-loader
  > div.resa-loader-window
  > div.resa-loader-spin {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 200px;
  height: 200px;
  margin: -103px 0 0 -103px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #23334f;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

html
  body
  > div.resa-loader
  > div.resa-loader-window
  > div.resa-loader-spin:before,
html
  body
  > div#root
  > div.resa-loader
  > div.resa-loader-window
  > div.resa-loader-spin:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e36c27;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}

html
  body
  > div.resa-loader
  > div.resa-loader-window
  > div.resa-loader-spin:after,
html
  body
  > div#root
  > div.resa-loader
  > div.resa-loader-window
  > div.resa-loader-spin:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #23334f;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

html body > div.resa-loader > div.resa-loader-window > div.resa-loader-logo,
html
  body
  > div#root
  > div.resa-loader
  > div.resa-loader-window
  > div.resa-loader-logo {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAAAZCAYAAAD30ppqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAANzSURBVGhD7ZrPaxNBFMdTQelB9KBeam2aTdL8oFgzU0pBbPBShDazqVBBL1UP2pom3lUQ9SKooAepIP4Dgp4qRfHoQUW0J0G92CSoVIVe/Im0ftc8Vnd2im2T3abZ/cCXQPblvXnz3c7ubDcQ5vqCo2L6hzATF4PpkeaAgmI+ni6Nxxbc0sxYvJ9KW8A4T2Gc35Q91FhtPZkQlbWA+uc1Ln6oflMraVwvazyz23njSSg4hd6aKi3+pR6Mj7BsGGOcl8fslFTGw/S9qlgnpDFRdM14QyEmBqhPkzoxvl81XqekMl5LiSOqWKfkqvFYxkapTxPf+AqrbjzMeRli+p5qheXksiK3zfhyLr7lbS4+6JZe5yPbqLSJ0ngmbqCPQ04omRzeSKVNFjH+HOKV87sc4TL7Rs5t/4tn+mMaS1Wg2HE5t8r4ekBlvMayI3TYFVTGazx7kA5XBXJNy7l944FvvCHf+MpYfeNXhm/88vCNXwV84w0x/XOYizvVSmP6czm3yvj3hXhnMdcx6ZbK+USKSpuojEcP05iLyRrrmsaHN1NZCyrjsbN4Is/rCjUn57Yb76BwMhymPk28to/HNvcBlbWgNN5BuWY8lv7v7an9QerTpC6M786mVWN2SjtSooVKmzSk8TjLf4a6xVHq0UI9GB9Mp5txYtoecjil+nxyx8QnXIsmlqBbuAb9kn+P759KcRciu0SS+rNRKiSixfGOCbf0biyaoNIWIj1DrbgHuSSNvQYyrtPWOVqq8TgZp/B5tVrhEvsRn5bcKuNf0Fj+C+46z9h+z8VstGtgO4V4HtxYnZbnaOnG1+127uw6OivlHI845+spyNM0qPGBQAcf3IpVoijnwfJyhUI8TcMabxBhmV4s8fKbI/M4IYYoxLM0tPEGMLlgy8XFHPbIYQrxJA1vPGjC9f62nM+4WVzsfTuDmVyspZyLjbqlUj7SSqVNND7YhnGedEK4q78nz0mjGY8t0b5NaPSVnBMTcJNCbPhv4FRY08YbhFKZnTD/q5xXYxnlPz28aHywS2+n0iZr3ngD45m8Iu8XrXuok0JMPPesnuuznB+zbXVdNx7LcOlf4cu7FF8VuMu/bs8tHiaTwxso5A+lfLy3mIuVXNOJRB+VNommRJ88VieE/p8ZtaishTDLHrDHZ3U6XBXIdd+aW5R+A6uw8xizZgkCAAAAAElFTkSuQmCC");
  background-position: center center;
  height: 32px;
  width: 100%;
  background-repeat: no-repeat;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}