.logo-loader{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.logo-loader__icon{animation:pulse 2s ease-in-out infinite}.logo-loader__wings{animation:flap 2s ease-in-out infinite;transform-origin:center}.logo-loader__message{color:#95989c;color:var(--idi-shade5-100,#95989c);font-size:.875rem;font-weight:500;margin:0;opacity:.8}@keyframes pulse{0%{filter:drop-shadow(0 0 0 rgba(27,146,166,0));transform:scale(1)}50%{filter:drop-shadow(0 0 10px rgba(27,146,166,.3));transform:scale(1.1)}to{filter:drop-shadow(0 0 0 rgba(27,146,166,0));transform:scale(1)}}@keyframes flap{0%{transform:rotateX(0deg)}50%{transform:rotateX(-10deg)}to{transform:rotateX(0deg)}}.streaming-container{background-color:#000;flex-direction:row}.streaming-container.split-screen{width:50%!important}.streaming-container.fullscreen{bottom:0!important;height:100vh!important;left:0!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:9999!important}.video-container{background:var(--idi-shade0);height:100%;overflow:hidden;position:relative;width:100%}.video-container video,.video-element{height:100%;object-fit:contain;width:100%}.loading-container{z-index:1}.error-message,.loading-container{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.error-message{background-color:#000c;border-radius:8px;color:#fff;cursor:pointer;padding:20px;z-index:2}.split-screen .video-container{flex:1 1;max-width:50%}.fullscreen{background:#0d131e;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.fullscreen .video-container{height:100%;width:100%}@media screen and (max-width:768px){.streaming-container.split-screen{height:50%!important;width:100%!important}.streaming-container.fullscreen{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.video-container{aspect-ratio:16/9;background:#0000;height:auto;margin:auto;max-height:calc(100vh - 190px);width:100%}.video-container video{height:100%;object-fit:contain;width:100%}}@media screen and (max-width:480px){.streaming-container.split-screen{height:50%!important;width:100%!important}.loading-container{gap:12px}.loader{height:40px;width:40px}.loading-container p{font-size:13px}.error-message{font-size:13px;padding:12px 20px}}@supports (-webkit-touch-callout:none){.streaming-container{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}.agora-streaming-container{background-color:#0d131e;border-radius:8px;cursor:pointer;height:100%;margin:0 auto;padding:0;position:relative;transition:all .3s ease;width:100%}@media screen and (max-width:1200px){.agora-streaming-container{height:800px}}@media screen and (max-width:768px){.agora-streaming-container{border-left:none;border-radius:0;border-right:none;height:600px}.video-controls button{font-size:16px;padding:10px 14px}.video-controls button svg{height:18px;width:18px}}@media screen and (max-width:480px){.agora-streaming-container{border:none;box-shadow:none;height:calc(100vh - 140px);min-height:400px}.local-video-container{bottom:70px;height:80px;right:10px;width:120px}.thumbnail-videos{height:80px}.thumbnail-container{flex:0 0 100px;height:60px}.video-controls{padding:15px 10px}.video-controls button{margin-left:5px;padding:8px 10px}}.agora-streaming-container.fullscreen-mode{backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:#0d131e!important;border:none!important;border-radius:0!important;bottom:0!important;height:100vh!important;height:-webkit-fill-available!important;left:0!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;min-height:-webkit-fill-available!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;transform:translateZ(0);-webkit-transform:translateZ(0);width:100vw!important;z-index:9999!important}.agora-streaming-container.fullscreen-mode .main-video-container{height:100%!important;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important;width:100%!important}.agora-streaming-container.fullscreen-mode .main-video-player{object-fit:contain!important}.local-video-container{background-color:#1a2230b3;border:1px solid var(--accent-blue);border-radius:8px;bottom:20px;box-shadow:0 0 10px #38b6ff4d;height:120px;overflow:hidden;position:absolute;right:20px;width:180px;z-index:5}.video-player{height:100%;object-fit:cover;width:100%}.main-video-container{align-items:center;background:linear-gradient(90deg,#0b0e12,#0d131ef2 10%,#0d131ed9 20%,#0d131ed9 80%,#0d131ef2 90%,#0b0e12);display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.main-video-container:after{background:radial-gradient(ellipse at center,#0000 30%,#0000004d 100%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.main-video-player{background-color:#0d131e;height:100%;object-fit:contain;position:relative;width:100%;z-index:1}.video-controls{background:linear-gradient(0deg,#0d131e,#0000);bottom:0;display:flex;justify-content:flex-end;left:0;opacity:0;padding:15px;position:absolute;right:0;transition:opacity .3s}.video-viewer:hover .video-controls{opacity:1}.video-controls button{align-items:center;background-color:#38b6ff33;border:1px solid var(--accent-blue);border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;margin-left:10px;padding:8px 12px;transition:all .3s}.video-controls button svg{stroke:#fff;stroke-width:2}.video-controls button:hover{background-color:#38b6ff4d}.video-controls button.active{background-color:#38b6ff99}.thumbnail-videos{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0d131eb3;border-top:1px solid var(--border-color);bottom:60px;display:flex;height:100px;left:0;overflow-x:auto;padding:0 10px;position:absolute;right:0}.thumbnail-container{border:2px solid #0000;border-radius:4px;box-shadow:0 2px 10px #0000004d;cursor:pointer;flex:0 0 120px;height:80px;margin:10px 5px;overflow:hidden;transition:all .2s ease}.thumbnail-container:hover{border-color:var(--accent-blue);transform:scale(1.05)}.thumbnail-video{height:100%;object-fit:cover;width:100%}.video-viewer{height:100%;position:relative;width:100%}.no-remote-users{background-color:inherit;border-radius:8px;display:flex;flex-direction:column;font-size:16px;height:100%}.agora-streaming-container:after,.no-remote-users{align-items:center;color:#fff;justify-content:center}.agora-streaming-container:after{background-color:#0d131e;border-radius:4px;bottom:10px;content:"Double-click to toggle fullscreen";font-size:12px;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;right:center;transition:opacity .3s ease;z-index:10}.agora-streaming-container:hover:after{animation:fadeOut 4s forwards;opacity:1}@keyframes fadeOut{0%,50%{opacity:1}to{opacity:0}}@media screen and (max-width:1024px){.agora-streaming-container{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;justify-content:center;margin:0!important;perspective:1000;transform:translateZ(0)}.agora-streaming-container,.main-video-container{height:100%!important;overflow:hidden;padding:0!important;position:relative!important;width:100vw!important;width:100%!important}.main-video-container{align-items:center!important;background-color:#0d131e;display:flex!important;flex:1 1!important;justify-content:center!important;margin:0 auto!important;min-height:0!important}.main-video-player{aspect-ratio:16/9;background:#0d131e;display:block!important;height:auto!important;margin:0 auto!important;max-height:100%!important;max-width:100vw!important;object-fit:contain!important;padding:0!important;position:relative!important;width:100vw!important;width:100%!important}@supports (-webkit-touch-callout:none){.agora-streaming-container{-webkit-overflow-scrolling:touch;bottom:0!important;height:100vh!important;height:100dvh!important;height:-webkit-fill-available!important;left:0!important;overscroll-behavior:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important;position:fixed!important;right:0!important;top:0!important;transform:translateZ(0);-webkit-transform:translateZ(0);width:100vw!important;will-change:transform}.main-video-container{align-items:center!important;display:flex!important;justify-content:center!important}.main-video-container,.main-video-player{height:100%!important;position:absolute!important;transform:translateZ(0);width:100%!important}.main-video-player{-webkit-playsinline:true;playsinline:true;-webkit-touch-callout:none;object-fit:contain!important;-webkit-transform:translateZ(0);-webkit-user-select:none;user-select:none}}}@media screen and (max-width:640px){.agora-streaming-container{margin:0!important}.agora-streaming-container,.main-video-container{align-items:center!important;display:flex!important;flex:1 1!important;height:100%!important;justify-content:center!important;padding:0!important;width:100vw!important}.main-video-container{min-height:0!important;width:100%!important}.main-video-container,.main-video-player{margin:0 auto!important;position:relative!important}.main-video-player{aspect-ratio:16/9;display:block!important;height:auto!important;max-height:100%!important;max-width:100vw!important;object-fit:contain!important;padding:0!important;width:100vw!important;width:100%!important}}@media screen and (max-width:1024px) and (orientation:portrait){.agora-streaming-container{-webkit-overflow-scrolling:touch;height:100vh!important;height:100dvh!important;height:-webkit-fill-available!important;overscroll-behavior:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important}.agora-streaming-container,.main-video-container{align-items:center!important;display:flex!important;justify-content:center!important}.main-video-container{flex:1 1!important;height:100%!important;margin:0 auto!important;min-height:0!important}.main-video-container,.main-video-player{width:100vw!important;width:100%!important}.main-video-player{aspect-ratio:16/9;height:auto!important;max-height:100%!important;max-width:100vw!important;object-fit:contain!important}}@media screen and (max-width:1024px) and (orientation:landscape){.agora-streaming-container{-webkit-overflow-scrolling:touch;align-items:center!important;display:flex!important;height:100vh!important;height:100dvh!important;height:-webkit-fill-available!important;justify-content:center!important;overscroll-behavior:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important;width:100vw!important}.main-video-container{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:calc(-webkit-fill-available - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;margin:auto!important;width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right))!important}}@media screen and (max-width:480px){.agora-streaming-container{align-items:center!important;display:flex!important;height:100%!important;justify-content:center!important;margin:0!important;padding:0!important;width:100vw!important}.main-video-container{align-items:center!important;display:flex!important;flex:1 1;justify-content:center!important}.main-video-container,.main-video-player{height:auto!important;margin:0 auto!important;max-height:calc(100vh - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;padding:0!important;position:relative!important;width:100vw!important;width:100%!important}.main-video-player{aspect-ratio:16/9;display:block!important;max-width:100vw!important;object-fit:contain!important}.local-video-container{bottom:80px;height:100px;right:8px;width:70px}.video-controls button{padding:6px}.video-controls button svg{height:18px;width:18px}}.multiview-layout .multiview-video .agora-streaming-container,.multiview-video .agora-streaming-container,.pwa-layout .pwa-layout-content .agora-streaming-container,.pwa-layout-content .agora-streaming-container{align-items:center!important;display:flex!important;flex:1 1!important;flex-direction:column!important;height:auto!important;justify-content:center!important;margin:0 auto!important;max-height:100%!important;min-height:0!important;padding:0!important;position:relative!important;width:100%!important}.multiview-layout .multiview-video .main-video-container,.multiview-video .main-video-container,.pwa-layout .pwa-layout-content .main-video-container,.pwa-layout-content .main-video-container{align-items:center!important;display:flex!important;flex:1 1!important;height:100%!important;justify-content:center!important;max-height:100%!important;min-height:0!important;overflow:hidden!important;position:relative!important;width:100%!important}.multiview-layout .multiview-video .main-video-player,.multiview-video .main-video-player,.pwa-layout .pwa-layout-content .main-video-player,.pwa-layout-content .main-video-player{background-color:initial!important;left:auto!important;top:auto!important;transform:none!important;-webkit-transform:none!important}.multiview-layout .multiview-video .main-video-player,.multiview-layout .multiview-video .main-video-player canvas,.multiview-layout .multiview-video .main-video-player video,.multiview-video .main-video-player,.multiview-video .main-video-player canvas,.multiview-video .main-video-player video,.pwa-layout .pwa-layout-content .main-video-player,.pwa-layout .pwa-layout-content .main-video-player canvas,.pwa-layout .pwa-layout-content .main-video-player video,.pwa-layout-content .main-video-player,.pwa-layout-content .main-video-player canvas,.pwa-layout-content .main-video-player video{display:block!important;height:100%!important;margin:0!important;max-height:100%!important;max-width:100%!important;object-fit:contain!important;position:relative!important;width:100%!important}@media screen and (max-width:1200px){.pwa-layout .pwa-layout-content .agora-streaming-container,.pwa-layout-content .agora-streaming-container{height:auto!important;max-height:100%!important}}@media screen and (max-width:768px){.pwa-layout .pwa-layout-content .agora-streaming-container,.pwa-layout-content .agora-streaming-container{border-radius:0!important;height:auto!important;max-height:100%!important}}@media screen and (max-width:480px){.pwa-layout .pwa-layout-content .agora-streaming-container,.pwa-layout-content .agora-streaming-container{height:auto!important;max-height:100%!important;min-height:0!important}}.gimbal_control{align-items:center;background-color:var(--idi-shade0-100);border:1px solid var(--idi-shade3-50);border-radius:100vw;display:flex;height:124px;justify-content:center;position:relative;width:124px}.arrow{cursor:pointer;position:absolute!important}.up{left:50%;top:5%;transform:translateX(-50%)}.right{right:5%;top:50%;transform:translateY(-50%)}.down{bottom:5%;left:50%;transform:translateX(-50%)}.left{left:5%;top:50%;transform:translateY(-50%)}#middle_layer{align-items:center;background-color:var(--idi-shade1-50);border:1px solid var(--idi-shade2-50);border-radius:100vw;display:flex;height:66px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:66px}#knob{background:radial-gradient(ellipse at bottom left,#21252880,#999da380);border:1px solid var(--idi-shade2-100);border-radius:100vw;cursor:pointer;height:24px;position:absolute;width:24px}.incremental-input{display:flex;flex-direction:column;gap:4px}.input-label{color:var(--idi-shade4-100);font-size:.75rem;font-weight:500;text-transform:capitalize}.input-controls{align-items:center;display:flex;gap:4px;height:24px}.control-button{background-color:var(--idi-shade2-85);border-radius:4px;color:var(--idi-shade6-100);font-size:14px}.control-button:hover:not(:disabled){background-color:var(--idi-shade2-100)}.control-button:disabled{cursor:not-allowed;opacity:.5}.input-value{color:var(--idi-shade6-100);font-size:.75rem;min-width:40px;text-align:center}.incremental-input.disabled .input-label,.incremental-input.disabled .input-value{opacity:.5}.cam_controls{border:1px solid #95989c26;border-radius:12px;box-shadow:0 4px 24px #00000026;display:flex;flex-direction:column;gap:16px;max-width:calc(100vw - 40px);overflow:hidden;padding:16px;position:absolute;width:300px;z-index:1000}.cam_controls__header{align-items:center;display:flex;justify-content:space-between}.header__title{color:var(--idi-shade5-100);font-size:14px;font-weight:400;line-height:1;margin:0;text-transform:capitalize}.header__actions{align-items:center;display:flex;gap:4px}.toggle_button{align-items:center;background:#212528bf;border:1px solid #95989c26;border-radius:100vw;cursor:pointer;display:flex;justify-content:center;padding:4px}.toggle_button:hover{background:#212528d9}.cam_controls__content,.content__basic{display:flex;flex-direction:column;gap:16px}.directional_controls{display:flex;gap:16px}.camera_joystick{flex-shrink:0;height:120px;width:120px}.joystick_base{align-items:center;background:#212528bf;border-radius:50%;display:flex;height:100%;justify-content:center;position:relative;width:100%}.joystick_handle{background-color:var(--idi-green);border-radius:50%;cursor:pointer;height:30px;position:absolute;width:30px}.direction_values{display:flex;flex:1 1;flex-direction:column;gap:12px}.control_slider{display:flex;flex-direction:column;gap:4px}.slider_label{color:var(--idi-shade5-100);font-size:12px}.slider{-webkit-appearance:none;background:var(--idi-shade3-50);border-radius:2px;height:4px;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--idi-green);border-radius:50%;cursor:pointer;height:12px;width:12px}.camera_actions{align-items:center;display:flex;justify-content:space-between}.camera_buttons,.shutter_controls{align-items:center;display:flex;gap:8px}.cam_mode_switch{background:var(--idi-shade7-100)}.cam_mode_switch,.shutter_button{align-items:center;border-radius:100vw;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.shutter_button{background:var(--idi-shade2-85)}.shutter_button:hover{background:var(--idi-shade3-50)}.button_icon{border-radius:100vw;height:12px;width:12px}.button_icon.photo_mode{background:var(--idi-shade6-100)}.button_icon.video_mode{background:#e53935}.button_icon.video_mode.recording{background:var(--idi-shade0-100);border-radius:2px}.timer{color:var(--idi-shade6-100);font-size:11px;font-weight:500;margin:0}.lens_tools{align-items:center;display:flex;gap:8px}.lens-selection{display:flex;gap:4px}.lens-button{align-items:center;background-color:var(--idi-shade2-85);border:none;border-radius:4px;color:var(--idi-shade6-100);cursor:pointer;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.lens-button.active{background-color:var(--idi-green-s1);color:var(--white)}.lens-button:hover:not(.active){background-color:var(--idi-shade3-50)}.content__advanced{display:flex;flex-direction:column;gap:12px}.section_header{align-items:center;display:flex;gap:8px;justify-content:center}.section_header.expanded:after,.section_header.expanded:before{background-color:var(--idi-shade2-50);content:"";display:inline-block;flex:1 1;height:1px}.collapse_button{align-items:center;cursor:pointer;display:flex;gap:8px}.collapse_button p{color:var(--idi-shade5-100);font-size:12px;margin:0}@media screen and (max-width:768px){.cam_controls{padding:12px;right:15px;top:15px;width:260px}.camera_joystick{height:100px;width:100px}}@media screen and (max-width:480px){.cam_controls{max-width:300px;padding:10px;right:50%;top:10px;transform:translateX(50%);width:90%}.directional_controls{align-items:center;flex-direction:column}.camera_joystick{height:80px;width:80px}.camera_actions{align-items:flex-start;flex-direction:column;gap:10px}}.mapboxgl-map{-webkit-tap-highlight-color:rgb(0 0 0/0);font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-left,.mapboxgl-ctrl-right,.mapboxgl-ctrl-top,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top{left:50%;top:0;transform:translateX(-50%)}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-right{right:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl-bottom{bottom:0;left:50%;transform:translateX(-50%)}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-left{left:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.mapboxgl-ctrl-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-bottom .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.mapboxgl-ctrl-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:initial;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:initial}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:#0000000d}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg opacity='.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg opacity='.9' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:initial;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:#000000bf;text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid #0000;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:initial;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:#0000000d}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid #0000;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid #0000;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:#000000b3;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}.drone-map{border:1px solid #95989c26;border-radius:12px;box-shadow:0 4px 24px #00000026;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;position:absolute;transition:all .3s ease;width:400px;z-index:1000}.drone-map__header{align-items:center;background:#0b0e12d9;border-bottom:1px solid #95989c26;display:flex;justify-content:space-between;padding:16px}.header__title{align-items:center;display:flex;gap:12px}.header__title h3{color:#fff;font-size:16px;font-weight:500;margin:0}.action-button{align-items:center;background:none;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.action-button:hover{background:#ffffff1a;color:#fff}.action-button:active{background:#ffffff26}.action-button.active{background:#1b92a626;color:#1b92a6}.action-button.active:hover{background:#1b92a640}.connection-status{gap:8px}.status-indicator{transition:background-color .3s ease}.status-indicator.connected{background-color:#049d2f;background-color:var(--idi-green,#049d2f);box-shadow:0 0 8px #049d2f;box-shadow:0 0 8px var(--idi-green,#049d2f)}.status-indicator.disconnected{background-color:#a22;background-color:var(--idi-red,#a22);box-shadow:0 0 8px #a22;box-shadow:0 0 8px var(--idi-red,#a22)}.status-text{color:#ffffffb3;font-size:12px}.drone-map__content{height:300px;position:relative;transition:height .3s ease}.map-container{height:100%;width:100%}.map-layer-selector{bottom:10px;left:10px;position:absolute;z-index:150}.layer-toggle-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0e12e6;border:1px solid #95989c33;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;pointer-events:auto;transition:all .2s ease;width:40px}.layer-toggle-button:hover{background:#0b0e12;border-color:#95989c66;color:#fff}.layer-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0e12f2;border:1px solid #95989c33;border-radius:8px;bottom:48px;box-shadow:0 4px 12px #0000004d;left:0;min-width:140px;overflow:hidden;position:absolute;z-index:200}.layer-menu-item{align-items:center;background:#0000;border:none;border-bottom:1px solid #95989c1a;color:#fffc;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.layer-menu-item:last-child{border-bottom:none}.layer-menu-item:hover{background:#ffffff1a;color:#fff}.layer-menu-item.active{background:#1b92a633;color:#1b92a6}.layer-menu-item.active:hover{background:#1b92a64d}.layer-menu-item svg{flex-shrink:0}.custom-drone-marker{background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:pointer;height:32px;width:32px}.mapboxgl-ctrl-group{background:#0b0e12d9!important;border:1px solid #95989c33!important;border-radius:8px!important;overflow:hidden}.mapboxgl-ctrl-group button{background-color:initial!important;border:none!important;border-bottom:1px solid #95989c33!important;color:#ffffffb3!important}.mapboxgl-ctrl-group button:hover{background-color:#ffffff1a!important;color:#fff!important}.mapboxgl-ctrl-group button:last-child{border-bottom:none!important}@media screen and (max-width:768px){.drone-map{bottom:15px;right:15px;width:320px}.drone-map__content{height:240px}}@media screen and (max-width:480px){.drone-map{bottom:10px;max-width:320px;right:15px;width:calc(100% - 30px)}.drone-map__header{padding:12px}.drone-map__content{height:200px}.header-actions{gap:4px}.action-button{padding:6px}}:root{--idi-green:#049d2f;--idi-red:#a22;--bg-surface-85:#0b0e12d9;--bg-surface-75:#0b0e12bf;--bg-surface-25:#0b0e1240;--surface-secondary-85:#1a1d21d9;--surface-active-85:#606366d9;--border-primary-50:#35373b80;--border-secondary-50:#60636680;--border-tertiary-50:#95989c80;--text-primary:#fff;--text-secondary:#c2c3c4;--text-tertiary:#95989c;--scale-marker:#ffffff80}.telemetry-pane{flex-direction:column;font-family:Arial Nova,Arial,sans-serif;position:absolute;right:0;top:0;transition:all .3s ease;width:320px;z-index:30}.telemetry-content,.telemetry-pane{display:flex;height:100%}.telemetry-right-pane{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:16px;scrollbar-width:none}.telemetry-right-pane::-webkit-scrollbar{display:none}.telemetry-widget{background:#0b0e12d9;background:var(--bg-surface-85);border:1px solid #35373b80;border:1px solid var(--border-primary-50);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:12px}.widget-header{align-items:center;display:flex;justify-content:space-between;padding-bottom:12px;transition:border-bottom .3s ease,margin-bottom .3s ease}.widget-header,.widget-header.simple{border-bottom:1px solid #fff3;margin-bottom:10px}.widget-header.simple{padding-bottom:10px}.title-container{align-items:center;display:flex;gap:12px}.badged-icon{position:relative}.badge{border-radius:50%;height:8px;position:absolute;right:0;top:0;width:8px}.badge.connected{background-color:#049d2f;background-color:var(--idi-green);box-shadow:0 0 4px #049d2f;box-shadow:0 0 4px var(--idi-green)}.badge.disconnected{background-color:#a22;background-color:var(--idi-red);box-shadow:0 0 4px #a22;box-shadow:0 0 4px var(--idi-red)}.header-content{display:flex;flex-direction:column;gap:4px}.heading{color:#fff;color:var(--text-primary);font-size:16px;font-weight:700;letter-spacing:1.875%;line-height:1em;margin:0}.simple .heading{font-size:12px;font-weight:700;letter-spacing:2.5%}.sub-heading{color:#c2c3c4;color:var(--text-secondary)}.sub-heading,.tag{font-size:10px;font-weight:400;letter-spacing:5%;line-height:1em}.tag{border-radius:6px;padding:8px}.tag.connected{background:#0000;color:#fff;color:var(--text-primary)}.tag.disconnected{background:#7e09094d;color:#fa5353}.widget-body{display:flex;flex-wrap:wrap;gap:24px;max-height:1000px;opacity:1;transition:max-height .3s ease,opacity .3s ease,margin .3s ease,padding .3s ease}.data-block{display:flex;flex:1 1;gap:4px;width:auto}.data-block.wide{width:100%}.data-icon{align-items:flex-start;display:flex}.data-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.value{font-feature-settings:"tnum";color:#c2c3c4;color:var(--text-secondary);font-size:14px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:2.143%}.label,.value{line-height:1em}.label{color:#95989c;color:var(--text-tertiary);font-size:10px;font-weight:400;letter-spacing:5%;text-transform:uppercase}.toggle-switch{background:#0000;border-radius:4px;display:flex;gap:2px;padding:2px}.toggle-option{border-radius:2px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:8px;font-weight:700;letter-spacing:7.5%;padding:2px 4px}.toggle-option.active{background:#606366d9;background:var(--surface-active-85)}.compass{align-items:center;display:flex;flex-direction:column;height:110px}.compass,.compass-rotating{position:relative;width:90px}.compass-rotating{background-color:#f5f5f5;border:3px solid #333;border-radius:50%;box-sizing:border-box;height:90px;transition:transform .3s ease}.compass-rotating:before{background-image:linear-gradient(180deg,#0000 45%,#0000 55%,#333 0,#333 58%,#0000 0),linear-gradient(90deg,#0000 45%,#0000 55%,#333 0,#333 58%,#0000 0);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.compass-north{top:8px}.compass-north,.compass-south{color:#333;font-size:14px;font-weight:700;left:50%;line-height:1;position:absolute;transform:translateX(-50%)}.compass-south{bottom:8px}.compass-east{right:8px}.compass-east,.compass-west{color:#333;font-size:14px;font-weight:700;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.compass-west{left:8px}.compass-fixed{height:60px;left:50%;margin-left:-2px;margin-top:-30px;position:absolute;top:50%;transform-origin:center center;width:4px;z-index:10}.compass-fixed:after,.compass-fixed:before{content:"";left:0;position:absolute;width:100%}.compass-fixed:before{background-color:red;top:0}.compass-fixed:after,.compass-fixed:before{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);height:50%}.compass-fixed:after{background-color:#333;bottom:0;transform:rotate(180deg)}.compass-fixed .center-dot{background-color:#fff;border:1px solid #333;border-radius:50%;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;z-index:20}.compass-heading{font-feature-settings:"tnum";background-color:#0000004d;border:1px solid #fff3;border-radius:4px;color:#fff;color:var(--text-primary);font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.025em;margin-top:10px;padding:3px 8px;text-align:center}.coordinates-display{flex:1 1}.coordinates-grid{display:flex;flex-direction:column;gap:2px;width:100%}.coordinates-row{margin-bottom:1px;padding:3px 0 4px}.coord-label{color:#c2c3c4;color:var(--text-secondary)}.coord-label,.coord-value{font-family:Lato,sans-serif;letter-spacing:3%}.coord-value{align-items:center;border-radius:3px;color:var(--text-primary);cursor:pointer;display:flex;justify-content:flex-end;padding:2px 4px;transition:background-color .2s}.coord-value:hover{background-color:#ffffff1a}.coord-value:active{background-color:#fff3}.copy-icon{font-size:10px;margin-left:4px;opacity:.4;transition:opacity .2s}.coord-value:hover .copy-icon{opacity:1}.widget-body.coordinates.no-padding{margin-top:0;padding-top:0}.header-tools{gap:8px}.copy-all-button,.header-tools{align-items:center;display:flex}.copy-all-button{background-color:#35373bb3;border:none;border-radius:4px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:10px;gap:4px;padding:4px 8px;transition:all .2s}.copy-all-button:hover{background-color:#606366e6}.copy-all-button:active{background-color:#95989c80}.copy-all-button.copied{background-color:initial;border:1px solid #1b92a680;color:#049d2f;color:var(--idi-green,#049d2f)}.copy-all-button svg{stroke:currentColor;flex-shrink:0}.telemetry-section.navigation-section{margin-top:0}.pane-controls{gap:16px;width:36px}.control-buttons,.pane-controls{display:flex;flex-direction:column}.control-buttons{gap:8px;width:24px}.control-button{align-items:center;background:#1a1d21d9;background:var(--surface-secondary-85);border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;padding:2px;width:24px}.control-button:hover{background:#606366d9;background:var(--surface-active-85)}.altitude-scale{align-items:center;display:flex;flex-direction:column;gap:4px;margin-top:auto}.altitude-max{background:#0b0e12d9;background:var(--bg-surface-85);border:1px solid #35373b80;border:1px solid var(--border-primary-50);border-radius:4px;padding:6px 5px;text-align:center;width:36px}.altitude-max span{color:#fff;color:var(--text-primary);font-family:Lato,sans-serif;font-size:8px;font-weight:400;letter-spacing:3%}.altitude-bar{border:2px solid #35373b80;border:2px solid var(--border-primary-50);border-radius:4px;display:flex;height:300px;justify-content:center;padding:8px 0;position:relative;width:20px}.scale-line{background:#ffffff80;background:var(--scale-marker);height:100%;width:2px}.scale-markers{bottom:8px;display:flex;flex-direction:column;justify-content:space-between;left:0;position:absolute;right:0;top:8px}.scale-marker{align-self:center;background:#ffffff80;background:var(--scale-marker);height:1px;width:4px}.scale-marker.primary{width:8px}.altitude-value{height:20px;position:relative}.altitude-value span{background:#0f7b8c;border-radius:2px;color:#fff;color:var(--text-primary);font-family:Lato,sans-serif;font-size:10px;font-weight:600;left:50%;letter-spacing:3%;padding:4px 6px;position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.telemetry-pane.collapsed .telemetry-right-pane{opacity:0;overflow:hidden;width:0}.header-actions{gap:8px}.telemetry-widget.collapsed .widget-header{border-bottom:none;margin-bottom:0}.telemetry-widget.collapsed .widget-body{display:none}@media screen and (max-width:768px){.telemetry-pane{width:280px}.telemetry-widget{padding:12px}.widget-header{padding-bottom:10px}.heading{font-size:14px}.value{font-size:13px}}@media screen and (max-width:480px){.telemetry-pane{width:250px}.telemetry-widget{padding:10px}.telemetry-body{gap:16px}.data-block{width:100%}.value{font-size:12px}.label{font-size:9px}.altitude-bar{height:200px}}.copy-success-toast{align-items:center;animation:fadeInOut 3s ease-in-out;background-color:#1b92a633;border:1px solid #049d2f;border-left:4px solid #049d2f;border:1px solid var(--idi-green);border-left-width:4px;border-radius:4px;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:12px;gap:8px;left:50%;padding:8px 12px;position:absolute;top:10px;transform:translateX(-50%);z-index:100}.copy-success-toast svg{flex-shrink:0}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-10px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.joystick-container{align-items:center;display:flex;flex-direction:column;gap:16px;left:50%;pointer-events:auto;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:20}.joystick-toggle{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0b0e121a;border:1px solid #35373b1a;border-radius:50%;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;padding:10px;transition:all .2s ease;width:44px;z-index:21}.joystick-toggle:hover{background-color:#1a1d214d}.joystick-toggle:active{box-shadow:0 2px 4px #0000004d;transform:translateY(2px)}.joystick-toggle svg{height:24px;width:24px}.joystick{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0b0e121a;border:1px solid #35373b1a;border-radius:50%;box-shadow:0 4px 20px #0000001a;display:none;flex-direction:column;justify-content:center;pointer-events:none;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.visible .joystick{display:flex;pointer-events:auto}.joystick-base{align-items:center;background-color:#1a1d211a;border:1px solid #6063661a;border-radius:50%;display:flex;height:90%;justify-content:center;position:relative;width:90%}.joystick-crosshair-h,.joystick-crosshair-v{background-color:#6063664d;position:absolute}.joystick-crosshair-h{height:1px;width:90%}.joystick-crosshair-v{height:90%;width:1px}.joystick-handle{align-items:center;background-color:#252e3099;border:1px solid #c2c3c44d;border-radius:50%;box-shadow:0 2px 10px #0003;cursor:grab;display:flex;height:50px;justify-content:center;left:50%;margin-left:-25px;margin-top:-25px;position:absolute;top:50%;width:50px;z-index:2}.joystick-handle:active{background-color:#162025cc;cursor:grabbing}.joystick-arrow{background-color:#4053574d;height:4px;left:50%;position:absolute;top:50%;transform-origin:left center;z-index:1}.joystick-arrow:after{border-bottom:6px solid #0000;border-left:8px solid #1b92a699;border-top:6px solid #0000;content:"";height:0;position:absolute;right:-2px;top:-4px;width:0}.joystick-info{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0b0e1233;border:1px solid #35373b4d;border-radius:8px;bottom:-60px;color:#fff;font-size:.9rem;left:0;padding:8px;position:absolute;right:0;text-align:center}.pwa-layout{background-color:#0b0e12;background-color:var(--idi-shade0-100,#0b0e12);bottom:0;display:grid;grid-template-rows:auto 1fr auto;height:100vh;height:100dvh;height:-webkit-fill-available;left:0;max-width:100vw;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;right:0;top:0;width:100vw;z-index:1}.pwa-layout-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#0b0e12d9;background-color:var(--idi-shade0-85,#0b0e12d9);border-bottom:1px solid #35373b80;border-bottom:1px solid var(--idi-shade2-50,#35373b80);grid-row:1;padding:max(.5rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .5rem max(1rem,env(safe-area-inset-left));z-index:1000}.pwa-layout-content{align-items:center;display:flex;flex-direction:column;grid-row:2;justify-content:center;min-height:0;overflow:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);position:relative;width:100%}.pwa-layout-content .mobile-map__header{display:none!important}.pwa-layout-content .main-content{align-items:center!important;display:flex!important;flex:1 1!important;flex-direction:column!important;height:auto!important;justify-content:center!important;margin:0!important;max-height:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important;position:relative!important;width:100%!important}.pwa-layout-content>*{display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.pwa-layout-content .streaming-container{flex:1 1!important;margin:0!important;padding:0!important}.pwa-layout-content .agora-streaming-container,.pwa-layout-content .streaming-container{align-items:center!important;bottom:auto!important;display:flex!important;height:auto!important;justify-content:center!important;left:auto!important;max-height:100%!important;min-height:0!important;position:relative!important;right:auto!important;top:auto!important;width:100%!important}.pwa-layout-content .agora-streaming-container{flex:1 1!important;flex-direction:column!important}.pwa-layout-content .main-video-container{align-items:center!important;display:flex!important;flex:1 1!important;height:auto!important;justify-content:center!important;max-height:100%!important;min-height:0!important;position:relative!important;width:100%!important}.pwa-layout-footer{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#0b0e12e6;border-top:1px solid #95989c33;grid-row:3;padding:.5rem max(.5rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));transition:opacity .3s ease,transform .3s ease;z-index:1000}.pwa-layout.telemetry-open .pwa-layout-footer{opacity:0;pointer-events:none}@media (display-mode:standalone){.pwa-layout{height:100vh;height:100dvh}.pwa-layout-content{align-items:center;justify-content:center}}@media screen and (max-width:1024px) and (orientation:portrait){.pwa-layout-header{min-height:60px}.pwa-layout-footer{min-height:80px}}@media screen and (max-width:768px) and (orientation:portrait){.pwa-layout-header{min-height:60px}.pwa-layout-footer{min-height:80px}}@media screen and (min-width:769px) and (max-width:1024px) and (orientation:portrait){.pwa-layout-header{min-height:60px}.pwa-layout-footer{min-height:90px}}@media screen and (orientation:landscape) and (min-width:769px) and (max-width:1024px){.pwa-layout{grid-template-rows:0 1fr 0!important;padding:0!important}.pwa-layout-footer,.pwa-layout-header{display:none!important}.pwa-layout-content{overflow:hidden!important}.pwa-layout-content,.pwa-layout-content .mobile-map-view,.pwa-layout-content .mobile-telemetry-view,.pwa-layout-content .streaming-container{bottom:0!important;height:100vh!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.pwa-layout-content .mobile-telemetry-view{z-index:10!important}}@media screen and (orientation:landscape) and (max-width:768px){.pwa-layout{grid-template-rows:0 1fr 0!important;padding:0!important}.pwa-layout-footer,.pwa-layout-header{display:none!important}.pwa-layout-content{overflow:hidden!important}.pwa-layout-content,.pwa-layout-content .mobile-map-view,.pwa-layout-content .mobile-telemetry-view,.pwa-layout-content .streaming-container{bottom:0!important;height:100vh!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.pwa-layout-content .mobile-telemetry-view{z-index:10!important}.pwa-layout-content .map-container,.pwa-layout-content .mobile-map,.pwa-layout-content .mobile-map__content{bottom:0!important;height:100%!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;right:0!important;top:0!important;width:100%!important}.pwa-layout-content .mobile-map__header{display:none!important}.pwa-layout-content .agora-streaming-container,.pwa-layout-content .main-content,.pwa-layout-content .main-video-container,.pwa-layout-content .streaming-container,.pwa-layout-content .video-container{bottom:0!important;height:100vh!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.pwa-layout-content .agora-streaming-container,.pwa-layout-content .main-video-container,.pwa-layout-content .streaming-container,.pwa-layout-content .video-container{max-height:100vh!important;max-width:100vw!important}.pwa-layout-content #agora_local,.pwa-layout-content #stream-player-container,.pwa-layout-content .agora-video-player{bottom:0!important;height:100%!important;left:0!important;object-fit:contain!important;position:absolute!important;right:0!important;top:0!important;width:100%!important}.pwa-layout-content video{height:100vh!important;left:50%!important;max-height:none!important;max-width:none!important;object-fit:contain!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:100vw!important}.pwa-layout-content .map-container,.pwa-layout-content .mobile-map,.pwa-layout-content .mobile-map__content{bottom:0!important;height:100%!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;right:0!important;top:0!important;width:100%!important}.pwa-layout-content .mobile-map__header{display:none!important}.pwa-layout-content .agora-streaming-container,.pwa-layout-content .main-content,.pwa-layout-content .main-video-container,.pwa-layout-content .streaming-container,.pwa-layout-content .video-container{bottom:0!important;height:100vh!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.pwa-layout-content .agora-streaming-container,.pwa-layout-content .main-video-container,.pwa-layout-content .streaming-container,.pwa-layout-content .video-container{max-height:100vh!important;max-width:100vw!important}.pwa-layout-content #agora_local,.pwa-layout-content #stream-player-container,.pwa-layout-content .agora-video-player{bottom:0!important;height:100%!important;left:0!important;object-fit:contain!important;position:absolute!important;right:0!important;top:0!important;width:100%!important}.pwa-layout-content video{height:100vh!important;left:50%!important;max-height:none!important;max-width:none!important;object-fit:contain!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:100vw!important}}@media screen and (orientation:portrait){.pwa-layout-content .mobile-map__header{display:none!important}.pwa-layout-content .mobile-map-view{bottom:env(safe-area-inset-bottom)!important}}.pwa-install-prompt{animation:slideUp .3s ease-out;bottom:20px;left:50%;max-width:90%;position:fixed;transform:translateX(-50%);width:400px;z-index:10000}.pwa-install-prompt-content{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0b0e12f2;border:1px solid #95989c4d;border-radius:12px;box-shadow:0 8px 32px #0006;color:#fff;color:var(--idi-shade7-100,#fff);padding:20px;position:relative}.pwa-install-prompt-content h3{color:#fff;color:var(--idi-shade7-100,#fff);font-size:18px;font-weight:600;margin:0 0 12px}.pwa-install-prompt-content p{color:#e4e4e4;color:var(--idi-shade6-100,#e4e4e4);font-size:14px;line-height:1.5;margin:0 0 16px}.pwa-install-prompt-content ol{font-size:14px;line-height:1.8;margin:0 0 16px;padding-left:20px}.pwa-install-prompt-content ol li{color:#e4e4e4;color:var(--idi-shade6-100,#e4e4e4);margin-bottom:8px}.ios-icon{font-size:18px;margin:0 4px}.pwa-install-button{background:#0f7b8c;background:var(--idi-green-s1,#0f7b8c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:12px 24px;transition:background .2s ease;width:100%}.pwa-install-button:hover{background:#056473;background:var(--idi-green-s2,#056473)}.pwa-install-button:active{transform:scale(.98)}.pwa-install-dismiss{background:#0000;border:none;border-radius:4px;color:#c2c3c4;color:var(--idi-shade5-100,#c2c3c4);cursor:pointer;font-size:24px;line-height:1;padding:4px 8px;position:absolute;right:12px;top:12px;transition:color .2s ease,background .2s ease}.pwa-install-dismiss:hover{background:#ffffff1a;color:#fff;color:var(--idi-shade7-100,#fff)}@media screen and (max-width:768px){.pwa-install-prompt{bottom:max(20px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));max-width:none;right:max(10px,env(safe-area-inset-right));transform:none;width:calc(100% - 20px - env(safe-area-inset-left) - env(safe-area-inset-right))}}:root{--idi-blue:#20a4f3;--white:#fff;--idi-green:#076d1d;--idi-green-s1:#0f7b8c;--idi-green-s2:#056473;--idi-green-a50:#2caec380;--idi-green-a25:#2caec340;--idi-purple:#7658a4;--header-height:60px;--toggle-height:70px;--telemetry-height:80px;--mobile-total-top:calc(var(--header-height) + var(--toggle-height));--mobile-total-bottom:200px;--idi-shade0-100:#0b0e12;--idi-shade1-100:#1a1d21;--idi-shade2-100:#35373b;--idi-shade3-100:#606366;--idi-shade4-100:#95989c;--idi-shade5-100:#c2c3c4;--idi-shade6-100:#e4e4e4;--idi-shade7-100:#fff;--idi-shade0-85:#0b0e12d9;--idi-shade1-85:#1a1d21d9;--idi-shade2-85:#35373bd9;--idi-shade3-85:#606366d9;--idi-shade4-85:#95989cd9;--idi-shade5-85:#c2c3c4d9;--idi-shade6-85:#e4e4e4d9;--idi-shade7-85:#ffffffd9;--idi-shade0-50:#0b0e1280;--idi-shade1-50:#1a1d2180;--idi-shade2-50:#35373b80;--idi-shade3-50:#60636680;--idi-shade4-50:#95989c80;--idi-shade5-50:#c2c3c480;--idi-shade6-50:#e4e4e480;--idi-shade7-50:#ffffff80;--idi-shade0-25:#0b0e1240;--idi-shade1-25:#1a1d2140;--idi-shade2-25:#35373b40;--idi-shade3-25:#60636640;--idi-shade4-25:#95989c40;--idi-shade5-25:#c2c3c440;--idi-shade6-25:#e4e4e440;--idi-shade7-25:#ffffff40;--primary-font:"Lato",sans-serif}*{-webkit-tap-highlight-color:transparent;font-family:Lato,sans-serif;font-family:var(--primary-font)}body,div,html{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scrollbar-width:none}::-webkit-scrollbar{display:none;height:0;width:0}body,html{color:#fff;color:var(--idi-shade7-100);height:100%;height:-webkit-fill-available;margin:0;min-height:-webkit-fill-available;padding:0}.streaming-page,body,html{background-color:#0b0e12;background-color:var(--idi-shade0-100);max-width:100vw;overflow:hidden;width:100%}.streaming-page{bottom:0;display:grid;grid-template-rows:auto 1fr auto;height:100vh;height:100dvh;height:-webkit-fill-available;left:0;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;right:0;top:0}.app-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#0b0e12d9;background-color:var(--idi-shade0-85);border-bottom:1px solid #35373b80;border-bottom:1px solid var(--idi-shade2-50);display:flex;grid-row:1;justify-content:space-between;padding:1rem 2rem;position:relative;z-index:1000}.app-header.hidden{transform:translateY(-100%)}.header-title{align-items:center;display:flex;flex:1 1;gap:.75rem}.header-title svg{flex-shrink:0;margin-bottom:2px}.header-title h1{color:#fff;color:var(--idi-shade7-100);font-size:1.5rem;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:1rem}.visibility-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:.7;padding:0;transition:opacity .2s ease;width:24px}.visibility-toggle:hover{opacity:1}.main-content{align-items:center;grid-row:2;height:auto;justify-content:center;margin:0;max-height:100%;overflow:hidden;padding:0;position:relative}.main-content,.main-content>*{display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.join-form-container{display:flex;justify-content:center;max-width:500px;width:100%}.join-form{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#0b0e12d9;background-color:var(--idi-shade0-85);border:1px solid #35373b80;border:1px solid var(--idi-shade2-50);border-radius:.75rem;box-shadow:0 4px 20px #0000004d;padding:2rem;transition:transform .2s ease,box-shadow .2s ease;width:100%}.join-form:hover{box-shadow:0 6px 24px #0006;transform:translateY(-2px)}.join-form h2{color:#fff;color:var(--idi-shade7-100);font-size:1.5rem;font-weight:600;margin-top:0}.form-group,.join-form h2{margin-bottom:1.5rem}.form-group label{color:#c2c3c4;color:var(--idi-shade5-100);display:block;font-size:.875rem;margin-bottom:.5rem}.form-group input{background-color:#35373b80;background-color:var(--idi-shade2-50);border:none;border-radius:.375rem;color:#fff;color:var(--idi-shade7-100);font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border:1px solid #c2c3c480;border:1px solid var(--idi-shade5-50);outline:none}.join-button,.leave-button,.settings-button{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;min-width:44px;overflow:hidden;padding:.75rem 1.5rem;position:relative;touch-action:manipulation;transition:all .2s ease;-webkit-user-select:none;user-select:none}.join-button:active,.leave-button:active,.settings-button:active{transform:scale(.97)}.join-button:before,.leave-button:before,.settings-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.join-button:active:before,.leave-button:active:before,.settings-button:active:before{height:200px;width:200px}.join-button{background-color:#0f7b8c;background-color:var(--idi-green-s1);color:#fff;color:var(--white);width:100%}.join-button:hover{background-color:#056473;background-color:var(--idi-green-s2)}.join-button:disabled{background-color:#2caec340;background-color:var(--idi-green-a25);color:#ffffff80;cursor:not-allowed}.settings-button{background-color:#35373bd9;background-color:var(--idi-shade2-85);color:#c2c3c4;color:var(--idi-shade5-100)}.settings-button:hover{background-color:#35373b;background-color:var(--idi-shade2-100)}.leave-button{align-items:center;background-color:#7e0909cc;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.leave-button:hover{background-color:#7e0909}.leave-button svg{stroke:currentColor;flex-shrink:0;height:16px;width:16px}.error-message,.info-message,.loading-message{border-radius:.375rem;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem}.loading-message{background-color:#35373b80;background-color:var(--idi-shade2-50);color:#c2c3c4;color:var(--idi-shade5-100)}.error-message{background-color:#7e09094d;border:1px solid #fa53534d;box-shadow:0 2px 8px #7e090933;color:#fa5353}.info-message{background-color:#35373b80;background-color:var(--idi-shade2-50);color:#c2c3c4;color:var(--idi-shade5-100)}.streaming-container{align-items:center;background-color:#0d131e;display:flex;height:100%;height:100vh;height:100dvh;height:-webkit-fill-available;justify-content:center;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative;width:100%}.pwa-layout .pwa-layout-content>.streaming-container,.pwa-layout-content>.streaming-container{flex:1 1!important;height:auto!important;max-height:100%!important;min-height:0!important;padding:0!important}.agora-streaming-container{align-items:center;border:none!important;border-radius:0!important;bottom:0;display:flex;height:100%!important;justify-content:center;left:0;overflow:hidden;position:absolute!important;right:0;top:0;width:100%!important}.pwa-layout .pwa-layout-content .agora-streaming-container,.pwa-layout-content .agora-streaming-container{bottom:auto!important;flex:1 1!important;height:auto!important;left:auto!important;max-height:100%!important;min-height:0!important;position:relative!important;right:auto!important;top:auto!important}.overlay-widgets{height:100%;left:0;pointer-events:none;position:absolute!important;top:0;width:100%;z-index:20}.cam_controls,.drone-map,.telemetry-viewer{pointer-events:auto;position:absolute;z-index:30}.telemetry-viewer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0e12bf;left:20px;top:20px}.drone-map{bottom:20px}.cam_controls,.drone-map{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0e12bf;right:20px}.cam_controls{top:20px}.controls-container{position:absolute;right:20px;top:20px;z-index:5}.settings-panel{background-color:#0b0e12d9;background-color:var(--idi-shade0-85);border:1px solid #35373b80;border:1px solid var(--idi-shade2-50);border-radius:.75rem;position:absolute;right:1rem;top:1rem;width:300px;z-index:10}.settings-header{align-items:center;border-bottom:1px solid #35373b80;border-bottom:1px solid var(--idi-shade2-50);display:flex;justify-content:space-between;padding:1rem}.settings-header h3{color:#fff;color:var(--idi-shade7-100);font-size:1rem;font-weight:600;margin:0}.close-button{background:none;border:none;color:#c2c3c4;color:var(--idi-shade5-100);cursor:pointer;font-size:1.5rem}.settings-content{padding:1rem}.settings-group{margin-bottom:1.5rem}.settings-group h4{color:#c2c3c4;color:var(--idi-shade5-100);font-size:.875rem;font-weight:600;margin-bottom:.75rem;margin-top:0}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-group label,.radio-group label{align-items:center;color:#e4e4e4;color:var(--idi-shade6-100);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.settings-info{color:#95989c;color:var(--idi-shade4-100);font-size:.75rem;margin-top:1rem}.join-button svg,.leave-button svg,.settings-button svg{height:1rem;width:1rem}@media screen and (max-width:1024px){.analog-stick,.cam_controls,.camera_actions,.camera_joystick,.combined-widget,.directional_controls,.drone-map,.drone-map-container,.gimbal_control,.joystick,.joystick-container,.joystick-toggle,.map_widget,.navigation-section,.overlay-widgets,.settings-button,.settings-panel,.telemetry-pane,.telemetry-section,.telemetry-viewer,.telemetry-widgets-container,.telemetry_widget,.widgets-toggle-button,.widgets-toggle-icon{display:none!important}.streaming-page{bottom:0;display:flex;flex-direction:column;height:100vh;height:100dvh;height:-webkit-fill-available;left:0;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;right:0;top:0;width:100vw}.main-content{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 60px);height:calc(100vh - var(--header-height));height:calc(100dvh - 60px);height:calc(100dvh - var(--header-height));height:calc(100vh - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100vh - var(--header-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100dvh - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100dvh - var(--header-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(-webkit-fill-available - 60px);height:calc(-webkit-fill-available - var(--header-height));min-height:0;overflow:hidden;padding:0!important;position:relative}.streaming-container{align-items:center;background:#0d131e;bottom:env(safe-area-inset-bottom);display:flex;height:calc(100vh - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100vh - var(--header-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100dvh - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100dvh - var(--header-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(-webkit-fill-available - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(-webkit-fill-available - var(--header-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:center;left:env(safe-area-inset-left);padding:0;position:fixed;right:env(safe-area-inset-right);top:calc(60px + env(safe-area-inset-top));top:calc(var(--header-height) + env(safe-area-inset-top));width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));z-index:100}.streaming-container .agora-streaming-container{align-items:center!important;bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;justify-content:center!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;right:0!important;top:0!important;width:100%!important}.streaming-container .agora-streaming-container .main-video-player{margin:auto!important}.streaming-container .agora-streaming-container .main-video-container{align-items:center!important;display:flex!important;flex:1 1!important;height:100%!important;justify-content:center!important;min-height:0!important;position:relative!important;width:100%!important}@media (display-mode:standalone){.streaming-page.pwa-mode{height:100vh;height:100dvh;height:-webkit-fill-available}.pwa-mode .streaming-container{bottom:auto!important;left:auto!important;right:auto!important;top:auto!important}.pwa-mode .agora-streaming-container,.pwa-mode .streaming-container{position:relative!important}.pwa-mode .agora-streaming-container,.pwa-mode .main-video-container,.pwa-mode .streaming-container{align-items:center!important;display:flex!important;height:100%!important;justify-content:center!important;width:100%!important}}.pwa-layout .pwa-layout-content .agora-streaming-container,.pwa-layout .pwa-layout-content .streaming-container,.pwa-layout-content .agora-streaming-container,.pwa-layout-content .streaming-container{align-items:center!important;bottom:auto!important;display:flex!important;flex:1 1!important;height:auto!important;justify-content:center!important;left:auto!important;margin:0!important;max-height:100%!important;min-height:0!important;padding:0!important;position:relative!important;right:auto!important;top:auto!important;width:100%!important}.pwa-layout .pwa-layout-content .agora-streaming-container,.pwa-layout-content .agora-streaming-container{flex-direction:column!important}.pwa-layout .pwa-layout-content .main-video-container,.pwa-layout-content .main-video-container{align-items:center!important;display:flex!important;flex:1 1!important;height:auto!important;justify-content:center!important;margin:0!important;max-height:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important;position:relative!important;width:100%!important}.pwa-layout .pwa-layout-content .agora-streaming-container,.pwa-layout-content .agora-streaming-container{overflow:hidden!important}.pwa-layout .pwa-layout-content .main-video-player,.pwa-layout-content .main-video-player{align-self:center!important}.pwa-layout .pwa-layout-content .main-video-player canvas,.pwa-layout .pwa-layout-content .main-video-player video,.pwa-layout-content .main-video-player canvas,.pwa-layout-content .main-video-player video{display:block!important;height:auto!important;margin:auto!important;max-height:100%!important;max-width:100%!important;object-fit:contain!important;position:relative!important;width:auto!important}.pwa-layout .pwa-layout-content .main-video-player,.pwa-layout-content .main-video-player{display:block!important;object-fit:contain!important}.pwa-layout .pwa-layout-content .main-video-container .main-video-player,.pwa-layout .pwa-layout-content .main-video-player,.pwa-layout-content .main-video-container .main-video-player,.pwa-layout-content .main-video-player{height:auto!important;left:auto!important;margin:auto!important;max-height:100%!important;max-width:100%!important;position:relative!important;top:auto!important;transform:none!important;-webkit-transform:none!important;width:auto!important}@media screen and (max-width:768px){.pwa-layout .pwa-layout-content .streaming-container,.pwa-layout-content .streaming-container{width:100%!important}.pwa-layout .pwa-layout-content .agora-streaming-container,.pwa-layout .pwa-layout-content .streaming-container,.pwa-layout-content .agora-streaming-container,.pwa-layout-content .streaming-container{bottom:auto!important;flex:1 1!important;height:auto!important;left:auto!important;max-height:100%!important;min-height:0!important;position:relative!important;right:auto!important;top:auto!important}}.pwa-layout .streaming-container{bottom:auto!important;flex:1 1!important;height:auto!important;left:auto!important;max-height:100%!important;min-height:0!important;position:relative!important;right:auto!important;top:auto!important;width:100%!important}@media screen and (max-width:768px){.pwa-layout .streaming-container{bottom:auto!important;flex:1 1!important;height:auto!important;left:auto!important;max-height:100%!important;min-height:0!important;position:relative!important;right:auto!important;top:auto!important;width:100%!important}}@media screen and (max-width:1024px){.pwa-layout .streaming-container{bottom:auto!important;height:100%!important;left:auto!important;position:relative!important;right:auto!important;top:auto!important;width:100%!important}}@supports (-webkit-touch-callout:none){.streaming-container{height:calc(-webkit-fill-available - 60px - env(
            safe-area-inset-top
          ) - env(safe-area-inset-bottom));height:calc(-webkit-fill-available - var(--header-height) - env(
            safe-area-inset-top
          ) - env(safe-area-inset-bottom))}.agora-streaming-container{height:100%!important}}.app-header{border-bottom:1px solid #ffffff1a;height:60px;height:calc(60px + env(safe-area-inset-top));min-height:60px;padding:env(safe-area-inset-top) 1rem .5rem}.app-header h1{font-size:1.125rem}}@media screen and (max-width:1024px) and (orientation:portrait){.streaming-container{height:calc(100vh - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100vh - var(--header-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100dvh - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100dvh - var(--header-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(-webkit-fill-available - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(-webkit-fill-available - var(--header-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.agora-streaming-container{height:100%!important}.main-content{height:calc(100vh - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100vh - var(--header-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100dvh - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100dvh - var(--header-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(-webkit-fill-available - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(-webkit-fill-available - var(--header-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media screen and (max-width:1024px) and (orientation:landscape){.agora-streaming-container,.streaming-container{height:100vh!important;height:100dvh!important;height:-webkit-fill-available!important;margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);width:100vw!important}.app-header,.mobile-map-view:not(.visible),.mobile-only,.mobile-telemetry-view:not(.visible){display:none!important}.main-content{bottom:0!important;height:100vh!important;height:100dvh!important;left:0!important;padding:0;position:fixed!important;right:0!important;top:0!important;touch-action:pan-y pinch-zoom;width:100vw!important;z-index:1}.mobile-map-view,.mobile-telemetry-view,.streaming-container{pointer-events:auto;touch-action:pan-y pinch-zoom}.video-container{height:100vh!important;margin:0;padding:0;width:100vw!important}@supports (padding:env(safe-area-inset-left)){.agora-streaming-container,.streaming-container,.video-container{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right))!important}}}@media screen and (max-width:768px){.app-header{gap:1rem;padding:.75rem 1rem}.header-title h1{font-size:1.125rem}.header-title svg{height:24px;width:24px}.header-actions{gap:.75rem}.countdown-timer{font-size:.75rem;padding:.375rem .625rem}.countdown-timer svg{height:14px;width:14px}.leave-button{font-size:.875rem;min-width:auto;padding:.625rem 1rem}.leave-button svg{height:14px;width:14px}}@media screen and (max-width:480px){.app-header{height:auto;min-height:48px;padding:.5rem .75rem}.header-title h1{font-size:1rem;max-width:120px}.header-title svg{height:20px;width:20px}.header-actions{gap:.5rem}.countdown-timer{font-size:.75rem;padding:.25rem .5rem}.countdown-timer svg{display:none}.leave-button{font-size:.75rem;padding:.5rem .75rem}.leave-button span{display:none}.leave-button svg{height:16px;margin:0;width:16px}}@supports (padding-top:env(safe-area-inset-top)){.app-header{padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right));padding-top:max(1rem,env(safe-area-inset-top))}@media screen and (max-width:768px){.app-header{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-top:max(.75rem,env(safe-area-inset-top))}}@media screen and (max-width:480px){.app-header{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right));padding-top:max(.5rem,env(safe-area-inset-top))}}}.telemetry-widgets-container{display:flex;flex-direction:column;gap:8px;left:16px;pointer-events:auto;position:fixed;top:80px;width:320px;z-index:100}@media screen and (min-width:769px) and (max-width:1366px) and (orientation:portrait){body:not(:has(.mobile-map-view.visible)):not(:has(.mobile-telemetry-view.visible)) .telemetry-widgets-container{display:none!important}.telemetry-widgets-container{top:calc(140px + env(safe-area-inset-top))!important;z-index:100!important}}@media screen and (min-width:1367px){.telemetry-widgets-container{top:140px!important;z-index:100!important}}.telemetry-widgets-container .telemetry-widget{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b0e12bf;border-radius:12px;box-shadow:0 4px 12px #0003}.combined-widget .combined-sections{display:flex;flex-direction:column;gap:3px}.combined-widget .widget-section{display:flex;flex-direction:column;gap:12px}.combined-widget .divider{background-color:#ffffff0d;height:1px;margin:6px 0}.combined-widget .widget-header{border-bottom:1px solid #fff3;margin-bottom:8px;padding-bottom:8px}.data-row{display:flex;gap:10px;justify-content:space-between;margin-bottom:8px;width:100%}.data-row .data-block{flex:1 1;max-width:none;min-width:0}.telemetry-section{margin-top:16px}.navigation-section .coordinates-grid{max-height:none;overflow:visible;width:100%}.coordinates-row{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:2px;padding:4px 0 5px;width:100%}.coord-label{color:#c2c3c4cc;flex:1 1;font-weight:400}.coord-label,.coord-value{font-size:11px;letter-spacing:.03em}.coord-value{color:#fff;font-weight:600;min-width:100px;text-align:right}.widget-body.coordinates{align-items:flex-start;display:flex;gap:16px;width:100%}.telemetry-section.navigation-section{width:100%}.combined-widget .widget-section{padding-bottom:8px}.widget-section.collapsed{margin-bottom:0}.widget-section.collapsed .widget-header{border-bottom:none;margin-bottom:0}.widget-section.collapsed .widget-body{display:none}.widget-body{overflow:hidden;transition:max-height .3s ease,opacity .2s ease}.drone-map-container{bottom:16px;height:320px;pointer-events:auto;position:fixed;right:16px;width:320px;z-index:1001}.drone-map-container .camera-pip-view{z-index:1002!important}@media screen and (min-width:768px) and (max-width:1024px){.drone-map-container{z-index:1001!important}.drone-map-container .camera-pip-view{z-index:1002!important}.mobile-map-view.visible~.drone-map-container{z-index:1001!important}}.drone-map-container .drone-map{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b0e12bf;border-radius:12px;box-shadow:0 4px 12px #0003;height:100%;width:100%}.drone-map-container .agora-video-player,.drone-map-container [class*=agora],.drone-map-container video{border-radius:0 0 12px 12px;height:100%!important;object-fit:cover;width:100%!important}.drone-map-container video::-webkit-media-controls-picture-in-picture-button{display:none!important}.drone-map-container video::-webkit-media-controls-panel{justify-content:flex-end!important}.drone-map-container video::-moz-media-controls-picture-in-picture-button{display:none!important}.drone-map-container video{appearance:none;-webkit-appearance:none}.drone-map-container>div:not(.camera-pip-view){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b0e12bf;border-radius:12px;box-shadow:0 4px 12px #0003}.widgets-toggle-button{align-items:center;background-color:#35373bd9;background-color:var(--idi-shade2-85);border:none;border-radius:.375rem;color:#c2c3c4;color:var(--idi-shade5-100);cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.widgets-toggle-button:hover{background-color:#35373b;background-color:var(--idi-shade2-100)}.widgets-toggle-button svg{height:1rem;width:1rem}.widgets-toggle-icon.bottom-left{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#0000004d;border:none;border-radius:50%;bottom:40px;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;left:15px;min-height:48px;min-width:48px;position:absolute;touch-action:manipulation;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:48px;z-index:100}.widgets-toggle-icon.bottom-left:hover{background-color:#00000080}.widgets-toggle-icon.bottom-left:active{background-color:#000000b3;transform:scale(.9)}.pin-modal-overlay{align-items:center!important;background:#000000b3!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important}.pin-modal-overlay,.pin-modal-portal{z-index:99999!important}.pin-modal{background:#0b0e12d9;background:var(--idi-shade0-85,#222);border-radius:12px;box-shadow:0 8px 32px #00000040;max-width:350px;outline:none;padding:2rem 2.5rem;position:relative;width:100%;z-index:100000!important}#pin-input{-webkit-text-security:disc}.pin-error-message{background-color:#7e09094d;border:1px solid #fa53534d;border-radius:.375rem;box-shadow:0 2px 8px #7e090933;color:#fa5353;display:block;font-size:.875rem;margin-bottom:0;margin-top:.5rem;padding:.75rem;position:relative}.countdown-timer{align-items:center;border:1px solid #0000;border-radius:.375rem;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem .75rem;transition:all .3s ease;white-space:nowrap}.countdown-timer.normal{background:#049d2f26;border-color:#049d2f4d;color:#076d1d;color:var(--idi-green,#049d2f)}.countdown-timer.warning{animation:pulse-warning 2s ease-in-out infinite;background:#ffa50026;border-color:#ffa5004d;color:orange}.countdown-timer.critical{animation:pulse-critical 1s ease-in-out infinite;background:#ff3b3033;border-color:#ff3b3066;color:#ff3b30}@keyframes pulse-warning{0%,to{box-shadow:0 0 0 0 #ffa50066}50%{box-shadow:0 0 0 4px #ffa50000}}@keyframes pulse-critical{0%,to{box-shadow:0 0 0 0 #ff3b3099}50%{box-shadow:0 0 0 6px #ff3b3000}}.countdown-timer svg{stroke:currentColor;height:16px;width:16px}.expiry-warning-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100001}.expiry-warning-popup{animation:slideUp .3s ease;background:#0b0e12d9;background:var(--idi-shade0-85,#1a1a1a);border:2px solid #ff3b30;border-radius:12px;box-shadow:0 8px 32px #0006,0 0 20px #ff3b304d;max-width:400px;padding:2rem;text-align:center;width:calc(100% - 40px)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.expiry-warning-popup .warning-icon{margin-bottom:1rem}.expiry-warning-popup .warning-icon svg{color:#ff3b30;filter:drop-shadow(0 0 10px rgba(255,59,48,.5))}.expiry-warning-popup h3{color:#ff3b30;font-size:1.5rem;font-weight:700;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.expiry-warning-popup p{color:#fff;color:var(--idi-shade7-100);font-size:1rem;line-height:1.5;margin:0 0 1.5rem}.warning-close-button{background:#ff3b30;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:.75rem 2rem;text-transform:uppercase;transition:all .2s ease}.warning-close-button:hover{background:#ff5a4d;transform:scale(1.05)}.warning-close-button:active{transform:scale(.95)}@media screen and (max-width:1024px){.analog-stick,.cam_controls,.camera_actions,.camera_joystick,.combined-widget,.directional_controls,.drone-map,.drone-map-container,.gimbal_control,.joystick,.joystick-container,.joystick-toggle,.map_widget,.navigation-section,.overlay-widgets,.settings-button,.settings-panel,.telemetry-pane,.telemetry-section,.telemetry-viewer,.telemetry-widgets-container,.telemetry_widget,.widgets-toggle-button,.widgets-toggle-icon{display:none!important}.main-content{height:calc(100vh - 60px);height:calc(100dvh - 60px);padding:0}.main-content,.streaming-container{align-items:center;display:flex;justify-content:center}.streaming-container{border:none;border-radius:0;height:100%;width:100vw;width:100%}.app-header{height:60px;padding:.5rem 1rem}.app-header h1{font-size:1.125rem}.video-controls{background:#000000bf;bottom:0;left:0;padding:12px;right:0}.video-controls button{padding:8px}}@media screen and (max-width:768px){.streaming-container{align-items:center!important;background:#0b0e12;background:var(--idi-shade0-100);bottom:calc(200px + env(safe-area-inset-bottom))!important;bottom:calc(var(--mobile-total-bottom) + env(safe-area-inset-bottom))!important;display:flex!important;height:calc(100vh - 330px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:calc(100vh - var(--mobile-total-top) - var(--mobile-total-bottom) - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:calc(100dvh - 330px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:calc(100dvh - var(--mobile-total-top) - var(--mobile-total-bottom) - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:calc(-webkit-fill-available - calc(60px + 70px) - 200px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:calc(-webkit-fill-available - var(--mobile-total-top) - var(
          --mobile-total-bottom
        ) - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;justify-content:center!important;left:env(safe-area-inset-left)!important;padding:0!important;position:fixed!important;right:env(safe-area-inset-right)!important;top:calc(130px + env(safe-area-inset-top))!important;top:calc(var(--mobile-total-top) + env(safe-area-inset-top))!important;transition:opacity .3s ease;width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right))!important;z-index:100!important}.streaming-container .agora-streaming-container{bottom:0!important;flex-direction:column!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;right:0!important;top:0!important}.streaming-container .agora-streaming-container,.streaming-container .agora-streaming-container .main-video-container{align-items:center!important;display:flex!important;height:100%!important;justify-content:center!important;width:100%!important}.streaming-container .agora-streaming-container .main-video-container{flex:1 1!important;min-height:0!important;position:relative!important}.streaming-container .agora-streaming-container .main-video-player{align-self:center!important;margin:auto!important}.streaming-container .agora-streaming-container .main-video-player canvas,.streaming-container .agora-streaming-container .main-video-player video{display:block!important;margin:auto!important;max-height:100%!important;max-width:100%!important}.map-container{align-items:center;bottom:calc(200px + env(safe-area-inset-bottom))!important;bottom:calc(var(--mobile-total-bottom) + env(safe-area-inset-bottom))!important;display:flex;height:calc(100vh - 330px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:calc(100vh - var(--mobile-total-top) - var(--mobile-total-bottom) - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:calc(100dvh - 330px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:calc(100dvh - var(--mobile-total-top) - var(--mobile-total-bottom) - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:calc(-webkit-fill-available - calc(60px + 70px) - 200px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:calc(-webkit-fill-available - var(--mobile-total-top) - var(
          --mobile-total-bottom
        ) - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;justify-content:center;left:env(safe-area-inset-left)!important;position:fixed!important;right:env(safe-area-inset-right)!important;top:calc(130px + env(safe-area-inset-top))!important;top:calc(var(--mobile-total-top) + env(safe-area-inset-top))!important;transition:opacity .3s ease;z-index:1}.video-container{aspect-ratio:16/9;height:auto;margin:auto;max-height:100%;position:relative;width:100vw;width:100%}.video-container video{height:100%;object-fit:contain;width:100%}.streaming-container{background:var(--idi-shade0)}.map-container{background:var(--idi-shade1)}.map-container[style*="display: none"],.streaming-container[style*="display: none"]{opacity:0;pointer-events:none}.map-container[style*="display: block"],.streaming-container[style*="display: flex"]{opacity:1;pointer-events:auto}.telemetry-widgets-container{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000080;bottom:0;display:flex;height:80px;left:0;margin:0;padding:10px;position:fixed;right:0;z-index:200}.drone-map-container{height:calc(100vh - 190px)!important;left:0;position:fixed!important;top:110px;width:100vw!important}.drone-map{height:100%}}@media screen and (max-width:768px) and (orientation:portrait){.streaming-page:not(.pwa-mode){grid-gap:0!important;display:grid!important;gap:0!important;grid-template-columns:1fr!important;grid-template-rows:auto 1fr auto!important;height:100vh!important;height:100dvh!important;overflow:hidden!important}.streaming-page:not(.pwa-mode) .app-header{grid-row:1!important}.streaming-page:not(.pwa-mode) .main-content{display:flex!important;flex-direction:column!important;grid-row:2!important;height:100%!important;overflow:hidden!important;position:relative!important;width:100%!important}.streaming-page:not(.pwa-mode) .streaming-container{flex:1 1!important;height:auto!important;margin-top:70px!important;overflow:hidden!important;padding:0!important;z-index:1!important}.streaming-page:not(.pwa-mode) .streaming-container,.streaming-page:not(.pwa-mode) .streaming-container .agora-streaming-container{align-items:center!important;bottom:auto!important;display:flex!important;justify-content:center!important;left:auto!important;max-height:100%!important;min-height:0!important;position:relative!important;right:auto!important;top:auto!important;width:100%!important}.streaming-page:not(.pwa-mode) .streaming-container .agora-streaming-container{flex-direction:column!important;height:100%!important}.streaming-page:not(.pwa-mode) .streaming-container #agora_local,.streaming-page:not(.pwa-mode) .streaming-container .main-video-container{align-items:center!important;display:flex!important;height:100%!important;justify-content:center!important;width:100%!important}.streaming-page:not(.pwa-mode) .streaming-container .main-video-player,.streaming-page:not(.pwa-mode) .streaming-container video{height:100%!important;object-fit:contain!important;width:100%!important}.streaming-page:not(.pwa-mode) .mobile-only{display:block!important;grid-row:3!important;overflow:visible!important;position:relative!important;width:100%!important;z-index:1000!important}.streaming-page:not(.pwa-mode) .mobile-only .mobile-status-widget{border-radius:0!important;bottom:auto!important;left:auto!important;margin:0!important;position:relative!important;right:auto!important;width:100%!important}}.mobile-only{display:none;grid-row:3;z-index:1000}.mobile-map-view{-webkit-overflow-scrolling:touch;background:#0b0e12;background:var(--idi-shade0-100);bottom:env(safe-area-inset-bottom);display:none;height:calc(100vh - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom));left:env(safe-area-inset-left);position:fixed;right:env(safe-area-inset-right);top:calc(60px + env(safe-area-inset-top));touch-action:pan-y pinch-zoom;width:100%;z-index:1000!important}.mobile-map-view.visible{animation:fadeInView .25s ease-in-out;display:block!important}@media screen and (orientation:landscape) and (max-width:1365px){body:not(.pwa-mode):not(:has(.mobile-map-view.visible)):not(:has(.mobile-telemetry-view.visible)) .app-header{display:none!important}body:not(.pwa-mode):has(.mobile-map-view.visible) .app-header{display:none!important}body:not(.pwa-mode) .mobile-map-view.visible{bottom:calc(80px + env(safe-area-inset-bottom))!important;height:calc(100vh - 80px - env(safe-area-inset-bottom))!important;height:calc(100dvh - 80px - env(safe-area-inset-bottom))!important;top:0!important}body:not(.pwa-mode):not(:has(.mobile-map-view.visible)):not(:has(.mobile-telemetry-view.visible)) .streaming-container{bottom:0!important;height:100vh!important;height:100dvh!important;top:0!important}}.mobile-telemetry-view{-webkit-overflow-scrolling:touch;background:#0b0e12;background:var(--idi-shade0-100);bottom:env(safe-area-inset-bottom);display:none!important;height:calc(100vh - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom));left:env(safe-area-inset-left);position:fixed;right:env(safe-area-inset-right);top:calc(120px + env(safe-area-inset-top));touch-action:pan-y pinch-zoom;width:100%;z-index:1000!important}.mobile-telemetry-view.visible{animation:fadeInView .25s ease-in-out;display:flex!important;flex-direction:column}.telemetry-fullscreen-content{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:0;width:100%}@media screen and (orientation:landscape) and (max-width:768px){.mobile-telemetry-view{bottom:0!important;height:100vh!important;left:0!important;right:0!important;top:0!important;width:100vw!important;z-index:10!important}.mobile-telemetry-view .streaming-container{display:none!important}}@media screen and (orientation:landscape) and (min-width:769px) and (max-width:1365px){.mobile-telemetry-view{bottom:calc(80px + env(safe-area-inset-bottom))!important;height:calc(100vh - 80px - env(safe-area-inset-bottom))!important;left:0!important;padding-bottom:0!important;right:0!important;top:0!important;width:100vw!important;z-index:10!important}}.telemetry-page-header-fullscreen{align-items:center;background:#0b0e12f2;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px;z-index:10}.telemetry-page-header-fullscreen h2{color:#fff;font-size:22px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.telemetry-close-button-fullscreen{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#ffffffe6;cursor:pointer;display:flex;height:44px;justify-content:center;touch-action:manipulation;transition:all .2s ease;width:44px}.telemetry-close-button-fullscreen:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.1)}.telemetry-close-button-fullscreen:active{background:#fff3;transform:scale(.95)}.telemetry-close-button-fullscreen svg{height:20px;width:20px}.telemetry-fullscreen-content .mobile-status-widget,.telemetry-fullscreen-content .mobile-status-widget-fullscreen{animation:slideUpContent .4s ease-out;display:flex;flex:1 1;flex-direction:column;margin:0;max-width:100%;padding:0;position:relative;width:100%}@keyframes fadeInView{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.streaming-container{transition:opacity .25s ease-in-out,transform .25s ease-in-out}.streaming-container[style*="display: none"]{opacity:0;pointer-events:none}.streaming-container[style*="display: flex"]{animation:fadeInView .25s ease-in-out}.map-container{align-items:center;bottom:calc(200px + env(safe-area-inset-bottom));bottom:calc(var(--mobile-total-bottom) + env(safe-area-inset-bottom));display:flex;height:calc(100vh - 330px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100vh - var(--mobile-total-top) - var(--mobile-total-bottom) - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:center;left:env(safe-area-inset-left);position:fixed;right:env(safe-area-inset-right);top:calc(130px + env(safe-area-inset-top));top:calc(var(--mobile-total-top) + env(safe-area-inset-top));transition:opacity .3s ease;z-index:1}@media screen and (max-width:1024px){.mobile-only{display:block}.drone-map{border-radius:0;bottom:0;left:0;margin:0;position:absolute;right:0;top:0;width:100%!important}.drone-map,.drone-map__content{height:100%!important}@supports (padding:env(safe-area-inset-top)){.mobile-map-view{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}}.split-screen-view{background:#0b0e12;background:var(--idi-shade0-100,#0b0e12);bottom:0;display:block;height:calc(100vh - 60px);left:0;margin-top:0;overflow:hidden;padding-top:0;position:fixed;right:0;top:60px;width:100vw;z-index:5}.split-screen-view>*{height:100%;width:100%}.split-screen-left-panel{contain:layout size;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.split-screen-left-panel>.mobile-map{flex:1 1;height:100%!important;max-width:100%!important;min-height:0;width:100%!important}.split-screen-left-panel .split-screen-telemetry,.split-screen-left-panel .split-screen-telemetry>*{pointer-events:auto}.split-screen-telemetry{display:none!important}.split-screen-camera-wrapper{background:#0d131e;contain:layout size;height:100%!important;max-width:100%!important;overflow:hidden;position:relative;width:100%!important}.split-screen-camera-placeholder{align-items:center;background:#0d131e;display:flex;height:100%;justify-content:center;width:100%}.split-screen-camera-controls{pointer-events:auto;position:absolute;right:20px;top:20px;z-index:100}@media screen and (max-width:1024px){.split-screen-view{display:none!important}}@media screen and (max-width:1366px) and (orientation:portrait){.mobile-map-view{bottom:env(safe-area-inset-bottom);height:calc(100vh - 110px - env(safe-area-inset-top) - env(safe-area-inset-bottom));top:calc(110px + env(safe-area-inset-top))}.mobile-telemetry-view{bottom:env(safe-area-inset-bottom);height:calc(100vh - 130px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important;padding-top:20px!important;top:calc(130px + env(safe-area-inset-top))!important}.mobile-telemetry-view .mobile-status-widget-fullscreen{padding-left:16px!important;padding-right:16px!important;padding-top:20px!important}.mobile-telemetry-view .telemetry-fullscreen-row{margin-left:0!important;margin-right:0!important}}@media screen and (max-width:768px) and (orientation:portrait){.mobile-map-view{bottom:env(safe-area-inset-bottom);height:calc(100vh - 110px - env(safe-area-inset-top) - env(safe-area-inset-bottom));top:calc(110px + env(safe-area-inset-top))}.mobile-telemetry-view{bottom:env(safe-area-inset-bottom);height:calc(100vh - 130px - env(safe-area-inset-top) - env(safe-area-inset-bottom));top:calc(130px + env(safe-area-inset-top))!important}.mobile-telemetry-view,.mobile-telemetry-view .mobile-status-widget-fullscreen{padding-top:20px!important}.telemetry-widgets-container{top:calc(130px + env(safe-area-inset-top))!important}.mobile-telemetry-view{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}.mobile-telemetry-view .mobile-status-widget-fullscreen{padding-left:12px!important;padding-right:12px!important}@media screen and (orientation:landscape){.agora-streaming-container,.main-video-container,.mobile-map-view,.mobile-telemetry-view,.streaming-container,.video-container{bottom:0!important;height:100vh!important;height:100dvh!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.mobile-telemetry-view,.streaming-container:not(.telemetry-dashboard-stream){bottom:0!important;height:100vh!important;height:100dvh!important;left:0!important;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);right:0!important;top:0!important}.mobile-only{display:none!important}}.map-container{bottom:calc(200px + env(safe-area-inset-bottom))!important;bottom:calc(var(--mobile-total-bottom) + env(safe-area-inset-bottom))!important;height:calc(100vh - 330px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:calc(100vh - var(--mobile-total-top) - var(--mobile-total-bottom) - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:calc(100dvh - 330px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;height:calc(100dvh - var(--mobile-total-top) - var(--mobile-total-bottom) - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;left:env(safe-area-inset-left);position:fixed;right:env(safe-area-inset-right);top:calc(130px + env(safe-area-inset-top))!important;top:calc(var(--mobile-total-top) + env(safe-area-inset-top))!important}.pwa-layout .streaming-container{bottom:auto!important;height:100%!important;left:auto!important;margin:0!important;padding:0!important;position:relative!important;right:auto!important;top:auto!important;width:100%!important}.pwa-layout-content .main-content{height:100%!important;min-height:0!important}}.multiview-video .multiview-video-wrapper{bottom:0!important;height:100%!important;left:0!important;overflow:hidden!important;position:absolute!important;right:0!important;top:0!important;width:100%!important}.multiview-layout .joystick-widget,.multiview-layout .overlay-widgets .joystick-widget,.multiview-layout .widgets-toggle-icon:not(.clear-view-toggle),.multiview-layout~.streaming-container .joystick-widget,.multiview-layout~.streaming-container .widgets-toggle-icon:not(.clear-view-toggle){display:none!important}@media screen and (min-width:1025px){.joystick-widget,.overlay-widgets .joystick-widget{display:none!important}.streaming-container{height:calc(100vh - 60px)!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;top:60px!important;width:100vw!important;z-index:1001!important}.agora-streaming-container,.streaming-container{bottom:0!important;left:0!important;right:0!important}.agora-streaming-container{align-items:center!important;display:flex!important;height:100%!important;justify-content:center!important;position:absolute!important;top:0!important;width:100%!important}.mobile-map-view.visible~.streaming-container,.mobile-telemetry-view.visible~.streaming-container{display:none!important;z-index:0!important}body:has(.multiview-layout) .streaming-container{display:none!important}.mobile-map-view,.mobile-telemetry-view{bottom:0!important;height:calc(100vh - 60px)!important;left:0!important;overflow:hidden!important;padding-top:0!important;position:fixed!important;right:0!important;top:60px!important;width:100vw!important;z-index:5!important}.mobile-telemetry-view .mobile-status-widget-fullscreen{grid-gap:24px!important;display:grid!important;gap:24px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;max-height:100%!important;padding:24px!important}.mobile-telemetry-view .telemetry-fullscreen-row{height:100%!important;max-height:100%!important;padding:16px!important}.mobile-telemetry-view .row-header{font-size:13px!important;padding:12px 14px!important}.mobile-telemetry-view .row-header svg{height:16px!important;width:16px!important}.mobile-telemetry-view .data-label{font-size:11px!important}.mobile-telemetry-view .data-value{font-size:16px!important}.mobile-telemetry-view .mode-badge,.mobile-telemetry-view .status-badge{font-size:13px!important;padding:5px 8px!important}.mobile-telemetry-view .coordinate-value{font-size:14px!important}.mobile-telemetry-view .altitude-value-large{font-size:15px!important}.mobile-map-view .mobile-map{bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important;position:relative!important;right:0!important;width:100%!important}body:not(:has(.mobile-map-view.visible)):not(:has(.mobile-telemetry-view.visible)):not(:has(.multiview-layout)) .streaming-container{padding-bottom:0!important}}.multiview-layout .camera-controls,.multiview-layout~.streaming-container .camera-controls{display:block!important;position:absolute!important;right:10px!important;top:10px!important;z-index:100!important}.multiview-layout .clear-view-toggle,.multiview-layout~.streaming-container .clear-view-toggle{display:none!important}body.widgets-hidden .mobile-view-toggle{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;box-shadow:none!important;transition:all .3s ease!important}body.widgets-hidden .mobile-view-toggle .toggle-button{background:#0000!important;border-color:#95989c4d!important;transition:all .3s ease!important}body.widgets-hidden .mobile-view-toggle .toggle-button.active{background:#0f7b8c4d!important;border-color:#0f7b8c80!important}body.widgets-hidden .mobile-view-toggle .toggle-button:hover{background:#0003!important}body.widgets-hidden .mobile-view-toggle .toggle-button.active:hover{background:#0f7b8c66!important}body:not(.widgets-hidden) .mobile-view-toggle{transition:all .3s ease!important}.mobile-status-widget-fullscreen{-webkit-overflow-scrolling:touch;background:var(--idi-shade0-100);color:#fff;display:flex;flex-direction:column;gap:20px;height:100%;overflow-y:auto;padding:20px 20px calc(20px + env(safe-area-inset-bottom));width:100%}@media screen and (orientation:landscape) and (min-width:769px) and (max-width:1024px){.mobile-status-widget-fullscreen{grid-gap:20px!important;align-items:stretch!important;bottom:0!important;display:grid!important;gap:20px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;height:100vh!important;left:0!important;padding:calc(20px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(100px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left))!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:10!important}.telemetry-fullscreen-row{display:flex!important;flex-direction:column!important;height:100%!important;justify-content:center!important}}@media screen and (orientation:landscape) and (max-width:768px){.mobile-status-widget-fullscreen{grid-gap:16px!important;align-items:stretch!important;bottom:0!important;display:grid!important;gap:16px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;height:100vh!important;left:0!important;padding:calc(20px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(120px + env(safe-area-inset-left))!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:10!important}.telemetry-fullscreen-row{display:flex!important;flex-direction:column!important;height:100%!important;justify-content:center!important}}.telemetry-fullscreen-row{background:#ffffff14;border:1px solid #0f7b8c;border:1px solid var(--idi-green-s1,#0f7b8c);border-radius:12px;box-shadow:0 4px 16px #0000004d,inset 0 0 0 1px #0f7b8c33;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .2s ease}.telemetry-fullscreen-row:hover{background:#ffffff1a;border-color:#0f7b8c;border-color:var(--idi-green-s1,#0f7b8c);box-shadow:0 6px 20px #0006,inset 0 0 0 1px #0f7b8c4d;transform:translateY(-2px)}.row-header{align-items:center;border-bottom:2px solid #0f7b8c4d;color:#0f7b8c;color:var(--idi-green-s1,#0f7b8c);display:flex;font-size:18px;font-weight:700;gap:12px;letter-spacing:1px;padding-bottom:12px;text-transform:uppercase}.row-header svg{height:24px;opacity:.9;width:24px}.copy-coords-button-fullscreen{align-items:center;background:#0f7b8c26;border:1px solid #0f7b8c4d;border-radius:6px;color:#0f7b8c;color:var(--idi-green-s1,#0f7b8c);cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:6px 10px;transition:all .2s ease}.copy-coords-button-fullscreen:hover{background:#0f7b8c40;border-color:#0f7b8c80;transform:scale(1.05)}.copy-coords-button-fullscreen.copied{background:#0f7b8c;background:var(--idi-green-s1,#0f7b8c);border-color:#0f7b8c;border-color:var(--idi-green-s1,#0f7b8c);color:#fff}.row-content-horizontal{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.data-item{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.data-label{color:#ffffffb3;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.data-value{color:#fffffff2;font-size:20px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-value-with-icon{align-items:center;display:flex;gap:12px}.coordinate-value{font-family:Courier New,monospace;font-size:18px;letter-spacing:-.5px}.altitude-value-large{color:#0f7b8c;color:var(--idi-green-s1,#0f7b8c);font-size:24px;font-weight:700;text-shadow:0 0 8px #0f7b8c66}.mode-badge,.status-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #fff3;border-radius:6px;box-shadow:0 2px 8px #0003,inset 0 0 0 1px #ffffff0d;display:inline-block;font-size:16px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-align:center;text-transform:uppercase;transition:all .2s ease}.status-badge.flying{animation:pulseGreen 2s infinite;background:#049d2f26;border-color:#049d2f4d;box-shadow:0 2px 10px #049d2f4d,inset 0 0 0 1px #049d2f1a;color:#049d2f;color:var(--idi-green,#049d2f)}.mobile-status-widget{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0b0e12f2;border:1px solid #95989c4d;border-radius:16px;bottom:max(10px,env(safe-area-inset-bottom));box-shadow:0 -8px 32px #0006,inset 0 0 0 1px #ffffff0d;color:#fff;display:flex;flex-direction:column;gap:10px;left:max(10px,env(safe-area-inset-left));margin-bottom:env(safe-area-inset-bottom);padding:12px;position:fixed;right:max(10px,env(safe-area-inset-right));transition:all .3s ease;z-index:1000}.telemetry-row{display:flex;gap:10px;width:100%}.telemetry-row.row-1,.telemetry-row.row-2{flex:1 1}.mobile-status-widget:hover{border-color:#95989c66;box-shadow:0 -8px 40px #00000080,inset 0 0 0 1px #ffffff14}.telemetry-group{background:#ffffff14;border:1px solid #0f7b8c;border:1px solid var(--idi-green-s1,#0f7b8c);border-radius:10px;box-shadow:0 2px 8px #0003,inset 0 0 0 1px #0f7b8c33;flex:1 1;min-width:0;padding:8px;transition:all .2s ease}.telemetry-group:hover{background:#ffffff1a;border-color:#0f7b8c;border-color:var(--idi-green-s1,#0f7b8c);box-shadow:0 4px 12px #0000004d,inset 0 0 0 1px #0f7b8c4d;transform:translateY(-1px)}.group-header{align-items:center;border-bottom:1px solid #ffffff26;color:#fffc;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:8px;padding-bottom:6px;text-transform:uppercase;transition:color .2s ease}.group-header svg{flex-shrink:0;height:14px;opacity:.8;transition:opacity .2s ease,transform .2s ease;width:14px}.telemetry-group:hover .group-header svg{opacity:1;transform:scale(1.1)}.group-header span{flex:1 1}.group-content{display:flex;flex-direction:column;gap:6px}.power-group{flex:1 1;min-width:0}.power-group .group-content{gap:8px}.nav-group{flex:1 1;min-width:0}.nav-group .group-content{gap:6px}.flight-group{flex:1.5 1;min-width:0}.flight-group .group-content{gap:6px}.location-group{flex:1.3 1;min-width:0}.location-group .group-header{align-items:center;display:flex;gap:6px;justify-content:space-between}.location-group .group-content{gap:8px}.location-content{align-items:flex-start;display:flex!important;flex-direction:row!important;gap:10px}.location-coords{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;min-width:0}.location-altitude{align-items:center;border-left:1px solid #0f7b8c66;flex:0 0 auto;gap:4px;justify-content:center;padding-left:10px}.location-altitude,.location-item{display:flex;flex-direction:column}.location-item{gap:3px}.location-item .info-value{font-size:13px}.location-item .value-text.coordinate{font-family:Courier New,monospace;font-size:12px;font-weight:600;letter-spacing:-.3px}.altitude-value{color:#0f7b8c;color:var(--idi-green-s1,#0f7b8c);font-size:14px!important;font-weight:700;text-align:center;text-shadow:0 0 4px #0f7b8c4d}.location-altitude .info-label,.location-altitude .info-value{justify-content:center;text-align:center}.copy-coords-button{align-items:center;background:#0f7b8c26;border:1px solid #0f7b8c4d;border-radius:4px;color:#0f7b8c;color:var(--idi-green-s1,#0f7b8c);cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:4px 6px;transition:all .2s ease}.copy-coords-button:hover{background:#0f7b8c40;border-color:#0f7b8c80;transform:scale(1.05)}.copy-coords-button:active{transform:scale(.95)}.copy-coords-button.copied{background:#0f7b8c;background:var(--idi-green-s1,#0f7b8c);border-color:#0f7b8c;border-color:var(--idi-green-s1,#0f7b8c);color:#fff}.copy-coords-button svg{height:14px;opacity:.9;width:14px}.copy-coords-button.copied svg{opacity:1}.info-row{display:flex;gap:8px}.info-item{flex:1 1;min-width:0}.info-label{align-items:center;color:#ffffffbf;display:flex;font-size:10px;font-weight:500;gap:4px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase;transition:color .2s ease}.info-label svg{flex-shrink:0;height:12px;opacity:.7;transition:opacity .2s ease;width:12px}.info-item:hover .info-label{color:#ffffffe6}.info-item:hover .info-label svg{opacity:1}.info-value{align-items:center;color:#fffffff2;display:flex;font-size:13px;font-weight:600;gap:6px;transition:all .2s ease}.info-value .value-text{animation:fadeIn .2s ease;transition:all .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.info-item:hover .info-value{color:#fff;transform:translateX(2px)}.battery-info{flex:1 1}.battery-label{color:#ffffffb3;font-size:9px;font-weight:500;letter-spacing:.5px;margin-bottom:3px;text-transform:uppercase}.battery-container{align-items:center;display:flex;gap:6px}.battery-indicator{background:#ffffff26;border-radius:1.5px;flex:1 1;height:3px;overflow:hidden;position:relative}.battery-bar{background:#ffffff4d;border-radius:1.5px;height:100%;left:0;position:absolute;top:0;transition:all .3s ease}.battery-text{font-size:11px;font-weight:700;min-width:32px;text-align:right;transition:all .3s ease}.battery-text.battery-level-critical{color:#ff3b30;text-shadow:0 0 4px #ff3b3080}.battery-text.battery-level-warning{color:orange;text-shadow:0 0 4px #ffa50080}.battery-text.battery-level-good{color:#049d2f;color:var(--idi-green,#049d2f);text-shadow:0 0 4px #049d2f80}.battery-text.pulse-text{animation:pulseCriticalText 1s infinite}@keyframes pulseCriticalText{0%,to{color:#ff3b30;text-shadow:0 0 4px #ff3b3080}50%{color:#ff6b60;text-shadow:0 0 8px #ff3b30cc,0 0 12px #ff3b3066}}.gps-signal{align-items:flex-end;display:flex;gap:1px;height:12px}.signal-bar{background:#fff3;border-radius:1px;width:2px}.signal-bar:first-child{height:25%}.signal-bar:nth-child(2){height:50%}.signal-bar:nth-child(3){height:75%}.signal-bar:nth-child(4){height:100%}.signal-weak .signal-bar:first-child{background:#ff3b30}.signal-fair .signal-bar:first-child,.signal-fair .signal-bar:nth-child(2){background:orange}.signal-good .signal-bar:first-child,.signal-good .signal-bar:nth-child(2),.signal-good .signal-bar:nth-child(3),.signal-strong .signal-bar{background:#049d2f;background:var(--idi-green,#049d2f)}.flight-mode{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #fff3;border-radius:4px;box-shadow:0 2px 4px #0003,inset 0 0 0 1px #ffffff0d;color:#fff;display:flex;font-size:.77em;font-weight:600;justify-content:center;letter-spacing:.18px;min-height:16px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.flight-mode:hover{background:#ffffff29;border-color:#ffffff40;box-shadow:0 2px 6px #0000004d,inset 0 0 0 1px #ffffff14;transform:scale(1.05)}.status-text{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #fff3;border-radius:4px;box-shadow:0 2px 4px #0003,inset 0 0 0 1px #ffffff0d;color:#fffffff2;display:flex;font-size:.77em;font-weight:600;justify-content:center;letter-spacing:.18px;min-height:16px;padding:2px 6px;text-transform:uppercase;transition:all .2s ease}.status-text:hover{background:#ffffff29;border-color:#ffffff40;box-shadow:0 2px 6px #0000004d,inset 0 0 0 1px #ffffff14;transform:scale(1.05)}.status-text.flying{animation:pulseGreen 2s infinite;background:#049d2f26;border-color:#049d2f4d;box-shadow:0 2px 6px #049d2f40,inset 0 0 0 1px #049d2f1a;color:#049d2f;color:var(--idi-green,#049d2f)}@keyframes pulseGreen{0%,to{box-shadow:0 2px 6px #049d2f40,inset 0 0 0 1px #049d2f1a}50%{box-shadow:0 2px 10px #049d2f66,inset 0 0 0 1px #049d2f26}}.status-text.flying:hover{background:#049d2f33;border-color:#049d2f59;transform:scale(1.05)}.connection-status{align-items:center;display:flex;padding:8px}.status-indicator{background-color:#a22;background-color:var(--idi-red,#a22);border-radius:50%;height:8px;transition:all .3s ease;width:8px}.connection-status.connected .status-indicator{background-color:#049d2f;background-color:var(--idi-green,#049d2f);box-shadow:0 0 8px #049d2f;box-shadow:0 0 8px var(--idi-green,#049d2f)}@media screen and (max-width:768px){.mobile-status-widget-fullscreen{gap:16px;padding:15px 15px calc(15px + env(safe-area-inset-bottom))}.telemetry-fullscreen-row{gap:12px;padding:16px}.row-header{font-size:16px;gap:10px;padding-bottom:10px}.row-header svg{height:20px;width:20px}.row-content-horizontal{gap:16px}.data-label{font-size:11px}.data-value{font-size:18px}.coordinate-value{font-size:16px}.altitude-value-large{font-size:22px}.mode-badge,.status-badge{font-size:14px;padding:5px 10px}}@media screen and (max-width:480px){.mobile-status-widget-fullscreen{gap:14px;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.telemetry-fullscreen-row{gap:10px;padding:14px}.row-header{font-size:14px;gap:8px;padding-bottom:8px}.row-header svg{height:18px;width:18px}.row-content-horizontal{gap:14px}.data-label{font-size:10px}.data-value{font-size:16px}.coordinate-value{font-size:14px}.altitude-value-large{font-size:20px}.mode-badge,.status-badge{font-size:13px;padding:4px 8px}}@media screen and (max-width:768px){.mobile-status-widget{animation:slideUp .3s ease;border-radius:12px;bottom:max(8px,env(safe-area-inset-bottom));flex-direction:column;gap:8px;left:max(8px,env(safe-area-inset-left));padding:10px;right:max(8px,env(safe-area-inset-right))}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.telemetry-row{gap:8px}.telemetry-group{padding:6px}.nav-group,.power-group{flex:1 1;min-width:0}.flight-group{flex:1.4 1;min-width:0}.location-group{flex:1.2 1;min-width:0}.group-content{gap:4px}.info-row{gap:6px}.info-value{font-size:12px}.location-content{flex-direction:row!important;gap:8px}.location-coords{flex:1 1 auto;gap:5px}.location-altitude{flex:0 0 auto;padding-left:8px}.location-item .info-value{font-size:12px}.location-item .value-text.coordinate{font-size:11px}.altitude-value{font-size:13px!important}.copy-coords-button{padding:3px 5px}.copy-coords-button svg{height:13px;width:13px}.group-header{font-size:10px;margin-bottom:4px;padding-bottom:3px}.battery-text{font-size:10px;min-width:30px}.flight-mode,.status-text{font-size:.72em;letter-spacing:.09px;min-height:14px;padding:1px 4px}}@media screen and (max-width:480px){.mobile-status-widget{gap:6px;padding:8px}.telemetry-row{gap:6px}.telemetry-group{padding:5px}.group-header{font-size:9px;margin-bottom:3px;padding-bottom:2px}.info-label{font-size:8px}.info-value{font-size:11px}.location-content{flex-direction:row!important;gap:6px}.location-coords{flex:1 1 auto;gap:4px}.location-altitude{flex:0 0 auto;padding-left:6px}.location-item .info-value{font-size:11px}.location-item .value-text.coordinate{font-size:10px;letter-spacing:-.4px}.altitude-value{font-size:12px!important}.copy-coords-button{padding:3px 4px}.copy-coords-button svg{height:12px;width:12px}.battery-text{font-size:10px;min-width:28px}.battery-indicator{height:2px}.flight-mode,.status-text{font-size:.68em;letter-spacing:0;min-height:12px;padding:1px 3px}}@supports (padding:env(safe-area-inset-bottom)){.mobile-status-widget{bottom:max(10px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right))}}@media screen and (orientation:landscape) and (max-width:1024px){.mobile-status-widget{border-radius:10px;gap:6px;max-width:100%;padding:8px 10px}.telemetry-row{gap:6px}.telemetry-group{padding:5px 6px}.group-header{font-size:9px;margin-bottom:4px;padding-bottom:3px}.group-content{gap:4px}.info-label{font-size:8px;margin-bottom:2px}.info-value{font-size:11px}.location-content{flex-direction:row!important;gap:6px}.location-coords{flex:1 1 auto;gap:4px}.location-altitude{flex:0 0 auto;padding-left:6px}.location-item .info-value{font-size:11px}.location-item .value-text.coordinate{font-size:9px}.altitude-value{font-size:12px!important}.copy-coords-button{padding:2px 4px}.copy-coords-button svg{height:12px;width:12px}.battery-label{font-size:8px}.battery-text{font-size:10px;min-width:28px}.battery-indicator{height:2px}.nav-group,.power-group{flex:1 1}.flight-group{flex:1.3 1}.location-group{flex:1.2 1}.flight-mode,.status-text{font-size:.7em;min-height:13px;padding:1px 3px}}@media screen and (orientation:landscape) and (max-width:768px){.mobile-status-widget{gap:5px;padding:6px 8px}.telemetry-row{gap:5px}.telemetry-group{padding:4px 5px}.group-header{font-size:8px;margin-bottom:3px;padding-bottom:2px}.info-label{font-size:7px}.info-value{font-size:10px}.location-content{flex-direction:row!important;gap:5px}.location-coords{flex:1 1 auto;gap:3px}.location-altitude{flex:0 0 auto;padding-left:5px}.location-item .info-value{font-size:10px}.location-item .value-text.coordinate{font-size:8px}.altitude-value{font-size:11px!important}.copy-coords-button{padding:2px 3px}.copy-coords-button svg{height:11px;width:11px}.battery-text{font-size:9px;min-width:26px}}.mobile-view-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:none;flex-direction:row;gap:3px;height:auto;justify-content:center;left:50%;max-width:300px;padding:4px;pointer-events:auto;position:fixed;top:calc(70px + env(safe-area-inset-top));transform:translateX(-50%);width:auto;z-index:10000}.mobile-view-toggle>*{pointer-events:auto}.toggle-button{-webkit-tap-highlight-color:transparent;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0009;border:1px solid var(--idi-shade2);border-radius:6px;color:var(--idi-shade7-100);cursor:pointer;display:flex;flex:1 1;font-size:11px;font-weight:500;gap:3px;justify-content:center;min-height:22px;min-width:22px;overflow:hidden;padding:5px 8px;position:relative;touch-action:manipulation;transition:all .2s ease;-webkit-user-select:none;user-select:none}.toggle-button:active{background:#000c;transform:scale(.95)}.toggle-button:hover:not(:active){background:#000000bf}.toggle-button.active{background:#0f7b8c!important;background:var(--idi-green-s1,#0f7b8c)!important;border-color:#0f7b8c!important;border-color:var(--idi-green-s1,#0f7b8c)!important;box-shadow:0 2px 8px #0f7b8c80,inset 0 0 0 1px #0f7b8c4d!important;color:#fff!important}.toggle-button.active:active,.toggle-button.active:hover{background:#0d6a79!important;background:var(--idi-green-s2,#0d6a79)!important}.toggle-button.active:active{transform:scale(.95)}.toggle-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.toggle-button:active:before{height:200px;width:200px}.toggle-button svg{flex-shrink:0;height:12px;opacity:.7;transition:opacity .2s ease;width:12px}.toggle-button.active svg{opacity:1}.toggle-button:disabled{background:#0006!important;border-color:var(--idi-shade3)!important;color:var(--idi-shade5)!important;cursor:not-allowed;opacity:.4;pointer-events:auto}.toggle-button:disabled svg{opacity:.3}.toggle-button:disabled:hover{background:#0006!important;transform:none!important}.toggle-button:disabled:active{transform:none!important}.toggle-button:disabled:before{display:none}@media screen and (max-width:768px){.mobile-view-toggle{gap:5px;padding:6px}.toggle-button{font-size:10px;gap:3px;min-width:0;padding:6px 7px}.toggle-button svg{height:11px;width:11px}.toggle-button span{display:none}@media screen and (min-width:360px){.toggle-button span{display:inline}}}@media screen and (max-width:1366px) and (orientation:portrait){.mobile-view-toggle{display:flex!important;flex-direction:row!important;left:50%!important;max-width:600px!important;opacity:1!important;pointer-events:auto!important;top:calc(70px + env(safe-area-inset-top))!important;transform:translateX(-50%)!important;visibility:visible!important;width:calc(100% - 20px - env(safe-area-inset-left) - env(safe-area-inset-right))!important;z-index:10000!important}}@media screen and (min-width:769px) and (max-width:1366px) and (orientation:portrait){.mobile-view-toggle{display:flex!important;gap:8px!important;max-width:700px!important;padding:6px 8px!important}.toggle-button{font-size:11px!important;min-height:24px!important;min-width:24px!important;padding:7px 10px!important}.toggle-button svg{height:12px!important;width:12px!important}.toggle-button span{font-size:11px!important}}@media screen and (orientation:landscape) and (min-width:769px) and (max-width:1365px){.mobile-view-toggle{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:#000000d9!important;border-radius:12px!important;bottom:calc(env(safe-area-inset-bottom) + 20px)!important;box-shadow:0 4px 16px #00000080!important;display:flex!important;flex-direction:row!important;gap:8px!important;left:50%!important;max-width:none!important;opacity:1!important;padding:8px!important;pointer-events:auto!important;right:auto!important;top:auto!important;transform:translateX(-50%)!important;visibility:visible!important;width:auto!important;z-index:99999!important}.toggle-button{flex:0 0 auto!important;flex-direction:row!important;font-size:11px!important;gap:4px!important;justify-content:center!important;min-height:22px!important;min-width:22px!important;padding:5px 8px!important;width:auto!important;writing-mode:horizontal-tb!important}.toggle-button svg{flex-shrink:0!important;height:11px!important;width:11px!important}.toggle-button span{display:inline!important;font-size:11px!important;white-space:nowrap!important}}@media screen and (orientation:landscape) and (max-width:768px){.mobile-view-toggle{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#000000b3!important;border-radius:10px!important;display:flex!important;flex-direction:column!important;gap:6px!important;left:calc(env(safe-area-inset-left) + 10px)!important;max-width:none!important;opacity:1!important;padding:6px!important;pointer-events:auto!important;top:50%!important;transform:translateY(-50%)!important;visibility:visible!important;width:auto!important;z-index:99999!important}.toggle-button{flex:0 0 auto!important;flex-direction:row!important;font-size:9px!important;gap:3px!important;justify-content:flex-start!important;min-height:20px!important;min-width:20px!important;padding:4px 5px!important;width:auto!important;writing-mode:horizontal-tb!important}.toggle-button svg{flex-shrink:0!important;height:10px!important;width:10px!important}.toggle-button span{display:inline!important;font-size:9px!important;white-space:nowrap!important}}@media screen and (min-width:1366px){.mobile-view-toggle{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:#000000e6!important;border-radius:8px!important;bottom:30px!important;box-shadow:0 4px 20px #0009!important;display:flex!important;flex-direction:row!important;gap:6px!important;left:50%!important;max-width:none!important;opacity:1!important;padding:6px 8px!important;pointer-events:auto!important;position:fixed!important;right:auto!important;top:auto!important;transform:translateX(-50%)!important;visibility:visible!important;width:auto!important;z-index:99999!important}.mobile-view-toggle .toggle-button{flex-direction:column!important;gap:4px!important;min-height:38px!important;min-width:43px!important;padding:7px 9px!important;writing-mode:horizontal-tb!important}.mobile-view-toggle .toggle-button svg{height:12px!important;width:12px!important}.mobile-view-toggle .toggle-button span{font-size:10px!important;font-weight:600!important;white-space:nowrap!important}}.multiview-layout{background:var(--idi-shade0-100);bottom:0;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw;z-index:1001}@media screen and (min-width:1025px){.multiview-layout{grid-gap:0!important;bottom:0!important;display:grid!important;gap:0!important;grid-template-columns:1fr 1fr 1fr!important;grid-template-rows:1fr!important;height:100vh!important;left:0!important;padding:0!important;right:0!important;top:0!important;width:100vw!important;z-index:1001!important}.multiview-section{border-right:2px solid #0f7b8c4d;grid-column:span 1!important;grid-row:1!important;height:100%!important;max-height:100%!important;max-width:100%!important;min-height:0!important;min-width:0!important;overflow:hidden!important;position:relative!important;width:100%!important}.multiview-section:last-child{border-right:none}.multiview-map{grid-column:1!important;grid-row:1!important}.multiview-video{grid-column:2!important;grid-row:1!important}.multiview-telemetry{grid-column:3!important;grid-row:1!important}}@media screen and (orientation:portrait){.multiview-layout{display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:calc(120px + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important;z-index:999!important}.multiview-section{border-bottom:2px solid #0f7b8c4d;flex:1 1!important;height:0!important;min-height:0!important;overflow:hidden!important;position:relative!important;width:100%!important}.multiview-section:last-child{border-bottom:none}.multiview-map{contain:strict!important;overflow:hidden!important}.multiview-map,.multiview-map .mobile-map{height:100%!important;max-height:100%!important}.multiview-map .mobile-map{bottom:0!important;left:0!important;position:absolute!important;right:0!important;top:0!important}.multiview-video{contain:strict!important;overflow:hidden!important}.multiview-telemetry,.multiview-video{height:100%!important;max-height:100%!important}.multiview-telemetry{overflow-x:hidden!important;overflow-y:auto!important}}@media screen and (orientation:landscape){.multiview-layout{grid-gap:0!important;align-items:stretch!important;display:grid!important;gap:0!important;grid-template-columns:1fr 1fr 1fr!important;grid-template-rows:1fr!important;justify-items:stretch!important;overflow:hidden!important;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important;z-index:1001!important}.multiview-section{border-right:2px solid #0f7b8c4d;grid-column:span 1!important;height:100%!important;max-height:100%!important;max-width:100%!important;min-height:0!important;min-width:0!important;overflow:hidden!important;position:relative!important;width:100%!important}.multiview-section:last-child{border-right:none}.multiview-map{grid-column:1!important}.multiview-video{grid-column:2!important}.multiview-telemetry{grid-column:3!important}}.multiview-map{background:var(--idi-shade0-85)}.multiview-map,.multiview-video{overflow:hidden!important;position:relative!important}.multiview-video{align-items:center;background:#000;contain:strict!important;display:flex;justify-content:center;z-index:1!important}.multiview-video-placeholder{color:#ffffff80;left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:0}.multiview-video-placeholder svg{height:64px;margin-bottom:12px;opacity:.5;width:64px}.multiview-video-placeholder p{font-size:14px;font-weight:500;margin:0}.multiview-telemetry{-webkit-overflow-scrolling:touch;background:var(--idi-shade0-100);overflow-y:auto;position:relative!important}.multiview-section{contain:layout size style}.multiview-map>*,.multiview-telemetry>*,.multiview-video>*{height:100%!important;max-height:100%!important;max-width:100%!important;width:100%!important}.multiview-video #agora_local,.multiview-video .agora-streaming-container,.multiview-video .main-video-container,.multiview-video .multiview-video-wrapper,.multiview-video .streaming-container,.multiview-video .video-container,.multiview-video>div{align-items:center!important;bottom:0!important;display:flex!important;height:100%!important;justify-content:center!important;left:0!important;max-height:100%!important;max-width:100%!important;overflow:hidden!important;position:absolute!important;right:0!important;top:0!important;width:100%!important}.multiview-video canvas,.multiview-video iframe,.multiview-video video{height:100%!important;max-height:100%!important;max-width:100%!important;object-fit:contain!important;width:100%!important}.multiview-map .mobile-map{bottom:0!important;overflow:hidden!important;right:0!important}.multiview-map .mapboxgl-canvas,.multiview-map .mapboxgl-canvas-container,.multiview-map .mapboxgl-map,.multiview-map .mobile-map{height:100%!important;left:0!important;max-height:100%!important;max-width:100%!important;position:absolute!important;top:0!important;width:100%!important}.multiview-map .mobile-map__header{display:none!important}.multiview-map .mapboxgl-control-container,.multiview-map .mapboxgl-ctrl-attrib,.multiview-map .mapboxgl-ctrl-bottom-left,.multiview-map .mapboxgl-ctrl-bottom-right,.multiview-map .mapboxgl-ctrl-compass,.multiview-map .mapboxgl-ctrl-group,.multiview-map .mapboxgl-ctrl-logo,.multiview-map .mapboxgl-ctrl-top-left,.multiview-map .mapboxgl-ctrl-top-right,.multiview-map .mapboxgl-ctrl-zoom-in,.multiview-map .mapboxgl-ctrl-zoom-out{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.multiview-telemetry .mobile-status-widget-fullscreen{grid-gap:10px!important;box-sizing:border-box!important;display:grid!important;gap:10px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;height:100%!important;max-height:100%!important;max-width:100%!important;overflow:hidden!important;padding:10px!important;position:relative!important;width:100%!important}.multiview-telemetry .telemetry-fullscreen-row{background:#ffffff14!important;border:1px solid #0f7b8c!important;border:1px solid var(--idi-green-s1,#0f7b8c)!important;border-radius:12px!important;box-shadow:0 4px 16px #0000004d,inset 0 0 0 1px #0f7b8c33!important;display:flex!important;flex-direction:column!important;gap:10px!important;overflow:hidden!important;padding:12px!important;transition:all .2s ease!important}.multiview-telemetry .telemetry-fullscreen-row:hover{background:#ffffff1a!important;border-color:#0f7b8c!important;border-color:var(--idi-green-s1,#0f7b8c)!important;box-shadow:0 6px 20px #0006,inset 0 0 0 1px #0f7b8c4d!important}.multiview-telemetry .row-header{align-items:center!important;border-bottom:2px solid #0f7b8c4d!important;color:#0f7b8c!important;color:var(--idi-green-s1,#0f7b8c)!important;display:flex!important;flex-shrink:0!important;font-size:11px!important;font-weight:700!important;gap:8px!important;letter-spacing:.5px!important;margin:0!important;padding-bottom:8px!important;text-transform:uppercase!important}.multiview-telemetry .row-header svg{height:14px!important;opacity:.9!important;width:14px!important}.multiview-telemetry .row-content-horizontal{flex:1 1!important;flex-direction:column!important;overflow-x:hidden!important;overflow-y:auto!important}.multiview-telemetry .data-item,.multiview-telemetry .row-content-horizontal{display:flex!important;gap:8px!important;padding:0!important;width:100%!important}.multiview-telemetry .data-item{align-items:center!important;flex-direction:row!important;justify-content:space-between!important;min-height:24px!important}.multiview-telemetry .data-label{flex-shrink:0!important;font-size:9px!important;font-weight:600!important;letter-spacing:.3px!important;min-width:40px!important;opacity:.7!important;text-transform:uppercase!important}.multiview-telemetry .data-value{flex:1 1!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;overflow:hidden!important;text-align:right!important;text-overflow:ellipsis!important;white-space:nowrap!important}.multiview-telemetry .mode-badge,.multiview-telemetry .status-badge{background:#0f7b8c33!important;border:1px solid #0f7b8c4d!important;border-radius:4px!important;font-size:10px!important;padding:4px 8px!important;white-space:nowrap!important}.multiview-telemetry .coordinate-value{font-size:11px!important;font-weight:600!important}.multiview-telemetry .altitude-value-large{font-size:12px!important;font-weight:700!important}.multiview-telemetry .copy-coords-button-fullscreen{border-radius:4px!important;font-size:9px!important;margin-top:8px!important;padding:4px 8px!important}.multiview-telemetry .copy-coords-button-fullscreen svg{height:10px!important;width:10px!important}@media screen and (orientation:landscape) and (max-width:1024px){.multiview-telemetry .mobile-status-widget-fullscreen{gap:6px!important;padding:6px!important}.multiview-telemetry .telemetry-fullscreen-row{gap:6px!important;padding:8px!important}.multiview-telemetry .row-header{font-size:9px!important;gap:6px!important;padding-bottom:6px!important}.multiview-telemetry .row-header svg{height:11px!important;width:11px!important}.multiview-telemetry .row-content-horizontal{gap:5px!important}.multiview-telemetry .data-item{min-height:20px!important}.multiview-telemetry .data-label{font-size:8px!important;min-width:35px!important}.multiview-telemetry .data-value{font-size:10px!important}.multiview-telemetry .mode-badge,.multiview-telemetry .status-badge{font-size:8px!important;padding:3px 6px!important}.multiview-telemetry .coordinate-value{font-size:9px!important}.multiview-telemetry .altitude-value-large{font-size:10px!important}.multiview-telemetry .copy-coords-button-fullscreen{font-size:8px!important;margin-top:6px!important;padding:3px 6px!important}.multiview-telemetry .copy-coords-button-fullscreen svg{height:9px!important;width:9px!important}}@media screen and (min-width:1025px){.multiview-telemetry .mobile-status-widget-fullscreen{gap:14px!important;padding:14px!important}.multiview-telemetry .telemetry-fullscreen-row{gap:12px!important;padding:14px!important}.multiview-telemetry .row-header{font-size:12px!important;gap:10px!important;padding-bottom:10px!important}.multiview-telemetry .row-header svg{height:16px!important;width:16px!important}.multiview-telemetry .row-content-horizontal{gap:10px!important}.multiview-telemetry .data-item{min-height:26px!important}.multiview-telemetry .data-label{font-size:10px!important;min-width:45px!important}.multiview-telemetry .data-value{font-size:13px!important}.multiview-telemetry .mode-badge,.multiview-telemetry .status-badge{font-size:11px!important;padding:5px 10px!important}.multiview-telemetry .coordinate-value{font-size:11px!important}.multiview-telemetry .altitude-value-large{font-size:12px!important}.multiview-telemetry .copy-coords-button-fullscreen{font-size:10px!important;margin-top:10px!important;padding:5px 10px!important}.multiview-telemetry .copy-coords-button-fullscreen svg{height:11px!important;width:11px!important}}@media screen and (orientation:landscape){.multiview-telemetry .row-content-horizontal::-webkit-scrollbar{width:4px!important}.multiview-telemetry .row-content-horizontal::-webkit-scrollbar-track{background:#ffffff0d!important;border-radius:2px!important}.multiview-telemetry .row-content-horizontal::-webkit-scrollbar-thumb{background:#0f7b8c80!important;border-radius:2px!important}.multiview-telemetry .row-content-horizontal::-webkit-scrollbar-thumb:hover{background:#0f7b8cb3!important}}@media screen and (orientation:portrait) and (max-width:768px){.multiview-section{flex:1 1!important;height:0!important;min-height:0!important}.multiview-telemetry .mobile-status-widget-fullscreen{gap:8px!important;padding:8px!important}.multiview-telemetry .telemetry-fullscreen-row{gap:6px!important;padding:8px!important}.multiview-telemetry .row-header{font-size:11px!important;gap:4px!important;padding-bottom:4px!important}.multiview-telemetry .row-header svg{height:14px!important;width:14px!important}.multiview-telemetry .data-label{font-size:8px!important}.multiview-telemetry .data-value{font-size:12px!important}}.camera-pip-view{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0b0e12bf;border:1px solid #95989c26;border-radius:12px;box-shadow:0 4px 24px #00000026;color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100%;overflow:hidden;position:relative;width:100%;z-index:1001!important}.camera-pip-view__header{align-items:center;background:#0b0e12d9;border-bottom:1px solid #95989c26;display:flex;flex-shrink:0;justify-content:space-between;padding:16px}.camera-pip-view__header .header__title{align-items:center;display:flex;gap:12px}.camera-pip-view__header .header__title h3{color:#fff;font-size:16px;font-weight:500;margin:0}.camera-pip-view__header .connection-status{align-items:center;display:flex;gap:8px}.camera-pip-view__header .status-indicator{border-radius:50%;height:8px;transition:background-color .3s ease;width:8px}.camera-pip-view__header .status-indicator.connected{background-color:#049d2f;background-color:var(--idi-green,#049d2f);box-shadow:0 0 8px #049d2f;box-shadow:0 0 8px var(--idi-green,#049d2f)}.camera-pip-view__header .status-indicator.disconnected{background-color:#a22;background-color:var(--idi-red,#a22);box-shadow:0 0 8px #a22;box-shadow:0 0 8px var(--idi-red,#a22)}.camera-pip-view__header .status-text{color:#ffffffb3;font-size:12px}.camera-pip-view__content{flex:1 1;min-height:0;overflow:hidden;position:relative}.camera-pip-view__content>*{height:100%;width:100%}.camera-pip-view__content .agora-streaming-container{border-radius:0;height:100%!important;position:relative;width:100%!important}.camera-pip-view__content video{border-radius:0 0 12px 12px;object-fit:cover}.camera-pip-view__content .loading-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.split-screen-layout{align-items:stretch;background:#0b0e12;background:var(--idi-shade0-100,#0b0e12);display:flex;width:100%}.split-screen-layout,.split-screen-panel{height:100%;overflow:hidden;position:relative}.split-screen-panel{box-sizing:border-box;transition:flex .05s ease-out}.split-screen-layout.dragging .split-screen-panel{transition:none}.split-screen-left,.split-screen-right{flex-shrink:1;min-width:0}.split-screen-left{border-right:1px solid #95989c26}.split-screen-right{border-left:1px solid #95989c26}.split-screen-divider{align-items:center;background:#1b92a61a;cursor:col-resize;display:flex;flex:0 0 8px;justify-content:center;max-width:12px;min-width:8px;position:relative;transition:background .2s ease,width .2s ease;-webkit-user-select:none;user-select:none;width:8px;z-index:1000}.split-screen-divider:hover,.split-screen-layout.dragging .split-screen-divider{background:#1b92a64d;width:12px}.split-screen-divider:after,.split-screen-divider:before{bottom:0;content:"";pointer-events:auto;position:absolute;top:0;width:20px}.split-screen-divider:before{left:-20px}.split-screen-divider:after{right:-20px}.split-screen-divider-handle{align-items:center;background:#0b0e12e6;border:1px solid #1b92a680;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#1b92a6cc;display:flex;height:64px;justify-content:center;pointer-events:none;transition:all .2s ease;width:32px}.split-screen-divider:hover .split-screen-divider-handle,.split-screen-layout.dragging .split-screen-divider-handle{background:#1b92a633;border-color:#1b92a6cc;box-shadow:0 4px 16px #1b92a64d;color:#1b92a6}.split-screen-divider-handle svg{opacity:.7;transition:opacity .2s ease}.split-screen-divider:hover .split-screen-divider-handle svg,.split-screen-layout.dragging .split-screen-divider-handle svg{opacity:1}.split-screen-panel>*{flex-shrink:1;height:100%;min-height:0;min-width:0;width:100%}.split-screen-layout.dragging{cursor:col-resize}.split-screen-layout.dragging *{cursor:col-resize!important;pointer-events:none}.split-screen-layout.dragging .split-screen-divider{pointer-events:auto}@media screen and (max-width:1024px){.split-screen-layout{display:none}}.app-nav{bottom:20px;position:fixed;right:20px;z-index:1000}.nav-link{background-color:#1b92a6cc;border-radius:20px;box-shadow:0 2px 8px #0003;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.nav-link,.nav-link:hover{color:#fff;text-decoration:none}.nav-link:hover{background-color:#1b92a6;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.app-container{height:100vh;overflow:hidden;width:100%}*,.app-container{margin:0;padding:0}*{box-sizing:border-box}:root{--bg-dark:#121824;--bg-medium:#1a2230;--bg-light:#2a3245;--text-primary:#e0e0e0;--text-secondary:#aaa;--accent-blue:#38b6ff;--accent-green:#4caf50;--accent-red:#e53935;--border-color:#3a4155;--map-blue:#7fdbff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121824;background-color:var(--bg-dark);color:#e0e0e0;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{background-color:#0003;height:8px;width:8px}::-webkit-scrollbar-track{background:#121824;background:var(--bg-dark);border-radius:4px}::-webkit-scrollbar-thumb{background:#38b6ff33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#38b6ff66}.visually-hidden{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
/*# sourceMappingURL=main.61ca4f68.css.map*/