/* gr-module: carousel
 * The Squarespace static stylesheets (sqsp/site.css) already carry the full
 * list-section carousel layout (grid columns per breakpoint, gutter clipping,
 * arrow chrome). This file only holds small guards for the reimplemented
 * JS-driven pieces in carousel.js.
 */

/* Slides are positioned purely via translate3d set by carousel.js; make sure
   no lingering inline/global transition animates the initial placement. */
.user-items-list-carousel__slide {
  will-change: transform;
}

/* The live site never shows a focus ring on programmatic focus of the gutter;
   keep the (already shipped) :focus-visible behavior intact and just ensure
   parked slides can never catch pointer events. */
.user-items-list-carousel__slide[aria-hidden="true"] a,
.user-items-list-carousel__slide[aria-hidden="true"] button {
  pointer-events: none;
}