.heading{align-items:flex-start}.connection{font-size:13px;margin:13px 0 0}.connection:before{content:'●';margin-right:7px}.connection.ready{color:#67d6b1}.connection.delayed{color:#edc374}.connection.offline{color:#ff98a0}.quote-panel{text-align:right;min-width:390px}.quote-grid{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:22px}.quote-grid small{display:block;font-size:11px;color:#91a2bb;margin-bottom:5px}.quote-grid strong{font-size:24px;font-variant-numeric:tabular-nums}.quote-grid #spread{font-size:18px;line-height:30px}.quote-panel.stale strong{opacity:.7}#quote-time,#quote-age{color:#91a2bb;font-size:11px;margin:9px 0 0}#quote-age{display:block}.fault-controls{border:1px dashed #b68a48;border-radius:8px;padding:13px;background:#332c1e;margin:16px 0;color:#edc374;font-size:12px}.fault-controls[hidden]{display:none}.fault-controls div{display:flex;gap:8px;margin:10px 0}.fault-controls span{display:block}@media(max-width:760px){.heading{flex-wrap:wrap}.quote-panel{min-width:0;width:100%;text-align:left;margin-top:9px}.quote-grid{gap:12px}.quote-grid strong{font-size:22px}.quote-grid #spread{font-size:16px}.connection{margin-top:8px}#chart{height:53vh}}