[data-fragment=Calendar]{background:var(--bg-primary);border:1px solid var(--ui-line);border-radius:var(--radius-lg);width:100%;max-width:360px;font-family:var(--font-sans);color:var(--text-primary);flex-direction:column;gap:12px;padding:16px;display:flex}[data-fragment=Calendar] [class$=-header]{justify-content:space-between;align-items:center;display:flex}[data-fragment=Calendar] [class$=-title]{text-transform:capitalize;color:var(--text-primary);text-wrap:balance;margin:0;font-size:14px;font-weight:700}[data-fragment=Calendar] [class$=-nav-btn]{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}[data-fragment=Calendar] [class$=-nav-btn]:hover{background:var(--bg-secondary);color:var(--text-primary)}[data-fragment=Calendar] [class$=-nav-btn]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=Calendar] [class$=-weekdays]{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}[data-fragment=Calendar] [class$=-weekday]{text-align:center;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);padding:4px 0;font-size:10.5px;font-weight:700}[data-fragment=Calendar] [class$=-grid]{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}[data-fragment=Calendar] [class$=-day]{border-radius:var(--radius-sm);height:38px;color:var(--text-primary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-family:inherit;font-size:12.5px;display:inline-grid;position:relative}[data-fragment=Calendar] [class$=-day]:hover:not(:disabled){background:var(--bg-secondary)}[data-fragment=Calendar] [class$=-day]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=Calendar] [class$=-day].out-of-month{color:var(--text-tertiary)}[data-fragment=Calendar] [class$=-day].today{color:var(--brand);font-weight:700}[data-fragment=Calendar] [class$=-day].selected{background:var(--brand);color:var(--ink-text-on-brand);font-weight:700}[data-fragment=Calendar] [class$=-day].disabled{opacity:.4;cursor:not-allowed}[data-fragment=Calendar] [class$=-day-number]{line-height:1}[data-fragment=Calendar] [class$=-day-dot]{color:var(--accent);font-size:12px;line-height:0;position:absolute;bottom:4px}[data-fragment=Calendar] [class$=-day].selected [class$=-day-dot]{color:var(--ink-text-on-brand)}