.hk-chart{margin:0;padding:clamp(20px,3vw,36px);background:var(--surface);border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;gap:24px;min-width:0;font-family:"General Sans",system-ui,sans-serif;color:var(--ink)}.hk-chart__h{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px}.hk-chart figcaption{display:flex;flex-direction:column;gap:4px;font-style:normal;margin:0}.hk-chart figcaption b{font-weight:500;font-size:20px;letter-spacing:-.02em}.hk-chart figcaption span{font-size:14px;color:var(--muted)}.hk-seg{display:inline-flex;padding:4px;border-radius:9999px;background:var(--surface);border:1px solid var(--line)}.hk-seg button{appearance:none;border:0;background:#fff0;border-radius:9999px;min-height:36px;padding:8px 16px;font:500 14px/20px "General Sans",system-ui,sans-serif;color:var(--ink);cursor:pointer}.hk-seg button:is(:hover,:focus){background:#fff0;color:var(--ink)}.hk-seg button:hover{background:rgba(var(--ink-rgb),.05)}.hk-seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}.hk-seg button[aria-pressed="true"]:is(:hover,:focus){background:var(--ink);color:var(--paper)}.hk-bars{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:0 8px;padding-top:8px}.hk-bc{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;outline:none}.hk-bc .tr{height:clamp(220px,24vw,320px);width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;border-bottom:1px solid var(--line-strong);background:repeating-linear-gradient(to top,transparent 0 calc(25% - 1px),var(--line) calc(25% - 1px) 25%)}.hk-bc .bv{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;transition:opacity .25s}.hk-bc small{font:inherit}.hk-bc i{display:block;width:min(56px,62%);height:0;background:var(--blue);border-radius:3px 3px 0 0;transition:height .9s cubic-bezier(.2,.7,.2,1) calc(var(--i)*70ms),opacity .25s,background-color .25s}.hk-bars.grow .hk-bc i{height:var(--h)}.hk-bc .bq{font-size:13px;white-space:nowrap}.hk-bc .bn{font-size:12px;color:var(--muted);white-space:nowrap}.hk-bars.hov .hk-bc:not(.on) i{opacity:.28}.hk-bars.hov .hk-bc:not(.on) .bv{opacity:.4}.hk-bc.on i{background:#003FAE}.hk-bc:focus-visible .bq{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}.hk-tip{position:absolute;top:0;left:0;z-index:2;min-width:200px;padding:12px 14px;border-radius:12px;background:var(--ink);color:var(--paper);font-size:13px;line-height:1.45;pointer-events:none;opacity:0;transform:translate(-50%,-6px);transition:opacity .18s,transform .18s}.hk-tip.on{opacity:1;transform:translate(-50%,0)}.hk-tip b{display:block;font-weight:500;font-size:14px;margin-bottom:4px}.hk-tip span{display:block;color:var(--muted-dark)}.hk-tip em{font-style:normal}.hk-chart .src{margin:0;font-size:13px;color:var(--muted)}.hk-chart .leg{display:none;margin:0;font-size:13px;color:var(--muted)}@media (max-width:640px){.hk-bc .tr{height:190px;background:none}.hk-bc .bv{font-size:12px}.hk-bc small{display:none}.hk-bc .bq{font-size:11px}.hk-bars{gap:0 3px}.hk-chart .leg{display:block}.hk-tip{min-width:170px}}@media (prefers-reduced-motion:reduce){.hk-bc i{transition:none}}.hk-chart figcaption{color:var(--ink)}