.lp-ugc{position:relative}.lp-ugc .lp-wrapper{position:relative;z-index:2;padding-right:0}.lp-ugc__title{text-align:center;max-width:302px;margin:0 auto 32px;position:relative;z-index:2}.lp-ugc__swiper .swiper-slide{width:fit-content}.lp-ugc__swiper video{width:100%;height:100%;max-width:255px;height:453px;border-radius:16px;object-fit:cover}.video-wrapper{width:255px;height:453px;border-radius:16px}@media (min-width: 768px){.lp-ugc__title{max-width:666px;margin:0 auto 56px}.lp-ugc__swiper{display:flex;flex-wrap:nowrap}.lp-ugc__swiper .swiper-wrapper{display:flex;flex-wrap:nowrap;width:100%;gap:16px}.lp-ugc__swiper .swiper-slide{flex:1 1 20%;max-width:20%;box-sizing:border-box}.video-wrapper{width:227px;height:385px;cursor:pointer}.lp-ugc__swiper video{max-width:227px;height:385px}}.lp-ugc__background-image{position:absolute;top:0;left:0;width:100%;height:100%}.lp-ugc__item-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.video-wrapper.playing .lp-ugc__item-play{display:none}.lp-ugc-p .pagination-wrapper{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px;cursor:pointer}.ugc-prev,.ugc-next{display:flex;justify-content:center;align-items:center}.ugc-next{transform:rotate(180deg)}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{width:unset}@media (min-width: 768px){.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{display:none}}.swiper-pagination-bullet{opacity:1;background:0;border:1px solid var(--color-indigo);box-sizing:border-box}.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--color-indigo)}.ugc-pagination .swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{display:block}@media (min-width: 768px){.ugc-pagination .swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{display:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/lp-ugc.css.map */