[data-r12-circular-reel].r12-enhanced .creator-reel-track {
  display: grid;
  grid-template-columns: minmax(0, var(--card-width));
  justify-content: center;
  gap: 0;
  overflow: hidden;
  scroll-snap-type: none;
  scroll-padding-inline: 0;
  padding-inline: 0;
  touch-action: pan-y;
  cursor: grab;
}

[data-r12-circular-reel].r12-enhanced .creator-reel-track.is-dragging { cursor: grabbing; }

[data-r12-circular-reel] .creator-media video { touch-action: pan-y; }

[data-r12-circular-reel].r12-enhanced .creator-card {
  grid-area: 1 / 1;
  width: var(--card-width);
  transform: translate3d(var(--r12-x, 0px), 0, 0) scale(var(--reel-scale, .83));
  transition: transform 360ms cubic-bezier(.22, .75, .2, 1);
  will-change: transform;
}

[data-r12-circular-reel].r12-enhanced .creator-card[data-active="true"] { z-index: 3; }
[data-r12-circular-reel].r12-enhanced .creator-card[data-r12-adjacent="true"] { z-index: 2; }
[data-r12-circular-reel].r12-enhanced .creator-card[data-r12-outer="true"] { z-index: 1; }
[data-r12-circular-reel].r12-enhanced .creator-card[data-r12-distant="true"] { visibility: hidden !important; }
[data-r12-circular-reel].r12-enhanced .creator-card.r12-no-transition { transition: none; }

@media (min-width: 1100px) {
  [data-r12-circular-reel].r12-enhanced { --card-width: clamp(260px, 19.2vw, 284px); }
  [data-r12-circular-reel].r12-enhanced .creator-card {
    opacity: 1 !important;
    visibility: visible !important;
    transition: transform 360ms cubic-bezier(.22, .75, .2, 1), visibility 0s linear 0s;
  }
  [data-r12-circular-reel].r12-enhanced .creator-card[data-r12-distant="true"] {
    visibility: hidden !important;
    transition: transform 360ms cubic-bezier(.22, .75, .2, 1), visibility 0s linear 360ms;
  }
  [data-r12-circular-reel].r12-enhanced .creator-card.r12-no-transition { transition: none; }
}

@media (prefers-reduced-motion: reduce) {
  [data-r12-circular-reel].r12-enhanced .creator-card { transition: none; }
}