Fixed error in mouse coordinates

Will need refining

client/TODO.txt

@@ -1,7 +0,0 @@
-RTB
-tanker
-scenario dropdown
-explosion
-wrong name for ground units
-improve map zIndex
-human symbol if user

client/app.js

@@ -3,11 +3,14 @@ var path = require('path');
 var cookieParser = require('cookie-parser');
 var logger = require('morgan');
 var fs = require('fs');
+var basicAuth = require('express-basic-auth')
 
-var atcRouter   = require('./routes/api/atc');
-var indexRouter = require('./routes/index');
-var uikitRouter = require('./routes/uikit');
-var usersRouter = require('./routes/users');
+var atcRouter       = require('./routes/api/atc');
+var airbasesRouter  = require('./routes/api/airbases');
+var indexRouter     = require('./routes/index');
+var uikitRouter     = require('./routes/uikit');
+var usersRouter     = require('./routes/users');
+var resourcesRouter = require('./routes/resources');
 
 var app = express();
 
@@ -19,14 +22,17 @@ app.use(express.static(path.join(__dirname, 'public')));
 
 app.use('/', indexRouter);
 app.use('/api/atc', atcRouter);
+app.use('/api/airbases', airbasesRouter);
 app.use('/users', usersRouter);
 app.use('/uikit', uikitRouter);
+app.use('/resources', resourcesRouter);
 
 app.set('view engine', 'ejs');
 
 let rawdata = fs.readFileSync('../olympus.json');
 let config = JSON.parse(rawdata);
-app.get('/config', (req, res) => res.send(config));
+if (config["server"] != undefined)
+    app.get('/config', (req, res) => res.send(config["server"]));
 
 module.exports = app;
 
@@ -38,3 +44,8 @@ app.get('/demo/bullseyes', (req, res) => demoDataGenerator.bullseyes(req, res));
 app.get('/demo/airbases', (req, res) => demoDataGenerator.airbases(req, res));
 app.get('/demo/mission', (req, res) => demoDataGenerator.mission(req, res));
 
+app.use('/demo', basicAuth({
+    users: { 'admin': 'socks' }
+}))
+
+

client/copy.bat

@@ -0,0 +1,2 @@
+copy .\\node_modules\\leaflet\\dist\\leaflet.css .\\public\\stylesheets\\leaflet\\leaflet.css 
+copy .\\node_modules\\leaflet.nauticscale\\dist\\leaflet.nauticscale.js .\\public\\javascripts\\leaflet.nauticscale.js

client/debug.bat

@@ -1,2 +1,2 @@
 start cmd /k "npm run start"
-start cmd /k "watchify .\src\index.ts --debug -p [ tsify --noImplicitAny ] -o .\public\javascripts\bundle.js"
+start cmd /k "watchify .\src\index.ts --debug -o .\public\javascripts\bundle.js -t [ babelify --global true --presets [ @babel/preset-env ] --extensions '.js'] -p [ tsify --noImplicitAny ]

client/demo.js

