:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--slider-thumb-color: #DAD6CD;--slider-track-bg: rgba(255, 255, 255, .25)}html{width:100vw;height:100vh;padding:0;margin:0;font-size:14px}body{height:100%;width:100%;padding:0;margin:0;display:grid;grid-template-rows:auto;grid-template-columns:250px 1fr;color:#ffffffe6;overflow:hidden}#controls{z-index:400;background:#2a2a2a;border-right:1px solid #575757;display:flex;flex-direction:column;align-items:flex-start}#panelcontainer{display:flex;width:100%;flex-direction:column;flex-wrap:wrap}#panelone,#paneltwo{box-sizing:border-box}#views{height:100%}#views canvas{position:absolute}.ctrl{padding:5px 10px;box-sizing:border-box;width:100%}.ctrlgroup{display:flex;flex-direction:row}.heading{width:100%;padding:5px 10px;box-sizing:border-box}.heading h3{position:relative;font-size:1.3em;color:#ffffffe6;padding:0;margin:0;font-weight:400;box-sizing:border-box;width:100%}.header{width:100%;box-sizing:border-box;padding-top:5px;margin-bottom:5px;background:#ffffff12}.header h2{font-size:1.5em;font-weight:700;padding:0 0 5px 10px;margin:0;border-bottom:1px solid rgba(255,255,255,.2)}.ctrl h4{padding:0;margin:0;font-size:1em;font-weight:700;color:#ffffffb3}.ctrl input[type=text]{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;display:inline-block;-webkit-appearance:none;appearance:none;width:32px;border:none;background:#00000080;color:#fff;font-size:1em;padding:6px;margin-left:10px;border-radius:3px;border:2px solid rgba(255,255,255,.2);outline:none}.ctrl input[type=text]:focus,.ctrl input[type=text]:active{border-color:#3bd6d6}.ctrl input[type=range]{flex-grow:1;flex-shrink:1}input[type=range]{-webkit-appearance:none;appearance:none;padding:0;margin:0;background:transparent;cursor:pointer;outline:none}input[type=range]::-webkit-slider-runnable-track{padding:0;margin:.6em 0 .5em;background:var(--slider-track-bg);height:2px;border-radius:1px}input[type=range]::-moz-range-track{background:var(--slider-track-bg);height:2px;border-radius:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:none;border-radius:50%;background-color:var(--slider-thumb-color);height:15px;width:15px;margin-top:-6px;box-shadow:0 0 3px #0000004d}input[type=range]::-moz-range-thumb{border:none;border-radius:50%;background-color:var(--slider-thumb-color);height:15px;width:15px;box-shadow:0 0 3px #0000004d}.ctrl input[type=checkbox]{display:none}.ctrl input[type=checkbox]+label{display:flex;flex-direction:row;align-items:center}.ctrl input[type=checkbox]+label:hover{cursor:pointer}.ctrl input[type=checkbox]+label:before{display:block;content:"";width:20px;height:20px;margin-right:5px;background:#ffffff26;border-radius:3px}.ctrl input[type=checkbox]:checked+label:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='3.0' stroke='rgba(230, 235, 232, 1.0)' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m4.5 12.75 6 6 9-13.5' /%3E%3C/svg%3E%0A");background-size:70%;background-repeat:no-repeat;background-position:center;background-color:#fff3}#instructions{position:absolute;bottom:10px;left:50%;color:#fff6;z-index:300}#auxplane{display:block;margin-top:8px;color:#ffffffb3}.auxval{font-weight:700;color:#ffffffd9}.auxval:after{content:"°";font-weight:400}#displacementvalue{width:30px;margin-left:8px;padding:0 6px;text-align:center}#faultctrls{width:100%;display:none}@media (max-width: 750px){body{grid-template-rows:260px 1fr;grid-template-columns:auto}#controls{font-size:.8em;border-right:none;border-bottom:1px solid #575757}#panelcontainer{flex-direction:row}#panelone{padding-right:10px;width:50%}#paneltwo{width:50%}}