.records-chart{min-width:0;margin:0;padding:20px 24px 0}.records-chart-inspector{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;font-size:13px;display:flex}.records-chart-inspector>div{gap:5px;display:grid}.records-chart-inspector>div>span{color:var(--af-semantic-muted)}.records-chart-inspector output{font-variant-numeric:tabular-nums;gap:12px;display:flex}.records-chart-inspector .af-field{width:140px}.records-chart-scroll{outline-offset:3px;overflow-x:auto}.records-chart-canvas{grid-template-columns:52px minmax(0,1fr);gap:10px;min-width:540px;display:grid}.records-chart-y{height:200px;color:var(--af-semantic-muted);text-align:right;font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;font-size:12px;line-height:1;display:flex}.records-chart-plot{min-width:0}.records-chart .records-chart-plot svg{width:100%;height:200px;display:block}.records-chart-grid line{stroke:var(--af-semantic-border);stroke-width:1px;vector-effect:non-scaling-stroke}.records-chart .records-chart-x{font:12px/1.5 var(--af-font-sans), sans-serif;color:var(--af-semantic-muted);text-align:center;margin:8px 0 0;padding:0;display:grid}.records-chart>figcaption{color:var(--af-semantic-muted);font:13px/1.5 var(--af-font-sans), sans-serif;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:14px 0;display:flex}.records-chart>figcaption strong{color:var(--af-semantic-foreground);font-weight:500}.records-chart-data{border-top:1px solid var(--af-semantic-border);font-size:13px}.records-chart-data summary{cursor:pointer;width:fit-content;padding:12px 0}.records-chart-data summary:focus-visible{outline:2px solid var(--af-semantic-focus);outline-offset:3px}@media (max-width:767px){.records-chart{padding:16px 16px 0}}