.sleep-heatmap.svelte-setbnk{display:grid;grid-auto-flow:row dense;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:auto;width:100%;margin-inline:auto;gap:.125rem;padding-block:2.5rem}@media(min-width:768px){.sleep-heatmap.svelte-setbnk{grid-auto-flow:column dense;grid-template-columns:none;grid-template-rows:repeat(7,1rem);grid-auto-columns:1rem;grid-auto-rows:auto;width:max-content}}.sleep-heatmap-cell.svelte-setbnk{position:relative;width:100%;aspect-ratio:1}@media(min-width:768px){.sleep-heatmap-cell.svelte-setbnk{width:1rem;height:1rem;aspect-ratio:auto}}.sleep-heatmap-tooltip.svelte-setbnk{position:absolute;bottom:100%;left:0;z-index:50;display:none;width:max-content;max-width:calc(100vw - 2rem);margin-bottom:.25rem;background:var(--bg);transform:translateY(0);white-space:normal}.sleep-heatmap-cell.svelte-setbnk:hover .sleep-heatmap-tooltip:where(.svelte-setbnk){display:block}.sleep-heatmap-cell.svelte-setbnk:nth-child(7n+4) .sleep-heatmap-tooltip:where(.svelte-setbnk),.sleep-heatmap-cell.svelte-setbnk:nth-child(7n+5) .sleep-heatmap-tooltip:where(.svelte-setbnk){left:50%;transform:translate(-50%)}.sleep-heatmap-cell.svelte-setbnk:nth-child(7n+6) .sleep-heatmap-tooltip:where(.svelte-setbnk),.sleep-heatmap-cell.svelte-setbnk:nth-child(7n) .sleep-heatmap-tooltip:where(.svelte-setbnk){right:0;left:auto}@media(min-width:768px){.sleep-heatmap-tooltip.svelte-setbnk{inset:100% auto auto 50%;margin-top:.25rem;margin-bottom:0;transform:translate(-50%)}.sleep-heatmap-cell.first-column.svelte-setbnk .sleep-heatmap-tooltip:where(.svelte-setbnk){left:0;transform:none}.sleep-heatmap-cell.last-column.svelte-setbnk .sleep-heatmap-tooltip:where(.svelte-setbnk){right:0;left:auto;transform:none}}@media(min-width:1024px){.sleep-heatmap.svelte-setbnk{transform:scale(1.25)}}