table {

border-collapse: collapse;
// font-size: 0.7em;
text-align: left;
width: 100%;

a {
  color: inherit;
  text-decoration: none;
}

}

thead {

font-weight: $bold-font-weight;

}

tr {

border-bottom: $base-border;

}

tbody tr {

&:hover {
  background-color: $base-background-color;
  cursor: pointer;
}

&:focus {
  outline: $focus-outline;
  outline-offset: -($focus-outline-width);
}

}

td, th {

font-feature-settings: "kern", "liga", "clig", "calt", "lnum", "tnum";
font-kerning: normal;
font-variant-ligatures: common-ligatures, contextual;
font-variant-numeric: lining-nums, tabular-nums;
padding: 0.55rem;
vertical-align: middle;

}

td:first-child, th:first-child {

padding-left: 2rem;

}

td:last-child, th:last-child {

padding-right: 2rem;

}

td img {

max-height: 2rem;

}