.date-calendar{position:relative}.date-calendar-trigger{width:100%;color:var(--text);cursor:pointer;align-items:center;gap:9px;display:flex}.date-calendar-trigger>svg{color:var(--muted);flex:none}.date-calendar-trigger>span{font-variant-numeric:tabular-nums}.date-calendar--rail .date-calendar-trigger{border:1px solid var(--line);height:42px;font-size:var(--type-sm);text-align:left;background:0 0;border-radius:10px;padding:0 11px}.date-calendar--rail .date-calendar-trigger:hover,.date-calendar--rail .date-calendar-trigger[aria-expanded=true]{border-color:var(--line-strong)}.date-calendar-panel{z-index:100;border:1px solid var(--line);background:var(--surface,var(--bg));width:294px;color:var(--text);border-radius:24px;padding:17px;font-size:13px;position:absolute;top:calc(100% + 9px);left:0;box-shadow:0 18px 45px #00000024}.date-calendar--rail .date-calendar-panel{left:auto;right:0}.date-calendar-heading,.date-calendar-month-actions{justify-content:space-between;align-items:center;display:flex}.date-calendar-heading strong{font-size:14px;font-weight:650}.date-calendar-month-actions{gap:3px}.date-calendar-month-actions button{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0;font-size:23px;line-height:1}.date-calendar-month-actions button:hover:not(:disabled),.date-calendar-footer button:hover:not(:disabled){background:var(--mint-bg);color:var(--text)}.date-calendar-grid{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin-top:15px;display:grid}.date-calendar-weekday{height:29px;color:var(--muted);place-items:center;font-size:11px;display:grid}.date-calendar-grid button{width:34px;height:34px;color:var(--text);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:10px;margin:auto;padding:0;font-size:12px}.date-calendar-grid button:hover:not(:disabled){background:var(--mint-bg)}.date-calendar-grid button[aria-pressed=true]{background:var(--mint);color:#fff;font-weight:700}.date-calendar-grid button.date-calendar-other-month{color:var(--faint,var(--muted))}.date-calendar-grid button:disabled{color:var(--muted);opacity:.4;cursor:default;background:0 0}.date-calendar-footer{border-top:1px solid var(--line);justify-content:flex-end;margin-top:10px;padding-top:10px;display:flex}.date-calendar-footer button{color:var(--mint);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 9px;font-size:12px}.date-calendar-footer span{color:var(--muted);padding:6px 9px;font-size:12px}.date-calendar-footer button:disabled{opacity:.4;cursor:default}.date-calendar :is(.date-calendar-trigger,.date-calendar-panel button):focus-visible{outline:2px solid var(--mint);outline-offset:2px}