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