.tertiary {
  color: var(--Text-Tertiary);
}

.title {
  color: var(--Text-Tertiary);
  font-weight: var(--Body-Supporting-text-Font-weight-2);
  font-size: var(--Body-Supporting-text-Size);
  margin-right: var(--Spacing-x-half);
}

.titleSubtext {
  color: var(--Text-Tertiary);
  font-size: var(--Body-Supporting-text-Size);
}

.totalContainer {
  border: 1px solid var(--Border-Divider-Subtle);
  border-radius: var(--Spacing-x1);
  padding: var(--Spacing-x-one-and-half) var(--Spacing-x2) var(--Spacing-x2)
    var(--Spacing-x2);
  flex-direction: column;
  align-items: stretch;
  gap: var(--Spacing-x-one-and-half);
  display: flex;
}

.dl {
  display: grid;
  grid-template-columns: auto auto;
  gap: var(--Spacing-x-half);
  padding: 8px 0;
}

.dl dd {
  text-align: right;
}
