@property --app-spinner-arc{syntax:"<angle>";inherits:false;initial-value:90deg}@property --app-spinner-tail{syntax:"<angle>";inherits:false;initial-value:0deg}.app-spinner-track,.app-spinner-arc{border:1.5px solid;border-radius:50%;position:absolute;inset:1.5px}.app-spinner-track{opacity:.2}.app-spinner-arc{transform-origin:50%;-webkit-mask-image:conic-gradient(from var(--app-spinner-tail), #000 var(--app-spinner-arc), transparent 0);mask-image:conic-gradient(from var(--app-spinner-tail), #000 var(--app-spinner-arc), transparent 0);animation:1.2s linear infinite app-spinner-rotate,1.8s ease-in-out infinite app-spinner-sweep}@keyframes app-spinner-rotate{to{transform:rotate(360deg)}}@keyframes app-spinner-sweep{0%{--app-spinner-tail:0deg;--app-spinner-arc:45deg}50%{--app-spinner-tail:0deg;--app-spinner-arc:270deg}to{--app-spinner-tail:360deg;--app-spinner-arc:45deg}}@media (prefers-reduced-motion:reduce){.app-spinner-arc{animation:none}}