.m-video-ugc-strip{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}.m-video-ugc-strip__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.m-video-ugc-strip__card{position:relative;border-radius:12px;overflow:hidden;background-color:#000;aspect-ratio:9 / 16;cursor:pointer}.m-video-ugc-strip__video{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}.m-video-ugc-strip__poster{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:opacity .4s ease}.m-video-ugc-strip__card.is-playing .m-video-ugc-strip__poster{opacity:0;pointer-events:none}.m-video-ugc-strip__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000040;transition:opacity .3s ease}.m-video-ugc-strip__card.is-playing .m-video-ugc-strip__play{opacity:0;pointer-events:none}.m-video-ugc-strip__play-icon{width:56px;height:56px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center}.m-video-ugc-strip__play-icon svg{width:22px;height:22px;fill:#1b2a3a;margin-left:3px}.m-video-ugc-strip__caption{padding:12px 4px 0;font-size:.875rem;color:rgb(var(--color-subtext));text-align:center;line-height:1.4}@media screen and (max-width:767px){.m-video-ugc-strip__grid{grid-template-columns:1fr;gap:24px;max-width:360px;margin-left:auto;margin-right:auto}}@media screen and (min-width:768px)and (max-width:1023px){.m-video-ugc-strip__grid{grid-template-columns:repeat(3,1fr);gap:16px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/video-ugc-strip.css.map */