video.svelte-1cjanp{width:100%;height:auto;border-radius:4px;outline:none}.main{background:url(../../../bg.jpg);background-size:cover}.streams.svelte-hh4y11{display:grid;grid-template-columns:1fr 1fr 2fr;width:100%;height:100%;background-image:linear-gradient(360deg,#000000d9 8%,#000000d8,#000000d5,#000000d1,#000000cb,#000000c3,#000000b9,#000000af,#000000a7,#000000a1,#0000009d,#0000009a,#0009);gap:1rem;padding:1rem;box-sizing:border-box}.groups.svelte-hh4y11,.channels.svelte-hh4y11,.player.svelte-hh4y11{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-radius:1rem;padding:1rem;overflow:auto;height:min-content}.player.svelte-hh4y11{display:flex;max-height:480px}.groups.svelte-hh4y11,.channels.svelte-hh4y11{box-shadow:5px 0 10px -5px #0000004d}.groups-items.svelte-hh4y11,.channel-items.svelte-hh4y11{display:flex;flex-direction:column;gap:.5rem}.groups-item.svelte-hh4y11,.channel-item.svelte-hh4y11{all:unset;position:relative;display:grid;grid-template-columns:auto 1fr auto;place-items:center;gap:1rem;padding:.5rem;box-sizing:border-box;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-radius:.5rem;min-height:78px;cursor:pointer;background:#ffffff0d;color:#fff;border:4px solid transparent}.channel-item.svelte-hh4y11{grid-template-columns:auto 1fr}.groups-item-index.svelte-hh4y11{display:flex;justify-content:center;align-items:center;width:50px;height:50px;background:#ffffff0d;border-radius:.5rem}.channel-item-logo.svelte-hh4y11{width:50px;height:50px;object-fit:contain}.groups-item-title.svelte-hh4y11,.channel-item-title.svelte-hh4y11{font-size:1.25em;font-weight:600;text-transform:uppercase;width:100%}.groups-item-count.svelte-hh4y11{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff0d;border-radius:.5rem;width:50px;height:50px;gap:5px}.groups-item-count-number.svelte-hh4y11{font-size:12px}.groups-item-count-description.svelte-hh4y11{font-size:10px;text-transform:uppercase}.groups-item.tv-hovered,.groups-item.tv-focused,.channel-item.tv-hovered,.channel-item.tv-focused,.groups-item.svelte-hh4y11:hover,.channel-item.svelte-hh4y11:hover,.groups-item.active.svelte-hh4y11,.channel-item.active.svelte-hh4y11{background-color:#ffffff26}.groups-item.tv-hovered,.groups-item.tv-focused,.channel-item.tv-hovered,.channel-item.tv-focused{border:4px solid rgb(255 255 255 / 10%)}