@property --fui-spinner-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.fui-spinner[data-v-babb6d3c]{--fui-spinner-thickness: 14.7%;--fui-spinner-mask-thickness: 29.4%;--fui-spinner-inset: 7.5%;--fui-spinner-paint-size: calc(100% - 2 * var(--fui-spinner-inset));--fui-spinner-track-color: transparent;background-image:radial-gradient(calc(var(--fui-spinner-thickness) / 2) calc(var(--fui-spinner-thickness) / 2) at calc(50% + (50% - var(--fui-spinner-thickness) / 2) * sin(var(--fui-spinner-angle))) calc(50% - (50% - var(--fui-spinner-thickness) / 2) * cos(var(--fui-spinner-angle))),currentColor 92%,transparent),conic-gradient(from var(--fui-spinner-angle),transparent 32%,currentColor 92%,currentColor 100%),linear-gradient(var(--fui-spinner-track-color),var(--fui-spinner-track-color));background-size:var(--fui-spinner-paint-size) var(--fui-spinner-paint-size);background-position:center;background-repeat:no-repeat;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--fui-spinner-mask-thickness)),#000 calc(100% - var(--fui-spinner-mask-thickness)),#000 calc(100% - .5px),transparent 100%) center / var(--fui-spinner-paint-size) var(--fui-spinner-paint-size) no-repeat;mask:radial-gradient(farthest-side,transparent calc(100% - var(--fui-spinner-mask-thickness)),#000 calc(100% - var(--fui-spinner-mask-thickness)),#000 calc(100% - .5px),transparent 100%) center / var(--fui-spinner-paint-size) var(--fui-spinner-paint-size) no-repeat;animation:fui-spinner-rotate-babb6d3c .7s linear infinite}.fui-spinner--track[data-v-babb6d3c]{--fui-spinner-track-color: color-mix(in srgb, currentColor 15%, transparent)}@keyframes fui-spinner-rotate-babb6d3c{to{--fui-spinner-angle: 360deg}}@media(prefers-reduced-motion:reduce){.fui-spinner[data-v-babb6d3c]{animation-duration:1.6s}}