@@ -2,10 +2,10 @@
 const DEMO_UNIT_DATA = {
     ["1"]:{
         baseData: {
-            AI: true,
+            AI: false,
             name: "KC-135",
-            unitName: "Olympus 1-1",
-            groupName: "Group 1",
+            unitName: "Olympus 1-1 aka Mr. Very long name",
+            groupName: "Group 2",
             alive: true,
             category: "Aircraft",
         },
@@ -18,7 +18,7 @@ const DEMO_UNIT_DATA = {
         },
         missionData:  {
             fuel: 50,
-            flags: {human: false},
+            flags: {Human: false},
             ammo: [
                 {
                     count: 4,
@@ -47,18 +47,14 @@ const DEMO_UNIT_DATA = {
         },
         taskData: {
             currentTask: "Holding",
+            currentState: "Idle",
             activePath: undefined,
-            targetSpeed: 400,
-            targetAltitude: 3000,
+            desiredSpeed: 400,
+            desiredSpeedType: "CAS",
+            desiredAltitude: 3000,
+            desiredAltitudeType: "ASL",
             isTanker: false,
-            TACANOn: false,
-            TACANChannel: 32,
-            TACANXY: "Y",
-            TACANCallsign: "ASD",
-            radioFrequency: 123.750,
-            radioCallsign: 2,
-            radioCallsignNumber: 3,
-            radioAMFM: "FM"
+
         },
         optionsData: {
             ROE: "Designated",
@@ -68,9 +64,9 @@ const DEMO_UNIT_DATA = {
     ["2"]:{
         baseData: {
             AI: true,
-            name: "F-5E",
+            name: "KC-135",
             unitName: "Olympus 1-2",
-            groupName: "Group 1",
+            groupName: "Group 3",
             alive: true,
             category: "Aircraft",
         },
@@ -100,8 +96,8 @@ const DEMO_UNIT_DATA = {
         taskData: {
             currentTask: "Example task",
             activePath: undefined,
-            targetSpeed: 300,
-            targetAltitude: 3000
+            desiredSpeed: 300,
+            desiredAltitude: 3000
         },
         optionsData: {
             ROE: "Designated",
@@ -111,9 +107,9 @@ const DEMO_UNIT_DATA = {
     ["3"]:{
         baseData: {
             AI: true,
-            name: "2S6 Tunguska",
+            name: "M-60",
             unitName: "Olympus 1-3",
-            groupName: "Group 1",
+            groupName: "Group 4",
             alive: true,
             category: "GroundUnit",
         },
@@ -143,8 +139,9 @@ const DEMO_UNIT_DATA = {
         taskData: {
             currentTask: "Example task",
             activePath: undefined,
-            targetSpeed: 400,
-            targetAltitude: 3000
+            desiredSpeed: 400,
+            desiredAltitude: 3000,
+            onOff: false
         },
         optionsData: {
             ROE: "None",
@@ -156,7 +153,6 @@ const DEMO_UNIT_DATA = {
             AI: true,
             name: "2S6 Tunguska",
             unitName: "Olympus 1-4",
-            groupName: "Group 1",
             alive: true,
             category: "GroundUnit",
         },
@@ -186,8 +182,8 @@ const DEMO_UNIT_DATA = {
         taskData: {
             currentTask: "Example task",
             activePath: undefined,
-            targetSpeed: 400,
-            targetAltitude: 3000
+            desiredSpeed: 400,
+            desiredAltitude: 3000
         },
         optionsData: {
             ROE: "None",
@@ -229,8 +225,8 @@ const DEMO_UNIT_DATA = {
         taskData: {
             currentTask: "Example task",
             activePath: undefined,
-            targetSpeed: 400,
-            targetAltitude: 3000
+            desiredSpeed: 400,
+            desiredAltitude: 3000
         },
         optionsData: {
             ROE: "None",
@@ -272,8 +268,8 @@ const DEMO_UNIT_DATA = {
         taskData: {
             currentTask: "Example task",
             activePath: undefined,
-            targetSpeed: 400,
-            targetAltitude: 3000
+            desiredSpeed: 400,
+            desiredAltitude: 3000
         },
         optionsData: {
             ROE: "None",
@@ -283,7 +279,7 @@ const DEMO_UNIT_DATA = {
     ["7"]:{
         baseData: {
             AI: true,
-            name: "CVN-75",
+            name: "CVN-75 Very long name",
             unitName: "Olympus 1-7",
             groupName: "Group 1",
             alive: true,
@@ -315,8 +311,8 @@ const DEMO_UNIT_DATA = {
         taskData: {
             currentTask: "Example task",
             activePath: undefined,
-            targetSpeed: 400,
-            targetAltitude: 3000
+            desiredSpeed: 400,
+            desiredAltitude: 3000
         },
         optionsData: {
             ROE: "None",
@@ -358,8 +354,8 @@ const DEMO_UNIT_DATA = {
         taskData: {
             currentTask: "Example task",
             activePath: undefined,
-            targetSpeed: 400,
-            targetAltitude: 3000
+            desiredSpeed: 400,
+            desiredAltitude: 3000
         },
         optionsData: {
             ROE: "None",
@@ -401,8 +397,8 @@ const DEMO_UNIT_DATA = {
         taskData: {
             currentTask: "Example task",
             activePath: undefined,
-            targetSpeed: 400,
-            targetAltitude: 3000
+            desiredSpeed: 400,
+            desiredAltitude: 3000
         },
         optionsData: {
             ROE: "None",
@@ -444,8 +440,8 @@ const DEMO_UNIT_DATA = {
         taskData: {
             currentTask: "Example task",
             activePath: undefined,
-            targetSpeed: 400,
-            targetAltitude: 3000
+            desiredSpeed: 400,
+            desiredAltitude: 3000
         },
         optionsData: {
             ROE: "None",
@@ -487,8 +483,8 @@ const DEMO_UNIT_DATA = {
         taskData: {
             currentTask: "Example task",
             activePath: undefined,
-            targetSpeed: 400,
-            targetAltitude: 3000
+            desiredSpeed: 400,
+            desiredAltitude: 3000
         },
         optionsData: {
             ROE: "None",
@@ -530,8 +526,8 @@ const DEMO_UNIT_DATA = {
         taskData: {
             currentTask: "Example task",
             activePath: undefined,
-            targetSpeed: 400,
-            targetAltitude: 3000
+            desiredSpeed: 400,
+            desiredAltitude: 3000
         },
         optionsData: {
             ROE: "None",
@@ -573,8 +569,8 @@ const DEMO_UNIT_DATA = {
         taskData: {
             currentTask: "Example task",
             activePath: undefined,
-            targetSpeed: 400,
-            targetAltitude: 3000
+            desiredSpeed: 400,
+            desiredAltitude: 3000
         },
         optionsData: {
             ROE: "None",
@@ -616,8 +612,8 @@ const DEMO_UNIT_DATA = {
         taskData: {
             currentTask: "Example task",
             activePath: undefined,
-            targetSpeed: 400,
-            targetAltitude: 3000
+            desiredSpeed: 400,
+            desiredAltitude: 3000
         },
         optionsData: {
             ROE: "None",
@@ -643,6 +639,7 @@ class DemoDataGenerator {
     
     logs(req, res){
         var ret = {logs: {}};
+        ret.time = Date.now();
         res.send(JSON.stringify(ret));
     };
     
@@ -667,6 +664,7 @@ class DemoDataGenerator {
                 coalition: "blue"
             }
         }};
+        ret.time = Date.now();
         res.send(JSON.stringify(ret));
     };
     
@@ -674,22 +672,27 @@ class DemoDataGenerator {
         var ret = {bullseyes: {
             "0": {
                 latitude: 37.25,
-                longitude: -115.8
+                longitude: -115.8,
+                coalition: "neutral"
             },
             "1": {
                 latitude: 37.25,
-                longitude: -115.75
+                longitude: -115.75,
+                coalition: "red"
             },
             "2": {
                 latitude: 37.25,
-                longitude: -115.7
+                longitude: -115.7,
+                coalition: "blue"
             }
         }};
+        ret.time = Date.now();
         res.send(JSON.stringify(ret));
     };
 
     mission(req, res){
         var ret = {mission: {theatre: "Nevada"}};
+        ret.time = Date.now();
         res.send(JSON.stringify(ret));
     }
     

client/package.json

@@ -2,30 +2,41 @@
   "name": "DCSOlympus",
   "node-main": "./bin/www",
   "main": "http://localhost:3000",
-  "version": "0.1.1-alpha",
+  "version": "v0.3.0-alpha",
   "private": true,
   "scripts": {
-    "copy": "copy .\\node_modules\\leaflet\\dist\\leaflet.css .\\public\\stylesheets\\leaflet.css",
+    "copy": "copy.bat",
     "start": "npm run copy & concurrently --kill-others \"npm run watch\" \"nodemon ./bin/www\"",
-    "watch": "watchify .\\src\\index.ts --debug -p [ tsify --noImplicitAny ] -o .\\public\\javascripts\\bundle.js"
+    "watch": "watchify .\\src\\index.ts --debug -o .\\public\\javascripts\\bundle.js -t [ babelify --global true --presets [ @babel/preset-env ] --extensions '.js'] -p [ tsify --noImplicitAny ]"
   },
   "dependencies": {
+    "@types/formatcoords": "^1.1.0",
     "@types/geojson": "^7946.0.10",
     "@types/leaflet": "^1.9.0",
+    "@types/svg-injector": "^0.0.29",
     "cookie-parser": "~1.4.4",
     "debug": "~2.6.9",
     "ejs": "^3.1.8",
     "express": "~4.16.1",
+    "formatcoords": "^1.1.3",
     "leaflet": "^1.9.3",
-    "milsymbol": "^2.0.0",
+    "leaflet-control-mini-map": "^0.4.0",
+    "leaflet.nauticscale": "^1.1.0",
     "morgan": "~1.9.1",
     "save": "^2.9.0"
   },
   "devDependencies": {
+    "@babel/preset-env": "^7.21.4",
+    "@tanem/svg-injector": "^10.1.55",
     "@types/gtag.js": "^0.0.12",
+    "@types/node": "^18.16.1",
     "@types/sortablejs": "^1.15.0",
+    "babelify": "^10.0.0",
     "browserify": "^17.0.0",
     "concurrently": "^7.6.0",
+    "cp": "^0.2.0",
+    "esmify": "^2.1.1",
+    "express-basic-auth": "^1.2.1",
     "nodemon": "^2.0.20",
     "sortablejs": "^1.15.0",
     "tsify": "^5.0.4",

client/prepare.bat

@@ -0,0 +1,2 @@
+copy .\\node_modules\\leaflet\\dist\\leaflet.css .\\public\\stylesheets\\leaflet\\leaflet.css 
+copy .\\node_modules\\leaflet.nauticscale\\dist\\leaflet.nauticscale.js .\\public\\javascripts\\leaflet.nauticscale.js

client/public/images/buttons/edit.svg

@@ -1,3 +0,0 @@
-<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.4766 9.25718L11.3099 8.44468C11.4401 8.31772 11.6667 8.40659 11.6667 8.58941V12.2812C11.6667 12.9541 11.1068 13.5 10.4167 13.5H1.25C0.559896 13.5 0 12.9541 0 12.2812V3.3437C0 2.67085 0.559896 2.12495 1.25 2.12495H8.3724C8.55729 2.12495 8.65104 2.34331 8.52083 2.4728L7.6875 3.2853C7.64844 3.32339 7.59635 3.3437 7.53906 3.3437H1.25V12.2812H10.4167V9.39937C10.4167 9.34605 10.4375 9.29526 10.4766 9.25718ZM14.5547 4.13335L7.71615 10.8009L5.36198 11.0548C4.67969 11.1285 4.09896 10.5673 4.17448 9.89702L4.4349 7.60171L11.2734 0.934131C11.8698 0.352686 12.8333 0.352686 13.4271 0.934131L14.5521 2.03101C15.1484 2.61245 15.1484 3.55444 14.5547 4.13335ZM11.9818 4.91792L10.4688 3.44272L5.63021 8.16284L5.4401 9.82085L7.14063 9.6355L11.9818 4.91792ZM13.6693 2.89429L12.5443 1.79741C12.4375 1.69331 12.263 1.69331 12.1589 1.79741L11.3542 2.58198L12.8672 4.05718L13.6719 3.27261C13.776 3.16597 13.776 2.99839 13.6693 2.89429Z" fill="white"/>
-</svg>

client/public/images/buttons/reorder.svg

@@ -1,21 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="96.000000pt" height="96.000000pt" viewBox="0 0 96.000000 96.000000"
- preserveAspectRatio="xMidYMid meet">
-
-<g transform="translate(0.000000,96.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M411 846 c-77 -78 -70 -86 69 -86 139 0 146 8 69 86 -29 30 -60 54
--69 54 -9 0 -40 -24 -69 -54z"/>
-<path d="M132 668 c-16 -16 -15 -43 2 -57 9 -8 110 -11 351 -9 309 3 339 4
-349 21 8 12 8 22 0 35 -10 16 -40 17 -350 20 -256 2 -343 -1 -352 -10z"/>
-<path d="M132 508 c-16 -16 -15 -43 2 -57 9 -8 110 -11 351 -9 309 3 339 4
-349 21 8 12 8 22 0 35 -10 16 -40 17 -350 20 -256 2 -343 -1 -352 -10z"/>
-<path d="M132 348 c-16 -16 -15 -43 2 -57 9 -8 110 -11 351 -9 309 3 339 4
-349 21 8 12 8 22 0 35 -10 16 -40 17 -350 20 -256 2 -343 -1 -352 -10z"/>
-<path d="M363 184 c-7 -18 92 -124 117 -124 25 0 124 106 117 124 -9 24 -225
-24 -234 0z"/>
-</g>
-</svg>

client/public/images/icons/bullseye-solid.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M448 256A192 192 0 1 0 64 256a192 192 0 1 0 384 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256 80a80 80 0 1 0 0-160 80 80 0 1 0 0 160zm0-224a144 144 0 1 1 0 288 144 144 0 1 1 0-288zM224 256a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>

client/public/images/icons/square-check-regular.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M211.8 339.8C200.9 350.7 183.1 350.7 172.2 339.8L108.2 275.8C97.27 264.9 97.27 247.1 108.2 236.2C119.1 225.3 136.9 225.3 147.8 236.2L192 280.4L300.2 172.2C311.1 161.3 328.9 161.3 339.8 172.2C350.7 183.1 350.7 200.9 339.8 211.8L211.8 339.8zM0 96C0 60.65 28.65 32 64 32H384C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96zM48 96V416C48 424.8 55.16 432 64 432H384C392.8 432 400 424.8 400 416V96C400 87.16 392.8 80 384 80H64C55.16 80 48 87.16 48 96z"/></svg>

client/public/images/pin.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M112 316.94v156.69l22.02 33.02c4.75 7.12 15.22 7.12 19.97 0L176 473.63V316.94c-10.39 1.92-21.06 3.06-32 3.06s-21.61-1.14-32-3.06zM144 0C64.47 0 0 64.47 0 144s64.47 144 144 144 144-64.47 144-144S223.53 0 144 0zm0 76c-37.5 0-68 30.5-68 68 0 6.62-5.38 12-12 12s-12-5.38-12-12c0-50.73 41.28-92 92-92 6.62 0 12 5.38 12 12s-5.38 12-12 12z"/></svg>

client/public/images/reference-system-test.svg

@@ -1,370 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
-   sodipodi:docname="reference-system-test.svg"
-   id="svg8"
-   version="1.1"
-   viewBox="0 0 232.62689 109.65005"
-   height="109.65005mm"
-   width="232.62689mm">
-  <defs
-     id="defs2">
-    <marker
-       inkscape:stockid="TriangleOutM"
-       orient="auto"
-       refY="0.0"
-       refX="0.0"
-       id="marker3764"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path3762"
-         d="M 5.77,0.0 L -2.88,5.0 L -2.88,-5.0 L 5.77,0.0 z "
-         style="fill-rule:evenodd;stroke:#00fff1;stroke-width:1pt;stroke-opacity:1;fill:#00fffb;fill-opacity:1"
-         transform="scale(0.4)" />
-    </marker>
-    <marker
-       inkscape:stockid="TriangleOutM"
-       orient="auto"
-       refY="0.0"
-       refX="0.0"
-       id="marker3754"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path3752"
-         d="M 5.77,0.0 L -2.88,5.0 L -2.88,-5.0 L 5.77,0.0 z "
-         style="fill-rule:evenodd;stroke:#00fff1;stroke-width:1pt;stroke-opacity:1;fill:#00fffb;fill-opacity:1"
-         transform="scale(0.4)" />
-    </marker>
-    <marker
-       inkscape:stockid="Arrow2Send"
-       orient="auto"
-       refY="0.0"
-       refX="0.0"
-       id="marker3658"
-       style="overflow:visible;"
-       inkscape:isstock="true">
-      <path
-         id="path3656"
-         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round;stroke:#00fff1;stroke-opacity:1;fill:#00fffb;fill-opacity:1"
-         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
-         transform="scale(0.3) rotate(180) translate(-2.3,0)" />
-    </marker>
-    <marker
-       inkscape:stockid="Arrow2Send"
-       orient="auto"
-       refY="0.0"
-       refX="0.0"
-       id="marker3648"
-       style="overflow:visible;"
-       inkscape:isstock="true">
-      <path
-         id="path3646"
-         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round;stroke:#00fff1;stroke-opacity:1;fill:#00fffb;fill-opacity:1"
-         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
-         transform="scale(0.3) rotate(180) translate(-2.3,0)" />
-    </marker>
-    <marker
-       inkscape:isstock="true"
-       style="overflow:visible"
-       id="Arrow2Mend"
-       refX="0"
-       refY="0"
-       orient="auto"
-       inkscape:stockid="Arrow2Mend">
-      <path
-         transform="scale(-0.6)"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         id="path1088" />
-    </marker>
-    <marker
-       inkscape:isstock="true"
-       style="overflow:visible"
-       id="Arrow2Lend"
-       refX="0"
-       refY="0"
-       orient="auto"
-       inkscape:stockid="Arrow2Lend">
-      <path
-         transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         id="path1082" />
-    </marker>
-    <marker
-       inkscape:isstock="true"
-       style="overflow:visible"
-       id="Arrow1Lend"
-       refX="0"
-       refY="0"
-       orient="auto"
-       inkscape:stockid="Arrow1Lend">
-      <path
-         transform="matrix(-0.8,0,0,-0.8,-10,0)"
-         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1"
-         d="M 0,0 5,-5 -12.5,0 5,5 Z"
-         id="path1064" />
-    </marker>
-    <marker
-       inkscape:stockid="Arrow2Mend"
-       orient="auto"
-       refY="0"
-       refX="0"
-       id="Arrow2Mend-7"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path1088-1"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         transform="scale(-0.6)" />
-    </marker>
-    <marker
-       inkscape:isstock="true"
-       style="overflow:visible"
-       id="Arrow2Mend-7-8"
-       refX="0"
-       refY="0"
-       orient="auto"
-       inkscape:stockid="Arrow2Mend">
-      <path
-         transform="scale(-0.6)"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         id="path1088-1-6" />
-    </marker>
-    <marker
-       inkscape:stockid="Arrow2Mend"
-       orient="auto"
-       refY="0"
-       refX="0"
-       id="Arrow2Mend-7-8-0"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path1088-1-6-8"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         transform="scale(-0.6)" />
-    </marker>
-  </defs>
-  <sodipodi:namedview
-     inkscape:window-maximized="1"
-     inkscape:window-y="-8"
-     inkscape:window-x="1912"
-     inkscape:window-height="1017"
-     inkscape:window-width="1920"
-     fit-margin-bottom="0"
-     fit-margin-right="0"
-     fit-margin-left="0"
-     fit-margin-top="0"
-     showgrid="false"
-     inkscape:document-rotation="0"
-     inkscape:current-layer="layer1"
-     inkscape:document-units="mm"
-     inkscape:cy="180.46845"
-     inkscape:cx="179.92513"
-     inkscape:zoom="0.70710678"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     borderopacity="1.0"
-     bordercolor="#666666"
-     pagecolor="#ffffff"
-     id="base" />
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     transform="translate(-9.0472264,-0.3638854)"
-     id="layer1"
-     inkscape:groupmode="layer"
-     inkscape:label="Layer 1">
-    <g
-       transform="matrix(2.7166059,0,0,2.7166059,6.5450533,19.640703)"
-       id="g839"
-       style="fill:none">
-      <path
-         d="m 8.6152043,0.96068491 c -0.070984,-0.1658027 -0.2358263,-0.272592 -0.4178212,-0.272592 -0.1818565,0 -0.346698,0.106789 -0.4178225,0.272592 L 6.5262355,3.8523252 C 6.4294515,4.0771272 6.3784085,4.3160075 6.3784085,4.560499 V 6.7242759 L 2.2854009,9.0848093 V 8.5565855 c 0,-0.3737975 -0.304161,-0.6745171 -0.682098,-0.6745171 -0.378076,0 -0.68223699,0.3007196 -0.68223699,0.6745171 v 1.5736425 0.899265 0.674379 c 0,0.373797 0.30416099,0.674518 0.68223699,0.674518 0.377937,0 0.682098,-0.300721 0.682098,-0.674518 v -0.224747 h 4.0930076 v 0.918844 L 4.7156289,13.83966 c -0.09944,0.08425 -0.156335,0.207925 -0.156335,0.337121 v 0.449631 c 0,0.24736 0.204588,0.449631 0.454779,0.449631 h 2.7286708 v -1.798527 c 0,-0.247222 0.2045879,-0.449495 0.4546394,-0.449495 0.2501899,0 0.4547778,0.202273 0.4547778,0.449495 v 1.798527 h 2.7286701 c 0.250191,0 0.454779,-0.202271 0.454779,-0.449631 v -0.449631 c 0,-0.129196 -0.05676,-0.252876 -0.156195,-0.337121 l -1.662919,-1.441691 v -0.918844 h 4.093006 v 0.224747 c 0,0.373797 0.304162,0.674518 0.682098,0.674518 0.378076,0 0.682238,-0.300721 0.682238,-0.674518 V 11.029493 10.130228 8.5565855 c 0,-0.3737975 -0.304162,-0.6745171 -0.682238,-0.6745171 -0.377936,0 -0.682098,0.3007196 -0.682098,0.6745171 V 9.0848093 L 10.016496,6.7242759 V 4.560499 c 0,-0.2444915 -0.051184,-0.4833718 -0.1478275,-0.7081738 z"
-         fill="#202831"
-         id="path2"
-         style="fill:#000000;fill-opacity:1;stroke-width:1.38669" />
-    </g>
-    <g
-       style="fill:none"
-       id="g839-2"
-       transform="matrix(2.7166059,0,0,2.7166059,59.782498,69.058264)">
-      <path
-         style="fill:#000000;fill-opacity:1;stroke-width:1.38669"
-         id="path2-3"
-         fill="#202831"
-         d="m 8.6152043,0.96068491 c -0.070984,-0.1658027 -0.2358263,-0.272592 -0.4178212,-0.272592 -0.1818565,0 -0.346698,0.106789 -0.4178225,0.272592 L 6.5262355,3.8523252 C 6.4294515,4.0771272 6.3784085,4.3160075 6.3784085,4.560499 V 6.7242759 L 2.2854009,9.0848093 V 8.5565855 c 0,-0.3737975 -0.304161,-0.6745171 -0.682098,-0.6745171 -0.378076,0 -0.68223699,0.3007196 -0.68223699,0.6745171 v 1.5736425 0.899265 0.674379 c 0,0.373797 0.30416099,0.674518 0.68223699,0.674518 0.377937,0 0.682098,-0.300721 0.682098,-0.674518 v -0.224747 h 4.0930076 v 0.918844 L 4.7156289,13.83966 c -0.09944,0.08425 -0.156335,0.207925 -0.156335,0.337121 v 0.449631 c 0,0.24736 0.204588,0.449631 0.454779,0.449631 h 2.7286708 v -1.798527 c 0,-0.247222 0.2045879,-0.449495 0.4546394,-0.449495 0.2501899,0 0.4547778,0.202273 0.4547778,0.449495 v 1.798527 h 2.7286701 c 0.250191,0 0.454779,-0.202271 0.454779,-0.449631 v -0.449631 c 0,-0.129196 -0.05676,-0.252876 -0.156195,-0.337121 l -1.662919,-1.441691 v -0.918844 h 4.093006 v 0.224747 c 0,0.373797 0.304162,0.674518 0.682098,0.674518 0.378076,0 0.682238,-0.300721 0.682238,-0.674518 V 11.029493 10.130228 8.5565855 c 0,-0.3737975 -0.304162,-0.6745171 -0.682238,-0.6745171 -0.377936,0 -0.682098,0.3007196 -0.682098,0.6745171 V 9.0848093 L 10.016496,6.7242759 V 4.560499 c 0,-0.2444915 -0.051184,-0.4833718 -0.1478275,-0.7081738 z" />
-    </g>
-    <circle
-       r="0"
-       style="fill:#000000;fill-opacity:1;stroke-width:0.225344;stroke-linecap:round"
-       id="path865-3"
-       cx="29.19866"
-       cy="80.130951" />
-    <g
-       transform="translate(140.21868,-45.703089)"
-       id="g1019">
-      <circle
-         style="fill:#000000;fill-opacity:1;stroke-width:0.0680267;stroke-linecap:round"
-         id="path859"
-         cx="29.259609"
-         cy="85.105995"
-         r="4.9218788" />
-      <rect
-         style="fill:#000000;fill-opacity:1;stroke-width:0.122238;stroke-linecap:round"
-         id="rect861"
-         width="39.215027"
-         height="1.5119048"
-         x="9.5438986"
-         y="84.477676"
-         ry="0.42838952" />
-      <circle
-         style="fill:#000000;fill-opacity:1;stroke-width:0.122238;stroke-linecap:round"
-         id="path865"
-         cx="10.866816"
-         cy="85.139137"
-         r="1.5119048" />
-      <circle
-         r="1.5119048"
-         cy="85.139137"
-         cx="48.097469"
-         id="path865-5"
-         style="fill:#000000;fill-opacity:1;stroke-width:0.122238;stroke-linecap:round" />
-      <rect
-         style="fill:#000000;fill-opacity:1;stroke-width:0.122238;stroke-linecap:round"
-         id="rect888"
-         width="1.0394346"
-         height="5.1971726"
-         x="28.726191"
-         y="73.232887"
-         ry="0.42838952" />
-      <rect
-         ry="0.35266024"
-         y="82.231239"
-         x="19.213385"
-         height="1.2446353"
-         width="19.704351"
-         id="rect861-3"
-         style="fill:#000000;fill-opacity:1;stroke-width:0.0786176;stroke-linecap:round" />
-      <circle
-         style="fill:#000000;fill-opacity:1;stroke-width:0.212007;stroke-linecap:round"
-         id="path865-5-8"
-         cx="29.175037"
-         cy="80.674294"
-         r="2.6222098" />
-    </g>
-    <g
-       id="g1019-5"
-       transform="translate(192.06475,5.3360099)">
-      <circle
-         r="4.9218788"
-         cy="85.105995"
-         cx="29.259609"
-         id="path859-5"
-         style="fill:#000000;fill-opacity:1;stroke-width:0.0680267;stroke-linecap:round" />
-      <rect
-         ry="0.42838952"
-         y="84.477676"
-         x="9.5438986"
-         height="1.5119048"
-         width="39.215027"
-         id="rect861-1"
-         style="fill:#000000;fill-opacity:1;stroke-width:0.122238;stroke-linecap:round" />
-      <circle
-         r="1.5119048"
-         cy="85.139137"
-         cx="10.866816"
-         id="path865-6"
-         style="fill:#000000;fill-opacity:1;stroke-width:0.122238;stroke-linecap:round" />
-      <circle
-         style="fill:#000000;fill-opacity:1;stroke-width:0.122238;stroke-linecap:round"
-         id="path865-5-6"
-         cx="48.097469"
-         cy="85.139137"
-         r="1.5119048" />
-      <rect
-         ry="0.42838952"
-         y="73.232887"
-         x="28.726191"
-         height="5.1971726"
-         width="1.0394346"
-         id="rect888-2"
-         style="fill:#000000;fill-opacity:1;stroke-width:0.122238;stroke-linecap:round" />
-      <rect
-         style="fill:#000000;fill-opacity:1;stroke-width:0.0786176;stroke-linecap:round"
-         id="rect861-3-0"
-         width="19.704351"
-         height="1.2446353"
-         x="19.213385"
-         y="82.231239"
-         ry="0.35266024" />
-      <circle
-         r="2.6222098"
-         cy="80.674294"
-         cx="29.175037"
-         id="path865-5-8-9"
-         style="fill:#000000;fill-opacity:1;stroke-width:0.212007;stroke-linecap:round" />
-    </g>
-    <path
-       style="fill:none;fill-opacity:1;stroke:#00fff1;stroke-width:3;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#marker3754)"
-       d="m 28.820683,45.262649 46.641256,42.10261"
-       id="path1059-0"
-       sodipodi:nodetypes="cc" />
-    <path
-       sodipodi:nodetypes="cc"
-       id="path1059-0-0"
-       d="M 169.40181,40.337642 V 90.041518"
-       style="fill:#00fffb;fill-opacity:1;stroke:#00fff1;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#marker3764)" />
-    <text
-       xml:space="preserve"
-       style="font-size:16.5205px;line-height:1.25;font-family:sans-serif;fill:#00fffb;fill-opacity:1;stroke:#00fff1;stroke-width:0.619518;stroke-opacity:1"
-       x="148.62083"
-       y="97.970039"
-       id="text2102-4"><tspan
-         sodipodi:role="line"
-         id="tspan2100-0"
-         x="148.62083"
-         y="97.970039"
-         style="font-size:16.5205px;fill:#00fffb;fill-opacity:1;stroke:#00fff1;stroke-width:0.619518;stroke-opacity:1">+</tspan></text>
-    <path
-       sodipodi:open="true"
-       d="m 30.431293,14.137878 a 29.450657,29.450657 0 0 1 27.20886,18.180379 29.450657,29.450657 0 0 1 -6.3841,32.095037"
-       sodipodi:arc-type="arc"
-       sodipodi:end="0.78539816"
-       sodipodi:start="4.712389"
-       sodipodi:ry="29.450657"
-       sodipodi:rx="29.450657"
-       sodipodi:cy="43.588535"
-       sodipodi:cx="30.431293"
-       sodipodi:type="arc"
-       id="path3121"
-       style="fill:none;fill-opacity:1;stroke:#00fff1;stroke-width:3;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    <path
-       style="fill:none;fill-opacity:1;stroke:#00fff1;stroke-width:3;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="M 28.820683,1.8638854 V 45.262649"
-       id="path1059-0-0-2"
-       sodipodi:nodetypes="cc" />
-  </g>
-</svg>

client/public/images/reference-system.svg

@@ -1,218 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
-   sodipodi:docname="reference-system.svg"
-   id="svg8"
-   version="1.1"
-   viewBox="0 0 13.229166 13.229167"
-   height="50"
-   width="50">
-  <defs
-     id="defs2">
-    <marker
-       inkscape:stockid="TriangleOutM"
-       orient="auto"
-       refY="0"
-       refX="0"
-       id="marker3764"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path3762"
-         d="M 5.77,0 -2.88,5 V -5 Z"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:1pt;stroke-opacity:1"
-         transform="scale(0.4)" />
-    </marker>
-    <marker
-       inkscape:stockid="TriangleOutM"
-       orient="auto"
-       refY="0"
-       refX="0"
-       id="marker3754"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path3752"
-         d="M 5.77,0 -2.88,5 V -5 Z"
-         style="fill:#00fff1;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:1pt;stroke-opacity:1"
-         transform="scale(0.4)" />
-    </marker>
-    <marker
-       inkscape:stockid="Arrow2Send"
-       orient="auto"
-       refY="0"
-       refX="0"
-       id="marker3658"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path3656"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         transform="matrix(-0.3,0,0,-0.3,0.69,0)" />
-    </marker>
-    <marker
-       inkscape:stockid="Arrow2Send"
-       orient="auto"
-       refY="0"
-       refX="0"
-       id="marker3648"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path3646"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         transform="matrix(-0.3,0,0,-0.3,0.69,0)" />
-    </marker>
-    <marker
-       inkscape:isstock="true"
-       style="overflow:visible"
-       id="Arrow2Mend"
-       refX="0"
-       refY="0"
-       orient="auto"
-       inkscape:stockid="Arrow2Mend">
-      <path
-         transform="scale(-0.6)"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         id="path1088" />
-    </marker>
-    <marker
-       inkscape:isstock="true"
-       style="overflow:visible"
-       id="Arrow2Lend"
-       refX="0"
-       refY="0"
-       orient="auto"
-       inkscape:stockid="Arrow2Lend">
-      <path
-         transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         id="path1082" />
-    </marker>
-    <marker
-       inkscape:isstock="true"
-       style="overflow:visible"
-       id="Arrow1Lend"
-       refX="0"
-       refY="0"
-       orient="auto"
-       inkscape:stockid="Arrow1Lend">
-      <path
-         transform="matrix(-0.8,0,0,-0.8,-10,0)"
-         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1"
-         d="M 0,0 5,-5 -12.5,0 5,5 Z"
-         id="path1064" />
-    </marker>
-    <marker
-       inkscape:stockid="Arrow2Mend"
-       orient="auto"
-       refY="0"
-       refX="0"
-       id="Arrow2Mend-7"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path1088-1"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         transform="scale(-0.6)" />
-    </marker>
-    <marker
-       inkscape:isstock="true"
-       style="overflow:visible"
-       id="Arrow2Mend-7-8"
-       refX="0"
-       refY="0"
-       orient="auto"
-       inkscape:stockid="Arrow2Mend">
-      <path
-         transform="scale(-0.6)"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         id="path1088-1-6" />
-    </marker>
-    <marker
-       inkscape:stockid="Arrow2Mend"
-       orient="auto"
-       refY="0"
-       refX="0"
-       id="Arrow2Mend-7-8-0"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path1088-1-6-8"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         transform="scale(-0.6)" />
-    </marker>
-  </defs>
-  <sodipodi:namedview
-     units="px"
-     inkscape:window-maximized="1"
-     inkscape:window-y="-8"
-     inkscape:window-x="1912"
-     inkscape:window-height="1017"
-     inkscape:window-width="1920"
-     fit-margin-bottom="0"
-     fit-margin-right="0"
-     fit-margin-left="0"
-     fit-margin-top="0"
-     showgrid="false"
-     inkscape:document-rotation="0"
-     inkscape:current-layer="layer1"
-     inkscape:document-units="mm"
-     inkscape:cy="24.946043"
-     inkscape:cx="23.906148"
-     inkscape:zoom="11.313708"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     borderopacity="1.0"
-     bordercolor="#666666"
-     pagecolor="#ffffff"
-     id="base" />
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     transform="translate(-9.0472264,-21.50998)"
-     id="layer1"
-     inkscape:groupmode="layer"
-     inkscape:label="Layer 1">
-    <g
-       transform="matrix(0.90904788,0,0,0.91946153,8.2333194,20.900691)"
-       id="g839"
-       style="fill:none">
-      <path
-         d="m 8.6152043,0.96068491 c -0.070984,-0.1658027 -0.2358263,-0.272592 -0.4178212,-0.272592 -0.1818565,0 -0.346698,0.106789 -0.4178225,0.272592 L 6.5262355,3.8523252 C 6.4294515,4.0771272 6.3784085,4.3160075 6.3784085,4.560499 V 6.7242759 L 2.2854009,9.0848093 V 8.5565855 c 0,-0.3737975 -0.304161,-0.6745171 -0.682098,-0.6745171 -0.378076,0 -0.68223699,0.3007196 -0.68223699,0.6745171 v 1.5736425 0.899265 0.674379 c 0,0.373797 0.30416099,0.674518 0.68223699,0.674518 0.377937,0 0.682098,-0.300721 0.682098,-0.674518 v -0.224747 h 4.0930076 v 0.918844 L 4.7156289,13.83966 c -0.09944,0.08425 -0.156335,0.207925 -0.156335,0.337121 v 0.449631 c 0,0.24736 0.204588,0.449631 0.454779,0.449631 h 2.7286708 v -1.798527 c 0,-0.247222 0.2045879,-0.449495 0.4546394,-0.449495 0.2501899,0 0.4547778,0.202273 0.4547778,0.449495 v 1.798527 h 2.7286701 c 0.250191,0 0.454779,-0.202271 0.454779,-0.449631 v -0.449631 c 0,-0.129196 -0.05676,-0.252876 -0.156195,-0.337121 l -1.662919,-1.441691 v -0.918844 h 4.093006 v 0.224747 c 0,0.373797 0.304162,0.674518 0.682098,0.674518 0.378076,0 0.682238,-0.300721 0.682238,-0.674518 V 11.029493 10.130228 8.5565855 c 0,-0.3737975 -0.304162,-0.6745171 -0.682238,-0.6745171 -0.377936,0 -0.682098,0.3007196 -0.682098,0.6745171 V 9.0848093 L 10.016496,6.7242759 V 4.560499 c 0,-0.2444915 -0.051184,-0.4833718 -0.1478275,-0.7081738 z"
-         fill="#202831"
-         id="path2"
-         style="fill:#000000;fill-opacity:1;stroke-width:1.38669" />
-    </g>
-    <circle
-       r="0"
-       style="fill:#000000;fill-opacity:1;stroke-width:0.225344;stroke-linecap:round"
-       id="path865-3"
-       cx="29.19866"
-       cy="80.130951" />
-  </g>
-</svg>

client/public/javascripts/leaflet.nauticscale.js

@@ -0,0 +1,38 @@
+L.Control.ScaleNautic = L.Control.Scale.extend({
+	options: {
+		nautic: false
+	},
+
+	_addScales: function(options, className, container) {
+		L.Control.Scale.prototype._addScales.call(this, options, className, container);
+		L.setOptions(options);
+		if (this.options.nautic) {
+			this._nScale = L.DomUtil.create('div', className, container);
+		}
+	},
+
+	_updateScales: function (maxMeters) {
+		L.Control.Scale.prototype._updateScales.call(this, maxMeters);
+		if (this.options.nautic && maxMeters) {
+			this._updateNautic(maxMeters);
+		}
+	},
+
+	_updateNautic: function (maxMeters) {
+		var scale = this._nScale,
+			maxNauticalMiles = maxMeters / 1852, nauticalMiles;
+
+		if(maxMeters >= 1852) {
+			nauticalMiles = L.Control.Scale.prototype._getRoundNum.call(this, maxNauticalMiles);
+		} else {
+			nauticalMiles = maxNauticalMiles > 0.1 ? Math.round(maxNauticalMiles * 10) / 10 : Math.round(maxNauticalMiles * 100) / 100;
+		}
+
+		scale.style.width = Math.round(this.options.maxWidth * (nauticalMiles / maxNauticalMiles)) - 10 + 'px';
+		scale.innerHTML = nauticalMiles + ' nm';
+	}
+});
+
+L.control.scalenautic = function (options) {
+	return new L.Control.ScaleNautic(options);
+};

client/public/stylesheets/aic/aic.css

@@ -130,7 +130,7 @@
 	padding: 10px;
 	position: absolute;
 	width: fit-content;
-	z-index: 1000;
+	z-index: 9999;
 }
 
 .aic-enabled #aic-teleprompt {

client/public/stylesheets/airbase.css

@@ -1,45 +0,0 @@
-:root {
-    --airbase-marker-height: 40px;
-    --airbase-marker-width: 40px;
-}
-
-[data-object|="airbase"] {
-    align-items: center;
-    cursor: pointer;
-    display: flex;
-    justify-content: center;
-    position: relative;
-}
-
-[data-hide-airbase] #map-container [data-object|="airbase"] {
-    display: none;
-}
-
-/******************************
-Marker
-******************************/
-
-[data-object|="airbase"] .airbase {
-    background-color: transparent;
-    background-repeat: no-repeat;
-    background-size: cover;
-    position: absolute;
-    transform-origin: center;
-    z-index: 3;
-}
-
-/*  Airbase  */
-[data-object|="airbase"] .airbase-marker {
-    background-image: var(--airbase-marker-neutral-url);
-    background-size: contain;
-    height: var(--airbase-marker-height);
-    width: var(--airbase-marker-width);
-}
-
-[data-object|="airbase"][data-coalition="red"] .airbase-marker {
-    background-image: var(--airbase-marker-red-url);
-}
-
-[data-object|="airbase"][data-coalition="blue"] .airbase-marker {
-    background-image: var(--airbase-marker-blue-url);
-}

client/public/stylesheets/atc/atc.css

@@ -1,4 +1,8 @@
-
+.ol-strip-board .ol-dialog-header {
+    align-items: center;
+    display:flex;
+    justify-content: space-between;
+}
 
 .ol-strip-board-strips {
     display:flex;
@@ -178,6 +182,7 @@
 
 .ol-strip-board-add-flight .ol-auto-suggest[data-has-suggestions] {
     display:flex;
+    row-gap: 4px;
 }
 
 .ol-strip-board-add-flight .ol-auto-suggest[data-has-suggestions] a {
@@ -192,4 +197,9 @@
 [data-board-type="tower"] {
     right:10px;
     top:10px;
+}
+
+[data-board-type="tower"] .ol-auto-suggest {
+    top:30px;
+    translate:0;
 }

client/public/stylesheets/layout.css

@@ -1,245 +0,0 @@
-/* Page style */
-#map-container {
-	height: 100%;
-	min-width: 820px;
-	width: 100%;
-}
-
-#primary-toolbar {
-	align-items: center;
-	display:flex;
-	position: absolute;
-	left: 10px;
-	top: 10px;
-	z-index: 1000;
-}
-
-#olympus-toolbar-summary {
-	background-image: url("/images/icon-round.png");
-	background-position: 25px 20px;
-	background-repeat: no-repeat;
-	background-size: 36px 36px;
-	display: flex;
-	flex-direction: column;
-	text-indent: 44px;
-}
-
-dl.ol-data-grid {
-	align-items: center;
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	margin: 0;
-	row-gap: 4px;
-}
-
-dl.ol-data-grid dt {
-	width: 60%;
-}
-
-dl.ol-data-grid dd {
-	width: 40%;
-}
-
-
-dl.ol-data-grid dt.icon {
-	text-indent: 10px;
-}
-
-dl.ol-data-grid dt.icon::before {
-	content: url(/images/icons/speed.svg );
-	display: inline-block;
-	filter: invert(100%);
-	width: 20px;
-	translate: -20px 2px;
-}
-
-
-dl.ol-data-grid dt.icon-speed::before {
-	content: url(/images/icons/speed.svg );
-}
-
-
-dl.ol-data-grid dt.icon-altitude::before {
-	content: url(/images/icons/altitude.svg );
-}
-
-dl.ol-data-grid dd {
-	display: flex;
-	justify-content: flex-end;
-	margin-left: auto;
-}
-
-.br-info::after {
-	content: attr(data-bearing) '\00B0  / ' attr(data-distance) attr(data-distance-units);
-}
-
-.br-info[data-message]::after {
-	content: attr(data-message);
-}
-
-.coordinates::after {
-	content: attr(data-dd) "\00b0 " attr(data-mm) "'" attr(data-ss) "." attr(data-sss) '"' attr(data-label);
-}
-
-.ol-button-box {
-	column-gap: 6px;
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	margin: 5px 0;
-	row-gap: 5px;
-}
-
-.ol-button-box button {
-	background-repeat: no-repeat;
-	;
-	border: 1px solid var(--accent-light-blue);
-	color: var(--accent-light-blue);
-}
-
-.ol-dialog {
-	align-self: center;
-	background-color: var(--background-slate-blue);
-	color: white;
-	justify-self: center;
-	position: absolute;
-	z-index: 1000;
-}
-
-.ol-panel.ol-dialog {
-	padding: 20px;
-}
-
-.ol-dialog-close {
-	cursor: pointer;
-	font-size: 16px;
-	font-weight: var(--font-weight-bolder);
-	position: absolute;
-	right: 20px;
-	top: 10px;
-}
-
-.ol-dialog-close::before {
-	content: "\d7";
-}
-
-.ol-dialog-header {
-	border-bottom: 1px solid var(--background-grey);
-	padding-bottom: 10px;
-}
-
-.ol-dialog-content {
-	margin:4px 0;
-}
-
-.ol-dialog-footer {
-	border-top: 1px solid var(--background-grey);
-	padding-top: 15px;
-	display: flex;
-	row-gap: 10px;
-}
-
-.ol-dialog.scrollable .ol-dialog-content {
-	overflow-y: auto;
-}
-
-.ol-checkbox label {
-	align-items: center;
-	cursor: pointer;
-	display: flex;
-	flex-wrap: nowrap;
-	white-space: nowrap;
-}
-
-.ol-checkbox input[type="checkbox"] {
-	appearance: none;
-	background-color: transparent;
-	border: none;
-	margin: 0;
-}
-
-.ol-checkbox input[type="checkbox"]::before {
-	align-self: center;
-	background-image: url("/images/icons/square-regular.svg");
-	background-repeat: no-repeat;
-	content: "";
-	filter: invert(100%);
-	display: flex;
-	height: 16px;
-	margin-right: 10px;
-	width: 16px;
-}
-
-.ol-checkbox input[type="checkbox"]:checked::before {
-	background-image: url("/images/icons/square-check-solid.svg");
-}
-
-.ol-text-input input {
-	height: 40px;
-	border-radius: 5px;
-	color: var(--background-offwhite);
-	background-color: var(--background-grey);
-    border: 1px solid var(--background-grey);
-    border-radius: var(--border-radius-sm);
-	text-align: center;
-	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-}
-
-input[type=number] { 
-    -moz-appearance: textfield;
-    appearance: textfield;
-    margin: 0; 
-}
-
-input[type=number]::-webkit-inner-spin-button,
-input[type=number]::-webkit-outer-spin-button { 
-      -webkit-appearance: none; 
-      margin: 0; 
-}
-
-[class|="ol-button"] {
-	align-items: center;
-	background-repeat: no-repeat;
-	display: flex;
-	font-weight: normal;
-	padding: 8px 10px;
-	white-space: nowrap;
-}
-
-[class|="ol-button"]::before {
-	margin-right: 8px;
-}
-
-.ol-button-close {
-	background: transparent;
-	border: 1px solid white;
-}
-
-.ol-button-close::before {
-	content: "\d7";
-}
-
-.ol-button-apply {
-	background: transparent;
-	border: 1px solid white;
-}
-
-.ol-button-apply::before {
-	content: "\2713";
-}
-
-.ol-button-settings {
-	background-color: var(--background-slate-blue);
-}
-
-.ol-button-settings::before {
-	background-image: url("/images/icons/gears-solid.svg");
-	background-position: 0 50%;
-	background-size: 24px 24px;
-	content: "";
-	display: flex;
-	filter: invert(100%);
-	height: 24px;
-	width: 24px;
-}

client/public/stylesheets/layout/layout.css

@@ -0,0 +1,84 @@
+/* Page style */
+#map-container {
+	height: 100%;
+	min-width: 820px;
+	width: 100%;
+}
+
+#primary-toolbar {
+	align-items: center;
+	display: flex;
+	left: 10px;
+	position: absolute;
+	top: 10px;
+	z-index: 9999;
+}
+
+#app-icon>.ol-select-options {
+	width: fit-content;
+}
+
+#toolbar-summary {
+	background-image: url("/images/icon-round.png");
+	background-position: 20px 22px;
+	background-repeat: no-repeat;
+	background-size: 45px 45px;
+	display: flex;
+	flex-direction: column;
+	padding: 20px;
+	text-indent: 60px;
+}
+
+#toolbar-summary {
+	white-space: nowrap;
+}
+
+#connection-status-panel {
+	bottom: 20px;
+	font-size: 12px;
+	position: absolute;
+	right: 10px;
+	width: 180px;
+	z-index: 9999;
+}
+
+#mouse-info-panel {
+	bottom: 60px;
+	display: flex;
+	flex-direction: column;
+	height: fit-content;
+	position: absolute;
+	right: 10px;
+	row-gap: 10px;
+	width: 180px;
+	z-index: 9999;
+}
+
+#unit-control-panel {
+	height: fit-content;
+	left: 10px;
+	position: absolute;
+	top: 80px;
+	width: 320px;
+	z-index: 9999;
+}
+
+#unit-info-panel {
+	bottom: 20px;
+	font-size: 12px;
+	left: 10px;
+	position: absolute;
+	width: fit-content;
+	z-index: 9999;
+	padding: 24px 30px;
+}
+
+#info-popup {
+    position: absolute;
+    width: fit-content;
+    height: fit-content;
+    top: 100px;
+    left: 50%;
+    translate: -50% 0%;
+    z-index: 9999;
+}

client/public/stylesheets/markers/airbase.css

@@ -0,0 +1,20 @@
+.airbase-icon {
+    align-items: center;
+    cursor: pointer;
+    display: flex;
+    justify-content: center;
+    position: relative;
+}
+
+.airbase-icon[data-coalition="red"] svg * {
+    stroke: var(--unit-background-red);
+}
+
+.airbase-icon[data-coalition="blue"] svg * {
+    stroke: var(--unit-background-blue);
+}
+
+.airbase-icon[data-coalition="neutral"] svg * {
+    stroke: var(--unit-background-neutral);
+}
+

client/public/stylesheets/markers/bullseye.css

@@ -0,0 +1,22 @@
+.bullseye-icon {
+    align-items: center;
+    cursor: pointer;
+    display: flex;
+    justify-content: center;
+    position: relative;
+}
+
+.bullseye-icon[data-coalition="red"] svg * {
+    stroke: var(--unit-background-red);
+    fill: var(--unit-background-red);
+}
+
+.bullseye-icon[data-coalition="blue"] svg * {
+    stroke: var(--unit-background-blue);
+    fill: var(--unit-background-blue);
+}
+
+.bullseye-icon[data-coalition="neutral"] svg * {
+    stroke: var(--unit-background-neutral);
+    fill: var(--unit-background-neutral);
+}

client/public/stylesheets/markers/units.css

@@ -0,0 +1,314 @@
+/*** Unit marker elements ***/
+[data-object|="unit"] {
+    align-items: center;
+    cursor: pointer;
+    display: flex;
+    height: 100%;
+    justify-content: center;
+    position: relative;
+    width: 100%;
+}
+
+.unit-vvi {
+    align-self: center;
+    background: var(--secondary-gunmetal-grey);
+    display: flex;
+    justify-self: center;
+    padding-bottom: calc((var(--unit-aircraft-width) / 2) + var(--unit-stroke-width));
+    position: absolute;
+    transform-origin: bottom;
+    translate: 0 -50%;
+    width: var(--unit-aircraft-vvi-width);
+}
+
+.unit-hotgroup {
+    align-content: center;
+    background-color: var(--background-steel);
+    border-radius: var(--border-radius-xs);
+    display: none;
+    height: 15px;
+    justify-content: center;
+    position: absolute;
+    transform: rotate(-45deg);
+    translate: 0 -200%;
+    width: 15px;
+}
+
+.unit-hotgroup-id {
+    background-color: transparent;
+    color: white;
+    font-size: 9px;
+    font-weight: bolder;
+    transform: rotate(45deg);
+    translate: -1px 1px;
+}
+
+.unit-icon {
+    height: var(--unit-height);
+    position: absolute;
+    transform-origin: center;
+    width: var(--unit-width);
+}
+
+[data-is-selected] .unit-icon::before {
+    background-color: var(--unit-spotlight-fill);
+    border-radius: 50%;
+    content: "";
+    height: 100%;
+    position: absolute;
+    width: 100%;
+    z-index: -1;
+}
+
+/*** Basic colours ***/
+[data-coalition="blue"] .unit-icon svg>*:first-child {
+    fill: var(--unit-background-blue);
+}
+
+[data-coalition="red"] .unit-icon svg>*:first-child {
+    fill: var(--unit-background-red);
+}
+
+[data-coalition="neutral"] .unit-icon svg>*:first-child {
+    fill: var(--unit-background-neutral);
+}
+
+[data-is-selected] .unit-icon svg>*:first-child {
+    fill: white;
+}
+
+[data-is-highlighted] .unit-icon svg>*:first-child {
+    stroke: white;
+}
+
+/*** Cursors ***/
+[data-is-dead],
+[data-object|="unit-missile"],
+[data-object|="unit-bomb"] {
+    cursor: default;
+}
+
+/*** Labels ***/
+[data-object|="unit"] .unit-short-label {
+    color: var(--secondary-gunmetal-grey);
+    font-size: var(--unit-font-size);
+    font-weight: var(--unit-font-weight);
+    line-height: normal;
+    position: absolute;
+}
+
+/*** Fuel indicator ***/
+[data-object|="unit"] .unit-fuel {
+    background: white;
+    border: var(--unit-aircraft-fuel-border-width) solid var(--secondary-dark-steel);
+    border-radius: var(--border-radius-sm);
+    display: none;
+    height: var(--unit-aircraft-fuel-height);
+    position: absolute;
+    translate: var(--unit-aircraft-fuel-x) var(--unit-aircraft-fuel-y);
+    width: var(--unit-aircraft-fuel-width);
+}
+
+[data-object|="unit"] .unit-fuel-level {
+    background-color: var(--secondary-light-grey);
+    height: 100%;
+    width: 100%;
+}
+
+/*** Ammo indicator ***/
+[data-object|="unit"] .unit-ammo {
+    column-gap: var(--unit-aircraft-ammo-spacing);
+    display: none;
+    height: fit-content;
+    position: absolute;
+    translate: var(--unit-aircraft-ammo-x) var(--unit-aircraft-ammo-y);
+    width: fit-content;
+}
+
+[data-object|="unit"] .unit-ammo>* {
+    background-color: white;
+    border: var(--unit-aircraft-ammo-border-width) solid var(--secondary-dark-steel);
+    border-radius: 50%;
+    padding: var(--unit-aircraft-ammo-radius);
+}
+
+/*** Unit summary ***/
+[data-object|="unit"] .unit-summary {
+    color: white;
+    column-gap: 6px;
+    display: flex;
+    flex-wrap: wrap;
+    font-size: 11px;
+    font-weight: bold;
+    justify-content: right;
+    line-height: 12px;
+    pointer-events: none;
+    position: absolute;
+    row-gap: 1px;
+    text-shadow:
+        -1px -1px 0 #000,
+        1px -1px 0 #000,
+        -1px 1px 0 #000,
+        1px 1px 0 #000;
+    translate: -60px 0;
+    width: fit-content;
+}
+
+[data-hide-labels] [data-object|="unit"] .unit-summary {
+    display: none;
+}
+
+[data-object|="unit"] .unit-summary>* {
+    padding: 1px;
+}
+
+[data-object|="unit"] .unit-summary .unit-callsign {
+    color: white;
+    overflow: hidden;
+    text-align: right;
+    transform-origin: right;
+    white-space: nowrap;
+    width: 80px;
+}
+
+[data-object|="unit"] .unit-summary .unit-callsign:hover {
+    direction: rtl;
+    overflow: visible;
+}
+
+/*** Common ***/
+[data-object|="unit"]:hover .unit-ammo,
+[data-object|="unit"]:hover .unit-fuel {
+    display: flex;
+}
+
+@keyframes pulse {
+    50% {
+        opacity: 0;
+    }
+}
+
+[data-object|="unit"][data-has-low-fuel] .unit-fuel {
+    animation: pulse 1.5s linear infinite;
+}
+
+[data-object|="unit"][data-is-in-hotgroup] .unit-hotgroup,
+[data-object|="unit"][data-is-selected] .unit-ammo,
+[data-object|="unit"][data-is-selected] .unit-fuel,
+[data-object|="unit"][data-is-selected] .unit-selected-spotlight {
+    display: flex;
+}
+
+[data-object|="unit"][data-has-fox-1] .unit-ammo>div:nth-child(1),
+[data-object|="unit"][data-has-fox-2] .unit-ammo>div:nth-child(2),
+[data-object|="unit"][data-has-fox-3] .unit-ammo>div:nth-child(3),
+[data-object|="unit"][data-has-other-ammo] .unit-ammo>div:nth-child(4) {
+    background-color: var(--secondary-gunmetal-grey);
+}
+
+[data-object|="unit"][data-coalition="blue"][data-is-selected] .unit-short-label {
+    color: var(--secondary-blue-text);
+}
+
+[data-object|="unit"][data-coalition="blue"] .unit-fuel-level,
+[data-object|="unit"][data-coalition="blue"][data-has-fox-1] .unit-ammo>div:nth-child(1),
+[data-object|="unit"][data-coalition="blue"][data-has-fox-2] .unit-ammo>div:nth-child(2),
+[data-object|="unit"][data-coalition="blue"][data-has-fox-3] .unit-ammo>div:nth-child(3),
+[data-object|="unit"][data-coalition="blue"][data-has-other-ammo] .unit-ammo>div:nth-child(4) {
+    background-color: var(--primary-blue);
+}
+
+[data-object|="unit"][data-coalition="blue"] .unit-vvi {
+    background-color: var(--secondary-blue-outline);
+}
+
+[data-object|="unit"][data-coalition="red"][data-is-selected] .unit-short-label {
+    color: var(--secondary-red-text);
+}
+
+[data-object|="unit"][data-coalition="red"] .unit-fuel-level,
+[data-object|="unit"][data-coalition="red"][data-has-fox-1] .unit-ammo>div:nth-child(1),
+[data-object|="unit"][data-coalition="red"][data-has-fox-2] .unit-ammo>div:nth-child(2),
+[data-object|="unit"][data-coalition="red"][data-has-fox-3] .unit-ammo>div:nth-child(3),
+[data-object|="unit"][data-coalition="red"][data-has-other-ammo] .unit-ammo>div:nth-child(4) {
+    background-color: var(--primary-red);
+}
+
+[data-object|="unit"][data-coalition="blue"] .unit-vvi {
+    background-color: var(--secondary-red-outline);
+}
+
+/*** Unit state ***/
+[data-object|="unit"] .unit-state {
+    background-repeat: no-repeat;
+    height: 20px;
+    position: absolute;
+    width: 20px;
+    left: 0px;
+    top: 0px;
+}
+
+[data-object|="unit"][data-state="rtb"] .unit-state {
+    background-image: url("/resources/theme/images/states/rtb.svg");
+}
+
+[data-object|="unit"][data-state="land"] .unit-state {
+    background-image: url("/resources/theme/images/states/rtb.svg");
+}
+
+[data-object|="unit"][data-state="idle"] .unit-state {
+    background-image: url("/resources/theme/images/states/idle.svg");
+}
+
+[data-object*="groundunit"][data-state="idle"] .unit-state {
+    background-image: url("");  /* To avoid clutter, dont show the idle state for non flying units */
+}
+
+[data-object|="unit"][data-state="attack"] .unit-state,
+[data-object|="unit"][data-state="bombing point"] .unit-state,
+[data-object|="unit"][data-state="carpet bombing"] .unit-state,
+[data-object|="unit"][data-state="firing at area"] .unit-state {
+    background-image: url("/resources/theme/images/states/attack.svg");
+}
+
+[data-object|="unit"][data-state="follow"] .unit-state {
+    background-image: url("/resources/theme/images/states/follow.svg");
+}
+
+[data-object|="unit"][data-state="refuel"] .unit-state {
+    background-image: url("/resources/theme/images/states/refuel.svg");
+}
+
+[data-object|="unit"][data-state="human"] .unit-state {
+    background-image: url("/resources/theme/images/states/human.svg");
+}
+
+[data-object|="unit"][data-state="dcs"] .unit-state {
+    background-image: url("/resources/theme/images/states/dcs.svg");
+}
+
+[data-object|="unit"][data-state="no-task"] .unit-state {
+    background-image: url("/resources/theme/images/states/no-task.svg");
+}
+
+/*** Dead unit ***/
+[data-object|="unit-aircraft"][data-is-dead] .unit-selected-spotlight,
+[data-object|="unit-aircraft"][data-is-dead] .unit-short-label,
+[data-object|="unit-aircraft"][data-is-dead] .unit-vvi,
+[data-object|="unit-aircraft"][data-is-dead] .unit-hotgroup,
+[data-object|="unit-aircraft"][data-is-dead] .unit-hotgroup-id,
+[data-object|="unit-aircraft"][data-is-dead] .unit-state,
+[data-object|="unit-aircraft"][data-is-dead] .unit-fuel,
+[data-object|="unit-aircraft"][data-is-dead] .unit-ammo,
+[data-object|="unit-aircraft"][data-is-dead]:hover .unit-fuel,
+[data-object|="unit-aircraft"][data-is-dead]:hover .unit-ammo {
+    display: none;
+}
+
+[data-object|="unit-aircraft"][data-is-dead] .unit-summary>* {
+    display: none;
+}
+
+[data-object|="unit-aircraft"][data-is-dead] .unit-summary .unit-callsign {
+    display: block;
+}

client/public/stylesheets/mouseinfopanel.css

@@ -1,91 +0,0 @@
-#mouse-info-panel {
-	bottom: 60px;
-	display:flex;
-	flex-direction: column;
-	height: fit-content;
-	position: absolute;
-	right: 10px;
-	row-gap: 10px;
-	width: 160px;
-	z-index: 1000;
-}
-
-
-#mouse-info-panel > * {
-	background-color: var( --background-grey );
-	border-radius: var( --border-radius-sm );
-	padding:6px;
-}
-
-
-#mouse-info-panel dl {
-	margin-bottom:4px;
-	row-gap: 8px;
-}
-
-#mouse-info-panel dt {
-	height:20px;
-	width:30%;
-}
-
-#mouse-info-panel dt::after {
-	align-items: center;
-	background-color: white;
-	border-radius: var( --border-radius-sm );
-	color: var( --background-steel );
-	display:flex;
-	font-size:15.6px;
-	font-weight: bolder;
-	height:16px;
-	justify-content: center;
-	line-height: 16px;
-	padding:4px;
-	text-transform: uppercase;
-	width:16px;
-}
-
-#mouse-info-panel dt#ref-unit-position::after {
-	background-image: url( "/images/icons/ruler.svg" );
-	background-position: 50% 50%;
-	background-repeat: no-repeat;
-	background-size:16px 16px;
-	content: "";
-}
-
-#mouse-info-panel dt#ref-measure-position::after {
-	background-image: url( "/images/pin.png" );
-	background-position: 50% 50%;
-	background-repeat: no-repeat;
-	background-size:16px 16px;
-	content: "";
-}
-
-
-#mouse-info-panel dt[data-label]::after {
-	content: attr( data-label );
-}
-
-#mouse-info-panel dt[data-coalition="blue"]::after {
-	background-color: var( --primary-blue );
-}
-
-#mouse-info-panel dt[data-coalition="red"]::after {
-	background-color: var( --primary-red );
-}
-
-
-#mouse-info-panel dt[data-tooltip]:hover::before {
-	background-color: var( --background-grey );
-	border-radius: 5px;
-	content: attr( data-tooltip );
-	display:flex;
-	flex-wrap: nowrap;
-	padding: 5px;
-	position: absolute;
-	translate: calc( -100% - 15px ) 0;
-	white-space: nowrap;
-}
-
-#mouse-info-panel dd {
-	width:70%;
-}

client/public/stylesheets/other/contextmenus.css

@@ -4,7 +4,7 @@
     height: fit-content;
     position: absolute;
     row-gap: 5px;
-    width: 230px;
+    width: 280px;
     z-index: 9999;
 }
 
@@ -17,23 +17,37 @@
 }
 
 #active-coalition-label {
-    position: absolute;
-    top: -28px;
     border-radius: 999px;
-    width: fit-content;
+    color: var(--nav-text);
+    font-size: 12px;
+    font-weight: 600;
     height: fit-content;
     padding: 3px 10px;
     padding-bottom: 3px;
-    font-weight: 600;
-    color: var(--nav-text);
-    font-size: 12px;
+    position: absolute;
+    top: -28px;
+    width: fit-content;
 }
 
-#context-menu-switch {
+#coalition-switch {
     margin-right: 10px;
+    height: 25px;
+    width: 50px;
 }
 
-#map-contextmenu>div:nth-child(2){
+#coalition-switch[data-value="false"]>.ol-switch-fill {
+	background-color: var(--primary-blue);
+}
+
+#coalition-switch[data-value="true"]>.ol-switch-fill {
+	background-color: var(--primary-red);
+}
+
+#coalition-switch[data-value="undefined"]>.ol-switch-fill {
+	background-color: var(--primary-neutral);
+}
+
+#map-contextmenu>div:nth-child(2) {
     align-items: center;
     display: flex;
     flex-direction: row;
@@ -41,22 +55,22 @@
     padding-right: 0px;
 }
 
-#map-contextmenu>ul{
+#map-contextmenu>ul {
     max-height: 200px;
     overflow-x: hidden;
     overflow-y: auto;
 }
 
 #map-contextmenu .ol-panel {
-    width: 100%;
     border-radius: var(--border-radius-sm);
+    width: 100%;
 }
 
 #map-contextmenu ul {
     margin: 0px;
 }
 
-#map-contextmenu>div:nth-child(n+3){
+#map-contextmenu>div:nth-child(n+3) {
     align-items: center;
     display: flex;
     flex-direction: column;
@@ -64,42 +78,45 @@
     row-gap: 5px;
 }
 
-#map-contextmenu .ol-select-container{
-    width: 100%;
-    flex:0 0 auto;
+#map-contextmenu .ol-select-container {
     align-self: stretch;
+    flex: 0 0 auto;
+    width: 100%;
 }
 
