.magic-bento.svelte-86fqb9{position:relative}.magic-bento .magic-bento-card{position:relative;overflow:hidden;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 200px}.magic-bento .magic-bento-card--glow:after{content:"";position:absolute;inset:0;padding:5px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--bento-glow),calc(var(--glow-intensity) * .8)) 0%,rgba(var(--bento-glow),calc(var(--glow-intensity) * .4)) 30%,transparent 60%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;transition:opacity .3s ease;z-index:1}.magic-bento .magic-bento-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(var(--bento-glow),1);box-shadow:0 0 6px rgba(var(--bento-glow),.6);pointer-events:none;z-index:2}.magic-bento .magic-bento-ripple{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(var(--bento-glow),.4) 0%,rgba(var(--bento-glow),.2) 30%,transparent 70%);pointer-events:none;z-index:3}.magic-bento-spotlight{position:fixed;width:800px;height:800px;border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%);mix-blend-mode:screen;will-change:transform,opacity;z-index:20;background:radial-gradient(circle,rgba(var(--bento-glow),.15) 0%,rgba(var(--bento-glow),.08) 15%,rgba(var(--bento-glow),.04) 25%,rgba(var(--bento-glow),.02) 40%,transparent 70%)}