.sg-chart-section{margin-top:14px;padding:16px;border:1px solid var(--sg-line);border-radius:16px;background:rgba(15,23,42,.64)}.sg-chart-legend{display:flex;flex-wrap:wrap;gap:10px;color:#64748b;font-size:.55rem}.sg-chart-legend span{display:flex;align-items:center;gap:5px}.sg-chart-legend i{width:9px;height:9px;border-radius:2px;background:linear-gradient(180deg,#818cf8,#4f46e5)}.sg-chart-legend span:last-child i{height:2px;background:#22d3ee}.sg-chart-scroll{overflow-x:auto;margin-top:10px}.sg-chart-scroll svg{display:block;width:100%;min-width:620px;height:auto;max-height:330px;border-radius:11px;background:rgba(2,8,23,.27)}.sg-chart-grid{stroke:rgba(148,163,184,.11);stroke-width:1}.sg-chart-axis{stroke:rgba(148,163,184,.28);stroke-width:1}.sg-chart-label{fill:#64748b;font:10px ui-sans-serif,system-ui}.sg-chart-course{fill:#94a3b8;font:10px ui-sans-serif,system-ui}.sg-chart-value{fill:#c7d2fe;font:bold 10px ui-sans-serif,system-ui}.sg-chart-bar{fill:url(#sgBarGradient)}.sg-chart-bar:hover{filter:brightness(1.2)}.sg-chart-average{stroke:#22d3ee;stroke-width:2;stroke-dasharray:7 5}.sg-chart-average-label{fill:#67e8f9;font:bold 10px ui-sans-serif,system-ui}@container(max-width:560px){.sg-chart-section{padding:13px}.sg-chart-section .sg-section-head{display:block}.sg-chart-legend{margin-top:8px}.sg-chart-scroll svg{min-width:560px}}