.tablefix-table-wrap {
  width: 100%;
  max-width: 100%;
  margin: 1.75rem 0;
  overflow-x: auto;
  color: inherit;
  border: 1px solid rgba(127, 127, 127, .45);
  background: transparent;
  -webkit-overflow-scrolling: touch;
}

.tablefix-table-wrap:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

.tablefix-table {
  width: 100%;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  color: inherit;
  background: transparent;
  font: inherit;
}

.tablefix-table caption {
  padding: .8rem 1rem;
  color: inherit;
  background: rgba(127, 127, 127, .14);
  border-bottom: 1px solid rgba(127, 127, 127, .45);
  font-weight: 700;
  text-align: left;
}

.tablefix-table th,
.tablefix-table td {
  min-width: 4.5rem;
  padding: .7rem .85rem;
  color: inherit;
  background: transparent;
  border: 1px solid rgba(127, 127, 127, .4);
  overflow-wrap: anywhere;
  text-align: left;
  vertical-align: top;
}

.tablefix-table th {
  background: rgba(127, 127, 127, .2);
  font-weight: 700;
}

.tablefix-table-wrap.is-striped tbody tr:nth-child(even) td,
.tablefix-table-wrap.is-striped tbody tr:nth-child(even) th {
  background: rgba(127, 127, 127, .1);
}

@media screen and (max-width: 600px) {
  .tablefix-table th,
  .tablefix-table td {
    min-width: 4.5rem;
    padding: .6rem .7rem;
  }
}