-
-
 #aircraft-spawn-menu .ol-select.is-open .ol-select-options {
     max-height: 300px;
 }
 
 #aircraft-spawn-menu>button,
 #ground-unit-spawn-menu>button {
-    width: 100%;
     text-align: center;
+    width: 100%;
 }
 
 #aircraft-spawn-button {
-    background-image: var( --spawn-aircraft-url );
+    background-image: url("/resources/theme/images/buttons/spawn/aircraft.svg");
     background-size: 48px;
 }
 
 #ground-unit-spawn-button {
-    background-image: var( --spawn-groundunit-url );
+    background-image: url("/resources/theme/images/buttons/spawn/ground.svg");
     background-size: 48px;
 }
 
 #smoke-spawn-button {
-    background-image: var( --spawn-smoke-url );
+    background-image: url("/resources/theme/images/buttons/spawn/smoke.svg");
+    background-size: 48px;
+}
+
+#explosion-spawn-button {
+    background-image: url("/resources/theme/images/buttons/spawn/explosion.svg");
     background-size: 48px;
 }
 
 .unit-spawn-button {
-    border-radius: 0px;
     border: none;
+    border-radius: 0px;
     height: 48px;
     margin-bottom: -10px;
     margin-top: -10px;
@@ -107,216 +124,276 @@
 }
 
 .unit-spawn-button:last-of-type {
-    border-top-right-radius: var(--border-radius-sm);
     border-bottom-right-radius: var(--border-radius-sm);
+    border-top-right-radius: var(--border-radius-sm);
 }
 
