.qn-ugc{--qn-ugc-gap: 1.2rem;--qn-ugc-gutter: 1.5rem}.qn-ugc__header{margin:0 auto 2.4rem;max-width:64rem;text-align:center}.qn-ugc__title{margin:0;font-size:2.4rem;line-height:1.2}.qn-ugc__subtitle{margin:.8rem 0 0;color:rgba(var(--color-foreground),.75);font-size:1.6rem;line-height:1.5}.qn-ugc__track{display:flex;gap:var(--qn-ugc-gap);margin:0 calc(var(--qn-ugc-gutter) * -1);padding:0 var(--qn-ugc-gutter) .4rem;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--qn-ugc-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.qn-ugc__track::-webkit-scrollbar{display:none}.qn-ugc__item{flex:0 0 78%;min-width:0;scroll-snap-align:start}.qn-ugc__item:first-child{margin-inline-start:auto}.qn-ugc__item:last-child{margin-inline-end:auto}.qn-ugc__frame{position:relative;display:block;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--qn-card-radius, 1.2rem);background:rgba(var(--qn-rgb-ink, 18, 18, 18),.06)}.qn-ugc__play{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:none;color:inherit;cursor:pointer}.qn-ugc__play[hidden]{display:none}.qn-ugc__play--empty{cursor:default}.qn-ugc__poster,.qn-ugc__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.qn-ugc__poster--placeholder{background:rgba(var(--qn-rgb-ink, 18, 18, 18),.04)}.qn-ugc__video{background:rgb(var(--qn-rgb-ink, 18, 18, 18))}.qn-ugc__icon{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:5.6rem;height:5.6rem;transform:translate(-50%,-50%);border-radius:50%;background:rgba(var(--qn-rgb-white, 255, 255, 255),.92);color:rgb(var(--qn-rgb-ink, 18, 18, 18))}.qn-ugc__icon .icon{width:1.6rem;height:1.6rem;margin-left:.3rem}.qn-ugc__play:hover .qn-ugc__icon{background:rgb(var(--qn-rgb-white, 255, 255, 255))}.qn-ugc__play:focus-visible{outline:none}.qn-ugc__play:focus-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 .2rem rgb(var(--qn-rgb-white, 255, 255, 255)),inset 0 0 0 .4rem rgb(var(--qn-rgb-ink, 18, 18, 18));pointer-events:none}.qn-ugc__caption{position:absolute;right:0;bottom:0;left:0;z-index:1;margin:0;padding:4rem 1.4rem 1.4rem;background:linear-gradient(to top,rgba(var(--qn-rgb-ink, 18, 18, 18),.6),rgba(var(--qn-rgb-ink, 18, 18, 18),0));color:rgb(var(--qn-rgb-white, 255, 255, 255));font-size:1.4rem;font-weight:600;line-height:1.3;pointer-events:none}.qn-ugc__frame.is-playing .qn-ugc__caption{visibility:hidden}.qn-ugc__empty-note{position:absolute;top:1.2rem;right:1.2rem;left:1.2rem;padding:.8rem 1rem;border-radius:.8rem;background:rgb(var(--qn-rgb-white, 255, 255, 255));color:rgb(var(--qn-rgb-ink, 18, 18, 18));font-size:1.3rem;line-height:1.3;text-align:center}.qn-ugc__link{display:inline-block;margin-top:1rem;font-size:1.4rem}.qn-ugc__cta{margin-top:2.4rem;text-align:center}@media screen and (min-width:750px){.qn-ugc{--qn-ugc-gap: 1.6rem;--qn-ugc-gutter: 5rem}.qn-ugc__header{margin-bottom:3.2rem}.qn-ugc__title{font-size:3.2rem}.qn-ugc__item{flex-basis:calc((100% - 2 * var(--qn-ugc-gap)) / 2.4)}}@media screen and (min-width:990px){.qn-ugc__track{margin:0;padding:0 0 .8rem;scroll-padding-inline:0;scrollbar-width:thin}.qn-ugc__track::-webkit-scrollbar{display:block;height:.6rem}.qn-ugc__track::-webkit-scrollbar-thumb{border-radius:.6rem;background:rgba(var(--qn-rgb-ink, 18, 18, 18),.2)}.qn-ugc__item{flex-basis:calc((100% - (var(--qn-ugc-cols, 3) - 1) * var(--qn-ugc-gap)) / var(--qn-ugc-cols, 3))}}@media(prefers-reduced-motion:reduce){.qn-ugc__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/281/assets/qn-ugc-videos.css.map */