.date-bar{align-items:center;gap:var(--spacing-2);box-sizing:border-box;width:100%;max-width:1000px;padding:var(--spacing-1) var(--spacing-2);flex:none;margin-inline:auto;display:flex}.date-bar .react-aria-ListBox{align-items:center;gap:var(--spacing-1);min-width:0;padding:var(--spacing-1);flex-direction:row;flex:1;display:flex;overflow:auto hidden}.date-bar .react-aria-ListBoxItem{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius);border:.5px solid var(--gray-400);background:var(--overlay-background);color:var(--text-color);font:var(--font-size-sm) system-ui;font-variant-numeric:tabular-nums;cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;flex:none;display:flex}.date-bar .react-aria-ListBoxItem[data-hovered]{background:var(--highlight-overlay)}.date-bar .react-aria-ListBoxItem[data-selected]{border-color:var(--tint);color:var(--tint);font-weight:700}.date-bar .react-aria-ListBoxItem[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.date-bar .date-bar-shortcut{z-index:2;background:var(--overlay-background);position:sticky}.date-bar .date-bar-shortcut:first-child{inset-inline-start:0}.date-bar .date-bar-shortcut:last-child{inset-inline-end:0}.date-bar .date-bar-shortcut[data-hovered]{background:var(--gray-200)}.date-bar .date-bar-count{padding:0 var(--spacing-1);border-radius:var(--radius);background:var(--gray-200);color:var(--text-color);font-size:var(--font-size-sm);opacity:.8}