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

.header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid int.$warmgray-30;
  padding: int.$spacing-1 0;

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

.state {
  flex-grow: 1;

  @include int.election-text-link;
  @include int.sans($size: "300", $weight: "bold", $role: "component");
}

.metadata {
  display: flex;
  align-items: center;
  gap: int.$spacing-2;
}

.delegates {
  color: int.$warmgray-90;
}

.pctIn {
  color: int.$warmgray-60;
}