-[data-active-coalition="blue"].toggle-fill,
-[data-active-coalition="blue"].unit-spawn-button:hover, 
-[data-active-coalition="blue"].unit-spawn-button.is-open, 
+[data-active-coalition="blue"].unit-spawn-button:hover,
+[data-active-coalition="blue"].unit-spawn-button.is-open,
 [data-active-coalition="blue"]#active-coalition-label,
 [data-active-coalition="blue"].deploy-unit-button,
-[data-active-coalition="blue"]#spawn-airbase-aircraft-button
-{
+[data-active-coalition="blue"]#spawn-airbase-aircraft-button {
     background-color: var(--primary-blue)
 }
 
-[data-active-coalition="red"].toggle-fill,
-[data-active-coalition="red"].unit-spawn-button:hover, 
-[data-active-coalition="red"].unit-spawn-button.is-open, 
+[data-active-coalition="red"].unit-spawn-button:hover,
+[data-active-coalition="red"].unit-spawn-button.is-open,
 [data-active-coalition="red"]#active-coalition-label,
 [data-active-coalition="red"].deploy-unit-button,
-[data-active-coalition="red"]#spawn-airbase-aircraft-button
-{
+[data-active-coalition="red"]#spawn-airbase-aircraft-button {
     background-color: var(--primary-red)
 }
 
+[data-active-coalition="neutral"].unit-spawn-button:hover,
+[data-active-coalition="neutral"].unit-spawn-button.is-open,
+[data-active-coalition="neutral"]#active-coalition-label,
+[data-active-coalition="neutral"].deploy-unit-button,
+[data-active-coalition="neutral"]#spawn-airbase-aircraft-button {
+    background-color: var(--primary-neutral)
+}
+
 [data-active-coalition="blue"].deploy-unit-button:disabled {
     background-color: transparent;
     border: 1px solid var(--primary-blue);
     cursor: default;
 }
+
 [data-active-coalition="red"].deploy-unit-button:disabled {
     background-color: transparent;
     border: 1px solid var(--primary-red);
     cursor: default;
 }
 
+[data-active-coalition="neutral"].deploy-unit-button:disabled {
+    background-color: transparent;
+    border: 1px solid var(--primary-neutral);
+    cursor: default;
+}
+
 [data-active-coalition="blue"]#active-coalition-label::after {
     content: "Create blue unit";
 }
+
 [data-active-coalition="red"]#active-coalition-label::after {
     content: "Create red unit";
 }
 
+[data-active-coalition="neutral"]#active-coalition-label::after {
+    content: "Create neutral unit";
+}
+
 #loadout-preview {
-    display: flex;
-    flex-direction: row;
     align-content: space-between;
     align-items: center;
-    width: 100%;
     column-gap: 20px;
+    display: flex;
+    flex-direction: row;
+    width: 100%;
 }
 
 #loadout-list {
+    align-content: center;
     display: flex;
     flex-direction: column;
-    align-content: center;
     height: 100%;
 }
 
 #unit-image {
-    width: 100px;
     filter: invert(100%);
-    margin-top: 10px;
+    height: 100px;
     margin-bottom: 10px;
+    margin-top: 10px;
+    width: 100px;
 }
 
 #smoke-spawn-menu {
+    align-items: center;
     display: flex;
     flex-direction: column;
-    align-items: center;
     text-align: center;
 }
 
+#explosion-menu>button,
 #smoke-spawn-menu>button {
-    width: 100%;
-    text-align: left;
-    display: flex;
-    flex-wrap: wrap;
     align-items: center;
     column-gap: 10px;
+    display: flex;
+    flex-wrap: wrap;
+    text-align: left;
+    width: 100%;
 }
 
 #smoke-spawn-menu>button::before {
-    display: block;
-    width: 10px;
-    height: 10px;
     border-radius: 999px;
     content: "";
+    display: block;
+    height: 10px;
+    width: 10px;
 }
 
-[data-smoke-color="red"]::before{ background-color: red; }
-[data-smoke-color="white"]::before{ background-color: white; }
-[data-smoke-color="blue"]::before{ background-color: blue; }
-[data-smoke-color="green"]::before{ background-color: green; }
-[data-smoke-color="orange"]::before{ background-color: orange; }
+[data-smoke-color="red"]::before {
+    background-color: red;
+}
+
+[data-smoke-color="white"]::before {
+    background-color: white;
+}
+
+[data-smoke-color="blue"]::before {
+    background-color: blue;
+}
+
+[data-smoke-color="green"]::before {
+    background-color: green;
+}
+
+[data-smoke-color="orange"]::before {
+    background-color: orange;
+}
+
+#aircraft-spawn-menu .ol-slider-value {
+	color: var(--accent-light-blue);
+	cursor: pointer;
+	font-size: 14px;
+	font-weight: bold;
+}
+
+#aircraft-spawn-altitude-slider {
+    padding: 0px 10px;
+}
 
 /* Unit context menu */
 #unit-contextmenu {
     display: flex;
     flex-direction: column;
     height: fit-content;
-    width: fit-content;
+    padding: 15px;
     position: absolute;
     row-gap: 5px;
-    z-index: 1000;
-    padding: 15px;
+    width: fit-content;
+    z-index: 9999;
 }
 
 #unit-contextmenu button {
     border: 1px solid var(--background-offwhite);
     border-radius: var(--border-radius-sm);
-    padding: 12px;
     font-weight: normal;
+    padding: 12px;
 }
 
 #unit-contextmenu div {
+    align-content: center;
     display: flex;
     flex-direction: row;
-    align-content: center;
 }
 
 #unit-contextmenu div:before {
-	display: inline-block;
-	filter: invert(100%);
-	height: 16px;
-	margin-right: 15px;
-	width: 16px;
+    display: inline-block;
+    filter: invert(100%);
+    height: 16px;
+    margin-right: 15px;
+    width: 16px;
 }
 
 #center-map::before {
-	content: url( /images/icons/arrows-to-eye-solid.svg );
+    content: url("/resources/theme/images/icons/arrows-to-eye-solid.svg");
 }
 
 #refuel::before {
-	content: url( /images/icons/fuel.svg );
+    content: url("/resources/theme/images/icons/fuel.svg");
 }
 
 #attack::before {
-	content: url( /images/icons/sword.svg );
+    content: url("/resources/theme/images/icons/sword.svg");
+}
+
+#bomb::before {
+    content: url("/resources/theme/images/icons/crosshairs-solid.svg");
+}
+
+#carpet-bomb::before {
+    content: url("/resources/theme/images/icons/explosion-solid.svg");
+}
+
+#fire-at-area::before {
+    content: url("/resources/theme/images/icons/crosshairs-solid.svg");
 }
 
 #follow::before {
-	content: url( /images/icons/follow.svg );
+    content: url("/resources/theme/images/icons/follow.svg");
 }
 
 #trail::before {
-	content: url( /images/icons/trail.svg );
+    content: url("/resources/theme/images/icons/trail.svg");
 }
 
 #echelon-lh::before {
-	content: url( /images/icons/echelon-lh.svg );
+    content: url("/resources/theme/images/icons/echelon-lh.svg");
 }
 
 #echelon-rh::before {
-	content: url( /images/icons/echelon-rh.svg );
+    content: url("/resources/theme/images/icons/echelon-rh.svg");
 }
 
-#line-abreast::before {
-	content: url( /images/icons/line-abreast.svg );
+#line-abreast-rh::before,
+#line-abreast-lh::before {
+    content: url("/resources/theme/images/icons/line-abreast.svg");
 }
 
 #front::before {
-	content: url( /images/icons/front.svg );
+    content: url("/resources/theme/images/icons/front.svg");
+}
+
+#diamond::before {
+    content: url("/resources/theme/images/icons/diamond.svg");
 }
 
 #custom::before {
-	content: url( /images/icons/custom.svg );
+    content: url("/resources/theme/images/icons/custom.svg");
 }
 
 #custom-formation-dialog {
-	width: 250px;
+    width: 250px;
 }
 
-#custom-formation-dialog > .ol-dialog-content {
-	margin-top: 10px;
-	margin-bottom: 10px;
-	display: flex;
-	flex-direction: column;
-	flex-wrap: nowrap;
-	row-gap: 10px;
+#custom-formation-dialog>.ol-dialog-content {
     align-items: center;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    margin-bottom: 10px;
+    margin-top: 10px;
+    row-gap: 10px;
 }
 
-#custom-formation-dialog > .ol-dialog-content > .ol-group {
+#custom-formation-dialog>.ol-dialog-content>.ol-group {
+    justify-content: space-between;
     width: 100%;
-	justify-content: space-between;
 }
 
 #reference-system {
-    content: url( /images/reference-system.svg );
+    content: url("/images/reference-system.svg");
     display: inline-block;
-	filter: invert(100%);
-    width: 50px;
-    transform: translate(-50%, -50%); 
+    filter: invert(100%);
     position: absolute;
+    transform: translate(-50%, -50%);
+    width: 50px;
 }
 
 .formation-position-clock {
-    position: relative; 
     height: 100px;
-    width: 100px; 
     margin: 15px;
+    position: relative;
+    width: 100px;
 }
 
-.formation-position-clock > .clock-hand {
-    transform: translate(-50%, -50%); 
-    display: flex; 
-    position: absolute; 
-    align-items: center; 
-    justify-content: center; 
-    height: 20px; 
+.formation-position-clock>.clock-hand {
+    align-items: center;
+    display: flex;
+    height: 20px;
+    justify-content: center;
+    position: absolute;
+    transform: translate(-50%, -50%);
     width: 20px;
 }
 
@@ -328,5 +405,5 @@
     position: absolute;
     row-gap: 5px;
     width: 180px;
-    z-index: 1000;
-}
+    z-index: 9999;
+}

client/public/stylesheets/other/popup.css

@@ -1,13 +1,3 @@
-#info-popup {
-    position: absolute;
-    width: fit-content;
-    height: fit-content;
-    top: 100px;
-    left: 50%;
-    translate: -50% 0%;
-    z-index: 9999;
-}
-
 .ol-popup > div {
     padding-left: 15px;
     padding-right: 15px;

client/public/stylesheets/panels/connectionstatus.css

@@ -1,12 +1,3 @@
-#connection-status-panel {
-	bottom: 20px;
-	font-size:12px;
-	position: absolute;
-	right: 10px;
-	width: 160px;
-	z-index: 1000;
-}
-
 #connection-status-panel dt::before {
 	content: "No connection";
 }
@@ -15,15 +6,14 @@
 	border-radius: 50%;
 	background: red;
 	content: " ";
-	height:12px;
-	width:12px;
+	height: 12px;
+	width: 12px;
 }
 
-
 #connection-status-panel[data-is-connected] dt::before {
 	content: "Connected";
 }
 
 #connection-status-panel[data-is-connected] dd::after {
-	background:var( --accent-green );
+	background: var(--accent-green);
 }

client/public/stylesheets/panels/mouseinfo.css

@@ -0,0 +1,109 @@
+#mouse-info-panel>* {
+	background-color: var(--background-grey);
+	border-radius: var(--border-radius-sm);
+	padding: 6px;
+}
+
+#mouse-info-panel dl {
+	margin-bottom: 4px;
+	row-gap: 5px;
+}
+
+#mouse-info-panel dt {
+	height: fit-content;
+	width: 30%;
+}
+
+#mouse-info-panel dt::after {
+	align-items: center;
+	background-color: white;
+	border-radius: var(--border-radius-sm);
+	color: var(--background-steel);
+	display: flex;
+	font-size: 15.6px;
+	font-weight: bolder;
+	height: 16px;
+	justify-content: center;
+	line-height: 16px;
+	padding: 4px;
+	text-transform: uppercase;
+	width: 16px;
+}
+
+#mouse-info-panel #measuring-tool dt {
+	height: 24px;
+	width: 24px;
+	background-color: var(--background-offwhite);
+	border-radius: var(--border-radius-sm);
+}
+
+#mouse-info-panel #measuring-tool svg {
+	padding: 3px;
+	height: 100%;
+	width: 100%;
+}
+
+#mouse-info-panel #measuring-tool dt svg>* {
+	fill: black;
+	stroke: black;
+}
+
+#mouse-info-panel dt[data-label]::after {
+	content: attr(data-label);
+}
+
+#mouse-info-panel dt[data-coalition="blue"]::after {
+	background-color: var(--primary-blue);
+}
+
+#mouse-info-panel dt[data-coalition="red"]::after {
+	background-color: var(--primary-red);
+}
+
+#mouse-info-panel dt[data-tooltip]:hover::before {
+	background-color: var(--background-grey);
+	border-radius: 5px;
+	content: attr(data-tooltip);
+	display: flex;
+	flex-wrap: nowrap;
+	padding: 5px;
+	position: absolute;
+	translate: calc(-100% - 15px) 0;
+	white-space: nowrap;
+}
+
+#mouse-info-panel dd {
+	width: 70%;
+}
+
+.br-info::after {
+    content: attr(data-bearing) '\00B0  / ' attr(data-distance) " " attr(data-distance-units);
+	font-weight: bold;
+	font-size: 13px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	color: var(--background-offwhite);
+}
+
+.br-info[data-coalition="blue"]::after {
+    color: var(--primary-blue)
+}
+
+.br-info[data-coalition="red"]::after {
+    color: var(--primary-red)
+}
+
+.br-info[data-message]::after {
+    content: attr(data-message);
+}
+
+.coordinates::after {
+    content: attr(data-value);
+	font-weight: bold;
+	font-size: 13px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	color: var(--background-offwhite);
+}

client/public/stylesheets/panels/unitcontrol.css

@@ -0,0 +1,226 @@
+body.feature-forceShowUnitControlPanel #unit-control-panel {
+	display: block !important;
+}
+
+#unit-control-panel {
+	display: flex;
+	flex-direction: column;
+	row-gap: 10px;
+}
+
+#unit-control-panel h3 {
+	margin-bottom: 8px;
+}
+
+#unit-control-panel #selected-units-container {
+	align-items: left;
+	border-radius: var(--border-radius-md);
+	display: flex;
+	flex-direction: column;
+	max-height: 215px;
+	overflow-x: hidden;
+	overflow-y: auto;
+	row-gap: 4px;
+}
+
+#unit-control-panel #selected-units-container button {
+	align-items: center;
+	border-radius: var(--border-radius-lg);
+	display: flex;
+	font-size: 11px;
+	height: 32px;
+	justify-content: space-between;
+	margin-right: 5px;
+	position: relative;
+	width: calc(100% - 5px);
+}
+
+#unit-control-panel #selected-units-container button::after {
+	border-radius: 999px;
+	color: var(--secondary-semitransparent-white);
+	content: attr(data-label);
+	font-size: 10px;
+	padding: 4px 6px;
+	white-space: nowrap;
+	width: fit-content;
+}
+
+#unit-control-panel #selected-units-container button:hover::after {
+	max-width: 100%;
+	text-overflow: unset;
+}
+
+#unit-control-panel #selected-units-container button::before {
+	border-radius: var(--border-radius-sm);
+	content: attr(data-callsign);
+	display: block;
+	overflow: hidden;
+	padding: 4px;
+	padding-left: 0;
+	text-align: left;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	width: fit-content;
+}
+
+#unit-control-panel h4 {
+	margin-bottom: 8px;
+}
+
+#advanced-settings-dialog {
+	width: 400px;
+}
+
+#advanced-settings-dialog>.ol-dialog-content {
+	display: flex;
+	flex-direction: column;
+	flex-wrap: nowrap;
+	margin-bottom: 10px;
+	margin-top: 10px;
+	row-gap: 10px;
+}
+
+#advanced-settings-dialog>.ol-dialog-content>div {
+	display: flex;
+	flex-direction: column;
+	flex-wrap: nowrap;
+	row-gap: 10px;
+}
+
+#advanced-settings-dialog>.ol-dialog-content>div>.ol-group {
+	justify-content: space-between;
+}
+
+#advanced-settings-dialog h4 {
+	white-space: nowrap;
+}
+
+#advanced-settings-dialog hr {
+	margin-bottom: 10px;
+	margin-top: 15px;
+}
+
+#general-settings-grid {
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	row-gap: 10px;
+}
+
+#general-settings-grid>div {
+	width: 49%;
+}
+
+#flight-data .ol-slider {
+	margin: 20px 0px;
+}
+
+.ol-slider-container dd {
+	column-gap: 5px;
+}
+
+#flight-data .ol-switch {
+	height: 20px;
+	width: 50px;
+}
+
+#flight-data .ol-switch-fill {
+	background-color: var(--accent-light-blue);
+}
+
+#flight-data .ol-switch-fill::after {
+	background-color: white;
+}
+
+#altitude-type-switch[data-value="true"]>.ol-switch-fill::before {
+	content: "AGL";
+}
+
+#altitude-type-switch[data-value="false"]>.ol-switch-fill::before {
+	content: "ASL";
+}
+
+#speed-type-switch[data-value="true"]>.ol-switch-fill::before {
+	content: "GS";
+}
+
+#speed-type-switch[data-value="false"]>.ol-switch-fill::before {
+	content: "CAS";
+}
+
+#unit-control-panel .ol-slider-value {
+	color: var(--accent-light-blue);
+	cursor: pointer;
+	font-size: 14px;
+	font-weight: bold;
+}
+
+#unit-control-panel .switch-control {
+	align-items: center;
+	display: grid;
+	grid-template-columns: 1.35fr 0.65fr;
+}
+
+#unit-control-panel .switch-control>*:nth-child(2) {
+	justify-self: end;
+}
+
+#unit-control-panel .switch-control>*:nth-child(3) {
+	color: var(--secondary-semitransparent-white);
+}
+
+#unit-control-panel .switch-control h4 {
+	margin: 0px;
+}
+
+#unit-control-panel .switch-control .ol-switch {
+	height: 25px;
+	width: 60px;
+}
+
+#unit-control-panel .switch-control .ol-switch-fill {
+	background-color: var(--accent-light-blue);
+}
+
+#unit-control-panel .switch-control .ol-switch-fill::after {
+	background-color: white;
+}
+
+#unit-control-panel .switch-control .ol-switch[data-value="true"]>.ol-switch-fill::before {
+	content: "YES";
+}
+
+#unit-control-panel .switch-control .ol-switch[data-value="false"]>.ol-switch-fill::before {
+	content: "NO";
+}
+
+#advanced-settings-div {
+	column-gap: 5px;
+	display: flex;
+}
+
+#advanced-settings-div>*:nth-child(2) {
+	margin-left: auto;
+}
+
+#advanced-settings-div button {
+	height: 40px;
+}
+
+/* Element visibility control */
+#unit-control-panel:not([data-show-categories-tooltip]) #categories-tooltip,
+#unit-control-panel:not([data-show-speed-slider]) #speed-slider,
+#unit-control-panel:not([data-show-altitude-slider]) #altitude-slider,
+#unit-control-panel:not([data-show-roe]) #roe,
+#unit-control-panel:not([data-show-threat]) #threat,
+#unit-control-panel:not([data-show-emissions-countermeasures]) #emissions-countermeasures,
+#unit-control-panel:not([data-show-on-off]) #ai-on-off,
+#unit-control-panel:not([data-show-follow-roads]) #follow-roads,
+#unit-control-panel:not([data-show-advanced-settings-button]) #advanced-settings-button,
+#advanced-settings-dialog:not([data-show-settings]) #general-settings,
+#advanced-settings-dialog:not([data-show-tasking]) #tasking,
+#advanced-settings-dialog:not([data-show-tanker]) #tanker-checkbox,
+#advanced-settings-dialog:not([data-show-AWACS]) #AWACS-checkbox,
+#advanced-settings-dialog:not([data-show-TACAN]) #TACAN-options,
+#advanced-settings-dialog:not([data-show-radio]) #radio-options {
+	display: none;
+}

client/public/stylesheets/panels/unitinfo.css

