.stats{width:90%;max-width:900px;margin:0 auto 16px}.stats p{font-size:.78rem}.totals{margin-top:4px}.totals div{font-size:.78rem;line-height:1.5}.totals b{color:var(--mauve);font-weight:400}.totals span{color:var(--subtext0)}.graph-title{color:var(--pink);font-size:.78rem;margin-top:18px}.line{width:100%;margin-top:12px}.line svg{display:block;width:100%;height:220px;overflow:visible}.line .grid{stroke:var(--surface1);stroke-width:1}.line .axis{fill:var(--overlay1);font-size:12.5px;font-family:inherit}.line .area{fill:var(--mauve);opacity:.15}.line .stroke{fill:none;stroke:var(--mauve);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.line .dot{fill:var(--base);stroke:var(--mauve);stroke-width:2}.line .val{fill:var(--subtext0);font-size:12.5px;font-family:inherit;text-anchor:middle}.hbars{margin-top:12px;display:grid;grid-template-columns:max-content 1fr;gap:6px 10px;align-items:center}.hbars .k{font-size:.78rem;color:var(--text);text-align:right;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbars .bar{display:flex;align-items:center;gap:6px}.hbars .bar i{display:block;height:14px;background:var(--green);border-radius:0 4px 4px 0;min-width:2px}.hbars .bar span{font-size:.7rem;color:var(--subtext0);white-space:nowrap}@media (max-width:600px){.stats{width:95%}.hbars .k{max-width:110px}}.line .hit{fill:transparent;cursor:pointer}.line .val.click{cursor:pointer}.line .val.click:hover{fill:var(--pink)}#hourlist{display:none;position:fixed;z-index:1000;padding:4px 8px;font-size:.78rem;white-space:nowrap;background:var(--crust);border:1px solid var(--surface1);color:var(--text)}#hourlist .hour-title{margin:0 0 2px}.hbars .bar:hover i{filter:brightness(1.15)}