#activeNavigation{position:fixed;inset:0;z-index:3000;background:#f5f6f3;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}#navigationMap{position:absolute;inset:0}.nav-turn{position:absolute;inset:0 0 auto;background:#111511;color:white;padding:calc(20px + env(safe-area-inset-top)) 28px 23px;min-height:165px;box-shadow:0 3px 20px #15221415}#navMode{font-size:9px;letter-spacing:1.5px;color:#b4c4ab;margin-bottom:16px}.nav-maneuver{display:flex;gap:24px;align-items:center;max-width:650px}.nav-maneuver>span{font-size:72px;line-height:1;width:80px;text-align:center;flex-shrink:0}.nav-maneuver strong{font-size:36px;letter-spacing:-1px;font-weight:650}.nav-maneuver p{font-size:18px;line-height:1.4;margin:8px 0;color:#f2f5ef}.nav-route-label{font-size:9px;color:#8d9b85;margin:8px 0 0 104px;display:block}.nav-map-tools{position:absolute;right:20px;bottom:205px;display:grid;gap:9px}.nav-map-tools button{width:45px;height:45px;border:1px solid #e0e6dc;border-radius:50%;background:#fffffff2;color:#34492f;font-size:23px;box-shadow:0 4px 15px #15221412}.nav-bottom{position:absolute;inset:auto 0 0;background:#f7f8f5f5;backdrop-filter:blur(20px);padding:20px 26px calc(18px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0;box-shadow:0 -3px 22px #20331b10}.nav-bottom-main{display:flex;align-items:center;gap:16px}.nav-arrival{flex:1;min-width:0}.nav-arrival strong{display:block;font-size:30px;letter-spacing:-1px}.nav-arrival span{font-size:12px;color:#7e8b75;display:block;margin-top:5px}#navExit{border:0;width:40px;height:40px;background:#e8ede3;border-radius:50%;font-size:26px;color:#586d4d;flex-shrink:0}#navOverview{border:0;background:white;min-width:100px;padding:13px 18px;border-radius:25px;font-size:13px;color:#263c20;box-shadow:0 1px 6px #20331b08}#navSub{font-size:11px;color:#89977e;margin:13px 0 0 56px}.nav-bottom-extra{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #e4e9df;margin-top:16px;padding-top:12px;font-size:9px;color:#9aa58f}.nav-bottom-extra button{background:transparent;border:0;color:#6d38b3;font-size:10px;padding:7px}.nav-location-arrow{width:44px;height:50px;filter:drop-shadow(0 3px 5px #59278b40)}.nav-location-arrow svg{width:100%;height:100%}.nav-destination{background:white;border:3px solid #6b35b2;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:#6630b2;font-size:21px}.active-walk>.toast{z-index:4000}.maplibregl-ctrl-bottom-left{bottom:185px!important}.maplibregl-ctrl-attrib{font-size:8px!important}.maplibregl-canvas:focus-visible{outline:2px solid #9156e9;outline-offset:-3px}@media(min-width:850px){.nav-turn{inset:22px auto auto 24px;width:440px;border-radius:22px;padding:23px}.nav-maneuver strong{font-size:32px}.nav-maneuver p{font-size:16px}.nav-bottom{inset:auto auto 25px 24px;width:440px;border-radius:24px;padding:22px}.nav-map-tools{bottom:40px;right:30px}.maplibregl-ctrl-bottom-left{bottom:0!important;left:490px!important}}@media(max-width:500px){.nav-turn{padding:calc(18px + env(safe-area-inset-top)) 20px 20px}.nav-maneuver{gap:17px}.nav-maneuver>span{width:64px;font-size:65px}.nav-maneuver strong{font-size:33px}.nav-maneuver p{font-size:16px}.nav-route-label{margin-left:81px}.nav-bottom{padding-inline:19px}.nav-arrival strong{font-size:28px}.nav-arrival span{font-size:11px}#navOverview{min-width:88px;font-size:12px}.nav-bottom-main{gap:12px}.nav-map-tools{right:16px;bottom:215px}}