.mov-ugc__head{text-align:center;margin-bottom:2.8rem}.mov-ugc{position:relative}.mov-ugc__rail{display:flex;gap:1.6rem;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding-bottom:.6rem;scrollbar-width:none}.mov-ugc__rail::-webkit-scrollbar{display:none}.mov-ugc__rail:focus-visible{outline:.2rem solid var(--mov-cobalt);outline-offset:.2rem}.mov-ugc__card{flex:0 0 auto;width:clamp(20rem,22.5%,26rem);margin:0;scroll-snap-align:start}.mov-ugc__media{position:relative;aspect-ratio:9 / 16;border-radius:var(--mov-radius-lg);overflow:hidden;background:#10131a}.mov-ugc__video,.mov-ugc__thumb,.mov-ugc__placeholder svg{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}.mov-ugc__placeholder{height:100%;background:#e8ecf4}.mov-ugc__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5.6rem;height:5.6rem;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#ffffffeb;color:var(--mov-cobalt);cursor:pointer;box-shadow:0 .4rem 1.6rem #00000040;transition:transform var(--mov-dur-fast) var(--mov-ease-out),opacity var(--mov-dur) var(--mov-ease-out)}.mov-ugc__play svg{width:2.2rem;height:2.2rem;margin-left:.3rem}.mov-ugc__play:hover{transform:translate(-50%,-50%) scale(1.08)}.mov-ugc__card.is-playing .mov-ugc__play{opacity:0;pointer-events:none}.mov-ugc__meta{position:absolute;left:0;right:0;bottom:0;margin:0;padding:3.2rem 1.4rem 1.2rem;background:linear-gradient(180deg,#0000,#0009);color:#fff;pointer-events:none}.mov-ugc__handle{margin:0;font-weight:700;font-size:1.3rem}.mov-ugc__caption{margin:.2rem 0 0;font-size:1.2rem;opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mov-ugc__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#fffffff2;color:#10131a;box-shadow:0 .2rem 1rem #00000029;cursor:pointer;transition:transform var(--mov-dur-fast) var(--mov-ease-out)}.mov-ugc__arrow:hover{transform:translateY(-50%) scale(1.06)}.mov-ugc__arrow--prev{left:-1.2rem}.mov-ugc__arrow--next{right:-1.2rem}.mov-ugc__arrow svg{width:1.8rem;height:1.8rem}.mov-ugc__cta-wrap{text-align:center;margin-top:2.8rem}@media screen and (max-width:989px){.mov-ugc__head{margin-bottom:2rem}.mov-ugc__arrow{display:none}.mov-ugc__card{width:min(64vw,26rem)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/mov-ugc.css.map */