#routebuilder-map-area{flex:auto;width:100%;min-height:0;margin:0;padding:0;position:relative}#routebuilder-map{width:100%;height:100%;margin:0;left:0}#routebuilder-panel{z-index:10;background:var(--color-neutral-white);width:340px;max-width:calc(100% - 32px);max-height:calc(100% - 32px);color:var(--color-neutral-black);font:var(--text-body-regular);border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex;position:absolute;top:16px;left:16px;overflow:visible;box-shadow:0 20px 50px #00000040}.routebuilder-panel__empty,.routebuilder-panel__directions,.routebuilder-panel__building{flex-direction:column;gap:12px;display:flex}#routebuilder-panel[data-state=empty] .routebuilder-panel__building{display:none}.ps-toast[data-anchor=routebuilder-map]{max-width:min(calc(640px * var(--ui-scale,1)), calc(100vw - 32px))}#routebuilder-panel[data-state=building] .routebuilder-panel__empty,#routebuilder-panel[data-state=building]:not([data-editing=true]) .routebuilder-panel__saved{display:none}.flex-div-col{flex-direction:column;display:flex}.flex-div-row{flex-direction:row;align-items:center;display:flex}.routebuilder-h1{font:700 calc(20px * var(--ui-scale,1))/calc(24px * var(--ui-scale,1)) var(--font-accent);margin:0}.routebuilder-h2{font:var(--text-body-bold);margin:0}#routebuilder-intro-content{font:var(--text-body-regular);color:var(--color-neutral-800)}.routebuilder-panel__building{border-top:1px solid var(--color-neutral-200);gap:14px;padding-top:16px}#route-stats{flex-direction:column;gap:3px;display:flex}#route-stats[hidden]{display:none}#route-stats-headline{font:var(--text-h3-bold);line-height:calc(30px * var(--ui-scale,1));color:var(--color-asphalt-500);white-space:nowrap;flex-direction:row;align-items:baseline;gap:8px;display:flex}#route-time-wrap{position:relative}#route-time-val{border-bottom:1px dotted var(--color-neutral-500);cursor:help}#route-time-val:focus-visible{outline:calc(2px * var(--ui-scale,1)) solid var(--color-pine-600);outline-offset:calc(2px * var(--ui-scale,1));border-radius:calc(2px * var(--ui-scale,1))}#route-time-tip{bottom:calc(100% + 6px * var(--ui-scale,1));z-index:10;width:max-content;max-width:calc(230px * var(--ui-scale,1));padding:calc(6px * var(--ui-scale,1)) calc(10px * var(--ui-scale,1));font:var(--text-caption-regular);color:var(--color-neutral-white);text-align:left;white-space:normal;background:var(--color-neutral-900);border-radius:calc(6px * var(--ui-scale,1));box-shadow:0 calc(2px * var(--ui-scale,1)) calc(8px * var(--ui-scale,1)) #00000047;line-height:1.4;position:absolute;left:0}#route-stats-caption{font:var(--text-caption-regular);color:var(--color-neutral-600)}#creating-route-buttons{gap:8px}#new-route-button{justify-content:center}#save-button{min-height:40px;padding-left:24px;padding-right:24px}#preview-button{margin-left:auto}.button--icon-only{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.button-icon-img{width:18px;height:18px;display:block}.routebuilder-overlay-backdrop{visibility:hidden;z-index:20;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.routebuilder-overlay{background:var(--color-neutral-white);color:var(--color-neutral-black);border-radius:12px;flex-direction:column;padding:22px;display:flex;box-shadow:0 20px 50px #00000040}.routebuilder-centered-overlay{width:520px;max-width:100%;max-height:calc(100vh - 32px);overflow-y:auto}#delete-route-modal{align-items:center;gap:24px}#delete-route-title-section{align-items:center;gap:12px;padding-top:8px}#delete-route-buttons{flex-wrap:wrap;justify-content:center;gap:12px}#save-route-modal{gap:12px}#save-route-header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}#close-save-modal-button{width:32px;height:32px;color:var(--color-neutral-700);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:24px;line-height:1;display:inline-flex}#close-save-modal-button:hover,#close-save-modal-button:focus-visible{background:var(--color-neutral-100);color:var(--color-neutral-black)}#route-name-label,#route-description-label{font:var(--text-small-bold)}.optional-tag{color:var(--color-neutral-600);font-weight:400}#route-name-input,#route-description-input{font:var(--text-body-regular);border:1.5px solid var(--color-neutral-800);border-radius:8px;padding:8px 12px}#route-description-input{resize:vertical;font-family:inherit}#route-name-input:focus,#route-description-input:focus{outline:2px solid var(--color-link-100);outline-offset:1px}#route-name-error{color:var(--color-label-surface-problem);font-weight:600}#save-route-signin-nudge,#save-route-dashboard-note{color:var(--color-neutral-700)}#save-route-buttons{flex-wrap:wrap;gap:12px;padding-top:8px}#saved-routes-panel{border-top:1px solid var(--color-neutral-200);scrollbar-gutter:stable;flex-direction:column;gap:10px;min-height:0;padding-top:14px;display:flex;overflow-y:auto}#saved-routes-panel[hidden]{display:none}#saved-routes-note{color:var(--color-neutral-700);font:var(--text-caption-regular)}#saved-routes-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.saved-route-card{border:1px solid var(--color-neutral-200);background:var(--color-neutral-white);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.saved-route-card--new{border-color:var(--color-pine-500);background:var(--color-pine-100)}.saved-route-card--active{border-color:var(--color-link-100);box-shadow:0 0 0 1px var(--color-link-100)}.saved-route-view{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:3px;min-width:0;padding:0;display:flex}.saved-route-thumb{aspect-ratio:2;object-fit:cover;border:1px solid var(--color-neutral-200);border-radius:8px;width:100%;margin-bottom:3px}.saved-route-usage{color:var(--color-neutral-600);font:var(--text-caption-regular);cursor:help}.saved-route-view:hover .saved-route-name,.saved-route-view:focus-visible .saved-route-name{color:var(--color-link-200)}.saved-route-name{font:var(--text-small-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saved-route-desc{color:var(--color-neutral-700);font:var(--text-caption-regular);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.saved-route-meta{color:var(--color-neutral-700);font:var(--text-caption-regular)}.saved-route-actions{flex-direction:row;gap:8px;padding-top:2px;display:flex}a.saved-route-explore{text-decoration:none}#saved-routes-dashboard-link{font:var(--text-caption-medium)}.route-popover-popup .mapboxgl-popup-content{border-radius:12px;padding:6px;box-shadow:0 12px 32px #00000038}.route-popover{flex-direction:column;min-width:220px;display:flex}.route-popover-btn{font:var(--text-small-medium);color:var(--color-neutral-900);background:var(--color-neutral-white);text-align:left;border:none;border-radius:8px;flex-direction:row;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.route-popover-btn:hover,.route-popover-btn:focus-visible{background:var(--color-neutral-100)}.route-popover-delete{color:var(--color-error-200)}.route-popover-icon-chip{background:var(--color-neutral-100);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.route-popover-icon-chip--danger{background:var(--color-orange-100)}.route-popover-icon{width:17px;height:17px}.mapboxgl-popup .mapboxgl-popup-content{border-radius:10px;padding:10px;box-shadow:0 2px 4px #00000040}.rb-map-hint .mapboxgl-popup-content{background:var(--color-asphalt-500);color:var(--color-neutral-white);font:var(--text-small-medium);border-radius:8px;padding:8px 12px;box-shadow:0 4px 14px #00000040}.rb-map-hint.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-right-color:var(--color-asphalt-500)}.rb-cursor-guide{pointer-events:none}.rb-cursor-guide .mapboxgl-popup-content{background:var(--color-asphalt-500);color:var(--color-neutral-white);font:var(--text-caption-medium);pointer-events:none;border-radius:8px;padding:6px 10px;box-shadow:0 4px 14px #00000040}.rb-cursor-guide .mapboxgl-popup-tip{display:none}#routebuilder-legend{z-index:10;background:var(--color-neutral-white);width:190px;color:var(--color-neutral-black);border-radius:12px;padding:12px 16px;position:absolute;bottom:40px;right:10px;box-shadow:0 2px 8px #00000026}#routebuilder-legend-title{font:var(--text-small-bold)}#routebuilder-legend-list{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.legend-item{font:var(--text-caption-medium);flex-direction:row;align-items:center;gap:10px;display:flex}.legend-icon{flex-shrink:0;width:22px;height:22px}.legend-direction-arrow{text-align:center;width:22px;color:var(--color-link-200);flex-shrink:0;font-size:18px}#routebuilder-poi-toggle{border-top:1px solid var(--color-neutral-200);font:var(--text-caption-medium);cursor:pointer;flex-direction:row;align-items:center;gap:8px;margin:10px 0 0;padding-top:10px;display:flex}#poi-toggle-checkbox{margin:0}.directions-row{flex-direction:row;align-items:center;gap:10px;display:flex}.directions-row[hidden]{display:none}.directions-flag{flex-shrink:0;width:22px;height:22px}.directions-slot{flex:auto;min-width:0}.directions-slot mapbox-search-box,.directions-slot .mapboxgl-ctrl,.directions-slot input{width:100%;min-width:0;max-width:100%;display:block}