:root{--spotlight-gradient-1:210,100%,60%;--spotlight-gradient-2:280,100%,60%;--spotlight-opacity:0.15;--spotlight-card-bg:hsla(0,0%,6%,.9);--spotlight-gradient-4:none;--spotlight-gradient-5:none;--spotlight-border-opacity:0.5;--spotlight-gradient-3:none;--spotlight-size:350px;--spotlight-card-radius:16px;--spotlight-transition:opacity 0.3s ease;--spotlight-color:210,100%,60%;--spotlight-gradient-count:2;--spotlight-card-border:hsla(0,0%,100%,.1)}.spotlight-card{overflow:hidden;position:relative;isolation:isolate}.spotlight-card:before{background:radial-gradient(var(--spotlight-size) var(--spotlight-size) at var(--mouse-x,50%) var(--mouse-y,50%),hsla(var(--spotlight-color),var(--spotlight-opacity)),transparent 100%);z-index:1}.spotlight-card:after,.spotlight-card:before{pointer-events:none;transition:var(--spotlight-transition);content:"";position:absolute;opacity:0;inset:0;border-radius:inherit}.spotlight-card:after{background:radial-gradient(calc(var(--spotlight-size)*.8) calc(var(--spotlight-size)*.8) at var(--mouse-x,50%) var(--mouse-y,50%),hsla(var(--spotlight-color),var(--spotlight-border-opacity)),transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;z-index:0}.spotlight-card:hover:after,.spotlight-card:hover:before{opacity:1}.spotlight-card-content{height:100%;padding:24px;position:relative;z-index:2}.spotlight-card--border,.spotlight-card[data-variant=border]{--spotlight-opacity:0}.spotlight-card--border:before,.spotlight-card[data-variant=border]:before{display:none}.spotlight-card--border:after,.spotlight-card[data-variant=border]:after{padding:2px;--spotlight-border-opacity:0.8}.spotlight-card--gradient:before,.spotlight-card[data-variant=gradient]:before{background:radial-gradient(var(--spotlight-size) var(--spotlight-size) at var(--mouse-x,50%) var(--mouse-y,50%),hsla(var(--spotlight-gradient-1),var(--spotlight-opacity)),hsla(var(--spotlight-gradient-2),calc(var(--spotlight-opacity)*.5)),transparent 100%)}.spotlight-card--gradient:after,.spotlight-card[data-variant=gradient]:after{background:radial-gradient(calc(var(--spotlight-size)*.8) calc(var(--spotlight-size)*.8) at var(--mouse-x,50%) var(--mouse-y,50%),hsla(var(--spotlight-gradient-1),var(--spotlight-border-opacity)),hsla(var(--spotlight-gradient-2),calc(var(--spotlight-border-opacity)*.7)),transparent 100%)}.spotlight-card--gradient-border:before,.spotlight-card[data-variant=gradient-border]:before{display:none}.spotlight-card--gradient-border:after,.spotlight-card[data-variant=gradient-border]:after{padding:2px;background:radial-gradient(calc(var(--spotlight-size)*.8) calc(var(--spotlight-size)*.8) at var(--mouse-x,50%) var(--mouse-y,50%),hsla(var(--spotlight-gradient-1),.9),hsla(var(--spotlight-gradient-2),.7),transparent 100%)}.spotlight-card[data-size=sm]{--spotlight-size:200px}.spotlight-card[data-size=md]{--spotlight-size:350px}.spotlight-card[data-size=lg]{--spotlight-size:500px}.spotlight-card[data-size=xl]{--spotlight-size:700px}.spotlight-card[data-intensity=low]{--spotlight-opacity:0.08;--spotlight-border-opacity:0.25}.spotlight-card[data-intensity=medium]{--spotlight-opacity:0.15;--spotlight-border-opacity:0.5}.spotlight-card[data-intensity=high]{--spotlight-opacity:0.25;--spotlight-border-opacity:0.75}.spotlight-card--autoplay,.spotlight-card[data-autoplay=true]{--mouse-y:50%;--mouse-x:50%}.spotlight-card--autoplay:after,.spotlight-card--autoplay:before,.spotlight-card--proximity:after,.spotlight-card--proximity:before,.spotlight-card[data-autoplay=true]:after,.spotlight-card[data-autoplay=true]:before,.spotlight-card[data-mode=proximity]:after,.spotlight-card[data-mode=proximity]:before{opacity:1}.spotlight-card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.spotlight-card--disabled:after,.spotlight-card--disabled:before,.spotlight-card[data-disabled=true]:after,.spotlight-card[data-disabled=true]:before{display:none}.spotlight-card:focus-visible{outline-offset:2px;outline:2px solid hsla(var(--spotlight-color),.8)}.spotlight-card:focus-visible:after,.spotlight-card:focus-visible:before{opacity:1}@media (prefers-reduced-motion:reduce){.spotlight-card:after,.spotlight-card:before{transition:none}.spotlight-card--autoplay:after,.spotlight-card--autoplay:before,.spotlight-card[data-autoplay=true]:after,.spotlight-card[data-autoplay=true]:before{--mouse-y:50%;animation:none;opacity:1;--mouse-x:50%}}