.cmp{--cmp-green: var(--app-green, #1f9d55);--cmp-red: var(--app-red, #d1443c);padding:10px 0 100px;font-family:Poppins,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:-.01em}.cmp__head{margin-bottom:34px}.cmp-chart{position:relative;max-width:1000px;margin:0 auto;padding:96px 28px 24px;border-radius:32px;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--lp-blue) 4%,#fff));border:1px solid var(--card-line);box-shadow:0 40px 80px -50px #0f223673}.cmp-cols{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.cmp-col{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 0 4px;cursor:default;color:var(--lp-ink)}.cmp-well{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:340px}.cmp-stack{position:relative;display:block;width:min(100%,124px)}.cmp-val{position:absolute;left:50%;bottom:100%;transform:translate(-50%);margin-bottom:12px;display:flex;flex-direction:column;align-items:center;white-space:nowrap;text-align:center}.cmp-val b{font-size:19px;font-weight:600;letter-spacing:-.025em;line-height:1.2;color:var(--lp-ink)}.cmp-val b i{display:block;font-style:normal;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-muted)}.cmp-val small{font-size:14px;font-weight:500;color:var(--cmp-green);margin-left:2px}.cmp-val span{margin-top:2px;font-size:12.5px;font-weight:500;color:var(--lp-muted)}.cmp-col.is-mine .cmp-val b{font-size:34px;letter-spacing:-.04em;color:var(--cmp-green)}.cmp-bar2{position:absolute;inset:0;display:block;border-radius:18px 18px 8px 8px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--cmp-red) 22%,#fff),color-mix(in srgb,var(--cmp-red) 34%,#fff));transition:transform .2s ease}.cmp-bar2__lo{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,color-mix(in srgb,var(--cmp-red) 82%,#fff),var(--cmp-red));border-top:2px solid #fff}.cmp-col.is-mine .cmp-bar2{border-radius:14px 14px 8px 8px;background:linear-gradient(180deg,color-mix(in srgb,var(--cmp-green) 85%,#fff),var(--cmp-green));box-shadow:0 14px 30px -10px color-mix(in srgb,var(--cmp-green) 70%,transparent)}.cmp-col:hover .cmp-bar2{transform:translateY(-3px)}.cmp-name{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:66px;padding-top:16px;font-size:15.5px;font-weight:600;text-align:center;letter-spacing:-.01em}.cmp-name em{font-style:normal;font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--cmp-green);color:#fff}.cmp-col.is-mine .cmp-name{color:var(--cmp-green)}.cmp-legend{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:16px 0 0;font-size:13px;color:var(--lp-muted)}.cmp-legend span{display:inline-flex;align-items:center;gap:8px}.cmp-legend i{width:14px;height:14px;border-radius:4px}.cmp-legend .k1{background:var(--cmp-red)}.cmp-legend .k2{background:color-mix(in srgb,var(--cmp-red) 28%,#fff)}.cmp-facts{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cmp-facts li{padding:12px 14px;border-radius:14px;background:#ffffffb3;display:grid;gap:4px;font-size:14px}.cmp-detail.is-mine .cmp-facts li{background:#ffffff14}.cmp-facts b{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--lp-muted);font-weight:600}.cmp-detail.is-mine .cmp-facts b{color:var(--nv-muted)}.cmp-na{color:var(--lp-muted);opacity:.75}.cmp-detail{max-width:1080px;margin:18px auto 0;padding:22px 28px;border-radius:22px;background:var(--tint);border:1px solid var(--card-line)}.cmp-detail.is-mine{background:var(--nv);border-color:transparent;color:#ecf1f8e6}.cmp-detail h3{margin:0 0 6px;font-size:18px;font-weight:600;color:var(--lp-ink)}.cmp-detail.is-mine h3{color:#fff}.cmp-detail p{margin:0;font-size:15.5px;line-height:1.55;max-width:62em}.cmp-detail a{display:inline-block;margin-top:10px;font-size:13.5px;font-weight:500;color:var(--lp-blue);text-decoration:underline;text-underline-offset:3px}.cmp-note{max-width:1080px;margin:18px auto 0;font-size:13px;color:var(--lp-muted);text-align:center}@media(max-width:720px){.cmp{padding-bottom:70px}.cmp-chart{padding:84px 10px 14px;border-radius:24px}.cmp-cols{gap:6px}.cmp-well{height:280px}.cmp-val b{font-size:13px}.cmp-val b i{font-size:9px}.cmp-col.is-mine .cmp-val b{font-size:20px}.cmp-val span{font-size:10.5px}.cmp-name{font-size:12px;min-height:58px}}