.adt-table-block {
  --adt-bg: #ffffff;
  --adt-text: #233449;
  --adt-border: #dce5e9;
  --adt-stripe: #f6f8fa;
  --adt-head-bg: #eaf7f0;
  --adt-head-text: #155b3d;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 20px 0;
  font: inherit;
  color: var(--adt-text);
}

.adt-table-scroll {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  border: 1px solid var(--adt-border);
  border-radius: 12px;
  background: var(--adt-bg);
  scrollbar-width: thin;
  scrollbar-color: #91a5a1 var(--adt-stripe);
}

.adt-table-scroll:focus-visible {
  outline: 2px solid #278459;
  outline-offset: 3px;
}

.adt-table-scroll > table {
  display: table !important;
  box-sizing: border-box;
  width: 100% !important;
  min-width: var(--adt-table-min) !important;
  max-width: none !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  background: var(--adt-bg) !important;
  color: var(--adt-text) !important;
  font: inherit !important;
}

.adt-table-scroll > table tr {
  background: transparent !important;
}

.adt-table-scroll > table th,
.adt-table-scroll > table td {
  box-sizing: border-box;
  padding: 13px 16px !important;
  height: auto !important;
  border: 0 !important;
  border-bottom: 1px solid var(--adt-border) !important;
  background: var(--adt-bg) !important;
  color: var(--adt-text) !important;
  line-height: 1.9 !important;
  text-align: start !important;
  vertical-align: top !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
}

.adt-table-scroll > table th + th,
.adt-table-scroll > table td + td,
.adt-table-scroll > table th + td,
.adt-table-scroll > table td + th {
  border-inline-start: 1px solid var(--adt-border) !important;
}

.adt-table-scroll > table tbody tr:nth-child(even) > td {
  background: var(--adt-stripe) !important;
}

.adt-table-scroll > table th {
  background: var(--adt-head-bg) !important;
  color: var(--adt-head-text) !important;
  font-weight: 700 !important;
}

.adt-table-scroll > table caption {
  padding: 12px 16px;
  color: var(--adt-text);
  font-weight: 700;
  text-align: start;
}

.adt-table-hint {
  margin: 7px 3px 0 !important;
  font-size: 12px !important;
  line-height: 1.8;
  color: #62746f;
}

.adt-table-hint[hidden] {
  display: none !important;
}

.dark .adt-table-block,
[data-theme="dark"] .adt-table-block {
  --adt-bg: #18242e;
  --adt-text: #e4edf2;
  --adt-border: #364854;
  --adt-stripe: #202f3b;
  --adt-head-bg: #183d31;
  --adt-head-text: #b5efce;
}

.dark .adt-table-hint,
[data-theme="dark"] .adt-table-hint {
  color: #b1c4be;
}

@media (max-width: 600px) {
  .adt-table-scroll > table th,
  .adt-table-scroll > table td {
    padding: 11px 12px !important;
    font-size: 14px !important;
  }
}