@use "../../../../../styles/int.scss";

.container {
  display: flex;
  flex: 1;
  padding-bottom: int.$spacing-1;

  @include int.container-at-least("md") {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;

  }

  &.district-title-style {
    flex-flow: row-reverse wrap;
    align-items: center;
    justify-content: space-between;
    gap: int.$spacing-1;

    @include int.container-at-least("md") {
      flex-flow: column;
      gap: 0;
      align-items: flex-start;
      justify-content: flex-start;
    }
  }

  :global {
    .int-style-ResultsVoteIn {
      color: int.$warmgray-60;

      @include int.sans($size: "000");

      @include int.container-at-least("md") {
        @include int.sans($size: "100");
      }
    }
  }
}