html[data-reel-viewer=open]{overflow:hidden}html[data-reel-viewer=open] body{visibility:hidden}html[data-reel-viewer=open] body *{animation-play-state:paused}html[data-reel-viewer=open] .reel-viewer,html[data-reel-viewer=open] .reel-viewer *{visibility:visible;animation-play-state:running}.reel-viewer{overscroll-behavior:contain;color:#f7f0e6;background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden}.reel-viewer:focus{outline:none}.reel-viewer::backdrop{background:#070202f5}.reel-viewer-stage{--room:64px;box-sizing:border-box;grid-template-columns:auto minmax(13rem,19rem);justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;padding:32px 104px;display:grid}.reel-viewer-media{width:min(calc(100vw - 33rem), calc((100dvh - var(--room)) * 9 / 16));aspect-ratio:9/16;background:#000;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px #ff5a4540,0 40px 100px -30px #e2493a99}.reel-viewer-media video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.reel-viewer-info{align-content:center;justify-items:start;gap:.7rem;min-width:0;display:grid}.reel-viewer-badge{color:#ffb4a8;letter-spacing:.08em;text-transform:uppercase;border:1px solid #ff5a4566;border-radius:999px;padding:.3rem .7rem;font-size:.72rem;font-weight:700}.reel-viewer-info h3{color:#fff;overflow-wrap:anywhere;margin:0;font-size:1.45rem;line-height:1.15}.reel-viewer-info p{color:#f7f0e6c7;margin:0;font-size:.98rem;line-height:1.5}.reel-viewer-info small{color:#f7f0e680;font-size:.8rem}.reel-viewer-link{color:#fff;background:#1a0a0999;border:1px solid #ff5a4580;border-radius:999px;align-items:center;gap:.45rem;margin-top:.3rem;padding:.65rem 1.1rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.reel-viewer-link:hover{background:#e2493a33;border-color:#ff5a45}.reel-viewer-nav,.reel-viewer-close{color:#fff;cursor:pointer;background:#1a0a0999;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:background-color .16s,border-color .16s;display:grid;position:fixed}.reel-viewer-nav:hover,.reel-viewer-close:hover{background:#e2493a59;border-color:#ff5a45}.reel-viewer-nav:focus-visible,.reel-viewer-close:focus-visible,.reel-viewer-link:focus-visible{outline-offset:3px;outline:2px solid #ff5a45}.reel-viewer-nav{top:50%;transform:translateY(-50%)}.reel-viewer-nav[data-side=prev]{left:28px}.reel-viewer-nav[data-side=next]{right:28px}.reel-viewer-close{top:24px;right:28px}@media (max-width:900px){.reel-viewer-stage{--room:13rem;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));grid-template-rows:auto auto;grid-template-columns:1fr;align-content:center;gap:.9rem}.reel-viewer-media{width:min(100%, calc((100dvh - var(--room)) * 9 / 16));border-radius:14px;justify-self:center}.reel-viewer-info{box-sizing:border-box;justify-self:center;gap:.4rem;width:100%;max-width:30rem;padding-right:116px}.reel-viewer-info h3{font-size:1.05rem}.reel-viewer-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.4;display:-webkit-box;overflow:hidden}.reel-viewer-badge{padding:.2rem .55rem;font-size:.64rem}.reel-viewer-link{margin-top:.1rem;padding:.45rem .85rem;font-size:.82rem}.reel-viewer-nav{top:auto;bottom:max(16px, env(safe-area-inset-bottom));width:44px;height:44px;transform:none}.reel-viewer-nav[data-side=prev]{left:auto;right:68px}.reel-viewer-nav[data-side=next]{right:16px}.reel-viewer-close{top:max(16px, env(safe-area-inset-top));width:42px;height:42px;right:16px}}@media (prefers-reduced-motion:reduce){.reel-viewer-nav,.reel-viewer-close{transition:none}}
