.report-controls {
  --_pr-report-controls-item-min-width: calc(var(--op-size-unit) * 50); /* 200px */

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--op-space-medium);

  > * {
    flex: 1;
    padding-block: var(--op-space-small);
    min-width: var(--_pr-report-controls-item-min-width);
  }

  /* Modifiers */

  &.report-controls--with-action {
    > * {
      flex: unset;

      &:first-child {
        flex: 1;
      }
    }
  }
}