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