.table {
  table-layout: fixed;

  background-color: var(--background-color);
  width: 100%;
  padding: 20px;

  text-align: left;
  white-space: nowrap;

  &__heading {
    @extend .h1;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  &__row {
    &--error {
      background-color: $transparant-red;
    }
  }

  &__item {
    padding: 10px 0;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  &__footer {
    width: 100%;
    padding: 10px 0;
  }
}
