body,html,urdf-viewer{padding:0;margin:0;height:100%;width:100%;overflow:hidden}body{animation:fade 3s ease;user-select:none;background:#1a1a1a}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}#mj-options{display:grid;grid-template-columns:1fr 1fr;gap:5px}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:hover{text-decoration:underline;cursor:pointer}#controls #toggle-controls:before{content:"Controls ";font-size:12px;font-weight:400}#controls.hidden #toggle-controls:before{content:"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}}#header{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid hsla(0,0%,100%,.1)}#header h1{font-size:24px;font-weight:300;margin:0 0 10px;color:#fff}.credits{font-size:12px;color:#ccc;margin-bottom:10px;line-height:1.4}.credits a{color:#4caf50;text-decoration:none}.credits a:hover{text-decoration:underline}.instructions{font-size:12px;color:#aaa;line-height:1.4}#model-section{margin-bottom:0}#current-model{font-size:12px;color:#4caf50;margin-bottom:5px}.loading-hint{margin-bottom:10px}.camera-instructions,.loading-hint{font-size:11px;color:#888;font-style:italic}.camera-instructions{margin-bottom:15px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;padding-bottom:0;border:none}.section-header h2{margin:0;font-size:16px;font-weight:300;color:#fff;line-height:1.2}.toggle-section{font-size:12px;color:#4caf50;cursor:pointer;padding:2px 8px;border-radius:3px;transition:all .2s;user-select:none;line-height:1.2;margin-top:0}.toggle-section:hover{color:#66bb6a;background:rgba(76,175,80,.1)}#controls{border-top:1px solid hsla(0,0%,100%,.1);padding-top:15px;margin-top:15px}#menu{background:rgba(0,0,0,.8);backdrop-filter:blur(10px)}@media (max-width:700px){#controls{display:none}}