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

.delegate-row {
  width: 100%;

  &:nth-child(even) {
    --headshot-tilt-angle: 4deg;
  }

  &:nth-child(odd) {
    --headshot-tilt-angle: -4deg;
  }

  &.at-threshold {
    div[role="cell"] {
      background-color: var(--election-palette-bgDefault, int.$warmgray-10);
    }
  }

  div[role="cell"] {
    display: flex;
    flex-flow: column;
    justify-content: center;
    border-bottom: 1px solid int.$warmgray-30;
  }
}