.magic-bento__card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .3s,border-color .3s,background .3s;position:relative;overflow:hidden}.magic-bento--magnetism .magic-bento__card:hover{transform:translateY(-4px)}.magic-bento--border-glow .magic-bento__card:hover{border-color:var(--border);background:var(--card)}.magic-bento__glow{opacity:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--spotlight-x,50%) var(--spotlight-y,50%), #00000014, transparent 42%);transition:opacity .5s;position:absolute;inset:-30%}:is(.dark *) .magic-bento__glow{background:radial-gradient(circle at var(--spotlight-x,50%) var(--spotlight-y,50%), #ffffff29, transparent 42%)}.magic-bento--violet .magic-bento__glow{background:radial-gradient(circle at var(--spotlight-x,50%) var(--spotlight-y,50%), #8400ff38, transparent 42%)}.magic-bento--spotlight .magic-bento__card:hover .magic-bento__glow{opacity:1}.magic-bento--static .magic-bento__card,.magic-bento--static .magic-bento__glow{transition:none}