@@ -0,0 +1,124 @@
+#unit-info-panel>* {
+	position: relative;
+	min-height: 100px;
+	bottom: 0px;
+}
+
+#general {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	row-gap: 4px;
+	position: relative;
+}
+
+#unit-label {
+	font-weight: bold;
+}
+
+#unit-control {
+	color: var(--secondary-lighter-grey);
+	font-weight: bold;
+}
+
+#unit-name {
+	margin-bottom: 4px;
+	padding: 0px 0;
+}
+
+#current-task {
+	border-radius: var(--border-radius-lg);
+	margin-top: auto;
+	padding: 6px 16px;
+}
+
+#current-task::after {
+	content: attr(data-current-task);
+	display: block;
+}
+
+#loadout {
+	display: flex;
+	overflow: visible;
+	width: 100%;
+	min-width: 125px;
+}
+
+#loadout-container {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+#loadout-silhouette {
+	filter: invert(100%);
+	height: 100px;
+	margin-right: 25px;
+	width: 100px;
+}
+
+#loadout-items {
+	align-self: center;
+	display: flex;
+	flex-flow: column nowrap;
+	row-gap: 8px;
+}
+
+#loadout-items>* {
+	align-items: center;
+	column-gap: 8px;
+	display: flex;
+	white-space: nowrap;
+}
+
+#loadout-items>*::before {
+	align-items: center;
+	background-color: var(--secondary-light-grey);
+	border-radius: 999px;
+	content: attr(data-qty);
+	display: flex;
+	font-size: 11px;
+	font-weight: bold;
+	padding: 4px 6px;
+}
+
+#loadout-items>*::after {
+	content: attr(data-item);
+	max-width: 125px;
+	overflow: hidden;
+	position: relative;
+	text-overflow: ellipsis;
+	width: 100%;
+}
+
+#fuel-percentage {
+	align-items: center;
+	display: flex;
+	margin-top: auto;
+}
+
+#fuel-percentage::before {
+	content: url("/resources/theme/images/icons/fuel.svg");
+	display: inline-block;
+	filter: invert(100%);
+	height: 16px;
+	margin-right: 6px;
+	width: 16px;
+}
+
+#fuel-percentage::after {
+	content: attr(data-percentage) "%";
+}
+
+#fuel-display {
+	background-color: var(--background-grey);
+	border-radius: var(--border-radius-md);
+	height: 6px;
+	margin-top: 4px;
+	overflow: hidden;
+}
+
+#fuel-display #fuel-bar {
+	border-radius: var(--border-radius-md);
+	height: 100%;
+}

client/public/stylesheets/unitcontrolpanel.css

@@ -1,116 +0,0 @@
-body.feature-forceShowUnitControlPanel #unit-control-panel {
-	display:block !important;
-}
-
-
-#unit-control-panel {
-	height: fit-content;
-	left: 10px;
-	position: absolute;
-	top: 80px;
-	width: 250px;
-	z-index: 1000;
-}
-
-#unit-control-panel h3 {
-	margin-bottom:8px;
-}
-
-#unit-control-panel #selected-units-container {
-	align-items: left;
-	border-radius: var( --border-radius-md );
-	display:flex;
-	flex-direction: column;
-	max-height: 136px;
-	overflow-y:auto;
-	row-gap: 4px;
-}
-
-#unit-control-panel #selected-units-container button {
-	align-items: center;
-	border-radius: var( --border-radius-lg );
-	display:flex;
-	font-size: 11px;
-	height:30px;
-	padding:8px 0;
-	position: relative;
-	width:90%;
-}
-
-#unit-control-panel #selected-units-container button::before {
-	background-color: var( --primary-grey );
-	border-radius: var( --border-radius-md );
-	content: attr( data-short-label );
-	margin:0 5px;
-	padding:4px 6px;
-	white-space: nowrap;
-	width:fit-content;
-}
-
-
-
-#unit-control-panel #selected-units-container button[data-coalition="blue"]::before {
-	background-color: var( --accent-light-blue );
-}
-
-#unit-control-panel #selected-units-container button[data-coalition="red"]::before {
-	background-color: var( --accent-light-red );
-	color:var(--secondary-red-outline)
-}
-
-#unit-control-panel #selected-units-container button::after {
-	border-radius: var( --border-radius-sm );
-	content: attr( data-callsign );
-	display: block;
-	overflow: hidden;
-	padding:4px;
-	padding-left:0;
-	text-align: left;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	width:fit-content;
-}
-
-
-#unit-control-panel #selected-units-container button:hover::after {
-	overflow: visible;
-	text-overflow:initial;
-}
-
-#unit-control-panel #selected-units-container button:hover::after {
-	background-color: var( --background-grey );
-}
-
-#unit-control-panel #selected-units-container button[data-coalition="blue"]:hover::after {
-	background-color: var( --primary-blue );
-}
-
-#unit-control-panel #selected-units-container button[data-coalition="red"]:hover::after {
-	background-color: var( --primary-red );
-}
-
-#unit-control-panel h4 {
-	margin-bottom:8px;
-}
-
-#unit-control-panel #threat,
-#unit-control-panel #roe {
-	margin-top:12px;
-}
-
-#advanced-settings-dialog {
-	width: 400px;
-}
-
-#advanced-settings-dialog > .ol-dialog-content {
-	margin-top: 10px;
-	margin-bottom: 10px;
-	display: flex;
-	flex-direction: column;
-	flex-wrap: nowrap;
-	row-gap: 10px;
-}
-
-#advanced-settings-dialog > .ol-dialog-content > .ol-group {
-	justify-content: space-between;
-}

client/public/stylesheets/unitinfopanel.css

@@ -1,119 +0,0 @@
-
-#unit-info-panel {
-	bottom: 20px;
-	font-size:12px;
-	position: absolute;
-	left: 10px;
-	width: fit-content;
-	z-index: 1000;
-}
-
-
-#unit-info-panel #unit-name {
-	padding:0px 0;
-	margin-bottom:4px;
-}
-
-#unit-info-panel #current-task {
-	border-radius: var( --border-radius-lg );
-	margin-top:8px;
-	padding:6px 16px;
-}
-
-#unit-info-panel #current-task::after {
-	content: attr( data-current-task );
-	display:block;
-}
-
-
-#loadout {
-	display:flex;
-	overflow: visible;
-}
-
-#loadout-silhouette {
-	align-items: center;
-	display:flex;
-	justify-content: center;
-	width:100px;
-}
-
-#loadout-silhouette::before {
-	background-image: var( --loadout-background-image );
-	background-repeat: no-repeat;
-	background-size:75px 75px;
-	content:"";
-	display:block;
-	filter: invert( 100% );
-	height:75px;
-	translate:-10px 0;
-	width:75px;
-}
-
-#loadout-items {
-	align-self: center;
-	display:flex;
-	flex-flow: column nowrap;
-	row-gap: 8px;
-}
-
-
-#loadout-items > * {
-	align-items: center;
-	column-gap: 8px;
-	display:flex;
-	justify-content: flex-end;
-	white-space: nowrap;
-}
-
-#loadout-items > *::before {
-	align-items: center;
-	background-color: var( --secondary-light-grey );
-	border-radius: var( --border-radius-sm );
-	content: attr( data-qty );
-	display:flex;
-	font-weight: var( --font-weight-bolder );
-	padding:1px 4px;
-}
-
-#loadout-items > *::after {
-	content: attr( data-item );
-	overflow: hidden;
-	position:relative;
-	text-overflow: ellipsis;
-	width:80px;
-}
-
-
-#fuel-percentage {
-	align-items: center;
-	display:flex;
-}
-
-#fuel-percentage::before {
-	content: url( /images/icons/fuel.svg );
-	display:inline-block;
-	filter:invert(100%);
-	height:16px;
-	margin-right:6px;
-	width:16px;
-}
-
-#fuel-percentage::after {
-	content: attr( data-percentage ) "%";
-}
-
-
-#fuel-display {
-	background-color: var( --background-grey );
-	border-radius: var( --border-radius-md );
-	height:6px;
-	margin-top:4px;
-	overflow: hidden;
-}
-
-#fuel-display #fuel-bar {
-	border-radius: var( --border-radius-md );
-	height:100%;
-}
-

client/public/stylesheets/units.css

@@ -1,582 +0,0 @@
-:root {
-        /*  Generic marker settings  */
-        --unit-centre-x: calc( var( --unit-width ) / 2 );
-        --unit-centre-y: calc( var( --unit-height ) / 2 );
-    
-        --unit-hotgroup-height: 10px;
-        --unit-hotgroup-width: var( --unit-hotgroup-height );
-    
-    
-        /*  Air units' marker settings  */
-        --unit-aircraft-label-x: calc( var( --unit-centre-x ) - ( var( --unit-aircraft-width ) / 2 ) + ( var( --unit-stroke-width ) / 2 ) );
-        --unit-aircraft-label-y: calc( var( --unit-centre-y ) - ( var( --unit-aircraft-height ) / 2 ) + ( var( --unit-stroke-width ) / 2 ) );
-}
-
-
-[data-object|="unit"] {
-    align-items: center;
-    cursor:pointer;
-    display:flex;
-    justify-content: center;
-    position:relative;
-}
-
-[data-object|="unit"] .unit-selected-spotlight {
-    background-color: var( --unit-spotlight-fill );
-    border-radius: 50%;
-    display:none;
-    padding: var( --unit-spotlight-radius );
-    position: absolute;
-    z-index:1;
-}
-
-
-[data-object|="unit"] .unit-vvi {
-    align-self: center;
-    background:var( --secondary-gunmetal-grey );
-    display:flex;
-    justify-self: center;
-    transform-origin: bottom;
-    translate:0 -50%;
-    padding-bottom: calc( ( var( --unit-aircraft-width ) / 2 ) + var( --unit-stroke-width ) );
-    position:absolute;
-    width: var( --unit-aircraft-vvi-width );
-    z-index: 3;
-}
-
-
-[data-object|="unit"] .unit-hotgroup {
-    align-content: center;
-    background-color: black;
-    border-radius: var( --border-radius-xs );
-    display:none;
-    height: var( --unit-hotgroup-height );
-    justify-content: center;
-    position:absolute;
-    transform: rotate( -45deg );
-    translate:0 -275%;
-    width: var( --unit-hotgroup-width );
-    z-index: 5;
-}
-
-[data-object|="unit"] .unit-hotgroup-id {
-    background-color: transparent;
-    color:white;
-    font-size: 9px;
-    font-weight: bolder;
-    transform:rotate( 45deg );
-}
-
-[data-object|="unit"] .unit-marker-border {
-    border-radius: var( --border-radius-sm );
-    display:none;
-    height: calc( var( --unit-aircraft-height ) + ( var( --unit-label-border-width ) * 2 ) );
-    position:absolute;
-    width: calc( var( --unit-aircraft-width ) + ( var( --unit-label-border-width ) * 2 ) );
-    z-index:2;
-}
-
-
-/******************************
-    Marker
-******************************/
-
-[data-object|="unit"] .unit-marker {
-    background-color: transparent;
-    background-repeat: no-repeat;
-    background-size: cover;
-    position:absolute;
-    transform-origin: center;
-    z-index:3;
-}
-
-
-
-/*  Air  */
-
-[data-object|="unit-aircraft"] .unit-marker {
-    background-image: var( --unit-aircraft-marker-neutral-url );
-    height: var( --unit-aircraft-marker-height );
-    width: var( --unit-aircraft-marker-width );
-}
-
-[data-object|="unit-aircraft"]:hover .unit-marker {
-    background-image: var( --unit-aircraft-marker-neutral-hover-url );
-}
-
-[data-object|="unit-aircraft"][data-is-selected] .unit-marker {
-    background-image: var( --unit-aircraft-marker-neutral-selected-url );
-}
-
-
-[data-object|="unit-aircraft"][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-aircraft-marker-blue-url );
-}
-
-[data-object|="unit-aircraft"][data-coalition="blue"]:hover .unit-marker {
-    background-image: var( --unit-aircraft-marker-blue-hover-url );
-}
-
-[data-object|="unit-aircraft"][data-coalition="blue"][data-is-selected] .unit-marker {
-    background-image: var( --unit-aircraft-marker-blue-selected-url );
-}
-
-
-[data-object|="unit-aircraft"][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-aircraft-marker-red-url );
-}
-
-[data-object|="unit-aircraft"][data-coalition="red"]:hover .unit-marker {
-    background-image: var( --unit-aircraft-marker-red-hover-url );
-}
-
-[data-object|="unit-aircraft"][data-coalition="red"][data-is-selected] .unit-marker {
-    background-image: var( --unit-aircraft-marker-red-selected-url );
-}
-
-
-
-
-/*  Ground vehicles (not SAMs)  */
-
-[data-object|="unit-groundunit"] .unit-marker {
-    background-image: var( --unit-groundunit-marker-neutral-url );
-    height: var( --unit-groundunit-marker-height );
-    width: var( --unit-groundunit-marker-width );
-}
-
-[data-object|="unit-groundunit"]:hover .unit-marker {
-    background-image: var( --unit-groundunit-marker-neutral-hover-url );
-}
-
-[data-object|="unit-groundunit"][data-is-selected] .unit-marker {
-    background-image: var( --unit-groundunit-marker-neutral-selected-url );
-}
-
-
-[data-object|="unit-groundunit"][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-groundunit-marker-blue-url );
-}
-
-[data-object|="unit-groundunit"][data-coalition="blue"]:hover .unit-marker {
-    background-image: var( --unit-groundunit-marker-blue-hover-url );
-}
-
-[data-object|="unit-groundunit"][data-coalition="blue"][data-is-selected] .unit-marker {
-    background-image: var( --unit-groundunit-marker-blue-selected-url );
-}
-
-
-[data-object|="unit-groundunit"][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-groundunit-marker-red-url );
-}
-
-[data-object|="unit-groundunit"][data-coalition="red"]:hover .unit-marker {
-    background-image: var( --unit-groundunit-marker-red-hover-url );
-}
-
-[data-object|="unit-groundunit"][data-coalition="red"][data-is-selected] .unit-marker {
-    background-image: var( --unit-groundunit-marker-red-selected-url );
-}
-
-
-/*  SAMs  */
-
-[data-object|="unit-sam"] .unit-selected-spotlight {
-    translate:0 2px;
-}
-
-[data-object|="unit-sam"] .unit-marker {
-    background-image: var( --unit-sam-marker-neutral-url );
-    height: var( --unit-sam-marker-height );
-    width: var( --unit-sam-marker-width );
-}
-
-
-[data-object|="unit-sam"]:hover .unit-marker {
-    background-image: var( --unit-sam-marker-neutral-hover-url );
-}
-
-[data-object|="unit-sam"][data-is-selected] .unit-marker {
-    background-image: var( --unit-sam-marker-neutral-selected-url );
-}
-
-
-[data-object|="unit-sam"][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-sam-marker-blue-url );
-}
-
-[data-object|="unit-sam"][data-coalition="blue"]:hover .unit-marker {
-    background-image: var( --unit-sam-marker-blue-hover-url );
-}
-
-[data-object|="unit-sam"][data-coalition="blue"][data-is-selected] .unit-marker {
-    background-image: var( --unit-sam-marker-blue-selected-url );
-}
-
-
-[data-object|="unit-sam"][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-sam-marker-red-url );
-}
-
-[data-object|="unit-sam"][data-coalition="red"]:hover .unit-marker {
-    background-image: var( --unit-sam-marker-red-hover-url );
-}
-
-[data-object|="unit-sam"][data-coalition="red"][data-is-selected] .unit-marker {
-    background-image: var( --unit-sam-marker-red-selected-url );
-}
-
-
-/*  navyunit  */
-
-[data-object|="unit-navyunit"] .unit-selected-spotlight {
-    translate:0 -2px;
-}
-
-[data-object|="unit-navyunit"] .unit-marker {
-    background-image: var( --unit-navyunit-marker-neutral-url );
-    height: var( --unit-navyunit-marker-height );
-    width: var( --unit-navyunit-marker-width );
-}
-
-
-[data-object|="unit-navyunit"]:hover .unit-marker {
-    background-image: var( --unit-navyunit-marker-neutral-hover-url );
-}
-
-[data-object|="unit-navyunit"][data-is-selected] .unit-marker {
-    background-image: var( --unit-navyunit-marker-neutral-selected-url );
-}
-
-
-[data-object|="unit-navyunit"][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-navyunit-marker-blue-url );
-}
-
-[data-object|="unit-navyunit"][data-coalition="blue"]:hover .unit-marker {
-    background-image: var( --unit-navyunit-marker-blue-hover-url );
-}
-
-[data-object|="unit-navyunit"][data-coalition="blue"][data-is-selected] .unit-marker {
-    background-image: var( --unit-navyunit-marker-blue-selected-url );
-}
-
-
-[data-object|="unit-navyunit"][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-navyunit-marker-red-url );
-}
-
-[data-object|="unit-navyunit"][data-coalition="red"]:hover .unit-marker {
-    background-image: var( --unit-navyunit-marker-red-hover-url );
-}
-
-[data-object|="unit-navyunit"][data-coalition="red"][data-is-selected] .unit-marker {
-    background-image: var( --unit-navyunit-marker-red-selected-url );
-}
-
-
-/*  Building  */
-
-[data-object|="unit-building"] .unit-marker {
-    background-image: var( --unit-building-marker-neutral-url );
-    height: var( --unit-building-marker-height );
-    width: var( --unit-building-marker-width );
-}
-
-
-[data-object|="unit-building"][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-building-marker-blue-url );
-}
-
-
-[data-object|="unit-building"][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-building-marker-red-url );
-}
-
-
-
-/*  Weapons  */
-
-[data-object|="unit-missile"], [data-object|="unit-bomb"] {
-    cursor: default;
-}
-
-[data-object|="unit-missile"] .unit-marker {
-    background-image: var( --unit-missile-marker-neutral-url );
-    height: var( --unit-missile-marker-height );
-    width: var( --unit-missile-marker-width );
-}
-
-[data-object|="unit-missile"][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-missile-marker-blue-url );
-}
-
-[data-object|="unit-missile"][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-missile-marker-red-url );
-}
-
-[data-object|="unit-bomb"] .unit-marker {
-    background-image: var( --unit-bomb-marker-neutral-url );
-    height: var( --unit-bomb-marker-height );
-    width: var( --unit-bomb-marker-width );
-}
-
-[data-object|="unit-bomb"][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-bomb-marker-blue-url );
-}
-
-[data-object|="unit-bomb"][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-bomb-marker-red-url );
-}
-
-
-/********************************************
-*  Labels
-********************************************/
-
-[data-object|="unit"] .unit-short-label {
-    color: var( --secondary-gunmetal-grey );
-    font-size: var(--unit-font-size);
-    font-weight: var(--unit-font-weight);
-    line-height: normal;
-    position: absolute;
-    z-index:10;
-}
-
-[data-object|="unit-groundunit"] .unit-short-label {
-    translate: -1px 0;
-}
-
-[data-object|="unit-sam"] .unit-short-label {
-    translate:0 50%;
-}
-
-[data-object|="unit-navyunit"] .unit-short-label {
-    translate:0 -50%;
-}
-
-
-[data-object|="unit"] .unit-fuel {
-    background:white;
-    border: var( --unit-aircraft-fuel-border-width ) solid var( --secondary-dark-steel );
-    border-radius: var( --border-radius-sm );
-    display:none;
-    height: var( --unit-aircraft-fuel-height );
-    position: absolute;
-    translate:var( --unit-aircraft-fuel-x ) var( --unit-aircraft-fuel-y );
-    width: var( --unit-aircraft-fuel-width );
-    z-index: 5;
-}
-
-[data-object|="unit"] .unit-fuel-level {
-    background-color: var( --secondary-light-grey );
-    height:100%;
-    width:100%;
-}
-
-
-[data-object|="unit"] .unit-ammo {
-    column-gap: var( --unit-aircraft-ammo-spacing );
-    display:none;
-    height:fit-content;
-    position:absolute;
-    translate:var( --unit-aircraft-ammo-x ) var( --unit-aircraft-ammo-y );
-    width:fit-content;
-}
-
-[data-object|="unit"] .unit-ammo > * {
-    background-color: white;
-    border: var( --unit-aircraft-ammo-border-width ) solid var( --secondary-dark-steel );
-    border-radius: 50%;
-    padding: var( --unit-aircraft-ammo-radius );
-}
-
-
-[data-object|="unit"] .unit-summary {
-    column-gap: 6px;
-    color:white;
-    display:flex;
-    flex-wrap: wrap;
-    font-size:11px;
-    font-weight: bold;
-    justify-content: right;
-    line-height: 12px;
-    position:absolute;
-    row-gap: 1px;
-    text-shadow:
-        -1px -1px 0 #000,  
-        1px -1px 0 #000,
-        -1px  1px 0 #000,
-        1px  1px 0 #000;
-    translate: -60px 0;
-    width:fit-content;
-    z-index:20;
-}
-
-[data-hide-labels] [data-object|="unit"] .unit-summary {
-    display:none;
-}
-
-[data-object|="unit"] .unit-summary > * {
-    padding:1px;
-}
-
-[data-object|="unit"] .unit-summary .unit-callsign {
-    color:white;
-    overflow: hidden;
-    text-align: right;
-    transform-origin: right;
-    white-space: nowrap;
-    width: 80px;
-}
-
-[data-object|="unit"] .unit-summary .unit-callsign:hover {
-    direction: rtl;
-    overflow:visible;
-}
-
-
-
-[data-object|="unit"][data-pilot|="ai"]:hover .unit-ammo,
-[data-object|="unit"][data-pilot|="ai"]:hover .unit-fuel {
-    display:flex;
-}
-
-[data-object|="unit"][data-is-in-hotgroup] .unit-hotgroup,
-[data-object|="unit"][data-pilot|="ai"][data-is-selected] .unit-ammo,
-[data-object|="unit"][data-pilot|="ai"][data-is-selected] .unit-fuel,
-[data-object|="unit"][data-is-selected] .unit-selected-spotlight {
-    display:flex;
-}
-
-[data-object|="unit"][data-has-fox-1] .unit-ammo-fox-1,
-[data-object|="unit"][data-has-fox-2] .unit-ammo-fox-2,
-[data-object|="unit"][data-has-fox-3] .unit-ammo-fox-3,
-[data-object|="unit"][data-has-other-ammo] .unit-ammo-other {
-    background-color: var( --secondary-gunmetal-grey );
-}
-
-
-
-
-[data-object|="unit"][data-coalition="blue"][data-is-selected] .unit-short-label {
-    color: var( --secondary-blue-text );
-}
-
-[data-object|="unit"][data-coalition="blue"] .unit-fuel-level,
-[data-object|="unit"][data-coalition="blue"][data-has-fox-1] .unit-ammo-fox-1,
-[data-object|="unit"][data-coalition="blue"][data-has-fox-2] .unit-ammo-fox-2,
-[data-object|="unit"][data-coalition="blue"][data-has-fox-3] .unit-ammo-fox-3,
-[data-object|="unit"][data-coalition="blue"][data-has-other-ammo] .unit-ammo-other {
-    background-color: var( --primary-blue );
-}
-
-[data-object|="unit"][data-coalition="blue"] .unit-vvi {
-    background-color: var( --secondary-blue-outline );
-}
-
-
-[data-object|="unit"][data-coalition="red"][data-is-selected] .unit-short-label {
-    color: var( --secondary-red-text );
-}
-
-[data-object|="unit"][data-coalition="red"] .unit-fuel-level,
-[data-object|="unit"][data-coalition="red"][data-has-fox-1] .unit-ammo-fox-1,
-[data-object|="unit"][data-coalition="red"][data-has-fox-2] .unit-ammo-fox-2,
-[data-object|="unit"][data-coalition="red"][data-has-fox-3] .unit-ammo-fox-3,
-[data-object|="unit"][data-coalition="red"][data-has-other-ammo] .unit-ammo-other {
-    background-color: var( --primary-red );
-}
-
-[data-object|="unit"][data-coalition="blue"] .unit-vvi {
-    background-color: var( --secondary-red-outline );
-}
-
-
-
-@keyframes pulse {
-    50% {
-      opacity: 0;
-    }
-}
-
-[data-object|="unit"][data-pilot|="ai"][data-has-low-fuel] .unit-fuel {
-    animation: pulse 1.5s linear infinite;
-}
-
-
-[data-object|="unit"] .unit-state {
-    background-repeat: no-repeat;
-    position:absolute;
-    height:var( --unit-aircraft-state-height );
-    width:var( --unit-aircraft-state-width );
-    z-index: 10;
-}
-
-[data-object|="unit"][data-state="rtb"] .unit-state {
-    background-image: var( --unit-aircraft-state-rtb );
-}
-
-[data-object|="unit"][data-state="land"] .unit-state {
-    background-image: var( --unit-aircraft-state-rtb );
-}
-
-[data-object|="unit"][data-state="idle"] .unit-state {
-    background-image: var( --unit-aircraft-state-idle );
-}
-
-[data-object|="unit"][data-state="attack"] .unit-state {
-    background-image: var( --unit-aircraft-state-attack );
-}
-
-[data-object|="unit"][data-state="follow"] .unit-state {
-    background-image: var( --unit-aircraft-state-follow );
-}
-
-[data-object|="unit"][data-state="refuel"] .unit-state {
-    background-image: var( --unit-aircraft-state-refuel );
-}
-
-/***  DEAD  ***/
-[data-object|="unit-aircraft"][ data-is-dead ] {
-    cursor: default;
-}
-
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-marker {
-    background-image: var( --unit-aircraft-marker-neutral-dead-url );
-    background-position: 50% 50%;
-    background-size: auto 32px;
-}
-
-[data-object|="unit-aircraft"][ data-is-dead ][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-aircraft-marker-blue-dead-url );
-}
-
-[data-object|="unit-aircraft"][ data-is-dead ][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-aircraft-marker-red-dead-url );
-}
-
-
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-selected-spotlight,
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-short-label,
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-vvi,
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-hotgroup,
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-hotgroup-id,
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-state,
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-fuel,
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-ammo,
-[data-object|="unit-aircraft"][ data-is-dead ]:hover .unit-fuel,
-[data-object|="unit-aircraft"][ data-is-dead ]:hover .unit-ammo {
-    display:none !important;
-}
-
-
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-summary > * {
-    display:none;
-}
-
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-summary .unit-callsign {
-    display:block;
-}
-

