.border-glow-card{isolation:isolate;border-radius:var(--bg-radius,28px);background:var(--bg-bg,var(--clay-50,var(--color-surface)));box-shadow:0 1px 0 color-mix(in oklab, var(--color-text) 3%, transparent), 0 4px 12px color-mix(in oklab, var(--color-text) 5%, transparent);position:relative;overflow:hidden}.border-glow-card__inner{z-index:2;border-radius:inherit;position:relative}.border-glow-card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--bg-angle,0deg) at 50% 50%, var(--bg-color-1,var(--color-accent)) 0deg, var(--bg-color-2,var(--clay-200,var(--color-rule))) calc(var(--bg-cone-spread,30deg) * 1), var(--bg-color-3,var(--clay-100,var(--color-surface))) calc(var(--bg-cone-spread,30deg) * 2), transparent calc(var(--bg-cone-spread,30deg) * 3), transparent 360deg);-webkit-mask-composite:xor;opacity:var(--bg-opacity,0);pointer-events:none;padding:1px;transition:opacity .25s ease-out;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.border-glow-card:not(:hover):before{transition:opacity .75s ease-out}.border-glow-card:after{content:"";border-radius:inherit;z-index:1;background:radial-gradient(circle at var(--bg-x,50%) var(--bg-y,50%), hsl(var(--bg-glow-hsl,14 60 45) / .35) 0%, hsl(var(--bg-glow-hsl,14 60 45) / .1) 30%, transparent var(--bg-glow-radius,40%));opacity:var(--bg-opacity,0);pointer-events:none;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):after{transition:opacity .75s ease-out}@keyframes border-glow-intro-sweep{0%{--bg-angle:0deg;opacity:0}10%{opacity:.6}90%{opacity:.6}to{--bg-angle:360deg;opacity:0}}@property --bg-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.border-glow-card--animated:before{animation:1.4s ease-out both border-glow-intro-sweep}@media (hover:none){.border-glow-card:before,.border-glow-card:after{display:none}}@media (prefers-reduced-motion:reduce){.border-glow-card:before,.border-glow-card:after{transition:none!important;animation:none!important}.border-glow-card--animated:before{animation:none!important}}