.channel[data-v-aafe7125]{width:calc(100% - 3px);transition:all .3s ease-in-out;border-left:3px solid transparent;border-bottom:1px solid var(--grey-200);position:relative;cursor:pointer}.channel button[data-v-aafe7125]{border:none;background:none;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.channel[data-v-aafe7125]:hover{background:var(--grey-100)}.selected[data-v-aafe7125]{border-left-color:var(--grey-900)}.channel-details[data-v-aafe7125]{align-items:center;justify-content:center;display:flex;color:var(--grey-900);text-align:left;padding:var(--padding-4);box-sizing:border-box;gap:var(--gap-4)}.image[data-v-aafe7125]{width:75px;overflow:hidden;border-radius:var(--radius-sm);background-size:cover;background-position:center}.image img[data-v-aafe7125]{width:100%;height:auto;display:block;margin:0}.title[data-v-aafe7125]{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.status[data-v-aafe7125]{display:block;font-size:var(--font-size-sm);color:var(--grey-500);margin-left:auto}.status i[data-v-aafe7125]{margin-right:var(--margin-2)}.inactive[data-v-aafe7125]{color:var(--grey-600);background:var(--grey-100);border-radius:var(--radius-sm);padding:.5em}.inactive i[data-v-aafe7125]{color:var(--grey-600)}.active[data-v-aafe7125]{color:var(--green-600);background:var(--green-100);border-radius:var(--radius-sm);padding:var(--padding-2);font-weight:var(--font-weight-bold)}h3[data-v-3681bd48]{margin-top:0;margin-bottom:0;padding:var(--padding-4);border-bottom:1px solid var(--grey-200)}.channel-settings label[data-v-3681bd48]{font-size:var(--font-size-sm);color:var(--grey-700);margin-bottom:var(--margin-2);display:block}.options[data-v-3681bd48]{display:flex;flex-direction:column;gap:var(--gap-4);padding:var(--padding-4)}.options .option[data-v-3681bd48]{display:flex;align-items:center;gap:var(--gap-2);font-size:var(--font-size-md)}.save[data-v-3681bd48]{margin-top:var(--margin-4);padding:var(--padding-4);border-top:1px solid var(--grey-200);display:flex;flex-grow:0;justify-content:center;gap:var(--gap-4)}.channel-controls[data-v-3681bd48]{display:flex;align-items:center;justify-content:center;gap:var(--gap-2)}.confirm-change[data-v-3681bd48]{display:flex;flex-direction:column;align-items:center;gap:var(--gap-2);text-align:center;padding:var(--padding-4)}.confirm-change .confirm-btns[data-v-3681bd48]{display:flex;gap:var(--gap-2)}.confirm-change .confirm-btns button[data-v-3681bd48]{border:none;color:#fff;cursor:pointer;font-size:var(--font-size-sm);padding:var(--padding-2) var(--padding-3);background:var(--grey-900);border-radius:var(--radius-sm)}.confirm-change .confirm-btns button[data-v-3681bd48]:hover{background:#000c}.confirm-change .confirm-btns button[data-v-3681bd48]:first-child{background:var(--grey-700)}.confirm-change .confirm-btns button[data-v-3681bd48]:first-child:hover{background:#0009}.confirm-change .confirm-btns button[data-v-3681bd48]:last-child{background:var(--green-500)}.confirm-change .confirm-btns button[data-v-3681bd48]:last-child:hover{background:var(--green-700)}.settings[data-v-3681bd48]{display:flex;flex-direction:column;gap:var(--gap-3);padding:var(--padding-4)}.relay-passthrough[data-v-3681bd48]{font-size:.7em;background:var(--grey-900);color:var(--green-200);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:1em;overflow:hidden}.relay-passthrough .url[data-v-3681bd48]{font-family:monospace;padding:var(--padding-2);flex:1}.relay-passthrough .copy[data-v-3681bd48]{max-width:20px;margin-left:auto;flex:1;background:var(--grey-700);padding:var(--padding-2);display:flex;align-items:center;justify-content:center}.stage[data-v-91be3591]{transition:all .3s ease-in-out;gap:var(--gap-4)}.stage[data-v-91be3591]>*{flex:1}@media screen and (min-width: 768px){.stage[data-v-91be3591]{display:flex}}.player-box[data-v-91be3591]{order:2}@media screen and (min-width: 768px){.player-box[data-v-91be3591]{max-width:60%}}.channel-title[data-v-91be3591]{display:flex;align-items:center;justify-content:space-between;padding:var(--padding-2) var(--padding-2)}.channel-title span[data-v-91be3591]{font-size:var(--font-size-lg);color:var(--grey-700);font-weight:var(--font-weight-medium)}.stage-view-players[data-v-91be3591]{display:grid;gap:var(--gap-4)}@media screen and (min-width: 768px){.stage-view-players[data-v-91be3591]{grid-template-columns:1fr 1fr}}.channel-list[data-v-91be3591]{position:relative;box-sizing:border-box;background:#fff;box-shadow:0 1px 3px #0003,0 4px 20px #0003;order:1}@media screen and (min-width: 768px){.channel-list[data-v-91be3591]{max-width:40%;border-radius:10px;display:flex;flex-direction:column}}.channel-list h3[data-v-91be3591]{margin:0;font-size:var(--font-size-sm);text-transform:uppercase;color:var(--grey-900);padding:var(--padding-4);border-bottom:1px solid var(--grey-200)}.channel-list-holder[data-v-91be3591]{position:relative;flex:1}.channel-list-scroll[data-v-91be3591]{top:0;left:0}@media screen and (min-width: 768px){.channel-list-scroll[data-v-91be3591]{overflow-y:auto;width:100%;height:100%;max-height:100%;position:absolute}}.empty[data-v-91be3591]{display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--padding-10)}.empty span[data-v-91be3591]{color:var(--grey-400);font-size:1.2em}