.ugcv{--ugcv-card-w: min(70vw, 32rem);--ugcv-gap: .6rem;--ugcv-side-scale: .88;--ugcv-radius: 1.8rem;--ugcv-pt: var(--ugcv-pt-xs);--ugcv-pb: var(--ugcv-pb-xs);position:relative;max-inline-size:100%}.ugcv.s--margin{margin-block:0}.ugcv>.section{padding-block:var(--ugcv-pt) var(--ugcv-pb);padding-inline:0}.ugcv__header{margin-block-end:1.6rem;padding-inline:1.6rem;text-align:center}.ugcv__heading{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin:0;font-size:2.4rem;line-height:1.3;text-align:center}.ugcv__heading--lines:before,.ugcv__heading--lines:after{content:"";flex:0 0 auto;inline-size:2.8rem;block-size:2px;border-radius:2px;background:var(--ugcv-accent)}.ugcv__sub{margin:.8rem 0 0;font-family:var(--font-body-family);font-size:1.4rem;line-height:1.5;color:rgba(var(--color-normal-text-rgb),.64)}.ugcv__player{display:block;position:relative;max-inline-size:144rem;margin-inline:auto}.ugcv__track{display:flex;align-items:center;gap:var(--ugcv-gap);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:.8rem 2rem;padding-inline:calc((100% - var(--ugcv-card-w)) / 2)}.ugcv__track::-webkit-scrollbar{display:none}.ugcv__slide{position:relative;flex:0 0 var(--ugcv-card-w);scroll-snap-align:center;scroll-snap-stop:always;transform:scale(var(--ugcv-side-scale));transition:transform .4s cubic-bezier(.2,.8,.2,1)}.ugcv__slide[data-active]{z-index:1;transform:none}.ugcv__media{position:relative;display:block;aspect-ratio:var(--ugcv-ratio);overflow:hidden;isolation:isolate;border-radius:var(--ugcv-radius);background:rgba(var(--color-normal-text-rgb),.08)}.ugcv__slide:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--ugcv-radius);box-shadow:0 1.6rem 3.2rem -1.4rem #11111161;opacity:0;pointer-events:none;transition:opacity .4s ease}.ugcv__slide[data-active]:before{opacity:1}.ugcv__video,.ugcv__poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block;inline-size:100%;block-size:100%;object-fit:cover}.ugcv__poster{z-index:1;pointer-events:none;transition:opacity .3s ease}.ugcv__slide[data-started] .ugcv__poster{opacity:0}.ugcv__cover,.ugcv__ctrl,.ugcv__arrow,.ugcv__dot,.ugcv__product-btn{margin:0;padding:0;border:0;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.ugcv__cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:transparent;color:#fff}.ugcv__cover-icon{display:flex;align-items:center;justify-content:center;inline-size:4.8rem;block-size:4.8rem;border-radius:50%;background:#1111114d;transition:transform .25s ease}.ugcv__slide[data-active] .ugcv__cover{visibility:hidden}.ugcv__ctrl{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;inline-size:4rem;block-size:4rem;border-radius:1rem;background:#1111116b;color:#fff;transition:opacity .25s ease}.ugcv__ctrl--play{top:1.2rem;left:1.2rem}.ugcv__ctrl--sound{right:1.2rem;bottom:1.2rem}.ugcv__slide:not([data-active]) .ugcv__ctrl{visibility:hidden;opacity:0}.ugcv__icon{display:flex}.ugcv__slide:not([data-state=playing]) .ugcv__icon--pause,.ugcv__slide[data-state=playing] .ugcv__icon--play,.ugcv__player:not([data-sound=on]) .ugcv__icon--unmuted,.ugcv__player[data-sound=on] .ugcv__icon--muted{display:none}.ugcv__footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"product product product" "prev dots next";align-items:center;gap:1.2rem;max-inline-size:52rem;margin-inline:auto;padding-inline:1.6rem}.ugcv__products{grid-area:product;display:grid;justify-items:center}.ugcv__product{grid-area:1 / 1;inline-size:100%;max-inline-size:36rem;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility 0s linear .3s}.ugcv__product[data-active]{visibility:visible;opacity:1;transition-delay:0s}.ugcv__product-btn{display:flex;align-items:center;gap:1.2rem;inline-size:100%;padding:.8rem;border-radius:1.6rem;background:transparent;text-align:start}.ugcv__product-media{flex:0 0 auto;display:block;inline-size:6.4rem;block-size:6.4rem;overflow:hidden;border-radius:1rem}.ugcv__product-img{display:block;inline-size:100%;block-size:100%;object-fit:contain}.ugcv__product-info{display:flex;flex:1 1 auto;flex-direction:column;gap:.2rem;min-inline-size:0}.ugcv__product-title{display:-webkit-box;overflow:hidden;font-family:var(--font-body-family);font-size:1.5rem;font-weight:500;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ugcv__product-sub{overflow:hidden;font-size:1.3rem;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;color:rgba(var(--color-normal-text-rgb),.64)}.ugcv__price{align-self:flex-start;font-size:1.5rem;font-weight:700;line-height:1.4}.ugcv__soldout{font-size:1.2rem;color:rgba(var(--color-normal-text-rgb),.64)}.ugcv__product-cta{flex:0 0 auto;display:flex;align-items:center;justify-content:center;inline-size:5.2rem;block-size:5.2rem;border-radius:1.4rem;background:var(--ugcv-accent);color:#fff;box-shadow:0 .8rem 1.6rem -.8rem var(--ugcv-accent);transition:background-color .2s ease}.ugcv__arrow{grid-area:prev;display:flex;align-items:center;justify-content:center;inline-size:4.8rem;block-size:4.8rem;border-radius:50%;background:var(--ugcv-accent-soft);color:var(--ugcv-accent);transition:background-color .2s ease,color .2s ease,opacity .2s ease}.ugcv__arrow--next{grid-area:next}.ugcv__arrow[aria-disabled=true]{opacity:.45;cursor:default}.ugcv[dir=rtl] .ugcv__arrow svg{transform:scaleX(-1)}.ugcv__dots{grid-area:dots;display:flex;justify-content:center;gap:.4rem;min-inline-size:0}.ugcv__dot{display:flex;flex:0 1 2rem;align-items:center;justify-content:center;min-inline-size:1.2rem;block-size:2.4rem;background:none}.ugcv__dot:before{content:"";inline-size:.8rem;block-size:.8rem;border-radius:50%;background:var(--ugcv-accent-muted);transition:background-color .2s ease,transform .2s ease}.ugcv__dot[aria-current=true]:before{background:var(--ugcv-accent);transform:scale(1.25)}.ugcv__cover:focus-visible{outline:3px solid var(--ugcv-accent);outline-offset:-3px}.ugcv__ctrl:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--ugcv-accent)}.ugcv__arrow:focus-visible,.ugcv__dot:focus-visible,.ugcv__product-btn:focus-visible{outline:2px solid var(--ugcv-accent);outline-offset:2px}@media(hover:hover){.ugcv__cover:hover .ugcv__cover-icon{transform:scale(1.08)}.ugcv__arrow:not([aria-disabled=true]):hover{background:var(--ugcv-accent);color:#fff}.ugcv__product-btn:hover .ugcv__product-cta{background:var(--ugcv-accent-hover)}}@media(min-width:750px){.ugcv{--ugcv-card-w: clamp(20rem, 30vw, 26rem);--ugcv-gap: .4rem;--ugcv-side-scale: .9;--ugcv-radius: 2rem;--ugcv-pt: var(--ugcv-pt-md);--ugcv-pb: var(--ugcv-pb-md)}.ugcv__header{margin-block-end:2.4rem}.ugcv__heading{gap:2rem;font-size:3.4rem}.ugcv__heading--lines:before,.ugcv__heading--lines:after{inline-size:4.4rem;block-size:3px}.ugcv__sub{font-size:1.6rem}.ugcv__footer{grid-template-areas:"prev product next" ". dots .";gap:1.6rem 3.2rem;max-inline-size:64rem}.ugcv__product{max-inline-size:32rem}.ugcv__product-btn{gap:1.4rem;padding:1.2rem 1.4rem;background:#fff;box-shadow:0 1rem 2.4rem -1.2rem #1111112e}.ugcv__product-media{inline-size:5.6rem;block-size:5.6rem}.ugcv__product-cta{inline-size:4.4rem;block-size:4.4rem;border-radius:1.2rem}.ugcv__arrow{inline-size:5.6rem;block-size:5.6rem}}@media(min-width:1025px){.ugcv{--ugcv-card-w: clamp(22rem, 17vw, 26rem)}.ugcv__heading{font-size:4rem}.ugcv__heading--lines:before,.ugcv__heading--lines:after{inline-size:5.6rem}}@media(prefers-reduced-motion:reduce){.ugcv__slide,.ugcv__slide:before,.ugcv__poster,.ugcv__cover-icon,.ugcv__ctrl,.ugcv__product,.ugcv__product-cta,.ugcv__arrow,.ugcv__dot:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ugc-video-showcase.css.map */