.splashing{width:100vw;height:100vh;margin:0;padding:0;max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center}.splashing .splash{box-sizing:border-box;z-index:100;position:fixed}.splashing .splash.audio-wave{width:80px;height:60px;top:50%;margin-top:-30px;left:50%;margin-left:-40px;background:linear-gradient(#fb7c4d,#fb7c4d) 0 50%,linear-gradient(#fb7c4d,#fb7c4d) 25% 50%,linear-gradient(#fb7c4d,#fb7c4d) 50% 50%,linear-gradient(#fb7c4d,#fb7c4d) 75% 50%,linear-gradient(#fb7c4d,#fb7c4d) 100% 50%;background-repeat:no-repeat;background-size:19% 10px,19% 10px,19% 10px,19% 10px,19% 10px;animation:splash-audio-wave-animation 1.5s linear infinite}@keyframes splash-audio-wave-animation{25%{background:linear-gradient(#fecb3d,#fecb3d) 0 50%,linear-gradient(#fb7c4d,#fb7c4d) 25% 50%,linear-gradient(#fb7c4d,#fb7c4d) 50% 50%,linear-gradient(#fb7c4d,#fb7c4d) 75% 50%,linear-gradient(#fb7c4d,#fb7c4d) 100% 50%;background-repeat:no-repeat;background-size:19% 50px,19% 10px,19% 10px,19% 10px,19% 10px}37.5%{background:linear-gradient(#fb7c4d,#fb7c4d) 0 50%,linear-gradient(#fecb3d,#fecb3d) 25% 50%,linear-gradient(#fb7c4d,#fb7c4d) 50% 50%,linear-gradient(#fb7c4d,#fb7c4d) 75% 50%,linear-gradient(#fb7c4d,#fb7c4d) 100% 50%;background-repeat:no-repeat;background-size:19% 10px,19% 50px,19% 10px,19% 10px,19% 10px}50%{background:linear-gradient(#fb7c4d,#fb7c4d) 0 50%,linear-gradient(#fb7c4d,#fb7c4d) 25% 50%,linear-gradient(#fecb3d,#fecb3d) 50% 50%,linear-gradient(#fb7c4d,#fb7c4d) 75% 50%,linear-gradient(#fb7c4d,#fb7c4d) 100% 50%;background-repeat:no-repeat;background-size:19% 10px,19% 10px,19% 50px,19% 10px,19% 10px}62.5%{background:linear-gradient(#fb7c4d,#fb7c4d) 0 50%,linear-gradient(#fb7c4d,#fb7c4d) 25% 50%,linear-gradient(#fb7c4d,#fb7c4d) 50% 50%,linear-gradient(#fecb3d,#fecb3d) 75% 50%,linear-gradient(#fb7c4d,#fb7c4d) 100% 50%;background-repeat:no-repeat;background-size:19% 10px,19% 10px,19% 10px,19% 50px,19% 10px}75%{background:linear-gradient(#fb7c4d,#fb7c4d) 0 50%,linear-gradient(#fb7c4d,#fb7c4d) 25% 50%,linear-gradient(#fb7c4d,#fb7c4d) 50% 50%,linear-gradient(#fb7c4d,#fb7c4d) 75% 50%,linear-gradient(#fecb3d,#fecb3d) 100% 50%;background-repeat:no-repeat;background-size:19% 10px,19% 10px,19% 10px,19% 10px,19% 50px}}.splashing .splash.circular{display:inline-block;width:64px;height:64px;margin-left:-32px;margin-top:-32px;animation:splash-container-rotate 1568ms linear infinite}.splashing .splash.circular .spinner-layer{position:absolute;width:100%;height:100%;opacity:0}.splashing .splash.circular .spinner-layer.spinner-blue{border-color:#4285f4;animation:splash-fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,splash-blue-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.splashing .splash.circular .spinner-layer.spinner-red{border-color:#db4437;animation:splash-fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,splash-red-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.splashing .splash.circular .spinner-layer.spinner-yellow{border-color:#f4b400;animation:splash-fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,splash-yellow-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.splashing .splash.circular .spinner-layer.spinner-green{border-color:#0f9d58;animation:splash-fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,splash-green-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.splashing .splash.circular .spinner-layer .circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}.splashing .splash.circular .spinner-layer .circle-clipper .circle{width:200%;box-sizing:border-box;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent!important;border-radius:50%;animation:none;position:absolute;top:0;right:0;bottom:0}.splashing .splash.circular .spinner-layer .circle-clipper.left .circle{left:0;border-right-color:transparent!important;transform:rotate(129deg);animation:splash-left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.splashing .splash.circular .spinner-layer .circle-clipper.right .circle{left:-100%;border-left-color:transparent!important;transform:rotate(-129deg);animation:splash-right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.splashing .splash.circular .spinner-layer .gap-patch{position:absolute;box-sizing:border-box;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}.splashing .splash.circular .spinner-layer .gap-patch .circle{width:1000%;left:-450%}@keyframes splash-container-rotate{to{transform:rotate(1turn)}}@keyframes splash-fill-unfill-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}to{transform:rotate(3turn)}}@keyframes splash-blue-fade-in-out{0%{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}to{opacity:1}}@keyframes splash-red-fade-in-out{0%{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@keyframes splash-yellow-fade-in-out{0%{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@keyframes splash-green-fade-in-out{0%{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes splash-left-spin{0%{transform:rotate(130deg)}50%{transform:rotate(-5deg)}to{transform:rotate(130deg)}}@keyframes splash-right-spin{0%{transform:rotate(-130deg)}50%{transform:rotate(5deg)}to{transform:rotate(-130deg)}}.splashing .splash.spinner-section{width:50px;height:50px;left:50%;margin-left:-25px;top:50%;margin-top:-25px;border-radius:50%;border:3.125px solid #aaa;animation:splash-spinner 1.2s linear infinite}.splashing .splash.spinner-section:after,.splashing .splash.spinner-section:before{content:"";position:absolute;top:-3.125px;left:-3.125px;display:block;width:50px;height:50px;border-radius:50%;border:3.125px solid transparent;border-top-color:tomato}.splashing .splash.spinner-section:after{border-top-color:transparent;border-bottom-color:tomato;display:none}.splashing .splash.spinner-section-far{width:50px;height:50px;left:50%;margin-left:-25px;top:50%;margin-top:-25px;border-radius:50%;border:3.125px solid #aaa;animation:splash-spinner 1.2s linear infinite}.splashing .splash.spinner-section-far:after,.splashing .splash.spinner-section-far:before{content:"";position:absolute;top:-3.125px;left:-3.125px;display:block;width:50px;height:50px;border-radius:50%;border:3.125px solid transparent;border-top-color:tomato}.splashing .splash.spinner-section-far:after{border-top-color:transparent;border-bottom-color:tomato}.splashing .splash.spinner-section-far:after,.splashing .splash.spinner-section-far:before{top:-9.375px;left:-9.375px;width:62.5px;height:62.5px}.splashing .splash.spinner-section-far:after{display:none}@keyframes splash-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splashing .splash.tailing{width:100px;height:100px;border-radius:50%;box-shadow:0 0 5px #fff}.splashing .splash.tailing:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(#000,#dcdcdc);animation:splash-spin 1s infinite linear}.splashing .splash.tailing:after{content:"";position:absolute;width:95%;height:95%;top:2.5%;left:2.5%;background-color:#fff;border-radius:50%;box-shadow:inset 0 0 5px #fff}.splashing .splash.tailing span{position:absolute;left:22px;top:42px;z-index:100}@keyframes splash-spin{to{transform:rotate(1turn)}}.splashing .splash.windcatcher{width:40px;height:auto;left:50%;margin-left:-20px;top:50%;margin-top:-50px;perspective:500px;animation:splash-rotate 4s linear infinite}.splashing .splash.windcatcher .blade{height:5px;background-color:#0277bd;margin-bottom:1px;animation:splash-windcatcherSpin 4s linear infinite,splash-windcatcherBg 2s linear infinite}.splashing .splash.windcatcher .blade:first-child{animation-delay:0s}.splashing .splash.windcatcher .blade:nth-child(2){animation-delay:.25s}.splashing .splash.windcatcher .blade:nth-child(3){animation-delay:.5s}.splashing .splash.windcatcher .blade:nth-child(4){animation-delay:.75s}.splashing .splash.windcatcher .blade:nth-child(5){animation-delay:1s}.splashing .splash.windcatcher .blade:nth-child(6){animation-delay:1.25s}.splashing .splash.windcatcher .blade:nth-child(7){animation-delay:1.5s}.splashing .splash.windcatcher .blade:nth-child(8){animation-delay:1.75s}@keyframes splash-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes splash-windcatcherSpin{0%{transform:rotateY(0deg) rotateX(-20deg)}to{transform:rotateY(1turn) rotateX(-20deg)}}@keyframes splash-windcatcherBg{0%{background-color:#0277bd}50%{background-color:#01579b}51%{background-color:#40c4ff}70%{background-color:#039be5}to{background-color:#0277bd}}