:host {
  overflow-x: hidden;
  display: flex;
  align-items: flex-start;
  padding: var(--multi-select-readonly-content-padding, 5px 0);

  .left {
    overflow-x: hidden;
    display: flex;
  }

  .right {
    padding-left: 3px;
  }

  &[data-direction='column'] {
    .left {
      flex-direction: column;
      white-space: nowrap;
    }
  }

  &[data-direction='row'] {
    .left {
      flex-wrap: wrap;
      gap: 0.25rem;
    }
  }
}