:host {
  [role='list'] {
    &:not(.text-position-aside) {
      display: table;
      table-layout: fixed;
      width: 100%;
      list-style: none;
    }

    display: flex;
    justify-content: space-evenly;
    min-width: 100%;

    &.vertical {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: unset;
      gap: 52px;

      &.sm {
        gap: 36px;
      }
    }

    &.horizontal.text-position-aside {
      justify-content: unset;
    }
  }
}