section[data-v-5a00c695]{height:100%;background-color:#fff;color:#000;display:flex;flex-flow:column}section>header[data-v-5a00c695]{border-bottom:1px solid #bababa;flex-grow:0;display:flex;padding:1em}section>header h1[data-v-5a00c695]{height:1em;flex-grow:1;margin:0;text-transform:uppercase;font-weight:400}section>header button[data-v-5a00c695]{flex-grow:0;background:none;border:none;font-size:2em;color:#8d8d8d;cursor:pointer}section>header button[data-v-5a00c695]:focus{outline:0}section>main[data-v-5a00c695]{background:linear-gradient(90deg,#f2f2f2,#fff);flex-grow:1;display:flex;flex-direction:column-reverse;overflow-y:auto;padding:.5em 2em;font-size:1.3em}section>main ol[data-v-5a00c695]{list-style:none;padding:0;margin:0}section>main ol li[data-v-5a00c695]{display:grid;grid-template-columns:3em auto;grid-template-rows:2em auto;grid-template-areas:"pic name" "pic msg";grid-gap:0;margin-bottom:1em}section>main ol li .profilePic[data-v-5a00c695]{grid-area:pic}section>main ol li .profilePic img[data-v-5a00c695]{width:2.5em;border-radius:100%}section>main ol li .sender[data-v-5a00c695]{grid-area:name;text-transform:uppercase;vertical-align:middle}section>main ol li .sender span[data-v-5a00c695]{display:inline-block;border:none;border-radius:18px;padding:0 1em;line-height:2em;font-size:.8em;color:#fff}section>main ol li .sender span.p1[data-v-5a00c695]{background-color:#ec51eb}section>main ol li .sender span.p2[data-v-5a00c695]{background-color:#0030ff}section>main ol li .sender span.p3[data-v-5a00c695]{background-color:#ff6d29}section>main ol li .sender span.p4[data-v-5a00c695]{background-color:#ff3879}section>main ol li .sender span.p5[data-v-5a00c695]{background-color:#781eaf}section>main ol li .sender span.p6[data-v-5a00c695]{background-color:#5400ff}section>main ol li .sender span.p7[data-v-5a00c695]{background-color:#00b6ff}section>main ol li .sender span.p8[data-v-5a00c695]{background-color:#ffbe0b}section>main ol li .sender span.p9[data-v-5a00c695]{background-color:#ff020f}section>main ol li .sender span.p10[data-v-5a00c695]{background-color:#aae000}section>main ol li .sender span.p11[data-v-5a00c695]{background-color:#290075}section>main ol li .sender span.p12[data-v-5a00c695]{background-color:#028090}section>main ol li .sender span.p13[data-v-5a00c695]{background-color:#27c000}section>main ol li .sender span.p14[data-v-5a00c695]{background-color:#02e6a3}section>main ol li .sender span.p15[data-v-5a00c695]{background-color:#7f96ff}section>main ol li p[data-v-5a00c695]{grid-area:msg;padding:0;margin:0}section footer[data-v-5a00c695]{flex-grow:0}section footer input[data-v-5a00c695]{width:100%;line-height:2em;padding:1em}section footer input[data-v-5a00c695]:focus{outline:0}.video[data-v-328ee6b1]{padding:0;text-align:center;margin:1em 1em;position:relative;color:#000;margin:auto auto;max-height:100%;max-width:100%;height:12.14286vw;width:14.28571vw}.video video[data-v-328ee6b1]{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);position:relative;display:block;width:100%;height:100%;margin:auto auto;border-radius:12px;-o-object-fit:cover;object-fit:cover}.video video.flip[data-v-328ee6b1]{transform:scaleX(-1)}.video video.neon[data-v-328ee6b1]{color:#fed3ff;box-shadow:0 0 2px #fe00ef,0 0 5px #fe00ef,0 0 10px #fe00ef,0 0 25px #fe00ef,0 0 40px #fe00ef}.participants-flow[data-v-1c75491e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(17%,1fr));grid-template-rows:repeat(auto-fit,minmax(0,1fr));grid-gap:1em;justify-content:center;height:100%;width:100%}div.copyUrl[data-v-1643bc06]{font-size:1.5em;width:100%;text-align:center;padding:0 1em}div.copyUrl input[data-v-1643bc06]{padding:.5em 1em}div.copyUrl input[type=url][data-v-1643bc06]{border:1px solid #000;border-radius:100em 0 0 100em;line-height:1em;width:80%;max-width:33em;padding-right:3em;text-overflow:ellipsis;background:#fff;color:#000}div.copyUrl input[type=submit][data-v-1643bc06]{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);line-height:1.2em;border-radius:100em;margin-left:-3em}div.copyUrl input[type=submit][data-v-1643bc06]:not(disabled):hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}div.copyUrl input[type=submit][data-v-1643bc06]:not(disabled):focus{box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}div.copyUrl input[type=submit][data-v-1643bc06]:active{background-color:#ccc}main[data-v-0362319b]{display:flex;flex-flow:column nowrap;height:100%}main .instructions[data-v-0362319b]{height:60%;margin-bottom:2em}main .participants[data-v-0362319b]{display:flex;flex-grow:2;flex-shrink:1;justify-content:center;height:40%}main.grid-song[data-v-4ab97d2a]{display:flex;flex-flow:column nowrap;justify-content:space-between;height:100%;width:100%}main.grid-song>.video[data-v-4ab97d2a]{height:50%}main.grid-song>.participants[data-v-4ab97d2a]{margin-top:2em;height:50%;flex-grow:2;flex-shrink:2}main.grid-song[data-v-07b3eb6a]{display:flex;flex-flow:column nowrap;justify-content:space-between;width:100%;height:100%}main.grid-song .song[data-v-07b3eb6a]{flex-grow:0;flex-shrink:1;height:50%;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start}main.grid-song .song>.video[data-v-07b3eb6a]{width:50%;height:100%;margin:0;margin-left:.5em}main.grid-song .song .singer[data-v-07b3eb6a]{width:50%;height:100%}main.grid-song .song .singer .video[data-v-07b3eb6a]{height:100%;width:auto}main.grid-song>.participants[data-v-07b3eb6a]{margin-top:2em;height:50%;flex-grow:2;flex-shrink:2}div[data-v-47d36720]{grid-area:videos;height:100%}div>.participants[data-v-47d36720]{height:100%;display:flex;flex-grow:2;flex-shrink:1;justify-content:center}footer[data-v-716f84be]{background-image:url(../img/nav_bg.a797c704.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;grid-area:appbar;color:#fff;display:flex;padding:1em;justify-content:space-between;align-items:center}footer>img[data-v-716f84be]{display:block;max-height:100%;width:auto}ul.nav[data-v-716f84be]{list-style:none;padding:0;margin:0;display:flex;flex-flow:row nowrap}ul.nav li[data-v-716f84be]{display:inline-block;margin:0 .5em;padding:0;margin:0}ul.nav button[data-v-716f84be]{display:block;border:none;color:#fff;font-size:1.5em;line-height:2em;text-align:center;cursor:pointer;background:none;position:relative;padding:0}ul.nav button .fa-circle[data-v-716f84be]{color:hsla(0,0%,91.4%,.15)}ul.nav button:active .fa-circle[data-v-716f84be]{color:hsla(0,0%,100%,.35)}ul.nav button[data-v-716f84be]:focus{outline:0}ul.nav button.selected .fa-circle[data-v-716f84be]{color:#ff00ec}ul.nav button.unread .fa-circle[data-v-716f84be]{color:hsla(0,0%,100%,.35)}ul.nav button.selected:active .fa-circle[data-v-716f84be]{color:rgba(255,0,236,.85)}ul.nav button>.badge[data-v-716f84be]{display:block;height:2em;width:2em;position:absolute;font-size:.4em;line-height:2.2em;top:-1em;right:0;background-color:rgba(255,0,236,.85);color:#fff;border-radius:100%}div.wrapper[data-v-2a3a3519]{height:100%}form[data-v-2a3a3519]{width:100%;height:100%;display:flex;flex-direction:column;align-items:stretch}form>div.content[data-v-2a3a3519]{overflow-y:auto;height:auto;flex-shrink:1;flex-grow:1;justify-self:flex-start}form>div.content>div[data-v-2a3a3519]{margin-bottom:1em}form>div.content .db-meter[data-v-2a3a3519]{display:flex;width:50%;background:#adff2f;background:linear-gradient(90deg,green,orange 40%,red);border-radius:12px;border:1px solid #771eae;justify-content:flex-end;overflow:hidden}form>div.content .db-meter>div[data-v-2a3a3519]{height:2em;background-color:#fff}form>div label[data-v-2a3a3519]{display:block;flex-grow:1}form>div video[data-v-2a3a3519]{transform:scaleX(-1);height:240px;width:320px}form>div[data-v-2a3a3519]:last-child{justify-self:flex-end;flex-grow:0;align-items:flex-end;flex-flow:row;padding-top:1em}form input[type=text][data-v-2a3a3519],form select[data-v-2a3a3519]{display:block;width:80%;border:1px solid #333;border-radius:100em;color:inherit;padding:.5em 1em}form input[type=submit][data-v-2a3a3519]{width:100%}.notice[data-v-2a3a3519]{display:flex;flex-direction:column;align-items:center}.notice img[data-v-2a3a3519]{display:inline-block;position:relative;border:1px solid #ccc}.notice .example[data-v-2a3a3519]{position:relative}.notice .example[data-v-2a3a3519]:after{content:" ";display:block;position:absolute;height:50px;width:90px;border-radius:100%;background:transparent;border:3px solid red;bottom:10px;right:5px}.room[data-v-0a288f3d]{background-image:url(../img/room_background.ab18aa3c.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:600px;height:100vh;width:100vw;display:grid;grid-template-rows:0 minmax(0,100%) 6em;grid-template-columns:0 minmax(5em,30em) minmax(60%,auto) 0;grid-gap:2em;grid-template-areas:".      .       .      ." ".      sidebar videos ." "appbar appbar  appbar appbar"}.room>.chat[data-v-0a288f3d]{position:absolute;top:0;right:0;height:calc(100vh - 6em);width:30em;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transition:-webkit-clip-path .2s;transition:clip-path .2s;transition:clip-path .2s,-webkit-clip-path .2s}.room>.chat.hide[data-v-0a288f3d]{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);transition:-webkit-clip-path .3s;transition:clip-path .3s;transition:clip-path .3s,-webkit-clip-path .3s}main[data-v-6ad3c81b]{max-width:800px;margin:0 auto;text-align:center;font-size:1.5em;background-color:hsla(0,0%,91.4%,.7);color:#000;padding:2em;border-radius:12px}