html, body, #app {height: 100%;margin: 0px;padding: 0px;}:root {--kim: #f8cb8a;--yim: #bdbcc2;--qbo: #b8c2e2;}body {padding: 0;margin: 0;width: 100%;height: 100vh;}.loading-wrapper {width: 200px;height: 60px;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.loading-wrapper .circle {width: 20px;height: 20px;position: absolute;border-radius: 50%;background-color: #fff;left: 15%;-webkit-transform-origin: 50%;-ms-transform-origin: 50%;transform-origin: 50%;-webkit-animation: circle 0.5s alternate infinite ease;animation: circle 0.5s alternate infinite ease;}.loading-wrapper .circle:nth-child(1) {background: var(--kim);}.loading-wrapper .circle:nth-child(2) {left: 45%;-webkit-animation-delay: 0.2s;animation-delay: 0.2s;background: var(--yim);}.loading-wrapper .circle:nth-child(3) {left: auto;right: 15%;-webkit-animation-delay: 0.3s;animation-delay: 0.3s;background: var(--qbo);}.loading-wrapper .shadow {width: 20px;height: 4px;border-radius: 50%;background-color: rgba(0, 0, 0, .2);position: absolute;top: 62px;-webkit-transform-origin: 50%;-ms-transform-origin: 50%;transform-origin: 50%;z-index: -1;left: 15%;-webkit-filter: blur(1px);filter: blur(1px);-webkit-animation: shadow 0.5s alternate infinite ease;animation: shadow 0.5s alternate infinite ease;}.loading-wrapper .shadow:nth-child(4) {left: 45%;-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}.loading-wrapper .shadow:nth-child(5) {left: auto;right: 15%;-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}.loading-wrapper .loading {display: -webkit-box;display: -ms-flexbox;display: flex;position: absolute;top: 75px;font-family: 'Lato';font-size: 20px;letter-spacing: 8px;left: 15%;font-family: 'Sigmar One', cursive;}.loading .letter {-webkit-animation-name: loadingF;animation-name: loadingF;-webkit-animation-duration: 1.6s;animation-duration: 1.6s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-direction: linear;animation-direction: linear;}@-webkit-keyframes circle {0% {top: 60px;height: 5px;border-radius: 50px 50px 25px 25px;-webkit-transform: scaleX(1.7);transform: scaleX(1.7);}40% {height: 20px;border-radius: 50%;-webkit-transform: scaleX(1);transform: scaleX(1);}100% {top: 0%;}}@keyframes circle {0% {top: 60px;height: 5px;border-radius: 50px 50px 25px 25px;-webkit-transform: scaleX(1.7);transform: scaleX(1.7);}40% {height: 20px;border-radius: 50%;-webkit-transform: scaleX(1);transform: scaleX(1);}100% {top: 0%;}}@-webkit-keyframes shadow {0% {-webkit-transform: scaleX(1.5);transform: scaleX(1.5);}40% {-webkit-transform: scaleX(1);transform: scaleX(1);opacity: 0.7;}100% {-webkit-transform: scaleX(0.2);transform: scaleX(0.2);opacity: 0.4;}}@keyframes shadow {0% {-webkit-transform: scaleX(1.5);transform: scaleX(1.5);}40% {-webkit-transform: scaleX(1);transform: scaleX(1);opacity: 0.7;}100% {-webkit-transform: scaleX(0.2);transform: scaleX(0.2);opacity: 0.4;}}.no-js #loader-wrapper {display: none;}.no-js h1 {color: #222222;}#loader-wrapper .load_title {font-family: 'Open Sans';color: #409EFF;font-size: 19px;width: 100%;text-align: center;z-index: 9999999999999;position: absolute;top: 55%;opacity: 1;line-height: 30px;}.l-1 {-webkit-animation-delay: 0.48s;animation-delay: 0.48s;}.l-2 {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}.l-3 {-webkit-animation-delay: 0.72s;animation-delay: 0.72s;}.l-4 {-webkit-animation-delay: 0.84s;animation-delay: 0.84s;}.l-5 {-webkit-animation-delay: 0.96s;animation-delay: 0.96s;}.l-6 {-webkit-animation-delay: 1.08s;animation-delay: 1.08s;}.l-7 {-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}@-webkit-keyframes loadingF {0% {opacity: 0;}100% {opacity: 1;}}@keyframes loadingF {0% {opacity: 0;}100% {opacity: 1;}}