:root{--loader-width:250px;--loader-dot-size:20px}.loaderContainer{height:100vh;width:100vw;font-family:Helvetica}.loader{width:var(--loader-width);top:0;bottom:0;left:0;right:0;margin:auto}.loader,.loader--dot{height:var(--loader-dot-size);position:absolute}.loader--dot{animation:loader 3s ease-in-out infinite;width:var(--loader-dot-size);border-radius:100%;border:2px solid #fff}.loader--dot:first-child{background-color:#5969c7;animation-delay:.5s}.loader--dot:nth-child(2){background-color:#2563eb;animation-delay:.4s}.loader--dot:nth-child(3){background-color:#059669;animation-delay:.3s}.loader--dot:nth-child(4){background-color:#7c3aed;animation-delay:.2s}.loader--dot:nth-child(5){background-color:#0891b2;animation-delay:.1s}.loader--dot:nth-child(6){background-color:#4338ca;animation-delay:0s}.loader--text{position:absolute;top:200%;left:0;right:0;width:4rem;margin:auto;font-size:30px;font-weight:700;color:#021d1b}.loader--text:after{content:"Loading";font-weight:700;animation:loading-text 3s infinite}@keyframes loader{15%{transform:translateX(0)}45%{transform:translateX(calc(var(--loader-width) - var(--loader-dot-size)))}65%{transform:translateX(calc(var(--loader-width) - var(--loader-dot-size)))}95%{transform:translateX(0)}}@keyframes loading-text{0%{content:"Destiny"}25%{content:"De"}50%{content:"Des"}75%{content:"Desti"}to{content:"Destiny"}}