table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  display: block;
  margin: var(--table-margin) 0;
  padding-bottom: 10px;
  overflow-x: auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
  scrollbar-face-color: var(--grey-350);
  scrollbar-track-color: var(--grey-50);
}

@-moz-document url-prefix() {
  table {
    scrollbar-color: var(--grey-350) var(--grey-50);
  }
}
table::-webkit-scrollbar {
  height: 10px;
}

table::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-color: var(--grey-50);
}

table::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: var(--grey-350);
}

table::-webkit-scrollbar-button {
  display: block;
  height: 10px;
}

table::-webkit-scrollbar-corner {
  display: block;
  background: rgba(0, 0, 0, 0.5);
}

caption {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: left;
}

caption:first-child {
  padding-top: 0;
}

caption:last-child {
  padding-bottom: 0;
}

th,
td {
  color: var(--table-td-text-color);
  line-height: 1.5;
  text-align: left;
  padding-block: var(--table-td-th-vert-padding);
  padding-right: 40px;
  padding-left: 40px;
}

th:first-child,
td:first-child {
  padding-left: 0;
  padding-right: 30px;
}

th:nth-child(2n+2),
td:nth-child(2n+2) {
  background-color: var(--grey-100);
}

th {
  color: var(--table-th-text-color);
  font-weight: 600;
  border-bottom: 1px solid var(--table-th-border-color);
}

td {
  border-bottom: 1px solid var(--table-td-border-color);
}

tr {
  border: none;
}

tr:last-child td {
  border-bottom: none;
}

.table-wrapper {
  position: relative;
}

.table-fade-present::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 60px;
  mask-image: linear-gradient(to left, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100%);
  mask-mode: alpha;
  background-color: var(--surface-color);
  z-index: 4;
  opacity: 1;
  transition: opacity 0.2s;
  pointer-events: none;
}

.table-fade-present.table-fade-inactive::after {
  opacity: 0;
}

@media (min-width: 30rem) {
  .table-fade-present::after {
    width: 100px;
  }
}
@media (min-width: 60rem) {
  th,
  td {
    padding-left: 50px;
  }
  th:first-child,
  td:first-child {
    padding-right: 40px;
  }
}

/*# sourceMappingURL=/assets/application/base/tables-a89c645d.css.map */