.ugc{position:relative}.ugc__track{--ugc-gap: .75rem;display:grid;grid-auto-flow:column;grid-auto-columns:min(62vw,300px);gap:var(--ugc-gap);scroll-snap-type:x mandatory;scroll-padding-inline:var(--distance-to-bleed, 0px)}@media screen and (min-width:700px){.ugc__track{--ugc-gap: 1.5rem;grid-auto-columns:calc((100% - 2 * var(--ugc-gap)) / 3);justify-content:safe center}}@media screen and (min-width:1000px){.ugc__track{grid-auto-columns:calc((100% - (var(--ugc-cols, 5) - 1) * var(--ugc-gap)) / var(--ugc-cols, 5))}}.ugc__item{position:relative}.ugc__media{position:relative;display:block;width:100%;aspect-ratio:var(--ugc-ratio, 9 / 16);overflow:hidden;padding:0;border:0;background:rgb(var(--6pm-surface, 242 242 240));color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.ugc__poster,.ugc__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ugc__video{opacity:0;pointer-events:none;transition:opacity .25s ease}.ugc__item[playing] .ugc__video{opacity:1}.ugc__media:focus-visible{outline:2px solid rgb(var(--6pm-ink, 28 28 28));outline-offset:2px}.ugc__play{position:absolute;left:50%;top:50%;width:3rem;height:3rem;transform:translate(-50%,-50%);display:none;place-items:center;background:#ffffffeb;color:rgb(var(--6pm-ink, 28 28 28));border-radius:100%}.ugc__play svg{width:1rem;height:1rem;margin-left:2px}.ugc__item[show-play] .ugc__play{display:grid}.ugc__sound{position:absolute;right:.75rem;bottom:.75rem;width:1.75rem;height:1.75rem;display:none;place-items:center;background:#00000059;color:#fff;border-radius:100%}.ugc__sound svg{width:.875rem;height:.875rem}.ugc__sound-on{display:none}.ugc__item[unmuted] .ugc__sound-on{display:block}.ugc__item[unmuted] .ugc__sound-off{display:none}.ugc[sound-icon=true] .ugc__item[playing] .ugc__sound{display:grid}.ugc-lightbox__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;overflow:hidden}.ugc-lightbox__dialog::backdrop{background:#000000e6}.ugc-lightbox__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.ugc-lightbox__stage>img,.ugc-lightbox__stage>video{display:block;max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain;background:#000}@media screen and (min-width:700px){.ugc-lightbox__stage>img,.ugc-lightbox__stage>video{height:calc(100vh - 4rem);height:calc(100dvh - 4rem)}}.ugc-lightbox__close,.ugc-lightbox__nav{position:absolute;width:2.75rem;height:2.75rem;display:grid;place-items:center;padding:0;border:0;border-radius:100%;background:#ffffff24;color:#fff;cursor:pointer;transition:background .15s ease}.ugc-lightbox__close:hover,.ugc-lightbox__nav:hover{background:#ffffff47}.ugc-lightbox__close{top:1rem;right:1rem}.ugc-lightbox__close svg,.ugc-lightbox__nav svg{width:.875rem;height:.875rem}.ugc-lightbox__nav{top:50%;transform:translateY(-50%)}.ugc-lightbox__nav--prev{left:1rem}.ugc-lightbox__nav--next{right:1rem}.ugc-lightbox__nav[disabled]{opacity:0;pointer-events:none}.ugc-lightbox__close:focus-visible,.ugc-lightbox__nav:focus-visible{outline:2px solid #fff;outline-offset:2px}@media screen and (max-width:699px){.ugc-lightbox__nav{display:none}}html.ugc-lock{overflow:hidden}@media(prefers-reduced-motion:reduce){.ugc__video,.ugc-lightbox__close,.ugc-lightbox__nav{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/173/assets/6pm-ugc.css.map */