.history-navigation{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.history-chart{margin:24px 0;padding:24px;border:1px solid #dce3d6;border-radius:24px;background:#fffdf6}.history-chart h2{margin-top:0}.history-chart svg{width:100%;height:auto;display:block}.history-chart svg text{font-size:15px;fill:#435844}.history-legend .outside{color:#234f3a}.history-legend .inside{color:#ab690b}.history-table{max-height:360px;overflow:auto}.history-chart table{width:100%;text-align:left}.history-chart td,.history-chart th{padding:7px}.motion-bars{display:flex;gap:5px;overflow-x:auto;padding:10px 0 20px}.motion-hour{flex:1;min-width:23px;text-align:center}.motion-track{height:160px;background:#f0f1eb;display:flex;align-items:flex-end;border-radius:5px;overflow:hidden}.motion-track span{display:block;width:100%;background:#527752;min-height:0}.motion-count{font-size:.8rem}.history-chart summary{cursor:pointer;margin-top:14px}@media(max-width:600px){.history-chart{padding:15px}.history-chart svg text{font-size:21px}}

.history-plot{overflow-x:auto}.history-plot svg{min-width:600px}.history-chart .motion-track{height:160px;width:100%}