.mg-hero{padding:18px;border:1px solid var(--mg-b);border-radius:var(--mg-r);margin:0 0 12px}
.mg-card{padding:14px;border:1px solid var(--mg-b);border-radius:var(--mg-r);background:rgba(255,255,255,.02)}
.mg-card__title{font-weight:700;text-decoration:none;display:block}
.mg-pill{display:inline-block;border:1px solid var(--mg-b);border-radius:999px;padding:2px 8px;color:var(--mg-m);font-size:12px}
.mg-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--mg-fg);z-index:40}
.mg-top{position:fixed;right:14px;bottom:14px;border:1px solid var(--mg-b);border-radius:999px;background:rgba(11,15,20,.92);color:var(--mg-fg);padding:8px 12px;display:none}
.mg-top.is-on{display:inline-flex}