.first-loading-wrp{align-items:center;display:flex;flex-direction:column;height:600px;justify-content:center}.first-loading-wrp>h1{color:#0000000d;display:block;font-family:Helvetica,Arial,sans-serif;font-size:128px;font-weight:300;letter-spacing:-.01562em;line-height:6rem}.first-loading-wrp .loading-wrp{align-items:center;display:flex;justify-content:center;padding:98px}.dot{animation:antRotate 1.2s linear infinite;box-sizing:border-box;display:inline-block;font-size:32px;height:32px;position:relative;transform:rotate(45deg);width:32px}.dot i{animation:antSpinMove 1s linear infinite alternate;background-color:#8247e5;border-radius:100%;display:block;height:14px;opacity:.3;position:absolute;transform:scale(.75);transform-origin:50% 50%;width:14px}.dot i:first-child{left:0;top:0}.dot i:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s;right:0;top:0}.dot i:nth-child(3){-webkit-animation-delay:.8s;animation-delay:.8s;bottom:0;right:0}.dot i:nth-child(4){-webkit-animation-delay:1.2s;animation-delay:1.2s;bottom:0;left:0}.slogan{align-items:center;display:flex;justify-content:center}@keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@-webkit-keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes antSpinMove{to{opacity:1}}@-webkit-keyframes antSpinMove{to{opacity:1}}body{font-family:-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0}.app-waves{background:#fff;height:100%;width:100%}.app-waves .app-waves-svg{bottom:0;height:64px;position:absolute;width:100%}.app-waves .parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.app-waves .parallax>use:first-child{fill:#56baff80;animation-delay:-2s;animation-duration:7s}.app-waves .parallax>use:nth-child(2){fill:#56baff4d;animation-delay:-3s;animation-duration:10s}.app-waves .parallax>use:nth-child(3){fill:#56baff1a;animation-delay:-4s;animation-duration:13s}.app-waves .parallax>use:nth-child(4){fill:#56baffe6;animation-delay:-5s;animation-duration:20s}@media screen and (max-width:600px){.first-loading-wrp{height:500px}.first-loading-wrp>h1{font-size:60px}}@media screen and (min-width:1040px){.first-loading-wrp>h1{display:block}.app-waves .app-waves-svg{height:160px}}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}