@layer reset,base;@layer components{.cal-strip{align-items:center;gap:var(--space-1);min-width:0;padding-inline:var(--space-1);flex:1;display:flex}.cal-strip__arrow{flex-shrink:0}.cal-strip,.cal-strip__list{position:relative}.cal-strip__list{align-items:stretch;gap:var(--space-1);min-width:0;padding:var(--space-1-75);overscroll-behavior-x:contain;scroll-padding-inline:var(--space-2);scroll-snap-type:x proximity;scrollbar-width:thin;flex:1;margin:0;list-style:none;display:flex;overflow-x:auto}.cal-strip__list:focus-within,.cal-strip--bottom:focus-within{scroll-snap-type:none}.cal-strip__item{scroll-snap-align:start;flex:none;display:flex}.cal-cell{justify-content:space-between;gap:var(--space-1);min-width:4.75rem;min-height:var(--space-12);padding:var(--space-1-75) var(--space-2);border-radius:var(--radius-lg);color:var(--color-ink);white-space:nowrap;transition:background-color var(--duration-fast) var(--easing-out);flex-direction:column;text-decoration:none;display:flex;position:relative}.cal-cell:hover{background-color:var(--color-accent-soft);color:var(--color-accent-deep)}.cal-cell__top,.cal-cell__bottom{align-items:center;gap:var(--space-1);display:flex}.cal-cell__top{align-items:baseline}.cal-cell__name{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:1}.cal-cell__number{font-size:var(--text-lg);font-weight:var(--weight-light);font-variant-numeric:tabular-nums;line-height:1}.cal-cell__today{width:var(--space-4);height:var(--space-4);align-self:center}.cal-cell__month{color:var(--color-text-muted-a11y);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);line-height:1}.cal-cell--selected,.cal-cell--selected:hover{background-color:var(--color-ink);color:var(--color-paper)}.cal-cell--selected .cal-cell__month,.cal-cell--selected .calendar-badge--muted{color:var(--color-paper)}.cal-strip--bottom{height:100%;padding-inline:var(--space-1-75);overscroll-behavior-x:contain;scroll-padding-inline:var(--space-2);scroll-snap-type:x proximity;scrollbar-width:none;overflow-x:auto}.cal-strip--bottom .cal-strip__list{scroll-snap-type:none;flex:none;overflow:visible}.cal-strip--bottom .cal-strip__arrow{scroll-snap-align:start}.cal-strip--bottom .calendar-badge--default{background-color:var(--color-surface)}@media (width<=767px){.cal-cell{min-width:4rem;min-height:var(--tap-comfortable);padding-inline:var(--space-1-75)}.cal-cell__name,.cal-cell__number{font-size:var(--text-base)}}@media (width<=479px){.cal-cell__month{display:none}.cal-cell{min-width:3.25rem}}}@layer utilities;