.route-builder-map-region{--route-column-inset:var(--space-3);--route-column-gap:var(--space-2);--route-toolbar-top:var(--space-4);--route-toolbar-clearance:72px;--route-zoom-stack-height:112px;--route-map-control-size:34px;--route-layers-top:calc(var(--route-toolbar-clearance) + var(--route-zoom-stack-height) + var(--route-column-gap));--route-locate-top:calc(var(--route-layers-top) + var(--route-map-control-size) + var(--route-column-gap));--route-toolbar-search-basis:260px;--route-toolbar-border-width:1px;--route-trim-bar-width:340px;--route-trim-bar-clearance:190px;--route-trim-bar-width-wide:620px;--route-toolbar-menu-width:300px;--route-panel-sheet-snap:25dvh;--route-trim-bar-clearance-wide:100px}.route-builder-map-shell{position:relative}.route-builder-map .mapboxgl-ctrl-top-left{top:var(--route-toolbar-clearance)}.route-builder-map .mapboxgl-ctrl-group button{width:var(--route-map-control-size);height:var(--route-map-control-size)}.route-builder-map-shell .map-layers-control[data-position=top-left]{top:var(--route-layers-top);z-index:var(--z-popover)}.route-builder-map-shell .map-layers-control[data-position=top-left] .map-layers-control__panel{max-height:calc(100dvh - var(--header-height) - var(--route-locate-top) - var(--route-column-gap));overflow-y:auto}@media (max-width:1023.98px){.route-builder-map-shell .map-layers-control[data-position=top-left] .map-layers-control__panel{max-height:calc(75dvh - var(--header-height) - var(--route-locate-top) - var(--route-column-gap))}}.route-builder-map-shell .map-locate-control[data-position=top-left]{top:var(--route-locate-top)}.route-map-bar{position:absolute;top:var(--route-toolbar-top);left:var(--route-column-inset);z-index:var(--z-sticky);padding:var(--space-2);border:var(--route-toolbar-border-width) solid var(--color-border);border-radius:var(--radius-2xl);background:rgba(var(--color-midnight-rgb),.9);font-family:var(--font-roboto)}.route-draw-toolbar{display:flex;align-items:center;gap:var(--space-2)}.route-draw-toolbar[data-search=open]{width:min(calc(var(--btn-height) + var(--route-toolbar-search-basis) + 3 * var(--space-2) + 2 * var(--route-toolbar-border-width)),calc(100% - 2 * var(--route-column-inset)))}.route-draw-toolbar[data-menu=open]{flex-direction:column;align-items:flex-start;gap:var(--space-2);background:var(--color-midnight);width:min(var(--route-toolbar-menu-width),calc(100% - 2 * var(--route-column-inset)));max-width:calc(100% - 2 * var(--route-column-inset))}.route-draw-toolbar__menu-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);align-self:stretch;padding-left:var(--space-5);flex:none}.route-draw-toolbar__menu{display:flex;flex-direction:column;align-self:stretch;flex:1 1 auto;min-height:0;overflow-y:auto}@media (max-width:1023.98px){.route-draw-toolbar[data-menu=open]{max-height:calc(100dvh - var(--route-panel-sheet-snap) - var(--header-height) - var(--route-toolbar-top) - var(--space-3))}}@media (min-width:1024px){.route-draw-toolbar[data-menu=open]{max-height:calc(100dvh - var(--header-height) - var(--route-toolbar-top) - var(--space-3))}}.route-builder-map-region[data-mode=menu] .map-layers-control,.route-builder-map-region[data-mode=menu] .map-locate-control,.route-builder-map-region[data-mode=menu] .mapboxgl-ctrl-top-left{visibility:hidden}.route-draw-toolbar:not([data-menu=open])>:not(.route-draw-toolbar__search){flex:none}.route-draw-toolbar__search{flex:1 1 auto;min-width:0}.route-trim-bar{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-2xl);background:var(--color-midnight);width:min(var(--route-trim-bar-width),calc(100% - 2 * var(--route-column-inset)))}.route-trim-bar__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.route-trim-bar__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}@media (max-width:1023.98px){.route-builder-map-region[data-mode=trim]{--route-toolbar-clearance:var(--route-trim-bar-clearance)}}@media (min-width:1024px){.route-builder-map-region[data-mode=trim]{--route-toolbar-clearance:var(--route-trim-bar-clearance-wide)}.route-trim-bar{flex-direction:row;align-items:center;width:min(var(--route-trim-bar-width-wide),calc(100% - 2 * var(--route-column-inset)))}.route-trim-bar>.rhs{flex:1 1 auto;min-width:0}.route-trim-bar__actions,.route-trim-bar__stats{flex:none}}