@layer primitives{.sap-heat{--sap-heat-cell-w:20px;--sap-heat-cell-h:20px;--sap-heat-gap:var(--space-1);--sap-heat-radius:4px;display:inline-grid;grid-auto-columns:var(--sap-heat-cell-w);grid-auto-flow:column;column-gap:var(--sap-heat-gap);align-items:end;vertical-align:middle}.sap-heat[data-size=row]{--sap-heat-cell-w:8px;--sap-heat-cell-h:16px;--sap-heat-gap:2px;--sap-heat-radius:2px}.sap-heat[data-person-slot="1"]{--row-hue:var(--person-1)}.sap-heat[data-person-slot="2"]{--row-hue:var(--person-2)}.sap-heat[data-person-slot="3"]{--row-hue:var(--person-3)}.sap-heat[data-person-slot="4"]{--row-hue:var(--person-4)}.sap-heat-cell{position:relative;display:block;inline-size:var(--sap-heat-cell-w);block-size:var(--sap-heat-cell-h);margin:0;padding:0;border:0;border-radius:var(--sap-heat-radius);background:transparent;box-shadow:inset 0 0 0 1px var(--hair-soft);cursor:default;appearance:none}button.sap-heat-cell{cursor:pointer}.sap-heat-cell[data-step="1"]{background:color-mix(in oklch,var(--row-hue,var(--ink-2)) 18%,var(--paper));box-shadow:none}.sap-heat-cell[data-step="2"]{background:color-mix(in oklch,var(--row-hue,var(--ink-2)) 36%,var(--paper));box-shadow:none}.sap-heat-cell[data-step="3"]{background:color-mix(in oklch,var(--row-hue,var(--ink-2)) 58%,var(--paper));box-shadow:none}.sap-heat-cell[data-step="4"]{background:color-mix(in oklch,var(--row-hue,var(--ink-2)) 82%,var(--paper));box-shadow:none}.sap-heat-cell[data-today="1"]:before{position:absolute;inset-block-start:calc(var(--sap-heat-gap) * -1 - 2px);inset-inline:0;block-size:1px;background:var(--ink-2);content:""}button.sap-heat-cell:hover{outline:1px solid var(--hair-strong);outline-offset:1px}.sap-heat-cell:focus-visible{outline:var(--focus-outline);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.sap-heat-cell{transition:background-color var(--dur-slow) var(--ease-out-soft)}}}