.magic-bento{--mb-spring:cubic-bezier(.16, 1, .3, 1);box-sizing:border-box;width:100%;color:var(--mb-ink);font-feature-settings:"tnum" 0;-webkit-tap-highlight-color:transparent;grid-auto-flow:dense;display:grid;position:relative}.magic-bento__cell{--mb-delay:0s;min-width:0;min-height:0;position:relative}.magic-bento[data-intro] .magic-bento__cell{opacity:0;transform:translateY(16px)scale(.97)}.magic-bento[data-intro] .magic-bento__cell[data-state=in]{opacity:1;transition:opacity .42s cubic-bezier(.22, 1, .36, 1) var(--mb-delay), transform .76s var(--mb-spring) var(--mb-delay);transform:none}.magic-bento__card{box-sizing:border-box;border-radius:var(--mb-radius);background:var(--mb-surface);width:100%;height:100%;box-shadow:var(--mb-shadow);color:var(--mb-ink);isolation:isolate;transform:perspective(900px) translate3d(var(--mb-tx,0px), var(--mb-ty,0px), 0) rotateX(var(--mb-rx,0deg)) rotateY(var(--mb-ry,0deg)) scale(var(--mb-press,1));-webkit-user-select:none;user-select:none;outline:none;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.magic-bento__card[data-clickable]{cursor:pointer}.magic-bento__card:focus-visible{box-shadow:var(--mb-shadow), 0 0 0 2px var(--mb-focus)}.magic-bento__image{z-index:0;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.magic-bento__scrim{z-index:0;pointer-events:none;background:linear-gradient(#0a090d00 28%,#0a090d0d 40%,#0a090d33 54%,#0a090d75 70%,#0a090db3 86%,#0a090dd1 100%);position:absolute;inset:0}.magic-bento__light{z-index:1;border-radius:inherit;background:radial-gradient(var(--mb-spot-size) circle at var(--mb-x,-999px) var(--mb-y,-999px), rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot,0) * 1)) 0%, rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot,0) * .973)) 15%, rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot,0) * .837)) 30%, rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot,0) * .593)) 45%, rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot,0) * .317)) 60%, rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot,0) * .104)) 75%, rgba(var(--mb-glow-rgb), calc(var(--mb-spot-alpha) * var(--mb-hot,0) * .009)) 90%, rgba(var(--mb-glow-rgb), 0) 100%);pointer-events:none;position:absolute;inset:0}.magic-bento__stars{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.magic-bento__rim{z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--mb-edge), inset 0 1px 0 var(--mb-highlight);pointer-events:none;position:absolute;inset:0}.magic-bento__border{z-index:4;box-sizing:border-box;border-radius:inherit;background:radial-gradient(var(--mb-border-size) circle at var(--mb-x,-999px) var(--mb-y,-999px), rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near,0) * 1)) 0%, rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near,0) * .973)) 15%, rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near,0) * .837)) 30%, rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near,0) * .593)) 45%, rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near,0) * .317)) 60%, rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near,0) * .104)) 75%, rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-near,0) * .009)) 90%, rgba(var(--mb-glow-rgb), 0) 100%), radial-gradient(circle at var(--mb-wx,-999px) var(--mb-wy,-999px), rgba(var(--mb-glow-rgb), 0) calc(var(--mb-wr,0px) - 110px), rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa,0) * .1)) calc(var(--mb-wr,0px) - 80px), rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa,0) * .32)) calc(var(--mb-wr,0px) - 52px), rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa,0) * .68)) calc(var(--mb-wr,0px) - 28px), rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa,0) * .94)) calc(var(--mb-wr,0px) - 10px), rgba(var(--mb-glow-rgb), calc(var(--mb-glow-alpha) * var(--mb-wa,0))) calc(var(--mb-wr,0px) - 3px), rgba(var(--mb-glow-rgb), 0) var(--mb-wr,0px));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.magic-bento__content{z-index:2;box-sizing:border-box;min-height:0;padding:var(--mb-pad);flex-direction:column;flex:1;gap:12px;display:flex;position:relative}