@property --opacity{syntax:"<percentage>";initial-value:100%;inherits:false}.spinner[data-v-a1e2037c]{--size:75px;--line-size:10px;--border-color:#fff5f5;--center-shadow-color:#333;--animate-duration:5s;position:relative;width:var(--size);height:var(--size)}.spinner>div[data-v-a1e2037c]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--joy-color-neutral-0);border-radius:100%}.spinner .marker[data-v-a1e2037c]{width:var(--size);height:var(--size);background:conic-gradient(transparent var(--opacity),var(--border-color) 0 60%);animation:conic-gradient-a1e2037c var(--animate-duration) ease infinite}.spinner .central-content[data-v-a1e2037c]{background-color:var(--joy-color-background-default);width:calc(var(--size) - var(--line-size));height:calc(var(--size) - var(--line-size));box-shadow:0 0 2px var(--center-shadow-color);justify-content:center;align-items:center;display:flex}.spinner .background[data-v-a1e2037c]{width:var(--size);height:var(--size);background:#9035a0;background:linear-gradient(90deg,#9035a0,#fc5757d9)}@keyframes conic-gradient-a1e2037c{0%{--opacity:0%}to{--opacity:100%}}.ai-color-gradient[data-v-a1e2037c]{background:linear-gradient(270deg,rgba(252,87,87,.8509803922),var(--joy-color-ai-primary-30));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}