.map-container{position:relative;width:100%;height:100%;overflow:hidden;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);background:transparent}.map-container:focus{outline:2px solid #3b82f6;outline-offset:2px}.maplibregl-popup{max-width:300px}.maplibregl-popup-content{padding:1rem;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.maplibregl-popup-close-button{font-size:1.5rem;color:#6b7280;padding:.25rem}.maplibregl-popup-close-button:hover{color:#374151}.maplibregl-ctrl-group{border-radius:0;box-shadow:none!important;background:transparent!important;border:none!important;padding:0!important;margin:0;display:flex;flex-direction:column;gap:8px}.maplibregl-ctrl-group .maplibregl-ctrl-zoom-in+.maplibregl-ctrl-zoom-out{margin-top:0}.maplibregl-ctrl-group:has(.maplibregl-ctrl-zoom-in){background:#ffffff!important;border-radius:12px!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;padding:0!important;overflow:hidden;gap:0!important}.map-container .maplibregl-ctrl-top-right,.maplibregl-ctrl-top-right{top:auto!important;bottom:14rem!important;right:.5rem!important}.maplibregl-ctrl-route,.maplibregl-ctrl-user{display:none!important}.maplibregl-ctrl-recenter{width:29px;height:29px;background-color:#fff;background-repeat:no-repeat;background-position:50%;background-size:18px 18px;cursor:pointer;transition:all .2s ease}.maplibregl-ctrl-recenter:hover{background-color:#f9fafb;transform:scale(1.05)}.maplibregl-ctrl-recenter:active{background-color:#f3f4f6;transform:scale(.95)}.maplibregl-ctrl-recenter svg{width:18px;height:18px;color:#374151}@media (prefers-color-scheme:dark){.maplibregl-ctrl-recenter{background-color:#1f2937}.maplibregl-ctrl-recenter:hover{background-color:#374151}.maplibregl-ctrl-recenter:active{background-color:#4b5563}.maplibregl-ctrl-recenter svg{color:#f9fafb}}.maplibregl-ctrl-group:has(.maplibregl-ctrl-recenter){transition:opacity .3s ease,transform .3s ease}@media (min-width:1024px){.maplibregl-ctrl-geolocate{display:none!important}.map-container.navigation-active .maplibregl-ctrl-bottom-right .maplibregl-ctrl-geolocate,.map-container.navigation-active .maplibregl-ctrl-geolocate,.map-container.navigation-active .maplibregl-ctrl-top-right .maplibregl-ctrl-geolocate{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}}@media (max-width:1023px){.maplibregl-ctrl-geolocate,.maplibregl-ctrl-top-right{display:none!important}}.maplibregl-ctrl-top-left{top:.5rem!important;left:.5rem!important}.maplibregl-ctrl-bottom-right{bottom:.5rem!important;right:.5rem!important}@media (min-width:1024px){.maplibregl-ctrl-bottom-right{bottom:12rem!important}}.maplibregl-ctrl-bottom-left{bottom:.5rem!important;left:.5rem!important}.maplibregl-ctrl-fullscreen,.maplibregl-ctrl-group button{border-radius:50%!important;background-color:#ffffff;border:none;box-shadow:0 2px 4px rgba(0,0,0,.1);height:48px;width:48px;transition:all .2s ease;margin:4px 0;display:flex;align-items:center;justify-content:center;opacity:1!important}.maplibregl-ctrl-group:has(.maplibregl-ctrl-zoom-in) button{border-radius:0!important;margin:0!important;box-shadow:none!important;background-color:transparent!important}.maplibregl-ctrl-fullscreen:hover,.maplibregl-ctrl-group button:hover{background-color:#f5f5f5;box-shadow:0 4px 8px rgba(0,0,0,.15);opacity:1!important}.maplibregl-ctrl-group:has(.maplibregl-ctrl-zoom-in) button:hover{background-color:#f5f5f5!important;box-shadow:none!important;opacity:1!important}.maplibregl-ctrl-group button:active{box-shadow:0 1px 2px rgba(0,0,0,.1)}.maplibregl-ctrl-group button:focus{outline:2px solid #3b82f6;outline-offset:2px}.maplibregl-ctrl-zoom-in{border-radius:0!important;margin-bottom:0!important;margin-top:0!important;border-bottom:1px solid rgba(0,0,0,.1);border-top-left-radius:12px!important;border-top-right-radius:12px!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.maplibregl-ctrl-zoom-out{border-radius:0!important;margin-top:0!important;margin-bottom:0!important;border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.maplibregl-ctrl-compass{border-radius:50%!important;margin-top:8px!important;background-color:#ffffff!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}@media (max-width:1023px){.map-container .maplibregl-ctrl-compass,.maplibregl-ctrl button.maplibregl-ctrl-compass,.maplibregl-ctrl-compass,.maplibregl-ctrl-group .maplibregl-ctrl-compass,.maplibregl-ctrl-top-right .maplibregl-ctrl-compass,button.maplibregl-ctrl-compass{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}}.map-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:rgba(255,255,255,.9);padding:1rem;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);text-align:center}.map-loading-spinner{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto .5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.map-error{position:absolute;top:0;left:0;right:0;bottom:0;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}.map-error h3{color:#dc2626;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.map-error p{color:#b91c1c;margin-bottom:1rem}.map-error button{background:#dc2626;color:white;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;transition:background-color .2s ease-in-out}.map-error button:hover{background:#b91c1c}.direction-cone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;z-index:9997;pointer-events:none;transition:opacity .3s ease}.direction-cone svg{transition:transform .3s ease-out;filter:drop-shadow(0 1px 3px rgba(0,0,0,.1))}.user-location-marker:not(.navigation-active) .direction-cone{opacity:.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-color-scheme:dark){.map-container{background:#1f2937}.maplibregl-popup-content{background:#374151;color:#f9fafb}.maplibregl-popup-close-button{color:#9ca3af}.maplibregl-popup-close-button:hover{color:#d1d5db}.maplibregl-ctrl-group button:hover{background-color:#4b5563}.maplibregl-ctrl-group button:active{background-color:#6b7280}.maplibregl-ctrl-group:has(.maplibregl-ctrl-zoom-in){background:#374151!important;box-shadow:0 2px 4px rgba(0,0,0,.3)!important}.maplibregl-ctrl-group:has(.maplibregl-ctrl-zoom-in) button{background-color:transparent!important}.maplibregl-ctrl-group:has(.maplibregl-ctrl-zoom-in) button:hover{background-color:#4b5563!important}.maplibregl-ctrl-zoom-in{border-bottom-color:rgba(255,255,255,.1)}.maplibregl-ctrl-compass{background-color:#374151!important}.maplibregl-ctrl-compass:hover{background-color:#4b5563!important}.map-loading{background:rgba(31,41,55,.9);color:#f9fafb}.map-error{background:#1f2937;border-color:#374151}.map-error h3{color:#fca5a5}.map-error p{color:#f87171}.map-marker-tooltip{background:rgba(31,41,55,.95);color:#f9fafb;border-color:rgba(75,85,99,.3)}}@media (max-width:768px){.map-container{border-radius:0}.maplibregl-popup{max-width:250px}.maplibregl-popup-content{padding:.75rem}.map-marker{border-width:1px}.map-marker.small{width:12px;height:12px;font-size:6px}.map-marker.medium{width:20px;height:20px;font-size:8px}.map-marker.large{width:28px;height:28px;font-size:10px}.map-marker-tooltip{font-size:.625rem;padding:.375rem}}@media (prefers-contrast:high){.map-marker{border-width:3px;border-color:#000000}.maplibregl-popup-content{border:2px solid #000000}.maplibregl-ctrl-group{border:none!important}}@media (prefers-reduced-motion:reduce){.map-marker{transition:none}.map-loading-spinner{animation:none}.direction-cone svg,.maplibregl-ctrl-group button{transition:none}}.custom-popup .maplibregl-popup-content{padding:0;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #d1d5db;background:transparent;max-width:200px}.custom-popup .maplibregl-popup-tip{border-top-color:white;border-bottom-color:white}.custom-popup{animation:popupFadeIn .15s ease-out}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.custom-popup .maplibregl-popup-content{border-color:#4b5563}.custom-popup .maplibregl-popup-tip{border-top-color:#374151;border-bottom-color:#374151}}.route-profile-toggle{display:flex;gap:.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.5rem;--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.route-profile-toggle--vertical{flex-direction:column}.route-profile-toggle--horizontal{flex-direction:row}.route-profile-toggle--sm .route-profile-toggle__button{padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.route-profile-toggle--md .route-profile-toggle__button{padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.route-profile-toggle--lg .route-profile-toggle__button{padding:.75rem 1rem;font-size:1rem;line-height:1.5rem}.route-profile-toggle__button{display:flex;align-items:center;gap:.5rem;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.route-profile-toggle__button:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.route-profile-toggle__button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.route-profile-toggle__button:disabled{cursor:not-allowed;opacity:.5}.route-profile-toggle__button--active{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.route-profile-toggle__button--active:hover{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.route-profile-toggle__button--disabled{cursor:not-allowed;opacity:.5}.route-profile-toggle__icon{font-size:1.125rem;line-height:1.75rem}.route-profile-toggle__label{font-weight:500}.route-instructions{max-width:24rem;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.route-instructions--collapsed .route-instructions__content{display:none}.route-instructions__header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:1rem}.route-instructions__summary{display:flex;align-items:center;gap:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.route-instructions__summary-item{display:flex;align-items:center;gap:.25rem}.route-instructions__toggle{padding:.25rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.route-instructions__toggle:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.route-instructions__toggle{border-radius:.25rem}.route-instructions__toggle:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.route-instructions__content{max-height:24rem;overflow-y:auto}.route-instructions__list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.route-instructions__item{display:flex;align-items:flex-start;gap:.75rem;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1));padding:1rem}.route-instructions__item:last-child{border-bottom-width:0}.route-instructions__item{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.route-instructions__item:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.route-instructions__item-icon{display:flex;height:2rem;width:2rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.route-instructions__item-content{min-width:0;flex:1 1 0%}.route-instructions__item-text{margin-bottom:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.route-instructions__item-street{margin-bottom:.5rem}.route-instructions__item-details,.route-instructions__item-street{font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.route-instructions__item-details{display:flex;align-items:center;gap:.75rem}.route-instructions__item-distance{font-weight:500}.route-instructions__item-duration{display:flex;align-items:center;gap:.25rem}.route-instructions__item-connector{position:absolute;left:1.5rem;top:3rem;height:1rem;width:.125rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.route-instructions__empty{padding:1rem;text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}@media (max-width:640px){.route-profile-toggle{gap:.25rem;padding:.25rem}.route-profile-toggle__button{padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.route-profile-toggle__label{display:none}.route-instructions{max-width:20rem}.route-instructions__header,.route-instructions__item{padding:.75rem}}@media (prefers-color-scheme:dark){.route-profile-toggle{border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.route-profile-toggle,.route-profile-toggle__button{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.route-profile-toggle__button{border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.route-profile-toggle__button:hover{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.route-profile-toggle__button--active{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.route-profile-toggle__button--active:hover{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity,1))}.route-instructions{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.route-instructions,.route-instructions__header{border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.route-instructions__header{--tw-border-opacity:1}.route-instructions__summary{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.route-instructions__toggle{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.route-instructions__toggle:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.route-instructions__item{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.route-instructions__item:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.route-instructions__item-text{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.route-instructions__item-details,.route-instructions__item-street{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.route-instructions__item-connector{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.route-instructions__empty{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}}@media (prefers-contrast:high){.route-profile-toggle__button{border-width:2px}.route-profile-toggle__button--active{border-width:4px}.route-instructions__item-icon{border-width:2px;--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}}@media (prefers-reduced-motion:reduce){.route-instructions__item,.route-instructions__toggle,.route-profile-toggle__button{transition-property:none}}.route-profile-toggle__button:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.route-instructions__toggle:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}@media print{.route-instructions,.route-profile-toggle{--tw-border-opacity:1;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.route-instructions,.route-profile-toggle,.route-profile-toggle__button{border-width:1px;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.route-profile-toggle__button{--tw-border-opacity:1}}