.ugc-video-slider{position:relative;width:100%;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:calc((100% - min(1650px,100%))/2);padding-right:calc((100% - min(1650px,100%))/2);margin:0 auto}.ugc-video-slider__header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px;margin-bottom:0}.ugc-video-slider__heading{font-family:var(--heading-font-family),sans-serif;font-weight:600;font-size:45px;line-height:1;text-align:center;margin-bottom:5px;color:rgb(var(--text-color))}.ugc-video-slider__subheading{font-family:var(--text-font-family),sans-serif;font-weight:300;font-size:20px;text-align:center;color:rgb(var(--text-color) / .7)}.ugc-video-slider__swiper.swiper,.ugc-video-slider .swiper{width:100%;padding-top:50px;padding-bottom:50px}.ugc-video-slider .swiper-slide{background-position:center;background-size:cover;width:351px;height:624px;border-radius:21px}.ugc-video-slider .swiper-slide-visible{opacity:.5!important}.ugc-video-slider .swiper-slide-duplicate{transition:opacity .7s ease!important}.ugc-video-slider .swiper-slide-duplicate,.ugc-video-slider .swiper-slide{opacity:0}.ugc-video-slider .swiper-slide-active{transition:none!important;cursor:pointer;opacity:1!important}.ugc-video-slider .swiper-slide-active,.ugc-video-slider .swiper-slide-prev,.ugc-video-slider .swiper-slide-next{opacity:1!important}.ugc-video-slider .swiper-slide img{display:block;width:100%}.ugc-video-slider .swiper-3d .swiper-slide-shadow-left,.ugc-video-slider .swiper-3d .swiper-slide-shadow-right{background-image:none}.ugc-video-slider .swiper-button-next,.ugc-video-slider .swiper-button-prev{width:70px;height:70px;border-radius:50%;border:none;position:absolute;top:50%;transform:translateY(-50%);transition:left .3s ease,right .3s ease;background-color:rgb(var(--background));box-shadow:0 0 22px -6px #5c5b5c;color:rgb(var(--text-color))}.ugc-video-slider .swiper-button-prev:after,.ugc-video-slider .swiper-button-next:after{font-size:25px;color:inherit;text-rendering:auto}.ugc-video-slider .swiper-button-next{right:1%}.ugc-video-slider .swiper-button-prev{left:1%}.ugc-video-slider__slide{position:relative;background:linear-gradient(0deg,#000000fa,#fff0 60%);border-radius:21px;height:100%;overflow:hidden}.ugc-video-slider__video{border-radius:21px;position:relative;width:100%;height:100%;object-fit:cover;z-index:-1}.ugc-video-slider__overlay{position:absolute;bottom:3%;left:50%;transform:translate(-50%);display:flex;align-items:center;color:#fff;gap:15px;width:100%;padding:0 20px;box-sizing:border-box}.ugc-video-slider__caption{display:flex;align-items:center;gap:15px;width:100%}.ugc-video-slider__caption-text{display:flex;flex-direction:column;font-family:inherit;font-weight:400;flex:1;min-width:0;gap:5px}.ugc-video-slider__caption:has(.ugc-video-slider__play-pause) .ugc-video-slider__caption-text{width:240px}.ugc-video-slider__user{display:flex;align-items:center;gap:4px}.ugc-video-slider__verified{width:24px;height:24px;min-width:24px;min-height:24px;flex-shrink:0}.ugc-video-slider__verified path:first-child{fill:#42a5f5}.ugc-video-slider__name{font-size:2em;color:#fff;font-weight:600;line-height:1}.ugc-video-slider__play-pause{width:63px;height:63px;min-width:63px;min-height:63px;border-radius:10px;background:#4a4a4a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,254,254,.616);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0}.ugc-video-slider__play-pause svg{fill:#fff}.ugc-video-slider__icon-play,.ugc-video-slider__icon-pause{width:24px;height:24px}@media(max-width:1750px){.ugc-video-slider .swiper-button-prev{left:3%}.ugc-video-slider .swiper-button-next{right:3%}}@media(max-width:750px){.ugc-video-slider .swiper-slide{width:288px;height:512px}.ugc-video-slider .swiper-button-prev,.ugc-video-slider .swiper-button-next{width:50px;height:50px}.ugc-video-slider .swiper{padding-top:20px;padding-bottom:20px;zoom:.8}.ugc-video-slider__name{font-size:1.5em}.ugc-video-slider__heading{font-size:32px}.ugc-video-slider__subheading{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/ugc-video-slider.css.map */