.rt-wrap {
  container-type: inline-size;
  width: 100%;
}

.rt {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-size-body-default);
}
.rt th,
.rt td {
  padding: 12px 14px;
  text-align: center;
  border-bottom: 0.5px solid var(--border);
  font-size: var(--text-size-body-default);
  line-height: var(--line-height-default);
}
.rt thead th {
  font-weight: var(--font-weight-medium);
  color: var(--color-neutral-700);
  font-size: clamp(var(--text-size-body-default), 1.25vw, var(--text-size-body-large));
}
.rt th[scope=row] {
  text-align: left;
  color: var(--color-neutral-700);
}
.rt th[scope=row] h3 {
  font-weight: var(--font-weight-default);
  font-size: var(--text-size-body-default);
}
.rt .col-cara {
  color: var(--color-primary-flow-700);
}
.rt tbody tr {
  min-height: 60px;
}
.rt tbody tr:nth-child(odd) td,
.rt tbody tr:nth-child(odd) th[scope=row] {
  background: var(--color-neutral-100);
}
.rt tbody tr:nth-child(odd) td.cell-cara::after {
  background: #eeeef8;
}
.rt tbody tr:nth-child(even) td,
.rt tbody tr:nth-child(even) th[scope=row] {
  background: var(--color-neutral-200);
}
.rt tbody tr:nth-child(even) td.cell-cara::after {
  background: #E1E1F8;
}
.rt td.cell-cara {
  position: relative;
  padding: 0px;
  color: var(--text-accent);
  background: transparent;
  font-weight: var(--font-weight-medium);
  z-index: 0;
}
.rt td.cell-cara::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: #E1E1F8;
  border-radius: 16px;
  z-index: -1;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

@container (max-width: 560px) {
  .rt caption {
    text-align: center;
  }
  .rt thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  .rt,
  .rt tbody,
  .rt tr,
  .rt td,
  .rt th {
    display: block;
    width: 100%;
    line-height: var(--line-height-500);
  }
  .rt tbody tr {
    min-height: 0;
    background: var(--color-neutral-100);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
  }
  .rt tbody tr:nth-child(odd) th[scope=row],
  .rt tbody tr:nth-child(odd) td:not(.cell-cara), .rt tbody tr:nth-child(even) th[scope=row],
  .rt tbody tr:nth-child(even) td:not(.cell-cara) {
    background: transparent;
  }
  .rt tbody tr:nth-child(odd) td.cell-cara, .rt tbody tr:nth-child(even) td.cell-cara {
    margin: 0px;
    padding: 9px 14px;
    color: var(--color-primary-flow-default);
  }
  .rt th[scope=row] {
    border-bottom: 0.5px solid var(--border);
    margin-bottom: 4px;
  }
  .rt th[scope=row] h3 {
    font-weight: var(--font-weight-medium);
  }
  .rt td {
    display: flex;
    min-height: var(--spacing-700);
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    text-align: right;
    border-bottom: 0.5px solid var(--border);
    font-size: var(--text-size-body-small);
  }
  .rt td::before {
    content: attr(data-label);
    text-align: left;
    color: var(--text-secondary);
    flex: 0 0 auto;
  }
  .rt tr td:last-child {
    border-bottom: 0;
  }
  .rt td.cell-cara::before {
    color: var(--text-accent);
  }
}