client/public/themes/olympus/images/buttons/emissions/attack.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="15"
+   height="15"
+   viewBox="0 0 15 15"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="designated.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     width="30px"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="5.9428571"
+     inkscape:cx="-29.026442"
+     inkscape:cy="16.237981"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path 
+     d="m 7.5000002,0 c 0.498,0 0.9375,0.4395 0.9375,0.9375 V 1.2598 C 11.1621,1.6699 13.3301,3.8379002 13.7402,6.5625002 h 0.3223 c 0.498,0 0.9375,0.4395 0.9375,0.9375 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 H 13.7402 C 13.3301,11.1914 11.1621,13.3594 8.4375002,13.7695 v 0.293 c 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 v -0.293 C 3.8086002,13.3594 1.6406,11.1914 1.2305,8.4375002 h -0.293 c -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 h 0.293 C 1.6406,3.8379002 3.8086002,1.6699 6.5625002,1.2598 V 0.9375 c 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 z m -4.3652,8.4375002 c 0.3515,1.7284998 1.6992,3.0761998 3.4277,3.4276998 V 11.25 c 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 0.498,0 0.9375,0.4395 0.9375,0.9375 v 0.6152 C 10.1367,11.5137 11.4844,10.166 11.8359,8.4375002 H 11.25 c -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 h 0.5859 c -0.3515,-1.6992 -1.6992,-3.0469 -3.3983998,-3.3984 v 0.5859 c 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 v -0.5859 c -1.7285,0.3515 -3.0762,1.6992 -3.4277,3.3984 h 0.6152 c 0.498,0 0.9375,0.4395 0.9375,0.9375 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 z m 4.3652,0 c -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 0.498,0 0.9375,0.4395 0.9375,0.9375 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 z"
+     fill="#5ca7ff"
+     id="path2" />
+</svg>

client/public/themes/olympus/images/buttons/emissions/defend.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="14.063629"
+   height="14.9414"
+   viewBox="0 0 14.063629 14.9414"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="return.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="23.771429"
+     inkscape:cx="3.218149"
+     inkscape:cy="7.1304087"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path 
+     d="m 7.0324294,0 c 0.1172,0 0.2637,0.0293 0.3809,0.0879 l 5.5077996,2.3437 c 0.6445,0.293 1.1425,0.9082 1.1425,1.67 -0.0292,2.9296 -1.2304,8.2324 -6.2694996,10.664 -0.498,0.2344 -1.0547,0.2344 -1.5527,0 -5.0391,-2.4316 -6.24020004,-7.7344 -6.24020004,-10.664 -0.0293,-0.7618 0.4687,-1.377 1.11320004,-1.67 l 5.5078,-2.3437 C 6.7394294,0.0293 6.8859294,0 7.0324294,0 Z m 0,1.9629 V 13.0371 C 11.075429,11.0742 12.159429,6.7676 12.188629,4.1602 Z"
+     fill="#5ca7ff"
+     id="path2" />
+</svg>

client/public/themes/olympus/images/buttons/emissions/free.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="13.126647"
+   height="15.015483"
+   viewBox="0 0 13.126647 15.015483"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="free.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="43.789474"
+     inkscape:cx="4.5330529"
+     inkscape:cy="6.7710337"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path 
+     d="m 10.796771,3.75 c 0,1.31836 -0.7618,2.46094 -1.8750496,3.13476 v 0.61525 c 0,0.5273 -0.43945,0.9375 -0.9375,0.9375 h -2.8125 c -0.52734,0 -0.9375,-0.4102 -0.9375,-0.9375 V 6.88476 c -1.14258,-0.67382 -1.875,-1.8164 -1.875,-3.13476 0,-2.05078 1.875,-3.75 4.21875,-3.75 2.31445,0 4.2187996,1.69922 4.2187996,3.75 z M 4.9373514,5.15625 c 0.49804,0 0.9375,-0.41016 0.9375,-0.9375 0,-0.49805 -0.43946,-0.9375 -0.9375,-0.9375 -0.52735,0 -0.9375,0.43945 -0.9375,0.9375 0,0.52734 0.41015,0.9375 0.9375,0.9375 z m 4.21872,-0.9375 c 0,-0.49805 -0.43943,-0.9375 -0.93748,-0.9375 -0.52734,0 -0.9375,0.43945 -0.9375,0.9375 0,0.52734 0.41016,0.9375 0.9375,0.9375 0.49805,0 0.93748,-0.41016 0.93748,-0.9375 z M 0.10336144,8.02731 c 0.23438,-0.4687 0.79102,-0.6445 1.25976996,-0.4101 l 5.21484,2.6074 5.1854996,-2.6074 c 0.4688,-0.2344 1.0254,-0.0586 1.2598,0.4101 0.2344,0.4688 0.0586,1.0254 -0.4101,1.2598 l -3.9551196,1.9629 3.9551196,1.9922 c 0.4687,0.2344 0.6445,0.791 0.4101,1.2597 -0.2344,0.4688 -0.791,0.6446 -1.2598,0.4102 l -5.1854996,-2.6074 -5.21484,2.6074 c -0.46874996,0.2344 -1.02538996,0.0586 -1.25976996,-0.4102 -0.234374,-0.4687 -0.058593,-1.0253 0.41016,-1.2597 L 4.4685914,11.25001 0.51352144,9.28711 c -0.468753,-0.2344 -0.644534,-0.791 -0.41016,-1.2598 z"
+     fill="#5ca7ff"
+     id="path2" />
+</svg>

client/public/themes/olympus/images/buttons/emissions/silent.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="9.3896503"
+   height="9.3896503"
+   viewBox="0 0 9.3896503 9.3896503"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="hold.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="23.771429"
+     inkscape:cx="1.1989183"
+     inkscape:cy="4.311899"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path 
+     d="m 9.103975,1.603975 c 0.3809,-0.3515 0.3809,-0.9668 0,-1.3183 -0.3515,-0.3809 -0.9668,-0.3809 -1.3183,0 l -3.0762,3.0761 -3.1055,-3.0761 c -0.3515,-0.3809 -0.9668,-0.3809 -1.3183,0 -0.3809,0.3515 -0.3809,0.9668 0,1.3183 l 3.0761,3.0762 -3.0761,3.1055 c -0.3809,0.3515 -0.3809,0.9668 0,1.3183 0.3515,0.3809 0.9668,0.3809 1.3183,0 l 3.1055,-3.0761 3.0762,3.0761 c 0.3515,0.3809 0.9668,0.3809 1.3183,0 0.3809,-0.3515 0.3809,-0.9668 0,-1.3183 l -3.0761,-3.1055 z"
+     fill="#5ca7ff"
+     id="path2" />
+</svg>

client/public/themes/olympus/images/buttons/roe/designated.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="15"
+   height="15"
+   viewBox="0 0 15 15"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="designated.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     width="30px"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="5.9428571"
+     inkscape:cx="-29.026442"
+     inkscape:cy="16.237981"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path 
+     d="m 7.5000002,0 c 0.498,0 0.9375,0.4395 0.9375,0.9375 V 1.2598 C 11.1621,1.6699 13.3301,3.8379002 13.7402,6.5625002 h 0.3223 c 0.498,0 0.9375,0.4395 0.9375,0.9375 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 H 13.7402 C 13.3301,11.1914 11.1621,13.3594 8.4375002,13.7695 v 0.293 c 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 v -0.293 C 3.8086002,13.3594 1.6406,11.1914 1.2305,8.4375002 h -0.293 c -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 h 0.293 C 1.6406,3.8379002 3.8086002,1.6699 6.5625002,1.2598 V 0.9375 c 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 z m -4.3652,8.4375002 c 0.3515,1.7284998 1.6992,3.0761998 3.4277,3.4276998 V 11.25 c 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 0.498,0 0.9375,0.4395 0.9375,0.9375 v 0.6152 C 10.1367,11.5137 11.4844,10.166 11.8359,8.4375002 H 11.25 c -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 h 0.5859 c -0.3515,-1.6992 -1.6992,-3.0469 -3.3983998,-3.3984 v 0.5859 c 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 v -0.5859 c -1.7285,0.3515 -3.0762,1.6992 -3.4277,3.3984 h 0.6152 c 0.498,0 0.9375,0.4395 0.9375,0.9375 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 z m 4.3652,0 c -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 0.498,0 0.9375,0.4395 0.9375,0.9375 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 z"
+     fill="#5ca7ff"
+     id="path2" />
+</svg>

client/public/themes/olympus/images/buttons/roe/free.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="13.126647"
+   height="15.015483"
+   viewBox="0 0 13.126647 15.015483"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="free.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="43.789474"
+     inkscape:cx="4.5330529"
+     inkscape:cy="6.7710337"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path 
+     d="m 10.796771,3.75 c 0,1.31836 -0.7618,2.46094 -1.8750496,3.13476 v 0.61525 c 0,0.5273 -0.43945,0.9375 -0.9375,0.9375 h -2.8125 c -0.52734,0 -0.9375,-0.4102 -0.9375,-0.9375 V 6.88476 c -1.14258,-0.67382 -1.875,-1.8164 -1.875,-3.13476 0,-2.05078 1.875,-3.75 4.21875,-3.75 2.31445,0 4.2187996,1.69922 4.2187996,3.75 z M 4.9373514,5.15625 c 0.49804,0 0.9375,-0.41016 0.9375,-0.9375 0,-0.49805 -0.43946,-0.9375 -0.9375,-0.9375 -0.52735,0 -0.9375,0.43945 -0.9375,0.9375 0,0.52734 0.41015,0.9375 0.9375,0.9375 z m 4.21872,-0.9375 c 0,-0.49805 -0.43943,-0.9375 -0.93748,-0.9375 -0.52734,0 -0.9375,0.43945 -0.9375,0.9375 0,0.52734 0.41016,0.9375 0.9375,0.9375 0.49805,0 0.93748,-0.41016 0.93748,-0.9375 z M 0.10336144,8.02731 c 0.23438,-0.4687 0.79102,-0.6445 1.25976996,-0.4101 l 5.21484,2.6074 5.1854996,-2.6074 c 0.4688,-0.2344 1.0254,-0.0586 1.2598,0.4101 0.2344,0.4688 0.0586,1.0254 -0.4101,1.2598 l -3.9551196,1.9629 3.9551196,1.9922 c 0.4687,0.2344 0.6445,0.791 0.4101,1.2597 -0.2344,0.4688 -0.791,0.6446 -1.2598,0.4102 l -5.1854996,-2.6074 -5.21484,2.6074 c -0.46874996,0.2344 -1.02538996,0.0586 -1.25976996,-0.4102 -0.234374,-0.4687 -0.058593,-1.0253 0.41016,-1.2597 L 4.4685914,11.25001 0.51352144,9.28711 c -0.468753,-0.2344 -0.644534,-0.791 -0.41016,-1.2598 z"
+     fill="#5ca7ff"
+     id="path2" />
+</svg>

client/public/themes/olympus/images/buttons/roe/hold.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="9.3896503"
+   height="9.3896503"
+   viewBox="0 0 9.3896503 9.3896503"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="hold.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="23.771429"
+     inkscape:cx="1.1989183"
+     inkscape:cy="4.311899"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path 
+     d="m 9.103975,1.603975 c 0.3809,-0.3515 0.3809,-0.9668 0,-1.3183 -0.3515,-0.3809 -0.9668,-0.3809 -1.3183,0 l -3.0762,3.0761 -3.1055,-3.0761 c -0.3515,-0.3809 -0.9668,-0.3809 -1.3183,0 -0.3809,0.3515 -0.3809,0.9668 0,1.3183 l 3.0761,3.0762 -3.0761,3.1055 c -0.3809,0.3515 -0.3809,0.9668 0,1.3183 0.3515,0.3809 0.9668,0.3809 1.3183,0 l 3.1055,-3.0761 3.0762,3.0761 c 0.3515,0.3809 0.9668,0.3809 1.3183,0 0.3809,-0.3515 0.3809,-0.9668 0,-1.3183 l -3.0761,-3.1055 z"
+     fill="#5ca7ff"
+     id="path2" />
+</svg>

client/public/themes/olympus/images/buttons/roe/return.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="14.063629"
+   height="14.9414"
+   viewBox="0 0 14.063629 14.9414"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="return.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="23.771429"
+     inkscape:cx="3.218149"
+     inkscape:cy="7.1304087"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path 
+     d="m 7.0324294,0 c 0.1172,0 0.2637,0.0293 0.3809,0.0879 l 5.5077996,2.3437 c 0.6445,0.293 1.1425,0.9082 1.1425,1.67 -0.0292,2.9296 -1.2304,8.2324 -6.2694996,10.664 -0.498,0.2344 -1.0547,0.2344 -1.5527,0 -5.0391,-2.4316 -6.24020004,-7.7344 -6.24020004,-10.664 -0.0293,-0.7618 0.4687,-1.377 1.11320004,-1.67 l 5.5078,-2.3437 C 6.7394294,0.0293 6.8859294,0 7.0324294,0 Z m 0,1.9629 V 13.0371 C 11.075429,11.0742 12.159429,6.7676 12.188629,4.1602 Z"
+     fill="#5ca7ff"
+     id="path2" />
+</svg>

client/public/themes/olympus/images/buttons/spawn/explosion.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 32 31.999584"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="explosion.svg"
+   width="32"
+   height="31.999584"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="13.078125"
+     inkscape:cx="19.53644"
+     inkscape:cy="12.157706"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+  <path
+     d="m 23.013304,7.2180185 c 0.209962,-0.3739974 0.64242,-0.5068189 0.993401,-0.2971008 0.350981,0.2097182 0.495133,0.6815841 0.332178,1.0835439 L 20.042501,18.658144 c 0.06894,0.08039 0.134753,0.164279 0.197427,0.248166 l 3.046013,-1.911931 c 0.329044,-0.206222 0.739567,-0.108354 0.968331,0.2237 0.228764,0.332054 0.197427,0.803919 -0.06894,1.10102 l -2.726369,3.040913 h -2.240637 c -0.413656,-1.303747 -1.52614,-2.236993 -2.836051,-2.236993 -1.309911,0 -2.425529,0.933246 -2.83605,2.236993 H 11.048617 L 8.6826296,19.535465 C 8.3786552,19.30128 8.2721074,18.850386 8.4350628,18.476388 8.5980181,18.102391 8.9803366,17.920635 9.3344512,18.042971 l 3.0460128,1.062571 c 0.09401,-0.136317 0.191159,-0.269138 0.294573,-0.394969 L 10.722706,15.08245 c -0.191159,-0.353027 -0.122217,-0.807416 0.159822,-1.073059 0.282038,-0.265643 0.695694,-0.262148 0.974598,0.0034 l 3.208969,3.072372 c 0.047,-0.01398 0.09401,-0.02796 0.141019,-0.03845 l 0.426191,-4.987745 c 0.0376,-0.429921 0.360382,-0.75848 0.748968,-0.75848 0.388586,0 0.711362,0.328559 0.748967,0.75848 l 0.423058,4.959835 z M 9.362655,22.482004 v 0 H 23.40189 v 0 h 1.002802 c 0.554675,0 1.002803,0.499829 1.002803,1.118498 0,0.618669 -0.448128,1.118496 -1.002803,1.118496 H 8.3598525 c -0.554675,0 -1.0028024,-0.499827 -1.0028024,-1.118496 0,-0.618669 0.4481274,-1.118498 1.0028024,-1.118498 z M 16.382273,6.8230493 c 0.416789,0 0.752101,0.3739974 0.752101,0.8388726 v 1.6777453 c 0,0.4648752 -0.335312,0.8388728 -0.752101,0.8388728 -0.41679,0 -0.752102,-0.3739976 -0.752102,-0.8388728 V 7.6619219 c 0,-0.4648752 0.335312,-0.8388726 0.752102,-0.8388726 z"
+     fill="#ffffff"
+     stroke="#ffffff"
+     id="path2"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:0.0330959" />
+</svg>

client/public/themes/olympus/images/buttons/threat/evade.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="23.317165"
+   height="17.896727"
+   viewBox="0 0 23.317165 17.896727"
+   fill="none"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="evade.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs16" />
+  <sodipodi:namedview
+     id="namedview14"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="23.771429"
+     inkscape:cx="11.757812"
+     inkscape:cy="9.4020433"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12" />
+  <path 
+     d="m 0.02182384,14.515426 c -0.0453,0.1119 -0.01864,0.2398 0.06662,0.325 0.08526,0.0853 0.21314,0.1119 0.32505,0.0666 l 1.95830996,-0.7833 c 0.15188,-0.0613 0.2891,-0.1505 0.405,-0.2664 l 1.02578,-1.0258 3.03735,0.7993 -0.2504,0.2504 c -0.1772,0.1772 -0.1772,0.4623 0,0.6395 0.1772,0.1772 0.4623,0.1772 0.6394,0 l 0.7461,-0.746 0.4263,-0.4263 0.3197,-0.3198 c 0.1772,-0.1771 0.1772,-0.4622 0,-0.6394 -0.1772,-0.1772 -0.4623,-0.1772 -0.6395,0 l -0.1065,0.1066 -1.9184,-1.9184 0.4356,-0.4356 1.4628,0.0959 c 0.0866,0.0066 0.1718,-0.0253 0.2331,-0.0866 l 0.2132,-0.2130999 c 0.1172,-0.1173 0.1172,-0.3091 0,-0.4263 l -1.2789,-1.2789 -0.8526,0.8526 c -0.1173,0.1172 -0.3091,0.1172 -0.4263,0 -0.1173,-0.1173 -0.1173,-0.3091 0,-0.4263 l 0.8526,-0.8526 -1.2789,-1.2789 c -0.1173,-0.1173 -0.3091,-0.1173 -0.4263,0 l -0.2132,0.2131 c -0.0613,0.0613 -0.0933,0.1465 -0.0866,0.2331 l 0.0959,1.4628 -0.4356,0.4356 -1.91834,-1.9183 0.10657,-0.1066 c 0.17717,-0.1772 0.17717,-0.4623 0,-0.6395 -0.17717,-0.1771 -0.46228,-0.1771 -0.63945,0 l -0.31972,0.3198 -0.4263,0.4263 -0.74602996,0.746 c -0.17717,0.1772 -0.17717,0.4623 0,0.6394 0.17717,0.1772 0.46228,0.1772 0.63944996,0 l 0.25041,-0.2504 0.79936,3.0373999 -1.02578,1.0258 c -0.11590996,0.1159 -0.20516996,0.2531 -0.26644996,0.405 z"
+     fill="#5ca7ff"
+     id="path2" />
+  <path 
+     d="m 9.0916338,5.3111261 c 2.5638002,-2.3307 8.3905002,-6.43275 11.1873002,-4.19528 3.4961,2.79688 4.1953,9.0895799 -2.7968,16.7808799"
+     stroke="#5ca7ff"
+     stroke-linecap="round"
+     stroke-dasharray="2, 2"
+     id="path4"
+	 style="fill:none"	 />
+  <path 
+     d="m 14.783034,12.805026 -0.1001,0.8985 0.9106,-0.2539 0.0806,0.6152 -0.8301,0.0586 0.5444,0.7251 -0.5542,0.2954 -0.3808,-0.7642 -0.3345,0.7593 -0.5762,-0.2905 0.5396,-0.7251 -0.8252,-0.0635 0.0952,-0.6103 0.8911,0.2539 -0.1001,-0.8985 z"
+     fill="#5ca7ff"
+     id="path6" />
+  <path 
+     d="m 13.384534,7.2113261 -0.1001,0.8984 0.9107,-0.2539 0.0805,0.6152 -0.83,0.0586 0.5444,0.7251 -0.5542,0.2954 -0.3809,-0.7641 -0.3344,0.7593 -0.5762,-0.2906 0.5395,-0.7251 -0.8252,-0.0634 0.0953,-0.6104 0.8911,0.2539 -0.1001,-0.8984 z"
+     fill="#5ca7ff"
+     id="path8" />
+  <path 
+     d="m 18.977834,7.2113261 -0.1001,0.8984 0.9106,-0.2539 0.0806,0.6152 -0.8301,0.0586 0.5445,0.7251 -0.5542,0.2954 -0.3809,-0.7641 -0.3345,0.7593 -0.5761,-0.2906 0.5395,-0.7251 -0.8252,-0.0634 0.0952,-0.6104 0.8911,0.2539 -0.1001,-0.8984 z"
+     fill="#5ca7ff"
+     id="path10" />
+</svg>

