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