:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}.label[data-v-b9c0bbad]{font-size:large;font-style:italic;font-weight:500}.current-value[data-v-b9c0bbad]{background:#009fdf;border-radius:3px;margin-inline-start:4px;padding:4px 12px;font-family:Helvetica,Arial,sans-serif;font-style:normal;font-weight:700;color:#fff;line-height:22px;white-space:nowrap;transition:left 45ms linear}.range-box[data-v-b9c0bbad]{display:flex;position:relative;background-color:#f4f4f4;padding:0;margin:18px;overflow:visible;width:200px}.range-box[data-v-b9c0bbad]:after{display:block;position:absolute;bottom:0;left:0;content:"";width:100%;background-color:#b3b3b3;height:4px}.control-plus[data-v-b9c0bbad],.control-minus[data-v-b9c0bbad]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.control-minus[data-v-b9c0bbad]{display:flex;background-color:#009fdf;stroke:#fff;min-width:35px;cursor:pointer;border-bottom:4px solid #0073a1;z-index:1;left:-35px;line-height:31px;border-top-left-radius:3px;border-bottom-left-radius:3px}.control-minus[data-v-b9c0bbad]:hover{transform:translateY(1px);background-color:#00adf2;border-bottom-width:3px}.control-minus[data-v-b9c0bbad]:active{transform:translateY(3px);background-color:#009fdf;border-bottom-width:2px}.control-plus[data-v-b9c0bbad]{display:flex;background-color:#009fdf;stroke:#fff;min-width:35px;cursor:pointer;border-bottom:4px solid #0073a1;z-index:1;right:-35px;border-top-right-radius:3px;border-bottom-right-radius:3px}.control-plus[data-v-b9c0bbad]:hover{transform:translateY(1px);background-color:#00adf2;border-bottom-width:3px}.control-plus[data-v-b9c0bbad]:active{transform:translateY(3px);background-color:#009fdf;border-bottom-width:2px}.legend-min[data-v-b9c0bbad]{font-family:Helvetica,Arial,sans-serif;font-weight:700;font-size:11px;color:#ccc;margin-top:-18px;float:left;margin-left:13px}.legend-max[data-v-b9c0bbad]{font-family:Helvetica,Arial,sans-serif;font-weight:700;font-size:11px;color:#ccc;margin-top:-18px;float:right;margin-right:11px}input[type=range][data-v-b9c0bbad]{width:100%;box-sizing:border-box;-webkit-appearance:none;height:34px;background:transparent;position:relative;cursor:pointer;background:linear-gradient(90deg,#ccc 1px,#eee0 1px) repeat-x content-box,linear-gradient(90deg,#ccc 1px,#eee0 1px) repeat-x content-box;background-size:25% 6px,calc(100% - 5px) 12px;background-position:1px 30%,1px 20%;padding:0 15px;overflow:visible}input[type=range][data-v-b9c0bbad]::-webkit-slider-thumb{position:relative;height:7px;width:7px;transform:scale(3);margin-top:-1.5px;border-radius:500px;background:#009fdf;border:0;cursor:pointer;z-index:2;-webkit-appearance:none}input[type=range][data-v-b9c0bbad]::-moz-range-thumb{position:relative;height:7px;width:7px;transform:scale(3);margin-top:-1.5px;border-radius:500px;background:#009fdf;border:0;cursor:pointer;z-index:2}input[type=range][data-v-b9c0bbad]::-ms-thumb{position:relative;height:7px;width:7px;transform:scale(3);background:#009fdf;border:0;cursor:pointer;z-index:2;transform:none;margin-top:-2px;height:21px;width:21px;border-radius:21px}input[type=range][data-v-b9c0bbad]::-webkit-slider-runnable-track{background-color:#545454;height:4px;border-radius:3px}input[type=range][data-v-b9c0bbad]::-moz-range-track{background-color:#545454;height:4px;border-radius:3px}input[type=range][data-v-b9c0bbad]::-ms-track{background:transparent;border-color:transparent;color:transparent}input[type=range][data-v-b9c0bbad]::-ms-fill-lower{background-color:#545454;height:4px;border-radius:3px;background-color:#009fdf}input[type=range][data-v-b9c0bbad]::-ms-fill-upper{background-color:#545454;height:4px;border-radius:3px}input[type=range][data-v-b9c0bbad]:focus{outline:none}#control-panel[data-v-0acb2496]{--vPadding: 58px;--bgColor: #eef2fb;--bColor: slateGray;--bSize: 3px;--bMain: var(--bSize) solid var(--bColor);--bSec: calc(var(--bSize) - 1px) solid var(--bColor);--bRadSize: 8px;--bRad: 0 var(--bRadSize) var(--bRadSize) 0;position:absolute;top:42px;padding:var(--vPadding) 32px;background:var(--bgColor);border:var(--bMain);border-radius:var(--bRad);border-left:none;transition:.7s transform;z-index:1}#control-panel[data-v-0acb2496]:not(.open){transform:translate(-100%)}.toggle-btn[data-v-0acb2496]{position:absolute;left:100%;top:0;width:32px;height:48px;padding:0;border:var(--bMain);border-left:var(--bSec);border-radius:var(--bRad);background:var(--bgColor);cursor:pointer}h2[data-v-0acb2496]{text-align:center;margin:0;line-height:1;color:#fff;-webkit-text-stroke:1px #101053;font-size:xx-large}.range-input[data-v-0acb2496]{margin-top:var(--vPadding)}.info[data-v-0acb2496]{text-align:center;margin-top:var(--vPadding);font-size:small;font-style:italic}.joystick[data-v-6e75941f]{--mainColor: #333;--headColor: radial-gradient(circle at 100% -20%, #f30, #a20 50%, #310 80%);--circleSize: var(--4c1b3cd4);--headSize: var(--7292d404);--arrowBorderSize: 12px;--arrowDistance: calc(var(--circleSize) / 2 * (sqrt(2) - 1) - var(--arrowBorderSize));position:fixed;bottom:48px;left:48px;display:flex;align-items:center;justify-content:center;background-color:var(--mainColor);width:var(--circleSize);height:var(--circleSize);border-radius:50%;opacity:.5;z-index:1}.joystick.active[data-v-6e75941f]{opacity:.7}.joystick .head[data-v-6e75941f]{position:relative;border-radius:50%;width:var(--headSize);height:var(--headSize);background:var(--headColor);z-index:1}.joystick:not(.active) .head[data-v-6e75941f]{transition:all .2s}.joystick .arrow[data-v-6e75941f]{position:absolute;width:0;height:0;border:var(--arrowBorderSize) solid transparent}.joystick .arrow.top[data-v-6e75941f]{bottom:calc(100% + var(--arrowDistance));border-bottom-color:var(--mainColor)}.joystick .arrow.bottom[data-v-6e75941f]{top:calc(100% + var(--arrowDistance));border-top-color:var(--mainColor)}.joystick .arrow.left[data-v-6e75941f]{right:calc(100% + var(--arrowDistance));border-right-color:var(--mainColor)}.joystick .arrow.right[data-v-6e75941f]{left:calc(100% + var(--arrowDistance));border-left-color:var(--mainColor)}#road[data-v-dcb0e556]{position:fixed;text-align:center}#road-canvas[data-v-dcb0e556]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAALHRFWHRDcmVhdGlvbiBUaW1lAFNhdCAyNCBPY3QgMjAxNSAxMzo1NDo1NCAtMDgwMKYSKEcAAAAHdElNRQffChgUNwUL4zycAAAACXBIWXMAAA9fAAAPXwHXitrJAAAABGdBTUEAALGPC/xhBQAAAyNJREFUeNptls1uE0EQhJfNBlkCyRaKxIqTj+HElWfhcXg6rtw4+pCDLQXJFgkYxULU7rcuV3ozspLZnp6a7uqfmVdfvr5rxrFYvWHS99fb7VMTQxL9TeFuc9Df9+ulFb5/u9en5AiP+0cwO0OjNOovDaHx6fON0bVNynN01IpZwHb8057dZoI7HzNBeBvouYRws29SLiiBSMjo5v7m3C4b7rA/JQnJLd5gqMfVh48jKavu5/bP4/7v7u53Qdee+7tfp+PT+nZ1PF29XS1YlUTQ2mUJwdPnw8O/bvEahA6nZJfp3vwY3LOlDKEnVygc9oeMkBWIiqiW3R38aCYIoAljomeQzcn69tpLhS5JiMQUA2ENsRrRsVTnzfOBAIyCEa6ffBrs7VczD5b61KTF0tHfk6kXotbwlINtI75ihxQst4vssrB1FrGz0MJ+k24d0HW2OUHNqwZpja79CovWyByW8Uy/zMXcb25dJaXgu6T7kuD9EHBIk4LRNSnlitCOuugwUTXRvoAegTW65cz100m5dE6tC8l0pzatMNd0i0Qv4ZGO3IeWuX9acr9pjY6edip/qT48ddXYRR0mnUKdaSmUdBSktElzTWCfUJNIzmBS3oc1s6ZbyHxWaKA35yZRzHEXkbFYAxZ+wAnb9SmLL2maFONpaZ8SJrpDOgKdfD2gUxCGSnZUsctsihxHrNSzGTPX+gkha8UhacmW5nlbL8O5n9DZEN3amunuOnjj0IvMPsu+k+1QMTw5TKwm7i79kHTzzpxDq9l/fBi7jG4nVLp5mw4U8T1edQeK4NKEowPOnxTFGyjyqU7W9kXD6ZQ6r6BjBKB5TLJE0sPt9GyhSdkcV0C+RBD2/U2el+aTZgyjDx7gi1sNer5jaVC0NtoL12GpFV8MVIYbzESR0LUZErmZs9wloZqKmdmahgfHuaPkM1DCrqS/IHz750sLdFeyw4jrbl8ZjCmLbI4vSNdkea2CTtEwwWRfTRk/UmAKsi1CL/klnZq4trIhpu1ZcUZv6KZ4hGlZunmtM4y7WFVJkpMRunSIUs88TEqE5jVvSRZw3vP/ARLfRAcPZyviAAAAAElFTkSuQmCC);background-position:var(--1e366bcf) var(--1e366bd0)}