:root{--repo-first:#008000;--repo-second:#ca5010;--repo-third:#5010ca;--tooltip-bg:#000;--content-width:622px;--cell-size:10px;--half-cell-size:calc(var(--cell-size) / 2)}@media(prefers-color-scheme:dark){:root{--repo-first:#6f0;--repo-second:#f60;--repo-third:#a4f}.tral{filter:invert(0.8)}}.container{width:var(--content-width);position:relative}.tral{width:400px;margin:32px 0}.subtitle{text-align:start}.separator{border-top:1px solid var(--fg)}.commit-info-wrapper{display:flex;width:100%;flex-direction:row;justify-content:space-between}.subtitle,.separator{margin-bottom:12px}.separator,.commit-info-wrapper{width:100%}.grid{align-self:baseline;margin-bottom:8px;display:grid;grid-auto-flow:column;grid-gap:2px;grid-template-rows:repeat(7,auto)}.grid::before,.grid[data-end]::after{position:absolute;display:inline-block;opacity:.65;font-size:small;height:82px;text-align:center}.grid:hover::before,.grid[data-end]:hover::after{opacity:1}.grid::before{content:attr(data-start);left:-2em;writing-mode:sideways-lr;border-right:1px solid}.grid[data-end]::after{content:attr(data-end);right:-2em;writing-mode:sideways-rl;border-left:1px solid}.grid .dot{width:var(--cell-size);height:var(--cell-size);border-radius:2px;&.none{background-color:var(--bg-accent);border:1px solid var(--bg)}&.one{opacity:.25}&.two{opacity:.5}&.three{opacity:.75}&.four{opacity:1}&.repo-dotfiles{background-color:var(--repo-first)}&.repo-whatever{background-color:var(--repo-second)}&.repo-misc{background-color:var(--repo-third)}&.repo-dotfiles.repo-whatever{background:linear-gradient(to bottom left,var(--repo-first) 49%,var(--repo-second) 50%)}&.repo-dotfiles.repo-misc{background:linear-gradient(to bottom left,var(--repo-first) 49%,var(--repo-third) 50%)}&.repo-whatever.repo-misc{background:linear-gradient(to bottom left,var(--repo-second) 49%,var(--repo-third) 50%)}&.repo-dotfiles.repo-whatever.repo-misc{background:conic-gradient(from 0deg at 50% 50%,var(--repo-first) 0,var(--repo-first) 31%,var(--repo-second) 33%,var(--repo-second) 64%,var(--repo-third) 66%,var(--repo-third) 98%,var(--repo-first) 100%)}}div.tooltip{position:relative;>div.tooltip-content{display:none;visibility:hidden;position:absolute;z-index:1;max-width:var(--content-width);white-space:nowrap;pointer-events:none;padding:8px;background:var(--tooltip-bg);color:#fff;>div.tooltip-arrow{position:absolute;top:calc(-1 * var(--cell-size));left:calc(50% - var(--half-cell-size));width:var(--cell-size);height:var(--half-cell-size);border-style:solid;border-width:var(--half-cell-size);border-color:transparent transparent var(--tooltip-bg) transparent}}&:hover>div.tooltip-content{visibility:visible}}