.bb-live{position:relative}.bb-live picture,.bb-live img{display:block;width:100%;height:auto}.bb-live__match{position:absolute;left:54.55%;top:0.21%;width:45.45%;height:52.61%;object-fit:cover;clip-path:polygon(0 19.8%,100% 0,100% 94.5%,0 100%);filter:saturate(0.92) brightness(0.9) contrast(1.05);opacity:0;transition:opacity 0.8s var(--ease-out)}.bb-live__match.is-playing{opacity:1}.bb-live__glare{position:absolute;left:54.55%;top:0.21%;width:45.45%;height:52.61%;pointer-events:none;clip-path:polygon(0 19.8%,100% 0,100% 94.5%,0 100%);background:linear-gradient(115deg,rgba(255,255,255,0.10) 0%,rgba(255,255,255,0) 38%),radial-gradient(ellipse at 50% 120%,rgba(0,0,0,0.25),transparent 60%);opacity:0;transition:opacity 0.8s var(--ease-out)}.bb-live.is-live .bb-live__glare{opacity:1}.bb-live__bug{position:absolute;left:56.5%;top:12.5%;display:inline-flex;align-items:center;gap:0.3rem;padding:0.1rem 0.4rem;border-radius:4px;background:rgba(5,5,5,0.7);color:#fff;font-size:clamp(0.5rem,0.4rem + 0.3vw,0.6875rem);font-weight:800;letter-spacing:0.08em;text-transform:uppercase;opacity:0;transform:skewY(-3.5deg);transition:opacity 0.8s var(--ease-out)}.bb-live.is-live .bb-live__bug{opacity:1}.bb-live__dot{width:0.45em;height:0.45em;border-radius:50%;background:var(--hb-error);animation:bb-live-blink 1.6s steps(2,jump-none) infinite}@keyframes bb-live-blink{50%{opacity:0.25}}.bb-live__toggle{position:absolute;left:0.75rem;bottom:0.75rem;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,0.35);background:rgba(5,5,5,0.7);color:#fff;cursor:pointer}.bb-live__toggle:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.bb-live__toggle svg{width:1.1rem;height:1.1rem;fill:currentColor}.bb-live__toggle .hb-icon-play{display:none}.bb-live__toggle[data-paused] .hb-icon-play{display:block}.bb-live__toggle[data-paused] .hb-icon-pause{display:none}@media (prefers-reduced-motion:reduce){.bb-live__match,.bb-live__glare,.bb-live__bug{display:none}}