.ax-month-picker {
  width: 100%;
  min-width: 0;
}
body.chat-first .ax-month-picker .ax-month-choices {
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 5px 3px;
  scroll-snap-type: none;
  scroll-behavior: auto;
  overflow-anchor: none;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
body.chat-first .ax-month-picker .ax-month-choices > button {
  flex: 0 0 auto;
  min-width: 92px;
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 999px;
  white-space: nowrap;
  scroll-snap-align: none;
}
body.chat-first .ax-month-picker .ax-month-flexible { font-weight: 500; color: var(--ink-2); }
@media (hover: hover) and (pointer: fine) {
  body.chat-first .ax-month-picker .ax-month-choices,
  body.chat-first .ax-month-picker .ax-month-choices > button {
    cursor: grab;
    user-select: none;
  }
  body.chat-first .ax-month-picker .ax-month-choices.is-dragging,
  body.chat-first .ax-month-picker .ax-month-choices.is-dragging > button { cursor: grabbing; }
}