.loader-wrap{position:relative;display:inline-block;flex-shrink:0}.loader-spinner{position:absolute;inset:0}.loader-spinner span{position:absolute;width:50%;height:150%;border-radius:999px;background:var(--loader-color,currentColor);transform:rotate(calc(var(--rotation) * 1deg)) translateY(calc(var(--translation) * 1%));animation:loader-spin-anim 1s calc(var(--delay) * 1s) infinite ease}.loader-spinner span:first-child{--delay:0.1;--rotation:36;--translation:150}.loader-spinner span:nth-child(2){--delay:0.2;--rotation:72;--translation:150}.loader-spinner span:nth-child(3){--delay:0.3;--rotation:108;--translation:150}.loader-spinner span:nth-child(4){--delay:0.4;--rotation:144;--translation:150}.loader-spinner span:nth-child(5){--delay:0.5;--rotation:180;--translation:150}.loader-spinner span:nth-child(6){--delay:0.6;--rotation:216;--translation:150}.loader-spinner span:nth-child(7){--delay:0.7;--rotation:252;--translation:150}.loader-spinner span:nth-child(8){--delay:0.8;--rotation:288;--translation:150}.loader-spinner span:nth-child(9){--delay:0.9;--rotation:324;--translation:150}.loader-spinner span:nth-child(10){--delay:1;--rotation:360;--translation:150}@keyframes loader-spin-anim{0%,10%,20%,30%,50%,60%,70%,80%,90%,to{transform:rotate(calc(var(--rotation) * 1deg)) translateY(calc(var(--translation) * 1%))}50%{transform:rotate(calc(var(--rotation) * 1deg)) translateY(calc(var(--translation) * 1.5%))}}