.calendar-grid{--calendar-grid-track-height:calc(var(--calendar-grid-span) / 60 * var(--size-calendar-grid-hour));gap:var(--space-inset-xs);min-inline-size:var(--size-calendar-grid-min-width);display:flex}.calendar-grid-ruler{inline-size:var(--size-calendar-grid-axis);flex-direction:column;flex-shrink:0;display:flex}.calendar-grid-axis{block-size:var(--calendar-grid-track-height);position:relative}.calendar-grid-axis-mark{font-size:var(--type-size-control-xs);font-variant-numeric:tabular-nums;color:var(--color-text-muted);position:absolute;transform:translateY(-50%)}.calendar-grid-axis-mark:first-child{transform:none}.calendar-grid-day{flex:1;min-inline-size:0}.calendar-grid-day-head{z-index:3;block-size:var(--space-inset-lg);background-color:var(--calendar-grid-head-bg,var(--color-surface));font-size:var(--type-size-control-xs);color:var(--color-text-muted);text-align:center;position:sticky;inset-block-start:0}.calendar-grid-day-head span{color:var(--color-text);margin-inline-start:var(--space-inset-2xs)}.calendar-grid-track{block-size:var(--calendar-grid-track-height);border-radius:var(--radius-field);border:1px solid var(--color-border);background-color:var(--color-surface);position:relative;overflow:hidden}.calendar-grid-line{border-block-start:1px solid color-mix(in srgb, var(--color-border) 50%, transparent);position:absolute;inset-inline:0}.calendar-grid-swatch[data-layer=blockout],.calendar-grid-block[data-hatched]{background-image:repeating-linear-gradient(45deg, transparent, transparent 3px, color-mix(in srgb, var(--calendar-grid-layer) 45%, transparent) 3px, color-mix(in srgb, var(--calendar-grid-layer) 45%, transparent) 6px)}[data-layer=available].calendar-grid-swatch,[data-layer=available].calendar-grid-block{--calendar-grid-layer:var(--color-calendar-preview-offerable)}[data-layer=respected].calendar-grid-swatch,[data-layer=respected].calendar-grid-block{--calendar-grid-layer:var(--color-calendar-preview-respected)}[data-layer=ignored].calendar-grid-swatch,[data-layer=ignored].calendar-grid-block{--calendar-grid-layer:var(--color-calendar-preview-ignored)}[data-layer=working].calendar-grid-swatch,[data-layer=working].calendar-grid-block{--calendar-grid-layer:var(--color-calendar-preview-working)}[data-layer=meeting].calendar-grid-swatch,[data-layer=meeting].calendar-grid-block{--calendar-grid-layer:var(--color-calendar-preview-meeting)}[data-layer=meeting-done].calendar-grid-swatch,[data-layer=meeting-done].calendar-grid-block{--calendar-grid-layer:var(--color-calendar-preview-meeting-done)}[data-layer=meeting-cancelled].calendar-grid-swatch,[data-layer=meeting-cancelled].calendar-grid-block{--calendar-grid-layer:var(--color-calendar-preview-meeting-cancelled)}[data-layer=blockout].calendar-grid-swatch,[data-layer=blockout].calendar-grid-block{--calendar-grid-layer:var(--color-calendar-preview-respected)}.calendar-grid-block{--block-gutter:var(--space-inset-2xs);--block-usable:calc(100% - 2 * var(--block-gutter));font:inherit;text-align:center;cursor:default;border-radius:var(--radius-check);inline-size:calc(var(--block-usable) / var(--block-columns,1));border:1px solid var(--calendar-grid-layer);background-color:color-mix(in srgb, var(--calendar-grid-layer) 25%, transparent);justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset-inline-start:calc(var(--block-gutter) + var(--block-column,0) / var(--block-columns,1) * var(--block-usable));overflow:hidden}button.calendar-grid-block{cursor:pointer}button.calendar-grid-block:hover{background-color:color-mix(in srgb, var(--calendar-grid-layer) 40%, transparent)}.calendar-grid-block[data-outline]{pointer-events:none;border-radius:var(--radius-field);background-color:#0000;border-style:dashed}.calendar-grid-block[data-layer=meeting-cancelled] .calendar-grid-block-label{text-decoration:line-through}.calendar-grid-block-label{min-inline-size:0;padding-inline:var(--space-inset-2xs);font-size:var(--type-size-control-xs);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.calendar-grid-swatch{inline-size:var(--space-inset-tight);block-size:var(--space-inset-tight);border-radius:var(--radius-check);border:1px solid var(--calendar-grid-layer);background-color:color-mix(in srgb, var(--calendar-grid-layer) 25%, transparent);display:inline-block}.calendar-grid-now{z-index:1;background-color:var(--color-negative);block-size:1px;position:absolute;inset-inline:0}.calendar-grid-now:before{content:"";border-radius:var(--radius-pill);background-color:var(--color-negative);block-size:7px;inline-size:7px;position:absolute;inset-block-start:-3px;inset-inline-start:0}.calendar-grid-legend{gap:var(--space-inset-xs) var(--space-inset-md);font-size:var(--type-size-control-xs);color:var(--color-text-muted);animation:var(--calendar-grid-legend-enter,fade-in var(--motion-duration-fast) var(--motion-ease-standard) both);flex-wrap:wrap;margin-block-end:var(--calendar-grid-legend-margin,0);display:flex}@media (prefers-reduced-motion:reduce){.calendar-grid-legend{animation:none}}.calendar-grid-legend li{align-items:center;gap:var(--space-inset-xs);display:inline-flex}.calendar-grid-legend-toggle{align-items:center;gap:var(--space-inset-xs);font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.calendar-grid-legend-toggle:hover{color:var(--color-text)}.calendar-grid-legend-toggle[aria-pressed=false]{opacity:.55}.calendar-grid-legend-toggle[aria-pressed=false] .calendar-grid-legend-label{text-decoration:line-through}