.m-table__default {
  --table__padding: 0.6rem 0.9rem;
  --table__font-size: 90%;

  --table__border-color: var(--v-color__border);
  --table__head-bg: var(--v-color__1);
  --table__head-color: var(--v-color__white);
  --table__stripe-bg: var(--v-color__white--alt1);
  --table__stripe-bg--alt: var(--v-color__1--alt3);

  overflow-x: auto;
}

.m-table__default table {
  max-width: 100%;
  border-radius: var(--v-border-radius__md);
  overflow: hidden;

  font-size: var(--table__font-size);
}

.m-table__default th,
.m-table__default td {
  padding: var(--table__padding);
  border-bottom: 1px solid var(--table__border-color);

  text-align: left;
  vertical-align: top;
}

.m-table__default thead th {
  background-color: var(--table__head-bg);
  color: var(--table__head-color);
  font-weight: var(--v-font-weight__default--bold);
}

.m-table__default tbody tr {
  background-color: var(--table__stripe-bg);
}

.m-table__default tbody tr:nth-child(even) {
  background-color: var(--table__stripe-bg--alt);
}