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

.section {
  height: 100%;
  flex: 1;

  &.seatedDem {
    background: int.$dem-70;
  }

  &.calledDem {
    background: int.$dem-50;
  }

  &.calledGop {
    background: int.$gop-50;
  }

  &.seatedGop {
    background: int.$gop-70;
  }

  &.calledOtherParty {
    background: int.$warmgray-30;
  }

  &.notCalled {
    background: white;
  }

  &.runoff {
    background: white;
  }

  &.grouped {
    flex-basis: var(--pct, 0);
  }

  &.segmented {
    flex: 1;
    border-right: 1px solid int.$warmgray-80;

    &:last-child {
      border-right: none;
    }
  }
}