/* The existing mode buttons and speed slider live outside the folded walking details. */
.building-navigation-bar{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:min(500px,calc(100% - 16px));z-index:20;background:#142f36f5;color:#eff6f2;border:1px solid #8dafaa;border-radius:13px;padding:8px 10px;display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;box-shadow:0 6px 22px #0003;font-size:12px}.building-navigation-bar[hidden]{display:none!important}.building-navigation-mode{display:flex;flex-direction:column;justify-content:center;gap:5px}.building-navigation-bar .walking-mode{margin:0;line-height:1.4;font-size:11px;color:#bcebe3}.building-navigation-bar button{font:inherit;min-height:36px;color:#f0f6f2;background:#285057;border:1px solid #799c9e;border-radius:8px;padding:5px 8px;cursor:pointer;touch-action:manipulation}.building-navigation-bar button[hidden]{display:none!important}.building-navigation-bar .walk-speed{margin:0;padding:0;border:0;align-self:center}.building-navigation-bar .walk-speed label{font-size:11px;gap:4px}.building-navigation-bar .walk-speed>div{gap:4px}.building-navigation-bar .walk-speed input{min-width:70px;width:90px;flex:1;accent-color:#82d9c3;min-height:32px}.building-navigation-bar .walk-speed button{min-width:30px;padding:4px 6px}.building-navigation-bar button:focus-visible,.building-navigation-bar input:focus-visible{outline:3px solid #f0ce8e;outline-offset:2px}.building-navigation-bar button:disabled{opacity:.55;cursor:default}.has-building-navigation-bar>#hint{display:none}.has-building-navigation-bar>.bottom-area>#hint{display:none}.has-building-navigation-bar>.walking-hud{z-index:19}.has-building-navigation-bar>.walking-hud:not(.v36-folded){max-height:calc(100% - var(--v37-navigation-bottom,90px) - 115px);overflow:auto}.has-building-navigation-bar>.walking-hud>.v36-panel-head{position:sticky;top:0;background:#142a32;z-index:2}
@media(max-width:1050px){.has-building-navigation-bar>#panel,.has-building-navigation-bar>#workspace-tools{top:calc(var(--v37-navigation-bottom,100px) + 8px);max-height:var(--v37-sidebar-height,250px)}.has-building-navigation-bar>#workspace-tools{overflow:auto}.has-building-navigation-bar>#panel #panel-body{max-height:var(--v37-sidebar-body-height,200px)}.has-building-navigation-bar>.tour-panel{top:calc(var(--v37-navigation-bottom,100px) + 8px);max-height:var(--v37-sidebar-height,250px)}.has-building-navigation-bar>.tour-panel .tour-body{max-height:calc(var(--v37-sidebar-height,250px) - 85px)}}
@media(max-width:650px){.building-navigation-bar{padding:7px 8px;grid-template-columns:.9fr 1.1fr;gap:6px}.building-navigation-bar .walking-mode{font-size:10px}.building-navigation-bar button{font-size:11px;padding:4px 6px}.building-navigation-bar .walk-speed label,.building-navigation-bar .walk-speed output{font-size:10px}.building-navigation-bar .walk-speed input{width:65px;min-width:60px}.building-navigation-bar .walk-speed button{min-width:28px;padding:4px}.building-navigation-bar .walk-speed>div{gap:3px}}

.has-building-navigation-bar>.walking-hud{bottom:calc(var(--v37-navigation-footer,112px) + 8px)}
@media(max-width:1050px){.has-building-navigation-bar>.walking-hud:not(.v36-folded){top:calc(var(--v37-navigation-bottom,100px) + var(--v37-panel-header-height,54px) + 16px);bottom:auto;left:50%;right:auto;transform:translateX(-50%);max-height:calc(100% - var(--v37-navigation-bottom,100px) - var(--v37-panel-header-height,54px) - var(--v37-navigation-footer,112px) - 28px)}.has-building-navigation-bar:has(>.walking-hud:not(.v36-folded))>#workspace-tools{display:none}}
@media(max-width:1050px){.has-building-navigation-bar>.walking-hud.v36-folded{top:calc(var(--v37-navigation-bottom,100px) + var(--v37-panel-header-height,54px) + 16px);bottom:auto;left:auto;right:18px;transform:none}}
@media(max-width:1050px){.has-building-navigation-bar>#panel{overflow:hidden}}
@media(max-height:500px){.building-navigation-bar{width:min(640px,calc(100% - 16px));grid-template-columns:1fr 1.15fr}.building-navigation-mode{flex-direction:row;align-items:center;gap:8px}.building-navigation-mode .walking-mode{max-width:110px;font-size:10px}.building-navigation-mode>button{flex:1}.building-navigation-bar .walk-speed{display:grid;grid-template-columns:110px 1fr;gap:6px;align-items:center}.building-navigation-bar .walk-speed label{flex-direction:column;align-items:flex-start;font-size:10px}.building-navigation-bar .walk-speed>div{margin:0}.building-navigation-bar .walk-speed input{min-width:60px;width:70px}}