.magic-bento{--mb-spring:cubic-bezier(.34, 1.4, .64, 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}@supports (transition-timing-function:linear(0, 1)){.magic-bento{--mb-spring:linear(0, .0603, .2033, .3821, .5633, .7258, .8584, .9574, 1.0242, 1.0634, 1.0809, 1.0828, 1.0747, 1.0613, 1.046, 1.0313, 1.0186, 1.0085, 1.0012, .9965, .994, .9931, .9933, .9941, .9953, .9966, .9978, .9988, 1)}}.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;transition:box-shadow .22s;display:flex;position:relative;overflow:hidden}.magic-bento__card:hover{color:var(--mb-ink)}.magic-bento__card[data-active]{box-shadow:var(--mb-shadow-hover,var(--mb-shadow))}.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}.magic-bento__header{min-width:0;color:var(--mb-muted);align-items:center;gap:8px;font-size:12px;font-weight:500;line-height:16px;display:flex}.magic-bento__icon{width:16px;height:16px;color:var(--mb-ink);flex:none;place-items:center;display:grid}.magic-bento__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.magic-bento__visual{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex;position:relative;container-type:size}.magic-bento__text{flex-direction:column;gap:4px;margin-top:auto;display:flex}.magic-bento__title{color:var(--mb-ink);letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600;line-height:20px}.magic-bento__description{color:var(--mb-muted);margin:0;font-size:13px;line-height:1.45}.magic-bento[data-autohide] .magic-bento__title,.magic-bento[data-autohide] .magic-bento__description{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.magic-bento[data-autohide] .magic-bento__title{-webkit-line-clamp:1;line-clamp:1}.magic-bento[data-autohide] .magic-bento__description{-webkit-line-clamp:2;line-clamp:2}.magic-bento__card[data-image] .magic-bento__header,.magic-bento__card[data-image] .magic-bento__description{color:#f4f4f5b8}.magic-bento__card[data-image] .magic-bento__title,.magic-bento__card[data-image] .magic-bento__icon{color:#f4f4f5}.magic-bento__card[data-image] .magic-bento__title{font-size:19px;line-height:24px}.magic-bento__card[data-image] .magic-bento__description{font-size:14px}.magic-bento[data-autohide] .magic-bento__card[data-image] .magic-bento__title{-webkit-line-clamp:2;line-clamp:2}@media (prefers-reduced-motion:reduce){.magic-bento__card{transition:none}}