client/public/themes/olympus/images/buttons/threat/manoeuvre.svg

@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="23.317165"
+   height="17.896727"
+   viewBox="0 0 23.317165 17.896727"
+   fill="none"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="manoeuvre.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs16" />
+  <sodipodi:namedview
+     id="namedview14"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="23.771429"
+     inkscape:cx="11.757812"
+     inkscape:cy="9.4020431"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12" />
+  <path 
+     d="m 0.02182384,14.515426 c -0.0453,0.1119 -0.01864,0.2398 0.06662,0.325 0.08526,0.0853 0.21314,0.1119 0.32505,0.0666 l 1.95830996,-0.7833 c 0.15188,-0.0613 0.2891,-0.1505 0.405,-0.2664 l 1.02578,-1.0258 3.03735,0.7993 -0.2504,0.2504 c -0.1772,0.1772 -0.1772,0.4623 0,0.6395 0.1772,0.1772 0.4623,0.1772 0.6394,0 l 0.7461,-0.746 0.4263,-0.4263 0.3197,-0.3198 c 0.1772,-0.1771 0.1772,-0.4622 0,-0.6394 -0.1772,-0.1772 -0.4623,-0.1772 -0.6395,0 l -0.1065,0.1066 -1.9184,-1.9184 0.4356,-0.4356 1.4628,0.0959 c 0.0866,0.0066 0.1718,-0.0253 0.2331,-0.0866 l 0.2132,-0.2130999 c 0.1172,-0.1173 0.1172,-0.3091 0,-0.4263 l -1.2789,-1.2789 -0.8526,0.8526 c -0.1173,0.1172 -0.3091,0.1172 -0.4263,0 -0.1173,-0.1173 -0.1173,-0.3091 0,-0.4263 l 0.8526,-0.8526 -1.2789,-1.2789 c -0.1173,-0.1173 -0.3091,-0.1173 -0.4263,0 l -0.2132,0.2131 c -0.0613,0.0613 -0.0933,0.1465 -0.0866,0.2331 l 0.0959,1.4628 -0.4356,0.4356 -1.91834,-1.9183 0.10657,-0.1066 c 0.17717,-0.1772 0.17717,-0.4623 0,-0.6395 -0.17717,-0.1771 -0.46228,-0.1771 -0.63945,0 l -0.31972,0.3198 -0.4263,0.4263 -0.74602996,0.746 c -0.17717,0.1772 -0.17717,0.4623 0,0.6394 0.17717,0.1772 0.46228,0.1772 0.63944996,0 l 0.25041,-0.2504 0.79936,3.0373999 -1.02578,1.0258 c -0.11590996,0.1159 -0.20516996,0.2531 -0.26644996,0.405 z"
+     fill="#5ca7ff"
+     id="path2" />
+  <path
+     d="m 9.0916338,5.3111261 c 2.5638002,-2.3307 8.3905002,-6.43275 11.1873002,-4.19528 3.4961,2.79688 4.1953,9.0895799 -2.7968,16.7808799"
+     stroke="#5ca7ff"
+     stroke-linecap="round"
+     stroke-dasharray="2, 2"
+     id="path4"
+     style="fill:none" />
+</svg>

client/public/themes/olympus/images/buttons/threat/none.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="9.3896503"
+   height="9.3896503"
+   viewBox="0 0 9.3896503 9.3896503"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="none.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="23.771429"
+     inkscape:cx="4.984976"
+     inkscape:cy="4.311899"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path 
+     d="m 9.103975,1.603975 c 0.3809,-0.3515 0.3809,-0.9668 0,-1.3183 -0.3515,-0.3809 -0.9668,-0.3809 -1.3183,0 l -3.0762,3.0761 -3.1055,-3.0761 c -0.3515,-0.3809 -0.9668,-0.3809 -1.3183,0 -0.3809,0.3515 -0.3809,0.9668 0,1.3183 l 3.0761,3.0762 -3.0761,3.1055 c -0.3809,0.3515 -0.3809,0.9668 0,1.3183 0.3515,0.3809 0.9668,0.3809 1.3183,0 l 3.1055,-3.0761 3.0762,3.0761 c 0.3515,0.3809 0.9668,0.3809 1.3183,0 0.3809,-0.3515 0.3809,-0.9668 0,-1.3183 l -3.0761,-3.1055 z"
+     fill="#5ca7ff"
+     id="path2" />
+</svg>

client/public/themes/olympus/images/buttons/threat/passive.svg

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="23.2749"
+   height="12.9971"
+   viewBox="0 0 23.2749 12.9971"
+   fill="none"
+   version="1.1"
+   id="svg14"
+   sodipodi:docname="passive.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18" />
+  <sodipodi:namedview
+     id="namedview16"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="23.771429"
+     inkscape:cx="11.631611"
+     inkscape:cy="6.7518029"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg14" />
+  <path 
+     d="M 0.1977,6.4546 C 0.07745,6.5055 0,6.6237 0,6.7542 0,6.8846 0.07745,7.0028 0.1977,7.0538 l 2.09719,0.8987 c 0.16304,0.0694 0.33629,0.106 0.51361,0.106 h 1.5693 l 1.712,2.9349 H 5.7067 c -0.2711,0 -0.4892,0.2181 -0.4892,0.4891 0,0.2711 0.2181,0.4892 0.4892,0.4892 H 6.848 7.5002 7.9893 c 0.2711,0 0.4892,-0.2181 0.4892,-0.4892 0,-0.271 -0.2181,-0.4891 -0.4892,-0.4891 H 7.8263 V 8.0585 h 0.6664 l 1.0456,1.1923 c 0.0611,0.0713 0.1508,0.1121 0.2445,0.1121 h 0.3261 c 0.1794,0 0.3261,-0.1467 0.3261,-0.3261 V 7.0802 H 9.1306 c -0.1793,0 -0.326,-0.1467 -0.326,-0.326 0,-0.1794 0.1467,-0.3261 0.326,-0.3261 H 10.435 V 4.4715 c 0,-0.1794 -0.1467,-0.3261 -0.3261,-0.3261 H 9.7828 c -0.0937,0 -0.1834,0.0407 -0.2445,0.112 L 8.4927,5.4498 H 7.8263 V 2.5149 h 0.163 c 0.2711,0 0.4892,-0.2181 0.4892,-0.4891 0,-0.2711 -0.2181,-0.4892 -0.4892,-0.4892 H 7.5002 6.848 5.7067 c -0.2711,0 -0.4892,0.2181 -0.4892,0.4892 0,0.271 0.2181,0.4891 0.4892,0.4891 H 6.0898 L 4.3778,5.4498 H 2.8085 c -0.17732,0 -0.35057,0.0367 -0.51361,0.106 z"
+     fill="#5ca7ff"
+     id="path2" />
+  <path 
+     d="M 12.8398,6.5498 H 23.2749"
+     stroke="#5ca7ff"
+     stroke-dasharray="2, 2"
+     id="path4" />
+  <path 
+     d="m 16.4116,9 -0.1,0.8984 0.9106,-0.2539 0.0806,0.6152 -0.8301,0.0586 0.5444,0.7251 -0.5542,0.2955 L 16.0821,10.5747 15.7476,11.334 15.1714,11.0434 15.711,10.3183 14.8858,10.2549 14.981,9.6445 15.8721,9.8984 15.772,9 Z"
+     fill="#5ca7ff"
+     id="path6" />
+  <path 
+     d="m 21.4116,10.6582 -0.1,0.8984 0.9106,-0.2539 0.0806,0.6153 -0.8301,0.0585 0.5444,0.7251 -0.5542,0.2955 -0.3808,-0.7642 -0.3345,0.7593 -0.5762,-0.2906 0.5396,-0.7251 -0.8252,-0.0634 0.0952,-0.6104 0.8911,0.2539 -0.1001,-0.8984 z"
+     fill="#5ca7ff"
+     id="path8" />
+  <path 
+     d="m 21.4116,0 -0.1,0.8984 0.9106,-0.2539 0.0806,0.6152 -0.8301,0.0586 0.5444,0.7251 L 21.4629,2.3389 21.0821,1.5747 20.7476,2.334 20.1714,2.0434 20.711,1.3183 19.8858,1.2549 19.981,0.6445 20.8721,0.8984 20.772,0 Z"
+     fill="#5ca7ff"
+     id="path10" />
+  <path 
+     d="m 16.4116,1.6582 -0.1,0.8984 0.9106,-0.2539 0.0806,0.6153 -0.8301,0.0585 0.5444,0.7251 L 16.4629,3.9971 16.0821,3.2329 15.7476,3.9922 15.1714,3.7016 15.711,2.9765 14.8858,2.9131 14.981,2.3027 15.8721,2.5566 15.772,1.6582 Z"
+     fill="#5ca7ff"
+     id="path12" />
+</svg>

client/public/themes/olympus/images/buttons/visibility/airbase.svg

@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="21.327999"
+   height="21.327999"
+   fill="none"
+   version="1.1"
+   viewBox="0 0 21.327999 21.327999"
+   id="svg7226"
+   sodipodi:docname="airbase.svg"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs7230" />
+  <sodipodi:namedview
+     id="namedview7228"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="26.15625"
+     inkscape:cx="10.666667"
+     inkscape:cy="10.666667"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg7226" />
+  <metadata
+     id="metadata7218">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <path
+     d="m 10.664,18.4362 c 4.2922,0 7.7717,-3.4796 7.7717,-7.7717 0,-4.2921 -3.4796,-7.7717 -7.7717,-7.7717 -4.2921,0 -7.7717,3.4796 -7.7717,7.7717 0,4.2921 3.4796,7.7717 7.7717,7.7717 z m 0,2.8918 c 5.8893,0 10.664,-4.7742 10.664,-10.664 C 21.328,4.7742 16.5538,0 10.664,0 4.7742,0 0,4.7742 0,10.664 0,16.5538 4.7742,21.328 10.664,21.328 Z"
+     clip-rule="evenodd"
+     fill="#ffffff"
+     fill-rule="evenodd"
+     stroke-width="0"
+     style="fill:#000000"
+     id="path7220" />
+  <line
+     x1="7.796"
+     x2="13.187"
+     y1="6.8541994"
+     y2="14.231199"
+     stroke="#247BE2"
+     stroke-linecap="square"
+     style="fill:none;stroke:#000000"
+     id="line7222" />
+  <line
+     x1="14.397999"
+     x2="7.8680005"
+     y1="11.885201"
+     y2="11.450199"
+     stroke="#247BE2"
+     stroke-linecap="square"
+     style="fill:none;stroke:#000000"
+     id="line7224" />
+</svg>

client/public/themes/olympus/images/buttons/visibility/aircraft.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="15.75"
+   height="14"
+   viewBox="0 0 15.75 14"
+   fill="none"
+   version="1.1"
+   id="svg7234"
+   sodipodi:docname="aircraft.svg"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs7238" />
+  <sodipodi:namedview
+     id="namedview7236"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="26.15625"
+     inkscape:cx="7.8757467"
+     inkscape:cy="7.2640382"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg7234" />
+  <path
+     stroke-width="0"
+     d="m 13.1797,5.25 c 0.9297,0 2.5703,0.793 2.5703,1.75 0,0.9844 -1.6406,1.75 -2.5703,1.75 H 9.9805 L 7.2461,13.5625 C 7.082,13.8359 6.7812,14 6.4805,14 H 4.9492 C 4.6484,14 4.4297,13.7266 4.5117,13.4531 L 5.8516,8.75 H 3.0625 L 1.85938,10.3359 C 1.77734,10.4453 1.66797,10.5 1.53125,10.5 H 0.38281 C 0.16406,10.5 0,10.3359 0,10.1172 0,10.0898 0,10.0625 0,10.0352 L 0.875,7 0,3.9922 C 0,3.9648 0,3.9375 0,3.8828 0,3.6914 0.16406,3.5 0.38281,3.5 h 1.14844 c 0.13672,0 0.24609,0.082 0.32813,0.1914 L 3.0625,5.25 H 5.8516 L 4.5117,0.57422 C 4.4297,0.30078 4.6484,0 4.9492,0 H 6.4805 C 6.7812,0 7.082,0.19141 7.2461,0.46484 L 9.9805,5.25 Z"
+     fill="#202831"
+     id="path7232" />
+</svg>

client/public/themes/olympus/images/buttons/visibility/dcs.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="svg6"
+   version="1.1"
+   fill="none"
+   viewBox="0 0 12.952619 10.362093"
+   height="10.362093"
+   width="12.952619"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <path
+	 stroke-width="0"
+     fill="black" 
+     id="path3711"
+     d="m 6.4763089,0 c 0.358221,0 0.6476303,0.2894099 0.6476303,0.6476303 v 1.2952618 h 2.428616 c 0.8054918,0 1.4571708,0.6516785 1.4571708,1.4571695 v 5.5048619 c 0,0.805491 -0.651679,1.4571685 -1.4571708,1.4571685 H 3.4000627 c -0.8054909,0 -1.4571694,-0.6516775 -1.4571694,-1.4571685 V 3.4000616 c 0,-0.805491 0.6516785,-1.4571695 1.4571694,-1.4571695 H 5.8286776 V 0.6476303 C 5.8286776,0.2894099 6.1180887,0 6.4763089,0 Z M 4.2096006,7.7715699 c -0.1780979,0 -0.3238152,0.145716 -0.3238152,0.3238146 0,0.178099 0.1457173,0.323817 0.3238152,0.323817 h 0.6476303 c 0.1780991,0 0.3238164,-0.145718 0.3238164,-0.323817 0,-0.1780986 -0.1457173,-0.3238146 -0.3238164,-0.3238146 z m 1.9428933,0 c -0.178099,0 -0.3238163,0.145716 -0.3238163,0.3238146 0,0.178099 0.1457173,0.323817 0.3238163,0.323817 h 0.64763 c 0.178099,0 0.3238153,-0.145718 0.3238153,-0.323817 0,-0.1780986 -0.1457163,-0.3238146 -0.3238153,-0.3238146 z m 1.9428923,0 c -0.178098,0 -0.323815,0.145716 -0.323815,0.3238146 0,0.178099 0.145717,0.323817 0.323815,0.323817 h 0.647631 c 0.178098,0 0.323816,-0.145718 0.323816,-0.323817 0,-0.1780986 -0.145718,-0.3238146 -0.323816,-0.3238146 z M 5.3429549,5.1810458 a 0.8095391,0.8095391 0 1 0 -1.6190782,0 0.8095391,0.8095391 0 1 0 1.6190782,0 z m 3.0762473,0.809538 a 0.80953865,0.80953865 0 1 0 0,-1.6190771 0.80953865,0.80953865 0 1 0 0,1.6190771 z M 0.9714467,4.5334156 h 0.323815 V 8.4192015 H 0.9714467 C 0.4351272,8.4192015 0,7.9840739 0,7.4477529 V 5.504861 C 0,4.9685428 0.4351272,4.5334156 0.9714467,4.5334156 Z m 11.0097253,0 c 0.536319,0 0.971446,0.4351272 0.971446,0.9714454 v 1.9428919 c 0,0.536321 -0.435127,0.9714486 -0.971446,0.9714486 H 11.657355 V 4.5334156 Z" />
+</svg>

client/public/themes/olympus/images/buttons/visibility/human.svg

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="human.svg"
+   id="svg6"
+   version="1.1"
+   fill="none"
+   viewBox="0 0 12.14064 10.677204"
+   height="10.677204"
+   width="12.14064">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     fit-margin-bottom="0"
+     fit-margin-right="0"
+     fit-margin-left="0"
+     fit-margin-top="0"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="svg6"
+     inkscape:window-maximized="1"
+     inkscape:window-y="-8"
+     inkscape:window-x="1912"
+     inkscape:window-height="1017"
+     inkscape:window-width="1920"
+     inkscape:cy="3.5052403"
+     inkscape:cx="-1.3921341"
+     inkscape:zoom="27.733334"
+     showgrid="false"
+     inkscape:pagecheckerboard="0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="namedview8" />
+  <path
+     sodipodi:nodetypes="ccccccc"
+     id="path1359"
+     d="M 1.2277422,10.677204 C 0.50620893,10.667383 0.04230013,10.430984 0.00390353,9.8358148 -0.07761857,7.3028212 1.1300144,6.7967364 2.4770775,6.2662917 l 6.6154506,-0.012246 c 2.4502799,0.2890709 3.0477749,1.846629 3.0477749,3.4797821 0.0127,0.3604432 -0.331282,0.9019572 -1.478805,0.9433762 z"
+     stroke-width="0"
+	 style="stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+	 fill="black"	 />
+  <path
+     fill="black"
+     id="path916"
+	 stroke-width="0"
+     d="m 5.9808108,5.7908995 c 1.6415273,0 2.9733343,-1.2969197 2.9733343,-2.8954494 C 8.9541451,1.2969203 7.6223381,0 5.9808108,0 4.3392825,0 3.0074758,1.2969203 3.0074758,2.8954501 c 0,1.5985297 1.3318067,2.8954494 2.973335,2.8954494 z M 8.6237741,6.4343342 H 7.4860601 C 7.0276691,6.6394281 6.5176619,6.7560505 5.9808108,6.7560505 5.4439597,6.7560505 4.9360143,6.6394281 4.475561,6.4343342 H 3.3378464 c -1.4598251,0 -2.64296517,1.152148 -2.64296517,2.5737386 v 0.321716 c 0,0.532843 0.44393577,0.9651492 0.99111197,0.9651492 h 8.5896338 c 0.547177,0 0.991112,-0.4323062 0.991112,-0.9651492 v -0.321716 c 0,-1.4215906 -1.18314,-2.5737386 -2.6429649,-2.5737386 z" />
+</svg>

client/public/themes/olympus/images/buttons/visibility/navyunit.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="15.767666"
+   height="14.022505"
+   viewBox="0 0 15.767666 14.022505"
+   fill="none"
+   version="1.1"
+   id="svg7279"
+   sodipodi:docname="navyunit.svg"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs7283" />
+  <sodipodi:namedview
+     id="namedview7281"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="26.15625"
+     inkscape:cx="7.9139785"
+     inkscape:cy="7.2640382"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg7279" />
+  <path
+     stroke-width="0"
+     d="m 5.2724978,0.875 c 0,-0.46484 0.3828,-0.875 0.875,-0.875 h 3.5 C 10.112298,0 10.522498,0.41016 10.522498,0.875 V 1.75 h 1.3125 c 0.7109,0 1.3125,0.6016 1.3125,1.3125 v 3.5 l 1.2031,0.4102 c 0.6289,0.2187 0.793,1.039 0.3008,1.4765 l -2.7617,2.543 c -0.4375,0.2461 -0.9297,0.4101 -1.3672,0.4101 -0.5469002,0 -1.1211002,-0.2187 -1.6406002,-0.5468 -0.6016,-0.4375 -1.3946,-0.4375 -1.9961,0 -0.4649,0.3007 -1.0391,0.5468 -1.6406,0.5468 -0.4375,0 -0.9297,-0.164 -1.3672,-0.4101 l -2.76175,-2.543 C 0.62405778,8.0117 0.78811778,7.1914 1.4170278,6.9727 l 1.23047,-0.4102 v -3.5 c 0,-0.7109 0.5742,-1.3125 1.3125,-1.3125 h 1.3125 z m -0.875,5.1133 2.9258,-0.9844 c 0.3554,-0.1094 0.7656,-0.1094 1.1211,0 L 11.397498,5.9883 V 3.5 H 4.3974978 Z m 3.9922,5.5508 c 0.6289,0.4375 1.3672,0.7109 2.1328002,0.7109 0.7109,0 1.5039,-0.2734 2.1055,-0.7109 0.3281,-0.2188 0.7656,-0.1914 1.0664,0.0547 0.4101,0.3281 0.9023,0.5742 1.3945,0.6835 0.4648,0.1094 0.7656,0.5743 0.6563,1.0665 -0.1094,0.4648 -0.6016,0.7656 -1.0665,0.6562 -0.6562,-0.1641 -1.2304,-0.4648 -1.5859,-0.6836 -0.793,0.4102 -1.668,0.6836 -2.5703,0.6836 -0.8750002,0 -1.6680002,-0.2461 -2.2148002,-0.4922 -0.1641,-0.082 -0.3008,-0.164 -0.4102,-0.2187 -0.1367,0.0547 -0.2734,0.1367 -0.4375,0.2187 -0.5469,0.2461 -1.3398,0.4922 -2.1875,0.4922 -0.9023,0 -1.8047,-0.2734 -2.5977,-0.6836 -0.3554,0.2188 -0.92964,0.5195 -1.58589,0.6836 -0.46485002,0.1094 -0.95703002,-0.1914 -1.06641002,-0.6562 -0.10938,-0.4649 0.19141,-0.9571 0.65625,-1.0665 0.49219002,-0.1093 1.01172002,-0.3554 1.39455002,-0.6835 0.3008,-0.2461 0.7383,-0.2735 1.0664,-0.0547 0.6016,0.4375 1.3945,0.7109 2.1328,0.7109 0.7383,0 1.5039,-0.2734 2.1055,-0.7109 0.3007,-0.2188 0.7109,-0.2188 1.0117,0 z"
+     fill="#181e25"
+     id="path7277" />
+</svg>

client/public/themes/olympus/images/icon_aa_blue.svg

@@ -1,3 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.74842 41L25 9.97231L43.2516 41H6.74842Z" fill="#3BB9FF" stroke="#082E44" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_aa_blue_hover.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M45.7733 41.3423L25.9481 7.63951C25.5228 6.91648 24.4772 6.91646 24.0519 7.63951L4.22671 41.3423C3.79536 42.0756 4.32409 43 5.17484 43H44.8252C45.6759 43 46.2046 42.0756 45.7733 41.3423Z" fill="#3BB9FF" stroke="white" stroke-width="2"/>
-<path d="M6.74842 41L25 9.97231L43.2516 41H6.74842Z" fill="#3BB9FF" stroke="#082E44" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_aa_blue_selected.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M45.7733 41.3423L25.9481 7.63951C25.5228 6.91648 24.4772 6.91646 24.0519 7.63951L4.22671 41.3423C3.79536 42.0756 4.32409 43 5.17484 43H44.8252C45.6759 43 46.2046 42.0756 45.7733 41.3423Z" fill="#3BB9FF" stroke="white" stroke-width="2"/>
-<path d="M6.74842 41L25 9.97231L43.2516 41H6.74842Z" fill="white" stroke="#082E44" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_aa_neutral.svg

