.product-ugc{--ugc-banner-bg: #c8148c;--ugc-banner-text: #ffffff;--ugc-arrow: #c8148c;--ugc-gap: 1.2rem;--ugc-peek: 2.4rem;display:block;width:100%;overflow:hidden;background:#fff}.product-ugc__banner{position:relative;background:var(--ugc-banner-bg);color:var(--ugc-banner-text);padding:2.8rem 1.5rem 3.6rem;text-align:center}.product-ugc__heading{margin:0 auto;max-width:72rem;font-family:Poppins,sans-serif;font-size:clamp(1.5rem,2.4vw,2.2rem);font-weight:700;line-height:1.35;color:inherit}.product-ugc__wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:2.8rem;display:block;color:#fff;pointer-events:none}.product-ugc__wave svg{width:100%;height:100%;display:block}product-ugc-slider.product-ugc__slider-wrap,.product-ugc__slider-wrap{position:relative;display:block;width:100%;max-width:100%;padding:2.2rem 0 2.8rem;margin:0 auto;box-sizing:border-box}.product-ugc__viewport{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ugc-peek);-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab}.product-ugc__viewport::-webkit-scrollbar{display:none}.product-ugc__viewport.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.product-ugc__track{display:flex;flex-wrap:nowrap;align-items:stretch;gap:var(--ugc-gap);width:max-content;min-width:100%;padding-inline:var(--ugc-peek);box-sizing:content-box}.product-ugc__slide{flex:0 0 calc((100vw - (var(--ugc-peek) * 2) - (var(--ugc-gap) * 2)) / 3);width:calc((100vw - (var(--ugc-peek) * 2) - (var(--ugc-gap) * 2)) / 3);max-width:28rem;scroll-snap-align:start;box-sizing:border-box}.product-ugc__card{display:block;width:100%;aspect-ratio:3 / 4;border-radius:1.4rem;overflow:hidden;background:#f3f3f3;box-shadow:0 .8rem 2rem #0000001f;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;position:relative}.product-ugc__card:not(.product-ugc__card--video){pointer-events:none}.product-ugc__card img,.product-ugc__card .product-ugc__media{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.product-ugc__card--video{pointer-events:auto;background:#111}.product-ugc__video,.product-ugc__card video,.product-ugc__card .product-ugc__video{width:100%;height:100%;object-fit:cover;display:block;border:0;pointer-events:auto}.product-ugc__nav{position:absolute;top:calc(50% + .2rem);transform:translateY(-50%);z-index:3;width:3.6rem;height:3.6rem;border:0;border-radius:50%;background:#fff;color:var(--ugc-arrow);box-shadow:0 .4rem 1.2rem #0000001f;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.product-ugc__nav:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 .5rem 1.4rem #00000029}.product-ugc__nav[disabled]{opacity:.35;pointer-events:none}.product-ugc__nav--prev{left:.8rem}.product-ugc__nav--next{right:.8rem}.product-ugc__nav .svg-wrapper{width:1.2rem;display:inline-flex}.product-ugc__nav--prev .svg-wrapper{transform:rotate(90deg)}.product-ugc__nav--next .svg-wrapper{transform:rotate(-90deg)}@media screen and (max-width:989px){.product-ugc{--ugc-gap: 1rem;--ugc-peek: 2rem}.product-ugc__slide{flex-basis:calc((100vw - (var(--ugc-peek) * 2) - (var(--ugc-gap) * 2)) / 3);width:calc((100vw - (var(--ugc-peek) * 2) - (var(--ugc-gap) * 2)) / 3);max-width:none}}@media screen and (max-width:749px){.product-ugc{--ugc-gap: .8rem;--ugc-peek: 1.6rem}.product-ugc__banner{padding:2.2rem 1.2rem 3.2rem}.product-ugc__heading{font-size:1.45rem}.product-ugc__slider-wrap{padding:1.6rem 0 2.2rem}.product-ugc__slide{flex-basis:calc((100vw - (var(--ugc-peek) * 2) - var(--ugc-gap)) / 2.2);width:calc((100vw - (var(--ugc-peek) * 2) - var(--ugc-gap)) / 2.2)}.product-ugc__nav{width:3.2rem;height:3.2rem}.product-ugc__nav--prev{left:.35rem}.product-ugc__nav--next{right:.35rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-product-ugc-slider.css.map */