@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:315deg}@property --gradient-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@keyframes ai-gradient-border-spin{0%{--gradient-angle:315deg}to{--gradient-angle:675deg}}.ai-gradient-border{z-index:0;border:var(--border-width-md) solid transparent;--gradient-border-bg:var(--component-bg-color,transparent);background-clip:padding-box;position:relative}.ai-gradient-border:before{content:"";top:calc(-1 * var(--border-width-md));right:calc(-1 * var(--border-width-md));bottom:calc(-1 * var(--border-width-md));left:calc(-1 * var(--border-width-md));z-index:-2;pointer-events:none;border-radius:inherit;background:conic-gradient(from var(--gradient-angle), color-mix(in srgb, var(--ai-gradient-start), transparent var(--gradient-opacity)), color-mix(in srgb, var(--ai-gradient-mid), transparent var(--gradient-opacity)), color-mix(in srgb, var(--ai-gradient-end), transparent var(--gradient-opacity)), color-mix(in srgb, var(--ai-gradient-end), transparent var(--gradient-opacity)), color-mix(in srgb, var(--ai-gradient-mid), transparent var(--gradient-opacity)), color-mix(in srgb, var(--ai-gradient-start), transparent var(--gradient-opacity))), conic-gradient(from 315deg, var(--ai-gradient-start), var(--ai-gradient-mid), var(--ai-gradient-end), var(--ai-gradient-end), var(--ai-gradient-mid), var(--ai-gradient-start));--gradient-opacity:var(--ai-gradient-animation-opacity,100%);transition:--gradient-opacity .8s linear;animation:1s linear infinite ai-gradient-border-spin;position:absolute}@media (prefers-reduced-motion:reduce){.ai-gradient-border:before{transition-duration:1.6s;animation-duration:2s}}.ai-gradient-border:after{content:"";border-radius:calc(var(--border-radius,var(--border-radius-md)) - var(--border-width-md));background:var(--gradient-border-bg);z-index:-1;pointer-events:none;position:absolute;inset:0}