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

.contents {
  display: flex;
  gap: int.$spacing-4;
  flex-direction: column;
  justify-content: center;

  > div {
    flex: 1 1 0;
  }
}

.layout-horizontal {
  @include int.container-at-least("lg") {
    flex-direction: row;

    &.horizontal-first-map {
      flex-direction: row-reverse;
    }
  }
}

.vertical-first-map {
  flex-direction: column-reverse;
}

.recirc-link {
  display: flex;
  align-items: center;
  gap: int.$spacing-1;

  @include int.election-text-link;

  @include int.overline() {
    color: int.$warmgray-100;

    @include int.font-weight($weight: "regular");
  }

  .recirc-link-top & {
    margin-bottom: int.$spacing-4;
  }

  .recirc-link-bottom & {
    justify-content: flex-end;
    margin-top: int.$spacing-4;
  }
}

.layout-vertical {
  .leaderboard {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }
}