@layer compositions {
  .reel {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    gap: var(--reel-space, var(--space-s));
    padding-block-end: var(--reel-padding, var(--space-s));
    scrollbar-color: var(--reel-thumb, var(--color-accent)) var(--reel-track, transparent);
    scrollbar-width: thin;
  }

  .reel > * {
    flex-shrink: 0;
    flex-basis: var(--reel-item-width, auto);
  }
}