/* 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 color-mix(in srgb,color-mix(in srgb,#c6d4e3 70%,#536377) 30.2%,transparent);border-radius:12px;background:radial-gradient(ellipse at 100% 0,#7364c316,transparent 65%),linear-gradient(120deg,color-mix(in srgb,color-mix(in srgb,var(--ui-accent) 10%,#080c0e) 43.92%,transparent),#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,color-mix(in srgb,color-mix(in srgb,var(--ui-accent) 82%,#f3f6fa) 62.75%,transparent),#f6d17470,#ffa69000);pointer-events:none}
.hero .community-count h2{margin:0 0 12px;font:500 14px/1.6 var(--font);letter-spacing:0;color:color-mix(in srgb,var(--ui-accent) 21%,#f3f6fa)}
.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:color-mix(in srgb,#c6d4e3 94%,#536377)}
.community-count-total strong{font:450 clamp(32px,3vw,42px)/1.1 var(--font);letter-spacing:-1.8px;color:color-mix(in srgb,var(--ui-accent) 12%,#f3f6fa);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.community-count-total span{font:11px/1.6 var(--font);color:color-mix(in srgb,#c6d4e3 89%,#536377)}
.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 color-mix(in srgb,color-mix(in srgb,var(--ui-accent) 70%,#f3f6fa) 45.88%,transparent);border-radius:7px;background:color-mix(in srgb,var(--ui-accent) 80%,#f3f6fa);color:color-mix(in srgb,var(--ui-accent) 7%,#080c0e);font:500 11px/1.5 var(--font);cursor:pointer;text-align:center}
.community-count-join:hover{background:color-mix(in srgb,var(--ui-accent) 48%,#f3f6fa)}.community-count-join:focus-visible,.community-count-retry:focus-visible{outline:2px solid color-mix(in srgb,var(--ui-accent) 32%,#f3f6fa);outline-offset:4px}
.community-count-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px;min-height:44px;margin-top:7px}
.community-count-status,.community-count-updated{grid-area:1/1;font:9px/1.7 var(--font);color:color-mix(in srgb,#c6d4e3 76%,#536377)}.community-count[data-state="unavailable"] .community-count-status{color:#d8b4a3}
.community-count-retry{grid-area:1/2;display:inline-flex;align-items:center;min-height:44px;padding:5px 0;border:0;background:none;color:color-mix(in srgb,var(--ui-accent) 50%,#f3f6fa);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}}