.activity-calendar{--ac-cell-size:0.8rem;--ac-cell-gap:0.2rem;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:1rem;width:100%;margin-bottom:1rem}.activity-body{display:flex;flex-direction:column;gap:.5rem;flex:0 1 auto;min-width:0}.activity-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;-webkit-overflow-scrolling:touch}.activity-graph{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:.4em;row-gap:.3em;width:max-content}.activity-corner{grid-column:1;grid-row:1}.activity-months{grid-column:2;grid-row:1}.activity-weekdays{grid-column:1;grid-row:2}.activity-cells{grid-column:2;grid-row:2}.activity-months{display:flex;gap:var(--ac-cell-gap)}.activity-month-slot{flex:0 0 var(--ac-cell-size);width:var(--ac-cell-size);font-size:.7rem;line-height:1;white-space:nowrap;overflow:visible;color:var(--deck-card-text-colour)}.activity-weekdays{display:flex;flex-direction:column;gap:var(--ac-cell-gap)}.activity-weekday{height:var(--ac-cell-size);display:flex;align-items:center;justify-content:flex-end;font-size:.7rem;white-space:nowrap;color:var(--deck-card-text-colour)}.activity-cells,.activity-week{display:flex;gap:var(--ac-cell-gap)}.activity-week{flex-direction:column;width:var(--ac-cell-size)}.activity-cell{width:var(--ac-cell-size);height:var(--ac-cell-size);border-radius:.2em;box-sizing:border-box;transition:background-color .4s ease}.activity-cell-empty{visibility:hidden}.activity-cell[data-level="0"]{background:color-mix(in srgb,var(--main-border-colour) 35%,var(--main-background-colour))}.activity-cell[data-level="1"]{background:color-mix(in srgb,var(--main-accent-colour) 25%,var(--main-background-colour))}.activity-cell[data-level="2"]{background:color-mix(in srgb,var(--main-accent-colour) 50%,var(--main-background-colour))}.activity-cell[data-level="3"]{background:color-mix(in srgb,var(--main-accent-colour) 75%,var(--main-background-colour))}.activity-cell[data-level="4"]{background:var(--main-accent-colour)}.activity-legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:.75rem;color:var(--deck-card-text-colour)}.activity-legend-label{margin:0 2px}.activity-legend-swatch{width:var(--ac-cell-size);height:var(--ac-cell-size)}.activity-tooltip{position:fixed;z-index:1000;pointer-events:none;max-width:14rem;padding:.35rem .55rem;border-radius:6px;font-size:.75rem;line-height:1.2;text-align:center;background:var(--main-background-colour);color:var(--main-text-colour);border:1px solid var(--main-border-colour);box-shadow:0 2px 8px rgba(0,0,0,.2)}.activity-tooltip[hidden]{display:none}.activity-years{display:flex;flex-direction:column;gap:.35rem;flex:0 0 auto}.activity-year-button{appearance:none;-webkit-appearance:none;border:1px solid var(--main-border-colour);background:var(--main-background-colour);color:var(--main-text-colour);border-radius:6px;padding:.35rem .75rem;font-size:.85rem;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.activity-year-button.active,.activity-year-button:hover{border-color:var(--main-accent-colour);color:var(--main-accent-colour)}.activity-year-button.active{background:var(--main-accent-colour);color:var(--main-background-colour)}@media (max-width:700px){.activity-calendar{flex-direction:column-reverse;align-items:stretch}.activity-years{flex-direction:row;flex-wrap:wrap;justify-content:center;overflow-x:auto}}