@layer compositions {
  .reel {
    display: flex;
    flex-direction: var(--reel-direction);
    overflow: var(--reel-overflow);
    gap: var(--reel-space);
    padding-block-end: var(--reel-padding);
    scrollbar-color: var(--reel-thumb) var(--reel-track);
    scrollbar-width: thin;
  }

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