.ugc-carousel{background:var(--ugc-bg, #fff);padding-top:var(--ugc-padding-top, 40px);padding-bottom:var(--ugc-padding-bottom, 40px);overflow:hidden}.ugc-carousel__container{max-width:var(--ugc-max-width, 1200px);margin:0 auto;padding:0 20px}.ugc-carousel__header{text-align:center;margin-bottom:28px}.ugc-carousel__subheading{font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--ugc-heading-color, #1a1a1a);opacity:.6;margin:0 0 8px}.ugc-carousel__heading{font-size:28px;font-weight:700;color:var(--ugc-heading-color, #1a1a1a);margin:0;line-height:1.2}.ugc-carousel__track-wrapper{position:relative;perspective:1200px}.ugc-carousel__track{position:relative;display:flex;justify-content:center;align-items:center;height:500px;overflow:visible}.ugc-carousel__card{position:absolute;width:var(--ugc-card-width, 260px);border-radius:var(--ugc-card-radius, 12px);overflow:hidden;background:#000;transition:transform .45s ease,opacity .45s ease,box-shadow .45s ease,filter .45s ease;transform-style:preserve-3d;will-change:transform,opacity;cursor:pointer}.ugc-carousel__video-wrap{position:relative;aspect-ratio:9 / 16;overflow:hidden;background:#111}.ugc-carousel__video{width:100%;height:100%;object-fit:cover;display:block}.ugc-carousel__play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;border:none;cursor:pointer;color:#fff;transition:opacity .2s;padding:0}.ugc-carousel__play-btn svg{width:48px;height:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.ugc-carousel__card.is-playing .ugc-carousel__play-btn{opacity:0}.ugc-carousel__card.is-playing:hover .ugc-carousel__play-btn{opacity:1}.ugc-carousel__creator{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#000}.ugc-carousel__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.ugc-carousel__name{font-size:13px;font-weight:600;color:#fff}.ugc-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border-radius:50%;border:none;background:#fffffff2;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1a1a1a;transition:opacity .2s,transform .2s;padding:0}.ugc-carousel__arrow:hover{transform:translateY(-50%) scale(1.08)}.ugc-carousel__arrow--prev{left:-12px}.ugc-carousel__arrow--next{right:-12px}@media(max-width:768px){.ugc-carousel__container{padding:0 16px}.ugc-carousel__heading{font-size:22px}.ugc-carousel__track{height:380px}.ugc-carousel__card{--ugc-card-width: 200px;width:200px}.ugc-carousel__arrow{width:44px;height:44px;background:#fff;color:#fff;box-shadow:0 4px 16px #0000004d;border:2px solid rgba(255,255,255,.3)}.ugc-carousel__arrow--prev{left:8px}.ugc-carousel__arrow--next{right:8px}}@media(max-width:480px){.ugc-carousel__track{height:340px}.ugc-carousel__card{--ugc-card-width: 170px;width:170px}.ugc-carousel__container{padding:0 8px}.ugc-carousel__arrow{width:40px;height:40px;background:#000;color:#fff;box-shadow:0 4px 16px #0000004d;border:2px solid rgba(255,255,255,.3)}.ugc-carousel__play-btn svg{width:36px;height:36px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-ugc-carousel.css.map */