.channel-bar.svelte-1ys0eu0{position:relative;z-index:25;overflow:visible}.channel-bar-inner.svelte-1ys0eu0{display:flex;align-items:center;gap:0;width:100%}.channel-bar-content.svelte-1ys0eu0{display:flex;align-items:center;gap:.5rem;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0}.channel-bar-content.svelte-1ys0eu0::-webkit-scrollbar{display:none}.channel-bar.variant-browse.svelte-1ys0eu0{position:sticky;top:0;background:#212121d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.5rem 1.5rem;max-height:100px;opacity:1;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,border-bottom-width .3s ease}.channel-bar.variant-browse.slide-up.svelte-1ys0eu0{transform:translateY(-100%);max-height:0;padding-top:0;padding-bottom:0;opacity:0;border-bottom-width:0;pointer-events:none}.channel-bar.variant-fullscreen.svelte-1ys0eu0{position:absolute;top:0;left:0;right:0;z-index:100;background:transparent;pointer-events:auto;padding:.75rem 1.5rem 1rem;overflow:visible}.channel-bar.variant-fullscreen.svelte-1ys0eu0:before{content:"";position:absolute;inset:0;height:200px;width:100%;background:linear-gradient(to bottom,#000,#000c,#0006 60%,#0000);pointer-events:none;z-index:0}.channel-bar.variant-fullscreen.svelte-1ys0eu0 .channel-bar-inner:where(.svelte-1ys0eu0){position:relative;z-index:1}.channel-bar-controls.svelte-1ys0eu0{display:flex;align-items:center;margin-right:1rem;gap:.5rem;flex-shrink:0}.channel-bar-controls.svelte-1ys0eu0 .control-button:where(.svelte-1ys0eu0){display:inline-flex;align-items:center;justify-content:center;padding:.8rem;border-radius:100px;border:.2px solid rgba(255,255,255,.1);background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff!important;transition:all .2s ease;cursor:pointer}.channel-bar-controls.svelte-1ys0eu0 .control-button:where(.svelte-1ys0eu0):hover{background:#000c;transform:scale(1.05)}.channel-bar-controls.svelte-1ys0eu0 .mute-button-container:where(.svelte-1ys0eu0){opacity:1}.channel-bar-controls.svelte-1ys0eu0 .mute-button-container.unmuted:where(.svelte-1ys0eu0){opacity:1}.channel-bar-controls.svelte-1ys0eu0 .fullscreen-button-container:where(.svelte-1ys0eu0){opacity:1}.channel-pill.svelte-1ys0eu0{display:inline-flex;align-items:center;font-family:"Droid Serif";gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:#161616;color:#fffc;border:.3px solid rgba(255,255,255,.1);font-size:.8rem;font-weight:100;white-space:nowrap;cursor:pointer;transition:all .2s ease;outline:none}.channel-pill.svelte-1ys0eu0:hover{background:#333;color:#fffffff2;border-color:#ffffff26}.channel-pill.svelte-1ys0eu0:focus-visible{outline:2px solid rgba(255,255,255,.3);outline-offset:2px}.channel-pill.active.svelte-1ys0eu0{background:#d76b1e;color:#fff;border-color:#d76b1e}.channel-pill.active.svelte-1ys0eu0:hover{background:#ec6c11;border-color:#ec6c11}.channel-icon.svelte-1ys0eu0{flex-shrink:0;width:14px;height:14px;opacity:.9}.channel-pill.active.svelte-1ys0eu0 .channel-icon:where(.svelte-1ys0eu0){opacity:1}.channel-label.svelte-1ys0eu0{line-height:1}.channel-column-toggle.svelte-1ys0eu0{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);font-size:.8rem;font-weight:100;font-family:"Droid Serif";cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap;margin-right:.5rem}.all_channels.svelte-1ys0eu0{color:#fff;font-size:.7rem;gap:.3rem;padding:.35rem 1rem}.channel-column-toggle.svelte-1ys0eu0:hover{background:#ffffff1a;color:#ffffffe6;border-color:#ffffff26}.channel-column-toggle.svelte-1ys0eu0:active{transform:scale(.95)}.channel-column-toggle-icon.svelte-1ys0eu0{flex-shrink:0;width:16px;height:16px;opacity:.8}.channel-column-toggle-label.svelte-1ys0eu0{line-height:1}.channel-search-wrapper.svelte-1ys0eu0{position:relative;margin-left:auto;flex-shrink:0;z-index:1002}.channel-search.svelte-1ys0eu0{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:9999px;min-width:200px;max-width:300px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.channel-search.svelte-1ys0eu0:focus-within{background:#1e1e1e;border-color:#fff3}.channel-search-icon.svelte-1ys0eu0{flex-shrink:0;width:16px;height:16px;color:#fff9}.channel-search-input.svelte-1ys0eu0{flex:1;background:transparent;border:none;outline:none;color:#ffffffe6;font-size:.875rem;font-weight:500;padding:0;min-width:0}.channel-search-input.svelte-1ys0eu0::placeholder{color:#fff6}.channel-search-clear.svelte-1ys0eu0{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:#ffffff80;transition:color .2s ease;flex-shrink:0;width:16px;height:16px}.channel-search-clear.svelte-1ys0eu0:hover{color:#fffc}.channel-search-results.svelte-1ys0eu0{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:#161616fa;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow-y:auto;max-height:400px;z-index:100;box-shadow:0 4px 12px #0000004d}.channel-search-results-group.svelte-1ys0eu0{padding:.5rem 0}.channel-search-results-group-title.svelte-1ys0eu0{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;margin:0 0 .5rem 1rem;padding:.5rem 0}.channel-search-result-item.svelte-1ys0eu0{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:#fffc;text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:.875rem}.channel-search-result-item.svelte-1ys0eu0:hover{background:#ffffff0d}.channel-badge.svelte-1ys0eu0{flex-shrink:0;opacity:1;transition:opacity .2s ease}.channel-badge.svelte-1ys0eu0:not(.visible){opacity:0;pointer-events:none}.channel-indicator-pill.svelte-1ys0eu0{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:9999px;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.75rem;font-weight:500}.channel-indicator-icon.svelte-1ys0eu0{flex-shrink:0;width:11px;height:11px;opacity:.9}.channel-indicator-label.svelte-1ys0eu0{line-height:1;white-space:nowrap}