#navigation.active{z-index:1;background-color:var(--background-color);flex-direction:column;display:flex;position:absolute}#navigation>#next-step{color:#fff;text-align:center;background-color:#b35900;align-items:center;gap:1rem;padding:1rem;font-size:1.5em;font-weight:700;line-height:1;display:flex}#navigation>#next-step>.instruction{flex-grow:1}#navigation>#additional-step{text-align:center;border-bottom:1px solid #acacac;align-items:center;gap:1rem;padding:1rem;font-size:1.2em;line-height:1;display:none}#navigation>#additional-step.active{display:flex}#navigation>#additional-step>.instruction{flex-grow:1}#navigation>#recalculating,#navigation #gps-lost{justify-content:center;gap:1rem;padding-block:1rem;display:none}#navigation>#general-information{place-items:center;font-size:1.5em;line-height:1;display:flex}#navigation>#general-information>:not(.exit){text-align:center;flex-grow:1}#navigation>#general-information>.exit{cursor:pointer;opacity:.5;margin-top:-5px;padding:.5rem 1rem;font-size:2em;display:grid}#navigation>#general-information>.exit:hover{opacity:1}#navigation>#finish-navigation,#navigation>#next-waypoint,#navigation>#center-position{cursor:pointer;padding-block:1rem;display:none}#navigation>#finish-navigation:hover,#navigation>#next-waypoint:hover,#navigation>#center-position:hover{background-color:var(--highlight-color)}#navigation.finished>#finish-navigation{display:block}#navigation.finished>#general-information{display:none}#navigation.multi-finished>#next-waypoint{display:block}#navigation.route-calculation>#recalculating{display:flex}#navigation.route-calculation>#next-step{background-color:#d3d3d3}#navigation.route-calculation>#additional-step{display:none}#navigation.user-moved>#center-position{display:block}#navigation.gps-lost>#gps-lost{display:flex}#navigation.gps-lost>#next-step{background-color:#d3d3d3}#navigation.gps-lost>#additional-step{display:none}