footer[data-v-9194931e]{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-around;align-items:center}@media screen and (min-width:1024px){footer[data-v-9194931e]{justify-content:space-between}}footer>img[data-v-9194931e]{display:block;max-height:100%;width:auto}ul.nav[data-v-9194931e]{display:none}@media screen and (min-width:1024px){ul.nav[data-v-9194931e]{list-style:none;padding:0;margin:0;display:flex;flex-flow:row nowrap}ul.nav li[data-v-9194931e]{display:inline-block;margin:0 .5em;padding:0;margin:0}ul.nav button[data-v-9194931e]{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-9194931e]{color:hsla(0,0%,91.4%,.15)}ul.nav button:active .fa-circle[data-v-9194931e]{color:hsla(0,0%,100%,.35)}ul.nav button[data-v-9194931e]:focus{outline:0}ul.nav button.selected .fa-circle[data-v-9194931e]{color:#ff00ec}ul.nav button.unread .fa-circle[data-v-9194931e]{color:hsla(0,0%,100%,.35)}ul.nav button.selected:active .fa-circle[data-v-9194931e]{color:rgba(255,0,236,.85)}ul.nav button>.badge[data-v-9194931e]{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%}ul.nav button .newchats[data-v-9194931e]{position:absolute;bottom:2em;right:2em}}.room[data-v-337bde8f]{display:grid;min-height:100%;width:100%;background-color:#000;overflow:auto;grid-template-rows:5em fit-content(30%) auto;grid-template-columns:4px 1fr 4px;grid-gap:0;grid-template-areas:"appbar appbar appbar" ". videos ." ". sidebar ."}@media(min-width:1024px){.room[data-v-337bde8f]{background-image:url(../img/room_background.ab18aa3c.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;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"}}.video[data-v-337bde8f]{grid-area:videos}.instructions[data-v-337bde8f]{height:100%}