.date-input{width:100%;min-width:0;display:block;position:relative}.date-input input{padding-inline-end:38px}.date-input input::-webkit-calendar-picker-indicator{display:none}button.date-open{border-radius:var(--radius-sm);width:32px;min-height:0;color:var(--muted);background:0 0;border:0;padding:0;position:absolute;inset-block:3px;inset-inline-end:3px}button.date-open:where(:not(:disabled)):hover{background:var(--surface-hover);color:var(--ink)}button.date-open:focus-visible{outline-offset:-2px}@media (pointer:coarse){button.date-open{display:none}.date-input input{padding-inline-end:10px}.date-input input::-webkit-calendar-picker-indicator{display:revert}}.date-menu{z-index:80;width:296px;padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-menu);box-shadow:var(--shadow-lift);position:fixed}.date-head{align-items:center;gap:var(--space-2);margin-block-end:var(--space-4);display:flex}.date-head strong{min-width:0;font-size:var(--text-ui);text-transform:capitalize;flex:1;font-weight:600}.date-head button{flex:none;width:32px;min-height:32px;padding:0}.date-grid{border-collapse:separate;border-spacing:0 2px;table-layout:fixed;width:100%}.date-grid th{padding:0 0 var(--space-2);color:var(--muted);font-size:var(--text-small);text-align:center;text-transform:uppercase;background:0 0;border:0;font-weight:500}.date-grid td{text-align:center;background:0 0;border:0;padding:0}button.date-day{border-radius:var(--radius-sm);width:36px;height:36px;min-height:0;color:var(--ink);font-size:var(--text-body);background:0 0;border:1px solid #0000;padding:0;font-weight:400;display:inline-flex}button.date-day:focus-visible{outline-offset:-2px}button.date-day:where(:not(:disabled)):hover{background:var(--surface-hover)}button.date-day.away{color:var(--muted)}button.date-day.today{border-color:var(--accent);font-weight:600}button.date-day.chosen,button.date-day.chosen:where(:not(:disabled)):hover{background:var(--accent);color:var(--on-accent);font-weight:600}button.date-day:disabled{opacity:.35}.date-foot{justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--line);margin-block-start:var(--space-4);padding-block-start:var(--space-4);display:flex}:is(.toolbar,.toolbar-group) .date-input{flex:0 170px;width:auto;min-width:134px}