.liner-heatmap{grid-template-columns:1fr auto;gap:1rem;min-height:420px;display:grid;position:relative}.liner-heatmap__stage{cursor:grab;touch-action:pan-y;min-height:360px;position:relative}.liner-heatmap__stage.is-dragging{cursor:grabbing}.liner-heatmap__stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.liner-heatmap__stage.is-fallback{background:50%/contain no-repeat}.liner-heatmap__axes span{z-index:1;font-size:var(--fs-3xs);letter-spacing:.08em;color:var(--muted);pointer-events:none;white-space:nowrap;position:absolute;top:0;left:0}.liner-heatmap__bar{font-size:var(--fs-3xs);color:var(--muted);grid-template-rows:auto 1fr;justify-items:start;gap:.6rem;padding:1.5rem 0;display:grid}.liner-heatmap__title{letter-spacing:.06em;white-space:nowrap}.liner-heatmap__scale{gap:.5rem;min-height:180px;display:flex;position:relative}.liner-heatmap__scale i{border-radius:2px;width:12px}.liner-heatmap__scale ol{width:4.5rem;list-style:none;position:relative}.liner-heatmap__scale li{line-height:1;position:absolute;left:0;transform:translateY(50%)}.liner-heatmap__scale li:before{content:"";background:currentColor;width:4px;height:1px;position:absolute;top:50%;left:-.5rem}.liner-heatmap__scale li.is-limit{color:var(--watch);white-space:nowrap}@media (max-width:560px){.liner-heatmap{gap:.5rem}.liner-heatmap__scale ol{width:3.2rem}}