.ugc__track{display:flex;gap:1rem}.ugc__thumb{position:relative;flex:0 0 auto;padding:0;border:0;background:none;cursor:pointer;text-align:left}.ugc__thumb-media{position:relative;width:100%;aspect-ratio:var(--ugc-thumb-ratio, 4 / 5);overflow:hidden;border-radius:.8rem;background:#f2f2f2}.ugc__thumb-media>img,.ugc__thumb-media>picture,.ugc__thumb-media>picture img,.ugc__thumb-media>video:not(.ugc__thumb-video){width:100%;height:100%;object-fit:cover;display:block}.ugc__thumb-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:ugc-thumb-fade .4s ease both}@keyframes ugc-thumb-fade{0%{opacity:0}to{opacity:1}}.ugc__thumb-media--playing .ugc__play{display:none}.ugc__play{position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-40%,-50%);border-style:solid;border-width:.7rem 0 .7rem 1.1rem;border-color:transparent transparent transparent rgba(255,255,255,.9);pointer-events:none}.ugc-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000d9}.ugc-modal[open]{display:block}.ugc-modal__content{position:relative;width:100%;max-width:500px;height:100%;margin:0 auto;background:#000;overflow:hidden}.ugc-modal__close,.ugc-reel__nav-btn{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:0;border-radius:50%;background:#00000059;color:#fff;cursor:pointer}.ugc-modal__close{position:absolute;top:1.2rem;left:1.2rem;z-index:4}.ugc-modal__close .icon{width:1.6rem;height:1.6rem}.ugc-reel__nav{position:absolute;top:50%;right:1.2rem;z-index:3;display:flex;flex-direction:column;gap:1rem;transform:translateY(-50%)}.ugc-reel__nav-btn svg{height:1.6rem;width:auto;stroke:#fff}.ugc-reel__nav-btn svg path{fill:#fff}.ugc-reel__nav-btn--up svg{transform:rotate(-90deg)}.ugc-reel__nav-btn--down svg{transform:rotate(90deg)}.ugc-reel{position:relative}.ugc-reel,.ugc-reel__track{display:block;height:100%}.ugc-reel__track{overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none}.ugc-reel__track::-webkit-scrollbar{display:none}.ugc-reel__slide{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.ugc-reel__media,.ugc-reel__media img,.ugc-reel__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.ugc-reel__user{position:absolute;left:1.2rem;bottom:12rem;z-index:2;color:#fff;font-size:1.4rem;text-shadow:0 1px 4px rgba(0,0,0,.6)}.ugc-reel__dock{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;gap:.8rem;padding:1.2rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;background:linear-gradient(to top,rgba(0,0,0,.75),transparent)}.ugc-reel__dock::-webkit-scrollbar{display:none}.ugc-card{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;padding:.6rem;scroll-snap-align:start;background:#fffffff2;text-decoration:none;color:inherit}.ugc-card--main{width:24rem}.ugc-card--product{padding:0}.ugc-card--product .ugc-card__media{width:5.6rem;height:5.6rem;border-radius:.8rem}.ugc-card__media{flex:0 0 auto;width:4.4rem;height:4.4rem;overflow:hidden;border-radius:.5rem;background:#f2f2f2}.ugc-card__img{width:100%;height:100%;object-fit:cover}.ugc-card__info{min-width:0}.ugc-card__title{display:block;font-size:1.2rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ugc-card__price{font-size:1.2rem}.ugc-card__form,.ugc-card--main .ugc-card__atc{flex:0 0 auto;margin-left:auto}.ugc-card__atc{position:relative;padding:.6rem 1rem;border:0;border-radius:.6rem;background:#000;color:#fff;font-size:1.1rem;cursor:pointer}.ugc-card__atc[disabled]{opacity:.5;cursor:not-allowed}.ugc-card__atc .sold-out-message.hidden{display:none}.ugc-reel__mute{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:0;border-radius:50%;background:#00000059;color:#fff;cursor:pointer;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.ugc-reel--has-mute .ugc-reel__mute{opacity:1;transform:none;pointer-events:auto}.ugc-reel__mute .icon{display:block;width:2rem;height:2rem}.ugc-reel__mute .icon-mute,.ugc-reel--muted .ugc-reel__mute .icon-volume{display:none}.ugc-reel--muted .ugc-reel__mute .icon-mute{display:block}.ugc-reel__progress{position:absolute;left:0;right:0;bottom:0;z-index:4;height:3px;background:#ffffff40}.ugc-reel__progress-bar{display:block;width:0;height:100%;background:#fff;transition:width .25s linear}@media screen and (max-width:749px){.ugc__thumb:first-of-type{margin-left:15px}.ugc__thumb:last-of-type{margin-right:15px}}
/*# sourceMappingURL=/cdn/shop/t/1075/assets/ugc.css.map */