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

.convention {
  background-color: #fff;

  @include int.shadow($size: "100");
}

.content {
  padding: int.$spacing-3 int.$spacing-5 int.$spacing-3 int.$spacing-5;
}

.party {
  margin-bottom: int.$spacing-3;

  @include int.sans($size: "200", $weight: "bold");
}

.dem {
  color: int.$dem-50;
  text-transform: capitalize;
}

.gop {
  color: int.$gop-60;
  text-transform: uppercase;
}

.note {
  @include int.sans($size: "200", $role: "component");
}