.ugc-player{display:block}.ugc-player__heading{display:flex;align-items:center;gap:.8rem;margin:0 0 1.2rem}.ugc-player__tiles{--ugc-gap: 1rem;--ugc-visible: 3;list-style:none;margin:0;padding:0;display:flex;gap:var(--ugc-gap);overflow-x:auto;scroll-snap-type:x proximity;-ms-overflow-style:none;scrollbar-width:none}.ugc-player__tiles::-webkit-scrollbar{display:none}.ugc-player__tile-item{flex:0 0 calc((100% - (var(--ugc-visible) - 1) * var(--ugc-gap)) / var(--ugc-visible));scroll-snap-align:start}.ugc-player__tile{display:flex;flex-direction:column;align-items:stretch;gap:.6rem;width:100%;padding:0;background:none;border:0;cursor:pointer;color:inherit;font:inherit;text-align:left}.ugc-player__tile-ring{position:relative;display:block;width:100%;aspect-ratio:9 / 16;border-radius:1.2rem;overflow:hidden;background:rgba(var(--color-foreground),.06)}.ugc-player__tile-media{display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit}.ugc-player__tile-img,.ugc-player__tile-video{width:100%;height:100%;object-fit:cover}.ugc-player__tile-play{position:absolute;right:.6rem;bottom:.6rem;display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:50%;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:.2rem solid rgb(var(--color-background))}.ugc-player__tile-play svg{width:1.1rem;height:1.1rem}.ugc-player__empty{margin:0;padding:1.2rem 1.6rem;border:.1rem dashed rgba(var(--color-foreground),.4);border-radius:1.2rem;color:rgba(var(--color-foreground),.7)}.ugc-player__dialog{width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:0;border:0;background:transparent;overflow:hidden}.ugc-player__dialog::backdrop{background:#000000d1}.ugc-player__stage{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%;background:#121212;overflow:hidden}@media screen and (min-width:750px){.ugc-player__stage{width:min(42rem,94vw);height:min(74rem,92vh);border-radius:1.6rem}}.ugc-player__slides,.ugc-player__slide{position:absolute;top:0;right:0;bottom:0;left:0}.ugc-player__slide[hidden]{display:none}.ugc-player__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#121212}.ugc-player__progress{position:absolute;top:1rem;left:1rem;right:1rem;z-index:2;display:flex;gap:.4rem}.ugc-player__progress-seg{flex:1;height:.3rem;border-radius:.2rem;background:#ffffff4d;overflow:hidden}.ugc-player__progress-seg i{display:block;height:100%;width:0;background:#fff}.ugc-player__progress-seg.is-done i{width:100%}.ugc-player__bar{position:absolute;top:2.4rem;left:1rem;right:1rem;z-index:2;display:flex;align-items:center;justify-content:flex-end;color:#fff}.ugc-player__bar-actions{display:flex;gap:.4rem}.ugc-player__icon-btn{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:50%;background:#00000059;color:#fff;cursor:pointer}.ugc-player__icon-btn svg{width:1.8rem;height:1.8rem}.ugc-player__icon--unmuted,.ugc-player__icon-btn[aria-pressed=true] .ugc-player__icon--muted{display:none}.ugc-player__icon-btn[aria-pressed=true] .ugc-player__icon--unmuted{display:block}.ugc-player__nav{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;width:28%;padding:0 1rem;border:0;background:none;color:#fff;cursor:pointer;opacity:0;transition:opacity .2s}.ugc-player__stage:hover .ugc-player__nav{opacity:.85}.ugc-player__nav svg{width:2.4rem;height:2.4rem}.ugc-player__nav--prev{left:0;justify-content:flex-start}.ugc-player__nav--prev svg{transform:rotate(90deg)}.ugc-player__nav--next{right:0;justify-content:flex-end}.ugc-player__nav--next svg{transform:rotate(-90deg)}.ugc-player__overlayui{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:6rem 1.2rem 1.4rem;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.ugc-player__caption{margin:0 0 1rem;color:#fff;font-size:1.3rem;line-height:1.5;text-shadow:0 .1rem .6rem rgba(0,0,0,.5)}.ugc-player__shop-form{display:flex;align-items:center;gap:1rem;padding:.8rem;border-radius:1.2rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.ugc-player__shop-media{flex:0 0 auto;width:4rem;height:4rem;border-radius:.8rem;overflow:hidden;background:rgba(var(--color-foreground),.06)}.ugc-player__shop-media img{width:100%;height:100%;object-fit:cover}.ugc-player__shop-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;color:rgb(var(--color-foreground))}.ugc-player__shop-title{font-size:1.2rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ugc-player__shop-price{font-size:1.2rem;color:rgba(var(--color-foreground),.65)}.ugc-player__shop-add{position:relative;flex:0 0 auto;padding:.8rem 1.4rem;border:0;border-radius:.8rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:1.2rem;font-weight:600;cursor:pointer}.ugc-player__shop-add.loading>span{visibility:hidden}.ugc-player__shop-add .loading__spinner:not(.hidden){position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.ugc-player__shop-add .loading__spinner svg{width:1.6rem;height:1.6rem}.ugc-player__shop-add[disabled]{opacity:.5;cursor:not-allowed}.ugc-player__shop .product-form__error-message-wrapper{color:#fff;font-size:1.2rem;margin-bottom:.6rem}@media(prefers-reduced-motion:reduce){.ugc-player__progress-seg i{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/component-ugc-player.css.map */