:root{--primary-accent: #2c7eff;--border-radius: 16px;--gap: 24px}.ugc-video-carousel-section{padding:60px 20px;background:#fff}.ugc-section-header{text-align:center;margin-bottom:48px}.ugc-section-heading{font-size:32px;font-weight:700;color:#000;margin:0}.ugc-carousel-container{position:relative;max-width:1200px;margin:0 auto;padding:0 60px}.ugc-carousel-track{display:flex;gap:var(--gap);transition:transform .3s ease;overflow:hidden}.ugc-video-card{flex:0 0 calc(33.33% - var(--gap) * 2/3);min-width:0}.ugc-video-card{position:relative;border-radius:var(--border-radius);background:#000;overflow:hidden;box-shadow:0 4px 20px #0000001a}.ugc-video-card__inner,.ugc-video-card__media{position:relative;width:100%}.ugc-video-card__aspect-ratio{position:relative;width:100%;padding-bottom:177.78%;background:#000;overflow:hidden}.ugc-video-card__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.ugc-video-card__thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.ugc-video-card__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a1a}.ugc-video-card__placeholder-icon{color:#fff3;margin-bottom:12px}.ugc-video-card__placeholder-text{color:#ffffff80;font-size:14px}.ugc-video-card__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:5}.ugc-video-card__play-button:hover{background:#fff;transform:translate(-50%,-50%) scale(1.1)}.ugc-video-card__play-icon,.ugc-video-card__pause-icon{width:28px;height:28px;color:var(--primary-accent);margin-left:3px}.ugc-video-card__pause-icon,.ugc-video-card.is-playing .ugc-video-card__play-icon{display:none}.ugc-video-card.is-playing .ugc-video-card__pause-icon{display:block}.ugc-video-card.is-playing .ugc-video-card__play-button{opacity:0;pointer-events:none}.ugc-video-card__sound-button{position:absolute;bottom:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#000000b3;border:2px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5}.ugc-video-card__sound-on-icon,.ugc-video-card__sound-off-icon{width:20px;height:20px;color:#fff}.ugc-video-card__sound-off-icon{display:none}.ugc-video-card.is-muted .ugc-video-card__sound-on-icon{display:block}.ugc-video-card.is-muted .ugc-video-card__sound-off-icon{display:none}.ugc-video-card:not(.is-muted) .ugc-video-card__sound-on-icon{display:none}.ugc-video-card:not(.is-muted) .ugc-video-card__sound-off-icon{display:block}.ugc-video-card__progress-container{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fff3}.ugc-video-card__progress-bar{height:100%;width:0%;background:var(--primary-accent);transition:width .1s linear}.ugc-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:var(--primary-accent);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.ugc-arrow:hover{background:#1a66dd}.ugc-arrow:disabled{opacity:.4;cursor:not-allowed}.ugc-arrow--prev{left:0}.ugc-arrow--next{right:0}.ugc-arrow-icon{width:24px;height:24px;color:#fff}.ugc-pagination-dots{display:flex;justify-content:center;gap:12px;margin-top:40px}.ugc-pagination-dot{width:10px;height:10px;border-radius:50%;background:#2c7eff4d;border:none;padding:0;cursor:pointer}.ugc-pagination-dot--active{background:var(--primary-accent);transform:scale(1.2)}.ugc-single-cta-container{text-align:center;margin-top:48px}.ugc-single-cta-button{display:inline-block;padding:16px 32px;background:var(--primary-accent);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:16px;transition:background .3s ease}.ugc-single-cta-button:hover{background:#1a66dd}.ugc-empty-state{width:100%;padding:60px 20px;text-align:center;background:#f5f5f5;border-radius:var(--border-radius)}.ugc-empty-state__icon{width:48px;height:48px;margin:0 auto 24px;color:var(--primary-accent)}.ugc-empty-state__title{font-size:20px;font-weight:600;color:#000;margin:0 0 8px}.ugc-empty-state__message{font-size:15px;color:#666;margin:0}@media (max-width: 1024px){.ugc-carousel-container{padding:0 40px}.ugc-video-card{flex:0 0 calc(50% - var(--gap)/2)}}@media (max-width: 768px){.ugc-carousel-container{padding:0 20px}.ugc-video-card{flex:0 0 100%}.ugc-arrow{display:none}.ugc-section-heading{font-size:24px}}@media (max-width: 480px){.ugc-carousel-container{padding:0 16px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ugc-carousel.css.map */