@property --opacity{syntax:"<percentage>";initial-value:100%;inherits:false}.spinner[data-v-09567b1e]{--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-09567b1e]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fff;border-radius:100%}.spinner .marker[data-v-09567b1e]{width:var(--size);height:var(--size);background:conic-gradient(transparent var(--opacity),var(--border-color) 0 60%);animation:conic-gradient-09567b1e var(--animate-duration) ease infinite}.spinner .central-content[data-v-09567b1e]{background-color:var(--joy-color-neutral-0);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-09567b1e]{width:var(--size);height:var(--size);background:#9035a0;background:linear-gradient(90deg,#9035a0,#fc5757d9)}@keyframes conic-gradient-09567b1e{0%{--opacity:0%}to{--opacity:100%}}.ai-color-gradient[data-v-09567b1e]{background:linear-gradient(270deg,#fc5757d9,#9035a2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}