:host [role=list] {
  display: flex;
  justify-content: space-evenly;
  min-width: 100%;
}
:host [role=list]:not(.text-position-aside) {
  display: table;
  table-layout: fixed;
  width: 100%;
  list-style: none;
}
:host [role=list].vertical {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: unset;
  gap: 52px;
}
:host [role=list].vertical.sm {
  gap: 36px;
}
:host [role=list].horizontal.text-position-aside {
  justify-content: unset;
}