.root-loader-container {
  position: absolute;
  width: 125px;
  height: 125px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.root-loader-container .item {
  position: absolute;
  border-radius: 10px;
}

.root-loader-container .item-1 {
  width: 50px;
  height: 50px;
  top: 50px;
  left: 0px;
  z-index: 1;
  opacity: 0.9;
  animation: item-1_move 1.8s cubic-bezier(.6, .01, .4, 1) infinite;
  background: linear-gradient(223.17deg, #F4C72F 24.97%, #F4C72F 31.23%, #F4C72F 34.36%, #F4C72F 35.92%, #F4C62F 36.31%, #F3C52F 36.71%, #F3C42F 37.1%, #F3C32F 37.49%, #F3C22F 37.88%, #F3C12F 38.27%, #F2C02F 38.66%, #F2BF2F 39.05%, #F2BE2F 39.44%, #F2BE2F 39.83%, #F1BD2F 40.22%, #F1BC30 40.62%, #F1BB30 41.01%, #F1BA30 41.4%, #F1B930 41.79%, #F0B830 42.18%, #F0B730 42.57%, #F0B630 42.96%, #F0B530 43.35%, #EFB430 43.74%, #EFB330 44.13%, #EFB230 44.53%, #EFB130 44.92%, #EEB130 45.31%, #EEB030 45.7%, #EEAF30 46.09%, #EEAE30 46.48%, #EEAD30 46.87%, #EDAC30 47.26%, #EDAB30 47.65%, #EDAA30 48.04%, #EDA930 48.44%, #ECA830 48.83%, #ECA730 49.22%, #ECA630 49.61%, #ECA531 50%, #EBA531 50.39%, #EBA431 50.78%, #EBA331 51.17%, #EBA231 51.56%, #EBA131 51.96%, #EAA031 52.35%, #EA9F31 52.74%, #EA9E31 53.13%, #EA9D31 53.52%, #E99C31 53.91%, #E99B31 54.3%, #E99A31 54.69%, #E99931 55.08%, #E99931 55.47%, #E89831 55.87%, #E89731 56.26%, #E89631 56.65%, #E89531 57.04%, #E79431 57.43%, #E79331 57.82%, #E79231 58.21%, #E79131 58.6%, #E69031 58.99%, #E68F32 59.38%, #E68E32 59.78%, #E68D32 60.17%, #E68C32 60.56%, #E58C32 60.95%, #E58B32 61.34%, #E58A32 61.73%, #E58932 62.12%, #E48832 62.51%, #E48732 62.9%, #E48632 63.29%, #E48532 63.69%, #E38432 64.08%, #E38332 64.47%, #E38232 64.86%, #E38132 65.25%, #E38032 65.64%, #E28032 66.03%, #E27F32 66.42%, #E27E32 66.81%, #E27D32 67.21%, #E17C32 67.6%, #E17B32 67.99%, #E17A32 68.38%, #E17933 68.77%, #E07833 69.16%, #E07733 69.55%, #E07633 69.94%, #E07533 70.33%, #E07433 70.72%, #DF7333 71.12%, #DF7333 71.51%, #DF7233 71.9%, #DF7133 72.29%, #DE7033 72.68%, #DE6F33 73.07%, #DE6E33 73.46%, #DE6E33 75.03%);
}

.root-loader-container .item-2 {
  width: 75px;
  height: 75px;
  top: 0px;
  left: 25px;
  animation: item-2_move 1.8s cubic-bezier(.6, .01, .4, 1) infinite;
  background: linear-gradient(90deg, #1A325D 0%, #1A325D 25%, #1A325D 28.12%, #1A325D 29.69%, #1A325D 30.47%, #1A335E 30.86%, #1A335E 31.25%, #19345F 31.64%, #19345F 32.03%, #193560 32.42%, #193561 32.81%, #193661 33.2%, #193662 33.59%, #193762 33.98%, #183763 34.37%, #183763 34.77%, #183864 35.16%, #183864 35.55%, #183965 35.94%, #183965 36.33%, #183A66 36.72%, #173A67 37.11%, #173B67 37.5%, #173B68 37.89%, #173C68 38.28%, #173C69 38.67%, #173D69 39.06%, #173D6A 39.45%, #163E6A 39.84%, #163E6B 40.23%, #163F6B 40.62%, #163F6C 41.02%, #16406C 41.41%, #16406D 41.8%, #16416E 42.19%, #15416E 42.58%, #15416F 42.97%, #15426F 43.36%, #154270 43.75%, #154370 44.14%, #154371 44.53%, #154471 44.92%, #144472 45.31%, #144572 45.7%, #144573 46.09%, #144674 46.48%, #144674 46.87%, #144775 47.27%, #144775 47.66%, #134876 48.05%, #134876 48.44%, #134977 48.83%, #134977 49.22%, #134A78 49.61%, #134A78 50%, #124B79 50.39%, #124B7A 50.78%, #124B7A 51.17%, #124C7B 51.56%, #124C7B 51.95%, #124D7C 52.34%, #124D7C 52.73%, #114E7D 53.12%, #114E7D 53.52%, #114F7E 53.91%, #114F7E 54.3%, #11507F 54.69%, #115080 55.08%, #115180 55.47%, #105181 55.86%, #105281 56.25%, #105282 56.64%, #105382 57.03%, #105383 57.42%, #105483 57.81%, #105484 58.2%, #0F5584 58.59%, #0F5585 58.98%, #0F5585 59.37%, #0F5686 59.77%, #0F5687 60.16%, #0F5787 60.55%, #0F5788 60.94%, #0E5888 61.33%, #0E5889 61.72%, #0E5989 62.11%, #0E598A 62.5%, #0E5A8A 62.89%, #0E5A8B 63.28%, #0E5B8B 63.67%, #0D5B8C 64.06%, #0D5C8D 64.45%, #0D5C8D 64.84%, #0D5D8E 65.23%, #0D5D8E 65.62%, #0D5E8F 66.02%, #0D5E8F 66.41%, #0C5F90 66.8%, #0C5F90 67.19%, #0C5F91 67.58%, #0C6091 67.97%, #0C6092 68.36%, #0C6193 68.75%, #0C6193 69.14%, #0B6294 69.53%, #0B6294 69.92%, #0B6395 70.31%, #0B6395 70.7%, #0B6496 71.09%, #0B6496 71.48%, #0A6597 71.87%, #0A6597 72.27%, #0A6698 72.66%, #0A6699 73.05%, #0A6799 73.44%, #0A679A 73.83%, #0A689A 74.22%, #09689B 74.61%, #09699B 75%, #09699C 75.39%, #09699C 75.78%, #096A9D 76.17%, #096A9D 76.56%, #096B9E 76.95%, #086B9E 77.34%, #086C9F 77.73%, #086CA0 78.12%, #086DA0 78.52%, #086DA1 78.91%, #086EA1 79.3%, #086EA2 79.69%, #076FA2 80.08%, #076FA3 80.47%, #0770A3 80.86%, #0770A4 81.25%, #0771A4 81.64%, #0771A5 82.03%, #0772A6 82.42%, #0672A6 82.81%, #0673A7 83.2%, #0673A7 83.59%, #0673A8 83.98%, #0674A8 84.37%, #0674A9 84.77%, #0675A9 85.16%, #0575AA 85.55%, #0576AA 85.94%, #0576AB 86.33%, #0577AC 86.72%, #0577AC 87.11%, #0578AD 87.5%, #0578AD 87.89%, #0479AE 88.28%, #0479AE 88.67%, #047AAF 89.06%, #047AAF 89.45%, #047BB0 89.84%, #047BB0 90.23%, #037CB1 90.62%, #037CB1 91.02%, #037DB2 91.41%, #037DB3 91.8%, #037DB3 92.19%, #037EB4 92.58%, #037EB4 92.97%, #027FB5 93.36%, #027FB5 93.75%, #0280B6 94.14%, #0280B6 94.53%, #0281B7 94.92%, #0281B7 95.31%, #0282B8 95.7%, #0182B9 96.09%, #0183B9 96.48%, #0183BA 96.87%, #0184BA 97.27%, #0184BB 97.66%, #0185BB 98.05%, #0185BC 98.44%, #0086BC 98.83%, #0086BD 99.22%, #0087BD 99.61%, #0087BE 100%);
}

@keyframes item-1_move {

  0%,
  100% {
    transform: translate(55px, -55px)
  }

  50% {
    transform: translate(0px, 0px)
  }
}

@keyframes item-2_move {

  0%,
  100% {
    transform: translate(-20px, 20px)
  }

  50% {
    transform: translate(0px, 0px)
  }
}

#connectionMessage {
  position: absolute;
  width: 100%;
  text-align: center;
  left: -210px;
  margin: auto;
  text-align: center;
  margin-top: 140px;
  font-size: 14px;
  color: #393939;
  width: 548px;
}

#noInternetIllustrationImage {
  position: absolute;
  left: -130px;
  margin: auto;
  margin-top: -256px;
}