.ugc{padding-block-start:var(--space-section-tight);border-top:var(--rule)}.ugc__head{display:grid;gap:var(--space-stack-tight);padding-inline:var(--page-margin);padding-block-end:var(--space-m)}.ugc__title{font-size:var(--text-2xl);line-height:1}.ugc__intro{max-width:var(--measure)}.ugc__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(11rem,62vw);gap:var(--rule-width);margin:0;padding:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-margin);list-style:none;background:var(--color-ink);border-block:var(--rule);scrollbar-width:thin;scrollbar-color:var(--color-ink) transparent}.ugc__item{display:grid;grid-template-rows:auto 1fr;scroll-snap-align:start;background:var(--color-paper)}.ugc__frame{position:relative;aspect-ratio:9 / 16;overflow:hidden;background:var(--color-ink)}.ugc__video{display:block;width:100%;height:100%;object-fit:cover}.ugc__tap{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;padding:var(--space-xs);border:0;background:transparent;color:var(--color-paper);cursor:pointer;-webkit-tap-highlight-color:transparent}.ugc__tap:focus-visible{outline:var(--focus-width) solid var(--color-paper);outline-offset:-6px}.ugc__sound,.ugc__play{display:grid;place-items:center;background:var(--color-ink);transition:scale var(--dur-fast) var(--ease-out)}.ugc__sound{align-self:end;justify-self:end;width:var(--tap);height:var(--tap)}.ugc__tap:active :is(.ugc__sound,.ugc__play){scale:.92}.ugc__icon{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:square;stroke-linejoin:miter}.ugc__icon--play,.ugc__icon--pause{fill:currentColor;stroke:none}.ugc__tap[aria-pressed=true] .ugc__icon--off,.ugc__tap[aria-pressed=false] .ugc__icon--on,.ugc__play,[data-reduced-motion] .ugc__sound{display:none}[data-reduced-motion] .ugc__play{display:grid;place-self:center;width:4rem;height:4rem}[data-reduced-motion] .ugc__tap[aria-pressed=true] .ugc__icon--play,[data-reduced-motion] .ugc__tap[aria-pressed=false] .ugc__icon--pause{display:none}.ugc__caption{display:grid;align-content:start;gap:var(--space-3xs);padding:var(--space-2xs) var(--space-xs) var(--space-xs)}.ugc__product{color:inherit;text-decoration-thickness:var(--rule-width);text-underline-offset:.2em}@media(min-width:750px){.ugc__row{grid-auto-columns:minmax(14rem,28vw)}}@media(min-width:1200px){.ugc__row{grid-auto-columns:minmax(15rem,20vw)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/ugc-videos.css.map */