:root{--logo_yellow: #ffc90e;--logo_black: #1d1d1d;--logo_white: #fdfdfd;--background_1: rgba(38, 38, 38, .76);--boxShadow_1: 0 3vw 3vw rgba(0, 0, 0, .1);--blur_factor: 3px;--button_background: rgba(7, 7, 7, .87);--onHover_background: rgba(240, 248, 255, .1);--waypoint_extraction: #2ee31e;--waypoint_extraction_id_color: #59e34cd4;--waypoint_start: #33b9ea;--waypoint_start_id_color: #7ac4dfde;--waypoint_target:#ae3232;--waypoint_target_id_color:#d76565d7;--waypoint_navigation: #ffc90e;--waypoint_navigation_id_color: #ebc84cd0;--red_target:rgb(252, 70, 70);--blue_target:rgb(66, 114, 236);--information_container_z: 4;--minimap_container_z: 4;--distance_calc_container_z: 4;--target_set_container_z: 4;--colorSelect_container_z: 5;--map_waypoint_z: 2;--map_target_z: 3}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:Saira,Arial;font-size:1vw;color:var(--logo_white);line-height:1.5;font-weight:400}img{display:block}button{background-color:transparent;border:none}input,button,select,textarea{font:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.extraction_fill{fill:var(--waypoint_extraction)}.extraction_color{color:var(--waypoint_extraction_id_color)}.navigation_fill{fill:var(--waypoint_navigation)}.navigation_color{color:var(--waypoint_navigation_id_color)}.target_fill{fill:var(--waypoint_target)}.target_color{color:var(--waypoint_target_id_color)}.start_fill{fill:var(--waypoint_start)}.start_color{color:var(--waypoint_start_id_color)}@font-face{font-display:swap;font-family:Saira;font-style:normal;font-weight:100;src:url(/Henning-the-Navigator/assets/saira-v21-latin-100-Qt3tXrIq.woff2) format("woff2"),url(/Henning-the-Navigator/assets/saira-v21-latin-100-DyvbuYET.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:italic;font-weight:100;src:url(/Henning-the-Navigator/assets/saira-v21-latin-100italic-CBCg_-cP.woff2) format("woff2"),url(/Henning-the-Navigator/assets/saira-v21-latin-100italic-DvHvMpdZ.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:normal;font-weight:200;src:url(/Henning-the-Navigator/assets/saira-v21-latin-200-tfsFej5k.woff2) format("woff2"),url(/Henning-the-Navigator/assets/saira-v21-latin-200-CeLEJZWm.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:italic;font-weight:200;src:url(/Henning-the-Navigator/assets/saira-v21-latin-200italic-CgoW8lVE.woff2) format("woff2"),url(/Henning-the-Navigator/assets/saira-v21-latin-200italic-U6m2BppJ.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:normal;font-weight:300;src:url(/Henning-the-Navigator/assets/saira-v21-latin-300-Cjsrd1xH.woff2) format("woff2"),url(/Henning-the-Navigator/assets/saira-v21-latin-300-U-5GvaCQ.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:italic;font-weight:300;src:url(/Henning-the-Navigator/assets/saira-v21-latin-300italic-sAyUjNRH.woff2) format("woff2"),url(/Henning-the-Navigator/assets/saira-v21-latin-300italic-ChimYDXa.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:normal;font-weight:400;src:url(/Henning-the-Navigator/assets/saira-v21-latin-regular-CPUf8inD.woff2) format("woff2"),url(/Henning-the-Navigator/assets/saira-v21-latin-regular-B8RkrKlW.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:italic;font-weight:400;src:url(/Henning-the-Navigator/assets/saira-v21-latin-italic-BF3Mjb1G.woff2) format("woff2"),url(/Henning-the-Navigator/assets/saira-v21-latin-italic-BKNWos7B.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:normal;font-weight:500;src:url(/Henning-the-Navigator/assets/saira-v21-latin-500-dDdH7gw4.woff2) format("woff2"),url(/Henning-the-Navigator/assets/saira-v21-latin-500-C0mECpNC.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:italic;font-weight:500;src:url(/Henning-the-Navigator/assets/saira-v21-latin-500italic-DVDfzRFa.woff2) format("woff2"),url(/Henning-the-Navigator/assets/saira-v21-latin-500italic-Cka0tPa_.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:normal;font-weight:600;src:url(/Henning-the-Navigator/assets/saira-v21-latin-600-Cx8v6cBL.woff2) format("woff2"),url(/Henning-the-Navigator/assets/saira-v21-latin-600-BopH6C_k.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:italic;font-weight:600;src:url(/Henning-the-Navigator/assets/saira-v21-latin-600italic-CfkSWbDX.woff2) format("woff2"),url(/Henning-the-Navigator/assets/saira-v21-latin-600italic-a2GXgMMA.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:normal;font-weight:700;src:url(/Henning-the-Navigator/assets/saira-v21-latin-700-BLJOt5Pz.woff2) format("woff2"),url(/Henning-the-Navigator/assets/saira-v21-latin-700-5fJHkoWK.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:italic;font-weight:700;src:url(/Henning-the-Navigator/assets/saira-v21-latin-700italic-CK4CNgtz.woff2) format("woff2"),url(/Henning-the-Navigator/assets/saira-v21-latin-700italic-BvsERLty.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:normal;font-weight:800;src:url(/Henning-the-Navigator/assets/saira-v21-latin-800-C3nG2ztH.woff2) format("woff2"),url(/Henning-the-Navigator/assets/saira-v21-latin-800-CnDiVijr.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:italic;font-weight:800;src:url(/Henning-the-Navigator/assets/saira-v21-latin-800italic-BI9sbgLm.woff2) format("woff2"),url(/Henning-the-Navigator/assets/saira-v21-latin-800italic-wDeoYgeh.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:normal;font-weight:900;src:url(/Henning-the-Navigator/assets/saira-v21-latin-900-DCmHQmtk.woff2) format("woff2"),url(/Henning-the-Navigator/assets/saira-v21-latin-900-JkWBxFQy.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:italic;font-weight:900;src:url(/Henning-the-Navigator/assets/saira-v21-latin-900italic-BjP7xTvr.woff2) format("woff2"),url(/Henning-the-Navigator/assets/saira-v21-latin-900italic-Cu3tEK0U.ttf) format("truetype")}@media (max-width: 900px){body{font-size:1.5vw}}.map_background{background-blend-mode:multiply;background-repeat:no-repeat;background-size:contain;background-position:center;-webkit-user-select:none;user-select:none;display:block}.map_container{position:relative;width:100%;height:100vh;overflow:auto;background-image:url(/Henning-the-Navigator/Henning_logo.webp);background-repeat:no-repeat;background-position:center;background-size:30%;scroll-behavior:smooth;background-color:var(--logo_yellow)}.map_icon_div{position:absolute;z-index:var(--map_waypoint_z);display:flex}.map_waypoint_button,.information_waypoint{border:none;width:2vw;height:2vw;background-color:var(--button_background);border-radius:15%;display:flex;justify-content:center;align-items:center;opacity:.8;transition:opacity .2s ease;box-shadow:0 0 .9vw .1vw #000000bf}.map_waypoint_button:hover{opacity:1;outline:.2vw solid var(--logo_yellow)}.map_target_button{width:3.5vw;height:3.5vw;border:none;background:transparent;display:flex;align-items:center;justify-content:center;position:relative;background-color:var(--button_background);border-radius:.4vw;transform:rotate(45deg);z-index:var(--map_target_z);transition:opacity .2s ease}.map_target_svg{transform:rotate(-45deg)}.map_target_button:hover{opacity:.2}.remove_button{margin-left:.2vw;width:1.2vw;height:1.2vw;color:var(--logo_white);background-color:#0707074d;border:none;border-radius:50%;font-size:.8vw;transition:opacity .2s ease;opacity:.7;cursor:pointer;display:flex;justify-content:center;align-items:center}.remove_button:hover{opacity:1}.waypoint_id{position:absolute;text-shadow:.09vw .09vw 0 #1d1d1da9,-.09vw .09vw 0 #1d1d1da9,-.09vw -.09vw 0 #1d1d1da9,.09vw -.09vw 0 #1d1d1da9;opacity:.9}.waypoint_lines_overlay{pointer-events:none;overflow:visible}.waypoint_lines{stroke-width:.4vw;stroke-opacity:.6;stroke-dasharray:none}.information_container{width:32vw;height:65vh;background:var(--background_1);box-shadow:var(--boxShadow_1);backdrop-filter:blur(var(--blur_factor));-webkit-backdrop-filter:blur(var(--blur_factor));opacity:.9;transition:opacity .3s ease;padding:1vw;position:absolute;top:35px;right:2vw;border-radius:1vw;z-index:var(--information_container_z);overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.information_container:hover{opacity:1}.flight_notes{width:100%;height:10vw;border-radius:.3vw;outline:.5vw solid transparent;border:none;margin-top:.3vw;padding:.2vw;resize:vertical;background-color:var(--logo_white)}.flight_notes:focus{outline:.3vw solid var(--logo_yellow)}.information_row_container{padding-block:1.5vw}.information_waypoint_row{display:flex;justify-content:flex-start}.information_waypoint{opacity:1;cursor:default}.waypoint_statistics{display:flex}.heading_number{margin-left:auto}.distance_marker{color:var(--logo_black);margin-left:.3vw;padding-inline:.2vw;background-color:var(--logo_yellow);border-radius:.3vw;font-weight:700;cursor:pointer;opacity:.8;transition:opacity .3s ease}.distance_marker:hover{outline:.2vw solid var(--logo_white);opacity:1}.distance_marker:active{background-color:var(--logo_white)}.total_statistics{display:flex;flex-direction:column;border-color:var(--logo_yellow);border-width:.2vw 0 0 0;border-style:solid;padding-block:.5vw;margin-top:1vw}.total_statistics div{display:flex;flex-direction:row;padding-block:.2vw}.total_statistics div p{margin-left:1vw}.calculations_container{padding-block:1vw}.calculations_container .calculation_header_text{border-style:solid;border-width:0 0 .2vw 0;border-color:var(--logo_white);width:fit-content}.calculations_container div{display:flex;margin-block:.5vw;align-items:center}.calculations_container div p{padding-right:.2vw}.calculations_container div form input{background-color:#070707b3;color:var(--logo_white);border:none;width:4vw;padding-inline:.2vw;font-weight:600;padding-block:.2vw;border-radius:.3vw;text-align:center}.calculations_container div form input:focus{border:none;outline:none;background-color:#070707b3}.left_increment{width:1.6vw;height:1.6vw;transform:rotate(180deg);margin-inline:.5vw;cursor:pointer;border-radius:50%;padding:.1vw;justify-content:center;align-items:center;display:flex}.right_increment{width:1.6vw;height:1.6vw;margin-inline:.5vw;cursor:pointer;border-radius:50%;padding:.1vw;justify-content:center;align-items:center;display:flex}.left_increment svg g,.right_increment svg g{fill:var(--logo_yellow)}.left_increment:hover,.right_increment:hover{background-color:var(--onHover_background)}.right_increment:active svg g,.left_increment:active svg g{fill:var(--logo_white)}@media (max-width: 900px){.information_container{height:70vh;top:60px}.map_waypoint_button,.information_waypoint{width:4vw;height:4vw}}.minimap_container{position:relative;position:fixed;left:1%;bottom:3%;display:flex;z-index:var(--minimap_container_z)}.navigation_container{position:absolute;left:4vw;bottom:4vw;opacity:.8;transition:opacity .3s ease;background-image:url(/Henning-the-Navigator/Henning_tab_logo.webp);background-repeat:no-repeat;background-position:center;background-size:30%;background-color:var(--logo_yellow)}.navigation_container:hover{opacity:1}.minimap_image{max-width:26vw;max-height:26vh;object-fit:contain;outline:.2vw solid rgba(0,0,0,.2);-webkit-user-select:none;user-select:none}.minimap_target{position:absolute;pointer-events:none;display:flex;align-items:center;justify-content:center;background-color:var(--button_background);border-radius:10%;opacity:1;transform:rotate(45deg);overflow:hidden;z-index:var(--map_target_z)}.minimap_target svg{transform:rotate(-45deg)}.map_minimap_waypoint_button{border:none;background-color:#070707f2;border-radius:15%;cursor:pointer;display:flex;justify-content:center;align-items:center;opacity:.7;transition:opacity .3s ease;z-index:var(--map_waypoint_z)}.navigation_container:hover .map_minimap_waypoint_button{opacity:1}.waypoint_id_minimap{position:absolute;font-size:.75vw;text-shadow:.053vw .053vw 0 #1d1d1da9,-.053vw .053vw 0 #1d1d1da9,-.053vw -.053vw 0 #1d1d1da9,.053vw -.053vw 0 #1d1d1da9}.waypoint_lines_minimap_overlay{pointer-events:none;overflow:visible;z-index:0}.minimap_lines{stroke-width:.2vw;stroke-opacity:.9}.minimap_ripple{position:absolute;width:.5vw;height:.5vw;border:.2vw solid rgba(59,59,59,.505);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;animation:ripple-effect .5s ease-out}@keyframes ripple-effect{0%{width:.5vw;height:.5vw;opacity:1}to{width:2.5vw;height:2.5vw;opacity:0}}@media (max-width: 900px){.map_minimap_waypoint_button,.navigation_container{opacity:1}}.navigation_button_set{display:flex;flex-direction:column;width:fit-content;padding-inline:.7vw;background:var(--background_1);box-shadow:var(--boxShadow_1);backdrop-filter:blur(var(--blur_factor));-webkit-backdrop-filter:blur(var(--blur_factor));opacity:.9;transition:opacity .3s ease;justify-content:center;align-items:center;justify-items:center;border-radius:2vw 2vw 0}.navigation_button_set:hover{opacity:1}.navigation_button{border:none;width:2vw;height:2vw;margin-block:1vw;background-color:var(--button_background);border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;opacity:.8;transition:opacity .3s ease}.navigation_button:hover{opacity:1}.button_disabled{opacity:.3;filter:grayscale(.6)}.button_selected{outline:.2vw solid white;opacity:1}.misc_button_set{display:flex;height:fit-content;padding-block:.7vw;margin-top:auto;background:var(--background_1);box-shadow:var(--boxShadow_1);backdrop-filter:blur(var(--blur_factor));-webkit-backdrop-filter:blur(var(--blur_factor));opacity:.9;transition:opacity .3s ease;justify-content:center;align-items:center;justify-items:center;border-radius:0 2vw 2vw 0}.misc_button_set:hover{opacity:1}.option_button{border:none;margin-inline:.8vw;width:2vw;height:2vw;background-color:var(--button_background);border-radius:50%;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;opacity:.8;transition:opacity .3s ease}.option_button:hover{opacity:1}.info_fill{fill:#0578d0}.map_upload_fill{fill:#ae3232}.folder_fill{fill:#f3d200}.download_fill{fill:#005ed1}.clear_fill{fill:#ecf3fa}.targetSet_container{position:absolute;left:-1vw;top:-77%;width:31vw;height:6.5vw;opacity:.9;display:flex;justify-content:end;border-radius:0 1vw 1vw 0;background:var(--background_1);box-shadow:var(--boxShadow_1);backdrop-filter:blur(var(--blur_factor));-webkit-backdrop-filter:blur(var(--blur_factor));transition:opacity .3s ease,transform .8s ease;z-index:var(--target_set_container_z)}.targetSet_container:hover{opacity:1}.target_options_container{width:82%}.target_top_flexContainer,.target_bottom_flexContainer{display:flex;justify-content:center;align-items:center;height:50%;gap:5%;padding-inline:.5vw}.target_bottom_flexContainer{gap:5%}.target_button{background-color:#070707de;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;width:2.2vw;height:2.2vw;padding:.3vw;opacity:.8;transition:opacity .3s ease}.target_button:hover{opacity:1}.switch_colors_container{width:11%;display:flex;align-items:center}.switch_colors_button{fill:var(--logo_white);margin-top:.4vw;margin-inline:.5vw;cursor:pointer;opacity:.8;transition:opacity .3s ease}.switch_colors_button:hover{opacity:1}.chevron_button_container{width:7%;display:flex;flex-direction:column;justify-content:center}.chevron_button{width:100%;height:100%;background:#262626c2;display:flex;justify-content:center;align-items:center;opacity:1;cursor:pointer;border-radius:0 1vw 1vw 0}.chevron_svg{max-width:85%;max-height:85%;transition:transform .75s ease}.chevron_fill{fill:var(--logo_white);opacity:.8;transition:opacity .2s linear}.chevron_fill_2{fill:var(--logo_white);transition:opacity .2s linear;opacity:.6}.chevron_button:hover .chevron_fill_2,.chevron_button:hover .chevron_fill{opacity:1}.distance_setter{width:458px;position:fixed;top:0;right:1.8vw;background-color:#0707074d;justify-content:flex-end;display:flex;font-size:14px;z-index:var(--distance_calc_container_z)}#distance_input{background-color:#070707b3;color:var(--logo_white);border:none;width:50px;padding-inline:5px;text-align:center}#distance_input:focus{border:none;outline:none}.map_changeSelection_container{position:fixed;left:0;top:0;background-color:var(--background_1);min-width:9vw;display:flex;flex-direction:column}.map_changeSelection_current{display:flex;background-color:var(--background_1);width:100%;align-items:center;justify-content:space-between}.map_changeSelection_current{padding-left:.3vw}.map_changeSelection_current button{width:1.2vw;height:1.2vw;align-items:center;justify-content:center;display:flex;margin-left:.2vw;padding:.2vw;border-radius:50%;cursor:pointer}.map_changeSelection_current button:hover{background-color:var(--onHover_background)}.map_changeSelection_current button:active svg path{fill:var(--logo_white)}.map_changeSelection_options{display:flex;flex-direction:column}.map_changeSelection_options button{color:var(--logo_white);width:100%;cursor:pointer}.map_changeSelection_options button:hover{background-color:var(--logo_yellow);color:var(--logo_black)}@media (max-width: 900px){.map_changeSelection_current button{width:2vw;height:2vw}}.mapDraw_container{position:absolute;right:2vw;bottom:2vw;opacity:.9;justify-items:center;border-radius:2vw;background:var(--background_1);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(var(--blur_factor));-webkit-backdrop-filter:blur(var(--blur_factor));transition:opacity .3s ease,transform .8s ease;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-inline:1.2vw;padding-block:.6vw;gap:.5vw;z-index:var(--colorSelect_container_z)}.mapDraw_container:hover{opacity:1}.mapdraw_representation{display:flex;align-items:center;justify-content:center;font-weight:700}.mapdraw_thickness_container{display:flex;align-items:center;justify-content:center}.map_colorSelect_button{width:2vw;height:2vw;border-radius:50%;cursor:pointer;margin-inline:1vw}.eraser_button{width:2vw;height:2vw;cursor:pointer;margin-right:2vw;border-radius:50%;padding:.1vw}.colorPicker{display:flex;align-items:center;justify-content:center;flex-direction:column}.picker-wrapper .react-colorful{width:100%;height:100%;gap:.5vw}.picker-wrapper .react-colorful__saturation-pointer,.picker-wrapper .react-colorful__hue-pointer,.picker-wrapper .react-colorful__alpha-pointer{width:2vw;height:2vw;border-radius:50%;border-width:.2vw;cursor:pointer}.picker-wrapper .react-colorful__saturation{border-radius:1vw;width:12vw;height:12vw}.picker-wrapper .react-colorful__hue,.picker-wrapper .react-colorful__alpha{border-radius:1vw;height:2vw}.map_colorSelect_done{background-color:var(--logo_yellow);margin-block:.7vw;font-weight:700;width:100%;padding-block:.3vw;border-radius:.4vw;cursor:pointer;opacity:.8;transition:opacity .3s ease}.map_colorSelect_done:hover{outline:.2vw solid var(--logo_white);opacity:1}.target_canvas{width:100%;border-radius:.3vw;margin-top:.3vw;margin-bottom:.6vw;background-repeat:no-repeat;background-position:center;background-size:contain;background-color:var(--background_1);aspect-ratio:1/1}.target_drawing_buttons_container{display:flex;justify-content:space-between}.target_drawing_button{background-color:var(--logo_yellow);padding-inline:1vw;font-weight:700;border-radius:.2vw;cursor:pointer;opacity:.8;margin-inline:.5vw}.target_drawing_button:hover{outline:.2vw solid var(--logo_white);opacity:1}.target_drawing_button:active{background-color:var(--logo_white)}