.spotlight-card{--hue:197;--sat:85;--border-size:calc(var(--border,1) * 1px);--spotlight-size:calc(var(--size,320) * 1px);--ring:calc(var(--border-size) + 1px);--x:-9999;--y:-9999;isolation:isolate;background-image:radial-gradient(var(--spotlight-size) var(--spotlight-size) at calc(var(--x) * 1px) calc(var(--y) * 1px), hsl(var(--hue) calc(var(--sat) * 1%) 70% / .18), transparent 70%);position:relative}.spotlight-card:before,.spotlight-card:after{content:"";pointer-events:none;inset:calc(var(--ring) * -1);padding:var(--ring);border-radius:calc(var(--radius) * 1px + 1px);z-index:2;background-repeat:no-repeat;position:absolute;-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}.spotlight-card:before{background-image:radial-gradient(calc(var(--spotlight-size) * .75) calc(var(--spotlight-size) * .75) at calc(var(--x) * 1px + var(--ring)) calc(var(--y) * 1px + var(--ring)), hsl(var(--hue) calc(var(--sat) * 1%) 62% / 1), transparent 100%);filter:brightness(1.6)}.spotlight-card:after{background-image:radial-gradient(calc(var(--spotlight-size) * .45) calc(var(--spotlight-size) * .45) at calc(var(--x) * 1px + var(--ring)) calc(var(--y) * 1px + var(--ring)), #ffffffe6, transparent 100%)}.spotlight-card>[data-glow]{pointer-events:none;border-radius:calc(var(--radius) * 1px);filter:blur(14px);position:absolute;inset:0}.spotlight-card>[data-glow]:before{content:"";border-radius:calc(var(--radius) * 1px + 14px);background-image:radial-gradient(calc(var(--spotlight-size) * .75) calc(var(--spotlight-size) * .75) at calc(var(--x) * 1px + 14px) calc(var(--y) * 1px + 14px), hsl(var(--hue) calc(var(--sat) * 1%) 62% / .9), transparent 100%);padding:14px;position:absolute;inset:-14px;-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}@media (hover:none){.spotlight-card{background-image:none}.spotlight-card:before,.spotlight-card:after,.spotlight-card>[data-glow]{display:none}}