.ugc-video-carousel{display:block;background:var(--ugc-bg, #f7f7f5);color:var(--ugc-text, #111111);--hover-spacing: 1.5rem;--gutter-width: 24px}.ugc-video-carousel .carousel{max-width:calc(1440px + 2 * var(--gutter-width));margin-inline:auto}.ugc-video-carousel .carousel__header{align-items:flex-end}.ugc-video-carousel__eyebrow{font-family:var(--font-header),sans-serif;color:var(--ugc-accent, var(--color-primary));font-size:1rem;font-weight:700;text-transform:uppercase;margin:0 0 .75rem}.ugc-video-carousel__heading{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;line-height:1.1;text-transform:uppercase;margin:0 0 .5rem}.ugc-video-carousel__subheading{color:var(--ugc-muted, rgba(0, 0, 0, .65));font-size:1rem;margin:0}.ugc-video-carousel .carousel__view{align-items:center}.ugc-video-carousel__card{position:relative;flex:1 1 0;min-width:250px;margin:0;scroll-snap-align:center;transition:transform .3s ease}.ugc-video-carousel__card.is-center{transform:scale(1.07);z-index:1}.ugc-video-carousel__media{position:relative;aspect-ratio:9 / 16;border-radius:4px;overflow:hidden;background:#e5e5e2}.ugc-video-carousel__media:after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);pointer-events:none}.ugc-video-carousel__video,.ugc-video-carousel__media video{width:100%;height:100%;object-fit:cover;display:block}.ugc-video-carousel__toggle{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:48px;height:48px;border:none;border-radius:50%;background:#000000d9;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .2s ease}.ugc-video-carousel__toggle:hover{transform:scale(1.08)}.ugc-video-carousel__toggle svg{width:22px;height:22px;fill:currentColor;margin-left:2px}.ugc-video-carousel__card.is-center .ugc-video-carousel__toggle{display:none}.ugc-video-carousel__controls{position:absolute;right:10px;bottom:10px;z-index:2;display:none;gap:8px}.ugc-video-carousel__card.is-center .ugc-video-carousel__controls{display:flex}.ugc-video-carousel__control{width:32px;height:32px;padding:0;border:none;border-radius:50%;background:#000000b3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.ugc-video-carousel__control:hover{background:#000000e6}.ugc-video-carousel__control svg{width:16px;height:16px;fill:currentColor}.ugc-video-carousel__control .ugc-video-carousel__icon-pause,.ugc-video-carousel__control .ugc-video-carousel__icon-sound{display:none}.ugc-video-carousel__card.is-playing .ugc-video-carousel__icon-pause,.ugc-video-carousel__card.is-unmuted .ugc-video-carousel__icon-sound{display:block}.ugc-video-carousel__card.is-playing .ugc-video-carousel__icon-play,.ugc-video-carousel__card.is-unmuted .ugc-video-carousel__icon-muted{display:none}.ugc-video-carousel__handle{position:absolute;left:12px;bottom:10px;z-index:1;color:#fff;font-size:.8rem;margin:0}.ugc-video-carousel--empty{padding:3rem 1.5rem;text-align:center}@media(max-width:767px){.ugc-video-carousel__card,.ugc-video-carousel__card.is-center{flex:0 0 auto;width:58vw;min-width:0;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/230/assets/ugc-video-carousel.css.map */