body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;background-color:#0b0c10;justify-content:center;position:absolute;top:0;left:0;height:100%;width:100%;color:#fff}.App-header{height:5%;font-size:150%}.rectangle{background:#45a29e}.rectangle,.rectangle_highlighted{width:30%;aspect-ratio:16/9;border:1px solid #000;color:#000}.rectangle_highlighted{background:#66fcf1}.video-layout{width:40%;aspect-ratio:16/9;background:#1f2833;border:1px solid #000;color:#000}.video-tile{position:relative;height:100%;width:100%}.video-tile.video_content{position:absolute;left:0;top:0;width:100%;height:100%}.video-tile.upadte-src-button-area{position:absolute;width:20%;height:20%;top:5%;right:5%}.video-tile.video-src-input-area{position:absolute;width:80%;height:20%;top:10%;right:10%;color:#fff}.default-button{background-color:#45a29e;color:#fff;font-size:14px;border:none;cursor:pointer;border-radius:5px}.default-button.circle-button{position:absolute;top:3%;right:3%;height:30px;width:30px;border-radius:50%;display:inline-block;justify-content:center;background-color:#45a29e}.default-button.circle-button:hover{background-color:#66fcf1;color:#000}.default-button.src-submit{padding:2%;color:#fff}.default-button.src-submit:hover{background-color:#66fcf1;color:#000}.default-button.controls{padding:2%;width:20%;margin-left:2%;margin-right:2%;color:#fff}.default-button.controls.comp-controls{padding:2%;width:50%;margin-left:2%;margin-right:2%;color:#fff}.default-button.controls:hover{background-color:#66fcf1;color:#000}.container1{width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;background-color:red}.container1-1{width:20%;height:100%;background-color:#1f2833}.container1-1,.container-layout{display:flex;flex-direction:column}.container-layout{width:100%;align-items:center;padding-top:10%;padding-bottom:10%;border-bottom:1px solid #000}.container-layout.no-bottom-border{border-bottom:0}.container-layout.layout-hover{background-color:#5d5c61}.container-layout.layout-selected{background-color:#0b0c10}.container-layout-row{width:100%;display:flex;flex-direction:row;justify-content:center;//background-color:orange}.container1-2{width:80%;height:100%;position:relative;display:flex;flex-direction:column;background-color:#c5c6c7}.controls-container{width:50%;padding:2%;border-radius:10px;display:flex;flex-direction:row;justify-content:center;background-color:#1f2833}.controls-container.composite-controls{width:40%;margin-top:2%}.overlay-area{position:absolute;justify-content:center;border-radius:10px;width:90%;height:50%;right:5%;left:5%;top:5%;border:5px solid #000;background-color:rgba(93,92,97,.9607843137254902);//opacity:.97}.overlay-inset-area{margin-left:10%;margin-right:10%;margin-top:10%;padding:2%;border-radius:10px;justify-content:center;background-color:#1f2833}.form-element{display:block;width:60%;margin:1% auto 2%}.headingtwo{color:#fff}.show-div{display:block}.hide-div{display:none}