.rua-chart .rua-f0-root {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 28px;
  row-gap: 36px;
  color: #151617;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 640px) {
  .rua-chart .rua-f0-root { grid-template-columns: minmax(0, 1fr); }
  .rua-chart .rua-f0-panel { max-width: 420px; }
}
.rua-chart .rua-f0-head { font-size: 18px; font-weight: 600; line-height: 1.25; color: #151617; }
.rua-chart .rua-f0-sub { margin-top: 3px; font-size: 13.5px; line-height: 1.4; color: #6B6E71; }
.rua-chart .rua-f0-key { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 2px 12px; font-size: 12px; line-height: 1.5; color: #151617; }
.rua-chart .rua-f0-kitem { white-space: nowrap; }
.rua-chart .rua-f0-kitem i { display: inline-block; width: 9px; height: 9px; margin-right: 5px; vertical-align: 0; }
.rua-chart .rua-f0-panel { display: flex; flex-direction: column; }

.rua-chart .rua-f0-panel svg { display: block; width: 100%; height: auto; margin-top: auto; padding-top: 6px; overflow: visible; }
.rua-chart .rua-f0-panel svg text { font-family: inherit; }
.rua-chart .rua-f0-val { font-size: 12.5px; font-weight: 600; font-variant-numeric: tabular-nums; }
.rua-chart .rua-f0-glab { font-size: 12px; fill: #151617; }
.rua-chart .rua-f0-muted { fill: #6B6E71; }


.rua-chart .rua-f0-anim .rua-f0-bar {
  transform-box: fill-box;
  transform-origin: center bottom;
  transform: scaleY(0);
  transition: transform 0.75s cubic-bezier(0.22, 0.8, 0.3, 1);
}
.rua-chart .rua-f0-anim .rua-f0-bar.rua-f0-neg { transform-origin: center top; }
.rua-chart .rua-f0-anim .rua-f0-val { opacity: 0; transition: opacity 0.3s ease; }
.rua-chart .rua-f0-anim .rua-f0-on .rua-f0-bar { transform: none; }
.rua-chart .rua-f0-anim .rua-f0-on .rua-f0-val { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  .rua-chart .rua-f0-root * { transition: none !important; transform: none !important; opacity: 1 !important; }
}
.rua-chart .rua-f0-snap, .rua-chart .rua-f0-snap * { transition: none !important; }