@property --service-track-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.service-package-card-track{position:relative}.service-package-card-track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:conic-gradient(from var(--service-track-angle),transparent 0%,transparent 35%,rgba(217,118,74,.25) 48%,var(--action-primary-active) 60%,var(--accent) 70%,#ffffff 78%,var(--action-primary-active) 86%,rgba(217,118,74,.25) 94%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;filter:drop-shadow(0 0 4px rgba(217,118,74,.55));animation:service-track-spin 5s linear infinite}@keyframes service-track-spin{0%{--service-track-angle: 0deg}to{--service-track-angle: 360deg}}@media(prefers-reduced-motion:reduce){.service-package-card-track:before{animation:none;filter:none;background:conic-gradient(from 0deg,var(--action-primary-active) 0%,var(--accent) 30%,transparent 55%,transparent 100%)}}