:root{--main-gold:gold;--neon-white:hsla(0,0%,100%,.9);--accent-red:#ff416c}.global-loading-container{border-radius:20px;height:240px;overflow:hidden;position:relative;width:480px}.global-loading-container .loading-base{align-items:center;display:flex;filter:drop-shadow(0 0 20px var(--main-gold));height:100%;justify-content:center;position:relative;width:100%;z-index:4}.global-loading-container:after{animation:pulse 2s ease-out infinite}.global-loading-container:after,.global-loading-container:before{content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:1}.global-loading-container:before{animation:pulse 4s cubic-bezier(.4,0,.2,1) infinite}.global-loading-container .scan-light{animation:sweep 3s cubic-bezier(.4,0,.2,1) infinite;background:linear-gradient(45deg,transparent 15%,hsla(0,0%,100%,.15) 25%,rgba(255,215,0,.3) 50%,hsla(0,0%,100%,.15) 75%,transparent 85%);height:120px;mix-blend-mode:soft-light;position:absolute;top:30%;transform:rotate(-40deg);width:180%;z-index:3}.global-loading-container .particles{filter:drop-shadow(0 0 8px var(--main-gold));height:100%;position:absolute;width:100%}.global-loading-container .particle{animation:particle-flow 1.5s infinite;border-radius:50%;height:8px;opacity:0;position:absolute;width:8px}.global-loading-container .particle:first-child{--x:35;animation-delay:0s;left:35%;top:90%}.global-loading-container .particle:nth-child(2){--x:50;animation-delay:.4s;left:50%;top:85%}.global-loading-container .particle:nth-child(3){--x:65;animation-delay:.8s;left:65%;top:95%}.global-loading-container .particle:nth-child(4){--x:45;animation-delay:1.2s;left:45%;top:80%}.global-loading-container .particle:nth-child(5){--x:60;animation-delay:1.6s;left:60%;top:88%}.global-loading-container .particle:nth-child(6){--x:40;animation-delay:2s;left:40%;top:92%}.global-loading-container .particle:after{background:inherit;content:"";filter:blur(3px);height:100%;position:absolute;width:100%}.global-loading-container .particle:nth-child(odd){background:var(--main-gold);box-shadow:0 0 15px var(--main-gold)}.global-loading-container .particle:nth-child(2n){background:var(--neon-white);box-shadow:0 0 15px #fff}@keyframes pulse{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:.1;transform:scale(1.8)}}@keyframes sweep{0%{transform:translate(-100%) rotate(-40deg)}to{transform:translate(100%) rotate(-40deg)}}@keyframes particle-flow{0%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:1}to{opacity:0;transform:translateY(-180px) translate(calc((var(--x) - 50)*.8px)) scale(.2)}}
