.root {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  padding-block: 3.5rem;
}

.header {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
}

.listItems {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-inline: 1rem;
}

.listItem {
  :global(.ListItem-button) {
    align-items: flex-start;
    padding-inline: 1.5rem;
  }

  :global(.ListItem-main-icon) {
    margin-top: 0.875rem;
    margin-inline-end: 0.875rem;
    font-size: 1.5rem;
    color: var(--accent-color);
  }

  :global(.multiline-item .subtitle) {
    margin-top: 0.125rem;
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.listItemTitle {
  font-size: 1rem;
  font-weight: var(--font-weight-medium);
}
