.loader{background-color:#fff;transition:opacity .5s linear;z-index:2050;display:flex;flex-flow:column}.loader.is-done{opacity:0}.loader .logo{width:200px;height:200px;position:relative;margin:0 auto}@keyframes logo{0%,100%{box-shadow:1px 1px 25px 10px rgba(146,148,248,.4)}50%{box-shadow:none}}.loader .intro{text-align:center;display:inline-flex;justify-content:center;align-items:center;position:relative;overflow:hidden;width:169px;height:17px;font-size:16px;font-weight:400;color:#d2f5fd;line-height:36px;text-shadow:0 4px 6px rgba(0,0,0,.23);margin-top:40px}@keyframes intro{0%,100%{box-shadow:0 0 25px 10px rgba(146,148,248,.4)}40%,60%{box-shadow:0 0 25px 0 rgba(146,148,248,.4)}}.loader .intro:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;animation:flash 2.5s linear infinite}@keyframes flash{0%,100%{}10%,90%{left:100%}}.loader .intro img{border-radius:3px;width:40px;margin-right:1rem}.loader .intro span{color:#fff;animation:title 3s linear infinite}@keyframes title{0%,100%{color:#fff}60%{color:#666}}.loader .logo{animation:logo 5s linear infinite;-moz-animation:logo 5s linear infinite;-webkit-animation:logo 5s linear infinite;-o-animation:logo 5s linear infinite}@keyframes logo{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}@keyframes progress{0%,100%{width:0%;background-color:#17e1e6}50%{width:100%;background-color:#28a745}}.loader .common{height:5vw;max-height:100%;overflow:auto;width:2vw;margin:auto;max-width:100%;position:absolute;border-radius:0 10vw 0 10vw;box-shadow:inset 0 0 0 .1vw #e645d0,0 0 1.5vw 0 #e645d0}.loading-progress-text{position:absolute;font-weight:bold;inset:calc(20vh + 3.25rem) 0 auto .2rem;z-index:999}