.activity{margin:0}.activity__grid{width:100%;max-width:40rem;height:auto;display:block}.activity__cell{transition:opacity .12s}.activity__cell:hover{opacity:.75}.activity__cell--0{fill:var(--bg-subtle);stroke:var(--border);stroke-width:.6px}.activity__cell--1{fill:color-mix(in srgb, var(--act) 25%, var(--surface))}.activity__cell--2{fill:color-mix(in srgb, var(--act) 50%, var(--surface))}.activity__cell--3{fill:color-mix(in srgb, var(--act) 75%, var(--surface))}.activity__cell--4{fill:var(--act)}.activity__caption{font-family:var(--sl-mono,monospace);color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin-top:.55rem;font-size:11px;display:flex}.activity__legend{align-items:center;gap:3px;display:inline-flex}.activity__legend i{background:var(--bg-subtle);border:1px solid var(--border);border-radius:2px;width:10px;height:10px;display:inline-block}.activity__legend i.activity__cell--1{background:color-mix(in srgb, var(--act) 25%, var(--surface));border-color:#0000}.activity__legend i.activity__cell--2{background:color-mix(in srgb, var(--act) 50%, var(--surface));border-color:#0000}.activity__legend i.activity__cell--3{background:color-mix(in srgb, var(--act) 75%, var(--surface));border-color:#0000}.activity__legend i.activity__cell--4{background:var(--act);border-color:#0000}