.ugc-videos{--ugc-gap: 10px;--ugc-w: 74px;--ugc-w-near: 94px;--ugc-w-active: 132px;--ugc-h: 180px;--ugc-h-near: 180px;--ugc-h-active: 224px;--ugc-radius: 8px;--ugc-duration: .35s;display:block;width:100%}@media screen and (min-width:750px){.ugc-videos{--ugc-w: 182px;--ugc-w-near: 182px;--ugc-w-active: 182px;--ugc-h: 214px;--ugc-h-near: 240px;--ugc-h-active: 340px}}.ugc-videos__track{position:relative;height:var(--ugc-h-active);overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}.ugc-videos__card{position:absolute;top:50%;left:50%;width:var(--ugc-w);height:var(--ugc-h);overflow:hidden;border-radius:var(--ugc-radius);background:#121316;transform:translate(var(--ugc-x, 0px),-50%);transition:transform var(--ugc-duration) ease,width var(--ugc-duration) ease,height var(--ugc-duration) ease,opacity var(--ugc-duration) ease}.ugc-videos__card[data-state=near]{width:var(--ugc-w-near);height:var(--ugc-h-near)}.ugc-videos__card[data-state=active]{width:var(--ugc-w-active);height:var(--ugc-h-active)}.ugc-videos__card.is-wrapping{opacity:0;transition:none}ugc-videos-component:not(:defined) .ugc-videos__track{display:flex;align-items:center;justify-content:center;gap:var(--ugc-gap)}ugc-videos-component:not(:defined) .ugc-videos__card{position:relative;top:auto;left:auto;flex:none;transform:none}.ugc-videos__video{display:block;width:100%;height:100%;object-fit:cover}.ugc-videos__placeholder{fill:#ffffff4d}.ugc-videos__hit{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:0;border:0;border-radius:inherit;background:none;cursor:pointer}.ugc-videos__play{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .2s ease}.ugc-videos__play svg{width:16px;height:16px;margin-inline-start:2px;fill:#fff;filter:drop-shadow(0 0 3px rgb(0 0 0 / .5))}.ugc-videos__card.is-playing .ugc-videos__play{opacity:0}.ugc-videos__sound{position:absolute;z-index:1;top:8px;right:8px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#f9f9f966;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer}.ugc-videos__sound svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ugc-videos__sound-on,.ugc-videos__card.is-unmuted .ugc-videos__sound-off{display:none}.ugc-videos__card.is-unmuted .ugc-videos__sound-on{display:block}.ugc-videos__hit:focus-visible,.ugc-videos__sound:focus-visible{outline:2px solid #fff;outline-offset:-4px}@media(prefers-reduced-motion:reduce){.ugc-videos__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ugc-videos.css.map */