.map-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.map-container>div{flex:1;min-height:0}.map-container .maplibregl-canvas,.map-container .maplibregl-canvas-container,.map-container .maplibregl-map{width:100%!important;height:100%!important}.vehicle-popup{padding:10px;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.vehicle-popup h3{margin:0 0 10px;font-size:16px}.vehicle-popup p{margin:5px 0;font-size:14px}.cursor-col-resize,body.resizing{cursor:col-resize}body.resizing{-webkit-user-select:none;-moz-user-select:none;user-select:none}.arrow-marker{position:relative;transition:transform 1s ease-in;z-index:999}.svg-container{position:relative;width:40px;height:40px}.circle-container{width:30px;height:30px;border-radius:50%;background-color:#fff;border:3px solid;display:flex;justify-content:center;align-items:center}.circle-content{font-size:12px;font-weight:700;text-align:center}.bus-icon{display:flex;justify-content:center;align-items:center}.maplibregl-popup-content{padding:0;border-radius:.75rem;overflow:hidden;min-width:280px;max-width:450px}.maplibregl-popup-close-button{color:#fff!important;margin:8px!important;font-size:20px!important;padding:4px 8px;z-index:10}.maplibregl-popup-tip{border-top-color:#fff}.maplibregl-marker{cursor:pointer}.stop-info{display:flex;justify-content:space-between;margin:4px 0;font-size:.9em}.arrival-time{color:#666;font-weight:500}.stop-status{color:#f44;font-style:italic;text-transform:capitalize}.bus-marker-icon{transition:transform .3s ease-out}.bus-marker-animated{transition:transform 2s ease-out}.user-location-marker{position:relative}.user-location-dot{width:16px;height:16px;background-color:#3b82f6;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px rgba(59,130,246,.5);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(59,130,246,.7)}to{box-shadow:0 0 0 20px rgba(59,130,246,0)}}@keyframes pulse-on-time{0%{box-shadow:0 0 0 0 rgba(34,197,94,.7)}to{box-shadow:0 0 0 20px rgba(34,197,94,0)}}@keyframes pulse-late{0%{box-shadow:0 0 0 0 rgba(239,68,68,.7)}to{box-shadow:0 0 0 20px rgba(239,68,68,0)}}@keyframes pulse-early{0%{box-shadow:0 0 0 0 rgba(234,179,8,.7)}to{box-shadow:0 0 0 20px rgba(234,179,8,0)}}@keyframes pulse-no-data{0%{box-shadow:0 0 0 0 hsla(220,9%,46%,.7)}to{box-shadow:0 0 0 20px hsla(220,9%,46%,0)}}.user-location-accuracy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);pointer-events:none}.maplibregl-popup-mobile .maplibregl-popup-content{padding:0;background:transparent;box-shadow:none}.maplibregl-popup-mobile .maplibregl-popup-tip{display:none}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.maplibregl-ctrl-group{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.maplibregl-ctrl-group button{width:36px;height:36px}.dark .maplibregl-ctrl-group{background:#1f2937}.dark .maplibregl-ctrl-group button{background-color:#1f2937}.dark .maplibregl-ctrl-group button:hover{background-color:#374151}