.q-table-root {
  --q-table-ink: #4d4d4d;
  --q-table-border: #ebebeb;
  --q-table-stripe: #fafafa;
  --q-table-hover: #f2f2f2;
  --q-table-strong: #171717;
  position: relative;
  width: 100%;
  overflow-x: auto;
}
.q-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 2px;
  caption-side: bottom;
  font-family: QuoterGeist, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: var(--q-table-ink);
}
.q-table__head .q-table__row {
  border-bottom: 1px solid var(--q-table-border);
}
.q-table__head-cell {
  height: 36px;
  padding: 0 8px;
  font-weight: 500;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}
.q-table__gap {
  display: block;
  height: 12px;
}
.q-table__cell {
  padding: 10px 8px;
  vertical-align: middle;
  white-space: nowrap;
}
.q-table__cell:last-child,
.q-table__head-cell:last-child {
  text-align: right;
}
.q-table__body .q-table__cell:first-child {
  border-radius: 6px 0 0 6px;
}
.q-table__body .q-table__cell:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.q-table__row {
  transition:
    color 150ms cubic-bezier(0.4, 0, 0.2, 1),
    background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
    border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.q-table__body[data-striped='true'] > tr:nth-child(odd) {
  background: var(--q-table-stripe);
}
.q-table__body[data-bordered='true'] > .q-table__row:not(:last-child) {
  border-bottom: 1px solid var(--q-table-border);
}
.q-table__body[data-interactive='true'] > .q-table__row:hover {
  background: var(--q-table-hover);
}
.q-table__footer {
  border-top: 1px solid var(--q-table-border);
  font-weight: 500;
}
.q-table__strong {
  color: var(--q-table-strong);
  font-weight: 500;
}
.q-table__cell:has([data-cell-link='true']) {
  padding: 0;
}
.q-table__cell:has([role='checkbox']),
.q-table__head-cell:has([role='checkbox']) {
  padding-right: 0;
}
.q-table__cell > [role='checkbox'],
.q-table__head-cell > [role='checkbox'] {
  transform: translateY(2px);
}
[data-theme='dark'] .q-table-root {
  --q-table-ink: #a1a1a1;
  --q-table-border: #2e2e2e;
  --q-table-stripe: #000;
  --q-table-hover: #1a1a1a;
  --q-table-strong: #ededed;
}
.q-table {
  font-feature-settings:
    'calt' 0,
    'rlig' 1,
    'ss11' 1;
}
.q-specimen-heading {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.q-specimen-heading > svg,
.q-specimen-heading > img {
  flex: none;
  width: 16px;
  height: 16px;
}