/* A real community total, beside the real network. */
.community-count{position:relative;isolation:isolate;max-width:470px;margin:27px 0 0;padding:18px 20px 13px;border:1px solid #6dafa04d;border-radius:12px;background:radial-gradient(ellipse at 100% 0,#7364c316,transparent 65%),linear-gradient(120deg,#142c2770,#0b151b);box-shadow:0 8px 28px #00000018;overflow:hidden}
.community-count::before{content:'';position:absolute;left:20px;right:20px;top:0;height:1px;background:linear-gradient(90deg,#775cce00,#6689e780,#60d3b6a0,#f6d17470,#ffa69000);pointer-events:none}
.hero .community-count h2{margin:0 0 12px;font:500 14px/1.6 var(--font);letter-spacing:0;color:#dceee6}
.community-count-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.community-count-total{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 10px;min-width:0;min-height:44px;color:#b3cbc1}
.community-count-total strong{font:450 clamp(32px,3vw,42px)/1.1 var(--font);letter-spacing:-1.8px;color:#e0fff0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.community-count-total span{font:11px/1.6 var(--font);color:#a8c4b9}
.community-count-join{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;max-width:100%;padding:10px 15px;border:1px solid #80cfb875;border-radius:7px;background:#70c7ba;color:#091b15;font:500 11px/1.5 var(--font);cursor:pointer;text-align:center}
.community-count-join:hover{background:#a2e4d1}.community-count-join:focus-visible,.community-count-retry:focus-visible{outline:2px solid #b5f9e4;outline-offset:4px}
.community-count-foot{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;min-height:24px;margin-top:7px}
.community-count-status,.community-count-updated{font:9px/1.7 var(--font);color:#8da99e}.community-count[data-state="unavailable"] .community-count-status{color:#d8b4a3}
.community-count-retry{display:inline-flex;align-items:center;min-height:44px;padding:5px 0;border:0;background:none;color:#a4deca;text-decoration:underline;text-underline-offset:4px;font:10px/1.5 var(--font);cursor:pointer}
.community-count~.hero-bottom{margin-top:24px}
@media(max-width:480px){.community-count{padding:16px 15px 11px;margin-top:24px}.hero .community-count h2{font-size:13px}.community-count-row{gap:10px;flex-wrap:wrap}.community-count-total{flex:1 1 140px;gap:2px 8px}.community-count-total strong{font-size:35px}.community-count-join{padding:10px 12px}.community-count-total span{font-size:10px}.community-count::before{left:15px;right:15px}}
@media(prefers-reduced-motion:reduce){.community-count *{scroll-behavior:auto}}