*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block;font-style:italic}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}fieldset{padding:0;margin:0;border:none}:where(button){color:inherit;cursor:pointer;appearance:none;border:none;background-color:rgba(0,0,0,0);padding:0}:where(button)>*{pointer-events:none}:root{--font-primary: Arial, Helvetica, sans-serif;--surface-primary: #fff;--surface-secondary: #00001F;--surface-tertiary: #2D308D;--surface-quantenary: #F47B25;--surface-quantenary-light: #F9A65E;--surface-tertiary-alpha: rgba(77, 84, 164, 0.4);--surface-disabled: #737373;--text-color-primary: #000;--text-color-secondary: #fff;--text-color-tertiary: #404040;--text-disabled: #a3a3a3;--shadow-xs-top: 0 -.125rem .25rem rgba(0 0 0 / 5%);--shadow-sm: 0 .25rem .25rem rgba(0 0 0 / 50%);--shadow-xs: 0 .25rem .25rem rgba(0 0 0 / 15%);--step--2: clamp(0.6944rem, 0.6577rem + 0.1836vi, 0.8rem);--step--1: clamp(0.8333rem, 0.7754rem + 0.2899vi, 1rem);--step-0: clamp(1rem, 0.913rem + 0.4348vi, 1.25rem);--step-1: clamp(1.2rem, 1.0739rem + 0.6304vi, 1.5625rem);--step-2: clamp(1.44rem, 1.2615rem + 0.8924vi, 1.9531rem);--border-thin: 1px;--border-thick: 2px;--rounded-sm: .125rem;--rounded-md: .25rem;--rounded-full: 999px;--space--5: 0.32768rem;--space--4: 0.4096rem;--space--3: 0.512rem;--space--2: 0.64rem;--space--1: 0.8rem;--space-0: 1rem;--space-1: 1.25rem;--space-2: 1.5625rem;--space-3: 1.953125rem;--space-4: 2.44140625rem;--space-5: 3.0517578125rem}@keyframes pulse{0%{transform:scaleY(-1)}50%{transform:scaleY(-0.35)}100%{transform:scaleY(-1)}}@keyframes pulse-pause{100%{transform:scaleY(-0.25)}}@keyframes spin{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}100%{transform:scale(1) rotate(360deg)}}body{font-family:var(--font-primary)}.box{padding:var(--box-space, var(--space-0));background-color:var(--box-bg, var(--surface-primary));color:var(--box-color, var(--text-color-primary));border-radius:var(--box-radius, 0)}.cluster{display:flex;justify-content:var(--cluster-justify, flex-start);align-items:var(--cluster-align, center);flex-wrap:var(--cluster-wrap, wrap);gap:var(--cluster-gap, 0.5rem)}.frame{aspect-ratio:var(--aspect-ratio, 1/1);overflow:hidden}.frame>img,.frame>video{inline-size:100%;block-size:100%;object-fit:cover}.grid{display:grid;gap:var(--grid-gap, 1rem);grid-template-columns:repeat(auto-fill, minmax(var(--grid-min-size, 8rem), 1fr))}.justify-center{justify-content:center}.justify-spaced{justify-content:space-between}.align-center{align-items:center}.center{display:flex;justify-content:center;align-items:center}.flow>*+*{margin-block-start:var(--flow-space, var(--space--3))}.hidden{display:none !important}.hidden-sm{display:none !important}.hidden-lg{display:flex !important}@media screen and (min-width: 45rem){.hidden-sm{display:flex !important}.hidden-lg{display:none !important}}.rounded-full{border-radius:var(--rounded-full)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.channel{--aspect-ratio: 1;--box-bg: var(--channel-bg, var(--surface-primary));--box-color: var(--channel-color, var(--text-color-primary));--box-radius: var(--rounded-md);--box-space: 0 0 var(--space--3);display:flex;flex-direction:column;align-items:center;font-size:var(--step--1);line-height:1.2;outline:2px solid var(--channel-outline, none);box-shadow:var(--shadow-xs)}.channel>*{pointer-events:none}.channel .frame{width:100%;border-top-left-radius:var(--rounded-md);border-top-right-radius:var(--rounded-md)}.channel>div.center{position:relative}.channel .item-name{word-break:break-word;padding-inline:var(--space--3)}.channel:hover,.channel:focus,.channel[data-playing]{--channel-bg: var(--surface-tertiary);--channel-color: var(--text-color-secondary);--channel-outline: var(--channel-bg)}.channel:hover .channel-hover,.channel:focus .channel-hover,.channel[data-playing] .channel-hover{opacity:1}.channel[data-playing] .channel-hover{opacity:1}.channel[data-playing="2"] svg{animation:1500ms ease-in-out infinite spin}.channel-hover{position:absolute;inset:0;background-color:var(--surface-tertiary-alpha);opacity:0;--box-space: var(--space--3);--box-bg: var(--surface-tertiary);--box-color: var(--text-color-secondary);--box-radius: var(--rounded-full)}.control-bar{--cluster-align: initial;--box-bg: var(--controls-bg, var(--surface-secondary));--box-color: var(--controls-color, var(--text-color-secondary));--box-space: var(--space--2) var(--space-0);align-self:flex-end;width:100%;position:sticky;inset:0;box-shadow:var(--shadow-xs-top)}.playback-btn{--box-bg: var(--surface-quantenary);--box-color: var(--text-color-secondary);--box-space: .75rem;padding:.75rem;background-color:var(--surface-quantenary);color:var(--text-color-secondary);transition:all 150ms ease-in-out;outline-offset:.125rem;outline-color:rgba(0,0,0,0)}.playback-btn[disabled]{cursor:not-allowed;background-color:var(--surface-disabled);color:var(--text-disabled)}.playback-btn:not([disabled]):hover{background-color:var(--surface-tertiary)}.playback-btn:not([disabled]):focus-visible{outline:.25rem solid var(--surface-quantenary)}.icon-audio-pulse path{animation:pulse 1s infinite;transform:scaleY(-1);transform-origin:bottom center}.icon-audio-pulse path:nth-of-type(2){animation-delay:.35s}.icon-audio-pulse path:nth-of-type(3){animation-delay:.15s}.icon-audio-pulse.paused path{animation:pulse-pause 150ms;animation-fill-mode:forwards}.icon-audio-pulse.paused path:nth-of-type(2){animation-delay:.15s}.icon-audio-pulse.paused path:nth-of-type(3){animation-delay:.05s}.stream-indicator::before{content:"";display:inline-block;width:.75rem;height:.75rem;background-color:green;margin-inline-end:.5rem;border-radius:var(--rounded-full)}.stream-indicator.paused::before{background-color:red}@media screen and (max-width: 30rem){.icon-audio-pulse{display:none}.stream-name{display:inline-block;overflow:hidden;white-space:nowrap;max-width:16ch;text-overflow:ellipsis}}.btn-icon{background-color:var(--surface-tertiary);transition:all ease-in-out 250ms;padding:.5rem;outline-color:rgba(0,0,0,0);outline-offset:.125rem}.btn-icon:hover{background-color:var(--surface-quantenary)}.btn-icon:focus-visible{background:var(--surface-quantenary);outline:.25rem solid var(--surface-quantenary)}@media screen and (max-width: 45rem){.volume-controls{position:relative;padding:.5rem}.volume-controls div{position:absolute;display:none;flex-direction:column-reverse;background-color:var(--surface-primary);border-radius:.5rem;box-shadow:0 0 .25rem .25rem rgba(0,0,0,.33);padding:.5rem;bottom:calc(100% + .5rem);right:0}.volume-controls div.open{display:flex}}.dialog{background-color:rgba(0,0,0,0);border:0}.dialog button{border-radius:50%;background-color:var(--surface-quantenary);color:var(--text-color-secondary);box-shadow:0 0 .5rem rgba(0,0,0,.5);transition:scale 150ms ease-in-out}.dialog button:hover{scale:1.1;background-color:var(--surface-quantenary-light)}dialog::backdrop{background-color:rgba(0,0,0,.5)}.dropdown{--box-bg: var(--surface-primary);--box-color: var(--text-color-primary);--box-radius: var(--rounded-sm);--box-space: .5rem .75rem .5rem 1.5rem;position:relative;appearance:none;cursor:pointer}.dropdown>summary{list-style:none}.dropdown-elem{list-style:none;transition:all 150ms ease-in-out}.dropdown-elem:focus-visible{outline-offset:.125rem;outline:.25rem solid var(--surface-quantenary)}.dropdown-options{--box-space: 0;position:absolute;display:flex;flex-direction:column;overflow:hidden;right:0;top:calc(100% + .25rem);width:max-content;min-width:115%;z-index:9;border-top-right-radius:0;box-shadow:0 .5rem .5rem 0 rgba(0,0,0,.33)}@media screen and (min-width: 45rem){.dropdown-options{top:100%}}.dropdown-btn{text-align:left;padding-block:var(--space-0);padding-inline:var(--space-2) var(--space-1)}.dropdown-btn.active{background-color:var(--surface-tertiary);color:var(--text-color-secondary)}.dropdown-btn:focus-visible,.dropdown-btn:hover{outline:none;background-color:var(--surface-tertiary);color:var(--text-color-secondary)}.dropdown[open] summary{z-index:9;border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown[open] summary svg{scale:1 -1}.mobile-menu-container{position:relative}.mobile-menu-container.open .mobile-menu{display:flex}.mobile-menu{position:absolute;right:0;top:calc(100% + 1rem);z-index:9;color:#000;display:none;flex-direction:column;background-color:var(--surface-primary);padding:1rem}main{--cluster-align: flex-start;min-height:100vh;padding:1rem}.header{--cluster-justify: space-between;--box-space: var(--space-0);--box-bg: var(--header-bg, var(--surface-secondary));--box-color: var(--header-color, var(--text-color-secondary))}.header>.cluster{--cluster-gap: 1rem}input[type=range].volume-slider{--slider-thumb-bg: radial-gradient(circle at 50%, #4D54A4 33%, #2D308D);--slider-thumb-radius: var(--rounded-full);--slider-track-bg: var(--surface-tertiary-alpha);--slider-track-height: .75rem}label:has(input[type=range]){line-height:1}input[type=range]{touch-action:none;--slider-thumb-height: 2rem;--slider-track-height: .5rem;accent-color:var(--controls-color, var(--text-color-secondary));-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0);cursor:pointer;width:15rem}input[type=range]::-webkit-slider-runnable-track{background-color:var(--slider-track-bg, var(--surface-primary));border-radius:var(--slider-track-radius, var(--slider-track-height, var(--space--1)));height:var(--slider-track-height, var(--space--1))}input[type=range]::-moz-range-track{background-color:var(--slider-track-bg, var(--surface-primary));border-radius:var(--slider-track-radius, var(--slider-track-height, var(--space--1)));height:var(--slider-track-height, var(--space--1))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:var(--slider-thumb-height);margin-block-start:calc((var(--slider-thumb-height) - var(--slider-track-height))*-0.5);background:var(--slider-thumb-bg, var(--surface-primary));border-radius:var(--slider-thumb-radius, 0.5rem);width:var(--slider-thumb-width, var(--slider-thumb-height))}input[type=range]::-webkit-slider-thumb:hover{background:var(--surface-quantenary)}input[type=range]::-moz-range-thumb{border:none;background:var(--slider-thumb-bg, var(--surface-primary));height:var(--slider-thumb-height);border-radius:var(--slider-thumb-radius, 0.5rem);width:var(--slider-thumb-width, var(--slider-thumb-height))}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{background:var(--surface-quantenary);outline:3px solid var(--surface-quantenary);outline-offset:.125rem}input[type=range]:focus:focus::-moz-range-thumb{background:var(--surface-quantenary);outline:3px solid var(--surface-quantenary);outline-offset:.125rem}@media screen and (max-width: 40rem){input[type=range].volume-slider{writing-mode:vertical-lr;direction:rtl;width:2rem;vertical-align:middle}input[type=range].volume-slider::-webkit-slider-runnable-track{width:.75rem}input[type=range].volume-slider::-moz-range-track{width:.75rem}input[type=range].volume-slider::-webkit-slider-thumb{margin-block-start:-0.6rem}input[type=range].volume-slider::-moz-range-thumb{margin-block-start:-0.6rem}}body{border:.2rem solid var(--blue-dark)}