@layer theme,base;@layer components{.week-boxes{gap:var(--s-2);min-width:0;display:flex}.week-box{min-width:0;height:var(--control);border-radius:var(--r-md);background-color:var(--field);color:var(--ink-3);font-variant-numeric:tabular-nums;flex:1 1 0;justify-content:center;align-items:center;display:flex;position:relative}.week-box+.week-box:before{content:"";width:var(--s-2);height:var(--week-track);background-color:var(--line);transform-origin:0;pointer-events:none;position:absolute;top:50%;right:100%;translate:0 -50%}.week-box[data-week=past]{background-color:var(--done);color:var(--done-fg)}.week-box:is([data-week=past],[data-week=now])+.week-box:is([data-week=past],[data-week=now]):before{background-color:var(--done)}.week-box[data-week=now]{background-color:var(--cardinal);color:var(--primary-foreground);box-shadow:var(--week-now-halo)}@media (prefers-reduced-motion:no-preference){.week-boxes[data-fill] .week-box:is([data-week=past],[data-week=now]){animation:week-box-fill var(--dur-slow) var(--ease-out) backwards;animation-delay:calc(var(--week-i,0) * var(--week-step))}.week-boxes[data-fill] .week-box[data-week=now]{animation:week-box-fill var(--dur-slow) var(--ease-out) backwards, week-box-halo var(--dur-focal) var(--ease-out) backwards;animation-delay:calc(var(--week-i,0) * var(--week-step)), calc(var(--week-i,0) * var(--week-step) + var(--dur-fast))}.week-boxes[data-fill] .week-box:is([data-week=past],[data-week=now])+.week-box:is([data-week=past],[data-week=now]):before{animation:week-track-fill var(--dur-base) var(--ease-out) backwards;animation-delay:calc(var(--week-i,0) * var(--week-step) - var(--week-step) / 2)}}}@layer utilities;@keyframes week-box-fill{0%{background-color:var(--field);color:var(--ink-3)}}@keyframes week-box-halo{0%{box-shadow:inset 0 0 #0000}}@keyframes week-track-fill{0%{transform:scaleX(0)}}