:root {
  --table-margin: var(--size-20);
  --table-th-text-color: var(--text-body);
  --table-td-text-color: var(--clr-neutral-900);
  --table-th-border-color: var(--color-primary);
  --table-td-border-color: var(--clr-neutral-400);
  --table-td-th-vert-padding: var(--size-20);
  --table-column-contrast-color: var(--clr-neutral-400);
}

table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  display: block;
  margin-block: var(--table-margin);
  overflow-x: auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
  scrollbar-face-color: var(--clr-neutral-300);
  scrollbar-track-color: var(--clr-neutral-50);
}

@-moz-document url-prefix() {
  table {
    scrollbar-color: var(--clr-neutral-300) var(--clr-neutral-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(--clr-neutral-50);
}

table::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: var(--clr-neutral-300);
}

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 {
  font-size: var(--fs-p-md);
  color: var(--table-td-text-color);
  line-height: 1.5;
  text-align: left;
  padding-block: var(--table-td-th-vert-padding);
  padding-right: var(--size-32);
  padding-left: var(--size-32);
}

th:first-child,
td:first-child {
  padding-left: 0;
  padding-right: var(--size-32);
}

th:nth-child(2n+2),
td:nth-child(2n+2) {
  background-color: color-mix(in srgb, var(--table-column-contrast-color) 7%, transparent);
}

:where(tr:first-child:not(tbody:where(thead + tbody) tr:first-child)) th:nth-child(2n+2),
:where(tr:first-child:not(tbody:where(thead + tbody) tr:first-child)) td:nth-child(2n+2) {
  border-top-left-radius: var(--radius-base);
  border-top-right-radius: var(--radius-base);
}

:where(tr:last-child:not(thead tr:last-child)) th:nth-child(2n+2),
:where(tr:last-child:not(thead tr:last-child)) td:nth-child(2n+2) {
  border-bottom-left-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
}

th {
  color: var(--table-th-text-color);
  font-weight: var(--fw-medium);
  font-size: var(--fs-p-md);
  border-bottom: 1px solid var(--table-th-border-color);
  vertical-align: bottom;
}

td {
  font-size: var(--fs-p-sm);
  border-bottom: 1px solid var(--table-td-border-color);
  vertical-align: middle;
}

tr {
  border: none;
}

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

.table-wrapper {
  position: relative;
}

.table-fade-present table {
  padding-bottom: var(--scrollbar-padding-top);
}

.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;
  }
}

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