@property --border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.motion-wrapper[data-v-67d7a296]{--border-angle:0deg;--color:transparent;animation:border-angle-rotate-67d7a296 linear infinite;background:linear-gradient(var(--color-background),var(--color-background)) padding-box,conic-gradient(from var(--border-angle),var(--color-background) 70%,var(--color) 100%) border-box;border:7px solid transparent;position:relative;will-change:background}.motion-wrapper__active[data-v-67d7a296]{animation-duration:4s;--color:var(--color-primary-600)}@keyframes border-angle-rotate-67d7a296{0%{--border-angle:0deg}32%{--border-angle:115deg}49%{--border-angle:179deg}81%{--border-angle:294deg}to{--border-angle:360deg}}