.spotlight[data-v-4c556312]{--glow:#ea356cf2;--fill:#e500551f;border-radius:var(--radius-m);isolation:isolate;transition:transform .5s var(--ease-out),background-color .4s;display:block;position:relative}.spotlight--dark[data-v-4c556312]{box-shadow:inset 0 0 0 1px var(--line-on-dark);background:#ffffff08}.spotlight--light[data-v-4c556312]{--glow:#e50055b3;--fill:#e500550f;background:var(--white);box-shadow:inset 0 0 0 1px var(--line-on-light),0 1px 2px #0000000a}.spotlight[data-v-4c556312]:after,.spotlight[data-v-4c556312]:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .45s var(--ease-out);position:absolute;inset:0}.spotlight[data-v-4c556312]:before{background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),var(--glow),transparent 55%);-webkit-mask-composite:xor;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.spotlight[data-v-4c556312]:after{z-index:-1;background:radial-gradient(520px circle at var(--mx,50%) var(--my,50%),var(--fill),transparent 45%)}.spotlight[data-v-4c556312]:focus-visible:after,.spotlight[data-v-4c556312]:focus-visible:before,.spotlight[data-v-4c556312]:hover:after,.spotlight[data-v-4c556312]:hover:before{opacity:1}a.spotlight[data-v-4c556312]:hover{transform:translateY(-4px)}