html,body,urdf-viewer{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{color:#fff;-webkit-user-select:none;user-select:none;font-family:Roboto,helvetica,arial,sans-serif;animation:3s fade}select{color:#fff;float:right;background:#ffffff40;border:none;outline:none;font-family:Roboto,helvetica,arial,sans-serif;font-size:16px;font-weight:300}option{color:#888}input[type=number]{color:#fff;background:#ffffff40;border:none;border-radius:2px;padding:1px 2px;font-weight:300}ul{margin:0;padding:0;list-style:none}input[type=range]{-webkit-appearance:none;background-color:#0000;border:none;outline:none;flex:1;width:100%;height:16px;margin:0 10px}input[type=range]::-webkit-slider-runnable-track{background:#fff;border:1px solid #fff;border-radius:5px;width:100%;height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:none;border-radius:50%;width:10px;height:10px;margin-top:-5px}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-runnable-track{background:#fff}input[type=range]::-moz-range-track{background:#fff;border:none;border-radius:5px;width:100%;height:1px}input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:10px;height:10px}input[type=range]:-moz-focusring{outline-offset:-1px;outline:1px solid #fff}input[type=range]::-ms-track{color:#0000;background:#fff;border:none;border-radius:10px;outline:none;width:100%;height:1px}input[type=range]::-ms-thumb{background:#fff;border:none;border-radius:50%;outline:none;width:10px;height:10px;margin-top:2px}input:focus{opacity:1;outline:none}#up-select{width:70px;margin:0 20px}#menu{flex-direction:column;max-height:100%;margin:20px;display:flex;position:absolute;top:0;right:0}#urdf-options{text-overflow:ellipsis}#urdf-options li{cursor:pointer;opacity:.5;font-size:20px;font-weight:100}#urdf-options li:hover{opacity:.75}#controls{flex-direction:column;flex:1;width:100%;margin:15px 0;transition:opacity .5s;display:flex;overflow:hidden}#controls>*{margin:5px 0}#controls #toggle-controls{text-align:right;border-top:1px solid #fff;margin-top:0;margin-bottom:10px;transition:opacity .1s linear}#controls #toggle-controls:hover{cursor:pointer;text-decoration:underline}#controls #toggle-controls:before{content:"hide controls";font-size:12px;font-weight:400}#controls.hidden #toggle-controls:before{content:"show controls"}#controls.hidden>:not(#toggle-controls){display:none}#controls.hidden #toggle-controls{opacity:.5}#controls ul{flex:1;overflow-y:auto}#controls.hide-fixed li[joint-type=fixed]{display:none}#controls li{-webkit-user-select:text;user-select:text;align-items:center;width:100%;padding:1px 0;font-size:16px;transition:background .25s;display:flex}#controls li[robot-hovered]{background:#ffffff59}#controls li span{text-overflow:ellipsis;-webkit-user-select:none;user-select:none;max-width:175px;padding:0 5px;overflow:hidden}#controls li input[type=number]{width:50px;overflow:hidden}.toggle{cursor:pointer;padding-left:25px;position:relative}.toggle:before{content:"";border:2px solid #fff;border-radius:10px;width:15px;height:15px;margin-right:5px;position:absolute;left:0}.toggle:after{content:"";opacity:0;background:#fff;border-radius:10px;width:9px;height:9px;position:absolute;top:5px;left:5px}.toggle:not(.checked):hover:after{opacity:.25}.toggle.checked:after{opacity:1}footer{color:#333;background-color:#f1c179;justify-content:center;align-items:center;width:100%;height:30px;display:flex;position:fixed;bottom:0}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (width<=700px){#controls{display:none}}