@@ -1,3 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.74842 41L25 9.97231L43.2516 41H6.74842Z" fill="#CFD9E8" stroke="#2F2F2F" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_aa_neutral_hover.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M45.7733 41.3423L25.9481 7.63951C25.5228 6.91648 24.4772 6.91646 24.0519 7.63951L4.22671 41.3423C3.79536 42.0756 4.32409 43 5.17484 43H44.8252C45.6759 43 46.2046 42.0756 45.7733 41.3423Z" fill="#CFD9E8" stroke="white" stroke-width="2"/>
-<path d="M6.74842 41L25 9.97231L43.2516 41H6.74842Z" fill="#CFD9E8" stroke="#2F2F2F" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_aa_neutral_selected.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M45.7733 41.3423L25.9481 7.63951C25.5228 6.91648 24.4772 6.91646 24.0519 7.63951L4.22671 41.3423C3.79536 42.0756 4.32409 43 5.17484 43H44.8252C45.6759 43 46.2046 42.0756 45.7733 41.3423Z" fill="#CFD9E8" stroke="white" stroke-width="2"/>
-<path d="M6.74842 41L25 9.97231L43.2516 41H6.74842Z" fill="white" stroke="#2F2F2F" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_aa_red.svg

@@ -1,3 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.74842 41L25 9.97231L43.2516 41H6.74842Z" fill="#FF5858" stroke="#262222" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_aa_red_hover.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M45.7733 41.3423L25.9481 7.63951C25.5228 6.91648 24.4772 6.91646 24.0519 7.63951L4.22671 41.3423C3.79536 42.0756 4.32409 43 5.17484 43H44.8252C45.6759 43 46.2046 42.0756 45.7733 41.3423Z" fill="#FF5858" stroke="white" stroke-width="2"/>
-<path d="M6.74842 41L25 9.97231L43.2516 41H6.74842Z" fill="#FF5858" stroke="#262222" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_aa_red_selected.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M45.7733 41.3423L25.9481 7.63951C25.5228 6.91648 24.4772 6.91646 24.0519 7.63951L4.22671 41.3423C3.79536 42.0756 4.32409 43 5.17484 43H44.8252C45.6759 43 46.2046 42.0756 45.7733 41.3423Z" fill="#FF5858" stroke="white" stroke-width="2"/>
-<path d="M6.74842 41L25 9.97231L43.2516 41H6.74842Z" fill="white" stroke="#262222" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_airbase_blue.svg

@@ -1,10 +0,0 @@
-<svg width="63" height="63" viewBox="0 0 63 63" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M31.4998 46.9756C40.0468 46.9756 46.9756 40.0468 46.9756 31.4998C46.9756 22.9528 40.0468 16.024 31.4998 16.024C22.9528 16.024 16.024 22.9528 16.024 31.4998C16.024 40.0468 22.9528 46.9756 31.4998 46.9756ZM31.4998 52.734C43.2271 52.734 52.734 43.2271 52.734 31.4998C52.734 19.7725 43.2271 10.2656 31.4998 10.2656C19.7725 10.2656 10.2656 19.7725 10.2656 31.4998C10.2656 43.2271 19.7725 52.734 31.4998 52.734Z" fill="white"/>
-<path d="M35.3291 61L37.3291 61L37.3291 59L37.3291 49.2532L37.3291 47.2532L35.3291 47.2532L27.6709 47.2532L25.6709 47.2532L25.6709 49.2532L25.6709 59L25.6709 61L27.6709 61L35.3291 61Z" fill="#247BE2" stroke="white" stroke-width="4"/>
-<path d="M47.2529 35.3291V37.3291H49.2529H58.9998H60.9998V35.3291V27.6709V25.6709L58.9998 25.6709H49.2529H47.2529V27.6709V35.3291Z" fill="#247BE2" stroke="white" stroke-width="4"/>
-<path d="M35.3291 15.7471L37.3291 15.7471L37.3291 13.7471L37.3291 4.00023L37.3291 2.00023L35.3291 2.00023L27.6709 2.00023L25.6709 2.00023L25.6709 4.00023L25.6709 13.7471L25.6709 15.7471L27.6709 15.7471L35.3291 15.7471Z" fill="#247BE2" stroke="white" stroke-width="4"/>
-<path d="M2 35.3291V37.3291H4H13.7468H15.7468V35.3291L15.7468 27.6709V25.6709L13.7468 25.6709H4H2V27.6709L2 35.3291Z" fill="#247BE2" stroke="white" stroke-width="4"/>
-<circle cx="31.5001" cy="31.5001" r="15.4494" fill="white" stroke="#247BE2" stroke-width="6"/>
-<line x1="25.7895" y1="23.9132" x2="36.5242" y2="38.6028" stroke="#247BE2" stroke-width="2" stroke-linecap="square"/>
-<line x1="38.9357" y1="33.9313" x2="25.9313" y2="33.0643" stroke="#247BE2" stroke-width="2" stroke-linecap="square"/>
-</svg>

client/public/themes/olympus/images/icon_airbase_neutral.svg

@@ -1,10 +0,0 @@
-<svg width="63" height="63" viewBox="0 0 63 63" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M31.4998 46.9756C40.0468 46.9756 46.9756 40.0468 46.9756 31.4998C46.9756 22.9528 40.0468 16.024 31.4998 16.024C22.9528 16.024 16.024 22.9528 16.024 31.4998C16.024 40.0468 22.9528 46.9756 31.4998 46.9756ZM31.4998 52.734C43.2271 52.734 52.734 43.2271 52.734 31.4998C52.734 19.7725 43.2271 10.2656 31.4998 10.2656C19.7725 10.2656 10.2656 19.7725 10.2656 31.4998C10.2656 43.2271 19.7725 52.734 31.4998 52.734Z" fill="white"/>
-<path d="M35.3291 61L37.3291 61L37.3291 59L37.3291 49.2532L37.3291 47.2532L35.3291 47.2532L27.6709 47.2532L25.6709 47.2532L25.6709 49.2532L25.6709 59L25.6709 61L27.6709 61L35.3291 61Z" fill="#CFD9E8" stroke="white" stroke-width="4"/>
-<path d="M47.2529 35.3291V37.3291H49.2529H58.9998H60.9998V35.3291V27.6709V25.6709L58.9998 25.6709H49.2529H47.2529V27.6709V35.3291Z" fill="#CFD9E8" stroke="white" stroke-width="4"/>
-<path d="M35.3291 15.7471L37.3291 15.7471L37.3291 13.7471L37.3291 4.00023L37.3291 2.00023L35.3291 2.00023L27.6709 2.00023L25.6709 2.00023L25.6709 4.00023L25.6709 13.7471L25.6709 15.7471L27.6709 15.7471L35.3291 15.7471Z" fill="#CFD9E8" stroke="white" stroke-width="4"/>
-<path d="M2 35.3291V37.3291H4H13.7468H15.7468V35.3291L15.7468 27.6709V25.6709L13.7468 25.6709H4H2V27.6709L2 35.3291Z" fill="#CFD9E8" stroke="white" stroke-width="4"/>
-<circle cx="31.5001" cy="31.5001" r="15.4494" fill="white" stroke="#CFD9E8" stroke-width="6"/>
-<line x1="25.7895" y1="23.9132" x2="36.5242" y2="38.6028" stroke="#CFD9E8" stroke-width="2" stroke-linecap="square"/>
-<line x1="38.9357" y1="33.9313" x2="25.9313" y2="33.0643" stroke="#CFD9E8" stroke-width="2" stroke-linecap="square"/>
-</svg>

client/public/themes/olympus/images/icon_airbase_red.svg

@@ -1,10 +0,0 @@
-<svg width="63" height="63" viewBox="0 0 63 63" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M31.4998 46.9756C40.0468 46.9756 46.9756 40.0468 46.9756 31.4998C46.9756 22.9528 40.0468 16.024 31.4998 16.024C22.9528 16.024 16.024 22.9528 16.024 31.4998C16.024 40.0468 22.9528 46.9756 31.4998 46.9756ZM31.4998 52.734C43.2271 52.734 52.734 43.2271 52.734 31.4998C52.734 19.7725 43.2271 10.2656 31.4998 10.2656C19.7725 10.2656 10.2656 19.7725 10.2656 31.4998C10.2656 43.2271 19.7725 52.734 31.4998 52.734Z" fill="white"/>
-<path d="M35.3291 61L37.3291 61L37.3291 59L37.3291 49.2532L37.3291 47.2532L35.3291 47.2532L27.6709 47.2532L25.6709 47.2532L25.6709 49.2532L25.6709 59L25.6709 61L27.6709 61L35.3291 61Z" fill="#ff5858" stroke="white" stroke-width="4"/>
-<path d="M47.2529 35.3291V37.3291H49.2529H58.9998H60.9998V35.3291V27.6709V25.6709L58.9998 25.6709H49.2529H47.2529V27.6709V35.3291Z" fill="#ff5858" stroke="white" stroke-width="4"/>
-<path d="M35.3291 15.7471L37.3291 15.7471L37.3291 13.7471L37.3291 4.00023L37.3291 2.00023L35.3291 2.00023L27.6709 2.00023L25.6709 2.00023L25.6709 4.00023L25.6709 13.7471L25.6709 15.7471L27.6709 15.7471L35.3291 15.7471Z" fill="#ff5858" stroke="white" stroke-width="4"/>
-<path d="M2 35.3291V37.3291H4H13.7468H15.7468V35.3291L15.7468 27.6709V25.6709L13.7468 25.6709H4H2V27.6709L2 35.3291Z" fill="#ff5858" stroke="white" stroke-width="4"/>
-<circle cx="31.5001" cy="31.5001" r="15.4494" fill="white" stroke="#ff5858" stroke-width="6"/>
-<line x1="25.7895" y1="23.9132" x2="36.5242" y2="38.6028" stroke="#ff5858" stroke-width="2" stroke-linecap="square"/>
-<line x1="38.9357" y1="33.9313" x2="25.9313" y2="33.0643" stroke="#ff5858" stroke-width="2" stroke-linecap="square"/>
-</svg>

client/public/themes/olympus/images/icon_aircraft_blue.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.2002 9.6002C8.2002 8.827 8.827 8.2002 9.6002 8.2002H40.4002C41.1734 8.2002 41.8002 8.827 41.8002 9.6002V40.4002C41.8002 41.1734 41.1734 41.8002 40.4002 41.8002H9.6002C8.827 41.8002 8.2002 41.1734 8.2002 40.4002V9.6002Z" fill="#3BB9FF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0002 11.0002V39.0002H39.0002V11.0002H11.0002ZM9.6002 8.2002C8.827 8.2002 8.2002 8.827 8.2002 9.6002V40.4002C8.2002 41.1734 8.827 41.8002 9.6002 41.8002H40.4002C41.1734 41.8002 41.8002 41.1734 41.8002 40.4002V9.6002C41.8002 8.827 41.1734 8.2002 40.4002 8.2002H9.6002Z" fill="#082E44"/>
-</svg>

client/public/themes/olympus/images/icon_aircraft_blue_hover.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M40.4002 7.2002H9.6002C8.27471 7.2002 7.2002 8.27472 7.2002 9.6002V40.4002C7.2002 41.7257 8.27472 42.8002 9.6002 42.8002H40.4002C41.7257 42.8002 42.8002 41.7257 42.8002 40.4002V9.6002C42.8002 8.27471 41.7257 7.2002 40.4002 7.2002Z" fill="#3BB9FF" stroke="white" stroke-width="2"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0002 11.0002V39.0002H39.0002V11.0002H11.0002ZM9.6002 8.2002C8.827 8.2002 8.2002 8.827 8.2002 9.6002V40.4002C8.2002 41.1734 8.827 41.8002 9.6002 41.8002H40.4002C41.1734 41.8002 41.8002 41.1734 41.8002 40.4002V9.6002C41.8002 8.827 41.1734 8.2002 40.4002 8.2002H9.6002Z" fill="#082E44"/>
-</svg>

client/public/themes/olympus/images/icon_aircraft_blue_selected.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M40.4002 7.2002H9.6002C8.27471 7.2002 7.2002 8.27472 7.2002 9.6002V40.4002C7.2002 41.7257 8.27472 42.8002 9.6002 42.8002H40.4002C41.7257 42.8002 42.8002 41.7257 42.8002 40.4002V9.6002C42.8002 8.27471 41.7257 7.2002 40.4002 7.2002Z" fill="white" stroke="white" stroke-width="2"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0002 11.0002V39.0002H39.0002V11.0002H11.0002ZM9.6002 8.2002C8.827 8.2002 8.2002 8.827 8.2002 9.6002V40.4002C8.2002 41.1734 8.827 41.8002 9.6002 41.8002H40.4002C41.1734 41.8002 41.8002 41.1734 41.8002 40.4002V9.6002C41.8002 8.827 41.1734 8.2002 40.4002 8.2002H9.6002Z" fill="#082E44"/>
-</svg>

client/public/themes/olympus/images/icon_aircraft_neutral.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.2002 9.6002C8.2002 8.827 8.827 8.2002 9.6002 8.2002H40.4002C41.1734 8.2002 41.8002 8.827 41.8002 9.6002V40.4002C41.8002 41.1734 41.1734 41.8002 40.4002 41.8002H9.6002C8.827 41.8002 8.2002 41.1734 8.2002 40.4002V9.6002Z" fill="#CFD9E8"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0002 11.0002V39.0002H39.0002V11.0002H11.0002ZM9.6002 8.2002C8.827 8.2002 8.2002 8.827 8.2002 9.6002V40.4002C8.2002 41.1734 8.827 41.8002 9.6002 41.8002H40.4002C41.1734 41.8002 41.8002 41.1734 41.8002 40.4002V9.6002C41.8002 8.827 41.1734 8.2002 40.4002 8.2002H9.6002Z" fill="#2F2F2F"/>
-</svg>

client/public/themes/olympus/images/icon_aircraft_neutral_hover.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M40.4002 7.2002H9.6002C8.27471 7.2002 7.2002 8.27472 7.2002 9.6002V40.4002C7.2002 41.7257 8.27472 42.8002 9.6002 42.8002H40.4002C41.7257 42.8002 42.8002 41.7257 42.8002 40.4002V9.6002C42.8002 8.27471 41.7257 7.2002 40.4002 7.2002Z" fill="#CFD9E8" stroke="white" stroke-width="2"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0002 11.0002V39.0002H39.0002V11.0002H11.0002ZM9.6002 8.2002C8.827 8.2002 8.2002 8.827 8.2002 9.6002V40.4002C8.2002 41.1734 8.827 41.8002 9.6002 41.8002H40.4002C41.1734 41.8002 41.8002 41.1734 41.8002 40.4002V9.6002C41.8002 8.827 41.1734 8.2002 40.4002 8.2002H9.6002Z" fill="#2F2F2F"/>
-</svg>

client/public/themes/olympus/images/icon_aircraft_red.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.2002 9.6002C8.2002 8.827 8.827 8.2002 9.6002 8.2002H40.4002C41.1734 8.2002 41.8002 8.827 41.8002 9.6002V40.4002C41.8002 41.1734 41.1734 41.8002 40.4002 41.8002H9.6002C8.827 41.8002 8.2002 41.1734 8.2002 40.4002V9.6002Z" fill="#FF5858"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0002 11.0002V39.0002H39.0002V11.0002H11.0002ZM9.6002 8.2002C8.827 8.2002 8.2002 8.827 8.2002 9.6002V40.4002C8.2002 41.1734 8.827 41.8002 9.6002 41.8002H40.4002C41.1734 41.8002 41.8002 41.1734 41.8002 40.4002V9.6002C41.8002 8.827 41.1734 8.2002 40.4002 8.2002H9.6002Z" fill="#262222"/>
-</svg>

client/public/themes/olympus/images/icon_aircraft_red_hover.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M40.4002 7.2002H9.6002C8.27471 7.2002 7.2002 8.27472 7.2002 9.6002V40.4002C7.2002 41.7257 8.27472 42.8002 9.6002 42.8002H40.4002C41.7257 42.8002 42.8002 41.7257 42.8002 40.4002V9.6002C42.8002 8.27471 41.7257 7.2002 40.4002 7.2002Z" fill="#FF5858" stroke="white" stroke-width="2"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0002 11.0002V39.0002H39.0002V11.0002H11.0002ZM9.6002 8.2002C8.827 8.2002 8.2002 8.827 8.2002 9.6002V40.4002C8.2002 41.1734 8.827 41.8002 9.6002 41.8002H40.4002C41.1734 41.8002 41.8002 41.1734 41.8002 40.4002V9.6002C41.8002 8.827 41.1734 8.2002 40.4002 8.2002H9.6002Z" fill="#262222"/>
-</svg>

client/public/themes/olympus/images/icon_aircraft_red_selected.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M40.4002 7.2002H9.6002C8.27471 7.2002 7.2002 8.27472 7.2002 9.6002V40.4002C7.2002 41.7257 8.27472 42.8002 9.6002 42.8002H40.4002C41.7257 42.8002 42.8002 41.7257 42.8002 40.4002V9.6002C42.8002 8.27471 41.7257 7.2002 40.4002 7.2002Z" fill="white" stroke="white" stroke-width="2"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0002 11.0002V39.0002H39.0002V11.0002H11.0002ZM9.6002 8.2002C8.827 8.2002 8.2002 8.827 8.2002 9.6002V40.4002C8.2002 41.1734 8.827 41.8002 9.6002 41.8002H40.4002C41.1734 41.8002 41.8002 41.1734 41.8002 40.4002V9.6002C41.8002 8.827 41.1734 8.2002 40.4002 8.2002H9.6002Z" fill="#262222"/>
-</svg>

client/public/themes/olympus/images/icon_bomb_blue.svg

@@ -1,3 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M22.86 33.5C19.8652 26 20.293 15 24.9991 12C29.7052 15.5 29.7052 27 27.1382 33.5C27.1382 33.5 28.7905 34.0138 29.2774 35C29.7783 36.0148 29.2774 38 29.2774 38H20.721C20.721 38 20.2237 36.0172 20.721 35C21.2771 33.8627 22.86 33.5 22.86 33.5Z" fill="#5CA7FF" stroke="#082E44" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_bomb_neutral.svg

@@ -1,3 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M22.86 33.5C19.8652 26 20.293 15 24.9991 12C29.7052 15.5 29.7052 27 27.1382 33.5C27.1382 33.5 28.7905 34.0138 29.2774 35C29.7783 36.0148 29.2774 38 29.2774 38H20.721C20.721 38 20.2237 36.0172 20.721 35C21.2771 33.8627 22.86 33.5 22.86 33.5Z" fill="#CFD9E8" stroke="#2F2F2F" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_bomb_red.svg

@@ -1,3 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M22.86 33.5C19.8652 26 20.293 15 24.9991 12C29.7052 15.5 29.7052 27 27.1382 33.5C27.1382 33.5 28.7905 34.0138 29.2774 35C29.7783 36.0148 29.2774 38 29.2774 38H20.721C20.721 38 20.2237 36.0172 20.721 35C21.2771 33.8627 22.86 33.5 22.86 33.5Z" fill="#FF5858" stroke="#262222" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_building_blue_hover.svg

@@ -1,5 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M25.6237 37.5L45.4 37.5C46.2569 37.5 47.0043 36.8097 46.9997 35.8937C46.9781 31.5861 45.6287 24.9412 41.3969 19.8087C37.9283 15.6018 32.5887 12.5 24.7613 12.5C17.0596 12.5 11.8182 15.5038 8.4233 19.6249C4.16289 24.7968 2.92903 31.5698 3.00314 35.9289C3.01844 36.8304 3.75884 37.5 4.60263 37.5L24.3811 37.5L25.0024 38.1213L25.6237 37.5Z" fill="#3BB9FF" stroke="white" stroke-width="3"/>
-<path d="M45.5 36L25.0024 36L4.5048 36C4.41436 31.8747 5.58559 25.4289 9.58105 20.5787C12.6882 16.8068 17.5033 14 24.7613 14C32.1369 14 37.0534 16.8986 40.2395 20.7629C44.2204 25.5911 45.5 31.9268 45.5 36Z" fill="#3BB9FF"/>
-<path d="M25.0024 36L45.5 36C45.5 31.9268 44.2204 25.5911 40.2395 20.7629M25.0024 36L4.5048 36C4.41436 31.8747 5.58559 25.4289 9.58105 20.5787M25.0024 36L9.58105 20.5787M25.0024 36L40.2395 20.7629M9.58105 20.5787C12.6882 16.8068 17.5033 14 24.7613 14C32.1369 14 37.0534 16.8986 40.2395 20.7629" stroke="#082E44" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_building_blue_selected.svg

@@ -1,5 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M25.6237 37.5L45.4 37.5C46.2569 37.5 47.0043 36.8097 46.9997 35.8937C46.9781 31.5861 45.6287 24.9412 41.3969 19.8087C37.9283 15.6018 32.5887 12.5 24.7613 12.5C17.0596 12.5 11.8182 15.5038 8.4233 19.6249C4.16289 24.7968 2.92903 31.5698 3.00314 35.9289C3.01844 36.8304 3.75884 37.5 4.60263 37.5L24.3811 37.5L25.0024 38.1213L25.6237 37.5Z" fill="white" stroke="white" stroke-width="3"/>
-<path d="M45.5 36L25.0024 36L4.5048 36C4.41436 31.8747 5.58559 25.4289 9.58105 20.5787C12.6882 16.8068 17.5033 14 24.7613 14C32.1369 14 37.0534 16.8986 40.2395 20.7629C44.2204 25.5911 45.5 31.9268 45.5 36Z" fill="white"/>
-<path d="M25.0024 36L45.5 36C45.5 31.9268 44.2204 25.5911 40.2395 20.7629M25.0024 36L4.5048 36C4.41436 31.8747 5.58559 25.4289 9.58105 20.5787M25.0024 36L9.58105 20.5787M25.0024 36L40.2395 20.7629M9.58105 20.5787C12.6882 16.8068 17.5033 14 24.7613 14C32.1369 14 37.0534 16.8986 40.2395 20.7629" stroke="#082E44" stroke-width="2"/>
-</svg>