.campaign-poster-reel{color:#1e2632;--reel-muted:#7b8490;width:100%;container-type:inline-size}.campaign-poster-reel:focus-visible{outline-offset:6px;outline:2px solid #245ca2}.campaign-reel-stage{--poster-width:min(26cqw, 300px, calc(62svh * .462));--poster-step:calc(var(--poster-width) * 1.16);height:calc(var(--poster-width) * 2.17 + 124px);isolation:isolate;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;cursor:grab;background:#fff;position:relative;overflow:hidden}.campaign-reel-card{width:var(--poster-width);transform:translate(-50%, -50%) translateX(calc(var(--poster-step) * var(--poster-x))) translateY(calc(var(--poster-step) * var(--poster-y))) scale(var(--poster-scale)) rotate(var(--poster-angle));opacity:var(--poster-opacity);transform-origin:50%;cursor:pointer;-webkit-user-drag:none;border-radius:clamp(10px,1.15cqw,16px);transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .55s,box-shadow .65s;display:block;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 16px 30px -12px #16294540}.campaign-reel-card[data-active]{cursor:zoom-in;box-shadow:0 24px 38px -13px #16294552}.campaign-reel-card img{pointer-events:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.campaign-reel-card:focus-visible{outline-offset:5px;outline:2px solid #245ca2}.campaign-reel-stage[data-dragging],.campaign-reel-stage[data-dragging] .campaign-reel-card{cursor:grabbing}.campaign-reel-stage:is([data-dragging],[data-drifting]) .campaign-reel-card{transition:none}.campaign-reel-footer{justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem .125rem .5rem;display:flex}.campaign-reel-caption{align-items:center;gap:1.25rem;min-width:0;display:flex}.campaign-reel-caption p{margin:0;font-size:.875rem;line-height:1.6}.campaign-reel-count{font-variant-numeric:tabular-nums;letter-spacing:.04em;flex-shrink:0;font-size:.75rem}.campaign-reel-count>span{color:var(--reel-muted)}.campaign-reel-actions{flex-shrink:0;align-items:center;gap:.625rem;display:flex}.campaign-reel-actions button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid #dce1e8;border-radius:50%;place-items:center;padding:0;transition:color .18s,background .18s,border-color .18s;display:grid}.campaign-reel-actions button:hover{color:#fff;background:#233e64;border-color:#233e64}.campaign-reel-actions .campaign-reel-playback{color:var(--reel-muted);border-color:#0000}.campaign-reel-actions .campaign-reel-playback:hover{color:#233e64;background:#f3f5f8}:is(.campaign-reel-actions button:focus-visible,.campaign-reel-pagination button:focus-visible){outline-offset:4px;outline:2px solid #245ca2}.campaign-reel-pagination{gap:8px;display:flex}.campaign-reel-pagination button{cursor:pointer;background:0 0;border:0;flex:1;height:32px;padding:0}.campaign-reel-pagination button>span{background:#e5e8ed;height:2px;transition:background .25s;display:block}.campaign-reel-pagination button[aria-current]>span{background:#233e64}.campaign-reel-pagination button:hover>span{background:#8a9bb1}@media (max-width:640px){.campaign-reel-stage{--poster-width:min(58cqw, 250px, calc(60svh * .462));height:calc(var(--poster-width) * 2.17 + 64px)}.campaign-reel-footer{padding-top:1rem}.campaign-reel-caption{display:block}.campaign-reel-caption p{margin-top:.25rem;font-size:.8125rem}.campaign-reel-actions{gap:.5rem}}@media (prefers-reduced-motion:reduce){.campaign-reel-card,.campaign-reel-actions button,.campaign-reel-pagination button>span{transition:none}}