.pmc{--pmc-line:#ffffff12;--pmc-grey:#8b8f95;--pmc-green:#3ec46d;color:#e8eaed;aspect-ratio:4/3;background:#161719;border:1px solid #1a18141a;border-radius:24px;flex-direction:column;padding:22px 24px 16px;display:flex;box-shadow:0 20px 60px #1a18141f}.pmc *{box-sizing:border-box}@media (max-width:520px){.pmc{aspect-ratio:auto;padding:18px 16px 14px}}.pmc-hdr{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.pmc-l{letter-spacing:.14em;text-transform:uppercase;color:var(--pmc-grey);font-size:.68rem;font-weight:700}.pmc-l b{color:#fff}.pmc-tog{border:1px solid var(--pmc-line);background:#0f1012;border-radius:20px;padding:3px;font-size:.74rem;display:flex}.pmc-tog span{color:#9aa0a6;white-space:nowrap;border-radius:16px;padding:5px 12px;transition:all .4s}.pmc-tog span.on{color:#fff;background:#2b2d31}.pmc-tog span.on.g{color:var(--pmc-green);background:#3ec46d29}.pmc-rows{flex-direction:column;flex:1;justify-content:center;gap:11px;padding:16px 0 10px;display:flex}.pmc-row{grid-template-columns:92px 1fr 52px;align-items:center;gap:12px;font-size:.86rem;transition:opacity .6s;display:grid}.pmc-row .n{color:#bdc1c6;align-items:center;gap:8px;display:flex}.pmc-row .n i{border-radius:2px;flex:none;width:8px;height:8px}.pmc-row .b{background:#2b2d31;border-radius:6px;height:10px;overflow:hidden}.pmc-row .b i{border-radius:6px;height:100%;transition:width 1s cubic-bezier(.2,.8,.2,1);display:block}.pmc-row .p{text-align:right;color:#fff;font-variant-numeric:tabular-nums;font-weight:800}.pmc-row.off{opacity:.35}.pmc-tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pmc-tile{border:1px solid var(--pmc-line);background:#1e1f22;border-radius:12px;padding:11px 14px;transition:all .5s}.pmc-tile .t{letter-spacing:.12em;text-transform:uppercase;color:var(--pmc-grey);font-size:.66rem;font-weight:700}.pmc-tile .v{font-variant-numeric:tabular-nums;color:#fff;margin-top:4px;font-size:1.35rem;font-weight:800;transition:color .5s}.pmc-tile.bad{background:#c4282814;border:1px dashed #ff8a8a80}.pmc-tile.bad .v{color:#ff8a8a}.pmc-tile.good .v{color:var(--pmc-green)}.pmc-cap{color:#6f7378;text-align:center;margin-top:10px;font-size:.68rem}@media (prefers-reduced-motion:reduce){.pmc *{transition:none!important}}
