.cf-reel .zc-template-reel{position:relative}.cf-reel .zc-reel-viewport{aspect-ratio:9/16;scroll-snap-type:y mandatory;scrollbar-width:none;overflow-anchor:none;background:#191d23;border-radius:12px;width:100%;height:auto;max-height:none;position:relative;overflow-y:auto}.cf-reel .zc-reel-viewport::-webkit-scrollbar{display:none}.cf-reel .zc-reel-slide{isolation:isolate;aspect-ratio:9/16;scroll-snap-align:start;scroll-snap-stop:always;height:100%;min-height:100%;position:relative;overflow:hidden}.cf-reel .zc-reel-media{cursor:pointer;background:#191d23;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.cf-reel .zc-reel-media>img,.cf-reel .hover-video-preview,.cf-reel .hover-video-preview>img,.cf-reel .hover-video-preview>video{object-fit:cover;width:100%;height:100%}.cf-reel .hover-video-preview>video{opacity:0}.cf-reel .hover-video-preview[data-playing=true]>video{opacity:1}.cf-reel .hover-video-preview-loading{top:14px;color:#fff7fc;pointer-events:none;background:#101825b3;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;inset-inline-start:92px}.cf-reel .zc-reel-position{top:14px;color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#121519cc;border:1px solid #ffffff4d;border-radius:99px;margin:0;padding:7px 12px;font-size:12px;font-weight:600;line-height:20px;position:absolute;inset-inline-start:14px}.cf-reel .hover-video-preview-loading svg{width:22px;height:22px;animation:1.5s linear infinite cf-spin}@media (prefers-reduced-motion:reduce){.cf-reel .hover-video-preview-loading svg{animation:none}}.cf-reel .zc-reel-shade{pointer-events:none;background:linear-gradient(#0000 48%,#0d101659 65%,#0d1016f5 100%);position:absolute;inset:0}.cf-reel .zc-reel-copy{bottom:16px;color:#f9fafc;pointer-events:none;position:absolute;inset-inline:16px}.cf-reel .zc-reel-copy h3{letter-spacing:-.04em;margin:0;font:800 21px/1.2 Manrope Variable,sans-serif}.cf-reel .zc-reel-copy>p{margin:7px 0 10px;font-size:12px;line-height:1.6}.cf-reel .zc-reel-select{pointer-events:auto;background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-size:13px;font-weight:700;display:inline-flex}.cf-reel .zc-reel-actions{inset-inline-end:10px;flex-direction:column;gap:8px;display:flex;position:absolute;top:12px}.cf-reel .zc-reel-actions button{color:#fff;cursor:pointer;background:#121519cc;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.cf-reel .zc-reel-actions button:disabled{opacity:.4;cursor:not-allowed}.cf-reel .zc-reel-hint{text-align:center;color:var(--muted-foreground);margin:12px 0 0;font-size:12px;line-height:1.6}.cf-reel .hover-video-preview{background:#101825;position:relative;overflow:hidden}.cf-reel .hover-video-preview>img,.cf-reel .hover-video-preview>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cf-reel .hover-video-preview[data-fit=contain]>img,.cf-reel .hover-video-preview[data-fit=contain]>video{object-fit:contain}