.cd-community-section{padding:48px 0}.cd-community-section .page-width{max-width:95%;width:95%}.cd-community-heading{margin:0 0 24px;text-align:center;font-size:2.3em}.cd-community-grid{display:flex;gap:16px;flex-wrap:nowrap;justify-content:center;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:18px}.cd-community-grid::-webkit-scrollbar{height:5px}.cd-community-grid::-webkit-scrollbar-thumb{background:#0000002e;border-radius:999px}.cd-community-item{flex:0 0 30%;width:30%;border-radius:16px;overflow:hidden;background:#fff;scroll-snap-align:start}.cd-community-video-trigger{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.cd-community-video-thumb-wrap{position:relative;display:block;aspect-ratio:16 / 9;background:#000}.cd-community-video-thumb,.cd-community-video-frame{display:block;width:100%;height:100%}.cd-community-video-thumb{object-fit:cover}.cd-community-video-frame{border:0}.cd-community-play-button{position:absolute;top:50%;left:50%;width:68px;height:48px;transform:translate(-50%,-50%);border-radius:999px;background:#000000b8;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}.cd-community-play-button svg{width:24px;height:24px;margin-left:2px}.cd-community-video-trigger:hover .cd-community-play-button{transform:translate(-50%,-50%) scale(1.06);background:#000000d1}@media screen and (min-width:1025px){.cd-community-grid:has(.cd-community-item:nth-child(4)){justify-content:flex-start}}@media screen and (max-width:1024px)and (min-width:768px){.cd-community-item{flex:0 0 46%;width:46%}.cd-community-grid:has(.cd-community-item:nth-child(3)){justify-content:flex-start}.cd-community-section .page-width{max-width:100%;width:100%;padding:0 3rem}}@media screen and (max-width:767px){.cd-community-section{padding:28px 0 14px}.cd-community-item{flex:0 0 100%;width:100%}.cd-community-section .page-width{max-width:100%;width:100%;padding:0 2rem}.cd-community-heading{text-align:left;font-size:2.1em}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/clipdifferent-community.css.map */