.loader{width:60px;aspect-ratio:1;display:grid;grid:50%/50%;color:#25b09b;--_g:no-repeat linear-gradient(currentColor 0 0);background:var(--_g),var(--_g),var(--_g);background-size:50.1% 50.1%;animation:l6-0 1.5s steps(1) infinite alternate,l6-0-0 3s steps(1) infinite}.loader:before{content:"";background:currentColor;transform:perspective(150px) rotateY(0deg) rotateX(0deg);transform-origin:bottom right;animation:l6-1 1.5s linear infinite alternate}@keyframes l6-0{0%{background-position:0 100%,100% 100%,100% 0}33%{background-position:100% 100%,100% 100%,100% 0}66%{background-position:100% 0,100% 0,100% 0}}@keyframes l6-0-0{0%{transform:scaleX(1) rotate(0deg)}50%{transform:scaleX(-1) rotate(-90deg)}}@keyframes l6-1{16.5%{transform:perspective(150px) rotateX(-90deg) rotateY(0deg) rotateX(0deg);filter:grayscale(.8)}33%{transform:perspective(150px) rotateX(-180deg) rotateY(0deg) rotateX(0deg)}66%{transform:perspective(150px) rotateX(-180deg) rotateY(-180deg) rotateX(0deg)}to{transform:perspective(150px) rotateX(-180deg) rotateY(-180deg) rotateX(-180deg);filter:grayscale(.8)}}.blob{width:112px;height:112px;display:grid;background:#fff;filter:blur(4.5px) contrast(10);padding:11.2px;mix-blend-mode:darken}.blob:before{content:"";margin:auto;width:33.6px;height:33.6px;border-radius:50%;color:#474bff;background:currentColor;box-shadow:-33.6px 0,33.6px 0,0 33.6px,0 -33.6px;animation:blob-031hhgmd 1s infinite alternate}@keyframes blob-031hhgmd{90%,to{box-shadow:-11.2px 0,11.2px 0,0 11.2px,0 -11.2px;transform:rotate(180deg)}}