.loader{--dim:3rem;position:relative;animation:spin988 2s linear infinite}.loader,.loader .circle{width:var(--dim);height:var(--dim)}.loader .circle{--color:#333;--dim:1.2rem;background-color:var(--color);border-radius:50%;position:absolute}.loader .circle:first-child{top:0;left:0}.loader .circle:nth-child(2){top:0;right:0}.loader .circle:nth-child(3){bottom:0;left:0}.loader .circle:nth-child(4){bottom:0;right:0}@keyframes spin988{0%{transform:scale(1) rotate(0)}20%,25%{transform:scale(1.3) rotate(90deg)}45%,50%{transform:scale(1) rotate(180deg)}70%,75%{transform:scale(1.3) rotate(270deg)}95%,to{transform:scale(1) rotate(1turn)}}