.loader{width:100px;height:100px;position:relative}.circle{fill:none;stroke-width:4px;stroke-linecap:round;stroke-dasharray:0 314;transform-origin:50%;animation:2s ease-in-out infinite draw}.circle:first-child{stroke:var(--primary-100);animation-delay:0s}.circle:nth-child(2){stroke:var(--primary-300);animation-delay:.4s}.circle:nth-child(3){stroke:var(--primary-500);animation-delay:.8s}.circle:nth-child(4){stroke:var(--primary-700);animation-delay:1.2s}@keyframes draw{0%{stroke-dasharray:0 314;opacity:.2;transform:scale(.8)}50%{opacity:1}to{stroke-dasharray:314 314;opacity:.2;transform:scale(1.2)}}