.ugc{--w:min(27vw,420px);--gap:20px;--r:10px;padding:var(--ugc-pt) 0 var(--ugc-pb);overflow:hidden}.ugc__header{text-align:center;margin-bottom:24px}.ugc__title{margin:0}.ugc__subtitle{margin:8px 0 0;opacity:.7}.ugc__carousel{display:block;position:relative}.ugc__track{display:flex;align-items:center;gap:var(--gap);transition:transform .5s cubic-bezier(.25,.8,.25,1);will-change:transform;touch-action:pan-y}.ugc__slide{position:relative;flex:0 0 var(--w);aspect-ratio:3/4;border-radius:var(--r);overflow:hidden;background:#111;cursor:pointer;transform:scale(.88);opacity:.85;transition:transform .5s,opacity .5s}.ugc__track.is-jumping .ugc__slide,.ugc__track.is-jumping .ugc__card{transition:none}.ugc__slide.is-active{transform:none;opacity:1;cursor:default;box-shadow:0 12px 30px #0000002e}.ugc__media,.ugc__video,.ugc__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ugc__video{object-fit:cover}.ugc__placeholder{fill:#555;background:#ddd}.ugc__btn{position:absolute;z-index:2;display:none;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;transition:opacity .2s,background .2s}.ugc__btn:hover{background:#000000a6}.ugc__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.ugc__btn svg{width:55%;height:55%}.ugc__slide.is-active .ugc__btn{display:flex}.ugc__sound{top:14px;right:14px;width:38px;height:38px}.ugc__play{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;opacity:0}.ugc__i-on,.ugc__i-play,.is-unmuted .ugc__i-off,.is-paused .ugc__i-pause{display:none}.is-unmuted .ugc__i-on,.is-paused .ugc__i-play{display:block}.is-paused .ugc__slide.is-active .ugc__play,.ugc__play:focus-visible{opacity:1}@media(hover:hover){.ugc__slide.is-active:hover .ugc__play{opacity:1}}.ugc__card{position:absolute;left:0;right:0;bottom:0;display:flex;gap:14px;align-items:flex-start;padding:60px 16px 16px;background:linear-gradient(transparent,#000000d9);color:#fff;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s;pointer-events:none}.ugc__slide.is-active .ugc__card{opacity:1;transform:none;pointer-events:auto}.ugc__thumb{flex:none;width:60px;height:60px;background:#fff;border-radius:4px;overflow:hidden}.ugc__thumb img{width:100%;height:100%;object-fit:contain}.ugc__info{display:flex;flex-direction:column;gap:3px;min-width:0}.ugc__name{color:#fff;font-weight:600;font-size:14px;line-height:1.3;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ugc__price{font-weight:600;font-size:14px}.ugc__price s{opacity:.6;font-weight:400;margin-left:4px}.ugc__quick{align-self:flex-start;margin-top:4px;padding:0;border:0;background:none;color:#fff;font:inherit;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.ugc__dots{display:flex;justify-content:center;gap:12px;margin-top:22px}.ugc__dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#bbb;cursor:pointer;transition:background .2s,box-shadow .2s}.ugc__dot.is-active{background:#000;box-shadow:0 0 0 3px #fff,0 0 0 5px #000}.ugc__dot:focus-visible,.ugc__quick:focus-visible{outline:2px solid currentColor;outline-offset:3px}.ugc__qv{width:min(760px,92vw);max-height:90vh;padding:0;border:0;border-radius:8px;overflow:auto}.ugc__qv::backdrop{background:#0000008c}.ugc__qv-close{position:absolute;top:8px;right:12px;z-index:1;width:36px;height:36px;border:0;background:#fff;border-radius:50%;font-size:26px;line-height:1;cursor:pointer}.ugc__qv-grid{display:grid;grid-template-columns:1fr 1fr}.ugc__qv-img{width:100%;height:100%;object-fit:cover;background:#f4f4f4;aspect-ratio:1}.ugc__qv-info{display:flex;flex-direction:column;gap:12px;padding:28px 24px}.ugc__qv-title{margin:0;font-size:18px;line-height:1.3}.ugc__qv-price{font-size:18px;font-weight:600}.ugc__qv-price s{opacity:.55;font-weight:400;margin-left:6px}.ugc__qv-info select{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:4px;font:inherit;background:#fff}.ugc__qv-msg{min-height:1em;font-size:13px;margin:0}.ugc__qv-link{font-size:13px;text-decoration:underline}@media(max-width:740px){.ugc{--w:72vw;--gap:12px}.ugc__card{padding:50px 12px 12px;gap:10px}.ugc__thumb{width:50px;height:50px}.ugc__name,.ugc__price{font-size:13px}.ugc__qv-grid{grid-template-columns:1fr}.ugc__qv-img{aspect-ratio:4/3}}@media(prefers-reduced-motion:reduce){.ugc__track,.ugc__slide,.ugc__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ugc-video-carousel.css.map */