.customer-video-carousel{padding-top:calc(var(--padding-top, 36px) * .75);padding-bottom:calc(var(--padding-bottom, 36px) * .75)}.customer-video-carousel .page-width{position:relative}.customer-video-carousel__heading{margin:0 0 2rem}.customer-video-carousel__heading.left{text-align:left}.customer-video-carousel__heading.center{text-align:center}.customer-video-carousel__heading.right{text-align:right}.customer-video-carousel__viewport-wrapper{position:relative}.customer-video-carousel__viewport{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,var(--card-width));gap:var(--card-gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 1px}.customer-video-carousel__viewport::-webkit-scrollbar{display:none}.customer-video-carousel__slide{scroll-snap-align:start}.customer-video-carousel__media{aspect-ratio:var(--aspect-ratio);width:100%;border-radius:10px;overflow:hidden;background:rgba(var(--color-foreground),.05)}.customer-video-carousel__media video,.customer-video-carousel__media iframe{width:100%;height:100%;object-fit:cover;border:0}.customer-video-carousel__caption{margin:.8rem 0 0;text-align:center;font-size:1.4rem}.customer-video-carousel__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1.2rem;text-align:center;color:rgba(var(--color-foreground),.7);font-size:1.3rem}.customer-video-carousel__nav{position:absolute;top:calc(50% - 2rem);transform:translateY(-50%);z-index:2;width:4rem;height:4rem;border:0;border-radius:50%;background:rgba(var(--color-background),.85);color:rgb(var(--color-foreground));cursor:pointer;box-shadow:0 0 0 1px rgba(var(--color-foreground),.08)}.customer-video-carousel__nav--prev{left:.8rem}.customer-video-carousel__nav--next{right:.8rem}.customer-video-carousel__nav:hover{background:rgb(var(--color-background))}.customer-video-carousel__nav span{font-size:2.2rem;line-height:1}@media screen and (max-width: 749px){.customer-video-carousel__nav{display:none}.customer-video-carousel__heading{margin-bottom:1.6rem}}@media screen and (min-width: 750px){.customer-video-carousel{padding-top:var(--padding-top, 36px);padding-bottom:var(--padding-bottom, 36px)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-customer-video-carousel.css.map */