Something went wrong. Try again.
Something went wrong. Try again.
5.2 kB · 78 lines
CSS
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
.tg-stats{ --bg:#000000;--card:#0d0605;--rule:#2a1614;--grid:#1c0f0e;--axis:#3a201d; --brand:#ff0000;--accent:#ff2d16;--deemph:#7d6763; --ink:#ffc9c0;--muted:#b8908a;--dim:#8a6a66; --s1:#ffb3a5;--s2:#ff8066;--s3:#ff4d2e;--s4:#e0230a;--s5:#961407; color-scheme:dark;background:var(--bg);color:var(--ink); font-family:"Sometype Mono","Sometype Mono Fallback",ui-monospace,SFMono-Regular,Menlo,monospace; font-size:13.5px;line-height:1.6; padding:26px 22px;border:1px solid var(--rule);border-radius:3px;max-width:880px;margin:0 auto}.tg-stats *{box-sizing:border-box}.tg-stats h2{font-size:19px;margin:0 0 5px;color:var(--brand);font-weight:700;letter-spacing:-.01em}.tg-stats h3{font-size:14px;margin:0 0 3px;color:var(--brand);font-weight:700; text-transform:uppercase;letter-spacing:.07em}.tg-stats h4{font-size:12px;margin:0 0 2px;color:var(--ink);font-weight:700}.tg-stats p{margin:0;color:var(--ink)}.tg-sub{font-size:11.5px;color:var(--muted);line-height:1.55}.tg-sec{background:var(--card);border:1px solid var(--rule);border-radius:2px;padding:16px 16px 15px;margin:12px 0}.tg-hero{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:flex-end;margin:2px 0}.tg-hero b{display:block;font-size:42px;line-height:1;font-weight:700;letter-spacing:-.04em;color:var(--brand)}.tg-hero span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.tg-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px; background:var(--rule);border:1px solid var(--rule);border-radius:2px;overflow:hidden;margin-top:14px}.tg-kpi div{background:var(--card);padding:10px 12px}.tg-kpi b{display:block;font-size:18px;font-weight:700;color:var(--ink);letter-spacing:-.02em}.tg-kpi span{font-size:10.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.05em;line-height:1.4;display:block;margin-top:2px}.tg-svg{width:100%;height:auto;display:block;margin-top:12px;overflow:visible}.tg-b-me{fill:var(--accent)}.tg-b-other{fill:var(--deemph)}.tg-row:hover .tg-b-me,.tg-row:hover .tg-b-other{opacity:.75}.tg-blbl{font-size:11px;fill:var(--muted)}.tg-blbl.tg-me{fill:var(--brand);font-weight:700}.tg-bval{font-size:11px;fill:var(--ink);dominant-baseline:middle}.tg-xt{font-size:10px;fill:var(--dim)}.tg-axis{stroke:var(--axis);stroke-width:1}.tg-grid{stroke:var(--grid);stroke-width:1}.tg-vlbl{font-size:10.5px;fill:var(--ink);font-weight:700}.tg-pies{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:12px}.tg-pcard{margin:0;background:var(--card);border:1px solid var(--rule);border-radius:2px;padding:14px}.tg-pcard figcaption p{font-size:10.5px;color:var(--dim)}.tg-pbody{display:flex;gap:14px;align-items:center;margin-top:10px;flex-wrap:wrap}.tg-pie{width:150px;height:150px;flex:0 0 auto}.tg-sl{stroke:var(--card);stroke-width:2}.tg-sl:hover{opacity:.85}.tg-s1{fill:var(--s1)}.tg-s2{fill:var(--s2)}.tg-s3{fill:var(--s3)}.tg-s4{fill:var(--s4)}.tg-s5{fill:var(--s5)}.tg-pct{font-size:14px;font-weight:700;text-anchor:middle;dominant-baseline:middle;pointer-events:none;fill:#1a0806}.tg-pct.tg-p4,.tg-pct.tg-p5{fill:#fff2ef}.tg-legend{list-style:none;margin:0;padding:0;flex:1 1 152px;min-width:152px}.tg-legend li{display:flex;align-items:center;gap:7px;padding:3px 0;font-size:11px;border-bottom:1px solid var(--grid)}.tg-legend li:last-child{border-bottom:0}.tg-sw{width:9px;height:9px;border-radius:1px;flex:0 0 auto}.tg-sw.tg-s1{background:var(--s1)}.tg-sw.tg-s2{background:var(--s2)}.tg-sw.tg-s3{background:var(--s3)}.tg-sw.tg-s4{background:var(--s4)}.tg-sw.tg-s5{background:var(--s5)}.tg-lh{flex:1 1 auto;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-lh.tg-me{color:var(--brand);font-weight:700}.tg-lv{color:var(--ink);font-weight:700}.tg-lp{color:var(--dim);font-weight:400;margin-left:6px;font-size:10px}.tg-tbl{width:100%;border-collapse:collapse;font-size:11.5px;margin-top:10px}.tg-tbl th{text-align:left;font-weight:700;color:var(--dim);font-size:10px;text-transform:uppercase; letter-spacing:.06em;padding:5px 8px;border-bottom:1px solid var(--axis)}.tg-tbl td{padding:5px 8px;border-bottom:1px solid var(--grid);color:var(--muted)}.tg-num{text-align:right}.tg-me-row td{color:var(--brand);font-weight:700}.tg-stats details{margin-top:11px}.tg-stats summary{cursor:pointer;font-size:11px;color:var(--dim);padding:3px 0; text-transform:uppercase;letter-spacing:.05em}.tg-stats summary:hover{color:var(--brand)}.tg-stats summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tg-key{display:flex;gap:16px;font-size:10.5px;color:var(--dim);margin-top:10px;flex-wrap:wrap; text-transform:uppercase;letter-spacing:.05em}.tg-key span{display:flex;align-items:center;gap:6px}.tg-key i{width:10px;height:10px;border-radius:1px;display:inline-block}.tg-note{font-size:10.5px;color:var(--dim);line-height:1.7}.tg-note strong{color:var(--muted)}.tg-note code{font-size:10px;background:#180b0a;color:var(--muted);padding:1px 4px;border-radius:2px}.tg-stats.tg-solo{padding:0;border:none;background:none;max-width:none}.tg-stats.tg-solo>.tg-sec{margin:0}.tg-pies.tg-one{grid-template-columns:minmax(0,440px)}