.ugc-video .ugc-video__container{padding-top:var(--ugc-video-padding-top-mobile);padding-bottom:var(--ugc-video-padding-bottom-mobile)}.ugc-video .ugc-video__heading{font-size:28px;line-height:140%;margin:0;text-align:center}.ugc-video .ugc-video__swiper{margin:30px -15px 0;padding:0 15px}.ugc-video .ugc-video__video-wrapper{display:block;height:100%;position:relative;cursor:pointer}.ugc-video .ugc-video__button>svg{width:40px;height:40px}.ugc-video .ugc-video__slide{height:auto}.ugc-video .ugc-video__video,.ugc-video img{display:block;width:100%;height:100%;object-fit:cover;border-radius:15px;touch-action:pan-y}.ugc-video .ugc-video__button{width:40px;height:40px;position:absolute;top:50%;left:50%;pointer-events:none;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background),.5);border-radius:999px;transform:translate(-50%,-50%) scale(1);transition:transform var(--duration-short) ease,color var(--duration-short) ease}.ugc-video .ugc-video__button>svg{width:20px;height:20px}.ugc-video .ugc-video__button[data-video=play],.ugc-video .ugc-video__button[is-mobile=true]{display:none}@media screen and (max-width:749px){.ugc-video .ugc-video__swiper:not(.swiper-initialized) .ugc-video__swiper-wrapper{display:flex;gap:5px;overflow:auto;margin:0 -15px;padding:0 15px}.ugc-video .ugc-video__swiper:not(.swiper-initialized) .ugc-video__slide{width:50%;flex-shrink:0}}@media screen and (min-width:750px){.ugc-video .ugc-video__container{padding-top:var(--ugc-video-padding-top-desktop);padding-bottom:var(--ugc-video-padding-bottom-desktop)}.ugc-video .ugc-video__heading{font-size:40px}.ugc-video .ugc-video__swiper{margin:40px 0 0;padding:0}.ugc-video .ugc-video__swiper-wrapper{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.ugc-video .ugc-video__video-wrapper:hover .ugc-video__button{transform:translate(-50%,-50%) scale(1.1)}.ugc-video .ugc-video__video,.ugc-video img{border-radius:30px}.ugc-video .ugc-video__button{width:80px;height:80px}.ugc-video .ugc-video__button>svg{width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-ugc-video.css.map */