.spotlight-ring.svelte-12chhl{--spot-x:50%;--spot-y:50%;border-radius:calc(var(--radius) + 2px);position:relative}.spotlight-ring.svelte-12chhl input{z-index:1;position:relative}.spotlight-ring.svelte-12chhl:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(6rem circle at var(--spot-x) var(--spot-y), var(--brand), transparent 80%);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--dur-2) var(--ease-out);padding:2px;position:absolute;inset:-2px;-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-ring.svelte-12chhl:hover:before,.spotlight-ring.svelte-12chhl:focus-within:before{opacity:1}