.ph-ugc-video-grid{padding-top:var(--ph-ugc-padding-top);padding-bottom:var(--ph-ugc-padding-bottom)}.ph-ugc-video-grid__header{position:relative;margin-bottom:28px}.ph-ugc-video-grid__header--left{text-align:left}.ph-ugc-video-grid__header--center{text-align:center}.ph-ugc-video-grid__header--right{text-align:right}.ph-ugc-video-grid__grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--ph-ugc-columns) - 1) * var(--ph-ugc-gap)) / var(--ph-ugc-columns));gap:var(--ph-ugc-gap);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.ph-ugc-video-grid__grid.is-dragging,.ph-ugc-video-grid__grid.is-dragging *{cursor:grabbing}.ph-ugc-video-grid__grid::-webkit-scrollbar{display:none}.ph-ugc-video-grid__card{position:relative;aspect-ratio:9 / 16;min-width:0;overflow:hidden;background:#111}.ph-ugc-video-grid__card video{display:block;width:100%;height:100%;object-fit:cover;background:#111}.ph-ugc-video-grid__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.ph-ugc-video-grid__play{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.65);border-radius:50%;padding-left:3px}.ph-ugc-video-grid__controls{position:absolute;right:0;top:50%;display:flex;gap:8px;transform:translateY(-50%)}.ph-ugc-video-grid__arrow{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(0,0,0,.3);border-radius:50%;background:transparent;color:currentColor;font-size:28px;line-height:1;cursor:pointer}.ph-ugc-video-grid__arrow:disabled{cursor:default;opacity:.25}@media screen and (max-width:768px){.ph-ugc-video-grid{padding-top:calc(var(--ph-ugc-padding-top) * .7);padding-bottom:calc(var(--ph-ugc-padding-bottom) * .7)}.ph-ugc-video-grid__header{margin-bottom:20px}.ph-ugc-video-grid__grid{grid-auto-columns:calc((100% - (var(--ph-ugc-mobile-columns) - 1) * var(--ph-ugc-gap)) / var(--ph-ugc-mobile-columns))}.ph-ugc-video-grid__controls{position:static;justify-content:center;margin-top:14px;transform:none}.ph-ugc-video-grid__arrow{width:36px;height:36px}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/ph-ugc-video-grid.css.map */