:root{--ugc-bg: #F5F3EE;--ugc-card-bg: rgba(255, 255, 255, .85);--ugc-border: rgba(42, 62, 47, .2);--ugc-accent: #2A3E2F;--ugc-play-color: rgba(255, 255, 255, .95)}.ugc-carousel{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:16px;padding:16px 24px;scrollbar-width:none;width:100vw;margin-left:calc(50% - 50vw);background:var(--ugc-bg);-webkit-overflow-scrolling:touch;max-height:420px}.ugc-carousel::-webkit-scrollbar{display:none}.ugc-slide{flex:0 0 56%;max-width:260px;max-height:380px;position:relative;overflow:hidden;scroll-snap-align:center;border:1px solid var(--ugc-border);border-radius:20px;background:var(--ugc-card-bg);box-shadow:0 8px 32px #2a3e2f1a;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:8px}.ugc-slide:hover{transform:translateY(-4px);box-shadow:0 16px 48px #2a3e2f26}@media (min-width: 768px){.ugc-slide{flex:0 0 200px;max-width:220px}}.ugc-video{width:100%;height:100%;object-fit:cover;display:block;border-radius:19px}.ugc-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border:0;background:#0003;cursor:pointer;opacity:1;transition:opacity .3s ease,background .3s ease}.ugc-play span{display:none}.ugc-slide.playing .ugc-play{opacity:0;pointer-events:none}.ugc-slide:hover .ugc-play{background:#0000004d}.ugc-play:before{content:"";width:56px;height:56px;border-radius:50%;border:2px solid var(--ugc-play-color);background:#00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .3s ease,background .3s ease}.ugc-slide:hover .ugc-play:before{transform:scale(1.05);background:#00000059}.ugc-play:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-42%,-50%);width:0;height:0;border-style:solid;border-width:12px 0 12px 18px;border-color:transparent transparent transparent var(--ugc-play-color);transition:transform .3s ease}.ugc-slide:hover .ugc-play:after{transform:translate(-42%,-50%) scale(1.05)}.ugc-carousel{overflow-y:hidden}@media (max-width: 749px){.ugc-carousel{gap:12px;padding:12px 16px;max-height:360px}.ugc-slide{flex:0 0 65%;max-width:220px;max-height:320px;border-radius:16px}.ugc-video{border-radius:15px}.ugc-play:before{width:48px;height:48px}.ugc-play:after{border-width:10px 0 10px 16px}}@media (prefers-reduced-motion: reduce){.ugc-slide,.ugc-play,.ugc-play:before,.ugc-play:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ugc-carousel.css.map */