.group-standings {
  width: calc(100% - 1em);
  max-width: 40em;
  margin: 0 auto 1em;
  border-collapse: collapse;
  font-weight: 200;

  tr {
    border-bottom: solid 0.0625rem var(--color-border);

    &:first-of-type {
      border-bottom-color: var(--color-border-strong);
    }

    &:last-of-type {
      border-bottom: none;
    }
  }

  td {
    width: 1.5em;
    padding: 0.125em 0 0;
    text-align: center;
    vertical-align: middle;
    &:nth-of-type(2) {
      width: auto;
      text-align: left;
    }
  }
  th {
    font-weight: 400;
    font-variation-settings: "wdth" 62;
    text-transform: uppercase;

    &:first-of-type {
      color: var(--color-bg);
    }
    &:nth-of-type(2) {
      text-align: left;
    }
  }
  .count {
    font-size: 1.5em;
  }
  .points {
    font-weight: bold;
  }
  .flag {
    margin-right: 0.25em;
    position: relative;
    bottom: 0.0625em;
  }
  .team {
    font-size: 1.5em;
  }
}

@media screen and (min-width: 40em) {
  .group-standings .team {
    font-size: 1.75em;
  }
  .group-standings .flag {
    bottom: 0.125em;
  }
}