:root{--loading-cX:#11182777;--loading-c0:#fff;--loading-c1:#ffa647;--loading-c2:#3e8dc9}#loading{background-color:transparent;display:grid;place-content:center;grid-gap:5rem;gap:5rem;color:var(--loading-cX);width:100%;height:100%;max-width:100vw;max-height:100vh;align-items:center;text-align:center}#loading>p{font-size:1.75rem;font-weight:700;letter-spacing:.125rem;padding-block:.5rem}#loading>.loader{position:relative;display:flex;gap:1rem}#loading>.loader>span{width:min(5vw,5rem);height:min(10vw,10rem);background-color:var(--loading-c1);margin-inline:1rem;border-radius:.5rem;animation:animate 1.75s linear infinite}#loading>.loader>span:first-child{animation-delay:0s}#loading>.loader>span:nth-child(2){animation-delay:.25s}#loading>.loader>span:nth-child(3){animation-delay:.5s}#loading>.loader>span:nth-child(4){animation-delay:.75s}#loading>.loader>span:nth-child(5){animation-delay:1s}@keyframes animate{0%{box-shadow:0 0 0 var(--loading-cX);opacity:0;transform:translateX(-5rem) scale(1)}50%{box-shadow:0 2rem 5rem var(--loading-cX);transform:translateX(0) scale(1.25);opacity:1}to{box-shadow:0 0 0 var(--loading-cX);opacity:0;transform:translateX(5rem) scale(1)}}