.nopa-ugc{padding-top:var(--pt,5rem);padding-bottom:var(--pb,5rem)}
.nopa-ugc__head{text-align:center;margin-bottom:2.4rem}
.nopa-ugc__title{font-size:2.4rem;font-weight:600;margin:0 0 .4rem}
.nopa-ugc__sub{font-size:1.3rem;color:#777;margin:0}
.nopa-ugc__arrows{display:flex;justify-content:flex-end;gap:.8rem;margin-bottom:1.2rem}
@media screen and (max-width:749px){.nopa-ugc__arrows{display:none}}
.nopa-ugc__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5*1.2rem)/6);gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}
.nopa-ugc__track::-webkit-scrollbar{display:none}
.nopa-ugc__track:active{cursor:grabbing}
.nopa-ugc__track>*{scroll-snap-align:start}
@media screen and (max-width:989px){.nopa-ugc__track{grid-auto-columns:calc((100% - 2*1.2rem)/3)}}
@media screen and (max-width:749px){.nopa-ugc__track{grid-auto-columns:44%}}
.nopa-ugc__card{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:var(--nopa-radius);background:#111}
.nopa-ugc__card img,.nopa-ugc__card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nopa-ugc__handle{position:absolute;left:.8rem;bottom:.8rem;display:inline-flex;align-items:center;gap:.5rem;background:rgba(0,0,0,.55);color:#fff;font-size:1.1rem;padding:.5rem .9rem;border-radius:2rem;text-decoration:none;max-width:calc(100% - 1.6rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease}
.nopa-ugc__handle:hover{opacity:.8}