.magic-bento-grid{--magic-bento-glow-color:16,185,129;--magic-bento-spotlight-opacity:0.13;position:relative;isolation:isolate}.magic-bento-grid[data-preset=marketing]{--magic-bento-card-bg:#fffefa;--magic-bento-card-border:rgba(15,17,23,0.09);--magic-bento-card-shadow:0 1px 2px rgba(15,17,23,0.04),0 14px 34px rgba(15,17,23,0.06);--magic-bento-card-hover-shadow:0 18px 50px rgba(15,17,23,0.1)}.magic-bento-grid[data-preset=app]{--magic-bento-card-bg:#fffefa;--magic-bento-card-border:rgba(15,17,23,0.08);--magic-bento-card-shadow:0 1px 2px rgba(15,17,23,0.035),0 10px 26px rgba(15,17,23,0.045);--magic-bento-card-hover-shadow:0 14px 34px rgba(15,17,23,0.08)}.magic-bento-card{--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:220px;position:relative;overflow:hidden;background:var(--magic-bento-card-bg,#fffefa);border:1px solid var(--magic-bento-card-border,rgba(15,17,23,.09));box-shadow:var(--magic-bento-card-shadow,0 1px 2px rgba(15,17,23,.04));transform-style:preserve-3d;backface-visibility:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.magic-bento-card[data-interactive=true]{cursor:pointer}.magic-bento-card[data-disabled=false]:hover{border-color:rgba(var(--magic-bento-glow-color),.28);box-shadow:var(--magic-bento-card-hover-shadow,0 18px 50px rgba(15,17,23,.1))}.magic-bento-card--border-glow:after{content:"";position:absolute;inset:0;z-index:1;padding:1px;border-radius:inherit;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--magic-bento-glow-color),calc(var(--glow-intensity) * .34)) 0,rgba(var(--magic-bento-glow-color),calc(var(--glow-intensity) * .16)) 32%,transparent 62%);-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;pointer-events:none}.magic-bento-card__content{position:relative;z-index:2}.magic-bento-card:focus-visible{outline:2px solid rgba(var(--magic-bento-glow-color),.72);outline-offset:3px}.magic-bento-particle{width:3px;height:3px;z-index:3}.magic-bento-particle,.magic-bento-ripple{position:absolute;border-radius:999px;pointer-events:none}.magic-bento-ripple{z-index:4}.magic-bento-spotlight{position:absolute;left:0;top:0;width:720px;height:720px;border-radius:999px;pointer-events:none;z-index:1;opacity:0;transform:translate(-50%,-50%);mix-blend-mode:screen}@media (max-width:767px),(prefers-reduced-motion:reduce){.magic-bento-card{transform:none!important;filter:none!important}.magic-bento-particle,.magic-bento-ripple,.magic-bento-spotlight{display:none!important}}