@property --sweep{syntax:"<number>";inherits:false;initial-value:100}.project-card{--sweep:100;-webkit-mask-image:conic-gradient(from -90deg,#000 calc(var(--sweep)*3.6deg),transparent calc(var(--sweep)*3.6deg));mask-image:conic-gradient(from -90deg,#000 calc(var(--sweep)*3.6deg),transparent calc(var(--sweep)*3.6deg));-webkit-mask-image:conic-gradient(from -90deg,#000 calc(var(--sweep)*3.6deg),transparent calc(var(--sweep)*3.6deg))}.projects-root--pending .project-card{--sweep:0}.projects-root--pending.projects-root--visible .project-card{animation:.7s ease-out forwards project-cooldown-sweep;animation-delay:var(--card-delay,0s)}@keyframes project-cooldown-sweep{0%{--sweep:0}to{--sweep:100}}@media (prefers-reduced-motion:reduce){.projects-root--pending .project-card{--sweep:100}.projects-root--pending.projects-root--visible .project-card{animation:none}}