.heatmap-viz-shell{--row-height:18px;--row-gap:2px;--header-height:26px;--columns:27px repeat(6, minmax(0, 1fr));font-variant-numeric:tabular-nums;flex-direction:column;gap:6px;height:100%;min-height:0;font-size:9.5px;display:flex}.heatmap-viz-viewport{scrollbar-color:#404040 transparent;scrollbar-width:thin;outline-offset:3px;flex:1;min-height:0;overflow:hidden auto}.heatmap-viz-viewport:focus-visible{outline:1px solid #8c8c88}.heatmap-viz-table{height:100%;min-height:calc(var(--header-height) + var(--row-count) * var(--row-height) + (var(--row-count) - 1) * var(--row-gap));flex-direction:column;width:100%;display:flex}.heatmap-viz-header,.heatmap-viz-row{grid-template-columns:var(--columns);gap:var(--row-gap);display:grid}.heatmap-viz-header{z-index:3;height:var(--header-height);color:#999994;text-align:center;background:#090909;flex-shrink:0;align-items:center;position:sticky;top:0}.heatmap-viz-strike-heading{text-align:left;font-size:9px}.heatmap-viz-rows{grid-template-rows:repeat(var(--row-count), minmax(0, 1fr));gap:var(--row-gap);flex:1;display:grid;position:relative}.heatmap-viz-row{min-height:var(--row-height);position:relative}.heatmap-viz-strike{color:#999994;align-items:center;transition:color .3s;display:flex}.heatmap-viz-row[data-active] .heatmap-viz-strike{color:#f0f0e9}.heatmap-viz-cell{border-radius:1px;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.heatmap-viz-value{line-height:1;display:inline-block}.heatmap-viz-cell[data-peak]{box-shadow:inset 0 0 0 1px #fff4e2}.heatmap-viz-row[data-active] .heatmap-viz-value{animation:.42s cubic-bezier(.2,.65,.3,1) both heatmap-viz-number-enter;animation-delay:var(--number-delay,0s)}.heatmap-viz-scan{z-index:2;height:calc((100% - (var(--row-count) - 1) * var(--row-gap)) / var(--row-count));pointer-events:none;transform:translateY(calc(var(--scan-row) * (100% + var(--row-gap))));background:#eeeee809;border-top:1px solid #ecece257;border-bottom:1px solid #ecece257;transition:transform .58s cubic-bezier(.22,.61,.36,1);position:absolute;top:0;left:0;right:0}.heatmap-viz-spot{z-index:2;top:calc(var(--spot-position) * (100% + var(--row-gap)) - var(--row-gap) / 2);pointer-events:none;align-items:center;height:0;display:flex;position:absolute;left:0;right:0}.heatmap-viz-spot:before{content:"";border-top:1px dashed #c2c2b989;position:absolute;left:0;right:0}.heatmap-viz-spot-label{color:#deded5;background:#090909ed;margin-left:auto;padding:1px 3px;font-size:8px;position:relative}@keyframes heatmap-viz-number-enter{0%{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.heatmap-viz-shell{--row-height:20px;--columns:29px repeat(6, minmax(0, 1fr));font-size:10px}.heatmap-viz-strike-heading{font-size:9px}}@media (prefers-reduced-motion:reduce){.heatmap-viz-scan,.heatmap-viz-strike{transition:none}.heatmap-viz-row[data-active] .heatmap-viz-value{animation:none}}