.dashboard-products {
  $block: #{&};

  @include flex(column, nowrap, $whitespace-10);

  inline-size: 100%;
  padding: $whitespace-8;
  background-color: $color-neutral-2;

  &__header {
    @include flex(column, nowrap, $whitespace-8);

    max-inline-size: 130rem;
  }

  &__header-top {
    @include flex(row, nowrap, null, null, space-between);
  }

  &__header-bottom {
    @include flex(row, nowrap, $whitespace-6, center, space-between);
  }

  &__heading {
    font-size: $font-size-8;
    font-weight: $font-weight-bold;
  }

  &__heading-right {
    font-size: $font-size-7;
    font-weight: $font-weight-regular;
    color: $color-neutral-7;
  }

  &__products-quantity {
    font-size: $font-size-6;
  }

  &__select-filters {
    @include flex(row, nowrap, $whitespace-6, center);
  }

  &__button-group {
    @include flex(row, nowrap, $whitespace-4);
  }
}