/* The uppercase label that names a group of rows. */
.ds-section-label {
  margin: 0;
  font-size: var(--ds-font-size-2xs);
  font-weight: var(--ds-weight-bold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ds-text-muted);
}

/* v5, in the Atendimento's pages: a section is named as the contact panel names it, the info title (ds_info_line.css)
   in the muted ink, plain case. The Chat's sidebar keeps the uppercase label. */
:where(html[data-visual="v5"]) .cs-settings .ds-section-label {
  font-size: var(--ds-info-title);
  font-weight: var(--ds-weight-regular);
  line-height: var(--ds-info-leading);
  letter-spacing: normal;
  text-transform: none;
}