body.loading .loading-area {
  padding: 10px;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: white center center;
}

body.loading .loading-area {
  z-index: 1000;
  display: none;
  position: fixed;
}

body.loading .loading-area {
	opacity: 0.8;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin:auto;background:none;display:block;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='6.451612903225806' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-0.5s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='0s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-0.5s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='6.451612903225806' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-1.5s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-0.5s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='16.129032258064512' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-0.7s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-0.2s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-0.7s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='16.129032258064512' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-1.7s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1.2s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-0.7s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='25.806451612903224' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-0.9s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-0.4s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-0.9s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='25.806451612903224' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-1.9s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1.4s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-0.9s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='35.48387096774193' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-1.1s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-0.6s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-1.1s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='35.48387096774193' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-2.1s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1.6s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-1.1s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='45.16129032258064' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-1.3s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-0.8s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-1.3s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='45.16129032258064' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-2.3s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1.8s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-1.3s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='54.838709677419345' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-1.5s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-1.5s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='54.838709677419345' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-2.5s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-2s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-1.5s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='64.51612903225805' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-1.7s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1.2s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-1.7s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='64.51612903225805' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-2.7s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-2.2s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-1.7s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='74.19354838709677' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-1.9s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1.4s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-1.9s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='74.19354838709677' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-2.9s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-2.4s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-1.9s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='83.87096774193547' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-2.1s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1.6s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-2.1s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='83.87096774193547' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-3.1s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-2.6s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-2.1s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='93.54838709677418' cy='50' r='3' fill='%23801994'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-2.3s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-1.8s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23801994;%23fbacc9;%23801994' dur='2s' repeatCount='indefinite' begin='-2.3s'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='93.54838709677418' cy='50' r='3' fill='%23a2f0fb'%3E%3Canimate attributeName='r' times='0;0.5;1' values='2.4000000000000004;3.5999999999999996;2.4000000000000004' dur='2s' repeatCount='indefinite' begin='-3.3s'%3E%3C/animate%3E%3Canimate attributeName='cy' keyTimes='0;0.5;1' values='32;68;32' dur='2s' repeatCount='indefinite' begin='-2.8s' keySplines='0.5 0 0.5 1;0.5 0 0.5 1' calcMode='spline'%3E%3C/animate%3E%3Canimate attributeName='fill' keyTimes='0;0.5;1' values='%23a2f0fb;%231a16a3;%23a2f0fb' dur='2s' repeatCount='indefinite' begin='-2.3s'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
}

body.loading {
  overflow: hidden;
}

body.loading .loading-area {
  display: block;
}