.heatmap{--heatmap-axis:var(--md-spacing-10)}.heatmap__grid{grid-template-columns:var(--heatmap-axis) repeat(7, minmax(0, 1fr));column-gap:var(--md-spacing-2);row-gap:var(--md-spacing-1);align-items:center;display:grid}.heatmap__day{font-size:var(--md-label-small-size);line-height:var(--md-label-small-line);font-weight:var(--md-label-small-weight);color:var(--md-on-surface-variant);text-align:center;padding-bottom:var(--md-spacing-1)}.heatmap__hour{font-size:var(--md-label-small-size);line-height:var(--md-heatmap-hour-line);color:var(--md-on-surface-variant);text-align:right;padding-right:var(--md-spacing-2);white-space:nowrap}.heatmap__cell{height:var(--md-spacing-2);border-radius:var(--md-shape-full);background-color:var(--md-surface-container-high);transition:background-color var(--md-motion-duration-medium) var(--md-motion-easing-standard);appearance:none;width:100%;font:inherit;border:0;margin:0;padding:0;display:block}.heatmap__cell[data-level="1"]{background-color:var(--md-heatmap-level-1)}.heatmap__cell[data-level="2"]{background-color:var(--md-heatmap-level-2)}.heatmap__cell[data-level="3"]{background-color:var(--md-heatmap-level-3)}.heatmap__cell[data-level="4"]{background-color:var(--md-heatmap-level-4)}.heatmap__cell--peak{outline:var(--md-divider-thickness) solid var(--md-primary);outline-offset:var(--md-shape-extra-small-half)}.heatmap--select .heatmap__cell{cursor:pointer}.heatmap--select .heatmap__cell:hover{outline:var(--md-divider-thickness) dashed var(--md-primary);outline-offset:var(--md-shape-extra-small-half)}.heatmap--select .heatmap__cell--past{cursor:default}.heatmap--select .heatmap__cell--past:hover{outline:none}.heatmap--select .heatmap__cell--selected,.heatmap--select .heatmap__cell--selected:hover{outline:calc(2 * var(--md-divider-thickness)) solid var(--md-primary);outline-offset:var(--md-shape-extra-small-half)}.heatmap--select .heatmap__cell:focus-visible{outline:calc(2 * var(--md-divider-thickness)) solid var(--md-primary);outline-offset:var(--md-spacing-1)}.heatmap__cell--swatch{width:var(--md-spacing-4)}.heatmap__legend{justify-content:flex-end;align-items:center;gap:var(--md-spacing-3);margin-top:var(--md-spacing-3);font-size:var(--md-label-small-size);line-height:var(--md-label-small-line);color:var(--md-on-surface-variant);display:flex}.heatmap__key{align-items:center;gap:var(--md-spacing-1);display:inline-flex}@media (width<=480px){.heatmap__grid{column-gap:var(--md-spacing-1)}}@media (width<=767px){.heatmap{--heatmap-axis:var(--md-spacing-8)}}