.loading{width:100%;background-color:#000;display:flex;flex-direction:column;gap:1em;justify-content:center;align-items:center;padding:2em}.loading div:last-child{font-size:2em;font-weight:500;text-align:center;color:#fff}.loader{height:40px;aspect-ratio:.866;display:grid;background:conic-gradient(from -121deg at right,#0000,#ef4135 1deg,#ef4135 60deg,#0000 61deg);animation:l11-0 2s infinite;transform-origin:33% 50%}.loader:before,.loader:after{content:"";grid-area:1/1;background:conic-gradient(from -121deg at right,#0000,#d4d112 1deg,#d4d112 60deg,#0000 61deg);animation:inherit;animation-name:l11-1}.loader:after{--s:30px;background:conic-gradient(from -121deg at right,#0000,#00afdb 1deg,#00afdb 60deg,#0000 61deg)}@keyframes l11-0{0%{transform:translate(-30px) rotate(0) translate(0) rotate(0)}25%{transform:translate(30px) rotate(0) translate(0) rotate(0)}50%{transform:translate(30px) rotate(180deg) translate(0) rotate(0)}75%{transform:translate(30px) rotate(180deg) translate(60px) rotate(0)}to{transform:translate(30px) rotate(180deg) translate(60px) rotate(180deg)}}@keyframes l11-1{0%,25%,50%,75%,to{transform:translate(0)}12.5%,62.5%{transform:translate(var(--s,15px))}}