.ugc-reels{width:100%;background-color:#fff;box-sizing:border-box;overflow:hidden}.ugc-reels__container{display:flex;flex-direction:column}.ugc-reels__container{max-width:1600px;margin-inline:auto;padding-inline:16px}@media(min-width:750px){.ugc-reels__container{padding-inline:48px}}@media(min-width:990px){.ugc-reels__container{padding-inline:64px}}.ugc-reels__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:0 20px}.ugc-reels__main-heading{font-family:Poppins,sans-serif;font-size:32px;font-weight:600;line-height:1.2;color:#1c1c1c;margin:0}.ugc-reels__navigation-wrapper{display:flex;gap:12px}.ugc-reels__btn{width:24px;height:24px;border:none;background:transparent;color:#ff1493;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:opacity .2s ease}.ugc-reels__btn svg{width:20px;height:20px}.ugc-reels__btn.swiper-button-disabled{color:#f0cedf;cursor:not-allowed}.ugc-reels__swiper--loading{overflow:hidden}.ugc-reels__swiper--loading .ugc-reels__wrapper{display:flex;flex-wrap:nowrap;gap:16px;padding:0 20px;overflow-x:auto}.ugc-reels__swiper--loading .ugc-reels__slide{flex:0 0 calc(80% - 12px);min-width:calc(80% - 12px)}.ugc-reels__card{width:100%;box-sizing:border-box}.ugc-reels__media-wrapper{position:relative;width:100%;aspect-ratio:3 / 4;background-color:#f7f7f7;border:1.5px solid #ff1493;border-radius:20px;overflow:hidden;cursor:pointer;transform:translateZ(0)}.ugc-reels__video{width:100%;height:100%;object-fit:cover;pointer-events:none}.ugc-reels__play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000008;border:none;padding:0;cursor:pointer;color:#1c1c1c;transition:opacity .2s cubic-bezier(.4,0,.2,1),visibility .2s;pointer-events:none}.ugc-reels__play-icon{width:44px;height:44px}.ugc-reels__media-wrapper.is-playing .ugc-reels__play-overlay{opacity:0;visibility:hidden}@media screen and (min-width:750px){.ugc-reels__header{padding:0;margin-bottom:32px}.ugc-reels__main-heading{font-size:36px}.ugc-reels__swiper--loading .ugc-reels__wrapper{padding:0;gap:24px}.ugc-reels__swiper--loading .ugc-reels__slide{flex:0 0 calc(25% - 18px);min-width:calc(25% - 18px)}}@media(max-width:749px){.ugc-reels__navigation-wrapper{display:none}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/ugc-video-reels.css.map */