.ni-si-live{--ni-si-blue:#3d7ec9;--ni-si-orange:#e07a2f;--ni-si-blue-panel:#0e1624;--ni-si-orange-panel:#1a1410;--ni-si-blue-fg:#e8eef7;--ni-si-orange-fg:#f3ebe3;--ni-si-north:var(--ni-si-blue);--ni-si-south:var(--ni-si-orange);--ni-si-north-panel:var(--ni-si-blue-panel);--ni-si-south-panel:var(--ni-si-orange-panel);--ni-si-north-fg:var(--ni-si-blue-fg);--ni-si-south-fg:var(--ni-si-orange-fg);--ni-si-north-soft:color-mix(in srgb,var(--ni-si-north) 14%,transparent);--ni-si-south-soft:color-mix(in srgb,var(--ni-si-south) 14%,transparent)}.ni-si-live.ni-si-colors-swapped,html.ni-si-colors-swapped .ni-si-live{--ni-si-north:var(--ni-si-orange);--ni-si-south:var(--ni-si-blue);--ni-si-north-panel:var(--ni-si-orange-panel);--ni-si-south-panel:var(--ni-si-blue-panel);--ni-si-north-fg:var(--ni-si-orange-fg);--ni-si-south-fg:var(--ni-si-blue-fg)}.ni-si-live .ni-si-panel-north{background:linear-gradient(160deg,color-mix(in srgb,var(--ni-si-north) 18%,transparent),transparent 55%),var(--ni-si-north-panel);color:var(--ni-si-north-fg)}.ni-si-live .ni-si-panel-south{background:linear-gradient(200deg,color-mix(in srgb,var(--ni-si-south) 18%,transparent),transparent 55%),var(--ni-si-south-panel);color:var(--ni-si-south-fg)}.ni-si-live .ni-si-panel-north.ni-si-panel-edge-left{box-shadow:inset 3px 0 0 var(--ni-si-north)}.ni-si-live .ni-si-panel-north.ni-si-panel-edge-right{box-shadow:inset -3px 0 0 var(--ni-si-north)}.ni-si-live .ni-si-panel-south.ni-si-panel-edge-left{box-shadow:inset 3px 0 0 var(--ni-si-south)}.ni-si-live .ni-si-panel-south.ni-si-panel-edge-right{box-shadow:inset -3px 0 0 var(--ni-si-south)}.ni-si-live .ni-si-chip-north{background:color-mix(in srgb,var(--ni-si-north) 22%,var(--ni-si-north-panel));color:var(--ni-si-north-fg);border:1px solid color-mix(in srgb,var(--ni-si-north) 45%,transparent)}.ni-si-live .ni-si-chip-south{background:color-mix(in srgb,var(--ni-si-south) 22%,var(--ni-si-south-panel));color:var(--ni-si-south-fg);border:1px solid color-mix(in srgb,var(--ni-si-south) 45%,transparent)}.ni-si-live .ni-si-stream-stage{container-type:size;width:100%;height:100%;display:grid;place-items:center}.ni-si-live .ni-si-stream-frame{position:relative;aspect-ratio:16/9;width:min(100cqw,calc(100cqh * 16 / 9));max-width:100%;max-height:100%;height:auto;background:#000}@supports not (width:1cqh){.ni-si-live .ni-si-stream-frame{width:100%;height:100%;aspect-ratio:auto}}.ni-si-live .ni-si-mv{display:grid;gap:.25rem;min-height:0;min-width:0}.ni-si-live .ni-si-mv-tile{min-height:0;min-width:0;border-radius:.4rem}.ni-si-live .ni-si-mv--single{grid-template-columns:1fr;grid-template-rows:1fr}.ni-si-live .ni-si-mv--focus-1{grid-template-columns:1.7fr 1fr;grid-template-rows:1fr}.ni-si-live .ni-si-mv--focus-2{grid-template-columns:1.7fr 1fr;grid-template-rows:1fr 1fr}.ni-si-live .ni-si-mv--focus-2>:first-child{grid-row:1/-1}.ni-si-live .ni-si-mv--focus-3{grid-template-columns:1.75fr 1fr;grid-template-rows:repeat(3,1fr)}.ni-si-live .ni-si-mv--focus-3>:first-child{grid-row:1/-1}.ni-si-live .ni-si-mv--grid-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.ni-si-live .ni-si-mv--grid-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.ni-si-live .ni-si-mv--grid-3>:first-child{grid-column:1/-1}.ni-si-live .ni-si-mv--grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}@media (max-width:639px){.ni-si-live .ni-si-mv{gap:.2rem}.ni-si-live .ni-si-mv-tile{border-radius:.3rem}.ni-si-live .ni-si-mv--focus-1{grid-template-columns:1fr;grid-template-rows:minmax(0,2fr) minmax(0,1fr)}.ni-si-live .ni-si-mv--focus-2{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1.8fr) minmax(0,1fr)}.ni-si-live .ni-si-mv--focus-2>:first-child{grid-column:1/-1;grid-row:auto}.ni-si-live .ni-si-mv--focus-3{grid-template-columns:1fr 1fr 1fr;grid-template-rows:minmax(0,1.9fr) minmax(0,.9fr)}.ni-si-live .ni-si-mv--focus-3>:first-child{grid-column:1/-1;grid-row:auto}.ni-si-live .ni-si-mv--grid-2{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.ni-si-live .ni-si-mv--grid-3>:first-child{grid-column:1/-1}}