.expand-menu{position:absolute;width:30rem;height:100%;right:-30rem;top:0px;transition-property:right;transition-duration:.3s;transition-timing-function:ease-in-out;z-index:5}.expand-menu.active{right:0}@media(max-width: 768px){.expand-menu{position:static;width:100%}}.expand-menu #side-menu-container{background-color:#12b0c4;height:100vh;box-sizing:border-box;padding-top:120px;padding-left:1rem;padding-right:1rem;display:flex;flex-direction:column;justify-content:start;align-items:center;font-size:1.2rem;line-height:1.5rem}@media(max-width: 768px){.expand-menu #side-menu-container{height:100%;padding-top:0;font-size:1rem;line-height:1.2rem;padding-left:.5rem;padding-right:.5rem}}.expand-menu #side-menu-container input{width:3rem;font-size:1.2rem;line-height:1.5rem}.expand-menu #side-menu-container label{margin-top:.2rem}.expand-menu #side-menu-container #default-apply-button{margin-top:.5rem;width:15rem;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.expand-menu #side-menu-container #default-apply-button button{font-size:1.2rem;line-height:1.5rem;padding:.2rem 1rem .2rem 1rem}.expand-menu #side-menu-container #library-link{margin-top:1rem}.canvas-app-container{position:relative;width:1000px;height:500px}.canvas-app-container .stream-video{position:absolute;z-index:2;top:0px;left:0px;right:0px}.canvas-app-container .canvas-app{position:absolute;z-index:3;top:0px;left:0px;right:0px}.show_info{font-size:1.5rem}#header-container{background:linear-gradient(to top, cyan, 30%, black);width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}#header-container #logo-container{display:flex;justify-content:start;align-items:center}#header-container #logo-container #logo-svg{height:4.5rem;margin-left:1rem}@media(max-width: 768px){#header-container #logo-container #logo-svg{margin-left:.5rem}}#header-container #logo-container #logo-text-svg{width:15rem;margin-left:1rem}@media(max-width: 768px){#header-container #logo-container #logo-text-svg{margin-left:.5rem}}#header-container #hamburger-container{display:flex;justify-content:end;align-items:center}@media(max-width: 768px){#header-container #hamburger-container{visibility:hidden}}#header-container #hamburger-container #hamburger-text{color:#ededed;z-index:6;margin-right:1rem}#header-container #hamburger-container .hamburger-button{background-color:rgba(0,0,0,0);color:#bfbfbf;cursor:pointer;margin-right:1rem;z-index:6}#header-container #hamburger-container .hamburger-button:hover{color:#8a8a8a}#header-container #hamburger-container .hamburger-button svg{min-height:24px;transition:transform .3s ease-in-out}#header-container #hamburger-container .hamburger-button svg line{stroke:currentColor;stroke-width:3;transition:transform .3s ease-in-out}#header-container #hamburger-container .hamburger-button.active #top{transform:translate(6px, 0px) rotate(45deg)}#header-container #hamburger-container .hamburger-button.active #middle{opacity:0}#header-container #hamburger-container .hamburger-button.active #bottom{transform:translate(-12px, 9px) rotate(-45deg)}*{margin:0;padding:0}#app-container{display:flex;flex-direction:column;align-items:center;overflow-x:hidden;position:relative}