.cinoton-community-videos{display:block;overflow:hidden;padding:clamp(18px,2.2vw,36px);background:var(--community-bg, #08090c);color:var(--community-text, #f4f7fb)}.cinoton-community-videos__frame.row{width:100%;max-width:var(--page-box-width, 1600px);margin:0 auto;padding:clamp(32px,4vw,64px);border:1px solid var(--community-border, #292e36);border-radius:clamp(18px,2vw,28px);background:var(--community-panel, #11161d);box-shadow:0 24px 70px #00000047}.cinoton-community-videos__frame.row>.columns{padding:0}.cinoton-community-videos__header{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px}.cinoton-community-videos__eyebrow{margin:0 0 12px;color:#168bd2;font-size:12px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.cinoton-community-videos__header h2{max-width:720px;margin:0;color:inherit;font-size:clamp(38px,4.5vw,68px);font-weight:650;line-height:.95;letter-spacing:-.05em}.cinoton-community-videos__description{max-width:620px;margin:16px 0 0;color:var(--community-muted, #aeb9c5);font-size:15px;line-height:1.55}.cinoton-community-videos__nav{display:flex;align-items:center;gap:8px;flex:none}.cinoton-community-videos__count{display:inline-flex;align-items:baseline;gap:5px;min-width:58px;margin-right:8px;color:var(--community-muted, #aeb9c5);font-size:12px;letter-spacing:.08em}.cinoton-community-videos__count strong{color:var(--community-text, #f4f7fb);font-size:16px}.cinoton-community-videos__nav button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid color-mix(in srgb,var(--community-text, #f4f7fb) 25%,transparent);border-radius:50%;background:#ffffff06;color:var(--community-text, #f4f7fb);cursor:pointer;transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}.cinoton-community-videos__nav button:hover:not(:disabled){border-color:#168bd2;background:#168bd2;color:#fff;transform:translateY(-2px)}.cinoton-community-videos__nav button:disabled{opacity:.3;cursor:default}.cinoton-community-videos__nav button:focus-visible,.cinoton-community-videos__toggle:focus-visible,.cinoton-community-videos__meta a:focus-visible{outline:3px solid #54c9ff;outline-offset:3px}.cinoton-community-videos__nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cinoton-community-videos__rail{display:flex;gap:16px;overflow-x:auto;margin:0;padding:0 0 14px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:pan-y}.cinoton-community-videos__rail::-webkit-scrollbar{display:none}.cinoton-community-videos__rail.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.cinoton-community-videos__card{flex:0 0 var(--community-card-width, 250px);min-width:0;scroll-snap-align:start}.cinoton-community-videos__media{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:12px;background:#161a20;box-shadow:0 14px 35px #0c172629;isolation:isolate}.cinoton-community-videos__media:after{content:"";position:absolute;z-index:1;top:45%;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,rgba(3,7,12,.86));pointer-events:none}.cinoton-community-videos__media>img,.cinoton-community-videos__media>video,.cinoton-community-videos__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,.74,.16,1)}.cinoton-community-videos__card:hover .cinoton-community-videos__media>img,.cinoton-community-videos__card:hover .cinoton-community-videos__media>video{transform:scale(1.025)}.cinoton-community-videos__platform{position:absolute;z-index:3;top:13px;left:13px;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:6px 9px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#050a0f85;color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cinoton-community-videos__platform svg{width:15px;height:15px}.cinoton-community-videos__toggle{position:absolute;z-index:4;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.26);border-radius:50%;background:#050a0f85;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cinoton-community-videos__toggle svg{width:16px;height:16px;fill:currentColor}.cinoton-community-videos__toggle .cinoton-community-videos__play,.cinoton-community-videos__toggle[data-paused=true] .cinoton-community-videos__pause{display:none}.cinoton-community-videos__toggle[data-paused=true] .cinoton-community-videos__play{display:block}.cinoton-community-videos__meta{position:absolute;z-index:3;right:16px;bottom:16px;left:16px;color:#fff}.cinoton-community-videos__meta p{display:-webkit-box;overflow:hidden;margin:0 0 8px;font-size:14px;font-weight:650;line-height:1.32;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cinoton-community-videos__meta a,.cinoton-community-videos__creator{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:11px;font-weight:650;text-decoration:none}.cinoton-community-videos__meta a:hover span{text-decoration:underline}.cinoton-community-videos__meta a svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cinoton-community-videos__editor-note{padding:24px;border:1px dashed currentColor;border-radius:10px;color:var(--community-muted, #aeb9c5)}@media(max-width:767px){.cinoton-community-videos{padding:12px}.cinoton-community-videos__frame.row{padding:28px 20px 24px}.cinoton-community-videos__header{flex-direction:column;align-items:stretch;gap:18px;margin-bottom:24px}.cinoton-community-videos__nav{align-self:flex-end}.cinoton-community-videos__header h2{font-size:clamp(34px,11vw,48px)}.cinoton-community-videos__description{font-size:14px}.cinoton-community-videos__count{display:none}.cinoton-community-videos__nav{gap:6px}.cinoton-community-videos__nav button{width:40px;height:40px}.cinoton-community-videos__rail{gap:12px}.cinoton-community-videos__card{flex-basis:min(72vw,270px)}}@media(prefers-reduced-motion:reduce){.cinoton-community-videos__rail{scroll-behavior:auto}.cinoton-community-videos__media>img,.cinoton-community-videos__media>video,.cinoton-community-videos__nav button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/185/assets/cinoton-community-videos.css.map */