.github-heatmap {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(7, auto);
    grid-auto-flow: column;
    gap: 3px;
}

.heatmap-cell {
    aspect-ratio: 1;
    border-radius: 2px;
    cursor: pointer;
}

.heatmap-cell--selected {
    outline: 2px solid var(--bs-body-color);
    outline-offset: 1px;
}

#github-activity-panel {
    border-top: 1px solid var(--bs-border-color);
    padding-top: 0.75rem;
}

.heatmap-cell--empty {
    visibility: hidden;
}

.heatmap-cell--level-0 { background-color: var(--bs-secondary-bg); }
.heatmap-cell--level-1 { background-color: rgba(var(--bs-body-color-rgb), 0.25); }
.heatmap-cell--level-2 { background-color: rgba(var(--bs-body-color-rgb), 0.45); }
.heatmap-cell--level-3 { background-color: rgba(var(--bs-body-color-rgb), 0.70); }
.heatmap-cell--level-4 { background-color: rgba(var(--bs-body-color-rgb), 1.0); }