.loader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#161b29;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}.loader .intro{width:250px;color:#fff;font-size:1.5rem;text-align:center;margin:3rem auto;display:inline-flex;justify-content:center;align-items:center;padding:.5rem 1rem;position:relative;overflow:hidden;border:1px solid #9294f8;animation:intro 3s linear infinite}@keyframes intro{0%,to{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%;background:linear-gradient(120deg,transparent,rgba(146,148,248,.4),transparent);animation:flash 2.5s linear infinite}@keyframes flash{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%,to{color:#fff}60%{color:#666}}.loader .bar{width:50%;height:4px;border-radius:2px;margin:auto;background:#e645d0}.loader .bar .progress{width:0;height:4px;margin:auto;background:#17e1e6}.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{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.loader .progress{animation:progress 20s linear;-moz-animation:progress 20s linear;-webkit-animation:progress 20s linear;-o-animation:progress 20s linear;animation:progress 20s linear infinite}@keyframes progress{0%,to{width:0;background-color:#17e1e6}50%{width:100%;background-color:#28a745}}.loader .common{height:10vw;max-height:100%;overflow:auto;width:10vw;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}.loader .one{transform:rotate(45deg);left:0;right:0;top:0;bottom:7.5vw}.loader .two{transform:rotate(90deg);left:5.5vw;right:0;top:0;bottom:5.5vw}.loader .three{transform:rotate(135deg);left:7.5vw;right:0;top:0;bottom:0}.loader .four{transform:rotate(180deg);left:5.5vw;right:0;top:5.5vw;bottom:0}.loader .five{transform:rotate(225deg);left:0;right:0;top:7.5vw;bottom:0}.loader .six{transform:rotate(270deg);left:0;right:5.5vw;top:5.5vw;bottom:0}.loader .seven{transform:rotate(315deg);left:0;right:7.5vw;top:0;bottom:0}.loader .eight{transform:rotate(1turn);left:0;right:5.5vw;top:0;bottom:5.5vw}.loader .one{animation:one 1s ease infinite;-moz-animation:one 1s ease infinite;-webkit-animation:one 1s ease infinite;-o-animation:one 1s ease infinite}@keyframes one{50%{box-shadow:inset 0 0 0 .1vw #17e1e6,0 0 1.5vw 0 #17e1e6}}.loader .two{animation:two 1s ease .125s infinite;-moz-animation:two 1s ease .125s infinite;-webkit-animation:two 1s ease .125s infinite;-o-animation:two 1s ease .125s infinite}@keyframes two{50%{box-shadow:inset 0 0 0 .1vw #17e1e6,0 0 1.5vw 0 #17e1e6}}.loader .three{animation:three 1s ease .25s infinite;-moz-animation:three 1s ease .25s infinite;-webkit-animation:three 1s ease .25s infinite;-o-animation:three 1s ease .25s infinite}@keyframes three{50%{box-shadow:inset 0 0 0 .1vw #17e1e6,0 0 1.5vw 0 #17e1e6}}.loader .four{animation:four 1s ease .375s infinite;-moz-animation:four 1s ease .375s infinite;-webkit-animation:four 1s ease .375s infinite;-o-animation:four 1s ease .375s infinite}@keyframes four{50%{box-shadow:inset 0 0 0 .1vw #17e1e6,0 0 1.5vw 0 #17e1e6}}.loader .five{animation:five 1s ease .5s infinite;-moz-animation:five 1s ease .5s infinite;-webkit-animation:five 1s ease .5s infinite;-o-animation:five 1s ease .5s infinite}@keyframes five{50%{box-shadow:inset 0 0 0 .1vw #17e1e6,0 0 1.5vw 0 #17e1e6}}.loader .six{animation:six 1s ease .625s infinite;-moz-animation:six 1s ease .625s infinite;-webkit-animation:six 1s ease .625s infinite;-o-animation:six 1s ease .625s infinite}@keyframes six{50%{box-shadow:inset 0 0 0 .1vw #17e1e6,0 0 1.5vw 0 #17e1e6}}.loader .seven{animation:seven 1s ease .75s infinite;-moz-animation:seven 1s ease .75s infinite;-webkit-animation:seven 1s ease .75s infinite;-o-animation:seven 1s ease .75s infinite}@keyframes seven{50%{box-shadow:inset 0 0 0 .1vw #17e1e6,0 0 1.5vw 0 #17e1e6}}.loader .eight{animation:eight 1s ease .875s infinite;-moz-animation:eight 1s ease .875s infinite;-webkit-animation:eight 1s ease .875s infinite;-o-animation:eight 1s ease .875s infinite}@keyframes eight{50%{box-shadow:inset 0 0 0 .1vw #17e1e6,0 0 1.5vw 0 #17e1e6}}@media (min-width:768px){.loader{padding-top:8rem}.loader .intro{margin-top:6rem}}