@layer components{.cal{flex-direction:column;display:flex}.cal-head{min-height:28px;padding-left:var(--wg-s2);align-items:center;gap:2px;display:flex}.cal-title{min-width:0;color:var(--wg-text);font-size:var(--wg-text-ui);font-weight:var(--wg-weight-medium);font-variant-numeric:tabular-nums;flex:1}.cal-grid{table-layout:fixed;border-collapse:separate;border-spacing:0 2px;outline:none;width:100%}.cal-grid th{height:24px;color:var(--wg-text-3);font-size:var(--wg-text-label);font-weight:var(--wg-weight-regular);text-align:center;padding:0}.cal-grid td{padding:0 1px}.cal-grid button{border-radius:var(--wg-radius-row);width:100%;height:28px;color:var(--wg-text);font-family:var(--wg-font-sans);font-size:var(--wg-text-ui-s);font-variant-numeric:tabular-nums;cursor:default;transition:background-color var(--wg-t-snap) var(--wg-ease);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.cal-grid td[data-outside] button{color:var(--wg-text-3)}.cal-grid td[data-today] button{font-weight:var(--wg-weight-semibold)}.cal-grid td[data-today] button:after{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;margin-left:-1.5px;position:absolute;bottom:4px;left:50%}.cal-grid td[aria-selected=true] button{background:var(--wg-accent);color:var(--wg-accent-text)}.cal-grid:focus-visible td[data-active] button{box-shadow:inset 0 0 0 1px var(--wg-accent-line)}.cal-grid td:not([aria-selected=true]) button:hover,.cal-grid:focus-visible td[data-active]:not([aria-selected=true]) button{background:color-mix(in srgb, var(--wg-text) 8%, transparent)}.cal-grid td:not([aria-selected=true]) button:active{background:color-mix(in srgb, var(--wg-text) 14%, transparent)}.cal-grid:focus-visible td[data-active][aria-selected=true] button{box-shadow:0 0 0 1px var(--wg-float), 0 0 0 2px var(--wg-accent-line)}@media (prefers-reduced-motion:reduce){.cal-grid button{transition:none}}}