@layer components{.ws-month-tiles-root{--slide-blur:3px;gap:var(--space-12);flex-direction:column;min-inline-size:0;display:flex}.ws-month-tiles-head{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.ws-month-tiles-title{color:var(--text);font:var(--text-title);letter-spacing:var(--tracking-title);margin:0}.ws-month-tiles-name{display:inline-block}.ws-month-tiles-name[data-direction=forward]{animation:ws-month-tiles-name-up var(--duration-modal) var(--ease-out) backwards}.ws-month-tiles-name[data-direction=back]{animation:ws-month-tiles-name-down var(--duration-modal) var(--ease-out) backwards}.ws-month-tiles-year{color:var(--text-secondary);font:var(--text-body);font-size:inherit;line-height:inherit}.ws-month-tiles-arrows{gap:var(--space-2);display:flex}.ws-month-tiles-weekdays,.ws-month-tiles-grid{gap:var(--space-4);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.ws-month-tiles-weekday{color:var(--text-secondary);font:var(--text-label-strong);letter-spacing:var(--tracking-label-strong);text-align:center;text-transform:uppercase}.ws-month-tiles-grid{animation:ws-month-tiles-month-fade var(--duration-modal) var(--ease-out) both;grid-auto-rows:1fr}.ws-month-tiles-grid[data-direction=forward]{animation-name:ws-month-tiles-month-forward}.ws-month-tiles-grid[data-direction=back]{animation-name:ws-month-tiles-month-back}.ws-month-tiles-outside{aspect-ratio:1;color:var(--border-strong);font:var(--text-body);letter-spacing:var(--tracking-body);font-variant-numeric:tabular-nums;place-items:center;display:grid}.ws-month-tiles-outside:before{content:attr(data-date)}.ws-month-tiles-day{aspect-ratio:1;border-radius:var(--radius-md);background:var(--accent-soft);inline-size:100%;color:var(--link);font:var(--text-body-strong);letter-spacing:var(--tracking-body-strong);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-hover) var(--ease-hover), color var(--duration-hover) var(--ease-hover), scale var(--duration-press) var(--ease-out);border:none;place-items:center;padding:0;display:grid;position:relative}.ws-month-tiles-day:disabled{color:var(--text-tertiary);font:var(--text-body);cursor:default;background:0 0}.ws-month-tiles-day[data-today]{outline:var(--border-width-hairline) solid var(--accent-line);outline-offset:calc(-1 * var(--border-width-hairline))}.ws-month-tiles-day[data-loading]{background:var(--surface-selected);color:var(--text-tertiary);animation:ws-month-tiles-month-pulse var(--duration-pulse) var(--ease-in-out) infinite}.ws-month-tiles-day[aria-pressed=true]{background:var(--accent);color:var(--on-accent);transition:background-color var(--duration-move) var(--ease-out), color var(--duration-move) var(--ease-out)}.ws-month-tiles-day[data-best]:after{inline-size:var(--space-6);block-size:var(--space-6);border-radius:var(--radius-full);background:var(--accent);content:"";position:absolute;inset-block-start:var(--space-6);inset-inline-end:var(--space-6)}.ws-month-tiles-day[data-best][aria-pressed=true]:after{background:var(--on-accent)}.ws-month-tiles-day:focus-visible{outline:var(--border-width-thick) solid var(--accent-line);outline-offset:var(--border-width-hairline)}.ws-month-tiles-grid[data-settle] .ws-month-tiles-day{animation:ws-month-tiles-day-settle var(--duration-move) var(--ease-out) backwards;animation-delay:calc(var(--day-row,0) * var(--duration-hover) / 3)}.ws-month-tiles-day:not(:disabled):active{scale:var(--scale-press)}@media (hover:hover) and (pointer:fine){.ws-month-tiles-day:not(:disabled,[aria-pressed=true]):hover{background:var(--accent-border);color:var(--text)}}@media (forced-colors:active){.ws-month-tiles-day:not(:disabled){border:var(--border-width-hairline) solid ButtonText}.ws-month-tiles-day[aria-pressed=true]{outline:var(--border-width-thick) solid Highlight}}@media (prefers-reduced-motion:reduce){.ws-month-tiles-grid,.ws-month-tiles-grid[data-direction=forward],.ws-month-tiles-grid[data-direction=back],.ws-month-tiles-name[data-direction=forward],.ws-month-tiles-name[data-direction=back]{animation-name:ws-month-tiles-month-fade}.ws-month-tiles-day[data-loading]{animation:none}.ws-month-tiles-grid[data-settle] .ws-month-tiles-day{animation-delay:initial}.ws-month-tiles-day:not(:disabled):active{scale:none}.ws-month-tiles-day[aria-pressed=true]{animation:none}}@keyframes ws-month-tiles-day-settle{0%{background:var(--surface-selected);color:var(--text-tertiary)}}@keyframes ws-month-tiles-month-pulse{50%{opacity:var(--opacity-pulse)}}@keyframes ws-month-tiles-month-fade{0%{opacity:0}}@keyframes ws-month-tiles-name-up{0%{opacity:0;translate:0 var(--space-8);filter:blur(var(--slide-blur))}}@keyframes ws-month-tiles-name-down{0%{opacity:0;translate:0 calc(-1 * var(--space-8));filter:blur(var(--slide-blur))}}@keyframes ws-month-tiles-month-forward{0%{opacity:0;translate:var(--space-8) 0;filter:blur(var(--slide-blur))}}@keyframes ws-month-tiles-month-back{0%{opacity:0;translate:calc(-1 * var(--space-8)) 0;filter:blur(var(--slide-blur))}}}
