@property --workflows-card-gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotate{0%{--workflows-card-gradient-angle:0deg}18%{--workflows-card-gradient-angle:76deg}27%{--workflows-card-gradient-angle:104deg}63%{--workflows-card-gradient-angle:256deg}72%{--workflows-card-gradient-angle:284deg}to{--workflows-card-gradient-angle:360deg}}@keyframes connection{to{opacity:1}}@keyframes running{0%{opacity:0;top:0}15%,85%{opacity:1;top:-28px}to{opacity:0;top:0}}@keyframes completed{0%,85%{opacity:0;top:0}to{opacity:1;top:-28px}}.workflows-hero-card .workflows-hero-card-connection,.workflows-hero-card .workflows-hero-card-running,.workflows-hero-card .workflows-hero-card-completed{animation-fill-mode:forwards;animation-duration:var(--duration);animation-timing-function:ease-in-out}.workflows-hero-card{background-image:conic-gradient(#0fc27b var(--workflows-card-gradient-angle), transparent 0);animation-name:rotate;animation-fill-mode:forwards;animation-duration:var(--duration);animation-timing-function:linear}.workflows-hero-card .workflows-hero-card-connection{animation-name:connection}.workflows-hero-card .workflows-hero-card-running{animation-name:running}.workflows-hero-card .workflows-hero-card-completed{animation-name:completed}