.table-block .table-wrapper {
  overflow-x: auto;
  position: relative;
}

.table-block table {
  --table-cell-min-width: 160px;
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  font-size: 1rem;
  color: var(--color-text-primary);
  font-weight: 500;
}

.table-block table th,
.table-block table td {
  padding: 12px;
  min-width: var(--table-cell-min-width);
}

.table-block table th:first-child,
.table-block table td:first-child {
  width: 35%;
  text-align: left;
  left: 0;
  position: sticky;
  font-weight: 600;
}

.table-block table th {
  font-family: var(--wp--preset--font-family--ufficio-fireblocks);
  vertical-align: middle;
  font-weight: 600;
  font-size: 1.125rem;
}

.table-block table td {
  vertical-align: top;
  color: var(--color-text-primary--light);
}

.table-block table tr:nth-child(2n+2)>* {
  background: var(--color-gray-100);
}

.table-block table tr:nth-child(2n+1)>* {
  background: var(--color-white);
}


/* Table components */
.table-header-image img {
  max-height: 32px;
  max-width: 100%;
  object-fit: contain;
  width: auto;
}

.table-symbol {
  display: inline-flex;
}

.table-symbol img {
  width: 20px;
}

.table-subheading {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .01em;
  /* color: var(--color-gray-600); */
}

.table-cell-content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.table-pill {
  display: inline-flex;
  padding: 0.1em .75em;
  background: var(--color-blue-200);
  border-radius: 100px;
  font-size: 14px;
  font-weight: 500;
}

.table-ctas {
  margin-top: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}