.exc-ugc{--exc-ugc-ink: #212121;--exc-ugc-radius: 10px;--exc-ugc-gap: 12px;display:block;padding-top:var(--exc-ugc-pad-top, 24px);padding-bottom:var(--exc-ugc-pad-bottom, 40px)}.section.exc-ugc{margin-bottom:0}.exc-ugc__head{margin-bottom:16px;text-align:center}.exc-ugc__head .section__title{margin-bottom:0}.exc-ugc__intro{max-width:52ch;margin:6px auto 0;color:var(--color--text-light, #8b8b8b);font-size:13px;line-height:1.5}.exc-ugc__word{color:var(--exc-ugc-word, #E01B24)}.exc-ugc__viewport{position:relative}.exc-ugc__track{display:flex;gap:var(--exc-ugc-gap);margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.exc-ugc__track::-webkit-scrollbar{display:none}@media(max-width:47.9375em){.exc-ugc__track{margin-right:-18px;margin-left:-18px;padding-right:18px;padding-left:18px;scroll-padding-left:18px;scroll-padding-right:18px}}.exc-ugc__item{position:relative;flex:0 0 auto;scroll-snap-align:start;margin:0}.exc-ugc__item:first-child{margin-left:auto}.exc-ugc__item:last-child{margin-right:auto}.exc-ugc__card{position:relative;display:block;width:100%;aspect-ratio:9 / 16;margin:0;padding:0;overflow:hidden;border:0;border-radius:var(--exc-ugc-radius);background:#1a1a1a;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.exc-ugc__card:focus-visible{outline:2px solid var(--exc-ugc-ink);outline-offset:3px}.exc-ugc__poster,.exc-ugc__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.exc-ugc__video{opacity:0;transition:opacity .25s ease}.exc-ugc__video.is-playing{opacity:1}.exc-ugc__shade{position:absolute;right:0;bottom:0;left:0;height:42%;background:linear-gradient(to top,#0000009e,#0000);pointer-events:none}.exc-ugc__meta{position:absolute;right:10px;bottom:10px;left:10px;display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;line-height:1.2;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.4)}.exc-ugc__meta span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.exc-ugc__tt{flex:0 0 auto;width:14px;height:14px;fill:currentColor}.exc-ugc__play{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--exc-ugc-ink);box-shadow:0 2px 12px #00000047;transform:translate(-50%,-50%);transition:transform .2s ease,opacity .2s ease;pointer-events:none}.exc-ugc__play .icon{--size: 48px}@media(hover:hover){.exc-ugc__card:hover .exc-ugc__play{transform:translate(-50%,-50%) scale(1.05)}}.exc-ugc__card.is-live .exc-ugc__play{opacity:0}.exc-ugc__card--empty{display:flex;align-items:center;justify-content:center;padding:16px;border:1px dashed rgba(33,33,33,.3);background:#2121210a;color:var(--exc-ugc-ink);font-size:13px;line-height:1.4;text-align:center;cursor:default}.exc-ugc--reels .exc-ugc__item{width:64vw;max-width:280px}@media(min-width:48em){.exc-ugc--reels .exc-ugc__item{width:calc((100% - 4 * var(--exc-ugc-gap)) / 4.5);max-width:none}}@media(min-width:61.875em){.exc-ugc--reels{--exc-ugc-gap: 16px}.exc-ugc--reels .exc-ugc__item{width:calc((100% - 4 * var(--exc-ugc-gap)) / 5)}}.exc-ugc__part{display:flex;align-items:center;gap:10px;margin-top:10px;color:var(--exc-ugc-ink);text-decoration:none}.exc-ugc__part-img{flex:0 0 auto;width:48px;height:48px;border-radius:6px;background:#f5f5f5;object-fit:cover}.exc-ugc__part-text{display:flex;min-width:0;flex-direction:column;gap:2px}.exc-ugc__part-title{display:-webkit-box;overflow:hidden;font-size:13px;font-weight:600;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.exc-ugc__part-price{font-size:13px;line-height:1.3}@media(hover:hover){.exc-ugc__part:hover .exc-ugc__part-title{text-decoration:underline;text-underline-offset:2px}}.exc-ugc__part:focus-visible{outline:2px solid var(--exc-ugc-ink);outline-offset:3px;border-radius:6px}.exc-ugc__more{margin-top:20px;text-align:center}.exc-ugc__arrow{position:absolute;top:calc(var(--exc-ugc-card-h, 50%) / 2);z-index:2;display:none;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:#212121;box-shadow:0 0 4px #00000040;color:#fff;cursor:pointer;transform:translateY(-50%)}.exc-ugc__arrow .icon{--size: 16px;--stroke-width: 2px}.exc-ugc__arrow--prev{left:-22px}.exc-ugc__arrow--prev .icon{transform:scaleX(-1)}.exc-ugc__arrow--next{right:-22px}.exc-ugc__arrow[disabled]{opacity:0;pointer-events:none}@media(hover:hover){.exc-ugc__arrow:hover{background:#000}}@media(min-width:61.875em){.exc-ugc.is-scrollable .exc-ugc__arrow{display:flex}}.exc-ugc--pdp{--exc-ugc-gap: 8px}.exc-ugc--pdp .exc-ugc__item{width:calc((100% - 2 * var(--exc-ugc-gap)) / 3)}.exc-ugc--pdp.exc-ugc--many .exc-ugc__item{width:calc((100% - 3 * var(--exc-ugc-gap)) / 3.25)}@media(max-width:47.9375em){.exc-ugc--pdp .exc-ugc__item{width:calc((100vw - 36px - 2 * var(--exc-ugc-gap)) / 3)}.exc-ugc--pdp.exc-ugc--many .exc-ugc__item{width:calc((100vw - 36px - 3 * var(--exc-ugc-gap)) / 3.25)}}@media(min-width:48em){.exc-ugc--pdp{--exc-ugc-gap: 12px}.exc-ugc--pdp .exc-ugc__item,.exc-ugc--pdp.exc-ugc--many .exc-ugc__item{width:170px}}.exc-ugc--pdp .exc-ugc__play{width:40px;height:40px}.exc-ugc--pdp .exc-ugc__play .icon{--size: 40px}.exc-ugc--pdp .exc-ugc__meta{right:8px;bottom:8px;left:8px;font-size:11px}.exc-ugc--pdp .exc-ugc__tt{width:11px;height:11px}.exc-ugc-viewer{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;border:0;background:transparent;color:#fff;overflow:hidden}.exc-ugc-viewer::backdrop{background:#000000e0}.exc-ugc-viewer[open]{display:flex;align-items:center;justify-content:center}.exc-ugc-viewer__stage{position:relative;width:100%;height:100%;overflow:hidden;background:#000;touch-action:pan-y pinch-zoom}@media(min-width:48em){.exc-ugc-viewer__stage{width:auto;height:min(92vh,900px);aspect-ratio:9 / 16;border-radius:var(--exc-ugc-radius, 10px);overflow:visible}.exc-ugc-viewer__video{border-radius:10px}}.exc-ugc-viewer__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.exc-ugc-viewer__paused{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#ffffffeb;color:#212121;transform:translate(-50%,-50%);pointer-events:none}.exc-ugc-viewer__paused[hidden]{display:none}.exc-ugc-viewer__paused .icon{--size: 64px}.exc-ugc-viewer__progress{position:absolute;top:0;right:0;left:0;z-index:2;height:3px;background:#ffffff40}.exc-ugc-viewer__progress span{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left center}.exc-ugc-viewer__top{position:absolute;top:0;right:0;left:0;z-index:2;display:flex;align-items:center;gap:6px;padding:max(12px,env(safe-area-inset-top)) 10px 24px 16px;background:linear-gradient(to bottom,#00000073,#0000)}.exc-ugc-viewer__count{margin-right:auto;font-size:13px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.4)}.exc-ugc-viewer__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:#00000059;color:#fff;cursor:pointer}.exc-ugc-viewer__icon .icon{--size: 18px;--stroke-width: 2px}.exc-ugc-viewer__icon:focus-visible,.exc-ugc-viewer__nav:focus-visible,.exc-ugc-viewer__part:focus-visible,.exc-ugc-viewer__tiktok:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.exc-ugc-viewer__sound-off,.exc-ugc-viewer__icon[aria-pressed=true] .exc-ugc-viewer__sound-on{display:none}.exc-ugc-viewer__icon[aria-pressed=true] .exc-ugc-viewer__sound-off{display:block}.exc-ugc-viewer__nav{position:absolute;top:50%;z-index:2;display:none;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;border:0;border-radius:50%;background:#fff;color:#212121;cursor:pointer;transform:translateY(-50%)}.exc-ugc-viewer__nav .icon{--size: 16px;--stroke-width: 2px}.exc-ugc-viewer__nav--prev{left:-72px}.exc-ugc-viewer__nav--prev .icon{transform:scaleX(-1)}.exc-ugc-viewer__nav--next{right:-72px}.exc-ugc-viewer__nav[disabled]{opacity:.3;cursor:default}@media(min-width:48em){.exc-ugc-viewer__nav{display:flex}}.exc-ugc-viewer__bottom{position:absolute;right:0;bottom:0;left:0;z-index:2;padding:48px 16px max(16px,env(safe-area-inset-bottom));background:linear-gradient(to top,#000000b3,#0000)}@media(min-width:48em){.exc-ugc-viewer__bottom{border-radius:0 0 10px 10px}}.exc-ugc-viewer__creator{margin:0;color:#fff;font-size:15px;font-weight:600;line-height:1.3}.exc-ugc-viewer__caption{margin:4px 0 0;color:#ffffffe0;font-size:13px;line-height:1.4}.exc-ugc-viewer__creator:empty,.exc-ugc-viewer__caption:empty{display:none}.exc-ugc-viewer__tiktok{display:inline-block;margin-top:6px;color:#fff;font-size:13px;text-decoration:underline;text-underline-offset:2px}.exc-ugc-viewer__tiktok[hidden],.exc-ugc-viewer__part[hidden]{display:none}.exc-ugc-viewer__part{display:flex;align-items:center;gap:10px;margin-top:12px;padding:8px;border-radius:10px;background:#fff;color:#212121;text-decoration:none}.exc-ugc-viewer__part-img{flex:0 0 auto;width:48px;height:48px;border-radius:6px;object-fit:cover;background:#f5f5f5}.exc-ugc-viewer__part-text{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:2px}.exc-ugc-viewer__part-title{overflow:hidden;font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.exc-ugc-viewer__part-price{font-size:13px;line-height:1.3}.exc-ugc-viewer__part-btn{flex:0 0 auto;padding:10px 18px;border-radius:var(--radius-button, 10px);background:#212121;color:#fff;font-size:13px;font-weight:600;line-height:1}html.exc-ugc-lock,html.exc-ugc-lock body{overflow:hidden}@media(prefers-reduced-motion:reduce){.exc-ugc__video,.exc-ugc__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/exc-ugc.css.map */