.socket-error{transition:height .5s;overflow:hidden;display:flex;justify-content:center;align-items:center;font-weight:700}.socket-error.online{transition:height .5s,background .1s}#app,body,html{width:100%;height:100%;overflow:hidden;font-family:Lato;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:#3c3532}#app{display:flex;flex-direction:column}.view{flex-grow:1}*{padding:0;margin:0;box-sizing:border-box}@font-face{font-family:Lato;src:url(../fonts/Lato-Regular.3b9b9903.ttf) format("truetype")}@font-face{font-family:Lato;font-weight:lighter;src:url(../fonts/Lato-Light.90e1d355.ttf) format("truetype")}@font-face{font-family:Lato;font-weight:700;src:url(../fonts/Lato-Heavy.093466c9.ttf) format("truetype")}::-webkit-scrollbar{width:4px;height:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:2px}::-webkit-scrollbar-thumb{background:#f5f5f5;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#c2c2c2}.editor-view,.user-view{height:calc(100% - 60px);width:calc(100% - 80px);margin:30px auto;display:flex;flex-direction:column}.editor-view .title,.user-view .title{margin:0 0 20px 10px}.editor-view .person-list,.user-view .person-list{align-self:center;flex-grow:1}.expected-view .bg-content,.present-view .bg-content{display:flex;justify-content:center;align-items:center}.expected-view .content,.present-view .content{height:90%;width:80%;display:flex;flex-direction:column}.expected-view .title,.present-view .title{margin:0 0 20px 40px;font-size:1.6em}.expected-view .sliding-list,.present-view .sliding-list{height:60%;flex-grow:1;overflow:hidden}.sidebar-image-container{position:fixed;top:30%;left:-1.23vw;width:25.6vw;height:70%;display:flex;justify-content:center;align-items:center}@media (max-aspect-ratio:139/78){.sidebar-image-container{left:-2.225vh;width:45.5vh}}.sidebar-image{position:absolute;width:auto;height:150%}@media (max-aspect-ratio:139/78){.sidebar-image{width:68.25vh;height:auto}}