.park-heatmap {--heatmap-cell-size: 14px;margin-top: 18px;}.park-heatmap__scroll {max-width: 100%;overflow-x: auto;padding-bottom: 6px;}.park-heatmap__table {border-collapse: separate;border-spacing: 2px;table-layout: fixed;width: max-content;font-size: 11px;}.park-heatmap__table th {font-weight: normal;text-align: left;white-space: nowrap;}.park-heatmap__table thead th:not(:first-child) {padding-left: 4px;}.park-heatmap__table thead th[scope="colgroup"] {border-left: 1px solid #d9dfe4;}.park-heatmap__row-label {min-width: 44px;height: var(--heatmap-cell-size);padding-right: 7px;padding-top: 0;padding-bottom: 0;line-height: var(--heatmap-cell-size);}.park-heatmap__row-label--end {padding-right: 0;padding-left: 7px;}.park-heatmap__table tbody td {width: var(--heatmap-cell-size);min-width: var(--heatmap-cell-size);height: var(--heatmap-cell-size);padding: 0;line-height: 0;vertical-align: middle;}.park-heatmap__cell {display: block;box-sizing: border-box;width: var(--heatmap-cell-size);height: var(--heatmap-cell-size);padding: 0;border: 1px solid #d9dfe4;border-radius: 2px;background-color: #fff;}.park-heatmap__cell--future {background-color: #edf0f2;border-color: #edf0f2;}.park-heatmap__cell--level-1 { background-color: #c6e7d0; }.park-heatmap__cell--level-2 { background-color: #8bd2a2; }.park-heatmap__cell--level-3 { background-color: #4fb87a; }.park-heatmap__cell--level-4 { background-color: #208c59; }.park-heatmap__cell--level-5 { background-color: #096638; }.park-heatmap__cell:focus-visible {outline: 2px solid #1e87f0;outline-offset: 1px;}.park-heatmap__legend {display: flex;flex-wrap: wrap;gap: 6px;align-items: center;font-size: 11px;}.park-heatmap__legend-item {display: inline-flex;align-items: center;gap: 4px;white-space: nowrap;}.park-heatmap__legend-item .park-heatmap__cell {display: inline-block;}