/* src/date-input/src/DateInput.css */
.o-ui-date-input {
  width: 10rem;
}
.o-ui-date-input-button-presets {
  display: inline-flex;
  align-items: center;
  max-width: max-content;
  width: 100%;
  flex-wrap: wrap;
  gap: var(--hop-space-inline-md);
}
.o-ui-date-input-button-presets-fluid {
  width: 100%;
}
.o-ui-date-input-button-presets-fluid .o-ui-date-input {
  flex: 1;
}
.o-ui-date-input-in-group {
  width: 8.75rem;
}