.heatmap-legend{z-index:5;border-radius:16px;width:320px;padding:14px 15px 13px;position:absolute;bottom:28px;left:28px}.legend-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.legend-heading strong{letter-spacing:-.02em;margin-top:5px;font-size:14px;display:block}.legend-heading [data-slot=badge]{color:var(--green);background:#ffffff85;border-color:#1f654e33;font-size:10px}.legend-gradient{background:linear-gradient(90deg,#440154 0%,#3b528b 33%,#21918c 66%,#fde725 100%);border:1px solid #ffffffb8;border-radius:999px;height:10px;margin-top:13px;box-shadow:inset 0 1px 3px #1c463729}.legend-values{color:#64766e;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:7px;font-family:DM Mono,monospace;font-size:10px;line-height:1.3;display:grid}.legend-values span:nth-child(2){text-align:center}.legend-values span:last-child{text-align:right}.legend-special-key{color:#7d8d86;align-items:center;gap:8px;margin-top:10px;font-size:10px;line-height:1.4;display:flex}.legend-special-key i{background:#d53e8c;border:1px solid #ffffffc7;border-radius:50%;flex:0 0 14px;width:14px;height:14px;box-shadow:0 1px 4px #8f1f5d47}.legend-special-key strong{color:#80335f;font-size:10px;display:block}.legend-label-row{align-items:center;gap:4px;display:flex}.legend-details-button{color:#7d8d86;opacity:.8;background:0 0;border:0;border-radius:999px;flex:0 0 20px;width:20px;height:20px;margin:0;padding:0;display:flex}.legend-details-button:hover{color:var(--green);opacity:1;background:#166f5914}.legend-details-button:focus-visible{color:var(--green);opacity:1;background:#166f5914;box-shadow:0 0 0 3px #166f5924}.legend-details-button svg{stroke-width:1.75px;width:13px;height:13px}.heatmap-legend small{color:#6f7f78;margin-top:11px;font-size:10.5px;line-height:1.5;display:block}@media (width<=900px){.heatmap-legend{top:auto;left:18px;right:auto;bottom:calc(60px + max(12px, env(safe-area-inset-bottom)));max-height:calc(100dvh - 160px);overflow:auto}.heatmap-legend.is-mobile-collapsed{display:none}.heatmap-legend.is-mobile-open{display:flex}}@media (width<=560px){.heatmap-legend{width:min(320px,100vw - 24px);left:12px}}