:root .grid-stack-item>.ui-resizable-handle{filter:none}.grid-stack{position:relative}.grid-stack.grid-stack-rtl{direction:ltr}.grid-stack.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack .grid-stack-placeholder>.placeholder-content{background-color:rgba(0,0,0,.1);margin:0;position:absolute;width:auto;z-index:0!important;text-align:center}.grid-stack>.grid-stack-item{min-width:8.3333333333%;position:absolute;padding:0}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.grid-stack>.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack>.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack>.grid-stack-item>.ui-resizable-se,.grid-stack>.grid-stack-item>.ui-resizable-sw{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.grid-stack>.grid-stack-item>.ui-resizable-se{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.grid-stack>.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:1.25rem;height:1.25rem;top:0}.grid-stack>.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:0.625rem;top:0;left:1.56rem;right:1.56rem}.grid-stack>.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:1.25rem;height:1.25rem;top:0}.grid-stack>.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:0.625rem;top:1rem;bottom:1rem}.grid-stack>.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:1.25rem;height:1.25rem}.grid-stack>.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:0.625rem;left:1.56rem;bottom:0;right:1.56rem}.grid-stack>.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:1.25rem;height:1.25rem}.grid-stack>.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:0.625rem;top:1rem;bottom:1rem}.grid-stack>.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack>.grid-stack-item[gs-w="0"]{width:0%}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}.grid-stack>.grid-stack-item[gs-min-w="0"]{min-width:0}.grid-stack>.grid-stack-item[gs-max-w="0"]{max-width:0%}.grid-stack>.grid-stack-item[gs-w="1"]{width:8.3333333333%}.grid-stack>.grid-stack-item[gs-x="1"]{left:8.3333333333%}.grid-stack>.grid-stack-item[gs-min-w="1"]{min-width:8.3333333333%}.grid-stack>.grid-stack-item[gs-max-w="1"]{max-width:8.3333333333%}.grid-stack>.grid-stack-item[gs-w="2"]{width:16.6666666667%}.grid-stack>.grid-stack-item[gs-x="2"]{left:16.6666666667%}.grid-stack>.grid-stack-item[gs-min-w="2"]{min-width:16.6666666667%}.grid-stack>.grid-stack-item[gs-max-w="2"]{max-width:16.6666666667%}.grid-stack>.grid-stack-item[gs-w="3"]{width:25%}.grid-stack>.grid-stack-item[gs-x="3"]{left:25%}.grid-stack>.grid-stack-item[gs-min-w="3"]{min-width:25%}.grid-stack>.grid-stack-item[gs-max-w="3"]{max-width:25%}.grid-stack>.grid-stack-item[gs-w="4"]{width:33.3333333333%}.grid-stack>.grid-stack-item[gs-x="4"]{left:33.3333333333%}.grid-stack>.grid-stack-item[gs-min-w="4"]{min-width:33.3333333333%}.grid-stack>.grid-stack-item[gs-max-w="4"]{max-width:33.3333333333%}.grid-stack>.grid-stack-item[gs-w="5"]{width:41.6666666667%}.grid-stack>.grid-stack-item[gs-x="5"]{left:41.6666666667%}.grid-stack>.grid-stack-item[gs-min-w="5"]{min-width:41.6666666667%}.grid-stack>.grid-stack-item[gs-max-w="5"]{max-width:41.6666666667%}.grid-stack>.grid-stack-item[gs-w="6"]{width:50%}.grid-stack>.grid-stack-item[gs-x="6"]{left:50%}.grid-stack>.grid-stack-item[gs-min-w="6"]{min-width:50%}.grid-stack>.grid-stack-item[gs-max-w="6"]{max-width:50%}.grid-stack>.grid-stack-item[gs-w="7"]{width:58.3333333333%}.grid-stack>.grid-stack-item[gs-x="7"]{left:58.3333333333%}.grid-stack>.grid-stack-item[gs-min-w="7"]{min-width:58.3333333333%}.grid-stack>.grid-stack-item[gs-max-w="7"]{max-width:58.3333333333%}.grid-stack>.grid-stack-item[gs-w="8"]{width:66.6666666667%}.grid-stack>.grid-stack-item[gs-x="8"]{left:66.6666666667%}.grid-stack>.grid-stack-item[gs-min-w="8"]{min-width:66.6666666667%}.grid-stack>.grid-stack-item[gs-max-w="8"]{max-width:66.6666666667%}.grid-stack>.grid-stack-item[gs-w="9"]{width:75%}.grid-stack>.grid-stack-item[gs-x="9"]{left:75%}.grid-stack>.grid-stack-item[gs-min-w="9"]{min-width:75%}.grid-stack>.grid-stack-item[gs-max-w="9"]{max-width:75%}.grid-stack>.grid-stack-item[gs-w="10"]{width:83.3333333333%}.grid-stack>.grid-stack-item[gs-x="10"]{left:83.3333333333%}.grid-stack>.grid-stack-item[gs-min-w="10"]{min-width:83.3333333333%}.grid-stack>.grid-stack-item[gs-max-w="10"]{max-width:83.3333333333%}.grid-stack>.grid-stack-item[gs-w="11"]{width:91.6666666667%}.grid-stack>.grid-stack-item[gs-x="11"]{left:91.6666666667%}.grid-stack>.grid-stack-item[gs-min-w="11"]{min-width:91.6666666667%}.grid-stack>.grid-stack-item[gs-max-w="11"]{max-width:91.6666666667%}.grid-stack>.grid-stack-item[gs-w="12"]{width:100%}.grid-stack>.grid-stack-item[gs-x="12"]{left:100%}.grid-stack>.grid-stack-item[gs-min-w="12"]{min-width:100%}.grid-stack>.grid-stack-item[gs-max-w="12"]{max-width:100%}.grid-stack.grid-stack-1>.grid-stack-item{min-width:100%}.grid-stack.grid-stack-1>.grid-stack-item[gs-w="1"]{width:100%}.grid-stack.grid-stack-1>.grid-stack-item[gs-x="1"]{left:100%}.grid-stack.grid-stack-1>.grid-stack-item[gs-min-w="1"]{min-width:100%}.grid-stack.grid-stack-1>.grid-stack-item[gs-max-w="1"]{max-width:100%}.grid-stack.grid-stack-animate,.grid-stack.grid-stack-animate .grid-stack-item{-webkit-transition:left .3s,top .3s,height .3s,width .3s;-moz-transition:left .3s,top .3s,height .3s,width .3s;-ms-transition:left .3s,top .3s,height .3s,width .3s;-o-transition:left .3s,top .3s,height .3s,width .3s;transition:left .3s,top .3s,height .3s,width .3s}.grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing{-webkit-transition:left 0s,top 0s,height 0s,width 0s;-moz-transition:left 0s,top 0s,height 0s,width 0s;-ms-transition:left 0s,top 0s,height 0s,width 0s;-o-transition:left 0s,top 0s,height 0s,width 0s;transition:left 0s,top 0s,height 0s,width 0s}.ui-draggable-dragging,.ui-resizable-resizing{z-index:100}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px rgba(0,0,0,.2);opacity:.8}.ui-draggable-dragging{will-change:left,top;cursor:move}.ui-resizable-resizing{will-change:width,height}
:root{--basefont: 16px}@font-face{font-family:'Bahnschrift';src:url(0c3a5c1eafc8effd2d92.woff) format("woff")}.textfont,span.unit,span.label,span.alt,#modal,#connectmodal,.progressbar,.flightprofile{font-family:"Bahnschrift", Geneva, Verdana, sans-serif;font-stretch:condensed;font-weight:lighter}*{box-sizing:border-box}html{font-size:var(--basefont)}body{background-color:transparent;color:#fff;font-size:var(--basefont);padding:0;margin:0;font-family:'Roboto', Tahoma, Geneva, Verdana, sans-serif;height:100%;overflow:hidden}main{position:absolute;top:0;right:0;height:100%;width:100%;overflow:hidden;transition:width 0.25s}main.showpanels{width:0}@media screen and (min-width: 48em){main.showpanels{width:50%}}@media screen and (min-width: 70em){main.showpanels{width:70%}}aside{position:absolute;background:#222;width:100%;height:100%;left:-100%;transition:left 0.25s}aside.showpanels{left:0}@media screen and (min-width: 48em){aside.showpanels{width:50%}}@media screen and (min-width: 70em){aside.showpanels{width:30%}}#Map{position:absolute;top:-25%;bottom:-25%;left:0;width:100%}#Map.trackup{top:0}#glidericon{width:0;height:0;transition:all 0.1s}#glidericon #tilt,#glidericon #rotate{width:0;height:0;transition:all 0.1s}#glidericon #symbol{width:100px;transform:translate(-50px, -50px) rotate(45deg);fill:#fff;stroke:#000;stroke-width:5px;transition:all 0.1s}#glidericon #ac_hdg,#glidericon #ac_trk{width:3px;height:50vh;position:absolute;left:0;top:-50vh;background-color:#0E57AB}#glidericon #ac_trk{background-color:#ff22dd;transform-origin:bottom;transform:rotate(0deg);transition:all 0.1s}.isIngame #glidericon{display:none}.mapboxgl-popup-content{background-color:#222 !important}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{border-top-color:#222 !important}#markpointform input{font-size:1.5em;padding:0.2em 0.5em;width:100%;margin-bottom:0.5em}#markpointform button{width:100%}.onlineglider{width:3rem;height:3rem}.onlineglider svg{transform:rotate(45deg);fill:white;stroke-width:4px;stroke:black}.onlineglider.ontask svg{fill:red}.mapboxgl-popup-content{border:1px solid #ccc;background-color:#fff !important;color:#333;padding:0.2rem 0.5rem !important;font-size:0.7rem}.mapboxgl-popup-content table{border-collapse:collapse}.mapboxgl-popup-content th,.mapboxgl-popup-content td{padding:0;text-align:left;font-weight:normal}#hawk{display:none;position:absolute;top:50%;left:50%;width:1px;height:1px;overflow:visible;font-size:45px;z-index:-1}.isIngame #hawk{display:none}#hawk.active{display:block}.map_trackup #hawk{top:calc(50% + 210px)}#hawk .arrow{position:absolute;height:3rem;top:-1.5rem;width:1rem;left:-1rem;transform-origin:center}#arrow_current{background-color:#6162a9}#arrow_avg{background-color:#aaaaaa}.arrow svg{width:200%;position:absolute;bottom:-1.6rem;left:-50%}#arrow_current svg{fill:#6162a9}#arrow_avg svg{fill:#aaaaaa}#hawk #number{position:absolute;bottom:-300px;padding:var(--verticalpadding) var(--horizontalpadding);width:18rem;margin-left:-9rem;text-align:center;color:#fff;background-color:rgba(0,0,0,0.6)}.map_trackup #hawk #number{bottom:-180px}#hawk #vertical_indicator{position:absolute;width:calc(var(--devicewidth) / 8);height:0;border:1px solid black;right:calc( -1* var(--devicewidth) / 2.3);text-align:center}.map_trackup #hawk #vertical_indicator{top:-210px}#hawkbar{position:absolute;right:0;bottom:0;width:100%;height:0;background-color:#0d8b3c}#hawkbar svg{transform:rotate(180deg);position:absolute;left:0;top:-90px;width:100%;fill:#0d8b3c}#hawkbar.negative{background-color:#cc0000;bottom:auto;top:0}#hawkbar.negative svg{transform:rotate(0deg);top:auto;bottom:-90px;fill:#cc0000}#hawkbar .value{color:#fff;position:absolute;bottom:0.2rem;left:0;width:100%;text-align:center}#hawkbar.negative .value{bottom:auto;top:0.2rem}#wp-template{display:none}#tasklist header{background-color:#222;text-align:center;margin-bottom:0.5em;padding:0.5em 0 1em 0}#tasklist header #waypointswitches{position:absolute;top:0.5rem;right:0.5rem}#tasklist.task_not_started .headline span.header_prestart{display:block;font-size:2em}#tasklist.task_not_started .task-timer,#tasklist.task_not_started .task-distanceleft,#tasklist.task_not_started .task-average{display:none}#tasklist.task_started .headline span.header_running{display:block;font-size:1em}#tasklist.task_started .task-totaldistance,#tasklist.task_started .task-average{display:none}#tasklist.task_finished .headline span.header_finished{display:block;font-size:1em}#tasklist.task_finished .task-distanceleft,#tasklist.task_finished .task-arrivalheight{display:none}#tasklist.task_finished header{background-color:#0d8b3c}#tasklist.task_finished .task-state>div{border-color:#0d8b3c}#tasklist.task_failed .headline span.header_failed{display:block;font-size:2em}#tasklist.task_failed .task-state>div{display:none}#tasklist.task_failed .task-state .task-failures{display:block}#tasklist.task_failed header{background-color:#cc0000}#tasklist.task_failed .task-state>div{border-color:#cc0000}.task-state{display:flex;justify-content:space-around}.task-state>div{padding:0.5em;background-color:rgba(255,255,255,0.1);width:100%;border:2px solid #222}.task-state .number{font-size:1.8em}#waypoints{position:absolute;height:70%;overflow:auto;width:93%}#wp-template{display:none}.task-waypoint.iscurrentwp{border:2px solid orange}.task-waypoint{position:relative;background-color:#222;margin-bottom:0.5em;padding:0.5em}.task-waypoint .header{font-size:1.5em;padding-bottom:0.2em;padding-right:1.8em}.task-waypoint .badge{display:none;position:absolute;top:0.5em;right:0.5em;padding:0 0.5em;border-radius:3px}.wp-main{display:flex;justify-content:space-around}.wp-main>div{padding:0.5em;background-color:rgba(255,255,255,0.1);width:100%;border:2px solid #222;text-align:center}.wp-main .number{font-size:2em}.wp-data .label{white-space:nowrap}.wp-data.alert,.alert{background-color:#cc0000;color:#fff}.wp-minmax .alert{padding:0.1em 0.5em}.wp-details{display:none;justify-content:space-between;height:5em;overflow:hidden;transition:all 0.2s}.iscurrentwp .wp-details{display:flex}.wp-details>div{padding:0.5em;background-color:rgba(255,255,255,0.1);width:100%;border:2px solid #222;text-align:center}.wp-details .number{font-size:1.8em}.wp-minmax{font-size:1.5em;padding:0.2em 0}.wp-ok .wp-details,.wp-ok .wp-minmax,.wp-ok .wp-main,.wp-ok .click-indicator,.wp-ok .wp-link{display:none}.wp-ok .wp-ok{display:block;background-color:#0d8b3c;font-weight:bold}.click-indicator{position:absolute;top:0.2em;right:0.5em;font-size:1.5em;transition:all 0.2s;display:none}.expanded .click-indicator{transform:rotate(180deg)}.wp-link{position:absolute;top:0;left:0;width:0;height:0}.bigdatafields .wp-link{width:100%;height:100%}.wp-data,.task-state>div{position:relative;overflow:hidden}.shine{position:absolute;left:-5%;top:-2%;width:110%;height:50%;background-image:linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 100%);opacity:0.02;transform:rotate(0deg)}#alert{display:none;background-color:#cc0000;color:#fff;text-align:center;padding:1rem;position:absolute;top:0;left:0;width:100%;z-index:10000}#alert h2{margin:0.5rem 1rem}#alert p{font-size:1.2rem}button{white-space:nowrap;line-height:3.125rem;min-width:3.75rem;background:#444;color:#ccc;border:2px solid #444;margin:0 0.5rem 0.2rem 0;font-size:1.2rem;padding:0 0.5rem;cursor:pointer}button:hover,button:focus{color:#eee}button:hover svg,button:focus svg{fill:#eee !important}button.active{border-top:2px solid #111;border-left:2px solid #111;border-right:2px solid #666;border-bottom:2px solid #666}button .icon{display:inline-block;position:relative;height:1em;width:1em;top:calc(47px - 1em);margin-left:0.5rem}button .icon svg{fill:#ccc;position:relative;height:100%}#mapoptions{display:none}#mapoptions .icon{transform:rotate(180deg)}@media screen and (max-width: 1200px){#mapoptions{display:flex}}#maccready{width:calc(100% - 2em);position:absolute;bottom:0}#maccready input{width:75%}#maccready span{display:inline-block;width:2em}#selected_aircraft{position:absolute;bottom:0.5rem;left:0.5rem;color:#ccc;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}input[type="range"]{appearance:none;-webkit-appearance:none;margin-right:1rem;height:0.5rem !important;background:rgba(255,255,255,0.6);border-radius:0.3rem;background-image:linear-gradient(#555, #888);background-size:70% 100%;background-repeat:no-repeat}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;height:1.875rem;width:1.25rem;border-radius:3px;background:#ccc;cursor:ew-resize;box-shadow:0 0 2px 0 #555;transition:background .3s ease-in-out}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent;background-image:linear-gradient(#555, #888)}.panel{padding:1em;height:calc(100% - 75px);position:relative;overflow:auto}#modal,#connectmodal{font-stretch:expanded;display:none;z-index:100;position:absolute;background:#222;padding:3vw;margin:auto;width:60%;min-height:60%;max-height:80%;overflow:auto;top:20%;left:20%}#modal section,#connectmodal section{line-height:1.6}#modal section a,#connectmodal section a{color:#fff}#modal button,#connectmodal button{float:right;min-width:8rem}@media screen and (max-width: 40em){#modal,#connectmodal{width:90%;top:20%;left:5%}}#connectmodal{display:block;min-height:40%}.connect_address{margin:1em 0}.connect_address input{font-size:2em;padding:0.2em}.ws_connect{margin-bottom:1em}nav{z-index:101;width:100%;height:4.68rem;position:absolute;bottom:-4.7rem;left:0;background-color:#222;display:flex;align-items:center;justify-content:space-between;padding:0.2rem 0.5rem 0 0.5rem;transition:bottom 0.2s}.showNav nav{bottom:0}nav .buttons{display:none;position:absolute;bottom:75px;flex-direction:column-reverse;background-color:#222;padding:0.5em 0 0 0.5em}.showNav nav .buttons.active{display:flex !important}@media screen and (min-width: 48em){nav .buttons{display:flex;position:static;flex-direction:row;padding:0}}nav .mapbuttons{right:0.5em}@media screen and (min-width: 48em){nav .mapbuttons{align-items:flex-end}}.isIngame nav .mapbuttons{display:none}nav #editmodeswitch{margin-left:1em}nav #pagemenu,nav #mapmenu{position:absolute;top:0.625rem;background-color:#222;border:none}nav #pagemenu svg,nav #mapmenu svg{fill:#bbb}@media screen and (min-width: 48em){nav #pagemenu,nav #mapmenu{display:none}}nav #mapmenu{right:0.5rem}nav #pagemenu{left:0.5rem}nav #navpageswitch{display:none}.isIngame nav{justify-content:initial}.isIngame nav .edit{width:auto}.buttonwrapper{display:flex;flex-wrap:wrap;justify-content:space-between}.lxconfigbtn,.lxsettingsbtn{--buttonsize: calc(33.333% - 0.5em);width:var(--buttonsize);aspect-ratio:1/1;background:linear-gradient(180deg, #444 0%, #202020 100%);color:#ccc;border:1px solid #888;border-radius:4px;position:relative;margin-bottom:0.5em;padding:0.5rem}.lxsettingsbtn{height:70px}.lxconfigbtn:hover,.lxsettingsbtn:hover,.lxsettingsbtn.highlighted{background:linear-gradient(180deg, #666 0%, #333 100%);color:#fff;border:1px solid #cccccc}.configpanel{position:absolute;top:5rem;left:0.5rem;width:calc(100% - 1rem);height:calc(100% - 5rem - 75px);background-color:#333;display:none;z-index:1}.configpanel.active{display:block}.configpanel header{color:#fff;border-bottom:2px solid #fff;padding:0.5rem;text-align:center}.configpanel_content{padding:0.5rem;color:#fff}.configpanel_content p{margin-bottom:0.5em}.configpanel_buttons{position:absolute;bottom:0;padding:var(--horizontalpadding) var(--horizontalpadding) 0 var(--horizontalpadding);display:flex;flex-wrap:nowrap;flex-direction:row;width:100%}.configpanel_close,.servicelink{width:33%;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;text-align:center;font-weight:bold;font-size:1.2em;line-height:1.4em;text-decoration:none;padding:5px 0}#buginput{text-align:center;font-size:2rem;padding:0.5em}#acselector{font-size:1.2em;margin:1em auto;display:block;background:#444;padding:0.5em;color:#fff}.quickselect{width:100%;text-align:center}#unitdetailsetting{padding-top:2rem;margin-top:2rem;border-top:2px solid #fff}.inputwrapper{clear:both}#unitdetailsetting label{display:block;float:left;width:35%;margin:0.75rem 0}#unitdetailsetting .unitselect{background-color:#333;border:1px solid #666;padding:0.5rem 1rem;margin:0.75rem}#unitdetailsetting .unitselect:hover{background-color:#555}#unitdetailsetting .unitselect.selected{background-color:#ccc;color:#000}#debugwindow{border:2px solid #ccc;background:#000;color:#fff;width:100%;padding:0.5em;height:15rem;overflow:auto}.configpanel_content{position:relative;display:flex;flex-wrap:wrap;margin-bottom:2rem}.config_label{width:75%;padding-right:var(--horizontalpadding)}.range .config_label{width:100%}.config_label .title{font-size:1.2em}.config_label .description{color:#aaa}.config_toggle{width:4rem;position:relative;height:2rem;border:2px solid #ccc;border-radius:40px;cursor:pointer}.config_toggle[state="on"]{background-color:#2656a3}.config_toggle .handle{height:1.4rem;width:1.4rem;background-color:#fff;left:0.2rem;top:0.2rem;border-radius:50%;position:absolute;transition:all 0.2s}.config_toggle[state="on"] .handle{left:auto;right:4px}#vfo-indicator{position:relative;display:inline-block;top:0.1rem;right:0;width:1rem;height:1rem;background-color:#f00;border-radius:50%;margin-right:0.5rem}#vfo-indicator[state="on"]{background-color:green}#markpointlist{font-size:1.2rem;width:100%;border-collapse:collapse;margin-bottom:1em}#markpointlist th{text-align:left}#markpointlist th,#markpointlist td{padding:0.3em 0.5em;border-bottom:2px solid #444;vertical-align:top}#markpointlist tr{position:relative;border:2px solid #222}#markpointlist tr.active{outline:2px solid #FF9D1E}#markpointlist tr .mp_arr{padding-right:2rem}#markpointlist tr a.select-markpoint{position:absolute;top:0;left:0;width:calc(100% - 2rem);height:100%}#markpointlist tr a.rem-markpoint{position:absolute;right:0;top:0;width:2rem;height:2rem;background-color:#cc0000;color:#fff;text-align:center;text-decoration:none;font-weight:bold;line-height:1.9rem}.datafields{position:absolute;width:100%;height:50%}.datafields.upper{top:0}.datafields.lower{bottom:75px}.isIngame .datafields .upper{aspect-ratio:16/9}.grid-stack-item{z-index:10}.grid-stack-item .grid-stack-item-content{overflow-y:hidden !important}.grid-stack-item .closer{position:absolute;top:0;right:0;background-color:#c00;color:#fff;padding:0rem 1rem 0.3rem;display:none;text-align:center;z-index:100;cursor:pointer}.editmode .grid-stack-item .closer{display:block}.editmode .grid-stack-item:hover .closer{display:block}.ui-resizable-handle{display:none}.editmode .ui-resizable-handle{display:none}.datafield{user-select:none;width:100%;height:100%;outline:1px solid grey;display:flex;flex-direction:column;background-color:rgba(0,0,0,0.5);font-size:1.5rem}.datafield .label{padding-top:0.2em;width:100%;font-size:0.7em;text-align:center;text-transform:uppercase}.datafield .value{width:100%;display:flex;flex-direction:row;padding:0.5em;align-items:baseline;justify-content:center}.datafield .number{font-size:3.125rem;line-height:0.9}.datafield .unit{font-size:0.7em;vertical-align:baseline}.datafield.minimode{flex-direction:row;justify-content:center;align-items:baseline}.datafield.minimode .label:after{content:':'}.datafield.minimode span{width:auto;padding:0.3em 0.2em 0 0}.isIngame .datafield.minimode span{padding-top:0}.datafield.minimode .number{font-size:2rem}.datafield.minimode .value{padding:0}.fulltransparent{text-shadow:1px 1px 1px rgba(0,0,0,0.5)}.editmode .grid-stack-item{outline:2px solid lightblue}#datafieldeditor{display:none;position:absolute;top:10%;left:10%;width:80%;height:80%;overflow:auto;background:#222;padding:2rem;z-index:100;font-size:0.9em}@media screen and (max-width: 60rem){#datafieldeditor{top:5%;left:5%;width:90%;height:90%;padding:1rem}}#datafieldeditor .entry{position:relative;display:flex;align-items:baseline;margin-bottom:1em;border-bottom:1px solid #666;padding-bottom:0.5em}@media screen and (max-width: 60rem){#datafieldeditor .entry{flex-direction:column}}#datafieldeditor .entry.hascolorpatches{padding-bottom:1.5rem}#datafieldeditor label{width:12rem}#datafieldeditor label.smalllabel{width:auto;margin:0 1em 0 0}#datafieldeditor select{font-size:1em;display:block;background:#444;padding:0.5em;color:#fff}#datafieldeditor input[type='color'],#datafieldeditor input[type='range']{width:12rem;height:3em;margin-right:1em}#datafieldeditor input[type='text']{height:3em;width:5em}#datafieldeditor input[type='range']{margin:1.5em 0}.buttons .editmodeonly{display:none}#trash{border:2px solid #666;line-height:50px;padding:0 1em;height:54px;color:#ccc;font-size:1.2em}.editmode .editmodeonly{display:block}.editmode .mapbuttons.active,.editmode .panels.active{display:none}@use "sass:math";.grid-stack>.grid-stack-item{min-width:4.16667%}.grid-stack>.grid-stack-item[gs-w='0']{width:0%}.grid-stack>.grid-stack-item[gs-x='0']{left:0%}.grid-stack>.grid-stack-item[gs-min-w='0']{min-width:0%}.grid-stack>.grid-stack-item[gs-max-w='0']{max-width:0%}.grid-stack>.grid-stack-item[gs-w='1']{width:4.16667%}.grid-stack>.grid-stack-item[gs-x='1']{left:4.16667%}.grid-stack>.grid-stack-item[gs-min-w='1']{min-width:4.16667%}.grid-stack>.grid-stack-item[gs-max-w='1']{max-width:4.16667%}.grid-stack>.grid-stack-item[gs-w='2']{width:8.33333%}.grid-stack>.grid-stack-item[gs-x='2']{left:8.33333%}.grid-stack>.grid-stack-item[gs-min-w='2']{min-width:8.33333%}.grid-stack>.grid-stack-item[gs-max-w='2']{max-width:8.33333%}.grid-stack>.grid-stack-item[gs-w='3']{width:12.5%}.grid-stack>.grid-stack-item[gs-x='3']{left:12.5%}.grid-stack>.grid-stack-item[gs-min-w='3']{min-width:12.5%}.grid-stack>.grid-stack-item[gs-max-w='3']{max-width:12.5%}.grid-stack>.grid-stack-item[gs-w='4']{width:16.66667%}.grid-stack>.grid-stack-item[gs-x='4']{left:16.66667%}.grid-stack>.grid-stack-item[gs-min-w='4']{min-width:16.66667%}.grid-stack>.grid-stack-item[gs-max-w='4']{max-width:16.66667%}.grid-stack>.grid-stack-item[gs-w='5']{width:20.83333%}.grid-stack>.grid-stack-item[gs-x='5']{left:20.83333%}.grid-stack>.grid-stack-item[gs-min-w='5']{min-width:20.83333%}.grid-stack>.grid-stack-item[gs-max-w='5']{max-width:20.83333%}.grid-stack>.grid-stack-item[gs-w='6']{width:25%}.grid-stack>.grid-stack-item[gs-x='6']{left:25%}.grid-stack>.grid-stack-item[gs-min-w='6']{min-width:25%}.grid-stack>.grid-stack-item[gs-max-w='6']{max-width:25%}.grid-stack>.grid-stack-item[gs-w='7']{width:29.16667%}.grid-stack>.grid-stack-item[gs-x='7']{left:29.16667%}.grid-stack>.grid-stack-item[gs-min-w='7']{min-width:29.16667%}.grid-stack>.grid-stack-item[gs-max-w='7']{max-width:29.16667%}.grid-stack>.grid-stack-item[gs-w='8']{width:33.33333%}.grid-stack>.grid-stack-item[gs-x='8']{left:33.33333%}.grid-stack>.grid-stack-item[gs-min-w='8']{min-width:33.33333%}.grid-stack>.grid-stack-item[gs-max-w='8']{max-width:33.33333%}.grid-stack>.grid-stack-item[gs-w='9']{width:37.5%}.grid-stack>.grid-stack-item[gs-x='9']{left:37.5%}.grid-stack>.grid-stack-item[gs-min-w='9']{min-width:37.5%}.grid-stack>.grid-stack-item[gs-max-w='9']{max-width:37.5%}.grid-stack>.grid-stack-item[gs-w='10']{width:41.66667%}.grid-stack>.grid-stack-item[gs-x='10']{left:41.66667%}.grid-stack>.grid-stack-item[gs-min-w='10']{min-width:41.66667%}.grid-stack>.grid-stack-item[gs-max-w='10']{max-width:41.66667%}.grid-stack>.grid-stack-item[gs-w='11']{width:45.83333%}.grid-stack>.grid-stack-item[gs-x='11']{left:45.83333%}.grid-stack>.grid-stack-item[gs-min-w='11']{min-width:45.83333%}.grid-stack>.grid-stack-item[gs-max-w='11']{max-width:45.83333%}.grid-stack>.grid-stack-item[gs-w='12']{width:50%}.grid-stack>.grid-stack-item[gs-x='12']{left:50%}.grid-stack>.grid-stack-item[gs-min-w='12']{min-width:50%}.grid-stack>.grid-stack-item[gs-max-w='12']{max-width:50%}.grid-stack>.grid-stack-item[gs-w='13']{width:54.16667%}.grid-stack>.grid-stack-item[gs-x='13']{left:54.16667%}.grid-stack>.grid-stack-item[gs-min-w='13']{min-width:54.16667%}.grid-stack>.grid-stack-item[gs-max-w='13']{max-width:54.16667%}.grid-stack>.grid-stack-item[gs-w='14']{width:58.33333%}.grid-stack>.grid-stack-item[gs-x='14']{left:58.33333%}.grid-stack>.grid-stack-item[gs-min-w='14']{min-width:58.33333%}.grid-stack>.grid-stack-item[gs-max-w='14']{max-width:58.33333%}.grid-stack>.grid-stack-item[gs-w='15']{width:62.5%}.grid-stack>.grid-stack-item[gs-x='15']{left:62.5%}.grid-stack>.grid-stack-item[gs-min-w='15']{min-width:62.5%}.grid-stack>.grid-stack-item[gs-max-w='15']{max-width:62.5%}.grid-stack>.grid-stack-item[gs-w='16']{width:66.66667%}.grid-stack>.grid-stack-item[gs-x='16']{left:66.66667%}.grid-stack>.grid-stack-item[gs-min-w='16']{min-width:66.66667%}.grid-stack>.grid-stack-item[gs-max-w='16']{max-width:66.66667%}.grid-stack>.grid-stack-item[gs-w='17']{width:70.83333%}.grid-stack>.grid-stack-item[gs-x='17']{left:70.83333%}.grid-stack>.grid-stack-item[gs-min-w='17']{min-width:70.83333%}.grid-stack>.grid-stack-item[gs-max-w='17']{max-width:70.83333%}.grid-stack>.grid-stack-item[gs-w='18']{width:75%}.grid-stack>.grid-stack-item[gs-x='18']{left:75%}.grid-stack>.grid-stack-item[gs-min-w='18']{min-width:75%}.grid-stack>.grid-stack-item[gs-max-w='18']{max-width:75%}.grid-stack>.grid-stack-item[gs-w='19']{width:79.16667%}.grid-stack>.grid-stack-item[gs-x='19']{left:79.16667%}.grid-stack>.grid-stack-item[gs-min-w='19']{min-width:79.16667%}.grid-stack>.grid-stack-item[gs-max-w='19']{max-width:79.16667%}.grid-stack>.grid-stack-item[gs-w='20']{width:83.33333%}.grid-stack>.grid-stack-item[gs-x='20']{left:83.33333%}.grid-stack>.grid-stack-item[gs-min-w='20']{min-width:83.33333%}.grid-stack>.grid-stack-item[gs-max-w='20']{max-width:83.33333%}.grid-stack>.grid-stack-item[gs-w='21']{width:87.5%}.grid-stack>.grid-stack-item[gs-x='21']{left:87.5%}.grid-stack>.grid-stack-item[gs-min-w='21']{min-width:87.5%}.grid-stack>.grid-stack-item[gs-max-w='21']{max-width:87.5%}.grid-stack>.grid-stack-item[gs-w='22']{width:91.66667%}.grid-stack>.grid-stack-item[gs-x='22']{left:91.66667%}.grid-stack>.grid-stack-item[gs-min-w='22']{min-width:91.66667%}.grid-stack>.grid-stack-item[gs-max-w='22']{max-width:91.66667%}.grid-stack>.grid-stack-item[gs-w='23']{width:95.83333%}.grid-stack>.grid-stack-item[gs-x='23']{left:95.83333%}.grid-stack>.grid-stack-item[gs-min-w='23']{min-width:95.83333%}.grid-stack>.grid-stack-item[gs-max-w='23']{max-width:95.83333%}.grid-stack>.grid-stack-item[gs-w='24']{width:100%}.grid-stack>.grid-stack-item[gs-x='24']{left:100%}.grid-stack>.grid-stack-item[gs-min-w='24']{min-width:100%}.grid-stack>.grid-stack-item[gs-max-w='24']{max-width:100%}#addelementmenu{position:absolute;bottom:4.68rem;left:5.5rem;background:#222;display:flex;flex-direction:column-reverse;padding:0.5rem;display:none}#addelementmenu button{width:100%}@media screen and (min-width: 48em){#addelementmenu{left:1rem}#addelementmenu button{width:auto}}.editmode.addmenu #addelementmenu{display:block}#coursepointer{width:100%;font-weight:bold;text-align:center;color:#333}#coursepointer #pointerbar{position:absolute;background-color:#fff;font-size:1em;line-height:1em;height:100%;left:auto;right:50%;width:0;text-align:right}#coursepointer #pointerbar.isStraight #tip{display:none;width:0}#coursepointer #pointerbar .arrows{display:block;position:relative;top:2px;font-size:25px;line-height:200%;transform:rotate(180deg);height:100%}#coursepointer #pointerbar.negative .arrows{transform:rotate(0deg);top:-2px}#coursepointer #pointerbar #tip{position:absolute;left:-15px;border-right:15px solid #fff;border-top:25px solid transparent;border-bottom:25px solid transparent}#coursepointer #pointerbar.negative{left:50%;right:auto}#coursepointer #pointerbar.negative #tip{right:-30px;left:auto;border-left:15px solid #fff;border-right:15px solid transparent}#coursepointer #pointerstraight{position:absolute;background-color:#fff;font-size:1em;line-height:1em;top:0;left:calc(50% - 0.5em);width:1em;height:100%}#coursepointer .opacityslider{position:absolute;top:0;left:0;padding:1rem;display:none;flex-direction:column;background-color:#333;z-index:10}#coursepointer .opacityslider input[type="range"]{margin:1rem 0}.editmode #coursepointer .opacityslider.active{display:flex}.colorpatches{display:flex;flex-wrap:wrap;position:absolute;left:12rem;top:2.5rem;background:#fff}.colorpatch{height:1rem;width:calc((12rem - 16px) / 8);margin:1px;cursor:pointer}.progressbar{background-color:rgba(0,0,0,0.5);height:100%;width:100%;font-size:0.625rem}.progressbar .inner{height:100%}.progressbar .info{position:absolute;top:0;right:0;font-size:0.75rem;padding:0.2rem 0.5rem;background-color:#000;color:#fff}.progressbar .altitudegraph{position:absolute;top:5px;left:6em;width:calc(100% - 12em);height:calc(100% - (4.8em + 7px))}.progressbar .basebar{position:absolute;width:calc(100% - 12em);bottom:4.8em;left:6em;height:4px;background:rgba(255,255,255,0.5)}.progressbar .basebar .distlabel{position:absolute;transform:translate(-50%, -2rem)}.progressbar .basebar .pb_waypoint{position:absolute;height:0;width:0;bottom:-4px;border:6px solid #fff;border-radius:50%;margin-left:-5px;z-index:1}.progressbar .basebar .pb_waypoint .pb_label{position:absolute;bottom:-4.5em;color:#fff;white-space:nowrap;transform:translate(-50%, 0px);display:flex;flex-direction:column;text-align:center;line-height:1.2;max-width:12em}.progressbar .basebar .pb_waypoint .pb_label .name{text-transform:uppercase;font-size:1.8em;max-width:12em;overflow:hidden;text-overflow:ellipsis}.isIngame .progressbar .basebar .pb_waypoint .pb_label .name{text-overflow:initial}.progressbar .basebar .pb_waypoint .pb_label .alt{font-style:italic;font-size:1.3em;padding-right:0.1em}.progressbar .basebar .pb_waypoint.current{border-color:#FF9D1E}.progressbar .basebar .pb_waypoint.current .pb_label{overflow:visible;max-width:30em}.progressbar .basebar .pb_waypoint.current .pb_label .name{max-width:30em}.progressbar .basebar .pb_waypoint:nth-child(2) .pb_label{transform:translate(-5.5em, -3.3em);text-align:left}.progressbar .basebar .pb_waypoint:nth-last-child(2) .pb_label{transform:translate(1em, -3.3em);text-align:right}.progressbar .basebar .pb_leg{height:4px;position:absolute}.progressbar .basebar .pb_leg.current{background-color:#fff}.progressbar .basebar .pb_leg.current:after{content:"";position:absolute;top:-12px;right:0px;border-bottom:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid transparent}.progressbar .basebar .completed{background-color:#36B92D;border-color:#36B92D}.progressbar .basebar .failed{background-color:#cc0000;border-color:#cc0000}.progressbar .opacityslider{position:absolute;top:0;left:0;padding:1rem;display:none;flex-direction:column;background-color:#333;z-index:10}.progressbar .opacityslider input[type="range"]{margin:1rem 0}.editmode .progressbar .opacityslider.active{display:flex}.flightprofile{background-color:rgba(0,0,0,0.5);height:100%;width:100%;font-size:0.625rem}.flightprofile .inner{height:100%}.flightprofile .minlabel,.flightprofile .maxlabel{position:absolute;font-size:1.2em;padding:0.2em 0.5em;background-color:transparent;color:#fff}.flightprofile .maxlabel{top:0.5rem;left:0.5rem}.flightprofile .minlabel{bottom:0.5rem;left:0.5rem}.flightprofile .aircraft_graph,.flightprofile .ground_graph{position:absolute;top:5px;left:0;width:100%;height:100%}.flightprofile .ground_graph{fill:rgba(92,51,48,0.4)}.flightprofile .timelinetick{position:absolute;height:100%;width:1px;border-left:1px solid rgba(255,255,255,0.3)}.flightprofile .timelineshorttick{position:absolute;height:50%;bottom:0;width:1px;border-left:1px solid rgba(255,255,255,0.3)}.flightprofile .timelinelabel{position:absolute;bottom:0.2rem;left:0.2rem;white-space:nowrap}.flightprofile .altmarker{position:absolute;height:1px;width:100%;border-top:1px solid rgba(255,255,255,0.3)}.flightprofile .altmarkerlabel{position:absolute;right:0.2rem;top:0.2rem;font-size:1em}.flightprofile .opacityslider{position:absolute;top:0;left:0;display:none;flex-direction:row}.flightprofile .opacityslider div{padding:1rem;display:flex;flex-direction:column;background-color:#333;z-index:10}.flightprofile .opacityslider input[type="range"]{margin:1rem 0}.editmode .flightprofile .opacityslider.active{display:flex}.compasswrapper{--maincolor: rgba(255,255,255,0.8);position:relative;height:100%;width:100%;font-size:1rem}.compasswrapper .compass{--baselength: 6.25rem;position:absolute;top:2em;left:0m;height:var(--baselength);width:var(--baselength);max-width:100%;aspect-ratio:1/1;background-color:rgba(0,0,0,0.5);border-radius:50%;margin:0 0 0 0;transform-origin:50% 50%}.compasswrapper .heading{position:absolute;left:50%;transform:translate(-50%, 0);top:0;color:var(--maincolor);background-color:rgba(0,0,0,0.5);padding:0.2em 0.5rem}.compasswrapper .tick{position:absolute;left:50%;top:50%;height:1em;color:var(--maincolor);text-align:center;text-indent:-0.4em;margin-top:calc(-1 * var(--baselength) / 2);transform-origin:0 calc(var(--baselength) / 2);line-height:0.8}.compasswrapper .tick.shortempty{width:0;height:0.5em;border:1px solid var(--maincolor)}.compasswrapper .tick.longempty{width:0;height:1em;border:1px solid var(--maincolor)}.compasswrapper.fulltransparent .shortempty,.compasswrapper.fulltransparent .longempty,.compasswrapper.fulltransparent .arrow,.compasswrapper.fulltransparent .direction,.compasswrapper.fulltransparent .velocity{box-shadow:1px 1px 1px rgba(0,0,0,0.3)}.compasswrapper .arrow{position:absolute;left:calc(50% - 3px);top:50%;margin-top:calc((-1.25 * var(--baselength) / 2) / 2);width:0;background:#fff;border:0.2em solid #fff;height:calc(1.25 * var(--baselength) / 2);transform-origin:3px 50%;transform:rotate(0deg)}.compasswrapper .arrow svg{position:absolute;top:-0.6em;left:-1em;width:2em;transform:rotate(180deg);fill:#fff}.compasswrapper .direction,.compasswrapper .velocity{border:1px solid var(--maincolor);text-align:center;width:3em;color:var(--maincolor);position:absolute;top:50%;left:0.7em;margin-top:-0.75em;transform-origin:50% 50%;font-size:1.3em;line-height:1.2}.compasswrapper .direction span,.compasswrapper .velocity span{font-size:0.5em}.compasswrapper .direction{right:1em;left:auto}.compasswrapper .groundtrack,.compasswrapper .courseline{position:absolute;top:0;left:50%;width:0;border:1px solid #ff22dd;height:calc(var(--baselength) / 2);transform-origin:0 100%;transform:rotate(10deg);opacity:0.8}.compasswrapper .courseline{border-color:#FF9D1E;transform:rotate(-30deg)}.compasswrapper .courseline.off{display:none}.compasswrapper .opacityslider{position:absolute;top:0;left:0;padding:1rem;display:none;flex-direction:column;background-color:#333;z-index:10}.compasswrapper .opacityslider input[type="range"]{margin:1rem 0}.editmode .compasswrapper .opacityslider.active{display:flex}.accwrapper{--maincolor: rgba(255,255,255,0.8);position:absolute;top:0;left:0;max-width:100%;max-height:100%;aspect-ratio:1/1;border-radius:50%;background:rgba(0,0,0,0.5);display:flex;flex-direction:column}.accwrapper.fulltransparent .shortempty,.accwrapper.fulltransparent .longempty,.accwrapper.fulltransparent .arrow,.accwrapper.fulltransparent .direction,.accwrapper.fulltransparent .velocity{box-shadow:1px 1px 1px rgba(0,0,0,0.3)}.accwrapper .accmeter{--baselength: 100px;position:absolute;border:1px solid red;width:0;height:0;top:calc(var(--baselength) / 2);left:calc(var(--baselength) / 2)}.accwrapper .accmeter .ring{position:absolute;top:calc(-1 * var(--baselength) / 2);left:calc((-1 * var(--baselength) / 2));width:var(--baselength);height:var(--baselength);border:2px solid var(--maincolor);width:var(--baselength);height:var(--baselength);border-radius:50%;transform:translate(-1px, 0)}.accwrapper .accmeter .ring:nth-child(1){top:calc(-1 * var(--baselength) * (0.75 / 2));left:calc(-1 * var(--baselength) * (0.75 / 2));width:calc(var(--baselength) * 0.75);height:calc(var(--baselength) * 0.75)}.accwrapper .accmeter .ring:nth-child(2){top:calc(-1 * var(--baselength) / 4);left:calc(-1 * var(--baselength) / 4);width:calc(var(--baselength) / 2);height:calc(var(--baselength) / 2)}.accwrapper .accmeter .ring:nth-child(3){top:calc(-1 * var(--baselength) / 8);left:calc(-1 * var(--baselength) / 8);width:calc(var(--baselength) / 4);height:calc(var(--baselength) / 4)}.accwrapper .accmeter .line-vertical{position:absolute;height:var(--baselength);left:-1px;top:calc(-1 * var(--baselength) / 2);width:0;border:1px solid var(--maincolor);transform-origin:50% 50%}.accwrapper .accmeter .line-horizontal{position:absolute;height:0;top:-1px;left:calc(-1 * var(--baselength) / 2);width:var(--baselength);border:1px solid var(--maincolor);transform-origin:50% 50%}.accwrapper .accmeter .marker,.accwrapper .accmeter .checkmarker{position:absolute;width:1em;height:1em;border-radius:50%;background-color:red;top:-0.5em;left:-0.5em;transition:transform all 0.09s}.accwrapper .accmeter .checkmarker{display:none}.accwrapper .accmeter .output{position:absolute;top:0;left:0;border:1px solid #fff;padding:0.2em;width:calc( var(--baselength) / 2);display:none}.accwrapper .accmeter .vert_g,.accwrapper .accmeter .hor_g{position:absolute;bottom:0;left:0;border:1px solid #fff;padding:0.2em;font-size:1em}.accwrapper .accmeter .vert_g{bottom:calc(-1 * var(--baselength) / 2)}.accwrapper .accmeter .hor_g{left:calc(-1 * var(--baselength) / 2)}.accwrapper .accmeter .stickmarker,.accwrapper .accmeter .ruddermarker{position:absolute;border-radius:50%;z-index:11}.accwrapper .accmeter .stickmarker{height:1em;width:1em;border:0.25em solid rgba(255,255,255,0.8);margin:-0.5em 0 0 -0.5rem}.accwrapper .accmeter .ruddermarker{height:0.5em;width:0.5em;background-color:rgba(255,255,255,0.8);margin:-0.25em 0 0 -0.25em}.accwrapper .opacityslider{position:absolute;top:0;left:0;padding:1rem;display:none;flex-direction:column;background-color:#333;z-index:10}.accwrapper .opacityslider input[type="range"]{margin:1rem 0}.editmode .accwrapper .opacityslider.active{display:flex}.thermalhelpwrapper{--maincolor: rgba(255,255,255,0.8);--baselength: 200px;position:absolute;top:0;left:0;width:var(--baselength);height:var(--baselength);background:transparent}.thermalhelpwrapper .fulltransparent .arrow,.thermalhelpwrapper .fulltransparent .arrow:before{box-shadow:1px 1px 1px rgba(0,0,0,0.3)}.thermalhelpwrapper .thermalhelp{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.1);border-radius:50%;visibility:hidden}.thermalhelpwrapper .thermalhelp.active{visibility:visible}.thermalhelpwrapper .horizon{width:var(--baselength);height:4px;background-color:var(--maincolor);position:absolute;left:0;top:calc(50% - 2px);transform-origin:50% 2px}.thermalhelpwrapper .straw{position:absolute;left:50%;top:calc(50% - 1px);width:calc(var(--baselength) / 2);height:2px;background-color:rgba(0,0,0,0.3);transform-origin:1px 100%}.thermalhelpwrapper .straw.left{transform:rotate(45deg)}.thermalhelpwrapper .straw.right{transform:rotate(135deg)}.thermalhelpwrapper .static.horizon{background-color:rgba(0,0,0,0.3)}.thermalhelpwrapper .current.horizon{background-color:darkgreen}.thermalhelpwrapper .output{position:absolute;width:100%;text-align:center;padding:0.2em}.thermalhelpwrapper .output.top{top:0}.thermalhelpwrapper .output.bottom{bottom:0}.thermalhelpwrapper .opacityslider{position:absolute;top:0;left:0;padding:1rem;display:none;flex-direction:column;background-color:#333;z-index:10}.thermalhelpwrapper .opacityslider input[type="range"]{margin:1rem 0}.editmode .thermalhelpwrapper .opacityslider.active{display:flex}.variowrapper{--maincolor: rgba(255,255,255,0.8);--baselength: 12.5rem;position:absolute;top:0;left:0;width:var(--baselength);height:var(--baselength);aspect-ratio:1/1;background:transparent}.variowrapper .fulltransparent .arrow,.variowrapper .fulltransparent .arrow:before{box-shadow:1px 1px 1px rgba(0,0,0,0.3)}.variowrapper .vario{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:3em solid rgba(0,0,0,0.2);border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:7em}.variowrapper .arrow{position:absolute;left:calc(var(--baselength) / 2 - 3em);top:-3em;height:calc(var(--baselength) / 2);width:0;transform-origin:0 100%}.variowrapper .mcmarker{transform:rotate(-90deg)}.variowrapper .mcmarker:after{content:"";display:block;border-top:1em solid blue;height:0em;left:-0.5em;position:absolute;border-bottom:1em solid transparent;border-left:0.5em solid transparent;border-right:0.5em solid transparent;top:0em}.variowrapper .wind{transform:rotate(-45deg);transition:transform 0.05s}.variowrapper .wind:after{content:"";display:block;border-top:3em solid transparent;height:0em;left:-0.5em;position:absolute;border-bottom:3em solid #34bfb1;border-left:0.5em solid transparent;border-right:0.5em solid transparent;top:-3em}.variowrapper .average{transform:rotate(-95deg)}.variowrapper .average:after{position:absolute;content:"";width:1em;height:1em;background-color:#ff5e00;transform:rotate(45deg);left:-0.5em;top:2.5em}.variowrapper .current{transform:rotate(-60deg);transition:transform 0.05s}.variowrapper .current:after{content:"";display:block;border-top:3em solid transparent;height:0em;left:-0.5em;position:absolute;border-bottom:3em solid #ff5e00;border-left:0.5em solid transparent;border-right:0.5em solid transparent;top:-3em}.variowrapper .scale{position:absolute;top:0;left:0;width:100%;height:100%}.variowrapper .scale .tick:before{content:"";position:absolute;left:-0.1em;height:1em;width:0;border:0.1em solid var(--maincolor)}.variowrapper .scale .tick .number{position:absolute;top:1em;left:-0.5em;width:1em;font-size:1.2em;text-align:center;color:var(--maincolor)}.variowrapper .scale.imperial .tick.odd:before{height:0.25em}.variowrapper .scale.imperial .tick.odd .number{display:none}.variowrapper .opacityslider{position:absolute;top:0;left:0;padding:1rem;display:none;flex-direction:column;background-color:#333;z-index:10}.variowrapper .opacityslider input[type="range"]{margin:1rem 0}.editmode .variowrapper .opacityslider.active{display:flex}.variowrapper .variodatafield{display:flex;flex-direction:column;background-color:transparent;position:absolute;right:-7em;width:7em}.variowrapper .variodatafield.currentval{top:-2.5em;cursor:pointer}.variowrapper .variodatafield.avgval{top:1.5em;cursor:pointer}.variowrapper .variodatafield.verticalwind{top:5.5em}.variowrapper .variodatafield .label{width:100%;font-size:0.7em;text-align:center}.variowrapper .variodatafield .value{width:100%;display:flex;flex-direction:row;padding:0 0.5em;align-items:baseline;justify-content:center}.variowrapper .variodatafield .value .number{font-size:2.5em;line-height:1}.variowrapper .variodatafield .value .unit{font-size:0.7em;vertical-align:baseline}.variowrapper .scalebutton{position:absolute;right:-6.5em;bottom:-2.5em;border:1px solid var(--maincolor);padding:0.2em;text-align:center;width:6em;cursor:pointer}.variowrapper #arc{position:absolute;top:0;left:0;width:calc(var(--baselength) / 2 - 3em + 5px);height:100%}.variowrapper #arc path{fill:transparent;stroke:#ff5e00;stroke-width:5px}.onlineflightlist{height:100%;font-family:"Bahnschrift", Verdana, Tahoma, sans-serif}.onlineflightlist .inner{display:flex;flex-direction:column;padding:0.5rem;height:calc(100% - 2rem);overflow:hidden}.isIngame .onlineflightlist .inner{overflow:visible}.onlineflightlist .inner h1{margin:0 0 0.5rem 0;width:100%;font-size:1.05rem;font-weight:normal;font-stretch:condensed;text-align:center;text-transform:uppercase}.onlineflightlist .inner header{width:100%;display:flex;flex-wrap:wrap;margin-bottom:0.3rem}.onlineflightlist .inner header span{border-bottom:1px solid rgba(255,255,255,0.3)}.onlineflightlist .inner .entry{display:flex;flex-direction:row}.onlineflightlist .inner .ownflight{color:#cdcdcd;font-style:italic}.onlineflightlist .inner .ownflight .directionarrow{display:none}.onlineflightlist .inner .ownflight .owndistance{visibility:hidden}.onlineflightlist .inner span{white-space:nowrap;text-align:right;width:25%;padding:0.3rem 0.5rem}.onlineflightlist .inner .callsign{text-align:left;width:50%;padding-left:0;position:relative}.onlineflightlist .inner .directionarrow{position:absolute;padding:0;height:100%;right:0;top:-1px;transition:transform 0.2s}.onlineflightlist .inner .directionarrow svg{width:100%;height:100%}.onlineflightlist .inner .totaldistance{display:none}.onlineflightlist button{background-color:#fff;color:#888;margin:0.2rem 0.5rem;padding:0.2rem 0.5rem 0.1rem;font-size:0.9em;line-height:1;border:0;border-radius:5px;text-transform:uppercase;font-family:"Bahnschrift";font-weight:bold}.isIngame .onlineflightlist button{display:none}.onlineflightlist .opacityslider{position:absolute;bottom:0;left:0;padding:1rem;display:none;flex-direction:column;background-color:#333;z-index:10}.onlineflightlist .opacityslider input[type="range"]{margin:1rem 0}.editmode .onlineflightlist .opacityslider{display:flex}.onlineflightlist.fulltransparent header{box-shadow:0 1px 1px rgba(0,0,0,0.2)}