@layer components {
  .participants {
    display: flex;
    gap: var(--space-4);
    max-inline-size: var(--measure);
    margin-inline: auto;
    padding-block: var(--space-5) var(--space-4);
    padding-inline: var(--gutter-fluid);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scroll-padding-inline: var(--gutter-fluid);
    scrollbar-width: none;
  }

  .participants::-webkit-scrollbar {
    display: none;
  }
}