:root{--logo_yellow: #ffc90e;--logo_black: #1d1d1d;--logo_white: #fdfdfd;--background_1: rgba(38, 38, 38, .76);--boxShadow_1: 0 4px 30px 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(255, 0, 0);--blue_target:rgb(28, 85, 230)}*{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(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-100.woff2) format("woff2"),url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-100.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:italic;font-weight:100;src:url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-100italic.woff2) format("woff2"),url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-100italic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:normal;font-weight:200;src:url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-200.woff2) format("woff2"),url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-200.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:italic;font-weight:200;src:url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-200italic.woff2) format("woff2"),url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-200italic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:normal;font-weight:300;src:url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-300.woff2) format("woff2"),url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-300.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:italic;font-weight:300;src:url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-300italic.woff2) format("woff2"),url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-300italic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:normal;font-weight:400;src:url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-regular.woff2) format("woff2"),url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:italic;font-weight:400;src:url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-italic.woff2) format("woff2"),url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-italic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:normal;font-weight:500;src:url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-500.woff2) format("woff2"),url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-500.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:italic;font-weight:500;src:url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-500italic.woff2) format("woff2"),url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-500italic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:normal;font-weight:600;src:url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-600.woff2) format("woff2"),url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-600.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:italic;font-weight:600;src:url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-600italic.woff2) format("woff2"),url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-600italic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:normal;font-weight:700;src:url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-700.woff2) format("woff2"),url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-700.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:italic;font-weight:700;src:url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-700italic.woff2) format("woff2"),url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-700italic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:normal;font-weight:800;src:url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-800.woff2) format("woff2"),url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-800.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:italic;font-weight:800;src:url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-800italic.woff2) format("woff2"),url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-800italic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:normal;font-weight:900;src:url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-900.woff2) format("woff2"),url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-900.ttf) format("truetype")}@font-face{font-display:swap;font-family:Saira;font-style:italic;font-weight:900;src:url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-900italic.woff2) format("woff2"),url(https://static.igem.wiki/teams/ualberta/fonts/saira/saira-v21-latin-900italic.ttf) format("truetype")}@media (max-width: 900px){body{font-size:1.8vw}}.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:2;display:flex}.map_waypoint_button,.information_waypoint{border:none;width:2vw;height:2vw;background-color:var(--button_background);border-radius:15%;cursor:pointer;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)}.remove_button{margin-left:.2vw;width:1.1vw;height:1.1vw;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;z-index:1}.waypoint_lines{stroke-width:.4vw;stroke-opacity:.6;stroke-dasharray:none;z-index:1}.information_container{width:32vw;height:90vh;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:40px;right:2vw;border-radius:1vw;z-index:2;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}.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}.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: 700px){.information_container{height:70vh;top:60px}.map_waypoint_button,.information_waypoint{width:4vw;height:4vw}}.navigation_container{position:fixed;left:5vw;bottom:13vh;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);z-index:4}.navigation_container:hover{opacity:1}.minimap_image{max-width:25vw;max-height:25vh;object-fit:contain;outline:.2vw solid rgba(0,0,0,.2);-webkit-user-select:none;user-select:none}.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:3}.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:.15vw;stroke-opacity:.8}@media (max-width: 1100px){.navigation_container{left:5vw;bottom:9vh}}@media (max-width: 900px){.navigation_container{left:5vw;bottom:8vh}}@media (max-width: 700px){.navigation_container{left:8vw;bottom:9.5vh}.map_minimap_waypoint_button,.navigation_container{opacity:1}.minimap_image{max-width:40vw;max-height:40vh}}.navigation_button_set{display:flex;flex-direction:column;position:fixed;left:.6vw;bottom:4vh;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;z-index:3}.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}@media (max-width: 700px){.navigation_button{width:5vw;height:5vw;margin-block:1.6vw}}.misc_button_set{display:flex;position:fixed;left:4vw;bottom:4vh;padding-block:.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:0 2vw 2vw 0;z-index:3}.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}@media (max-width: 700px){.option_button{width:5vw;height:5vw;margin-inline:1.2vw}.misc_button_set{left:7vw}}.distance_setter{width:458px;position:fixed;top:0;right:2vw;background-color:#0707074d;justify-content:flex-end;display:flex;font-size:17px}#distance_input{background-color:#070707b3;color:var(--logo_white);border:none;width:50px;padding-inline:5px}#distance_input:focus{border:none;outline:none}.map_changer_container{display:flex;position:fixed;left:0;top:0;background-color:var(--background_1);padding:.5vw;gap:.5vw;border-radius:0 0 .7vw;align-items:center}.map_changer_container button{width:1.3vw;height:1.3vw;cursor:pointer;padding:.1vw;border-radius:50%;justify-content:center;align-items:center;display:flex}.map_changer_container button:hover{background-color:var(--onHover_background)}.map_changer_container button:active svg g{fill:var(--logo_white)}@media (max-width: 900px){.map_changer_container button{width:2vw;height:2vw}}