/* R */

/*
TODO
- responsive cell width related to number of children
*/

.supporters {
  --color-border: var(--color-blue);
  gap: var(--gap);
  font-size: small;
}
.supporters li {
  flex-grow: 1; /* force to full width */
}
.supporters figure {
  --offset: 20%;
  margin-inline-start: var(--offset);
}
.supporters figure:has(:nth-child(2)) {
  display: flex;
  flex-flow: row wrap;
  gap: var(--gap);
}
@media screen and (min-width: 60em) {
  .supporters {
    --flex-wrap: nowrap;
  }
  .supporters li {
    padding: var(--padding-large);
  }
  .supporters figure {
    --offset: 0;
  }
}