body,html{background-color:#202020;color:#fff;font-size:16px}body a,html a{color:#fff}body button,html button{height:40px;min-width:50px;padding:5px}body .content,body .controls,body .data-object,body .logs,html .content,html .controls,html .data-object,html .logs{background-color:#00000020;border:1px solid rgba(255,255,255,.25);border-radius:5px;margin-top:40px;padding:10px;position:relative}body .content:before,body .controls:before,body .data-object:before,body .logs:before,html .content:before,html .controls:before,html .data-object:before,html .logs:before{left:0;font-family:monospace;font-size:12px;position:absolute;top:-15px}body .content:before,html .content:before{content:"Settings"}body .content table,html .content table{border-collapse:collapse;border-radius:5px;box-shadow:0 0 1px 2px #ffffff1a;overflow:hidden;width:100%}body .content table tr,html .content table tr{height:30px}body .content table tr:nth-child(2n),html .content table tr:nth-child(2n){background-color:#ffffff0d}body .content table tr:nth-child(odd),html .content table tr:nth-child(odd){background-color:#0000001a}body .content table tr td,html .content table tr td{height:30px}body .content table tr td:first-child,html .content table tr td:first-child{padding-right:5px;text-align:right}body .content .cutscene,html .content .cutscene{display:none}body .controls,html .controls{align-items:center;display:flex;justify-content:center}body .controls:before,html .controls:before{content:"Controls"}body .controls button:not(first-child),html .controls button:not(first-child){margin-left:20px}body .data-object,html .data-object{padding:0 0 0 5px}body .data-object:before,html .data-object:before{content:"Data Object"}body .data-object pre,html .data-object pre{overflow-x:scroll;overflow-y:visible;padding:0 0 20px}body .data-object,body .logs,html .data-object,html .logs{background-color:#00000080;cursor:not-allowed;display:none;font-family:monospace;font-size:12px}body .fps,html .fps{align-items:center;background-color:#fff;border-radius:50%;color:#000;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;left:5px;position:fixed;top:5px;width:40px}body input,html input{background-color:#00000040;border-radius:5px;color:#fff;font-size:16px;height:30px;padding-left:5px;width:95px}body input[type=checkbox],html input[type=checkbox]{height:20px;width:20px}body .logs:before,html .logs:before{content:"Logs"}body .menu,html .menu{align-items:center;background-color:#00000020;border:1px solid rgba(255,255,255,.25);border-radius:5px;display:flex;justify-content:center;margin-left:50px;margin-bottom:10px;margin-top:10px;padding:10px;position:relative;width:calc(100% - 100px)}body .menu .button,html .menu .button{background-color:#ffffff20;border:1px solid rgba(255,255,255,.125);border-radius:5px;box-shadow:0 0 #fff0;color:silver;cursor:pointer;padding:10px;text-align:center;transition:background-color 125ms linear,border 125ms linear,box-shadow 125ms linear,color 125ms linear;user-select:none}body .menu .button:hover,html .menu .button:hover{background-color:#ffffff40;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 0 2px #ffffff20;color:#d8d8d8}body .menu .button.active,html .menu .button.active{background-color:#ffffff4d;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 0 2px #ffffff4d;color:#fff;cursor:default}body .menu .button:not(:first-child),html .menu .button:not(:first-child){margin-left:20px}body .video,html .video{background-color:#fff;border:1px solid white;box-shadow:2px 2px 2px 2px #00000040;margin-left:calc(50% - 320px);width:640px}@media (max-width: 600px){body .video,html .video{margin-left:0;max-width:100%}}