[data-fragment=DatePicker]{font-family:var(--font-sans);color:var(--text-primary);flex-direction:column;gap:6px;display:flex;position:relative}[data-fragment=DatePicker] [class$=-label]{color:var(--text-secondary);font-size:12px;font-weight:600}[data-fragment=DatePicker] [class$=-field]{align-items:center;display:flex;position:relative}[data-fragment=DatePicker] [class$=-icon]{color:var(--text-tertiary);pointer-events:none;align-items:center;display:inline-flex;position:absolute;left:12px}[data-fragment=DatePicker] [class$=-input]{background:var(--bg-secondary);border:1px solid var(--ui-line);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;padding:9px 36px;font-family:inherit;font-size:13.5px}[data-fragment=DatePicker] [class$=-input]:focus{background:var(--bg-primary);border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb), .12);outline:none}[data-fragment=DatePicker] [class$=-input]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=DatePicker] [class$=-clear]{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid;position:absolute;right:8px}[data-fragment=DatePicker] [class$=-clear]:hover{background:var(--bg-secondary);color:var(--error)}[data-fragment=DatePicker] [class$=-clear]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=DatePicker] [class$=-popover]{z-index:50;background:var(--bg-primary);border:1px solid var(--ui-line-strong);border-radius:var(--radius-md);width:280px;box-shadow:var(--shadow-soft);flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;top:calc(100% + 4px);left:0}[data-fragment=DatePicker] [class$=-nav]{justify-content:space-between;align-items:center;display:flex}[data-fragment=DatePicker] [class$=-nav-btn]{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}[data-fragment=DatePicker] [class$=-nav-btn]:hover{background:var(--bg-secondary);color:var(--text-primary)}[data-fragment=DatePicker] [class$=-nav-btn]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=DatePicker] [class$=-month]{text-transform:capitalize;color:var(--text-primary);font-size:13px;font-weight:700}[data-fragment=DatePicker] [class$=-weekdays]{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}[data-fragment=DatePicker] [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=DatePicker] [class$=-grid]{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}[data-fragment=DatePicker] [class$=-day]{border-radius:var(--radius-sm);height:32px;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}[data-fragment=DatePicker] [class$=-day]:hover:not(:disabled){background:var(--bg-secondary)}[data-fragment=DatePicker] [class$=-day]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=DatePicker] [class$=-day].out-of-month{color:var(--text-tertiary)}[data-fragment=DatePicker] [class$=-day].today{color:var(--brand);font-weight:700}[data-fragment=DatePicker] [class$=-day].selected{background:var(--brand);color:var(--ink-text-on-brand);font-weight:700}[data-fragment=DatePicker] [class$=-day].disabled{opacity:.4;cursor:not-allowed}