.ugc-infinite-wall-section{width:100%;overflow:hidden}.ugc-wall-header{text-align:center;margin-bottom:2rem}.ugc-wall-heading{margin:0;font-family:Inter,sans-serif!important;font-weight:900;letter-spacing:-.03em}@media screen and (min-width:750px){.ugc-wall-header{margin-bottom:2.5rem}}.ugc-wall-container{display:flex;flex-direction:column;gap:var(--grid-gap, 16px);width:100%}.ugc-wall-row{position:relative;width:100%;overflow:hidden;min-height:200px;cursor:grab;-webkit-user-select:none;user-select:none}.ugc-wall-row.is-dragging{cursor:grabbing}.ugc-wall-track{display:flex;gap:var(--grid-gap, 16px);width:max-content;will-change:transform}.ugc-wall-item{flex:0 0 auto;width:140px;height:200px;border-radius:8px;overflow:hidden;background:#1a1a1a;position:relative}.ugc-wall-item.is-centered{transform:scale(1.05);box-shadow:0 8px 24px #00000040;z-index:2}.ugc-wall-media-wrapper{position:relative;width:100%;height:100%}.ugc-wall-poster,.ugc-wall-media-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.ugc-wall-poster-placeholder{width:100%;height:100%;background:#2a2a2a}.ugc-wall-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.ugc-wall-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#00000073;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:all .2s ease;color:#fff;padding:0}.ugc-wall-play-button svg{width:20px;height:20px;margin-left:2px}.ugc-wall-play-button:hover{background:#000000a6;transform:translate(-50%,-50%) scale(1.1)}.ugc-wall-media-wrapper.is-playing .ugc-wall-play-button{opacity:0;pointer-events:none}.ugc-wall-media-wrapper.is-playing .ugc-wall-poster,.ugc-wall-media-wrapper.is-playing>img{opacity:0}.ugc-wall-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e0e0e0;color:#888;font-size:.8rem;text-align:center;padding:10px}@media screen and (min-width:750px){.ugc-wall-container,.ugc-wall-track{gap:var(--grid-gap, 24px)}.ugc-wall-row{min-height:280px}.ugc-wall-item{width:calc((100vw - 5 * 24px) / 6);max-width:200px;height:280px;border-radius:12px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-ugc-infinite-wall.css.map */