.loader-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:180px;height:180px;font-family:Inter,sans-serif;font-size:1.2em;font-weight:300;color:#fff;user-select:none}.loader,.loader-wrapper{border-radius:50%;background-color:transparent}.loader{position:absolute;top:0;left:0;width:100%;aspect-ratio:1/1;animation:loader-rotate 2s linear infinite;z-index:0}@keyframes loader-rotate{0%{transform:rotate(90deg);box-shadow:inset 0 10px 20px 0 #fff,inset 0 20px 30px 0 #ad5fff,inset 0 60px 60px 0 #471eec}50%{transform:rotate(270deg);box-shadow:inset 0 10px 20px 0 #fff,inset 0 20px 10px 0 #d60a47,inset 0 40px 60px 0 #311e80}to{transform:rotate(450deg);box-shadow:inset 0 10px 20px 0 #fff,inset 0 20px 30px 0 #ad5fff,inset 0 60px 60px 0 #471eec}}.loader-letter{display:inline-block;opacity:.4;transform:translateY(0);animation:loader-letter-anim 2s infinite;z-index:1;border-radius:50ch;border:none}.loader-letter:first-child{animation-delay:0s}.loader-letter:nth-child(2){animation-delay:.1s}.loader-letter:nth-child(3){animation-delay:.2s}.loader-letter:nth-child(4){animation-delay:.3s}.loader-letter:nth-child(5){animation-delay:.4s}.loader-letter:nth-child(6){animation-delay:.5s}.loader-letter:nth-child(7){animation-delay:.6s}.loader-letter:nth-child(8){animation-delay:.7s}.loader-letter:nth-child(9){animation-delay:.8s}.loader-letter:nth-child(10){animation-delay:.9s}@keyframes loader-letter-anim{0%,to{opacity:.4;transform:translateY(0)}20%{opacity:1;transform:scale(1.15)}40%{opacity:.7;transform:translateY(0)}}