.ugc-vids{--ugc-card-w: clamp(140px, 16vw, 180px);--ugc-card-active-w: clamp(180px, 20vw, 230px);background:var(--ugc-bg, #fff);color:var(--ugc-ink, #2a251f);padding:clamp(36px,5vw,64px) 0 clamp(28px,4vw,48px);overflow:hidden;content-visibility:auto;contain-intrinsic-size:auto 640px}.ugc-vids__header{width:min(720px,calc(100% - 48px));margin:0 auto 0 clamp(20px,6vw,80px);text-align:left}.ugc-vids__eyebrow{margin:0 0 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.5}.ugc-vids__heading{margin:0;font-size:clamp(22px,2.2vw,32px);line-height:1.2;font-weight:var(--heading-font-weight, 600);letter-spacing:-.015em}.ugc-vids__sub{margin:12px 0 0;max-width:36rem;font-size:14px;line-height:1.5;opacity:.72}.ugc-vids__carousel{margin-top:clamp(28px,4vw,44px);position:relative}.ugc-vids__nav{display:none;position:absolute;top:42%;z-index:4;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:999px;background:#ffffffb8;color:var(--ugc-ink, #2a251f);box-shadow:0 4px 18px #1c05171a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;place-items:center;opacity:.55;transition:opacity .2s ease,background .2s ease,transform .2s ease}.ugc-vids__nav:hover,.ugc-vids__nav:focus-visible{opacity:1;background:#ffffffeb;outline:none}.ugc-vids__nav:focus-visible{box-shadow:0 0 0 2px var(--ugc-accent, #3a1f36)}.ugc-vids__nav[disabled]{opacity:0;pointer-events:none}.ugc-vids__nav svg{width:18px;height:18px;display:block}.ugc-vids__nav--prev{left:16px}.ugc-vids__nav--next{right:16px}.ugc-vids__track{display:flex;align-items:center;gap:12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scroll-snap-type:x mandatory;scroll-padding-inline:calc(50% - var(--ugc-card-active-w) / 2);padding:28px calc(50% - var(--ugc-card-active-w) / 2) 32px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ugc-vids__track::-webkit-scrollbar{display:none}.ugc-vids__card{flex:0 0 var(--ugc-card-w);scroll-snap-align:center;transition:flex-basis .35s ease,transform .35s ease,opacity .35s ease;transform:scale(.92);opacity:.72}.ugc-vids__card.is-active{flex-basis:var(--ugc-card-active-w);transform:scale(1);opacity:1;z-index:2}@media(hover:hover)and (pointer:fine){.ugc-vids__card:hover{transform:scale(1.04);opacity:1;z-index:3}.ugc-vids__card.is-active:hover{transform:scale(1.06)}}@media(min-width:750px){.ugc-vids__nav{display:grid}}.ugc-vids__frame{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 28px #1c05171a}.ugc-vids__media{position:relative;aspect-ratio:9 / 16;background:#2a1224;overflow:hidden}.ugc-vids__video,.ugc-vids__poster,.ugc-vids__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ugc-vids__poster{z-index:1;transition:opacity .25s ease;pointer-events:none}.ugc-vids__card.is-playing .ugc-vids__poster{opacity:0}.ugc-vids__placeholder{background:linear-gradient(160deg,#3a1f36,#2a251f 70%)}.ugc-vids__caption{position:absolute;left:10px;right:48px;top:12px;z-index:2;margin:0;color:#fff;font-size:12px;line-height:1.35;font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.55);pointer-events:none}.ugc-vids__controls{position:absolute;top:10px;right:8px;z-index:2;display:flex;flex-direction:column;gap:6px;opacity:0;pointer-events:none;transition:opacity .2s ease}.ugc-vids__card.is-active .ugc-vids__controls{opacity:1;pointer-events:auto}.ugc-vids__ctrl{width:30px;height:30px;border:0;border-radius:999px;background:#0000006b;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}.ugc-vids__ctrl svg{width:14px;height:14px;fill:currentColor}.ugc-vids__product{position:relative;display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:center;padding:8px 10px 12px;background:#fff;min-height:58px;color:#2a251f;text-decoration:none}a.ugc-vids__product:hover .ugc-vids__product-title{text-decoration:underline}.ugc-vids__product-thumb{width:40px;height:40px;border-radius:6px;overflow:hidden;background:#ece3d2}.ugc-vids__product-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ugc-vids__product-title{margin:0;font-size:11px;line-height:1.25;font-weight:600}.ugc-vids__product-author{margin:2px 0 0;font-size:10px;line-height:1.3;opacity:.55}.ugc-vids__progress{position:absolute;left:10px;right:10px;bottom:4px;height:2px;background:#1c05171f;border-radius:999px;overflow:hidden}.ugc-vids__progress span{display:block;height:100%;width:0%;background:var(--ugc-accent, #3a1f36);transform-origin:left center}@media(max-width:749px){.ugc-vids{--ugc-card-w: 46vw;--ugc-card-active-w: 52vw}.ugc-vids__header{width:calc(100% - 32px);margin-left:16px;margin-right:16px}.ugc-vids__track{--ugc-side-pad: calc((100% - var(--ugc-card-active-w)) / 2);gap:10px;scroll-padding-inline:var(--ugc-side-pad);padding:16px var(--ugc-side-pad) 24px}.ugc-vids__card{transform:scale(.96)}.ugc-vids__card.is-active{transform:scale(1)}.ugc-vids__caption{font-size:11px}}@media(prefers-reduced-motion:reduce){.ugc-vids__card,.ugc-vids__nav{transition:none}.ugc-vids__video{display:none}}@media(prefers-reduced-motion:reduce)and (hover:hover)and (pointer:fine){.ugc-vids__card:hover{transform:scale(.92)}.ugc-vids__card.is-active:hover{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/ugc-video-testimonials.css.map */