.tv{isolation:isolate;aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden;container-type:inline-size}.scene{opacity:0;transition:opacity .28s linear;position:absolute;inset:0}.scene.is-on{opacity:1}.scene:not(.is-on),.scene:not(.is-on) *,.is-paused .scene *{animation-play-state:paused!important}.scene--live img{object-fit:cover;object-position:55% 50%;width:100%;height:100%;animation:tv-drift 16s var(--ease-in-out) infinite alternate}@keyframes tv-drift{0%{transform:scale(1.04)}to{transform:scale(1.14)translate(-2%,1%)}}.scene--sports{background:linear-gradient(#0c2414 0%,#17401f 34%,#1e5428 60%)}.pitch{transform-origin:50% 0;background:repeating-linear-gradient(90deg,#2d7a3a 0 8%,#348841 8% 16%);position:absolute;inset:24% -20% -34%;transform:perspective(70cqw)rotateX(52deg)}.pitch svg{fill:none;stroke:#ffffffd9;stroke-width:.7px;vector-effect:non-scaling-stroke;width:100%;height:100%;position:absolute;inset:0}.pitch__ball{aspect-ratio:1;width:1.6%;animation:tv-ball 7s var(--ease-in-out) infinite;background:#fff;border-radius:50%;position:absolute;top:40%;left:30%;box-shadow:0 0 4px #00000080}@keyframes tv-ball{30%{top:28%;left:58%}55%{top:62%;left:67%}80%{top:54%;left:42%}}.scorebug{color:#fff;background:#050608cc;border-radius:.8cqw;align-items:center;gap:1.4cqw;padding:1.1cqw 2cqw;font-size:2.6cqw;font-weight:500;display:flex;position:absolute;bottom:4cqw;left:4cqw}.scorebug b{font-weight:700}.scorebug i{color:#ffd54a;font-family:var(--font-mono);font-style:normal}.scene--news{background:radial-gradient(120% 90% at 70% 20%,#2b5fae,#0c2350 60%,#071635)}.studio-light{aspect-ratio:1;filter:blur(3.4cqw);border-radius:50%;position:absolute}.studio-light--a{background:#7fb4ff80;width:44cqw;top:-16cqw;right:3cqw}.studio-light--b{background:#e05a6b52;width:32cqw;top:8cqw;left:-12cqw}.lower-third{align-items:stretch;font-size:2.8cqw;display:flex;position:absolute;bottom:12cqw;left:4cqw}.lower-third__tag{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#e1352f;place-items:center;padding:0 2cqw;font-size:2cqw;font-weight:700;display:grid}.lower-third>span:last-child{color:#0c2350;background:#fffffff5;padding:1.3cqw 2.6cqw;line-height:1.2;display:grid}.lower-third b{font-weight:700}.lower-third small{color:#44506a;font-size:2cqw}.ticker{color:#dfe8ff;white-space:nowrap;background:#0a1a3d;align-items:center;height:7.6cqw;font-size:2.3cqw;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.ticker span{flex:none;padding-right:3cqw;animation:16s linear infinite tv-ticker}@keyframes tv-ticker{to{transform:translate(-100%)}}.scene--nature{background:linear-gradient(#2f3a6b 0%,#8b5a8c 36%,#e88e6f 60%,#f6c48b 80%)}.dawn-sun{aspect-ratio:1;width:20cqw;animation:tv-sunrise 18s var(--ease-in-out) infinite alternate;background:radial-gradient(circle,#fff6dd 0 30%,#ffd08a 52%,#ffd08a00 70%);border-radius:50%;position:absolute;top:30%;left:58%}@keyframes tv-sunrise{0%{transform:translateY(7cqw)}to{transform:translateY(-1cqw)}}.dawn-hills{width:110%;height:64%;animation:tv-hills 22s var(--ease-in-out) infinite alternate;position:absolute;bottom:0;left:-5%}@keyframes tv-hills{to{transform:translate(-4%)}}.hill-a{fill:#6a4f86}.hill-b{fill:#3f3a6e}.hill-c{fill:#1f2346}.scene--radio{background:#050608;place-items:center;display:grid}.level{align-items:center;gap:1.6cqw;height:26cqw;display:flex}.level i{width:1.8cqw;height:100%;animation:tv-level 1.3s var(--ease-in-out) infinite;animation-delay:calc(var(--i) * -.09s);background:linear-gradient(#a5f3fc,#3d5afe);border-radius:2cqw;transform:scaleY(.2)}@keyframes tv-level{0%,to{transform:scaleY(.15)}50%{transform:scaleY(.95)}}.tv__static{z-index:4;opacity:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px;position:absolute;inset:0}.tv.is-tuning .tv__static{animation:.32s steps(4,end) both tv-static}@keyframes tv-static{0%{opacity:.95;background-position:0 0}33%{background-position:40px -30px}66%{opacity:.8;background-position:-50px 20px}to{opacity:0;background-position:0 0}}
