/* V48: preserve the sample charts, with unscaled DM Sans labels and room to read. */
.q-sample-chart.q-sample-chart-readout{height:auto;min-height:124px;margin-top:18px}
.q-sample-chart-caption{font:400 10px/1.65 var(--sans);letter-spacing:.015em;color:var(--muted);margin:0 0 15px;max-width:38ch}
.q-sample-meter-list{list-style:none;margin:0;padding:0;display:grid;gap:15px}
.q-sample-meter-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font:400 11px/1.55 var(--sans);letter-spacing:0}
.q-sample-meter-label>span:first-child{min-width:0;overflow-wrap:anywhere;color:var(--paper)}
.q-sample-meter-label>span:last-child{flex:none;white-space:nowrap;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}
.q-sample-chart-readout .q-sample-meter-list svg{width:100%;height:10px;margin-top:3px;overflow:visible}
@media(min-width:1500px){.q-sample-meter-label{font-size:12px}.q-sample-meter-label>span:last-child{font-size:11px}}
@media(max-width:700px){.q-sample-meter-list{gap:16px}.q-sample-meter-label{font-size:12px;gap:16px}.q-sample-meter-label>span:last-child{font-size:11px}.q-sample-chart-caption{font-size:10px;margin-bottom:16px}}