.viewer-table {
  border-collapse: collapse;
  height: 1px; // css hack to make percentage based cell heights work

  &__column-header {
    border: solid 1px #ccc;
    border-top: none;
    font-family: "Funnel Sans";
    background: #0001;
    height: 100%; // css hack to make percentage based cell heights work
    padding: 0.5rem;
    text-align: left;

    &:first-child {
      border-left: none;
    }
  }

  &__actions-header {
    border: none;
    background: none;
    padding: 0;
  }

  &__td {
    border: solid 1px #ccc;
    height: 100%; // css hack to make percentage based cell heights work
    padding: 0;

    &:first-child {
      border-left: none;
    }
  }
}