.magic-bento-card{--magic-bento-accent:15 61 145;--magic-bento-glow-x:50%;--magic-bento-glow-y:50%;--magic-bento-glow-opacity:0;isolation:isolate;transform-style:preserve-3d;transition:border-color .18s,box-shadow .18s,background-color .18s;position:relative}.magic-bento-card:before{content:"";border-radius:inherit;background:radial-gradient(190px circle at var(--magic-bento-glow-x) var(--magic-bento-glow-y), rgb(var(--magic-bento-accent) / .2) 0%, rgb(var(--magic-bento-accent) / .08) 26%, transparent 62%);opacity:var(--magic-bento-glow-opacity);pointer-events:none;z-index:0;transition:opacity .18s;position:absolute;inset:-1px}.magic-bento-card:after{content:"";border-radius:inherit;background:radial-gradient(220px circle at var(--magic-bento-glow-x) var(--magic-bento-glow-y), rgb(var(--magic-bento-accent) / .92) 0%, rgb(var(--magic-bento-accent) / .48) 30%, transparent 62%);-webkit-mask-composite:xor;opacity:calc(var(--magic-bento-glow-opacity) * .9);pointer-events:none;z-index:2;padding:1.25px;transition:opacity .18s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.magic-bento-card__mesh,.magic-bento-card__sheen{pointer-events:none;position:absolute;inset:0}.magic-bento-card__mesh{background:linear-gradient(135deg, rgb(var(--magic-bento-accent) / .1), transparent 42%), radial-gradient(circle at top right, #ffffff0f, transparent 34%);opacity:.82;z-index:0}.magic-bento-card__sheen{background:radial-gradient(circle at center, #ffffff1f, transparent 34%), radial-gradient(circle at center, rgb(var(--magic-bento-accent) / .14), transparent 48%);filter:blur(24px);opacity:.72;z-index:0;inset:-30%}.magic-bento-card:hover{border-color:rgb(var(--magic-bento-accent) / .34);box-shadow:0 18px 44px #02061757, 0 0 24px rgb(var(--magic-bento-accent) / .12)}.magic-bento-card__rank{color:rgb(var(--magic-bento-accent))}@media (prefers-reduced-motion:reduce){.magic-bento-card,.magic-bento-card:before,.magic-bento-card:after{transition:none}}