@keyframes rollup{0%{transform:translateY(0)}10%{transform:translateY(-100%)}to{transform:translateY(-100%)}}@keyframes rolldown{0%{transform:translateY(0)}10%{transform:translateY(100%)}to{transform:translateY(100%)}}.altimeter{position:relative;width:150px;height:150px;border-radius:50%;background:#333;display:flex;justify-content:center;align-items:center;overflow:hidden}.altimeter-dial{position:relative;width:80%;height:80%;background:#222;border-radius:50%;display:flex;justify-content:center;align-items:center}.altimeter-reading{position:absolute;font-size:16px;color:#fff;font-weight:700;animation-duration:.5s;animation-timing-function:linear;animation-fill-mode:forwards}.digit-wrapper{position:absolute;width:100%;height:200%;top:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.digit{font-size:16px;color:#ddd;font-weight:700;margin:0;padding:0;height:50%;line-height:1;overflow:hidden;animation-duration:.5s;animation-timing-function:linear;animation-fill-mode:forwards}.digit .top{animation-name:rollup}.digit .bottom{animation-name:rolldown}.altimeter-tick{position:absolute;width:2px;height:6px;background:#fff;transform-origin:bottom center}.altimeter-needle{position:absolute;top:0;left:50%;width:4px;height:50%;background-color:#fff;transform-origin:bottom center;transition:.1s linear;border-radius:5px}.wind-dial{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:sans-serif;font-size:16px;background-color:#333;width:150px;height:150px;border-radius:50%}.dial{position:relative;width:150px;height:150px;border-radius:50%;border:1px solid #ccc;box-sizing:border-box;transform:rotate(-180deg)}.tick{position:absolute;width:1px;height:8px;transform-origin:bottom center;pointer-events:none;display:flex;justify-content:center}.tick.major{height:15px;background-color:#ddd;color:#fff}.tick:nth-child(odd){transform:translate(-50%,-50%) rotate(22.5deg);background-color:#333}.arrow{position:absolute;top:50%;left:50%;width:0;height:0;transform-origin:center center;transition:.3s linear;color:#fff;font-size:70px}.wind-info{position:absolute;top:50%;left:50%;text-align:center;color:#ddd;font-size:16px;font-weight:700;pointer-events:none;transform:rotate(180deg) translate(50%,50%)}.dashboard{display:flex;flex-direction:row;justify-content:space-between;height:400px;position:absolute;bottom:0;right:0;margin:12px}.bearing_tick{width:3px;height:8px;pointer-events:none;background-color:#fff}.bearing{position:fixed;top:0;left:50%;color:#fff;font-size:30px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}.bearing_label{color:#fff;font-weight:700;pointer-events:none}.pause{color:#fff;font-size:2em;position:absolute;top:0;left:0;margin:12px}.pause-button{background:#000;color:#fff;font-size:2em;border-radius:5px}.grounded-message-container{width:100vw;height:100vh;background-color:#0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;position:absolute;top:0;left:0}.grounded-message-modal{width:300px;height:300px;background-color:#333;color:#fff;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;box-shadow:0 0 10px #00000080;text-align:center;padding:20px}.grounded-message-speed{font-size:12px;font-weight:700}.selected{background-color:#fff;color:#333}:root{font-family:Inter,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;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}