.spinner{position:absolute;width:45px;height:45px}.spinner div{position:absolute;width:5%;height:15%;background:#c69c6d;transform:rotate(calc(var(--rotation) * 1deg)) translateY(calc(var(--translation) * 1%));animation:spinner-fzua35 1s calc(var(--delay) * 1s) infinite ease}.spinner div:first-child{--delay:0.1;--rotation:36;--translation:150}.spinner div:nth-child(2){--delay:0.2;--rotation:72;--translation:150}.spinner div:nth-child(3){--delay:0.3;--rotation:108;--translation:150}.spinner div:nth-child(4){--delay:0.4;--rotation:144;--translation:150}.spinner div:nth-child(5){--delay:0.5;--rotation:180;--translation:150}.spinner div:nth-child(6){--delay:0.6;--rotation:216;--translation:150}.spinner div:nth-child(7){--delay:0.7;--rotation:252;--translation:150}.spinner div:nth-child(8){--delay:0.8;--rotation:288;--translation:150}.spinner div:nth-child(9){--delay:0.9;--rotation:324;--translation:150}.spinner div:nth-child(10){--delay:1;--rotation:360;--translation:150}@keyframes spinner-fzua35{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%))}}