.yp-ugc{background:var(--yp-paper);color:var(--yp-ink);padding:0 0 var(--yp-section-y-lg)}.yp-ugc__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--yp-col-gap);max-width:90rem;margin-inline:auto;padding-inline:var(--yp-gutter);align-items:end;padding-bottom:1.875rem}.yp-ugc__title{grid-column:1 / span 7}.yp-ugc__tag{margin-bottom:1em}.yp-ugc__strip{overflow:hidden;padding-inline:max(var(--yp-gutter),calc((100% - 90rem) / 2 + var(--yp-gutter)));cursor:none;touch-action:pan-y}.yp-ugc__inner{display:flex;gap:var(--yp-col-gap)}.yp-ugc__page{flex:none;width:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--yp-col-gap)}.yp-ugc__cell{position:relative;overflow:hidden;height:40em;margin:0;background:#e1ded8;color:var(--yp-paper)}.yp-ugc__cell:nth-child(1){grid-column:1 / span 7}.yp-ugc__cell:nth-child(2){grid-column:8 / span 5}.yp-ugc__cell:nth-child(3){grid-column:1 / span 5}.yp-ugc__cell:nth-child(4){grid-column:6 / span 7}.yp-ugc__cell img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1);-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.yp-ugc__cell:hover img{transform:scale(1.03)}.yp-ugc__strip.is-drag .yp-ugc__cell img{transition:none}.yp-ugc__cell:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8em;background:linear-gradient(to top,#12171473,#12171400);pointer-events:none}.yp-ugc__cap{position:absolute;left:1.25em;right:1.25em;bottom:1.25em;z-index:1;display:flex;justify-content:space-between;gap:1em;font-family:var(--yp-mono);font-size:var(--yp-p-xs);line-height:1.4}.yp-ugc__cap span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yp-ugc__cap span:last-child{flex:none;opacity:.7}.yp-ugc__bar{position:relative;margin:2.5rem max(var(--yp-gutter),calc((100% - 90rem) / 2 + var(--yp-gutter))) 0;height:1px;background:var(--yp-line)}.yp-ugc__bar i{position:absolute;left:0;top:-1px;height:3px;width:33%;background:var(--yp-ink)}.yp-ugc__cursor{position:fixed;left:0;top:0;z-index:50;pointer-events:none;opacity:0;transform:translate(-50%,-50%);padding:.75em 1.1em;border-radius:50vw;background:var(--yp-ink);color:var(--yp-paper);font-family:var(--yp-mono);font-size:var(--yp-p-xs);line-height:1.4;white-space:nowrap;transition:opacity .2s}.yp-ugc__cursor.is-on{opacity:1}@media(hover:none){.yp-ugc__strip{cursor:auto}.yp-ugc__cursor{display:none}}@media screen and (max-width:991px){.yp-ugc__title{grid-column:1 / -1}.yp-ugc__cell{height:21.333em}.yp-ugc__cell:nth-child(n){grid-column:span 6}}@media screen and (max-width:479px){.yp-ugc__cell{height:17.333em}.yp-ugc__cap span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.yp-ugc__cell img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/yp-ugc.css.map */