v0.2.1 release

Removed options to command human units

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

@@ -2,7 +2,10 @@ var express = require('express');
 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');
@@ -16,20 +19,29 @@ app.use(cookieParser());
 app.use(express.static(path.join(__dirname, 'public')));
 
 app.use('/', indexRouter);
+app.use('/api/atc', atcRouter);
 app.use('/users', usersRouter);
 app.use('/uikit', uikitRouter);
 
 app.set('view engine', 'ejs');
 
+let rawdata = fs.readFileSync('../olympus.json');
+let config = JSON.parse(rawdata);
+if (config["server"] != undefined)
+    app.get('/config', (req, res) => res.send(config["server"]));
+
 module.exports = app;
 
 const DemoDataGenerator = require('./demo.js');
-
 var demoDataGenerator = new DemoDataGenerator(10);
-
 app.get('/demo/units', (req, res) => demoDataGenerator.units(req, res));
 app.get('/demo/logs', (req, res) => demoDataGenerator.logs(req, res));
 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/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,8 +2,8 @@
 const DEMO_UNIT_DATA = {
     ["1"]:{
         baseData: {
-            AI: true,
-            name: "F-5E",
+            AI: false,
+            name: "KC-135",
             unitName: "Olympus 1-1",
             groupName: "Group 1",
             alive: true,
@@ -11,15 +11,28 @@ const DEMO_UNIT_DATA = {
         },
         flightData:  {
             latitude: 37.20,
-            longitude: -115.8,
+            longitude: -115.80,
             altitude: 2000,
             heading: 0.5,
             speed: 300
         },
         missionData:  {
             fuel: 50,
-            flags: {human: false},
-            ammo: [],
+            flags: {Human: false},
+            ammo: [
+                {
+                    count: 4,
+                    desc: {
+                        displayName: "AIM-120"
+                    }
+                },
+                {
+                    count: 2,
+                    desc: {
+                        displayName: "AIM-7"
+                    }
+                }
+            ],
             targets: [],
             hasTask: true,
             coalition: "blue"
@@ -33,20 +46,30 @@ const DEMO_UNIT_DATA = {
             wingmenIDs: []
         },
         taskData: {
-            currentTask: "Example task",
+            currentTask: "Holding",
+            currentState: "Idle",
             activePath: undefined,
             targetSpeed: 400,
-            targetAltitude: 3000
+            targetAltitude: 3000,
+            isTanker: false,
+            TACANOn: false,
+            TACANChannel: 32,
+            TACANXY: "Y",
+            TACANCallsign: "ASD",
+            radioFrequency: 123.750,
+            radioCallsign: 2,
+            radioCallsignNumber: 3,
+            radioAMFM: "FM"
         },
         optionsData: {
-            ROE: "None",
-            reactionToThreat: "None",
+            ROE: "Designated",
+            reactionToThreat: "Abort",
         }
     },
     ["2"]:{
         baseData: {
             AI: true,
-            name: "F-5E",
+            name: "KC-135",
             unitName: "Olympus 1-2",
             groupName: "Group 1",
             alive: true,
@@ -78,12 +101,12 @@ const DEMO_UNIT_DATA = {
         taskData: {
             currentTask: "Example task",
             activePath: undefined,
-            targetSpeed: 400,
+            targetSpeed: 300,
             targetAltitude: 3000
         },
         optionsData: {
-            ROE: "None",
-            reactionToThreat: "None",
+            ROE: "Designated",
+            reactionToThreat: "Abort",
         }
     },
     ["3"]:{
@@ -350,7 +373,7 @@ const DEMO_UNIT_DATA = {
             name: "CVN-75",
             unitName: "Olympus 1-9",
             groupName: "Group 1",
-            alive: false,
+            alive: true,
             category: "Aircraft",
         },
         flightData:  {
@@ -393,7 +416,7 @@ const DEMO_UNIT_DATA = {
             name: "CVN-75",
             unitName: "Olympus 1-10",
             groupName: "Group 1",
-            alive: false,
+            alive: true,
             category: "Aircraft",
         },
         flightData:  {
@@ -436,12 +459,12 @@ const DEMO_UNIT_DATA = {
             name: "CVN-75",
             unitName: "Olympus 1-11",
             groupName: "Group 1",
-            alive: false,
+            alive: true,
             category: "Missile",
         },
         flightData:  {
             latitude: 37.075,
-            longitude: -115.8,
+            longitude: -115.80,
             altitude: 2000,
             heading: 0.5,
             speed: 300
@@ -479,16 +502,102 @@ const DEMO_UNIT_DATA = {
             name: "CVN-75",
             unitName: "Olympus 1-12",
             groupName: "Group 1",
-            alive: false,
+            alive: true,
             category: "Missile",
         },
         flightData:  {
             latitude: 37.075,
             longitude: -115.75,
             altitude: 2000,
+            heading: 0.6,
+            speed: 300
+        },
+        missionData:  {
+            fuel: 0.5,
+            flags: {human: false},
+            ammo: [],
+            targets: [],
+            hasTask: true,
+            coalition: "red"
+        },
+        formationData:  {
+            formation: "Echelon",
+            isLeader: false,
+            isWingman: false,
+            leaderID: null,
+            wingmen: [],
+            wingmenIDs: []
+        },
+        taskData: {
+            currentTask: "Example task",
+            activePath: undefined,
+            targetSpeed: 400,
+            targetAltitude: 3000
+        },
+        optionsData: {
+            ROE: "None",
+            reactionToThreat: "None",
+        }
+    },
+    ["13"]:{
+        baseData: {
+            AI: true,
+            name: "CVN-75",
+            unitName: "Olympus 1-11",
+            groupName: "Group 1",
+            alive: true,
+            category: "Bomb",
+        },
+        flightData:  {
+            latitude: 37.05,
+            longitude: -115.8,
+            altitude: 2000,
             heading: 0.5,
             speed: 300
         },
+        missionData:  {
+            fuel: 0.5,
+            flags: {human: false},
+            ammo: [],
+            targets: [],
+            hasTask: true,
+            coalition: "blue"
+        },
+        formationData:  {
+            formation: "Echelon",
+            isLeader: false,
+            isWingman: false,
+            leaderID: null,
+            wingmen: [],
+            wingmenIDs: []
+        },
+        taskData: {
+            currentTask: "Example task",
+            activePath: undefined,
+            targetSpeed: 400,
+            targetAltitude: 3000
+        },
+        optionsData: {
+            ROE: "None",
+            reactionToThreat: "None",
+        }
+    },
+    ["14"]:{
+        baseData: {
+            AI: true,
+            name: "CVN-75",
+            unitName: "Olympus 1-12",
+            groupName: "Group 1",
+            alive: true,
+            category: "Bomb",
+        },
+        flightData:  {
+            latitude: 37.05,
+            longitude: -115.75,
+            altitude: 2000,
+            heading: 0.6,
+            speed: 300
+        },
         missionData:  {
             fuel: 0.5,
             flags: {human: false},
@@ -526,11 +635,16 @@ class DemoDataGenerator {
     
     units(req, res){
         var ret = this.demoUnits;
+        for (let ID in this.demoUnits["units"]){
+            this.demoUnits["units"][ID].flightData.latitude += 0.00001;
+        }
+        ret.time = Date.now();
         res.send(JSON.stringify(ret));
     };
     
     logs(req, res){
         var ret = {logs: {}};
+        ret.time = Date.now();
         res.send(JSON.stringify(ret));
     };
     
@@ -555,6 +669,7 @@ class DemoDataGenerator {
                 coalition: "blue"
             }
         }};
+        ret.time = Date.now();
         res.send(JSON.stringify(ret));
     };
     
@@ -573,8 +688,15 @@ class DemoDataGenerator {
                 longitude: -115.7
             }
         }};
+        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));
+    }
     
     generateRandomUnitsDemoData(unitsNumber) 
     {

client/package.json

@@ -2,12 +2,12 @@
   "name": "DCSOlympus",
   "node-main": "./bin/www",
   "main": "http://localhost:3000",
-  "version": "0.0.0",
+  "version": "v0.2.1-alpha",
   "private": true,
   "scripts": {
     "copy": "copy .\\node_modules\\leaflet\\dist\\leaflet.css .\\public\\stylesheets\\leaflet.css",
     "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/geojson": "^7946.0.10",
@@ -16,16 +16,24 @@
     "debug": "~2.6.9",
     "ejs": "^3.1.8",
     "express": "~4.16.1",
+    "geomag": "^1.0.0",
     "leaflet": "^1.9.3",
+    "leaflet-control-mini-map": "^0.4.0",
+    "leaflet.nauticscale": "^1.1.0",
     "milsymbol": "^2.0.0",
     "morgan": "~1.9.1",
     "save": "^2.9.0"
   },
   "devDependencies": {
+    "@babel/preset-env": "^7.21.4",
     "@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",
+    "esmify": "^2.1.1",
+    "express-basic-auth": "^1.2.1",
     "nodemon": "^2.0.20",
     "sortablejs": "^1.15.0",
     "tsify": "^5.0.4",

client/public/images/icons/arrow-pointer-solid.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 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="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"/></svg>

client/public/images/icons/arrows-to-eye-solid.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 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="M15 15C24.4 5.7 39.6 5.7 49 15l63 63V40c0-13.3 10.7-24 24-24s24 10.7 24 24v96c0 13.3-10.7 24-24 24H40c-13.3 0-24-10.7-24-24s10.7-24 24-24H78.1L15 49C5.7 39.6 5.7 24.4 15 15zM133.5 243.9C158.6 193.6 222.7 112 320 112s161.4 81.6 186.5 131.9c3.8 7.6 3.8 16.5 0 24.2C481.4 318.4 417.3 400 320 400s-161.4-81.6-186.5-131.9c-3.8-7.6-3.8-16.5 0-24.2zM320 320a64 64 0 1 0 0-128 64 64 0 1 0 0 128zM591 15c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-63 63H600c13.3 0 24 10.7 24 24s-10.7 24-24 24H504c-13.3 0-24-10.7-24-24V40c0-13.3 10.7-24 24-24s24 10.7 24 24V78.1l63-63zM15 497c-9.4-9.4-9.4-24.6 0-33.9l63-63H40c-13.3 0-24-10.7-24-24s10.7-24 24-24h96c13.3 0 24 10.7 24 24v96c0 13.3-10.7 24-24 24s-24-10.7-24-24V433.9L49 497c-9.4 9.4-24.6 9.4-33.9 0zm576 0l-63-63V472c0 13.3-10.7 24-24 24s-24-10.7-24-24V376c0-13.3 10.7-24 24-24h96c13.3 0 24 10.7 24 24s-10.7 24-24 24H561.9l63 63c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0z"/></svg>

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

@@ -0,0 +1 @@
+<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/echelon-lh.svg

@@ -0,0 +1,63 @@
+<?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"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   fill="none"
+   version="1.1"
+   id="svg14"
+   sodipodi:docname="echelon-lh.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)">
+  <metadata
+     id="metadata20">
+    <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="defs18" />
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview16"
+     showgrid="false"
+     inkscape:zoom="34.345186"
+     inkscape:cx="9.7964424"
+     inkscape:cy="8.7196642"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg14" />
+  <path
+     d="m 11.760336,0.82277727 c 0.03507,-0.0819211 0.116519,-0.13468436 0.20644,-0.13468436 0.08985,0 0.171299,0.0527631 0.206441,0.13468436 L 12.79247,2.2515013 c 0.04782,0.1110719 0.07304,0.2290997 0.07304,0.3498999 v 1.0690957 l 2.022304,1.1663106 V 4.5758186 c 0,-0.1846888 0.150282,-0.3332707 0.337016,-0.3332707 0.186803,0 0.337085,0.1485819 0.337085,0.3332707 V 5.353336 5.7976518 6.1308542 c 0,0.1846885 -0.150282,0.3332711 -0.337085,0.3332711 -0.186734,0 -0.337016,-0.1485826 -0.337016,-0.3332711 V 6.0198095 H 12.865509 V 6.473799 l 0.821559,0.7123218 c 0.04913,0.041627 0.07724,0.1027332 0.07724,0.1665674 v 0.2221572 c 0,0.1222175 -0.101084,0.2221571 -0.224701,0.2221571 H 12.191408 V 6.9083724 c 0,-0.1221494 -0.101085,-0.22209 -0.224632,-0.22209 -0.123616,0 -0.2247,0.099941 -0.2247,0.22209 v 0.8886301 h -1.348203 c -0.123616,0 -0.2247,-0.09994 -0.2247,-0.2221571 V 7.3526882 c 0,-0.063834 0.02804,-0.1249429 0.07717,-0.1665674 L 11.067975,6.473799 V 6.0198095 H 9.0456705 v 0.1110447 c 0,0.1846885 -0.1502827,0.3332711 -0.3370162,0.3332711 -0.1868027,0 -0.3370854,-0.1485826 -0.3370854,-0.3332711 V 5.7976518 5.353336 4.5758186 c 0,-0.1846888 0.1502827,-0.3332707 0.3370854,-0.3332707 0.1867335,0 0.3370162,0.1485819 0.3370162,0.3332707 V 4.8368075 L 11.067975,3.6704969 V 2.6014012 c 0,-0.1208002 0.02529,-0.238828 0.07304,-0.3498999 z"
+     fill="#202831"
+     id="path2"
+     style="fill:#000000;fill-opacity:1;stroke-width:0.685147" />
+  <path
+     style="fill:#000000;fill-opacity:1;stroke-width:0.685147"
+     id="path2-4"
+     fill="#202831"
+     d="m 4.3098319,8.5178559 c 0.03507,-0.081921 0.116519,-0.1346843 0.206441,-0.1346843 0.08985,0 0.171299,0.052763 0.206441,0.1346843 L 5.3419659,9.94658 c 0.04782,0.111072 0.07304,0.2291 0.07304,0.3499 v 1.069096 l 2.0223043,1.166311 v -0.26099 c 0,-0.184688 0.1502822,-0.33327 0.3370163,-0.33327 0.1868027,0 0.3370848,0.148582 0.3370848,0.33327 v 0.777518 0.444316 0.333202 c 0,0.184689 -0.1502821,0.333271 -0.3370848,0.333271 -0.1867341,0 -0.3370163,-0.148582 -0.3370163,-0.333271 V 13.714889 H 5.4150049 v 0.453989 l 0.821559,0.712322 c 0.04913,0.04163 0.07724,0.102733 0.07724,0.166567 v 0.222157 c 0,0.122218 -0.101084,0.222158 -0.2247,0.222158 h -1.348203 v -0.888631 c 0,-0.122149 -0.101084,-0.22209 -0.224631,-0.22209 -0.123616,0 -0.224701,0.09994 -0.224701,0.22209 v 0.888631 h -1.348202 c -0.123616,0 -0.224701,-0.09994 -0.224701,-0.222158 v -0.222157 c 0,-0.06383 0.02804,-0.124943 0.07717,-0.166567 l 0.821635,-0.712322 v -0.453989 h -2.022304 v 0.111044 c 0,0.184689 -0.150283,0.333271 -0.337016,0.333271 -0.186803,0 -0.33708499,-0.148582 -0.33708499,-0.333271 v -0.333202 -0.444316 -0.777518 c 0,-0.184688 0.15028199,-0.33327 0.33708499,-0.33327 0.186733,0 0.337016,0.148582 0.337016,0.33327 v 0.26099 l 2.022304,-1.166311 V 10.29648 c 0,-0.1208 0.02529,-0.238828 0.07304,-0.3499 z" />
+</svg>

client/public/images/icons/echelon-rh.svg

@@ -0,0 +1,63 @@
+<?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"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   fill="none"
+   version="1.1"
+   id="svg14"
+   sodipodi:docname="echelon-rh.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)">
+  <metadata
+     id="metadata20">
+    <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs18" />
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview16"
+     showgrid="false"
+     inkscape:zoom="34.345186"
+     inkscape:cx="9.7964424"
+     inkscape:cy="8.7196642"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg14" />
+  <path
+     d="M 4.7226453,0.82277727 C 4.687573,0.74085619 4.6061264,0.68809291 4.516205,0.68809291 c -0.089853,0 -0.1712993,0.0527631 -0.206441,0.13468436 L 3.6905114,2.2515013 c -0.04782,0.1110719 -0.07304,0.2290997 -0.07304,0.3498999 V 3.6704969 L 1.5951671,4.8368075 V 4.5758186 c 0,-0.1846888 -0.1502822,-0.3332707 -0.3370163,-0.3332707 -0.1868027,0 -0.33708489,0.1485819 -0.33708489,0.3332707 V 5.353336 5.7976518 6.1308542 c 0,0.1846885 0.15028219,0.3332711 0.33708489,0.3332711 0.1867341,0 0.3370163,-0.1485826 0.3370163,-0.3332711 V 6.0198095 H 3.6174719 V 6.473799 l -0.821559,0.7123218 c -0.049132,0.041627 -0.077243,0.1027332 -0.077243,0.1665674 v 0.2221572 c 0,0.1222175 0.1010844,0.2221571 0.2247007,0.2221571 H 4.2915732 V 6.9083724 c 0,-0.1221494 0.1010844,-0.22209 0.2246318,-0.22209 0.1236157,0 0.2247001,0.099941 0.2247001,0.22209 v 0.8886301 h 1.3482024 c 0.1236163,0 0.2247007,-0.09994 0.2247007,-0.2221571 V 7.3526882 c 0,-0.063834 -0.028044,-0.1249429 -0.077174,-0.1665674 L 5.4150063,6.473799 V 6.0198095 h 2.0223041 v 0.1110447 c 0,0.1846885 0.1502827,0.3332711 0.3370162,0.3332711 0.1868027,0 0.3370854,-0.1485826 0.3370854,-0.3332711 V 5.7976518 5.353336 4.5758186 c 0,-0.1846888 -0.1502827,-0.3332707 -0.3370854,-0.3332707 -0.1867335,0 -0.3370162,0.1485819 -0.3370162,0.3332707 V 4.8368075 L 5.4150063,3.6704969 V 2.6014012 c 0,-0.1208002 -0.025289,-0.238828 -0.07304,-0.3498999 z"
+     fill="#202831"
+     id="path2"
+     style="fill:#000000;fill-opacity:1;stroke-width:0.685147" />
+  <path
+     style="fill:#000000;fill-opacity:1;stroke-width:0.685147"
+     id="path2-4"
+     fill="#202831"
+     d="m 12.173149,8.5178559 c -0.03507,-0.081921 -0.116519,-0.1346843 -0.206441,-0.1346843 -0.08985,0 -0.171299,0.052763 -0.206441,0.1346843 L 11.141015,9.94658 c -0.04782,0.111072 -0.07304,0.2291 -0.07304,0.3499 v 1.069096 l -2.0223043,1.166311 v -0.26099 c 0,-0.184688 -0.1502822,-0.33327 -0.3370163,-0.33327 -0.1868027,0 -0.3370848,0.148582 -0.3370848,0.33327 v 0.777518 0.444316 0.333202 c 0,0.184689 0.1502821,0.333271 0.3370848,0.333271 0.1867341,0 0.3370163,-0.148582 0.3370163,-0.333271 v -0.111044 h 2.0223053 v 0.453989 L 10.246417,14.8812 c -0.04913,0.04163 -0.07724,0.102733 -0.07724,0.166567 v 0.222157 c 0,0.122218 0.101084,0.222158 0.2247,0.222158 h 1.348203 v -0.888631 c 0,-0.122149 0.101084,-0.22209 0.224631,-0.22209 0.123616,0 0.224701,0.09994 0.224701,0.22209 v 0.888631 h 1.348202 c 0.123616,0 0.224701,-0.09994 0.224701,-0.222158 v -0.222157 c 0,-0.06383 -0.02804,-0.124943 -0.07717,-0.166567 L 12.86551,14.168878 v -0.453989 h 2.022304 v 0.111044 c 0,0.184689 0.150283,0.333271 0.337016,0.333271 0.186803,0 0.337085,-0.148582 0.337085,-0.333271 v -0.333202 -0.444316 -0.777518 c 0,-0.184688 -0.150282,-0.33327 -0.337085,-0.33327 -0.186733,0 -0.337016,0.148582 -0.337016,0.33327 v 0.26099 L 12.86551,11.365576 V 10.29648 c 0,-0.1208 -0.02529,-0.238828 -0.07304,-0.3499 z" />
+</svg>

client/public/images/icons/echelon.svg

@@ -0,0 +1,63 @@
+<?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"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   fill="none"
+   version="1.1"
+   id="svg14"
+   sodipodi:docname="echelon.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)">
+  <metadata
+     id="metadata20">
+    <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="defs18" />
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview16"
+     showgrid="false"
+     inkscape:zoom="34.345186"
+     inkscape:cx="9.7964424"
+     inkscape:cy="8.7196642"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg14" />
+  <path
+     d="M 4.7226453,0.82277727 C 4.687573,0.74085619 4.6061264,0.68809291 4.516205,0.68809291 c -0.089853,0 -0.1712993,0.0527631 -0.206441,0.13468436 L 3.6905114,2.2515013 c -0.04782,0.1110719 -0.07304,0.2290997 -0.07304,0.3498999 V 3.6704969 L 1.5951671,4.8368075 V 4.5758186 c 0,-0.1846888 -0.1502822,-0.3332707 -0.3370163,-0.3332707 -0.1868027,0 -0.33708489,0.1485819 -0.33708489,0.3332707 V 5.353336 5.7976518 6.1308542 c 0,0.1846885 0.15028219,0.3332711 0.33708489,0.3332711 0.1867341,0 0.3370163,-0.1485826 0.3370163,-0.3332711 V 6.0198095 H 3.6174719 V 6.473799 l -0.821559,0.7123218 c -0.049132,0.041627 -0.077243,0.1027332 -0.077243,0.1665674 v 0.2221572 c 0,0.1222175 0.1010844,0.2221571 0.2247007,0.2221571 H 4.2915732 V 6.9083724 c 0,-0.1221494 0.1010844,-0.22209 0.2246318,-0.22209 0.1236157,0 0.2247001,0.099941 0.2247001,0.22209 v 0.8886301 h 1.3482024 c 0.1236163,0 0.2247007,-0.09994 0.2247007,-0.2221571 V 7.3526882 c 0,-0.063834 -0.028044,-0.1249429 -0.077174,-0.1665674 L 5.4150063,6.473799 V 6.0198095 h 2.0223041 v 0.1110447 c 0,0.1846885 0.1502827,0.3332711 0.3370162,0.3332711 0.1868027,0 0.3370854,-0.1485826 0.3370854,-0.3332711 V 5.7976518 5.353336 4.5758186 c 0,-0.1846888 -0.1502827,-0.3332707 -0.3370854,-0.3332707 -0.1867335,0 -0.3370162,0.1485819 -0.3370162,0.3332707 V 4.8368075 L 5.4150063,3.6704969 V 2.6014012 c 0,-0.1208002 -0.025289,-0.238828 -0.07304,-0.3498999 z"
+     fill="#202831"
+     id="path2"
+     style="fill:#000000;fill-opacity:1;stroke-width:0.685147" />
+  <path
+     style="fill:#000000;fill-opacity:1;stroke-width:0.685147"
+     id="path2-4"
+     fill="#202831"
+     d="m 12.173149,8.5178559 c -0.03507,-0.081921 -0.116519,-0.1346843 -0.206441,-0.1346843 -0.08985,0 -0.171299,0.052763 -0.206441,0.1346843 L 11.141015,9.94658 c -0.04782,0.111072 -0.07304,0.2291 -0.07304,0.3499 v 1.069096 l -2.0223043,1.166311 v -0.26099 c 0,-0.184688 -0.1502822,-0.33327 -0.3370163,-0.33327 -0.1868027,0 -0.3370848,0.148582 -0.3370848,0.33327 v 0.777518 0.444316 0.333202 c 0,0.184689 0.1502821,0.333271 0.3370848,0.333271 0.1867341,0 0.3370163,-0.148582 0.3370163,-0.333271 v -0.111044 h 2.0223053 v 0.453989 L 10.246417,14.8812 c -0.04913,0.04163 -0.07724,0.102733 -0.07724,0.166567 v 0.222157 c 0,0.122218 0.101084,0.222158 0.2247,0.222158 h 1.348203 v -0.888631 c 0,-0.122149 0.101084,-0.22209 0.224631,-0.22209 0.123616,0 0.224701,0.09994 0.224701,0.22209 v 0.888631 h 1.348202 c 0.123616,0 0.224701,-0.09994 0.224701,-0.222158 v -0.222157 c 0,-0.06383 -0.02804,-0.124943 -0.07717,-0.166567 L 12.86551,14.168878 v -0.453989 h 2.022304 v 0.111044 c 0,0.184689 0.150283,0.333271 0.337016,0.333271 0.186803,0 0.337085,-0.148582 0.337085,-0.333271 v -0.333202 -0.444316 -0.777518 c 0,-0.184688 -0.150282,-0.33327 -0.337085,-0.33327 -0.186733,0 -0.337016,0.148582 -0.337016,0.33327 v 0.26099 L 12.86551,11.365576 V 10.29648 c 0,-0.1208 -0.02529,-0.238828 -0.07304,-0.3499 z" />
+</svg>

client/public/images/icons/follow.svg

@@ -0,0 +1,58 @@
+<?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"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   fill="none"
+   version="1.1"
+   id="svg14"
+   sodipodi:docname="follow.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)">
+  <metadata
+     id="metadata20">
+    <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="defs18" />
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview16"
+     showgrid="false"
+     inkscape:zoom="12.142857"
+     inkscape:cx="22.433158"
+     inkscape:cy="14.663012"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg14" />
+  <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" />
+</svg>

client/public/images/icons/front.svg

@@ -0,0 +1,63 @@
+<?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"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   fill="none"
+   version="1.1"
+   id="svg14"
+   sodipodi:docname="front.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)">
+  <metadata
+     id="metadata20">
+    <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="defs18" />
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview16"
+     showgrid="false"
+     inkscape:zoom="34.345186"
+     inkscape:cx="9.7964424"
+     inkscape:cy="8.7196642"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg14" />
+  <path
+     d="m 7.5384925,0.85189343 c 0.03507,-0.0819211 0.116519,-0.13468436 0.20644,-0.13468436 0.08985,0 0.171299,0.0527631 0.206441,0.13468436 l 0.619253,1.42872407 c 0.04782,0.1110719 0.07304,0.2290997 0.07304,0.3498999 V 3.6996131 L 10.665971,4.8659237 V 4.6049348 c 0,-0.1846888 0.150282,-0.3332707 0.337016,-0.3332707 0.186803,0 0.337085,0.1485819 0.337085,0.3332707 V 5.3824522 5.826768 6.1599704 c 0,0.1846885 -0.150282,0.3332711 -0.337085,0.3332711 -0.186734,0 -0.337016,-0.1485826 -0.337016,-0.3332711 V 6.0489257 H 8.6436655 v 0.4539895 l 0.821559,0.7123218 c 0.04913,0.041627 0.07724,0.1027332 0.07724,0.1665674 v 0.2221572 c 0,0.1222175 -0.101084,0.2221571 -0.224701,0.2221571 H 7.9695645 V 6.9374886 c 0,-0.1221494 -0.101085,-0.22209 -0.224632,-0.22209 -0.123616,0 -0.2247,0.099941 -0.2247,0.22209 v 0.8886301 h -1.348203 c -0.123616,0 -0.2247,-0.09994 -0.2247,-0.2221571 V 7.3818044 c 0,-0.063834 0.02804,-0.1249429 0.07717,-0.1665674 L 6.8461315,6.5029152 V 6.0489257 H 4.823827 v 0.1110447 c 0,0.1846885 -0.1502827,0.3332711 -0.3370162,0.3332711 -0.1868027,0 -0.3370854,-0.1485826 -0.3370854,-0.3332711 V 5.826768 5.3824522 4.6049348 c 0,-0.1846888 0.1502827,-0.3332707 0.3370854,-0.3332707 0.1867335,0 0.3370162,0.1485819 0.3370162,0.3332707 V 4.8659237 L 6.8461315,3.6996131 V 2.6305174 c 0,-0.1208002 0.02529,-0.238828 0.07304,-0.3498999 z"
+     fill="#202831"
+     id="path2"
+     style="fill:#000000;fill-opacity:1;stroke-width:0.685147" />
+  <path
+     style="fill:#000000;fill-opacity:1;stroke-width:0.685147"
+     id="path2-4"
+     fill="#202831"
+     d="m 7.5417259,8.4887398 c 0.03507,-0.081921 0.116519,-0.1346843 0.206441,-0.1346843 0.08985,0 0.171299,0.052763 0.206441,0.1346843 l 0.619252,1.4287241 c 0.04782,0.1110721 0.07304,0.2291001 0.07304,0.3499001 v 1.069096 l 2.0223041,1.166311 v -0.26099 c 0,-0.184688 0.150282,-0.33327 0.337016,-0.33327 0.186803,0 0.337085,0.148582 0.337085,0.33327 v 0.777518 0.444316 0.333202 c 0,0.184689 -0.150282,0.333271 -0.337085,0.333271 -0.186734,0 -0.337016,-0.148582 -0.337016,-0.333271 V 13.685773 H 8.6468989 v 0.453989 l 0.821559,0.712322 c 0.04913,0.04163 0.07724,0.102733 0.07724,0.166567 v 0.222157 c 0,0.122218 -0.101084,0.222158 -0.2247,0.222158 h -1.348203 v -0.888631 c 0,-0.122149 -0.101084,-0.22209 -0.224631,-0.22209 -0.123616,0 -0.224701,0.09994 -0.224701,0.22209 v 0.888631 h -1.348202 c -0.123616,0 -0.224701,-0.09994 -0.224701,-0.222158 v -0.222157 c 0,-0.06383 0.02804,-0.124943 0.07717,-0.166567 l 0.821635,-0.712322 v -0.453989 h -2.022304 v 0.111044 c 0,0.184689 -0.150283,0.333271 -0.337016,0.333271 -0.186803,0 -0.337085,-0.148582 -0.337085,-0.333271 v -0.333202 -0.444316 -0.777518 c 0,-0.184688 0.150282,-0.33327 0.337085,-0.33327 0.186733,0 0.337016,0.148582 0.337016,0.33327 v 0.26099 l 2.022304,-1.166311 v -1.069096 c 0,-0.1208 0.02529,-0.238828 0.07304,-0.3499001 z" />
+</svg>

client/public/images/icons/grip-lines-solid.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 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="M32 288c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 288zm0-128c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 160z"/></svg>

client/public/images/icons/line-abreast.svg

@@ -0,0 +1,65 @@
+<?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"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   fill="none"
+   version="1.1"
+   id="svg14"
+   sodipodi:docname="line-abreast.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)">
+  <metadata
+     id="metadata20">
+    <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="defs18" />
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview16"
+     showgrid="false"
+     inkscape:zoom="34.345186"
+     inkscape:cx="9.7964424"
+     inkscape:cy="8.7196642"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg14" />
+  <path
+     inkscape:transform-center-y="-0.37851011"
+     inkscape:transform-center-x="-0.37851011"
+     d="m 3.8116238,3.5888127 c 0.03507,-0.081921 0.116519,-0.1346844 0.20644,-0.1346844 0.08985,0 0.171299,0.052763 0.206441,0.1346844 l 0.619253,1.428724 c 0.04782,0.1110719 0.07304,0.2290997 0.07304,0.3498999 V 6.4365323 L 6.9391023,7.6028429 V 7.341854 c 0,-0.1846888 0.150282,-0.3332707 0.337016,-0.3332707 0.186803,0 0.337085,0.1485819 0.337085,0.3332707 v 0.7775174 0.4443158 0.3332024 c 0,0.1846885 -0.150282,0.3332711 -0.337085,0.3332711 -0.186734,0 -0.337016,-0.1485826 -0.337016,-0.3332711 V 8.7858449 H 4.9167968 v 0.4539895 l 0.821559,0.7123218 c 0.04913,0.041627 0.07724,0.1027328 0.07724,0.1665678 v 0.222157 c 0,0.122217 -0.101084,0.222157 -0.224701,0.222157 H 4.2426958 V 9.6744078 c 0,-0.1221494 -0.101085,-0.22209 -0.224632,-0.22209 -0.123616,0 -0.2247,0.099941 -0.2247,0.22209 v 0.8886302 h -1.348203 c -0.123616,0 -0.2247,-0.09994 -0.2247,-0.222157 v -0.222157 c 0,-0.06383 0.02804,-0.1249433 0.07717,-0.1665678 L 3.1192628,9.2398344 V 8.7858449 H 1.0969583 v 0.1110447 c 0,0.1846885 -0.15028273,0.3332711 -0.33701623,0.3332711 -0.1868027,0 -0.3370854,-0.1485826 -0.3370854,-0.3332711 V 8.5636872 8.1193714 7.341854 c 0,-0.1846888 0.1502827,-0.3332707 0.3370854,-0.3332707 0.1867335,0 0.33701623,0.1485819 0.33701623,0.3332707 V 7.6028429 L 3.1192628,6.4365323 V 5.3674366 c 0,-0.1208002 0.02529,-0.238828 0.07304,-0.3498999 z"
+     fill="#202831"
+     id="path2"
+     style="fill:#000000;fill-opacity:1;stroke-width:0.685147" />
+  <path
+     style="fill:#000000;fill-opacity:1;stroke-width:0.685147"
+     id="path2-4"
+     fill="#202831"
+     d="m 11.763569,3.5972246 c 0.03507,-0.081921 0.116519,-0.1346843 0.206441,-0.1346843 0.08985,0 0.171299,0.052763 0.206441,0.1346843 l 0.619252,1.4287241 c 0.04782,0.1110721 0.07304,0.2291001 0.07304,0.3499001 v 1.069096 l 2.022304,1.166311 v -0.26099 c 0,-0.184688 0.150282,-0.33327 0.337016,-0.33327 0.186803,0 0.337085,0.148582 0.337085,0.33327 v 0.777518 0.444316 0.333202 c 0,0.184689 -0.150282,0.333271 -0.337085,0.333271 -0.186734,0 -0.337016,-0.148582 -0.337016,-0.333271 v -0.111044 h -2.022305 v 0.453989 l 0.821559,0.712322 c 0.04913,0.04163 0.07724,0.1027332 0.07724,0.1665672 v 0.222157 c 0,0.122218 -0.101084,0.222158 -0.2247,0.222158 H 12.194638 V 9.6828198 c 0,-0.122149 -0.101084,-0.22209 -0.224631,-0.22209 -0.123616,0 -0.224701,0.09994 -0.224701,0.22209 v 0.8886312 h -1.348202 c -0.123616,0 -0.224701,-0.09994 -0.224701,-0.222158 v -0.222157 c 0,-0.06383 0.02804,-0.124943 0.07717,-0.1665672 l 0.821635,-0.712322 V 8.7942578 H 9.0489044 v 0.111044 c 0,0.184689 -0.150283,0.333271 -0.337016,0.333271 -0.186803,0 -0.337085,-0.148582 -0.337085,-0.333271 v -0.333202 -0.444316 -0.777518 c 0,-0.184688 0.150282,-0.33327 0.337085,-0.33327 0.186733,0 0.337016,0.148582 0.337016,0.33327 v 0.26099 l 2.0223036,-1.166311 v -1.069096 c 0,-0.1208 0.02529,-0.238828 0.07304,-0.3499001 z" />
+</svg>

client/public/images/icons/sword.svg

@@ -0,0 +1,61 @@
+<?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"
+   class="svg-icon"
+   style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
+   viewBox="0 0 1024 1024"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="sword.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)">
+  <metadata
+     id="metadata12">
+    <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" />
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="0.83007812"
+     inkscape:cx="512"
+     inkscape:cy="512"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     d="M34.133333 870.4c-17.066667-17.066667-17.066667-42.666667 0-59.733333l194.133334-194.133334-134.4-134.4c-17.066667-17.066667-17.066667-42.666667 0-59.733333 17.066667-17.066667 42.666667-17.066667 59.733333 0l59.733333 59.733333 448-448c10.666667-10.666667 25.6-14.933333 38.4-10.666666l224 44.8c17.066667 4.266667 29.866667 17.066667 34.133334 34.133333L1002.666667 324.266667c2.133333 14.933333-2.133333 27.733333-10.666667 38.4l-448 448 59.733333 59.733333c17.066667 17.066667 17.066667 42.666667 0 59.733333-8.533333 8.533333-19.2 12.8-29.866666 12.8-10.666667 0-21.333333-4.266667-29.866667-12.8l-134.4-134.4-196.266667 194.133334c-8.533333 8.533333-19.2 12.8-29.866666 12.8s-21.333333-4.266667-29.866667-12.8l-119.466667-119.466667z m253.866667-194.133333l-164.266667 164.266666 59.733334 59.733334 164.266666-164.266667-59.733333-59.733333zM706.133333 110.933333L273.066667 541.866667l209.066666 209.066666L913.066667 320l-34.133334-172.8-172.8-36.266667z"
+     fill="#2F3CF4"
+     id="path2"
+     style="fill:#000000;fill-opacity:1" />
+  <path
+     style="fill:#000000;fill-opacity:1"
+     d="M795.733333 288c17.066667-17.066667 17.066667-42.666667 0-59.733333s-42.666667-17.066667-59.733333 0L422.4 541.866667c-17.066667 17.066667-17.066667 42.666667 0 59.733333 8.533333 8.533333 19.2 12.8 29.866667 12.8 10.666667 0 21.333333-4.266667 29.866666-12.8l313.6-313.6z"
+     fill="#FFFFFF"
+     id="path4" />
+</svg>

client/public/images/icons/trail.svg

@@ -0,0 +1,63 @@
+<?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"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   fill="none"
+   version="1.1"
+   id="svg14"
+   sodipodi:docname="trail.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)">
+  <metadata
+     id="metadata20">
+    <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="defs18" />
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview16"
+     showgrid="false"
+     inkscape:zoom="34.345186"
+     inkscape:cx="9.7964424"
+     inkscape:cy="8.7196642"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg14" />
+  <path
+     d="m 7.5384925,0.85189343 c 0.03507,-0.0819211 0.116519,-0.13468436 0.20644,-0.13468436 0.08985,0 0.171299,0.0527631 0.206441,0.13468436 l 0.619253,1.42872407 c 0.04782,0.1110719 0.07304,0.2290997 0.07304,0.3498999 V 3.6996131 L 10.665971,4.8659237 V 4.6049348 c 0,-0.1846888 0.150282,-0.3332707 0.337016,-0.3332707 0.186803,0 0.337085,0.1485819 0.337085,0.3332707 V 5.3824522 5.826768 6.1599704 c 0,0.1846885 -0.150282,0.3332711 -0.337085,0.3332711 -0.186734,0 -0.337016,-0.1485826 -0.337016,-0.3332711 V 6.0489257 H 8.6436655 v 0.4539895 l 0.821559,0.7123218 c 0.04913,0.041627 0.07724,0.1027332 0.07724,0.1665674 v 0.2221572 c 0,0.1222175 -0.101084,0.2221571 -0.224701,0.2221571 H 7.9695645 V 6.9374886 c 0,-0.1221494 -0.101085,-0.22209 -0.224632,-0.22209 -0.123616,0 -0.2247,0.099941 -0.2247,0.22209 v 0.8886301 h -1.348203 c -0.123616,0 -0.2247,-0.09994 -0.2247,-0.2221571 V 7.3818044 c 0,-0.063834 0.02804,-0.1249429 0.07717,-0.1665674 L 6.8461315,6.5029152 V 6.0489257 H 4.823827 v 0.1110447 c 0,0.1846885 -0.1502827,0.3332711 -0.3370162,0.3332711 -0.1868027,0 -0.3370854,-0.1485826 -0.3370854,-0.3332711 V 5.826768 5.3824522 4.6049348 c 0,-0.1846888 0.1502827,-0.3332707 0.3370854,-0.3332707 0.1867335,0 0.3370162,0.1485819 0.3370162,0.3332707 V 4.8659237 L 6.8461315,3.6996131 V 2.6305174 c 0,-0.1208002 0.02529,-0.238828 0.07304,-0.3498999 z"
+     fill="#202831"
+     id="path2"
+     style="fill:#000000;fill-opacity:1;stroke-width:0.685147" />
+  <path
+     style="fill:#000000;fill-opacity:1;stroke-width:0.685147"
+     id="path2-4"
+     fill="#202831"
+     d="m 7.5417259,8.4887398 c 0.03507,-0.081921 0.116519,-0.1346843 0.206441,-0.1346843 0.08985,0 0.171299,0.052763 0.206441,0.1346843 l 0.619252,1.4287241 c 0.04782,0.1110721 0.07304,0.2291001 0.07304,0.3499001 v 1.069096 l 2.0223041,1.166311 v -0.26099 c 0,-0.184688 0.150282,-0.33327 0.337016,-0.33327 0.186803,0 0.337085,0.148582 0.337085,0.33327 v 0.777518 0.444316 0.333202 c 0,0.184689 -0.150282,0.333271 -0.337085,0.333271 -0.186734,0 -0.337016,-0.148582 -0.337016,-0.333271 V 13.685773 H 8.6468989 v 0.453989 l 0.821559,0.712322 c 0.04913,0.04163 0.07724,0.102733 0.07724,0.166567 v 0.222157 c 0,0.122218 -0.101084,0.222158 -0.2247,0.222158 h -1.348203 v -0.888631 c 0,-0.122149 -0.101084,-0.22209 -0.224631,-0.22209 -0.123616,0 -0.224701,0.09994 -0.224701,0.22209 v 0.888631 h -1.348202 c -0.123616,0 -0.224701,-0.09994 -0.224701,-0.222158 v -0.222157 c 0,-0.06383 0.02804,-0.124943 0.07717,-0.166567 l 0.821635,-0.712322 v -0.453989 h -2.022304 v 0.111044 c 0,0.184689 -0.150283,0.333271 -0.337016,0.333271 -0.186803,0 -0.337085,-0.148582 -0.337085,-0.333271 v -0.333202 -0.444316 -0.777518 c 0,-0.184688 0.150282,-0.33327 0.337085,-0.33327 0.186733,0 0.337016,0.148582 0.337016,0.33327 v 0.26099 l 2.022304,-1.166311 v -1.069096 c 0,-0.1208 0.02529,-0.238828 0.07304,-0.3499001 z" />
+</svg>

client/public/images/icons/trash-can-regular.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 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="M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>

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

@@ -0,0 +1,370 @@
+<?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

@@ -0,0 +1,218 @@
+<?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/stylesheets/airbase.css

@@ -1,6 +1,6 @@
 :root {
-    --airbase-marker-height: 63px;
-    --airbase-marker-width: 63px;
+    --airbase-marker-height: 40px;
+    --airbase-marker-width: 40px;
 }
 
 [data-object|="airbase"] {
@@ -31,6 +31,7 @@ Marker
 /*  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);
 }

client/public/stylesheets/atc.css

@@ -1,211 +1,195 @@
-/***  Control panel  ***/
-
-#atc-control-panel {
-    align-self: flex-end;
-    background: white;
-    border-radius: 10px;
-    display:flex;
-    margin: 0 0 50px 100px;
-    padding:5px;
-    position: absolute;
-    z-index: 9999;
-}
-
-.atc-tool {
-    align-self: center;
-    border-radius: 10px;
-    display:none;
-    justify-self: center;
-    padding: 10px;
-    position: absolute;
-    z-index: 9999;
-}
 
 
-.atc-enabled .atc-tool {
-    display:flex;
-}
-
-
-
-
-#atc-flight-list {
-    flex-direction: column;
-}
-
-#atc-flight-list table {
-    color:white;
-}
-
-#atc-flight-list table td {
-    padding:0 10px;
-    text-align: center;
-}
-
-#atc-flight-list table td:first-of-type {
-    text-align: left;
-}
-
-#atc-flight-list table tr[data-status='checkedIn'] td {
-    background-color:goldenrod;
-}
-
-#atc-flight-list table tr[data-status='readyToTaxi'] td {
-    background-color:darkgreen;
-}
-
-#atc-flight-list table button {
-    background-color: #666;
-    border:1px solid white;
-    color:white;
-    font-weight: bold;
-    margin:2px 0;
-}
-
-
-.atc-strip-board {
-    align-self: center;
-    display:flex;
-    justify-self: center;
-    position: absolute;
-    z-index: 9999   ;
-}
-
-.atc-strip-board-header {
-    display:none;
-}
-
-.atc-strip-board-strips {
+.ol-strip-board-strips {
     display:flex;
     flex-direction: column;
+    row-gap: 4px;
 }
 
-.atc-strip-board-strip {
-    display:flex;
-    flex-direction: row;
-}
-
-
-/*
-.atc-strip-board-header {
-    background:black;
-    color:white;
-    display:none;
-    justify-content: right;
-}
-
-
-.atc-strip-board {
-    display:flex;
-    flex-direction: column;
-    row-gap: 5px;
-}
-
-.atc-strip-board-strips {
-    display:flex;
-    flex-direction: column;
-    padding:10px;
-    row-gap: 5px;
-}
-
-.atc-strip-board-strips > div {
+.ol-strip-board-strip {
     align-items: center;
+    border-radius: var( --border-radius-sm );
+    column-gap: 4px;
+    display:flex;
+    flex-flow: row nowrap;
+    row-gap:4px;
+}
+
+.ol-strip-board-strip[data-flight-status="checkedin"] {
+    background-color: #ffffff2A;
+}
+
+.ol-strip-board-strip[data-flight-status="readytotaxi"] {
+    background-color: #ffff0063;
+}
+
+.ol-strip-board-strip[data-flight-status="clearedtotaxi"] {
+    background-color: #00ff0030;
+}
+
+.ol-strip-board-strip[data-flight-status="halted"] {
+    background-color: #FF000040;
+}
+
+.ol-strip-board-strip[data-flight-status="terminated"] {
+    background-color: black;
+}
+
+.ol-strip-board-headers {
+    column-gap: 4px;
+    display:flex;
+    flex-flow:row nowrap;
+    text-align: center;
+}
+
+.ol-strip-board-headers > *, .ol-strip-board-strip > [data-point] {
+    padding: 4px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width:80px;
+}
+
+.ol-strip-board-strip input[type="text"] {
+    appearance: none;
+    background-color: transparent;
+    border:1px solid #ffffff30;
+    border-radius: var( --border-radius-sm );
     color:white;
-    column-gap: 2px;
-    display: flex;
-    flex-direction: row;
-    padding: 5px;
-}
-
-.atc-strip-board-header > div, .atc-strip-board-strips > div > div {
-    text-align: center;
-    width: 75px;
-}
-
-.atc-strip-board-header > .name {
-    width:150px;
-}
-
-.atc-strip-board-header > div, .atc-strip-board-strips > div > div {
-    text-align: center;
-    width: 75px;
-}
-
-.atc-strip-board-strips > div > .name {
-    text-align: left;
-    width:150px;
-}
-
-.atc-strip-board-strips > div {
-    align-items: center;
-    column-gap: 5px;
-    display: flex;
-    flex-direction: row;
     font-size:12px;
-    font-weight: 600;
-    padding: 5px;
-    row-gap: 5px;
-}
-
-
-/* 
-
-.atc-strip-board-header, .atc-strip-board-strips > div {
-    align-items: center;
-    background:#FFF3;
-    color:white;
-    column-gap: 5px;
-    display: flex;
-    flex-direction: row;
-    font-size:12px;
-    font-weight: 600;
-    padding: 5px;
-    row-gap: 5px;
-}
-
-.atc-strip-board-header {
-    background:black;
-    color:white;
-    display:none;
-    justify-content: right;
-}
-
-.atc-strip-board-strips > div {
-    border-bottom:1px solid black;
-}
-
-.atc-strip-board-header > div, .atc-strip-board-strips > div > div {
+    font-weight:normal;
+    outline:none;
+    padding: 4px 0;
     text-align: center;
-    width: 75px;
+    width:100%;
 }
 
-.atc-strip-board-header > .name {
-    width:150px;
+.ol-strip-board-strip[data-time-warning="level-1"] [data-point="timeToGo"] {
+    border:1px solid #cc0000;
 }
 
-.atc-strip-board-strips > div > .handle {
-    background: black;
-    border-radius: 50%;
-    cursor:grab;
-    height:10px;
-    width:10px;
+.ol-strip-board-headers :nth-child(1) {
+    width:12px;
 }
 
-.atc-strip-board-strips > div > .name {
+.ol-strip-board-headers :nth-child(2),
+.ol-strip-board-strip :nth-child(2),
+[data-board-type="ground"] .ol-strip-board-headers :nth-child(3),
+[data-board-type="ground"] .ol-strip-board-strip :nth-child(3) {
+    width:130px;
+}
+
+[data-board-type="ground"] .ol-strip-board-strip :nth-child(5) {
+    text-align: center;
+}
+
+
+
+.ol-strip-board-headers :last-child,
+.ol-strip-board-strip :last-child {
+    width:20px;
+}
+
+
+
+
+
+
+[data-board-type="tower"] .ol-strip-board-strip > * {
+    text-align: center;
+}
+
+[data-board-type="tower"] .ol-strip-board-strip a {
+    color:white;
+}
+
+[data-board-type="tower"] .ol-strip-board-strip > :nth-child(2) {
     text-align: left;
-    width:150px;
 }
 
-.atc-strip-board-strips > div > .warning {
-    background:red;
-    color: white;
-    font-weight: bold;
+[data-board-type="tower"] .ol-strip-board-strip :nth-child(3) input,
+[data-board-type="tower"] .ol-strip-board-strip :nth-child(5) input {
+    width:30px;
 }
 
-.atc-strip-board-strips > div > .link-warning {
-    border: 1px solid red;
-    color: red;
-    font-weight: bold;
-    
+[data-board-type="tower"] .ol-strip-board-strip :nth-child(3) {
+    font-size:10px;
 }
- */
+
+
+[data-altitude-assigned] [data-point="assignedAltitude"] input,
+[data-speed-assigned] [data-point="assignedSpeed"] input {
+    background-color:#ffffffbb;
+    color: black;
+    font-weight: var( --font-weight-bolder );
+}
+
+[data-warning-altitude] [data-point="altitude"],
+[data-warning-speed] [data-point="speed"] {
+    background:#cc0000;
+    border-radius: var( --border-radius-sm );
+}
+
+
+
+.ol-strip-board-strip > [data-point="name"] {
+    text-overflow: ellipsis;
+    overflow:hidden;
+}
+
+.ol-strip-board-strip .ol-select-value {
+    opacity: .85;
+}
+
+
+.ol-strip-board-add-flight {
+    display:flex;
+    flex-flow: row nowrap;
+    position:relative;
+}
+
+
+.ol-strip-board-add-flight > * {
+    border:none;
+    outline: none;
+    padding:4px 8px;
+}
+
+.add-flight-by-click img {
+    filter:invert();
+    height: 12px;
+}
+
+.ol-strip-board-add-flight input {
+    border-radius: var( --border-radius-sm );
+}
+
+.ol-strip-board-add-flight .ol-auto-suggest {
+    background:white;
+    border-radius: var(--border-radius-sm );
+    color:black;
+    display:none;
+    flex-direction: column;
+    left:0;
+    margin:0;
+    position:absolute;
+    translate:0 -100%;
+    top:0;
+}
+
+.ol-strip-board-add-flight .ol-auto-suggest[data-has-suggestions] {
+    display:flex;
+}
+
+.ol-strip-board-add-flight .ol-auto-suggest[data-has-suggestions] a {
+    cursor: pointer;
+}
+
+
+[data-board-type="ground"] {
+    bottom:20px;
+}
+
+[data-board-type="tower"] {
+    right:10px;
+    top:10px;
+}

client/public/stylesheets/contextmenus.css

@@ -5,7 +5,7 @@
     position: absolute;
     row-gap: 5px;
     width: 230px;
-    z-index: 1000;
+    z-index: 9999;
 }
 
 #aircraft-spawn-menu {
@@ -70,8 +70,6 @@
     align-self: stretch;
 }
 
-
-
 #aircraft-spawn-menu .ol-select.is-open .ol-select-options {
     max-height: 300px;
 }
@@ -88,7 +86,7 @@
 }
 
 #ground-unit-spawn-button {
-    background-image: var( --spawn-ground-url );
+    background-image: var( --spawn-groundunit-url );
     background-size: 48px;
 }
 
@@ -131,6 +129,16 @@
     background-color: var(--primary-red)
 }
 
+[data-active-coalition="neutral"].toggle-fill,
+[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);
@@ -141,6 +149,21 @@
     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"].toggle-fill::after {
+    transform: translateX(0);
+}
+[data-active-coalition="red"].toggle-fill::after {
+    transform: translateX(var(--height));
+}
+[data-active-coalition="neutral"].toggle-fill::after {
+    transform: translateX(calc(var(--height) / 2));
+}
 
 [data-active-coalition="blue"]#active-coalition-label::after {
     content: "Create blue unit";
@@ -148,6 +171,9 @@
 [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;
@@ -167,6 +193,7 @@
 
 #unit-image {
     width: 100px;
+    height: 100px;
     filter: invert(100%);
     margin-top: 10px;
     margin-bottom: 10px;
@@ -207,10 +234,117 @@
     display: flex;
     flex-direction: column;
     height: fit-content;
+    width: fit-content;
     position: absolute;
     row-gap: 5px;
-    width: 150px;
     z-index: 1000;
+    padding: 15px;
+}
+
+#unit-contextmenu button {
+    border: 1px solid var(--background-offwhite);
+    border-radius: var(--border-radius-sm);
+    padding: 12px;
+    font-weight: normal;
+}
+
+#unit-contextmenu div {
+    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;
+}
+
+#center-map::before {
+	content: url( /images/icons/arrows-to-eye-solid.svg );
+}
+
+#refuel::before {
+	content: url( /images/icons/fuel.svg );
+}
+
+#attack::before {
+	content: url( /images/icons/sword.svg );
+}
+
+#follow::before {
+	content: url( /images/icons/follow.svg );
+}
+
+#trail::before {
+	content: url( /images/icons/trail.svg );
+}
+
+#echelon-lh::before {
+	content: url( /images/icons/echelon-lh.svg );
+}
+
+#echelon-rh::before {
+	content: url( /images/icons/echelon-rh.svg );
+}
+
+#line-abreast::before {
+	content: url( /images/icons/line-abreast.svg );
+}
+
+#front::before {
+	content: url( /images/icons/front.svg );
+}
+
+#custom::before {
+	content: url( /images/icons/custom.svg );
+}
+
+#custom-formation-dialog {
+	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;
+    align-items: center;
+}
+
+#custom-formation-dialog > .ol-dialog-content > .ol-group {
+    width: 100%;
+	justify-content: space-between;
+}
+
+#reference-system {
+    content: url( /images/reference-system.svg );
+    display: inline-block;
+	filter: invert(100%);
+    width: 50px;
+    transform: translate(-50%, -50%); 
+    position: absolute;
+}
+
+.formation-position-clock {
+    position: relative; 
+    height: 100px;
+    width: 100px; 
+    margin: 15px;
+}
+
+.formation-position-clock > .clock-hand {
+    transform: translate(-50%, -50%); 
+    display: flex; 
+    position: absolute; 
+    align-items: center; 
+    justify-content: center; 
+    height: 20px; 
+    width: 20px;
 }
 
 /* Airbase context menu */
@@ -222,4 +356,39 @@
     row-gap: 5px;
     width: 180px;
     z-index: 1000;
-}
+}
+
+.toggle {
+    --width: 40px;
+    --height: calc(var(--width) / 2);
+    --border-radius: calc(var(--height) / 2);
+
+    display: inline-block;
+    cursor: pointer;
+}
+
+.toggle-input {
+    display: none;
+}
+
+.toggle-fill {
+    position: relative;
+    width: var(--width);
+    height: var(--height);
+    border-radius: var(--border-radius);
+    transition: background-color 0.2s;
+}
+
+.toggle-fill::after {
+    content: "";
+    position: absolute;
+    top: 2;
+    left: 2;
+    height: calc(var(--height) - 4px);
+    width: calc(var(--height) - 4px);
+    background-color: #ffffff;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
+    border-radius: var(--border-radius);
+    transition: transform 0.2s;
+}
+

client/public/stylesheets/layout.css

@@ -1,4 +1,3 @@
-
 /* Page style */
 #map-container {
 	height: 100%;
@@ -7,6 +6,8 @@
 }
 
 #primary-toolbar {
+	align-items: center;
+	display:flex;
 	position: absolute;
 	left: 10px;
 	top: 10px;
@@ -14,32 +15,31 @@
 }
 
 #olympus-toolbar-summary {
-	background-image: url( "/images/icon-round.png" );
-	background-position: 25px 20px;
+	background-image: url("/images/icon-round.png");
+	background-position: 20px 22px;
 	background-repeat: no-repeat;
-	background-size:36px 36px;
+	background-size: 45px 45px;
 	display: flex;
 	flex-direction: column;
-	text-indent: 44px;
+	text-indent: 60px;
+	padding: 20px;
 }
 
-
-
 dl.ol-data-grid {
 	align-items: center;
-	display:flex;
+	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
-	margin:0;
+	margin: 0;
 	row-gap: 4px;
 }
 
 dl.ol-data-grid dt {
-	width:60%;
+	width: 60%;
 }
 
 dl.ol-data-grid dd {
-	width:40%;
+	width: 40%;
 }
 
 
@@ -48,80 +48,77 @@ dl.ol-data-grid dt.icon {
 }
 
 dl.ol-data-grid dt.icon::before {
-	content: url( /images/icons/speed.svg );
-	display:inline-block;
-	filter:invert(100%);
+	content: url(/images/icons/speed.svg );
+	display: inline-block;
+	filter: invert(100%);
 	width: 20px;
-	translate:-20px 2px;
+	translate: -20px 2px;
 }
 
 
 dl.ol-data-grid dt.icon-speed::before {
-	content: url( /images/icons/speed.svg );
+	content: url(/images/icons/speed.svg );
 }
 
 
 dl.ol-data-grid dt.icon-altitude::before {
-	content: url( /images/icons/altitude.svg );
+	content: url(/images/icons/altitude.svg );
 }
 
-
 dl.ol-data-grid dd {
 	display: flex;
 	justify-content: flex-end;
 	margin-left: auto;
 }
 
-.br-info[data-bearing][data-distance][data-distance-units]::after {
-	content: attr( data-bearing ) '\00B0  / ' attr( data-distance ) attr( data-distance-units );
+.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 );
+	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;
+	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
-	margin:5px 0;
+	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 );
+	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;
+	background-color: var(--background-slate-blue);
+	color: white;
 	justify-self: center;
 	position: absolute;
-	z-index:1000;
+	z-index: 1000;
 }
 
 .ol-panel.ol-dialog {
-	padding:25px;
+	padding: 20px;
 }
 
 .ol-dialog-close {
 	cursor: pointer;
-	font-size:16px;
-	font-weight: var( --font-weight-bolder );
+	font-size: 16px;
+	font-weight: var(--font-weight-bolder);
 	position: absolute;
-	right: 25px;
-	top: 25px;
+	right: 20px;
+	top: 10px;
 }
 
 .ol-dialog-close::before {
@@ -129,13 +126,23 @@ dl.ol-data-grid dd {
 }
 
 .ol-dialog-header {
-	border-bottom:1px solid var( --background-grey );
-	padding-bottom:10px;
+	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;
+	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 {
@@ -147,63 +154,93 @@ dl.ol-data-grid dd {
 }
 
 .ol-checkbox input[type="checkbox"] {
-	appearance:none;
+	appearance: none;
 	background-color: transparent;
-	border:none;
-	margin:0;
+	border: none;
+	margin: 0;
 }
 
 .ol-checkbox input[type="checkbox"]::before {
-	align-self:center;
-	background-image: url( "/images/icons/square-check-solid.svg" );
+	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;
+	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-regular.svg" );
+	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;
+	display: flex;
 	font-weight: normal;
-	padding:8px 10px;
+	padding: 8px 10px;
 	white-space: nowrap;
 }
 
 [class|="ol-button"]::before {
-	margin-right:8px;
+	margin-right: 8px;
 }
 
 .ol-button-close {
 	background: transparent;
-	border:1px solid white;
+	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 );
+	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;
+	background-image: url("/images/icons/gears-solid.svg");
+	background-position: 0 50%;
+	background-size: 24px 24px;
 	content: "";
-	display:flex;
-	filter: invert( 100% );
+	display: flex;
+	filter: invert(100%);
 	height: 24px;
 	width: 24px;
 }

client/public/stylesheets/mouseinfopanel.css

@@ -25,7 +25,7 @@
 
 #mouse-info-panel dt {
 	height:20px;
-	width:40%;
+	width:30%;
 }
 
 #mouse-info-panel dt::after {
@@ -44,12 +44,20 @@
 	width:16px;
 }
 
-#mouse-info-panel dt#ref-measure-position::after {
+#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: " ";
+	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: "";
 }
 
 
@@ -79,5 +87,5 @@
 }
 
 #mouse-info-panel dd {
-	width:60%;
+	width:70%;
 }

client/public/stylesheets/olympus.css

@@ -1,13 +1,14 @@
 @import url("layout.css");
 @import url("airbase.css");
+@import url("atc.css");
 @import url("connectionstatuspanel.css");
 @import url("contextmenus.css");
 @import url("mouseinfopanel.css");
 @import url("units.css");
+@import url("unitdatatable.css");
 @import url("unitcontrolpanel.css");
 @import url("unitinfopanel.css");
-
-
+@import url("popup.css");
 
 * {
     -moz-box-sizing: border-box;
@@ -15,24 +16,22 @@
     box-sizing: border-box;
 }
 
-
-html {
-    font-family: 'Open Sans', sans-serif;
+html * {
+    font-family: 'Open Sans', sans-serif !important;
 }
 
 body {
-	display:grid;
-	margin: 0;
-	padding: 0;
+    display: grid;
+    margin: 0;
+    padding: 0;
 }
 
 html,
 body {
-	height: 100%;
-	width: 100%;
+    height: 100%;
+    width: 100%;
 }
 
-
 a {
     text-decoration: none;
 }
@@ -41,7 +40,6 @@ a:hover {
     text-decoration: underline;
 }
 
-
 button {
     background-color: var(--background-steel);
     border: 1px solid var(--background-steel);
@@ -52,6 +50,10 @@ button {
     padding: 6px;
 }
 
+button:hover {
+    background-color: var(--background-hover);
+}
+
 button[disabled="disabled"] {
     color: var(--highlight-color);
     cursor: not-allowed;
@@ -62,18 +64,48 @@ form {
     padding: 0;
 }
 
-form > div {
+form>div {
     margin: 20px 0;
 }
 
-
 .pill {
-    background-color: var( --background-dark-steel );
+    background-color: var(--background-dark-steel);
     border-radius: var(--border-radius-sm);
     padding: 4px 8px;
     width: fit-content;
 }
 
+.ol-scrollable {
+    overflow-y: scroll;
+    scrollbar-color: white transparent;
+    scrollbar-width: thin;
+}
+
+.ol-scrollable::-webkit-scrollbar {
+    width: var(--border-radius-md);
+}
+
+.ol-scrollable::-webkit-scrollbar-track {
+    background-color: transparent;
+    border-top-right-radius: 10px;
+    border-bottom-right-radius: 10px;
+    margin-top: 0px;
+}
+
+.ol-select .ol-scrollable {
+    scrollbar-color: white var(--background-grey);
+}
+
+.ol-select .ol-scrollable::-webkit-scrollbar-track {
+    background-color: var(--background-grey);
+}
+
+.ol-scrollable::-webkit-scrollbar-thumb {
+    background-color: white;
+    border-radius: 100px;
+    opacity: 0.8;
+    margin-top: 10px;
+}
 
 .ol-panel {
     background-color: var(--background-steel);
@@ -102,6 +134,14 @@ form > div {
     width: 100%;
 }
 
+.ol-ellipsed {
+    display: inline-block;
+    width: calc(100%);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-align: left;
+}
+
 .ol-select {
     position: relative;
     color: var(--nav-text);
@@ -116,20 +156,24 @@ form > div {
     text-align: center;
     white-space: nowrap;
     width: 100%;
+    min-width: 0;
 }
 
 .ol-select:not(.ol-select-image)>.ol-select-value {
     align-items: center;
     background-color: var(--background-grey);
     border-radius: var(--border-radius-sm);
-    padding: 1em;
-    width: 100%;
-    padding-left: 20px;
-    padding-right: 30px;
+    padding: 1em 30px 1em 20px;
+    width: calc(100%);
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
+.ol-select.narrow:not(.ol-select-image)>.ol-select-value {
+    opacity: .9;
+    padding: 4px 30px 4px 15px;
+}
+
 .ol-select:not(.ol-select-image)>.ol-select-value svg {
     margin-right: 10px;
 }
@@ -141,48 +185,51 @@ form > div {
 }
 
 .ol-select>.ol-select-options {
-    position: absolute;
+    border-radius: var(--border-radius-md);
     overflow: hidden;
+    position: absolute;
     max-height: 0;
-    translate: 0 -2px;
     z-index: 1000;
 }
 
+.ol-select-options.scrollbar-visible {
+    border-top-right-radius: 0px !important;
+    border-bottom-right-radius: 0px !important;
+}
+
 .ol-select.ol-select-image>.ol-select-options {
     position: absolute;
 }
 
-
-.ol-select.is-open > .ol-select-options {
-    max-height: fit-content;
+.ol-select.is-open>.ol-select-options {
+    max-height: 382px;
     overflow: visible;
     overflow-y: auto;
-    padding: 8px 0;
     min-width: 100%;
+    z-index: 9999;
+    translate: 0px 5px;
 }
 
+.ol-select.is-open[data-position="top"]>.ol-select-options {
+    top: 0;
+    translate: 0 -100%;
+}
 
-
-
-.ol-select>.ol-select-options > div {
+.ol-select>.ol-select-options>div {
     background-color: var(--background-grey);
     box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
     display: flex;
     justify-content: left;
-    padding: 6px 25px;
+    padding: 2px 10px;
     width: 100%;
 }
 
 .ol-select>.ol-select-options>div:first-of-type {
-    border-top-left-radius: var(--border-radius-md);
-    border-top-right-radius: var(--border-radius-md);
-    padding-top: 16px;
+    padding-top: 12px;
 }
 
 .ol-select>.ol-select-options>div:last-of-type {
-    border-bottom-left-radius: var(--border-radius-md);
-    border-bottom-right-radius: var(--border-radius-md);
-    padding-bottom: 16px;
+    padding-bottom: 12px;
 }
 
 .ol-select>.ol-select-options div hr {
@@ -191,41 +238,29 @@ form > div {
     width: 100%;
 }
 
-.ol-select>.ol-select-options > div a, .ol-select>.ol-select-options > div button {
+.ol-select>.ol-select-options>div a,
+.ol-select>.ol-select-options>div button {
     background-color: transparent;
     border: none;
     border-radius: 0;
     color: white;
-    display:block;
-    font-size: 14px;
+    display: block;
+    font-size: 12px;
     font-weight: normal;
     padding: 6px 2px;
     text-align: left;
     white-space: nowrap;
     width: 100%;
+    padding: 5px;
+    border-radius: var(--border-radius-sm);
 }
 
-.ol-select>.ol-select-options > div a:hover, .ol-select>.ol-select-options > div button:hover {
-    text-decoration: underline;
+.ol-select>.ol-select-options>div a:hover,
+.ol-select>.ol-select-options>div button:hover {
+    background-color: #FFF3;
+    text-decoration: none;
 }
 
-.ol-select>.ol-select-options::-webkit-scrollbar {
-    width: 10px;
-}
-  
-.ol-select>.ol-select-options::-webkit-scrollbar-track {
-    background-color: transparent;
-    border-radius: 100px;
-}
-
-.ol-select>.ol-select-options::-webkit-scrollbar-thumb {
-    background-color: white;
-    border-radius: 100px;
-    opacity: 0.8;
-    margin-top: 10px;
-}
-
-
 .ol-panel-list {
     border-radius: var(--border-radius-sm);
     display: flex;
@@ -259,32 +294,30 @@ form > div {
     max-width: 16px;
 }
 
-
 .ol-panel-board {
     display: flex;
     flex-direction: row;
     justify-content: space-evenly;
 }
 
-.ol-panel-board > .panel-section {
+.ol-panel-board>.panel-section {
     border-right: 1px solid #555;
-    margin:10px 0;
-    padding:0 30px;
+    margin: 10px 0;
+    padding: 0 30px;
 }
 
-.ol-panel-board > .panel-section:first-child {
-    padding-left:20px;
+.ol-panel-board>.panel-section:first-child {
+    padding-left: 20px;
 }
 
-.ol-panel-board > .panel-section:last-child {
-    padding-right:20px;
+.ol-panel-board>.panel-section:last-child {
+    padding-right: 20px;
 }
 
-.ol-panel-board > .panel-section:last-of-type {
+.ol-panel-board>.panel-section:last-of-type {
     border-right-width: 0;
 }
 
-
 h1,
 h2,
 h3,
@@ -319,7 +352,6 @@ button.ol-button-warning {
     color: var(--primary-red);
 }
 
-
 nav.ol-panel {
     column-gap: 20px;
     display: flex;
@@ -331,7 +363,6 @@ nav.ol-panel> :last-child {
     margin-right: 5px;
 }
 
-
 .ol-panel .ol-group {
     border-radius: var(--border-radius-sm);
     column-gap: 10px;
@@ -339,13 +370,18 @@ nav.ol-panel> :last-child {
     flex-direction: row;
     flex-wrap: nowrap;
     row-gap: 4px;
+    align-items: center;
+}
+
+.ol-group-header {
+    text-align: center;
+    width: 100%;
 }
 
 .ol-panel .ol-group.wrap {
     flex-wrap: wrap;
 }
 
-
 .ol-panel .ol-group-button-toggle {
     align-items: center;
     column-gap: 15px;
@@ -359,7 +395,7 @@ nav.ol-panel> :last-child {
     background-position: 5px 50%;
     background-repeat: no-repeat;
     border: 0;
-    display:flex;
+    display: flex;
     justify-items: left;
     text-indent: 5px;
 }
@@ -370,38 +406,36 @@ nav.ol-panel> :last-child {
     content: "";
     filter: invert(100%);
     -webkit-filter: invert(100%);
-    height:16px;
-    width:16px;
+    height: 16px;
+    width: 16px;
 }
 
-
 .ol-panel .ol-group-button-toggle button.off::before {
     background-image: url("/images/icons/square-regular.svg");
 }
 
-
-
-
 .highlight-primary {
     background-color: var(--secondary-light-grey);
 }
 
-.highlight-coalition, .highlight-neutral {
-    background-color: var(--primary-grey);
+.highlight-coalition,
+.highlight-neutral {
+    background-color: var(--primary-neutral);
     color: var(--secondary-gunmetal-grey)
 }
 
-.highlight-coalition[data-coalition="blue"], .highlight-bluefor {
+.highlight-coalition[data-coalition="blue"],
+.highlight-bluefor {
     background-color: var(--primary-blue);
     color: white;
 }
 
-.highlight-coalition[data-coalition="red"], .highlight-redfor {
+.highlight-coalition[data-coalition="red"],
+.highlight-redfor {
     background-color: var(--primary-red);
     color: white;
 }
 
-
 .accent-green {
     color: var(--accent-green);
     font-weight: var(--font-weight-bolder);
@@ -423,12 +457,10 @@ nav.ol-panel> :last-child {
 }
 
 .accent-neutral {
-    color: var(--primary-grey);
+    color: var(--primary-neutral);
     font-weight: var(--font-weight-bolder);
 }
 
-
-
 .hide {
     display: none !important;
 }
@@ -444,7 +476,6 @@ nav.ol-panel> :last-child {
     flex-direction: column;
 }
 
-
 .slider-container {
     width: 100%;
 }
@@ -509,13 +540,19 @@ nav.ol-panel> :last-child {
     width: fit-content;
     height: fit-content;
     text-align: center;
-    color: var(--primary-grey);
+    color: var(--primary-neutral);
     font-size: 12px;
     z-index: 2000;
     font-weight: var(--font-weight-bolder);
 }
 
-
+.ol-sortable .handle {
+    background-image: url("/images/icons/grip-lines-solid.svg");
+    cursor: ns-resize;
+    filter: invert();
+    height: 12px;
+    width: 12px;
+}
 
 #unit-selection {
     display: flex;
@@ -540,30 +577,6 @@ nav.ol-panel> :last-child {
     width: 28px;
 }
 
-#unit-selection #unit-identification [data-object|="unit"] .unit-short-label {
-    font-size: 12px;
-}
-
-#unit-selection #unit-identification #unit-name {
-    background-color: transparent;
-    border: none;
-    color: white;
-    font-size: 16px;
-    font-weight: var(--font-weight-bolder);
-    outline: none;
-    overflow: hidden;
-    white-space: nowrap;
-    width: 150px;
-}
-
-#edit-unit-name {
-    background-image: url("/images/buttons/edit.svg");
-    background-repeat: no-repeat;
-    height: 14px;
-    margin-left: 10px;
-    width: 15px;
-}
-
 #unit-visibility-control {
     align-items: center;
 }
@@ -582,12 +595,12 @@ body[data-hide-aircraft] #unit-visibility-control-aircraft {
     background-image: var(--visibility-control-aircraft-hidden-url);
 }
 
-#unit-visibility-control-ground {
-    background-image: var(--visibility-control-ground-visible-url);
+#unit-visibility-control-groundunit {
+    background-image: var(--visibility-control-groundunit-visible-url);
 }
 
-body[data-hide-ground] #unit-visibility-control-ground {
-    background-image: var(--visibility-control-ground-hidden-url);
+body[data-hide-groundunit] #unit-visibility-control-groundunit {
+    background-image: var(--visibility-control-groundunit-hidden-url);
 }
 
 #unit-visibility-control-sam {
@@ -606,229 +619,241 @@ body[data-hide-threat] #unit-visibility-control-threat {
     background-image: var(--visibility-control-threat-hidden-url);
 }
 
-#unit-visibility-control-naval {
-    background-image: var(--visibility-control-naval-visible-url);
+#unit-visibility-control-navyunit {
+    background-image: var(--visibility-control-navyunit-visible-url);
 }
 
-body[data-hide-naval] #unit-visibility-control-naval {
-    background-image: var(--visibility-control-naval-hidden-url);
+body[data-hide-navyunit] #unit-visibility-control-navyunit {
+    background-image: var(--visibility-control-navyunit-hidden-url);
 }
 
-
-.toggle {
-    --width: 40px;
-    --height: calc(var(--width) / 2);
-    --border-radius: calc(var(--height) / 2);
-
-    display: inline-block;
-    cursor: pointer;
+#atc-navbar-control {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
 }
 
-.toggle-input {
-    display: none;
+#atc-navbar-control button {
+    background: #ffffff20;
+    border-radius: var(--border-radius-sm);
+    padding: 4px;
 }
 
-.toggle-fill {
-    position: relative;
-    width: var(--width);
-    height: var(--height);
-    border-radius: var(--border-radius);
-    transition: background-color 0.2s;
-}
-
-.toggle-fill::after {
-    content: "";
-    position: absolute;
-    top: 2;
-    left: 2;
-    height: calc(var(--height) - 4px);
-    width: calc(var(--height) - 4px);
-    background-color: #ffffff;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
-    border-radius: var(--border-radius);
-    transition: transform 0.2s;
-}
-
-.toggle-input:checked ~ .toggle-fill::after {
-    transform: translateX(var(--height));
-}
-
-
 #roe-buttons-container button {
-    background-color:transparent;
-    border:1px solid var( --accent-light-blue );
+    background-color: transparent;
+    border: 1px solid var(--accent-light-blue);
 }
 
-#roe-buttons-container button.selected, #reaction-to-threat-buttons-container button.selected {
+#roe-buttons-container button.selected,
+#reaction-to-threat-buttons-container button.selected {
     background-color: white;
     border-color: white;
 }
 
-#roe-buttons-container button::before, #reaction-to-threat-buttons-container button::before {
+#roe-buttons-container button::before,
+#reaction-to-threat-buttons-container button::before {
+    background-position: center;
     background-repeat: no-repeat;
-    background-size:16px 16px;
     content: "";
-    display:block;
-    height:16px;
-    width:16px;
-}
-
-
-
-#roe-buttons-container button[title="Free"]::before {
-    background-image: url( "/themes/olympus/images/icons_roe_free_light.svg");
-}
-
-#roe-buttons-container button[title="Designated free"]::before {
-    background-image: url( "/themes/olympus/images/icons_roe_stop_light.svg");
-}
-
-#roe-buttons-container button[title="Designated"]::before {
-    background-image: url( "/themes/olympus/images/icons_roe_stop_light.svg");
-}
-
-#roe-buttons-container button[title="Return"]::before {
-    background-image: url( "/themes/olympus/images/icons_roe_target_light.svg");
+    display: block;
+    height: 24px;
+    width: 24px;
 }
 
 #roe-buttons-container button[title="Hold"]::before {
-    background-image: url( "/themes/olympus/images/icons_actions_nothing_light.svg");
-}
-
-#roe-buttons-container button[title="Free"].selected::before {
-    background-image: url( "/themes/olympus/images/icons_roe_free_dark.svg");
-}
-
-#roe-buttons-container button[title="Designated free"].selected::before {
-    background-image: url( "/themes/olympus/images/icons_roe_stop_dark.svg");
-}
-
-#roe-buttons-container button[title="Designated"].selected::before {
-    background-image: url( "/themes/olympus/images/icons_roe_stop_dark.svg");
-}
-
-#roe-buttons-container button[title="Return"].selected::before {
-    background-image: url( "/themes/olympus/images/icons_roe_target_dark.svg");
+    background-image: url("/themes/olympus/images/icons_roe_stop_light.svg");
 }
 
 #roe-buttons-container button[title="Hold"].selected::before {
-    background-image: url( "/themes/olympus/images/icons_actions_nothing_dark.svg");
+    background-image: url("/themes/olympus/images/icons_roe_stop_dark.svg");
 }
 
+/**/
+#roe-buttons-container button[title="Return"]::before {
+    background-image: url("/themes/olympus/images/icons_roe_defend_light.svg");
+}
 
+#roe-buttons-container button[title="Return"].selected::before {
+    background-image: url("/themes/olympus/images/icons_roe_defend_dark.svg");
+}
 
+/**/
+#roe-buttons-container button[title="Designated"]::before {
+    background-image: url("/themes/olympus/images/icons_roe_target_light.svg");
+}
+
+#roe-buttons-container button[title="Designated"].selected::before {
+    background-image: url("/themes/olympus/images/icons_roe_target_dark.svg");
+}
+
+/**/
+#roe-buttons-container button[title="Free"]::before {
+    background-image: url("/themes/olympus/images/icons_roe_free_light.svg");
+}
+
+#roe-buttons-container button[title="Free"].selected::before {
+    background-image: url("/themes/olympus/images/icons_roe_free_dark.svg");
+}
+
+/****************************************************************************************/
 #reaction-to-threat-buttons-container button[title="None"]::before {
-    background-image: url( "/themes/olympus/images/icons_actions_nothing_light.svg");
+    background-image: url("/themes/olympus/images/icons_threat_nothing_light.svg");
 }
 
-#reaction-to-threat-buttons-container button[title="Passive"]::before {
-    background-image: url( "/themes/olympus/images/icons_roe_stop_light.svg");
-}
-
-#reaction-to-threat-buttons-container button[title="Evade"]::before {
-    background-image: url( "/themes/olympus/images/icons_roe_stop_light.svg");
-}
-
-#reaction-to-threat-buttons-container button[title="Escape"]::before {
-    background-image: url( "/themes/olympus/images/icons_threat_retreat_light.svg");
-}
-
-#reaction-to-threat-buttons-container button[title="Abort"]::before {
-    background-image: url( "/themes/olympus/images/icons_roe_stop_light.svg");
-}
-#reaction-to-threat-buttons-container button[title="None"]::before {
-    background-image: url( "/themes/olympus/images/icons_actions_nothing_light.svg");
-}
-
-
 #reaction-to-threat-buttons-container button[title="None"].selected::before {
-    background-image: url( "/themes/olympus/images/icons_actions_nothing_dark.svg");
+    background-image: url("/themes/olympus/images/icons_threat_nothing_dark.svg");
+}
+
+/**/
+#reaction-to-threat-buttons-container button[title="Passive"]::before {
+    background-image: url("/themes/olympus/images/icons_threat_cms_light.svg");
 }
 
 #reaction-to-threat-buttons-container button[title="Passive"].selected::before {
-    background-image: url( "/themes/olympus/images/icons_roe_stop_dark.svg");
+    background-image: url("/themes/olympus/images/icons_threat_cms_dark.svg");
+}
+
+/**/
+#reaction-to-threat-buttons-container button[title="Evade"]::before {
+    background-image: url("/themes/olympus/images/icons_threat_defend_light.svg");
 }
 
 #reaction-to-threat-buttons-container button[title="Evade"].selected::before {
-    background-image: url( "/themes/olympus/images/icons_roe_stop_dark.svg");
+    background-image: url("/themes/olympus/images/icons_threat_defend_dark.svg");
 }
 
-#reaction-to-threat-buttons-container button[title="Escape"].selected::before {
-    background-image: url( "/themes/olympus/images/icons_threat_retreat_dark.svg");
-}
-
-#reaction-to-threat-buttons-container button[title="Abort"].selected::before {
-    background-image: url( "/themes/olympus/images/icons_roe_stop_dark.svg");
-}
-
-
+/****************************************************************************************/
 #splash-screen {
-    background-image: url( "/images/splash/splash_pic_ship.png" );
-    background-position:100% 50%;
-    background-size:320px;
-    border-radius: var( --border-radius-lg );
-    display:none;
+    background-image: url("/images/splash/splash_pic_ship.png");
+    background-position: 100% 50%;
+    background-size: 60%;
+    border-radius: var(--border-radius-lg);
     overflow: hidden;
-    width:700px;
+    width: 1200px;
+    z-index: 99999;
 }
 
 #splash-content {
-    background-color: var( --background-steel );
+    background-color: var(--background-steel);
     display: flex;
     flex-direction: column;
-    padding:20px;
-    position:relative;
-    row-gap:10px;
-    width:55%;
-    z-index:10;
+    padding: 30px;
+    position: relative;
+    row-gap: 10px;
+    width: 50%;
+    z-index: 10;
 }
 
 #splash-content::after {
-    background-color: var( --background-steel );
+    background-color: var(--background-steel);
     content: "";
     display: block;
-    height:250px;
+    height: 800px;
     position: absolute;
-    right:0;
-    top:0;
+    right: 0;
+    top: 0;
     transform: rotate(-23deg);
     transform-origin: top right;
-    width:200px;
+    width: 200px;
     z-index: -1;
 }
 
 #splash-content #app-summary {
-    background-image: url( "/images/olympus-500x500.png" );
+    background-image: url("/images/olympus-500x500.png");
     background-position: 0 50%;
     background-repeat: no-repeat;
-    background-size:75px 75px;
+    background-size: 75px 75px;
     content: "";
-    display:flex;
+    display: flex;
     flex-direction: column;
     justify-content: space-between;
     min-height: 75px;
     text-indent: 85px;
 }
 
-#splash-content #app-summary > * {
-    height:fit-content;
+#splash-content #app-summary>* {
+    height: fit-content;
     line-height: 25px;
     white-space: nowrap;
-    width:fit-content;
+    width: fit-content;
+    padding: 2px;
 }
 
 #splash-content .app-version {
-    font-size:11px;
+    font-size: 11px;
 }
 
-#splash-content #legal-stuff h4 {
-    text-transform:uppercase;
+#splash-content #legal-stuff h5 {
+    text-transform: uppercase;
 }
 
 #splash-content #legal-stuff p {
-    font-size:10px;
+    font-size: 10px;
+    color:#FFF7;
+    width: 120%;
+}
+
+#splash-content.ol-dialog-content {
+    margin: 0px;
 }
 
 .feature-splashScreen #splash-screen {
-    display:flex;
+    display: flex;
+}
+
+#gray-out {
+    position: fixed;
+    height: 100%;
+    width: 100%;
+    left: 0px;
+    top: 0px;
+    z-index: 9999;
+    background-color: #000A;
+}
+
+#authentication-form {
+    display: flex;
+    align-items: end;
+    column-gap: 10px;
+    margin: 10px 0px;
+    flex-direction: row;
+}
+
+#authentication-form>div {
+    display: flex;
+    align-items: start;
+    row-gap: 4px;
+    flex-direction: column;
+}
+
+#authentication-form>div>input {
+    height: 35px;
+    border-radius: var(--border-radius-sm);
+    border: 0px solid transparent;
+    width: 200px;
+}
+
+#splash-content a {
+    color: #FFFB;
+    font-weight: bold;
+}
+
+#connection-status {
+    margin-bottom: 5px;
+}
+
+#connection-status[data-status="connecting"]::before {
+    content: "Connecting...";
+    animation: blinker 1s linear infinite;
+}
+
+#connection-status[data-status="failed"]::before {
+    content: "Incorrect username/password!";
+    color: var(--primary-red);
+}
+
+@keyframes blinker {
+    50% {
+        opacity: 0;
+    }
 }

client/public/stylesheets/popup.css

@@ -0,0 +1,23 @@
+#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;
+}
+
+.visible {
+    opacity: 1;
+}
+
+.invisible {
+    opacity: 0;
+    transition: opacity 2s linear;
+}

client/public/stylesheets/unitcontrolpanel.css

@@ -1,5 +1,5 @@
 body.feature-forceShowUnitControlPanel #unit-control-panel {
-	display:block !important;
+	display: block !important;
 }
 
 
@@ -12,35 +12,105 @@ body.feature-forceShowUnitControlPanel #unit-control-panel {
 	z-index: 1000;
 }
 
+#unit-control-panel h3 {
+	margin-bottom: 8px;
+}
+
 #unit-control-panel #selected-units-container {
-	align-items: center;
-	border-radius: var( --border-radius-md );
-	display:flex;
+	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 {
-	font-size: 12px;
-	padding:8px 0;
+	align-items: center;
+	border-radius: var(--border-radius-lg);
+	display: flex;
+	font-size: 11px;
+	height: 30px;
+	padding: 8px 0;
 	position: relative;
-	width:90%;
+	width: 100%;
 }
 
 #unit-control-panel #selected-units-container button::before {
-	background-color: var( --accent-light-blue );
-	border-radius: var( --border-radius-sm );
-	content: attr( data-short-label );
-	padding:4px;
-	position: absolute;
-	translate:-40px -4px;
+	background-color: var( --primary-neutral );
+	border-radius: 999px;
+	content: attr(data-short-label);
+	margin: 0 5px;
+	padding: 4px 6px;
+	white-space: nowrap;
+	width: 30px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+}
+
+#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 {
-	content: attr( data-callsign );
+	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;
-	margin-top:20px;
+	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/unitdatatable.css

@@ -0,0 +1,27 @@
+#unit-list {
+    display:flex;
+    flex-direction: column;
+    font-size:13px;
+    height: 250px;
+    width:fit-content;
+}
+
+#unit-list > div {
+    display:flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+}
+
+#unit-list > div > div {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width:100px;
+}
+
+#unit-list > div:first-of-type {
+    text-align: center;
+}
+
+#unit-list > div > div:nth-of-type( 4 ) {
+    text-align: center;
+}

client/public/stylesheets/unitinfopanel.css

@@ -10,13 +10,14 @@
 
 
 #unit-info-panel #unit-name {
-    line-height: 18px;
-	margin-bottom:10px;
+	padding:0px 0;
+	margin-bottom:4px;
 }
 
 #unit-info-panel #current-task {
 	border-radius: var( --border-radius-lg );
-	margin-top:15px;
+	margin-top:8px;
+	padding:6px 16px;
 }
 
 #unit-info-panel #current-task::after {
@@ -25,36 +26,94 @@
 }
 
 
-#unit-info-panel #loadout-data {
-	max-width: 250px;
+#loadout {
+	display:flex;
+	overflow: visible;
 }
 
-#unit-info-panel #loadout-data .ol-data-grid {
-	margin: 6px 0;
+#loadout-silhouette {
+	align-items: center;
+	display:flex;
+	justify-content: center;
+	width:100px;
 }
 
-#unit-info-panel #loadout-data .ol-data-grid dt:first-child {
-	text-indent: 5px;
+#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;
 }
 
-#unit-info-panel #loadout-data .ol-data-grid dt:first-child::before {
+#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;
-	text-indent:5px;
-	translate:-10px 5%;
+	margin-right:6px;
 	width:16px;
 }
 
-#unit-info-panel #loadout-fuel-level::after {
-	content: attr( data-fuel-level ) "%";
+#fuel-percentage::after {
+	content: attr( data-percentage ) "%";
 }
 
-#unit-info-panel #loadout-container .loadout-item {
-	background-color: black;
+
+#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%;
 }
 
-#unit-info-panel #loadout-container .loadout-item::before {
-	content: attr( data-loadout-item ) ' \d7  ' attr( data-loadout-qty );
-}

client/public/stylesheets/units.css

@@ -1,58 +1,48 @@
 :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-air-label-x: calc( var( --unit-centre-x ) - ( var( --unit-air-width ) / 2 ) + ( var( --unit-stroke-width ) / 2 ) );
-        --unit-air-label-y: calc( var( --unit-centre-y ) - ( var( --unit-air-height ) / 2 ) + ( var( --unit-stroke-width ) / 2 ) );
+    /*  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;
+    cursor: pointer;
+    display: flex;
     justify-content: center;
-    position:relative;
+    position: relative;
+    height: 100%;
+    width: 100%;
 }
 
-[data-hide-aircraft] #map-container [data-object|="unit-air"],
-[data-hide-ground] #map-container [data-object|="unit-ground-mi"],
-[data-hide-sam] #map-container [data-object|="unit-ground-sam"],
-[data-hide-threat] #map-container .unit-threat,
-[data-hide-naval] #map-container [data-object|="unit-naval"],
-[data-hide-blue] #map-container [data-object|="unit"][data-coalition="blue"],
-[data-hide-red] #map-container [data-object|="unit"][data-coalition="red"],
-[data-hide-neutral] #map-container [data-object|="unit"][data-coalition="neutral"] {
-    display:none;
-}
-
-
 [data-object|="unit"] .unit-selected-spotlight {
-    background-color: var( --unit-spotlight-fill );
+    background-color: var(--unit-spotlight-fill);
     border-radius: 50%;
-    display:none;
-    padding: var( --unit-spotlight-radius );
+    display: none;
+    padding: var(--unit-spotlight-radius);
     position: absolute;
-    z-index:1;
+    z-index: 1;
 }
 
 
 [data-object|="unit"] .unit-vvi {
     align-self: center;
-    background:var( --secondary-gunmetal-grey );
-    display:flex;
+    background: var(--secondary-gunmetal-grey);
+    display: flex;
     justify-self: center;
     transform-origin: bottom;
-    translate:0 -50%;
-    padding-bottom: calc( ( var( --unit-air-width ) / 2 ) + var( --unit-stroke-width ) );
-    position:absolute;
-    width: var( --unit-air-vvi-width );
+    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;
 }
 
@@ -60,32 +50,32 @@
 [data-object|="unit"] .unit-hotgroup {
     align-content: center;
     background-color: black;
-    border-radius: var( --border-radius-xs );
-    display:none;
-    height: var( --unit-hotgroup-height );
+    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 );
+    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;
+    color: white;
     font-size: 9px;
     font-weight: bolder;
-    transform:rotate( 45deg );
+    transform: rotate(45deg);
 }
 
 [data-object|="unit"] .unit-marker-border {
-    border-radius: var( --border-radius-sm );
-    display:none;
-    height: calc( var( --unit-air-height ) + ( var( --unit-label-border-width ) * 2 ) );
-    position:absolute;
-    width: calc( var( --unit-air-width ) + ( var( --unit-label-border-width ) * 2 ) );
-    z-index:2;
+    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;
 }
 
 
@@ -97,53 +87,53 @@
     background-color: transparent;
     background-repeat: no-repeat;
     background-size: cover;
-    position:absolute;
+    position: absolute;
     transform-origin: center;
-    z-index:3;
+    z-index: 3;
 }
 
 
 
 /*  Air  */
 
-[data-object|="unit-air"] .unit-marker {
-    background-image: var( --unit-air-marker-neutral-url );
-    height: var( --unit-air-marker-height );
-    width: var( --unit-air-marker-width );
+[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-air"]:hover .unit-marker {
-    background-image: var( --unit-air-marker-neutral-hover-url );
+[data-object|="unit-aircraft"]:hover .unit-marker {
+    background-image: var(--unit-aircraft-marker-neutral-hover-url);
 }
 
-[data-object|="unit-air"][data-is-selected] .unit-marker {
-    background-image: var( --unit-air-marker-neutral-selected-url );
+[data-object|="unit-aircraft"][data-is-selected] .unit-marker {
+    background-image: var(--unit-aircraft-marker-neutral-selected-url);
 }
 
 
-[data-object|="unit-air"][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-air-marker-blue-url );
+[data-object|="unit-aircraft"][data-coalition="blue"] .unit-marker {
+    background-image: var(--unit-aircraft-marker-blue-url);
 }
 
-[data-object|="unit-air"][data-coalition="blue"]:hover .unit-marker {
-    background-image: var( --unit-air-marker-blue-hover-url );
+[data-object|="unit-aircraft"][data-coalition="blue"]:hover .unit-marker {
+    background-image: var(--unit-aircraft-marker-blue-hover-url);
 }
 
-[data-object|="unit-air"][data-coalition="blue"][data-is-selected] .unit-marker {
-    background-image: var( --unit-air-marker-blue-selected-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-air"][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-air-marker-red-url );
+[data-object|="unit-aircraft"][data-coalition="red"] .unit-marker {
+    background-image: var(--unit-aircraft-marker-red-url);
 }
 
-[data-object|="unit-air"][data-coalition="red"]:hover .unit-marker {
-    background-image: var( --unit-air-marker-red-hover-url );
+[data-object|="unit-aircraft"][data-coalition="red"]:hover .unit-marker {
+    background-image: var(--unit-aircraft-marker-red-hover-url);
 }
 
-[data-object|="unit-air"][data-coalition="red"][data-is-selected] .unit-marker {
-    background-image: var( --unit-air-marker-red-selected-url );
+[data-object|="unit-aircraft"][data-coalition="red"][data-is-selected] .unit-marker {
+    background-image: var(--unit-aircraft-marker-red-selected-url);
 }
 
 
@@ -151,183 +141,196 @@
 
 /*  Ground vehicles (not SAMs)  */
 
-[data-object|="unit-ground-mi"] .unit-marker {
-    background-image: var( --unit-ground-mi-marker-neutral-url );
-    height: var( --unit-ground-mi-marker-height );
-    width: var( --unit-ground-mi-marker-width );
+[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-ground-mi"]:hover .unit-marker {
-    background-image: var( --unit-ground-mi-marker-neutral-hover-url );
+[data-object|="unit-groundunit"]:hover .unit-marker {
+    background-image: var(--unit-groundunit-marker-neutral-hover-url);
 }
 
-[data-object|="unit-ground-mi"][data-is-selected] .unit-marker {
-    background-image: var( --unit-ground-mi-marker-neutral-selected-url );
+[data-object|="unit-groundunit"][data-is-selected] .unit-marker {
+    background-image: var(--unit-groundunit-marker-neutral-selected-url);
 }
 
 
-[data-object|="unit-ground-mi"][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-ground-mi-marker-blue-url );
+[data-object|="unit-groundunit"][data-coalition="blue"] .unit-marker {
+    background-image: var(--unit-groundunit-marker-blue-url);
 }
 
-[data-object|="unit-ground-mi"][data-coalition="blue"]:hover .unit-marker {
-    background-image: var( --unit-ground-mi-marker-blue-hover-url );
+[data-object|="unit-groundunit"][data-coalition="blue"]:hover .unit-marker {
+    background-image: var(--unit-groundunit-marker-blue-hover-url);
 }
 
-[data-object|="unit-ground-mi"][data-coalition="blue"][data-is-selected] .unit-marker {
-    background-image: var( --unit-ground-mi-marker-blue-selected-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-ground-mi"][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-ground-mi-marker-red-url );
+[data-object|="unit-groundunit"][data-coalition="red"] .unit-marker {
+    background-image: var(--unit-groundunit-marker-red-url);
 }
 
-[data-object|="unit-ground-mi"][data-coalition="red"]:hover .unit-marker {
-    background-image: var( --unit-ground-mi-marker-red-hover-url );
+[data-object|="unit-groundunit"][data-coalition="red"]:hover .unit-marker {
+    background-image: var(--unit-groundunit-marker-red-hover-url);
 }
 
-[data-object|="unit-ground-mi"][data-coalition="red"][data-is-selected] .unit-marker {
-    background-image: var( --unit-ground-mi-marker-red-selected-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-ground-sam"] .unit-selected-spotlight {
-    translate:0 2px;
+[data-object|="unit-sam"] .unit-selected-spotlight {
+    translate: 0 2px;
 }
 
-[data-object|="unit-ground-sam"] .unit-marker {
-    background-image: var( --unit-ground-sam-marker-neutral-url );
-    height: var( --unit-sam-marker-height );
-    width: var( --unit-sam-marker-width );
+[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-ground-sam"]:hover .unit-marker {
-    background-image: var( --unit-ground-sam-marker-neutral-hover-url );
+[data-object|="unit-sam"]:hover .unit-marker {
+    background-image: var(--unit-sam-marker-neutral-hover-url);
 }
 
-[data-object|="unit-ground-sam"][data-is-selected] .unit-marker {
-    background-image: var( --unit-ground-sam-marker-neutral-selected-url );
+[data-object|="unit-sam"][data-is-selected] .unit-marker {
+    background-image: var(--unit-sam-marker-neutral-selected-url);
 }
 
 
-[data-object|="unit-ground-sam"][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-ground-sam-marker-blue-url );
+[data-object|="unit-sam"][data-coalition="blue"] .unit-marker {
+    background-image: var(--unit-sam-marker-blue-url);
 }
 
-[data-object|="unit-ground-sam"][data-coalition="blue"]:hover .unit-marker {
-    background-image: var( --unit-ground-sam-marker-blue-hover-url );
+[data-object|="unit-sam"][data-coalition="blue"]:hover .unit-marker {
+    background-image: var(--unit-sam-marker-blue-hover-url);
 }
 
-[data-object|="unit-ground-sam"][data-coalition="blue"][data-is-selected] .unit-marker {
-    background-image: var( --unit-ground-sam-marker-blue-selected-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-ground-sam"][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-ground-sam-marker-red-url );
+[data-object|="unit-sam"][data-coalition="red"] .unit-marker {
+    background-image: var(--unit-sam-marker-red-url);
 }
 
-[data-object|="unit-ground-sam"][data-coalition="red"]:hover .unit-marker {
-    background-image: var( --unit-ground-sam-marker-red-hover-url );
+[data-object|="unit-sam"][data-coalition="red"]:hover .unit-marker {
+    background-image: var(--unit-sam-marker-red-hover-url);
 }
 
-[data-object|="unit-ground-sam"][data-coalition="red"][data-is-selected] .unit-marker {
-    background-image: var( --unit-ground-sam-marker-red-selected-url );
+[data-object|="unit-sam"][data-coalition="red"][data-is-selected] .unit-marker {
+    background-image: var(--unit-sam-marker-red-selected-url);
 }
 
 
-/*  Naval  */
+/*  navyunit  */
 
-[data-object|="unit-naval"] .unit-selected-spotlight {
-    translate:0 -2px;
+[data-object|="unit-navyunit"] .unit-selected-spotlight {
+    translate: 0 -2px;
 }
 
-[data-object|="unit-naval"] .unit-marker {
-    background-image: var( --unit-naval-marker-neutral-url );
-    height: var( --unit-naval-marker-height );
-    width: var( --unit-naval-marker-width );
+[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-naval"]:hover .unit-marker {
-    background-image: var( --unit-naval-marker-neutral-hover-url );
+[data-object|="unit-navyunit"]:hover .unit-marker {
+    background-image: var(--unit-navyunit-marker-neutral-hover-url);
 }
 
-[data-object|="unit-naval"][data-is-selected] .unit-marker {
-    background-image: var( --unit-naval-marker-neutral-selected-url );
+[data-object|="unit-navyunit"][data-is-selected] .unit-marker {
+    background-image: var(--unit-navyunit-marker-neutral-selected-url);
 }
 
 
-[data-object|="unit-naval"][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-naval-marker-blue-url );
+[data-object|="unit-navyunit"][data-coalition="blue"] .unit-marker {
+    background-image: var(--unit-navyunit-marker-blue-url);
 }
 
-[data-object|="unit-naval"][data-coalition="blue"]:hover .unit-marker {
-    background-image: var( --unit-naval-marker-blue-hover-url );
+[data-object|="unit-navyunit"][data-coalition="blue"]:hover .unit-marker {
+    background-image: var(--unit-navyunit-marker-blue-hover-url);
 }
 
-[data-object|="unit-naval"][data-coalition="blue"][data-is-selected] .unit-marker {
-    background-image: var( --unit-naval-marker-blue-selected-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-naval"][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-naval-marker-red-url );
+[data-object|="unit-navyunit"][data-coalition="red"] .unit-marker {
+    background-image: var(--unit-navyunit-marker-red-url);
 }
 
-[data-object|="unit-naval"][data-coalition="red"]:hover .unit-marker {
-    background-image: var( --unit-naval-marker-red-hover-url );
+[data-object|="unit-navyunit"][data-coalition="red"]:hover .unit-marker {
+    background-image: var(--unit-navyunit-marker-red-hover-url);
 }
 
-[data-object|="unit-naval"][data-coalition="red"][data-is-selected] .unit-marker {
-    background-image: var( --unit-naval-marker-red-selected-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 );
+    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 );
+    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 );
+    background-image: var(--unit-building-marker-red-url);
 }
 
 
 
 /*  Weapons  */
 
-[data-object|="unit-weapon"] {
+[data-object|="unit-missile"],
+[data-object|="unit-bomb"] {
     cursor: default;
 }
 
-[data-object|="unit-weapon-missile"] .unit-marker {
-    background-image: var( --unit-weapons-missile-marker-neutral-url );
-    height: var( --unit-weapons-missile-marker-height );
-    width: var( --unit-weapons-missile-marker-width );
+[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-weapon-missile"][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-weapons-missile-marker-blue-url );
+[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-weapon-missile"][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-weapons-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);
 }
 
 
@@ -336,94 +339,94 @@
 ********************************************/
 
 [data-object|="unit"] .unit-short-label {
-    color: var( --secondary-gunmetal-grey );
+    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;
+    z-index: 10;
 }
 
-[data-object|="unit-ground-mi"] .unit-short-label {
+[data-object|="unit-groundunit"] .unit-short-label {
     translate: -1px 0;
 }
 
-[data-object|="unit-ground-sam"] .unit-short-label {
-    translate:0 50%;
+[data-object|="unit-sam"] .unit-short-label {
+    translate: 0 25%;
 }
 
-[data-object|="unit-naval"] .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-air-fuel-border-width ) solid var( --secondary-dark-steel );
-    border-radius: var( --border-radius-sm );
-    display:none;
-    height: var( --unit-air-fuel-height );
+    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-air-fuel-x ) var( --unit-air-fuel-y );
-    width: var( --unit-air-fuel-width );
+    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%;
+    background-color: var(--secondary-light-grey);
+    height: 100%;
+    width: 100%;
 }
 
 
 [data-object|="unit"] .unit-ammo {
-    column-gap: var( --unit-air-ammo-spacing );
-    display:none;
-    height:fit-content;
-    position:absolute;
-    translate:var( --unit-air-ammo-x ) var( --unit-air-ammo-y );
-    width:fit-content;
+    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 > * {
+[data-object|="unit"] .unit-ammo>* {
     background-color: white;
-    border: var( --unit-air-ammo-border-width ) solid var( --secondary-dark-steel );
+    border: var(--unit-aircraft-ammo-border-width) solid var(--secondary-dark-steel);
     border-radius: 50%;
-    padding: var( --unit-air-ammo-radius );
+    padding: var(--unit-aircraft-ammo-radius);
 }
 
-
 [data-object|="unit"] .unit-summary {
+    pointer-events: none;
     column-gap: 6px;
-    color:white;
-    display:flex;
+    color: white;
+    display: flex;
     flex-wrap: wrap;
-    font-size:11px;
+    font-size: 11px;
     font-weight: bold;
     justify-content: right;
     line-height: 12px;
-    position:absolute;
+    position: absolute;
     row-gap: 1px;
     text-shadow:
-        -1px -1px 0 #000,  
+        -1px -1px 0 #000,
         1px -1px 0 #000,
-        -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;
+    width: fit-content;
+    z-index: 20;
 }
 
 [data-hide-labels] [data-object|="unit"] .unit-summary {
-    display:none;
+    display: none;
 }
 
-[data-object|="unit"] .unit-summary > * {
-    padding:1px;
+[data-object|="unit"] .unit-summary>* {
+    padding: 1px;
 }
 
 [data-object|="unit"] .unit-summary .unit-callsign {
-    color:white;
+    color: white;
     overflow: hidden;
     text-align: right;
     transform-origin: right;
@@ -433,35 +436,35 @@
 
 [data-object|="unit"] .unit-summary .unit-callsign:hover {
     direction: rtl;
-    overflow:visible;
+    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"]:hover .unit-ammo,
+[data-object|="unit"]: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-ammo,
+[data-object|="unit"][data-is-selected] .unit-fuel,
 [data-object|="unit"][data-is-selected] .unit-selected-spotlight {
-    display:flex;
+    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 );
+    background-color: var(--secondary-gunmetal-grey);
 }
 
 
 
 
 [data-object|="unit"][data-coalition="blue"][data-is-selected] .unit-short-label {
-    color: var( --secondary-blue-text );
+    color: var(--secondary-blue-text);
 }
 
 [data-object|="unit"][data-coalition="blue"] .unit-fuel-level,
@@ -469,16 +472,16 @@
 [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 );
+    background-color: var(--primary-blue);
 }
 
 [data-object|="unit"][data-coalition="blue"] .unit-vvi {
-    background-color: var( --secondary-blue-outline );
+    background-color: var(--secondary-blue-outline);
 }
 
 
 [data-object|="unit"][data-coalition="red"][data-is-selected] .unit-short-label {
-    color: var( --secondary-red-text );
+    color: var(--secondary-red-text);
 }
 
 [data-object|="unit"][data-coalition="red"] .unit-fuel-level,
@@ -486,105 +489,104 @@
 [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 );
+    background-color: var(--primary-red);
 }
 
 [data-object|="unit"][data-coalition="blue"] .unit-vvi {
-    background-color: var( --secondary-red-outline );
+    background-color: var(--secondary-red-outline);
 }
 
 
 
 @keyframes pulse {
     50% {
-      opacity: 0;
+        opacity: 0;
     }
 }
 
-[data-object|="unit"][data-pilot|="ai"][data-has-low-fuel] .unit-fuel {
+[data-object|="unit"][data-has-low-fuel] .unit-fuel {
     animation: pulse 1.5s linear infinite;
 }
 
 
-[data-object|="unit"] .unit-status {
+[data-object|="unit"] .unit-state {
     background-repeat: no-repeat;
-    position:absolute;
-    height:var( --unit-air-status-rtb-height );
-    width:var( --unit-air-status-rtb-width );
+    position: absolute;
+    height: var(--unit-aircraft-state-height);
+    width: var(--unit-aircraft-state-width);
     z-index: 10;
 }
 
-[data-object|="unit"][data-status="rtb"] .unit-status {
-    background-image: var( --unit-air-status-rtb-neutral-url );
-    height:var( --unit-air-status-rtb-height );
-    width:var( --unit-air-status-rtb-width );
+[data-object|="unit"][data-state="rtb"] .unit-state {
+    background-image: var(--unit-aircraft-state-rtb);
 }
 
-[data-object|="unit"][data-status="rtb"][data-coalition="blue"] .unit-status {
-    background-image: var( --unit-air-status-rtb-blue-url );
+[data-object|="unit"][data-state="land"] .unit-state {
+    background-image: var(--unit-aircraft-state-rtb);
 }
 
-[data-object|="unit"][data-status="rtb"][data-coalition="red"] .unit-status {
-    background-image: var( --unit-air-status-rtb-red-url );
+[data-object|="unit"][data-state="idle"] .unit-state {
+    background-image: var(--unit-aircraft-state-idle);
 }
 
-
-
-
-[data-object|="unit"][data-status="hold"] .unit-status {
-    background-image: var( --unit-air-status-hold-neutral-url );
-    height:var( --unit-air-status-hold-height );
-    width:var( --unit-air-status-hold-width );
+[data-object|="unit"][data-state="attack"] .unit-state {
+    background-image: var(--unit-aircraft-state-attack);
 }
 
-[data-object|="unit"][data-status="hold"][data-coalition="blue"] .unit-status {
-    background-image: var( --unit-air-status-hold-blue-url );
+[data-object|="unit"][data-state="follow"] .unit-state {
+    background-image: var(--unit-aircraft-state-follow);
 }
 
-[data-object|="unit"][data-status="hold"][data-coalition="red"] .unit-status {
-    background-image: var( --unit-air-status-hold-red-url );
+[data-object|="unit"][data-state="refuel"] .unit-state {
+    background-image: var(--unit-aircraft-state-refuel);
 }
 
+[data-object|="unit"][data-state="human"] .unit-state {
+    background-image: var(--unit-aircraft-state-human);
+}
+
+[data-object|="unit"][data-state="dcs"] .unit-state {
+    background-image: var(--unit-aircraft-state-dcs);
+}
 
 /***  DEAD  ***/
-[data-object|="unit-air"][ data-is-dead ] {
+[data-object|="unit-aircraft"][ data-is-dead] {
     cursor: default;
 }
 
-[data-object|="unit-air"][ data-is-dead ] .unit-marker {
-    background-image: var( --unit-air-marker-neutral-dead-url );
+[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-air"][ data-is-dead ][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-air-marker-blue-dead-url );
+[data-object|="unit-aircraft"][ data-is-dead][data-coalition="blue"] .unit-marker {
+    background-image: var(--unit-aircraft-marker-blue-dead-url);
 }
 
-[data-object|="unit-air"][ data-is-dead ][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-air-marker-red-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-air"][ data-is-dead ] .unit-selected-spotlight,
-[data-object|="unit-air"][ data-is-dead ] .unit-short-label,
-[data-object|="unit-air"][ data-is-dead ] .unit-vvi,
-[data-object|="unit-air"][ data-is-dead ] .unit-hotgroup,
-[data-object|="unit-air"][ data-is-dead ] .unit-hotgroup-id,
-[data-object|="unit-air"][ data-is-dead ] .unit-status,
-[data-object|="unit-air"][ data-is-dead ] .unit-fuel,
-[data-object|="unit-air"][ data-is-dead ] .unit-ammo,
-[data-object|="unit-air"][ data-is-dead ]:hover .unit-fuel,
-[data-object|="unit-air"][ data-is-dead ]:hover .unit-ammo {
-    display:none !important;
+[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-air"][ data-is-dead ] .unit-summary > * {
-    display:none;
-}
-
-[data-object|="unit-air"][ data-is-dead ] .unit-summary .unit-callsign {
-    display:block;
+[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/icon_airbase_blue.svg

@@ -1,10 +1,83 @@
-<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"/>
+<?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="icon_airbase_blue.svg"
+   id="svg18"
+   version="1.1"
+   fill="none"
+   viewBox="0 0 63 63"
+   height="63"
+   width="63">
+  <metadata
+     id="metadata24">
+    <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="defs22" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg18"
+     inkscape:window-maximized="1"
+     inkscape:window-y="-8"
+     inkscape:window-x="1912"
+     inkscape:cy="31.5"
+     inkscape:cx="31.5"
+     inkscape:zoom="13.492063"
+     showgrid="false"
+     id="namedview20"
+     inkscape:window-height="1017"
+     inkscape:window-width="1920"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <path
+     id="path2"
+     fill="white"
+     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"
+     clip-rule="evenodd"
+     fill-rule="evenodd" />
+  <circle
+     id="circle12"
+     stroke-width="6"
+     stroke="#247BE2"
+     fill="white"
+     r="15.4494"
+     cy="31.5001"
+     cx="31.5001" />
+  <line
+     id="line14"
+     stroke-linecap="square"
+     stroke-width="2"
+     stroke="#247BE2"
+     y2="38.6028"
+     x2="36.5242"
+     y1="23.9132"
+     x1="25.7895" />
+  <line
+     id="line16"
+     stroke-linecap="square"
+     stroke-width="2"
+     stroke="#247BE2"
+     y2="33.0643"
+     x2="25.9313"
+     y1="33.9313"
+     x1="38.9357" />
 </svg>

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

@@ -1,10 +1,83 @@
-<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"/>
+<?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="icon_airbase_neutral.svg"
+   id="svg18"
+   version="1.1"
+   fill="none"
+   viewBox="0 0 63 63"
+   height="63"
+   width="63">
+  <metadata
+     id="metadata24">
+    <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="defs22" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg18"
+     inkscape:window-maximized="1"
+     inkscape:window-y="-8"
+     inkscape:window-x="1912"
+     inkscape:cy="31.5"
+     inkscape:cx="31.5"
+     inkscape:zoom="13.492063"
+     showgrid="false"
+     id="namedview20"
+     inkscape:window-height="1017"
+     inkscape:window-width="1920"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <path
+     id="path2"
+     fill="white"
+     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"
+     clip-rule="evenodd"
+     fill-rule="evenodd" />
+  <circle
+     id="circle12"
+     stroke-width="6"
+     stroke="#CFD9E8"
+     fill="white"
+     r="15.4494"
+     cy="31.5001"
+     cx="31.5001" />
+  <line
+     id="line14"
+     stroke-linecap="square"
+     stroke-width="2"
+     stroke="#CFD9E8"
+     y2="38.6028"
+     x2="36.5242"
+     y1="23.9132"
+     x1="25.7895" />
+  <line
+     id="line16"
+     stroke-linecap="square"
+     stroke-width="2"
+     stroke="#CFD9E8"
+     y2="33.0643"
+     x2="25.9313"
+     y1="33.9313"
+     x1="38.9357" />
 </svg>

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

@@ -1,10 +1,83 @@
-<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"/>
+<?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="icon_airbase_red.svg"
+   id="svg18"
+   version="1.1"
+   fill="none"
+   viewBox="0 0 63 63"
+   height="63"
+   width="63">
+  <metadata
+     id="metadata24">
+    <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="defs22" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg18"
+     inkscape:window-maximized="1"
+     inkscape:window-y="-8"
+     inkscape:window-x="1912"
+     inkscape:cy="31.5"
+     inkscape:cx="31.5"
+     inkscape:zoom="13.492063"
+     showgrid="false"
+     id="namedview20"
+     inkscape:window-height="1017"
+     inkscape:window-width="1920"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <path
+     id="path2"
+     fill="white"
+     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"
+     clip-rule="evenodd"
+     fill-rule="evenodd" />
+  <circle
+     id="circle12"
+     stroke-width="6"
+     stroke="#ff5858"
+     fill="white"
+     r="15.4494"
+     cy="31.5001"
+     cx="31.5001" />
+  <line
+     id="line14"
+     stroke-linecap="square"
+     stroke-width="2"
+     stroke="#ff5858"
+     y2="38.6028"
+     x2="36.5242"
+     y1="23.9132"
+     x1="25.7895" />
+  <line
+     id="line16"
+     stroke-linecap="square"
+     stroke-width="2"
+     stroke="#ff5858"
+     y2="33.0643"
+     x2="25.9313"
+     y1="33.9313"
+     x1="38.9357" />
 </svg>

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

@@ -0,0 +1,3 @@
+<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

@@ -0,0 +1,3 @@
+<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

@@ -0,0 +1,3 @@
+<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/icons_actions_180_dark.svg

@@ -0,0 +1,4 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.4955 18.2238C12.7115 15.3416 13.888 9.51496 16.8654 9.26602C20.5872 8.95485 25.1646 8.07764 24.7964 21.0345" stroke="#202831" stroke-linecap="round" stroke-dasharray="2 2"/>
+<path d="M11.8419 26.3021C11.8812 26.3949 11.9723 26.4546 12.0729 26.4546C12.1735 26.4546 12.2646 26.3949 12.3039 26.3021L12.997 24.685C13.0504 24.5592 13.0787 24.4257 13.0787 24.2889L13.0787 23.0788L15.3418 21.7587L15.3418 22.0541C15.3418 22.2631 15.51 22.4313 15.719 22.4313C15.928 22.4313 16.0962 22.2631 16.0962 22.0541L16.0962 21.174L16.0962 20.6711L16.0962 20.2939C16.0962 20.0849 15.928 19.9167 15.719 19.9167C15.51 19.9167 15.3418 20.0849 15.3418 20.2939L15.3418 20.4197L13.0787 20.4197L13.0787 19.9058L13.9981 19.0995C14.0531 19.0523 14.0845 18.9832 14.0845 18.9109L14.0845 18.6595C14.0845 18.5212 13.9714 18.408 13.8331 18.408L12.3244 18.408L12.3244 19.4138C12.3244 19.5521 12.2112 19.6653 12.0729 19.6653C11.9346 19.6653 11.8214 19.5521 11.8214 19.4138L11.8214 18.408L10.3127 18.408C10.1744 18.408 10.0613 18.5212 10.0613 18.6595L10.0613 18.9109C10.0613 18.9832 10.0926 19.0523 10.1477 19.0995L11.0671 19.9058L11.0671 20.4197L8.80398 20.4197L8.80398 20.2939C8.80398 20.0849 8.6358 19.9167 8.42679 19.9167C8.21778 19.9167 8.04961 20.0849 8.04961 20.2939L8.04961 20.6711L8.04961 21.174L8.04961 22.0541C8.04961 22.2631 8.21778 22.4313 8.42679 22.4313C8.6358 22.4313 8.80398 22.2631 8.80398 22.0541L8.80398 21.7587L11.0671 23.0788L11.0671 24.2889C11.0671 24.4257 11.0954 24.5592 11.1488 24.685L11.8419 26.3021Z" fill="#202831"/>
+</svg>

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

@@ -0,0 +1,4 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.4955 18.2238C12.7115 15.3416 13.888 9.51496 16.8654 9.26602C20.5872 8.95485 25.1646 8.07764 24.7964 21.0345" stroke="#5CA7FF" stroke-linecap="round" stroke-dasharray="2 2"/>
+<path d="M11.8419 26.3021C11.8812 26.3949 11.9723 26.4546 12.0729 26.4546C12.1735 26.4546 12.2646 26.3949 12.3039 26.3021L12.997 24.685C13.0504 24.5592 13.0787 24.4257 13.0787 24.2889L13.0787 23.0788L15.3418 21.7587L15.3418 22.0541C15.3418 22.2631 15.51 22.4313 15.719 22.4313C15.928 22.4313 16.0962 22.2631 16.0962 22.0541L16.0962 21.174L16.0962 20.6711L16.0962 20.2939C16.0962 20.0849 15.928 19.9167 15.719 19.9167C15.51 19.9167 15.3418 20.0849 15.3418 20.2939L15.3418 20.4197L13.0787 20.4197L13.0787 19.9058L13.9981 19.0995C14.0531 19.0523 14.0845 18.9832 14.0845 18.9109L14.0845 18.6595C14.0845 18.5212 13.9714 18.408 13.8331 18.408L12.3244 18.408L12.3244 19.4138C12.3244 19.5521 12.2112 19.6653 12.0729 19.6653C11.9346 19.6653 11.8214 19.5521 11.8214 19.4138L11.8214 18.408L10.3127 18.408C10.1744 18.408 10.0613 18.5212 10.0613 18.6595L10.0613 18.9109C10.0613 18.9832 10.0926 19.0523 10.1477 19.0995L11.0671 19.9058L11.0671 20.4197L8.80398 20.4197L8.80398 20.2939C8.80398 20.0849 8.6358 19.9167 8.42679 19.9167C8.21778 19.9167 8.04961 20.0849 8.04961 20.2939L8.04961 20.6711L8.04961 21.174L8.04961 22.0541C8.04961 22.2631 8.21778 22.4313 8.42679 22.4313C8.6358 22.4313 8.80398 22.2631 8.80398 22.0541L8.80398 21.7587L11.0671 23.0788L11.0671 24.2889C11.0671 24.4257 11.0954 24.5592 11.1488 24.685L11.8419 26.3021Z" fill="#5CA7FF"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.582 14.7988C21.9629 14.4473 21.9629 13.832 21.582 13.4805C21.2305 13.0996 20.6152 13.0996 20.2637 13.4805L17.1875 16.5566L14.082 13.4805C13.7305 13.0996 13.1152 13.0996 12.7637 13.4805C12.3828 13.832 12.3828 14.4473 12.7637 14.7988L15.8398 17.875L12.7637 20.9805C12.3828 21.332 12.3828 21.9473 12.7637 22.2988C13.1152 22.6797 13.7305 22.6797 14.082 22.2988L17.1875 19.2227L20.2637 22.2988C20.6152 22.6797 21.2305 22.6797 21.582 22.2988C21.9629 21.9473 21.9629 21.332 21.582 20.9805L18.5059 17.875L21.582 14.7988Z" fill="#202831"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.582 14.7988C21.9629 14.4473 21.9629 13.832 21.582 13.4805C21.2305 13.0996 20.6152 13.0996 20.2637 13.4805L17.1875 16.5566L14.082 13.4805C13.7305 13.0996 13.1152 13.0996 12.7637 13.4805C12.3828 13.832 12.3828 14.4473 12.7637 14.7988L15.8398 17.875L12.7637 20.9805C12.3828 21.332 12.3828 21.9473 12.7637 22.2988C13.1152 22.6797 13.7305 22.6797 14.082 22.2988L17.1875 19.2227L20.2637 22.2988C20.6152 22.6797 21.2305 22.6797 21.582 22.2988C21.9629 21.9473 21.9629 21.332 21.582 20.9805L18.5059 17.875L21.582 14.7988Z" fill="#5CA7FF"/>
+</svg>

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

@@ -1,3 +1,3 @@
-<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0.9375 4.62549C0.9375 3.6001 1.75781 2.75049 2.8125 2.75049H7.5C8.52539 2.75049 9.375 3.6001 9.375 4.62549V10.2505H9.60938C11.0156 10.2505 12.1875 11.4224 12.1875 12.8286V13.7661C12.1875 14.1763 12.4805 14.4692 12.8906 14.4692C13.2715 14.4692 13.5938 14.1763 13.5938 13.7661V9.25439C12.7734 9.04932 12.1875 8.31689 12.1875 7.43799V5.56299L11.25 4.62549C10.9863 4.39111 10.9863 3.95166 11.25 3.68799C11.4844 3.45361 11.9238 3.45361 12.1875 3.68799L14.4434 5.97314C14.7949 6.32471 15 6.79346 15 7.2915V7.67236V8.37549V9.31299V13.7661C15 14.938 14.0332 15.8755 12.8906 15.8755C11.7188 15.8755 10.7812 14.938 10.7812 13.7661V12.8286C10.7812 12.1841 10.2539 11.6567 9.60938 11.6567H9.375V15.8755C9.87305 15.8755 10.3125 16.3149 10.3125 16.813C10.3125 17.3403 9.87305 17.7505 9.375 17.7505H0.9375C0.410156 17.7505 0 17.3403 0 16.813C0 16.3149 0.410156 15.8755 0.9375 15.8755V4.62549ZM2.8125 5.09424V7.90674C2.8125 8.17041 3.01758 8.37549 3.28125 8.37549H7.03125C7.26562 8.37549 7.5 8.17041 7.5 7.90674V5.09424C7.5 4.85986 7.26562 4.62549 7.03125 4.62549H3.28125C3.01758 4.62549 2.8125 4.85986 2.8125 5.09424Z" fill="#202831"/>
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.25 13.5C12.25 12.6797 12.9062 12 13.75 12H17.5C18.3203 12 19 12.6797 19 13.5V18H19.1875C20.3125 18 21.25 18.9375 21.25 20.0625V20.8125C21.25 21.1406 21.4844 21.375 21.8125 21.375C22.1172 21.375 22.375 21.1406 22.375 20.8125V17.2031C21.7188 17.0391 21.25 16.4531 21.25 15.75V14.25L20.5 13.5C20.2891 13.3125 20.2891 12.9609 20.5 12.75C20.6875 12.5625 21.0391 12.5625 21.25 12.75L23.0547 14.5781C23.3359 14.8594 23.5 15.2344 23.5 15.6328V15.9375V16.5V17.25V20.8125C23.5 21.75 22.7266 22.5 21.8125 22.5C20.875 22.5 20.125 21.75 20.125 20.8125V20.0625C20.125 19.5469 19.7031 19.125 19.1875 19.125H19V22.5C19.3984 22.5 19.75 22.8516 19.75 23.25C19.75 23.6719 19.3984 24 19 24H12.25C11.8281 24 11.5 23.6719 11.5 23.25C11.5 22.8516 11.8281 22.5 12.25 22.5V13.5ZM13.75 13.875V16.125C13.75 16.3359 13.9141 16.5 14.125 16.5H17.125C17.3125 16.5 17.5 16.3359 17.5 16.125V13.875C17.5 13.6875 17.3125 13.5 17.125 13.5H14.125C13.9141 13.5 13.75 13.6875 13.75 13.875Z" fill="#202831"/>
 </svg>

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

@@ -1,3 +1,3 @@
-<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0.9375 4.62549C0.9375 3.6001 1.75781 2.75049 2.8125 2.75049H7.5C8.52539 2.75049 9.375 3.6001 9.375 4.62549V10.2505H9.60938C11.0156 10.2505 12.1875 11.4224 12.1875 12.8286V13.7661C12.1875 14.1763 12.4805 14.4692 12.8906 14.4692C13.2715 14.4692 13.5938 14.1763 13.5938 13.7661V9.25439C12.7734 9.04932 12.1875 8.31689 12.1875 7.43799V5.56299L11.25 4.62549C10.9863 4.39111 10.9863 3.95166 11.25 3.68799C11.4844 3.45361 11.9238 3.45361 12.1875 3.68799L14.4434 5.97314C14.7949 6.32471 15 6.79346 15 7.2915V7.67236V8.37549V9.31299V13.7661C15 14.938 14.0332 15.8755 12.8906 15.8755C11.7188 15.8755 10.7812 14.938 10.7812 13.7661V12.8286C10.7812 12.1841 10.2539 11.6567 9.60938 11.6567H9.375V15.8755C9.87305 15.8755 10.3125 16.3149 10.3125 16.813C10.3125 17.3403 9.87305 17.7505 9.375 17.7505H0.9375C0.410156 17.7505 0 17.3403 0 16.813C0 16.3149 0.410156 15.8755 0.9375 15.8755V4.62549ZM2.8125 5.09424V7.90674C2.8125 8.17041 3.01758 8.37549 3.28125 8.37549H7.03125C7.26562 8.37549 7.5 8.17041 7.5 7.90674V5.09424C7.5 4.85986 7.26562 4.62549 7.03125 4.62549H3.28125C3.01758 4.62549 2.8125 4.85986 2.8125 5.09424Z" fill="#5CA7FF"/>
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.25 13.5C12.25 12.6797 12.9062 12 13.75 12H17.5C18.3203 12 19 12.6797 19 13.5V18H19.1875C20.3125 18 21.25 18.9375 21.25 20.0625V20.8125C21.25 21.1406 21.4844 21.375 21.8125 21.375C22.1172 21.375 22.375 21.1406 22.375 20.8125V17.2031C21.7188 17.0391 21.25 16.4531 21.25 15.75V14.25L20.5 13.5C20.2891 13.3125 20.2891 12.9609 20.5 12.75C20.6875 12.5625 21.0391 12.5625 21.25 12.75L23.0547 14.5781C23.3359 14.8594 23.5 15.2344 23.5 15.6328V15.9375V16.5V17.25V20.8125C23.5 21.75 22.7266 22.5 21.8125 22.5C20.875 22.5 20.125 21.75 20.125 20.8125V20.0625C20.125 19.5469 19.7031 19.125 19.1875 19.125H19V22.5C19.3984 22.5 19.75 22.8516 19.75 23.25C19.75 23.6719 19.3984 24 19 24H12.25C11.8281 24 11.5 23.6719 11.5 23.25C11.5 22.8516 11.8281 22.5 12.25 22.5V13.5ZM13.75 13.875V16.125C13.75 16.3359 13.9141 16.5 14.125 16.5H17.125C17.3125 16.5 17.5 16.3359 17.5 16.125V13.875C17.5 13.6875 17.3125 13.5 17.125 13.5H14.125C13.9141 13.5 13.75 13.6875 13.75 13.875Z" fill="#5CA7FF"/>
 </svg>

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

@@ -1,3 +1,3 @@
-<svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M16.8457 10.2505C16.8457 10.7778 16.4062 11.188 15.9082 11.188H14.9707L15 15.8755C15 15.9634 15 16.0513 15 16.1099V16.5786C15 17.2524 14.4727 17.7505 13.8281 17.7505H13.3594C13.3008 17.7505 13.2715 17.7505 13.2422 17.7505C13.2129 17.7505 13.1543 17.7505 13.125 17.7505H12.1875H11.4844C10.8105 17.7505 10.3125 17.2524 10.3125 16.5786V15.8755V14.0005C10.3125 13.5024 9.87305 13.063 9.375 13.063H7.5C6.97266 13.063 6.5625 13.5024 6.5625 14.0005V15.8755V16.5786C6.5625 17.2524 6.03516 17.7505 5.39062 17.7505H4.6875H3.75C3.69141 17.7505 3.66211 17.7505 3.60352 17.7505C3.57422 17.7505 3.54492 17.7505 3.51562 17.7505H3.04688C2.37305 17.7505 1.875 17.2524 1.875 16.5786V13.2974C1.875 13.2974 1.875 13.2681 1.875 13.2388V11.188H0.9375C0.410156 11.188 0 10.7778 0 10.2505C0 9.98682 0.0878906 9.75244 0.292969 9.54736L7.79297 2.98486C7.99805 2.77979 8.23242 2.75049 8.4375 2.75049C8.64258 2.75049 8.87695 2.80908 9.05273 2.95557L16.5234 9.54736C16.7578 9.75244 16.875 9.98682 16.8457 10.2505Z" fill="#202831"/>
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.5996 17.625C24.5996 18.082 24.2188 18.4375 23.7871 18.4375H22.9746L23 22.5C23 22.5762 23 22.6523 23 22.7031V23.1094C23 23.6934 22.543 24.125 21.9844 24.125H21.5781C21.5273 24.125 21.502 24.125 21.4766 24.125C21.4512 24.125 21.4004 24.125 21.375 24.125H20.5625H19.9531C19.3691 24.125 18.9375 23.6934 18.9375 23.1094V22.5V20.875C18.9375 20.4434 18.5566 20.0625 18.125 20.0625H16.5C16.043 20.0625 15.6875 20.4434 15.6875 20.875V22.5V23.1094C15.6875 23.6934 15.2305 24.125 14.6719 24.125H14.0625H13.25C13.1992 24.125 13.1738 24.125 13.123 24.125C13.0977 24.125 13.0723 24.125 13.0469 24.125H12.6406C12.0566 24.125 11.625 23.6934 11.625 23.1094V20.2656C11.625 20.2656 11.625 20.2402 11.625 20.2148V18.4375H10.8125C10.3555 18.4375 10 18.082 10 17.625C10 17.3965 10.0762 17.1934 10.2539 17.0156L16.7539 11.3281C16.9316 11.1504 17.1348 11.125 17.3125 11.125C17.4902 11.125 17.6934 11.1758 17.8457 11.3027L24.3203 17.0156C24.5234 17.1934 24.625 17.3965 24.5996 17.625Z" fill="#202831"/>
 </svg>

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

@@ -1,3 +1,3 @@
-<svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M16.8457 10.2505C16.8457 10.7778 16.4062 11.188 15.9082 11.188H14.9707L15 15.8755C15 15.9634 15 16.0513 15 16.1099V16.5786C15 17.2524 14.4727 17.7505 13.8281 17.7505H13.3594C13.3008 17.7505 13.2715 17.7505 13.2422 17.7505C13.2129 17.7505 13.1543 17.7505 13.125 17.7505H12.1875H11.4844C10.8105 17.7505 10.3125 17.2524 10.3125 16.5786V15.8755V14.0005C10.3125 13.5024 9.87305 13.063 9.375 13.063H7.5C6.97266 13.063 6.5625 13.5024 6.5625 14.0005V15.8755V16.5786C6.5625 17.2524 6.03516 17.7505 5.39062 17.7505H4.6875H3.75C3.69141 17.7505 3.66211 17.7505 3.60352 17.7505C3.57422 17.7505 3.54492 17.7505 3.51562 17.7505H3.04688C2.37305 17.7505 1.875 17.2524 1.875 16.5786V13.2974C1.875 13.2974 1.875 13.2681 1.875 13.2388V11.188H0.9375C0.410156 11.188 0 10.7778 0 10.2505C0 9.98682 0.0878906 9.75244 0.292969 9.54736L7.79297 2.98486C7.99805 2.77979 8.23242 2.75049 8.4375 2.75049C8.64258 2.75049 8.87695 2.80908 9.05273 2.95557L16.5234 9.54736C16.7578 9.75244 16.875 9.98682 16.8457 10.2505Z" fill="#5CA7FF"/>
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.5996 17.625C24.5996 18.082 24.2188 18.4375 23.7871 18.4375H22.9746L23 22.5C23 22.5762 23 22.6523 23 22.7031V23.1094C23 23.6934 22.543 24.125 21.9844 24.125H21.5781C21.5273 24.125 21.502 24.125 21.4766 24.125C21.4512 24.125 21.4004 24.125 21.375 24.125H20.5625H19.9531C19.3691 24.125 18.9375 23.6934 18.9375 23.1094V22.5V20.875C18.9375 20.4434 18.5566 20.0625 18.125 20.0625H16.5C16.043 20.0625 15.6875 20.4434 15.6875 20.875V22.5V23.1094C15.6875 23.6934 15.2305 24.125 14.6719 24.125H14.0625H13.25C13.1992 24.125 13.1738 24.125 13.123 24.125C13.0977 24.125 13.0723 24.125 13.0469 24.125H12.6406C12.0566 24.125 11.625 23.6934 11.625 23.1094V20.2656C11.625 20.2656 11.625 20.2402 11.625 20.2148V18.4375H10.8125C10.3555 18.4375 10 18.082 10 17.625C10 17.3965 10.0762 17.1934 10.2539 17.0156L16.7539 11.3281C16.9316 11.1504 17.1348 11.125 17.3125 11.125C17.4902 11.125 17.6934 11.1758 17.8457 11.3027L24.3203 17.0156C24.5234 17.1934 24.625 17.3965 24.5996 17.625Z" fill="#5CA7FF"/>
 </svg>

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

@@ -1,5 +1,5 @@
-<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M24.7297 12.0271C24.6906 11.9349 24.6 11.8755 24.5 11.8755C24.4 11.8755 24.3094 11.9349 24.2703 12.0271L23.5812 13.6349C23.5281 13.7599 23.5 13.8927 23.5 14.0286V15.2318L21.25 16.5442V16.2505C21.25 16.0427 21.0828 15.8755 20.875 15.8755C20.6672 15.8755 20.5 16.0427 20.5 16.2505V17.1255V17.6255V18.0005C20.5 18.2083 20.6672 18.3755 20.875 18.3755C21.0828 18.3755 21.25 18.2083 21.25 18.0005V17.8755H23.5V18.3864L22.5859 19.188C22.5312 19.2349 22.5 19.3036 22.5 19.3755V19.6255C22.5 19.763 22.6125 19.8755 22.75 19.8755H24.25V18.8755C24.25 18.738 24.3625 18.6255 24.5 18.6255C24.6375 18.6255 24.75 18.738 24.75 18.8755V19.8755H26.25C26.3875 19.8755 26.5 19.763 26.5 19.6255V19.3755C26.5 19.3036 26.4688 19.2349 26.4141 19.188L25.5 18.3864V17.8755H27.75V18.0005C27.75 18.2083 27.9172 18.3755 28.125 18.3755C28.3328 18.3755 28.5 18.2083 28.5 18.0005V17.6255V17.1255V16.2505C28.5 16.0427 28.3328 15.8755 28.125 15.8755C27.9172 15.8755 27.75 16.0427 27.75 16.2505V16.5442L25.5 15.2318V14.0286C25.5 13.8927 25.4719 13.7599 25.4187 13.6349L24.7297 12.0271Z" fill="#202831"/>
-<path d="M7.72969 12.0271C7.69063 11.9349 7.6 11.8755 7.5 11.8755C7.4 11.8755 7.30938 11.9349 7.27031 12.0271L6.58125 13.6349C6.52812 13.7599 6.5 13.8927 6.5 14.0286V15.2318L4.25 16.5442V16.2505C4.25 16.0427 4.08281 15.8755 3.875 15.8755C3.66719 15.8755 3.5 16.0427 3.5 16.2505V17.1255V17.6255V18.0005C3.5 18.2083 3.66719 18.3755 3.875 18.3755C4.08281 18.3755 4.25 18.2083 4.25 18.0005V17.8755H6.5V18.3864L5.58594 19.188C5.53125 19.2349 5.5 19.3036 5.5 19.3755V19.6255C5.5 19.763 5.6125 19.8755 5.75 19.8755H7.25V18.8755C7.25 18.738 7.3625 18.6255 7.5 18.6255C7.6375 18.6255 7.75 18.738 7.75 18.8755V19.8755H9.25C9.3875 19.8755 9.5 19.763 9.5 19.6255V19.3755C9.5 19.3036 9.46875 19.2349 9.41406 19.188L8.5 18.3864V17.8755H10.75V18.0005C10.75 18.2083 10.9172 18.3755 11.125 18.3755C11.3328 18.3755 11.5 18.2083 11.5 18.0005V17.6255V17.1255V16.2505C11.5 16.0427 11.3328 15.8755 11.125 15.8755C10.9172 15.8755 10.75 16.0427 10.75 16.2505V16.5442L8.5 15.2318V14.0286C8.5 13.8927 8.47187 13.7599 8.41875 13.6349L7.72969 12.0271Z" fill="#202831"/>
-<path d="M14 17.3755H18" stroke="#202831" stroke-linecap="round" stroke-dasharray="2 2"/>
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.7297 13.6516C26.6906 13.5594 26.6 13.5 26.5 13.5C26.4 13.5 26.3094 13.5594 26.2703 13.6516L25.5812 15.2594C25.5281 15.3844 25.5 15.5172 25.5 15.6531V16.8563L23.25 18.1687V17.875C23.25 17.6672 23.0828 17.5 22.875 17.5C22.6672 17.5 22.5 17.6672 22.5 17.875V18.75V19.25V19.625C22.5 19.8328 22.6672 20 22.875 20C23.0828 20 23.25 19.8328 23.25 19.625V19.5H25.5V20.0109L24.5859 20.8125C24.5312 20.8594 24.5 20.9281 24.5 21V21.25C24.5 21.3875 24.6125 21.5 24.75 21.5H26.25V20.5C26.25 20.3625 26.3625 20.25 26.5 20.25C26.6375 20.25 26.75 20.3625 26.75 20.5V21.5H28.25C28.3875 21.5 28.5 21.3875 28.5 21.25V21C28.5 20.9281 28.4688 20.8594 28.4141 20.8125L27.5 20.0109V19.5H29.75V19.625C29.75 19.8328 29.9172 20 30.125 20C30.3328 20 30.5 19.8328 30.5 19.625V19.25V18.75V17.875C30.5 17.6672 30.3328 17.5 30.125 17.5C29.9172 17.5 29.75 17.6672 29.75 17.875V18.1687L27.5 16.8563V15.6531C27.5 15.5172 27.4719 15.3844 27.4187 15.2594L26.7297 13.6516Z" fill="#202831"/>
+<path d="M9.72969 13.6516C9.69063 13.5594 9.6 13.5 9.5 13.5C9.4 13.5 9.30938 13.5594 9.27031 13.6516L8.58125 15.2594C8.52812 15.3844 8.5 15.5172 8.5 15.6531V16.8563L6.25 18.1687V17.875C6.25 17.6672 6.08281 17.5 5.875 17.5C5.66719 17.5 5.5 17.6672 5.5 17.875V18.75V19.25V19.625C5.5 19.8328 5.66719 20 5.875 20C6.08281 20 6.25 19.8328 6.25 19.625V19.5H8.5V20.0109L7.58594 20.8125C7.53125 20.8594 7.5 20.9281 7.5 21V21.25C7.5 21.3875 7.6125 21.5 7.75 21.5H9.25V20.5C9.25 20.3625 9.3625 20.25 9.5 20.25C9.6375 20.25 9.75 20.3625 9.75 20.5V21.5H11.25C11.3875 21.5 11.5 21.3875 11.5 21.25V21C11.5 20.9281 11.4687 20.8594 11.4141 20.8125L10.5 20.0109V19.5H12.75V19.625C12.75 19.8328 12.9172 20 13.125 20C13.3328 20 13.5 19.8328 13.5 19.625V19.25V18.75V17.875C13.5 17.6672 13.3328 17.5 13.125 17.5C12.9172 17.5 12.75 17.6672 12.75 17.875V18.1687L10.5 16.8563V15.6531C10.5 15.5172 10.4719 15.3844 10.4187 15.2594L9.72969 13.6516Z" fill="#202831"/>
+<path d="M16 19H20" stroke="#202831" stroke-linecap="round" stroke-dasharray="2 2"/>
 </svg>

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

@@ -1,5 +1,5 @@
-<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M24.7297 12.0271C24.6906 11.9349 24.6 11.8755 24.5 11.8755C24.4 11.8755 24.3094 11.9349 24.2703 12.0271L23.5812 13.6349C23.5281 13.7599 23.5 13.8927 23.5 14.0286V15.2318L21.25 16.5442V16.2505C21.25 16.0427 21.0828 15.8755 20.875 15.8755C20.6672 15.8755 20.5 16.0427 20.5 16.2505V17.1255V17.6255V18.0005C20.5 18.2083 20.6672 18.3755 20.875 18.3755C21.0828 18.3755 21.25 18.2083 21.25 18.0005V17.8755H23.5V18.3864L22.5859 19.188C22.5312 19.2349 22.5 19.3036 22.5 19.3755V19.6255C22.5 19.763 22.6125 19.8755 22.75 19.8755H24.25V18.8755C24.25 18.738 24.3625 18.6255 24.5 18.6255C24.6375 18.6255 24.75 18.738 24.75 18.8755V19.8755H26.25C26.3875 19.8755 26.5 19.763 26.5 19.6255V19.3755C26.5 19.3036 26.4688 19.2349 26.4141 19.188L25.5 18.3864V17.8755H27.75V18.0005C27.75 18.2083 27.9172 18.3755 28.125 18.3755C28.3328 18.3755 28.5 18.2083 28.5 18.0005V17.6255V17.1255V16.2505C28.5 16.0427 28.3328 15.8755 28.125 15.8755C27.9172 15.8755 27.75 16.0427 27.75 16.2505V16.5442L25.5 15.2318V14.0286C25.5 13.8927 25.4719 13.7599 25.4187 13.6349L24.7297 12.0271Z" fill="#5CA7FF"/>
-<path d="M7.72969 12.0271C7.69063 11.9349 7.6 11.8755 7.5 11.8755C7.4 11.8755 7.30938 11.9349 7.27031 12.0271L6.58125 13.6349C6.52812 13.7599 6.5 13.8927 6.5 14.0286V15.2318L4.25 16.5442V16.2505C4.25 16.0427 4.08281 15.8755 3.875 15.8755C3.66719 15.8755 3.5 16.0427 3.5 16.2505V17.1255V17.6255V18.0005C3.5 18.2083 3.66719 18.3755 3.875 18.3755C4.08281 18.3755 4.25 18.2083 4.25 18.0005V17.8755H6.5V18.3864L5.58594 19.188C5.53125 19.2349 5.5 19.3036 5.5 19.3755V19.6255C5.5 19.763 5.6125 19.8755 5.75 19.8755H7.25V18.8755C7.25 18.738 7.3625 18.6255 7.5 18.6255C7.6375 18.6255 7.75 18.738 7.75 18.8755V19.8755H9.25C9.3875 19.8755 9.5 19.763 9.5 19.6255V19.3755C9.5 19.3036 9.46875 19.2349 9.41406 19.188L8.5 18.3864V17.8755H10.75V18.0005C10.75 18.2083 10.9172 18.3755 11.125 18.3755C11.3328 18.3755 11.5 18.2083 11.5 18.0005V17.6255V17.1255V16.2505C11.5 16.0427 11.3328 15.8755 11.125 15.8755C10.9172 15.8755 10.75 16.0427 10.75 16.2505V16.5442L8.5 15.2318V14.0286C8.5 13.8927 8.47187 13.7599 8.41875 13.6349L7.72969 12.0271Z" fill="#5CA7FF"/>
-<path d="M14 17.3755H18" stroke="#5CA7FF" stroke-linecap="round" stroke-dasharray="2 2"/>
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.7297 13.6516C26.6906 13.5594 26.6 13.5 26.5 13.5C26.4 13.5 26.3094 13.5594 26.2703 13.6516L25.5812 15.2594C25.5281 15.3844 25.5 15.5172 25.5 15.6531V16.8563L23.25 18.1687V17.875C23.25 17.6672 23.0828 17.5 22.875 17.5C22.6672 17.5 22.5 17.6672 22.5 17.875V18.75V19.25V19.625C22.5 19.8328 22.6672 20 22.875 20C23.0828 20 23.25 19.8328 23.25 19.625V19.5H25.5V20.0109L24.5859 20.8125C24.5312 20.8594 24.5 20.9281 24.5 21V21.25C24.5 21.3875 24.6125 21.5 24.75 21.5H26.25V20.5C26.25 20.3625 26.3625 20.25 26.5 20.25C26.6375 20.25 26.75 20.3625 26.75 20.5V21.5H28.25C28.3875 21.5 28.5 21.3875 28.5 21.25V21C28.5 20.9281 28.4688 20.8594 28.4141 20.8125L27.5 20.0109V19.5H29.75V19.625C29.75 19.8328 29.9172 20 30.125 20C30.3328 20 30.5 19.8328 30.5 19.625V19.25V18.75V17.875C30.5 17.6672 30.3328 17.5 30.125 17.5C29.9172 17.5 29.75 17.6672 29.75 17.875V18.1687L27.5 16.8563V15.6531C27.5 15.5172 27.4719 15.3844 27.4187 15.2594L26.7297 13.6516Z" fill="#5CA7FF"/>
+<path d="M9.72969 13.6516C9.69063 13.5594 9.6 13.5 9.5 13.5C9.4 13.5 9.30938 13.5594 9.27031 13.6516L8.58125 15.2594C8.52812 15.3844 8.5 15.5172 8.5 15.6531V16.8563L6.25 18.1687V17.875C6.25 17.6672 6.08281 17.5 5.875 17.5C5.66719 17.5 5.5 17.6672 5.5 17.875V18.75V19.25V19.625C5.5 19.8328 5.66719 20 5.875 20C6.08281 20 6.25 19.8328 6.25 19.625V19.5H8.5V20.0109L7.58594 20.8125C7.53125 20.8594 7.5 20.9281 7.5 21V21.25C7.5 21.3875 7.6125 21.5 7.75 21.5H9.25V20.5C9.25 20.3625 9.3625 20.25 9.5 20.25C9.6375 20.25 9.75 20.3625 9.75 20.5V21.5H11.25C11.3875 21.5 11.5 21.3875 11.5 21.25V21C11.5 20.9281 11.4687 20.8594 11.4141 20.8125L10.5 20.0109V19.5H12.75V19.625C12.75 19.8328 12.9172 20 13.125 20C13.3328 20 13.5 19.8328 13.5 19.625V19.25V18.75V17.875C13.5 17.6672 13.3328 17.5 13.125 17.5C12.9172 17.5 12.75 17.6672 12.75 17.875V18.1687L10.5 16.8563V15.6531C10.5 15.5172 10.4719 15.3844 10.4187 15.2594L9.72969 13.6516Z" fill="#5CA7FF"/>
+<path d="M16 19H20" stroke="#5CA7FF" stroke-linecap="round" stroke-dasharray="2 2"/>
 </svg>

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

@@ -1,4 +1,4 @@
-<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.20834 4.78954C9.1445 4.63898 8.99647 4.54199 8.83314 4.54199C8.6698 4.54199 8.52179 4.63898 8.45798 4.78954L7.33252 7.41564C7.24574 7.61981 7.1998 7.83673 7.1998 8.05876V10.0238L3.5248 12.1676V11.6878C3.5248 11.3484 3.25173 11.0753 2.9123 11.0753C2.57288 11.0753 2.2998 11.3484 2.2998 11.6878V13.117V13.9337V14.5462C2.2998 14.8856 2.57288 15.1587 2.9123 15.1587C3.25173 15.1587 3.5248 14.8856 3.5248 14.5462V14.342H7.1998V15.1765L5.70684 16.4858C5.61752 16.5623 5.56647 16.6746 5.56647 16.792V17.2003C5.56647 17.4249 5.75022 17.6087 5.9748 17.6087H8.4248V15.9753C8.4248 15.7508 8.60855 15.567 8.83314 15.567C9.0577 15.567 9.24147 15.7508 9.24147 15.9753V17.6087H11.6915C11.916 17.6087 12.0998 17.4249 12.0998 17.2003V16.792C12.0998 16.6746 12.0488 16.5623 11.9594 16.4858L10.4665 15.1765V14.342H14.1415V14.5462C14.1415 14.8856 14.4146 15.1587 14.754 15.1587C15.0934 15.1587 15.3665 14.8856 15.3665 14.5462V13.9337V13.117V11.6878C15.3665 11.3484 15.0934 11.0753 14.754 11.0753C14.4146 11.0753 14.1415 11.3484 14.1415 11.6878V12.1676L10.4665 10.0238V8.05876C10.4665 7.83673 10.4206 7.61981 10.3338 7.41564L9.20834 4.78954Z" fill="#202831"/>
-<path d="M19.8732 13.2084C19.8097 13.0816 19.6625 13 19.5 13C19.3375 13 19.1903 13.0816 19.1268 13.2084L18.0071 15.4191C17.9207 15.591 17.875 15.7736 17.875 15.9605V17.6148L14.2188 19.4195V19.0156C14.2188 18.7299 13.9471 18.5 13.6094 18.5C13.2717 18.5 13 18.7299 13 19.0156V20.2188V20.9062V21.4219C13 21.7076 13.2717 21.9375 13.6094 21.9375C13.9471 21.9375 14.2188 21.7076 14.2188 21.4219V21.25H17.875V21.9525L16.3896 23.0547C16.3008 23.1191 16.25 23.2137 16.25 23.3125V23.6562C16.25 23.8453 16.4328 24 16.6563 24H19.0938V22.625C19.0938 22.4359 19.2765 22.2812 19.5 22.2812C19.7235 22.2812 19.9063 22.4359 19.9063 22.625V24H22.3438C22.5672 24 22.75 23.8453 22.75 23.6562V23.3125C22.75 23.2137 22.6992 23.1191 22.6104 23.0547L21.125 21.9525V21.25H24.7812V21.4219C24.7812 21.7076 25.053 21.9375 25.3906 21.9375C25.7283 21.9375 26 21.7076 26 21.4219V20.9062V20.2188V19.0156C26 18.7299 25.7283 18.5 25.3906 18.5C25.053 18.5 24.7812 18.7299 24.7812 19.0156V19.4195L21.125 17.6148V15.9605C21.125 15.7736 21.0793 15.591 20.9929 15.4191L19.8732 13.2084Z" fill="#202831"/>
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2083 7.41405C12.1445 7.26349 11.9965 7.1665 11.8331 7.1665C11.6698 7.1665 11.5218 7.26349 11.458 7.41405L10.3325 10.0402C10.2457 10.2443 10.1998 10.4612 10.1998 10.6833V12.6483L6.5248 14.7921V14.3123C6.5248 13.9729 6.25173 13.6998 5.9123 13.6998C5.57288 13.6998 5.2998 13.9729 5.2998 14.3123V15.7415V16.5582V17.1707C5.2998 17.5101 5.57288 17.7832 5.9123 17.7832C6.25173 17.7832 6.5248 17.5101 6.5248 17.1707V16.9665H10.1998V17.801L8.70684 19.1103C8.61752 19.1868 8.56647 19.2991 8.56647 19.4165V19.8248C8.56647 20.0494 8.75022 20.2332 8.9748 20.2332H11.4248V18.5998C11.4248 18.3753 11.6086 18.1915 11.8331 18.1915C12.0577 18.1915 12.2415 18.3753 12.2415 18.5998V20.2332H14.6915C14.916 20.2332 15.0998 20.0494 15.0998 19.8248V19.4165C15.0998 19.2991 15.0488 19.1868 14.9594 19.1103L13.4665 17.801V16.9665H17.1415V17.1707C17.1415 17.5101 17.4146 17.7832 17.754 17.7832C18.0934 17.7832 18.3665 17.5101 18.3665 17.1707V16.5582V15.7415V14.3123C18.3665 13.9729 18.0934 13.6998 17.754 13.6998C17.4146 13.6998 17.1415 13.9729 17.1415 14.3123V14.7921L13.4665 12.6483V10.6833C13.4665 10.4612 13.4206 10.2443 13.3338 10.0402L12.2083 7.41405Z" fill="#202831"/>
+<path d="M22.8732 15.8329C22.8097 15.7061 22.6625 15.6245 22.5 15.6245C22.3375 15.6245 22.1903 15.7061 22.1268 15.8329L21.0071 18.0436C20.9207 18.2155 20.875 18.3981 20.875 18.585V20.2393L17.2188 22.044V21.6401C17.2188 21.3544 16.9471 21.1245 16.6094 21.1245C16.2717 21.1245 16 21.3544 16 21.6401V22.8433V23.5307V24.0464C16 24.3321 16.2717 24.562 16.6094 24.562C16.9471 24.562 17.2188 24.3321 17.2188 24.0464V23.8745H20.875V24.577L19.3896 25.6792C19.3008 25.7436 19.25 25.8382 19.25 25.937V26.2807C19.25 26.4698 19.4328 26.6245 19.6563 26.6245H22.0938V25.2495C22.0938 25.0604 22.2765 24.9057 22.5 24.9057C22.7235 24.9057 22.9063 25.0604 22.9063 25.2495V26.6245H25.3438C25.5672 26.6245 25.75 26.4698 25.75 26.2807V25.937C25.75 25.8382 25.6992 25.7436 25.6104 25.6792L24.125 24.577V23.8745H27.7813V24.0464C27.7813 24.3321 28.053 24.562 28.3906 24.562C28.7283 24.562 29 24.3321 29 24.0464V23.5307V22.8433V21.6401C29 21.3544 28.7283 21.1245 28.3906 21.1245C28.053 21.1245 27.7813 21.3544 27.7813 21.6401V22.044L24.125 20.2393V18.585C24.125 18.3981 24.0793 18.2155 23.9929 18.0436L22.8732 15.8329Z" fill="#202831"/>
 </svg>

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

@@ -1,4 +1,4 @@
-<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.20834 4.78954C9.1445 4.63898 8.99647 4.54199 8.83314 4.54199C8.6698 4.54199 8.52179 4.63898 8.45798 4.78954L7.33252 7.41564C7.24574 7.61981 7.1998 7.83673 7.1998 8.05876V10.0238L3.5248 12.1676V11.6878C3.5248 11.3484 3.25173 11.0753 2.9123 11.0753C2.57288 11.0753 2.2998 11.3484 2.2998 11.6878V13.117V13.9337V14.5462C2.2998 14.8856 2.57288 15.1587 2.9123 15.1587C3.25173 15.1587 3.5248 14.8856 3.5248 14.5462V14.342H7.1998V15.1765L5.70684 16.4858C5.61752 16.5623 5.56647 16.6746 5.56647 16.792V17.2003C5.56647 17.4249 5.75022 17.6087 5.9748 17.6087H8.4248V15.9753C8.4248 15.7508 8.60855 15.567 8.83314 15.567C9.0577 15.567 9.24147 15.7508 9.24147 15.9753V17.6087H11.6915C11.916 17.6087 12.0998 17.4249 12.0998 17.2003V16.792C12.0998 16.6746 12.0488 16.5623 11.9594 16.4858L10.4665 15.1765V14.342H14.1415V14.5462C14.1415 14.8856 14.4146 15.1587 14.754 15.1587C15.0934 15.1587 15.3665 14.8856 15.3665 14.5462V13.9337V13.117V11.6878C15.3665 11.3484 15.0934 11.0753 14.754 11.0753C14.4146 11.0753 14.1415 11.3484 14.1415 11.6878V12.1676L10.4665 10.0238V8.05876C10.4665 7.83673 10.4206 7.61981 10.3338 7.41564L9.20834 4.78954Z" fill="#5CA7FF"/>
-<path d="M19.8732 13.2084C19.8097 13.0816 19.6625 13 19.5 13C19.3375 13 19.1903 13.0816 19.1268 13.2084L18.0071 15.4191C17.9207 15.591 17.875 15.7736 17.875 15.9605V17.6148L14.2188 19.4195V19.0156C14.2188 18.7299 13.9471 18.5 13.6094 18.5C13.2717 18.5 13 18.7299 13 19.0156V20.2188V20.9062V21.4219C13 21.7076 13.2717 21.9375 13.6094 21.9375C13.9471 21.9375 14.2188 21.7076 14.2188 21.4219V21.25H17.875V21.9525L16.3896 23.0547C16.3008 23.1191 16.25 23.2137 16.25 23.3125V23.6562C16.25 23.8453 16.4328 24 16.6563 24H19.0938V22.625C19.0938 22.4359 19.2765 22.2812 19.5 22.2812C19.7235 22.2812 19.9063 22.4359 19.9063 22.625V24H22.3438C22.5672 24 22.75 23.8453 22.75 23.6562V23.3125C22.75 23.2137 22.6992 23.1191 22.6104 23.0547L21.125 21.9525V21.25H24.7813V21.4219C24.7813 21.7076 25.053 21.9375 25.3906 21.9375C25.7283 21.9375 26 21.7076 26 21.4219V20.9062V20.2188V19.0156C26 18.7299 25.7283 18.5 25.3906 18.5C25.053 18.5 24.7813 18.7299 24.7813 19.0156V19.4195L21.125 17.6148V15.9605C21.125 15.7736 21.0793 15.591 20.9929 15.4191L19.8732 13.2084Z" fill="#5CA7FF"/>
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2083 7.41405C12.1445 7.26349 11.9965 7.1665 11.8331 7.1665C11.6698 7.1665 11.5218 7.26349 11.458 7.41405L10.3325 10.0402C10.2457 10.2443 10.1998 10.4612 10.1998 10.6833V12.6483L6.5248 14.7921V14.3123C6.5248 13.9729 6.25173 13.6998 5.9123 13.6998C5.57288 13.6998 5.2998 13.9729 5.2998 14.3123V15.7415V16.5582V17.1707C5.2998 17.5101 5.57288 17.7832 5.9123 17.7832C6.25173 17.7832 6.5248 17.5101 6.5248 17.1707V16.9665H10.1998V17.801L8.70684 19.1103C8.61752 19.1868 8.56647 19.2991 8.56647 19.4165V19.8248C8.56647 20.0494 8.75022 20.2332 8.9748 20.2332H11.4248V18.5998C11.4248 18.3753 11.6086 18.1915 11.8331 18.1915C12.0577 18.1915 12.2415 18.3753 12.2415 18.5998V20.2332H14.6915C14.916 20.2332 15.0998 20.0494 15.0998 19.8248V19.4165C15.0998 19.2991 15.0488 19.1868 14.9594 19.1103L13.4665 17.801V16.9665H17.1415V17.1707C17.1415 17.5101 17.4146 17.7832 17.754 17.7832C18.0934 17.7832 18.3665 17.5101 18.3665 17.1707V16.5582V15.7415V14.3123C18.3665 13.9729 18.0934 13.6998 17.754 13.6998C17.4146 13.6998 17.1415 13.9729 17.1415 14.3123V14.7921L13.4665 12.6483V10.6833C13.4665 10.4612 13.4206 10.2443 13.3338 10.0402L12.2083 7.41405Z" fill="#5CA7FF"/>
+<path d="M22.8732 15.8329C22.8097 15.7061 22.6625 15.6245 22.5 15.6245C22.3375 15.6245 22.1903 15.7061 22.1268 15.8329L21.0071 18.0436C20.9207 18.2155 20.875 18.3981 20.875 18.585V20.2393L17.2188 22.044V21.6401C17.2188 21.3544 16.9471 21.1245 16.6094 21.1245C16.2717 21.1245 16 21.3544 16 21.6401V22.8433V23.5307V24.0464C16 24.3321 16.2717 24.562 16.6094 24.562C16.9471 24.562 17.2188 24.3321 17.2188 24.0464V23.8745H20.875V24.577L19.3896 25.6792C19.3008 25.7436 19.25 25.8382 19.25 25.937V26.2807C19.25 26.4698 19.4328 26.6245 19.6563 26.6245H22.0938V25.2495C22.0938 25.0604 22.2765 24.9057 22.5 24.9057C22.7235 24.9057 22.9063 25.0604 22.9063 25.2495V26.6245H25.3438C25.5672 26.6245 25.75 26.4698 25.75 26.2807V25.937C25.75 25.8382 25.6992 25.7436 25.6104 25.6792L24.125 24.577V23.8745H27.7813V24.0464C27.7813 24.3321 28.053 24.562 28.3906 24.562C28.7283 24.562 29 24.3321 29 24.0464V23.5307V22.8433V21.6401C29 21.3544 28.7283 21.1245 28.3906 21.1245C28.053 21.1245 27.7813 21.3544 27.7813 21.6401V22.044L24.125 20.2393V18.585C24.125 18.3981 24.0793 18.2155 23.9929 18.0436L22.8732 15.8329Z" fill="#5CA7FF"/>
 </svg>

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

@@ -1,4 +1,5 @@
-<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.7297 17.0271C21.6906 16.9349 21.6 16.8755 21.5 16.8755C21.4 16.8755 21.3094 16.9349 21.2703 17.0271L20.5812 18.6349C20.5281 18.7599 20.5 18.8927 20.5 19.0286V20.2318L18.25 21.5442V21.2505C18.25 21.0427 18.0828 20.8755 17.875 20.8755C17.6672 20.8755 17.5 21.0427 17.5 21.2505V22.1255V22.6255V23.0005C17.5 23.2083 17.6672 23.3755 17.875 23.3755C18.0828 23.3755 18.25 23.2083 18.25 23.0005V22.8755H20.5V23.3864L19.5859 24.188C19.5312 24.2349 19.5 24.3036 19.5 24.3755V24.6255C19.5 24.763 19.6125 24.8755 19.75 24.8755H21.25V23.8755C21.25 23.738 21.3625 23.6255 21.5 23.6255C21.6375 23.6255 21.75 23.738 21.75 23.8755V24.8755H23.25C23.3875 24.8755 23.5 24.763 23.5 24.6255V24.3755C23.5 24.3036 23.4688 24.2349 23.4141 24.188L22.5 23.3864V22.8755H24.75V23.0005C24.75 23.2083 24.9172 23.3755 25.125 23.3755C25.3328 23.3755 25.5 23.2083 25.5 23.0005V22.6255V22.1255V21.2505C25.5 21.0427 25.3328 20.8755 25.125 20.8755C24.9172 20.8755 24.75 21.0427 24.75 21.2505V21.5442L22.5 20.2318V19.0286C22.5 18.8927 22.4719 18.7599 22.4187 18.6349L21.7297 17.0271Z" fill="#202831"/>
-<path d="M9.72969 7.02705C9.69063 6.93486 9.6 6.87549 9.5 6.87549C9.4 6.87549 9.30938 6.93486 9.27031 7.02705L8.58125 8.63486C8.52812 8.75986 8.5 8.89268 8.5 9.02862V10.2317L6.25 11.5442V11.2505C6.25 11.0427 6.08281 10.8755 5.875 10.8755C5.66719 10.8755 5.5 11.0427 5.5 11.2505V12.1255V12.6255V13.0005C5.5 13.2083 5.66719 13.3755 5.875 13.3755C6.08281 13.3755 6.25 13.2083 6.25 13.0005V12.8755H8.5V13.3864L7.58594 14.188C7.53125 14.2349 7.5 14.3036 7.5 14.3755V14.6255C7.5 14.763 7.6125 14.8755 7.75 14.8755H9.25V13.8755C9.25 13.738 9.3625 13.6255 9.5 13.6255C9.6375 13.6255 9.75 13.738 9.75 13.8755V14.8755H11.25C11.3875 14.8755 11.5 14.763 11.5 14.6255V14.3755C11.5 14.3036 11.4688 14.2349 11.4141 14.188L10.5 13.3864V12.8755H12.75V13.0005C12.75 13.2083 12.9172 13.3755 13.125 13.3755C13.3328 13.3755 13.5 13.2083 13.5 13.0005V12.6255V12.1255V11.2505C13.5 11.0427 13.3328 10.8755 13.125 10.8755C12.9172 10.8755 12.75 11.0427 12.75 11.2505V11.5442L10.5 10.2317V9.02862C10.5 8.89268 10.4719 8.75986 10.4187 8.63486L9.72969 7.02705Z" fill="#202831"/>
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.7297 18.6516C23.6906 18.5594 23.6 18.5 23.5 18.5C23.4 18.5 23.3094 18.5594 23.2703 18.6516L22.5812 20.2594C22.5281 20.3844 22.5 20.5172 22.5 20.6531V21.8563L20.25 23.1687V22.875C20.25 22.6672 20.0828 22.5 19.875 22.5C19.6672 22.5 19.5 22.6672 19.5 22.875V23.75V24.25V24.625C19.5 24.8328 19.6672 25 19.875 25C20.0828 25 20.25 24.8328 20.25 24.625V24.5H22.5V25.0109L21.5859 25.8125C21.5312 25.8594 21.5 25.9281 21.5 26V26.25C21.5 26.3875 21.6125 26.5 21.75 26.5H23.25V25.5C23.25 25.3625 23.3625 25.25 23.5 25.25C23.6375 25.25 23.75 25.3625 23.75 25.5V26.5H25.25C25.3875 26.5 25.5 26.3875 25.5 26.25V26C25.5 25.9281 25.4688 25.8594 25.4141 25.8125L24.5 25.0109V24.5H26.75V24.625C26.75 24.8328 26.9172 25 27.125 25C27.3328 25 27.5 24.8328 27.5 24.625V24.25V23.75V22.875C27.5 22.6672 27.3328 22.5 27.125 22.5C26.9172 22.5 26.75 22.6672 26.75 22.875V23.1687L24.5 21.8563V20.6531C24.5 20.5172 24.4719 20.3844 24.4187 20.2594L23.7297 18.6516Z" fill="#202831"/>
+<path d="M11.7297 8.65156C11.6906 8.55937 11.6 8.5 11.5 8.5C11.4 8.5 11.3094 8.55937 11.2703 8.65156L10.5813 10.2594C10.5281 10.3844 10.5 10.5172 10.5 10.6531V11.8562L8.25 13.1687V12.875C8.25 12.6672 8.08281 12.5 7.875 12.5C7.66719 12.5 7.5 12.6672 7.5 12.875V13.75V14.25V14.625C7.5 14.8328 7.66719 15 7.875 15C8.08281 15 8.25 14.8328 8.25 14.625V14.5H10.5V15.0109L9.58594 15.8125C9.53125 15.8594 9.5 15.9281 9.5 16V16.25C9.5 16.3875 9.6125 16.5 9.75 16.5H11.25V15.5C11.25 15.3625 11.3625 15.25 11.5 15.25C11.6375 15.25 11.75 15.3625 11.75 15.5V16.5H13.25C13.3875 16.5 13.5 16.3875 13.5 16.25V16C13.5 15.9281 13.4688 15.8594 13.4141 15.8125L12.5 15.0109V14.5H14.75V14.625C14.75 14.8328 14.9172 15 15.125 15C15.3328 15 15.5 14.8328 15.5 14.625V14.25V13.75V12.875C15.5 12.6672 15.3328 12.5 15.125 12.5C14.9172 12.5 14.75 12.6672 14.75 12.875V13.1687L12.5 11.8562V10.6531C12.5 10.5172 12.4719 10.3844 12.4187 10.2594L11.7297 8.65156Z" fill="#202831"/>
+<path d="M17 17L20 19" stroke="#202831" stroke-linecap="round" stroke-dasharray="2 2"/>
 </svg>

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

@@ -1,4 +1,5 @@
-<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.7297 17.0271C21.6906 16.9349 21.6 16.8755 21.5 16.8755C21.4 16.8755 21.3094 16.9349 21.2703 17.0271L20.5812 18.6349C20.5281 18.7599 20.5 18.8927 20.5 19.0286V20.2318L18.25 21.5442V21.2505C18.25 21.0427 18.0828 20.8755 17.875 20.8755C17.6672 20.8755 17.5 21.0427 17.5 21.2505V22.1255V22.6255V23.0005C17.5 23.2083 17.6672 23.3755 17.875 23.3755C18.0828 23.3755 18.25 23.2083 18.25 23.0005V22.8755H20.5V23.3864L19.5859 24.188C19.5312 24.2349 19.5 24.3036 19.5 24.3755V24.6255C19.5 24.763 19.6125 24.8755 19.75 24.8755H21.25V23.8755C21.25 23.738 21.3625 23.6255 21.5 23.6255C21.6375 23.6255 21.75 23.738 21.75 23.8755V24.8755H23.25C23.3875 24.8755 23.5 24.763 23.5 24.6255V24.3755C23.5 24.3036 23.4688 24.2349 23.4141 24.188L22.5 23.3864V22.8755H24.75V23.0005C24.75 23.2083 24.9172 23.3755 25.125 23.3755C25.3328 23.3755 25.5 23.2083 25.5 23.0005V22.6255V22.1255V21.2505C25.5 21.0427 25.3328 20.8755 25.125 20.8755C24.9172 20.8755 24.75 21.0427 24.75 21.2505V21.5442L22.5 20.2318V19.0286C22.5 18.8927 22.4719 18.7599 22.4187 18.6349L21.7297 17.0271Z" fill="#5CA7FF"/>
-<path d="M9.72969 7.02705C9.69063 6.93486 9.6 6.87549 9.5 6.87549C9.4 6.87549 9.30938 6.93486 9.27031 7.02705L8.58125 8.63486C8.52812 8.75986 8.5 8.89268 8.5 9.02862V10.2317L6.25 11.5442V11.2505C6.25 11.0427 6.08281 10.8755 5.875 10.8755C5.66719 10.8755 5.5 11.0427 5.5 11.2505V12.1255V12.6255V13.0005C5.5 13.2083 5.66719 13.3755 5.875 13.3755C6.08281 13.3755 6.25 13.2083 6.25 13.0005V12.8755H8.5V13.3864L7.58594 14.188C7.53125 14.2349 7.5 14.3036 7.5 14.3755V14.6255C7.5 14.763 7.6125 14.8755 7.75 14.8755H9.25V13.8755C9.25 13.738 9.3625 13.6255 9.5 13.6255C9.6375 13.6255 9.75 13.738 9.75 13.8755V14.8755H11.25C11.3875 14.8755 11.5 14.763 11.5 14.6255V14.3755C11.5 14.3036 11.4688 14.2349 11.4141 14.188L10.5 13.3864V12.8755H12.75V13.0005C12.75 13.2083 12.9172 13.3755 13.125 13.3755C13.3328 13.3755 13.5 13.2083 13.5 13.0005V12.6255V12.1255V11.2505C13.5 11.0427 13.3328 10.8755 13.125 10.8755C12.9172 10.8755 12.75 11.0427 12.75 11.2505V11.5442L10.5 10.2317V9.02862C10.5 8.89268 10.4719 8.75986 10.4187 8.63486L9.72969 7.02705Z" fill="#5CA7FF"/>
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.7297 18.6516C23.6906 18.5594 23.6 18.5 23.5 18.5C23.4 18.5 23.3094 18.5594 23.2703 18.6516L22.5812 20.2594C22.5281 20.3844 22.5 20.5172 22.5 20.6531V21.8563L20.25 23.1687V22.875C20.25 22.6672 20.0828 22.5 19.875 22.5C19.6672 22.5 19.5 22.6672 19.5 22.875V23.75V24.25V24.625C19.5 24.8328 19.6672 25 19.875 25C20.0828 25 20.25 24.8328 20.25 24.625V24.5H22.5V25.0109L21.5859 25.8125C21.5312 25.8594 21.5 25.9281 21.5 26V26.25C21.5 26.3875 21.6125 26.5 21.75 26.5H23.25V25.5C23.25 25.3625 23.3625 25.25 23.5 25.25C23.6375 25.25 23.75 25.3625 23.75 25.5V26.5H25.25C25.3875 26.5 25.5 26.3875 25.5 26.25V26C25.5 25.9281 25.4688 25.8594 25.4141 25.8125L24.5 25.0109V24.5H26.75V24.625C26.75 24.8328 26.9172 25 27.125 25C27.3328 25 27.5 24.8328 27.5 24.625V24.25V23.75V22.875C27.5 22.6672 27.3328 22.5 27.125 22.5C26.9172 22.5 26.75 22.6672 26.75 22.875V23.1687L24.5 21.8563V20.6531C24.5 20.5172 24.4719 20.3844 24.4187 20.2594L23.7297 18.6516Z" fill="#5CA7FF"/>
+<path d="M11.7297 8.65156C11.6906 8.55937 11.6 8.5 11.5 8.5C11.4 8.5 11.3094 8.55937 11.2703 8.65156L10.5813 10.2594C10.5281 10.3844 10.5 10.5172 10.5 10.6531V11.8562L8.25 13.1687V12.875C8.25 12.6672 8.08281 12.5 7.875 12.5C7.66719 12.5 7.5 12.6672 7.5 12.875V13.75V14.25V14.625C7.5 14.8328 7.66719 15 7.875 15C8.08281 15 8.25 14.8328 8.25 14.625V14.5H10.5V15.0109L9.58594 15.8125C9.53125 15.8594 9.5 15.9281 9.5 16V16.25C9.5 16.3875 9.6125 16.5 9.75 16.5H11.25V15.5C11.25 15.3625 11.3625 15.25 11.5 15.25C11.6375 15.25 11.75 15.3625 11.75 15.5V16.5H13.25C13.3875 16.5 13.5 16.3875 13.5 16.25V16C13.5 15.9281 13.4688 15.8594 13.4141 15.8125L12.5 15.0109V14.5H14.75V14.625C14.75 14.8328 14.9172 15 15.125 15C15.3328 15 15.5 14.8328 15.5 14.625V14.25V13.75V12.875C15.5 12.6672 15.3328 12.5 15.125 12.5C14.9172 12.5 14.75 12.6672 14.75 12.875V13.1687L12.5 11.8562V10.6531C12.5 10.5172 12.4719 10.3844 12.4187 10.2594L11.7297 8.65156Z" fill="#5CA7FF"/>
+<path d="M17 17L20 19" stroke="#5CA7FF" stroke-linecap="round" stroke-dasharray="2 2"/>
 </svg>

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

@@ -1,4 +1,5 @@
-<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.7297 18.0271C15.6906 17.9349 15.6 17.8755 15.5 17.8755C15.4 17.8755 15.3094 17.9349 15.2703 18.0271L14.5812 19.6349C14.5281 19.7599 14.5 19.8927 14.5 20.0286V21.2318L12.25 22.5442V22.2505C12.25 22.0427 12.0828 21.8755 11.875 21.8755C11.6672 21.8755 11.5 22.0427 11.5 22.2505V23.1255V23.6255V24.0005C11.5 24.2083 11.6672 24.3755 11.875 24.3755C12.0828 24.3755 12.25 24.2083 12.25 24.0005V23.8755H14.5V24.3864L13.5859 25.188C13.5312 25.2349 13.5 25.3036 13.5 25.3755V25.6255C13.5 25.763 13.6125 25.8755 13.75 25.8755H15.25V24.8755C15.25 24.738 15.3625 24.6255 15.5 24.6255C15.6375 24.6255 15.75 24.738 15.75 24.8755V25.8755H17.25C17.3875 25.8755 17.5 25.763 17.5 25.6255V25.3755C17.5 25.3036 17.4688 25.2349 17.4141 25.188L16.5 24.3864V23.8755H18.75V24.0005C18.75 24.2083 18.9172 24.3755 19.125 24.3755C19.3328 24.3755 19.5 24.2083 19.5 24.0005V23.6255V23.1255V22.2505C19.5 22.0427 19.3328 21.8755 19.125 21.8755C18.9172 21.8755 18.75 22.0427 18.75 22.2505V22.5442L16.5 21.2318V20.0286C16.5 19.8927 16.4719 19.7599 16.4187 19.6349L15.7297 18.0271Z" fill="#202831"/>
-<path d="M15.7297 4.02705C15.6906 3.93486 15.6 3.87549 15.5 3.87549C15.4 3.87549 15.3094 3.93486 15.2703 4.02705L14.5812 5.63486C14.5281 5.75986 14.5 5.89268 14.5 6.02862V7.23174L12.25 8.54424V8.25049C12.25 8.04268 12.0828 7.87549 11.875 7.87549C11.6672 7.87549 11.5 8.04268 11.5 8.25049V9.12549V9.62549V10.0005C11.5 10.2083 11.6672 10.3755 11.875 10.3755C12.0828 10.3755 12.25 10.2083 12.25 10.0005V9.87549H14.5V10.3864L13.5859 11.188C13.5312 11.2349 13.5 11.3036 13.5 11.3755V11.6255C13.5 11.763 13.6125 11.8755 13.75 11.8755H15.25V10.8755C15.25 10.738 15.3625 10.6255 15.5 10.6255C15.6375 10.6255 15.75 10.738 15.75 10.8755V11.8755H17.25C17.3875 11.8755 17.5 11.763 17.5 11.6255V11.3755C17.5 11.3036 17.4688 11.2349 17.4141 11.188L16.5 10.3864V9.87549H18.75V10.0005C18.75 10.2083 18.9172 10.3755 19.125 10.3755C19.3328 10.3755 19.5 10.2083 19.5 10.0005V9.62549V9.12549V8.25049C19.5 8.04268 19.3328 7.87549 19.125 7.87549C18.9172 7.87549 18.75 8.04268 18.75 8.25049V8.54424L16.5 7.23174V6.02862C16.5 5.89268 16.4719 5.75986 16.4187 5.63486L15.7297 4.02705Z" fill="#202831"/>
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.2297 20.1516C18.1906 20.0594 18.1 20 18 20C17.9 20 17.8094 20.0594 17.7703 20.1516L17.0812 21.7594C17.0281 21.8844 17 22.0172 17 22.1531V23.3563L14.75 24.6687V24.375C14.75 24.1672 14.5828 24 14.375 24C14.1672 24 14 24.1672 14 24.375V25.25V25.75V26.125C14 26.3328 14.1672 26.5 14.375 26.5C14.5828 26.5 14.75 26.3328 14.75 26.125V26H17V26.5109L16.0859 27.3125C16.0312 27.3594 16 27.4281 16 27.5V27.75C16 27.8875 16.1125 28 16.25 28H17.75V27C17.75 26.8625 17.8625 26.75 18 26.75C18.1375 26.75 18.25 26.8625 18.25 27V28H19.75C19.8875 28 20 27.8875 20 27.75V27.5C20 27.4281 19.9688 27.3594 19.9141 27.3125L19 26.5109V26H21.25V26.125C21.25 26.3328 21.4172 26.5 21.625 26.5C21.8328 26.5 22 26.3328 22 26.125V25.75V25.25V24.375C22 24.1672 21.8328 24 21.625 24C21.4172 24 21.25 24.1672 21.25 24.375V24.6687L19 23.3563V22.1531C19 22.0172 18.9719 21.8844 18.9187 21.7594L18.2297 20.1516Z" fill="#202831"/>
+<path d="M18.2297 6.15156C18.1906 6.05937 18.1 6 18 6C17.9 6 17.8094 6.05937 17.7703 6.15156L17.0812 7.75937C17.0281 7.88437 17 8.01719 17 8.15313V9.35625L14.75 10.6687V10.375C14.75 10.1672 14.5828 10 14.375 10C14.1672 10 14 10.1672 14 10.375V11.25V11.75V12.125C14 12.3328 14.1672 12.5 14.375 12.5C14.5828 12.5 14.75 12.3328 14.75 12.125V12H17V12.5109L16.0859 13.3125C16.0312 13.3594 16 13.4281 16 13.5V13.75C16 13.8875 16.1125 14 16.25 14H17.75V13C17.75 12.8625 17.8625 12.75 18 12.75C18.1375 12.75 18.25 12.8625 18.25 13V14H19.75C19.8875 14 20 13.8875 20 13.75V13.5C20 13.4281 19.9688 13.3594 19.9141 13.3125L19 12.5109V12H21.25V12.125C21.25 12.3328 21.4172 12.5 21.625 12.5C21.8328 12.5 22 12.3328 22 12.125V11.75V11.25V10.375C22 10.1672 21.8328 10 21.625 10C21.4172 10 21.25 10.1672 21.25 10.375V10.6687L19 9.35625V8.15313C19 8.01719 18.9719 7.88437 18.9187 7.75937L18.2297 6.15156Z" fill="#202831"/>
+<path d="M18 15.5L18 18.5" stroke="#202831" stroke-linecap="round" stroke-dasharray="2 2"/>
 </svg>

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

@@ -1,4 +1,5 @@
-<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.7297 18.0271C15.6906 17.9349 15.6 17.8755 15.5 17.8755C15.4 17.8755 15.3094 17.9349 15.2703 18.0271L14.5812 19.6349C14.5281 19.7599 14.5 19.8927 14.5 20.0286V21.2318L12.25 22.5442V22.2505C12.25 22.0427 12.0828 21.8755 11.875 21.8755C11.6672 21.8755 11.5 22.0427 11.5 22.2505V23.1255V23.6255V24.0005C11.5 24.2083 11.6672 24.3755 11.875 24.3755C12.0828 24.3755 12.25 24.2083 12.25 24.0005V23.8755H14.5V24.3864L13.5859 25.188C13.5312 25.2349 13.5 25.3036 13.5 25.3755V25.6255C13.5 25.763 13.6125 25.8755 13.75 25.8755H15.25V24.8755C15.25 24.738 15.3625 24.6255 15.5 24.6255C15.6375 24.6255 15.75 24.738 15.75 24.8755V25.8755H17.25C17.3875 25.8755 17.5 25.763 17.5 25.6255V25.3755C17.5 25.3036 17.4688 25.2349 17.4141 25.188L16.5 24.3864V23.8755H18.75V24.0005C18.75 24.2083 18.9172 24.3755 19.125 24.3755C19.3328 24.3755 19.5 24.2083 19.5 24.0005V23.6255V23.1255V22.2505C19.5 22.0427 19.3328 21.8755 19.125 21.8755C18.9172 21.8755 18.75 22.0427 18.75 22.2505V22.5442L16.5 21.2318V20.0286C16.5 19.8927 16.4719 19.7599 16.4187 19.6349L15.7297 18.0271Z" fill="#5CA7FF"/>
-<path d="M15.7297 4.02705C15.6906 3.93486 15.6 3.87549 15.5 3.87549C15.4 3.87549 15.3094 3.93486 15.2703 4.02705L14.5812 5.63486C14.5281 5.75986 14.5 5.89268 14.5 6.02862V7.23174L12.25 8.54424V8.25049C12.25 8.04268 12.0828 7.87549 11.875 7.87549C11.6672 7.87549 11.5 8.04268 11.5 8.25049V9.12549V9.62549V10.0005C11.5 10.2083 11.6672 10.3755 11.875 10.3755C12.0828 10.3755 12.25 10.2083 12.25 10.0005V9.87549H14.5V10.3864L13.5859 11.188C13.5312 11.2349 13.5 11.3036 13.5 11.3755V11.6255C13.5 11.763 13.6125 11.8755 13.75 11.8755H15.25V10.8755C15.25 10.738 15.3625 10.6255 15.5 10.6255C15.6375 10.6255 15.75 10.738 15.75 10.8755V11.8755H17.25C17.3875 11.8755 17.5 11.763 17.5 11.6255V11.3755C17.5 11.3036 17.4688 11.2349 17.4141 11.188L16.5 10.3864V9.87549H18.75V10.0005C18.75 10.2083 18.9172 10.3755 19.125 10.3755C19.3328 10.3755 19.5 10.2083 19.5 10.0005V9.62549V9.12549V8.25049C19.5 8.04268 19.3328 7.87549 19.125 7.87549C18.9172 7.87549 18.75 8.04268 18.75 8.25049V8.54424L16.5 7.23174V6.02862C16.5 5.89268 16.4719 5.75986 16.4187 5.63486L15.7297 4.02705Z" fill="#5CA7FF"/>
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.2297 20.1516C18.1906 20.0594 18.1 20 18 20C17.9 20 17.8094 20.0594 17.7703 20.1516L17.0812 21.7594C17.0281 21.8844 17 22.0172 17 22.1531V23.3563L14.75 24.6687V24.375C14.75 24.1672 14.5828 24 14.375 24C14.1672 24 14 24.1672 14 24.375V25.25V25.75V26.125C14 26.3328 14.1672 26.5 14.375 26.5C14.5828 26.5 14.75 26.3328 14.75 26.125V26H17V26.5109L16.0859 27.3125C16.0312 27.3594 16 27.4281 16 27.5V27.75C16 27.8875 16.1125 28 16.25 28H17.75V27C17.75 26.8625 17.8625 26.75 18 26.75C18.1375 26.75 18.25 26.8625 18.25 27V28H19.75C19.8875 28 20 27.8875 20 27.75V27.5C20 27.4281 19.9688 27.3594 19.9141 27.3125L19 26.5109V26H21.25V26.125C21.25 26.3328 21.4172 26.5 21.625 26.5C21.8328 26.5 22 26.3328 22 26.125V25.75V25.25V24.375C22 24.1672 21.8328 24 21.625 24C21.4172 24 21.25 24.1672 21.25 24.375V24.6687L19 23.3563V22.1531C19 22.0172 18.9719 21.8844 18.9187 21.7594L18.2297 20.1516Z" fill="#5CA7FF"/>
+<path d="M18.2297 6.15156C18.1906 6.05937 18.1 6 18 6C17.9 6 17.8094 6.05937 17.7703 6.15156L17.0812 7.75937C17.0281 7.88437 17 8.01719 17 8.15313V9.35625L14.75 10.6687V10.375C14.75 10.1672 14.5828 10 14.375 10C14.1672 10 14 10.1672 14 10.375V11.25V11.75V12.125C14 12.3328 14.1672 12.5 14.375 12.5C14.5828 12.5 14.75 12.3328 14.75 12.125V12H17V12.5109L16.0859 13.3125C16.0312 13.3594 16 13.4281 16 13.5V13.75C16 13.8875 16.1125 14 16.25 14H17.75V13C17.75 12.8625 17.8625 12.75 18 12.75C18.1375 12.75 18.25 12.8625 18.25 13V14H19.75C19.8875 14 20 13.8875 20 13.75V13.5C20 13.4281 19.9688 13.3594 19.9141 13.3125L19 12.5109V12H21.25V12.125C21.25 12.3328 21.4172 12.5 21.625 12.5C21.8328 12.5 22 12.3328 22 12.125V11.75V11.25V10.375C22 10.1672 21.8328 10 21.625 10C21.4172 10 21.25 10.1672 21.25 10.375V10.6687L19 9.35625V8.15313C19 8.01719 18.9719 7.88437 18.9187 7.75937L18.2297 6.15156Z" fill="#5CA7FF"/>
+<path d="M18 15.5L18 18.5" stroke="#5CA7FF" stroke-linecap="round" stroke-dasharray="2 2"/>
 </svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.4199 20.4688C20.1055 20.3672 20.7402 19.9609 21.1211 19.377L25.2344 13.0293C25.5391 12.5215 25.4629 11.8613 25.0312 11.4551C24.5996 11.0488 23.9395 11.0234 23.4824 11.3789L17.4648 15.8984C16.8555 16.3555 16.5 17.0664 16.5 17.8281L19.4199 20.4688ZM18.9121 21.1035L15.9668 18.4629C14.4434 18.5137 13.25 19.7578 13.25 21.2812C13.25 21.3828 13.25 21.4844 13.25 21.5859C13.3008 22.043 12.9961 22.5 12.5391 22.5H12.4375C11.9805 22.5 11.625 22.8809 11.625 23.3125C11.625 23.7695 11.9805 24.125 12.4375 24.125H16.0938C17.6426 24.125 18.9375 22.8555 18.9375 21.2812C18.9375 21.2305 18.9121 21.1543 18.9121 21.1035Z" fill="#5CA7FF"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.4199 20.4688C20.1055 20.3672 20.7402 19.9609 21.1211 19.377L25.2344 13.0293C25.5391 12.5215 25.4629 11.8613 25.0312 11.4551C24.5996 11.0488 23.9395 11.0234 23.4824 11.3789L17.4648 15.8984C16.8555 16.3555 16.5 17.0664 16.5 17.8281L19.4199 20.4688ZM18.9121 21.1035L15.9668 18.4629C14.4434 18.5137 13.25 19.7578 13.25 21.2812C13.25 21.3828 13.25 21.4844 13.25 21.5859C13.3008 22.043 12.9961 22.5 12.5391 22.5H12.4375C11.9805 22.5 11.625 22.8809 11.625 23.3125C11.625 23.7695 11.9805 24.125 12.4375 24.125H16.0938C17.6426 24.125 18.9375 22.8555 18.9375 21.2812C18.9375 21.2305 18.9121 21.1543 18.9121 21.1035Z" fill="#202831"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.4199 20.4688C20.1055 20.3672 20.7402 19.9609 21.1211 19.377L25.2344 13.0293C25.5391 12.5215 25.4629 11.8613 25.0312 11.4551C24.5996 11.0488 23.9395 11.0234 23.4824 11.3789L17.4648 15.8984C16.8555 16.3555 16.5 17.0664 16.5 17.8281L19.4199 20.4688ZM18.9121 21.1035L15.9668 18.4629C14.4434 18.5137 13.25 19.7578 13.25 21.2812C13.25 21.3828 13.25 21.4844 13.25 21.5859C13.3008 22.043 12.9961 22.5 12.5391 22.5H12.4375C11.9805 22.5 11.625 22.8809 11.625 23.3125C11.625 23.7695 11.9805 24.125 12.4375 24.125H16.0938C17.6426 24.125 18.9375 22.8555 18.9375 21.2812C18.9375 21.2305 18.9121 21.1543 18.9121 21.1035Z" fill="white"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.125 14C13.125 13.3164 13.6719 12.75 14.375 12.75H17.5C18.1836 12.75 18.75 13.3164 18.75 14V17.75H18.9062C19.8438 17.75 20.625 18.5312 20.625 19.4688V20.0938C20.625 20.3672 20.8203 20.5625 21.0938 20.5625C21.3477 20.5625 21.5625 20.3672 21.5625 20.0938V17.0859C21.0156 16.9492 20.625 16.4609 20.625 15.875V14.625L20 14C19.8242 13.8438 19.8242 13.5508 20 13.375C20.1562 13.2188 20.4492 13.2188 20.625 13.375L22.1289 14.8984C22.3633 15.1328 22.5 15.4453 22.5 15.7773V16.0312V16.5V17.125V20.0938C22.5 20.875 21.8555 21.5 21.0938 21.5C20.3125 21.5 19.6875 20.875 19.6875 20.0938V19.4688C19.6875 19.0391 19.3359 18.6875 18.9062 18.6875H18.75V21.5C19.082 21.5 19.375 21.793 19.375 22.125C19.375 22.4766 19.082 22.75 18.75 22.75H13.125C12.7734 22.75 12.5 22.4766 12.5 22.125C12.5 21.793 12.7734 21.5 13.125 21.5V14ZM14.375 14.3125V16.1875C14.375 16.3633 14.5117 16.5 14.6875 16.5H17.1875C17.3438 16.5 17.5 16.3633 17.5 16.1875V14.3125C17.5 14.1562 17.3438 14 17.1875 14H14.6875C14.5117 14 14.375 14.1562 14.375 14.3125Z" fill="#5CA7FF"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.125 14C13.125 13.3164 13.6719 12.75 14.375 12.75H17.5C18.1836 12.75 18.75 13.3164 18.75 14V17.75H18.9062C19.8438 17.75 20.625 18.5312 20.625 19.4688V20.0938C20.625 20.3672 20.8203 20.5625 21.0938 20.5625C21.3477 20.5625 21.5625 20.3672 21.5625 20.0938V17.0859C21.0156 16.9492 20.625 16.4609 20.625 15.875V14.625L20 14C19.8242 13.8438 19.8242 13.5508 20 13.375C20.1562 13.2188 20.4492 13.2188 20.625 13.375L22.1289 14.8984C22.3633 15.1328 22.5 15.4453 22.5 15.7773V16.0312V16.5V17.125V20.0938C22.5 20.875 21.8555 21.5 21.0938 21.5C20.3125 21.5 19.6875 20.875 19.6875 20.0938V19.4688C19.6875 19.0391 19.3359 18.6875 18.9062 18.6875H18.75V21.5C19.082 21.5 19.375 21.793 19.375 22.125C19.375 22.4766 19.082 22.75 18.75 22.75H13.125C12.7734 22.75 12.5 22.4766 12.5 22.125C12.5 21.793 12.7734 21.5 13.125 21.5V14ZM14.375 14.3125V16.1875C14.375 16.3633 14.5117 16.5 14.6875 16.5H17.1875C17.3438 16.5 17.5 16.3633 17.5 16.1875V14.3125C17.5 14.1562 17.3438 14 17.1875 14H14.6875C14.5117 14 14.375 14.1562 14.375 14.3125Z" fill="#202831"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.125 14C13.125 13.3164 13.6719 12.75 14.375 12.75H17.5C18.1836 12.75 18.75 13.3164 18.75 14V17.75H18.9062C19.8438 17.75 20.625 18.5312 20.625 19.4688V20.0938C20.625 20.3672 20.8203 20.5625 21.0938 20.5625C21.3477 20.5625 21.5625 20.3672 21.5625 20.0938V17.0859C21.0156 16.9492 20.625 16.4609 20.625 15.875V14.625L20 14C19.8242 13.8438 19.8242 13.5508 20 13.375C20.1562 13.2188 20.4492 13.2188 20.625 13.375L22.1289 14.8984C22.3633 15.1328 22.5 15.4453 22.5 15.7773V16.0312V16.5V17.125V20.0938C22.5 20.875 21.8555 21.5 21.0938 21.5C20.3125 21.5 19.6875 20.875 19.6875 20.0938V19.4688C19.6875 19.0391 19.3359 18.6875 18.9062 18.6875H18.75V21.5C19.082 21.5 19.375 21.793 19.375 22.125C19.375 22.4766 19.082 22.75 18.75 22.75H13.125C12.7734 22.75 12.5 22.4766 12.5 22.125C12.5 21.793 12.7734 21.5 13.125 21.5V14ZM14.375 14.3125V16.1875C14.375 16.3633 14.5117 16.5 14.6875 16.5H17.1875C17.3438 16.5 17.5 16.3633 17.5 16.1875V14.3125C17.5 14.1562 17.3438 14 17.1875 14H14.6875C14.5117 14 14.375 14.1562 14.375 14.3125Z" fill="white"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.6562 13.5312C20.6562 15.0352 18.6328 17.6875 17.7578 18.7812C17.5664 19.0547 17.1562 19.0547 16.9648 18.7812C16.0898 17.6875 14.0938 15.0352 14.0938 13.5312C14.0938 11.7266 15.543 10.25 17.375 10.25C19.1797 10.25 20.6562 11.7266 20.6562 13.5312ZM20.875 15.7461C20.957 15.5547 21.0391 15.3633 21.1211 15.1719C21.1484 15.1445 21.1484 15.1172 21.1758 15.0898L24.3477 13.8047C24.7578 13.6406 25.25 13.9414 25.25 14.4062V21.8164C25.25 22.0898 25.0859 22.3359 24.8125 22.4453L20.875 24.0039V15.7461ZM13.2461 14.0508C13.3281 14.4336 13.4375 14.8164 13.6016 15.1719C13.6836 15.3633 13.7656 15.5547 13.875 15.7461V22.6094L10.375 24.0039C9.96484 24.168 9.5 23.8672 9.5 23.4023V15.9922C9.5 15.7188 9.66406 15.4727 9.91016 15.3906L13.2461 14.0508ZM18.4414 19.3281C18.8242 18.8633 19.4258 18.0977 20 17.2227V24.0586L14.75 22.5547V17.2227C15.2969 18.0977 15.8984 18.8633 16.2812 19.3281C16.8281 20.0391 17.8945 20.0391 18.4414 19.3281ZM17.375 14.4062C17.9766 14.4062 18.4688 13.9414 18.4688 13.3125C18.4688 12.7109 17.9766 12.2188 17.375 12.2188C16.7461 12.2188 16.2812 12.7109 16.2812 13.3125C16.2812 13.9414 16.7461 14.4062 17.375 14.4062Z" fill="#5CA7FF"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.6562 13.5312C20.6562 15.0352 18.6328 17.6875 17.7578 18.7812C17.5664 19.0547 17.1562 19.0547 16.9648 18.7812C16.0898 17.6875 14.0938 15.0352 14.0938 13.5312C14.0938 11.7266 15.543 10.25 17.375 10.25C19.1797 10.25 20.6562 11.7266 20.6562 13.5312ZM20.875 15.7461C20.957 15.5547 21.0391 15.3633 21.1211 15.1719C21.1484 15.1445 21.1484 15.1172 21.1758 15.0898L24.3477 13.8047C24.7578 13.6406 25.25 13.9414 25.25 14.4062V21.8164C25.25 22.0898 25.0859 22.3359 24.8125 22.4453L20.875 24.0039V15.7461ZM13.2461 14.0508C13.3281 14.4336 13.4375 14.8164 13.6016 15.1719C13.6836 15.3633 13.7656 15.5547 13.875 15.7461V22.6094L10.375 24.0039C9.96484 24.168 9.5 23.8672 9.5 23.4023V15.9922C9.5 15.7188 9.66406 15.4727 9.91016 15.3906L13.2461 14.0508ZM18.4414 19.3281C18.8242 18.8633 19.4258 18.0977 20 17.2227V24.0586L14.75 22.5547V17.2227C15.2969 18.0977 15.8984 18.8633 16.2812 19.3281C16.8281 20.0391 17.8945 20.0391 18.4414 19.3281ZM17.375 14.4062C17.9766 14.4062 18.4688 13.9414 18.4688 13.3125C18.4688 12.7109 17.9766 12.2188 17.375 12.2188C16.7461 12.2188 16.2812 12.7109 16.2812 13.3125C16.2812 13.9414 16.7461 14.4062 17.375 14.4062Z" fill="#202831"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.6562 13.5312C20.6562 15.0352 18.6328 17.6875 17.7578 18.7812C17.5664 19.0547 17.1562 19.0547 16.9648 18.7812C16.0898 17.6875 14.0938 15.0352 14.0938 13.5312C14.0938 11.7266 15.543 10.25 17.375 10.25C19.1797 10.25 20.6562 11.7266 20.6562 13.5312ZM20.875 15.7461C20.957 15.5547 21.0391 15.3633 21.1211 15.1719C21.1484 15.1445 21.1484 15.1172 21.1758 15.0898L24.3477 13.8047C24.7578 13.6406 25.25 13.9414 25.25 14.4062V21.8164C25.25 22.0898 25.0859 22.3359 24.8125 22.4453L20.875 24.0039V15.7461ZM13.2461 14.0508C13.3281 14.4336 13.4375 14.8164 13.6016 15.1719C13.6836 15.3633 13.7656 15.5547 13.875 15.7461V22.6094L10.375 24.0039C9.96484 24.168 9.5 23.8672 9.5 23.4023V15.9922C9.5 15.7188 9.66406 15.4727 9.91016 15.3906L13.2461 14.0508ZM18.4414 19.3281C18.8242 18.8633 19.4258 18.0977 20 17.2227V24.0586L14.75 22.5547V17.2227C15.2969 18.0977 15.8984 18.8633 16.2812 19.3281C16.8281 20.0391 17.8945 20.0391 18.4414 19.3281ZM17.375 14.4062C17.9766 14.4062 18.4688 13.9414 18.4688 13.3125C18.4688 12.7109 17.9766 12.2188 17.375 12.2188C16.7461 12.2188 16.2812 12.7109 16.2812 13.3125C16.2812 13.9414 16.7461 14.4062 17.375 14.4062Z" fill="white"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.1211 16C24.1172 16 25.875 16.8496 25.875 17.875C25.875 18.9297 24.1172 19.75 23.1211 19.75H19.6934L16.7637 24.9062C16.5879 25.1992 16.2656 25.375 15.9434 25.375H14.3027C13.9805 25.375 13.7461 25.082 13.834 24.7891L15.2695 19.75H12.2812L10.9922 21.4492C10.9043 21.5664 10.7871 21.625 10.6406 21.625H9.41016C9.17578 21.625 9 21.4492 9 21.2148C9 21.1855 9 21.1562 9 21.127L9.9375 17.875L9 14.6523C9 14.623 9 14.5938 9 14.5352C9 14.3301 9.17578 14.125 9.41016 14.125H10.6406C10.7871 14.125 10.9043 14.2129 10.9922 14.3301L12.2812 16H15.2695L13.834 10.9902C13.7461 10.6973 13.9805 10.375 14.3027 10.375H15.9434C16.2656 10.375 16.5879 10.5801 16.7637 10.873L19.6934 16H23.1211Z" fill="#5CA7FF"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.1211 16C24.1172 16 25.875 16.8496 25.875 17.875C25.875 18.9297 24.1172 19.75 23.1211 19.75H19.6934L16.7637 24.9062C16.5879 25.1992 16.2656 25.375 15.9434 25.375H14.3027C13.9805 25.375 13.7461 25.082 13.834 24.7891L15.2695 19.75H12.2812L10.9922 21.4492C10.9043 21.5664 10.7871 21.625 10.6406 21.625H9.41016C9.17578 21.625 9 21.4492 9 21.2148C9 21.1855 9 21.1562 9 21.127L9.9375 17.875L9 14.6523C9 14.623 9 14.5938 9 14.5352C9 14.3301 9.17578 14.125 9.41016 14.125H10.6406C10.7871 14.125 10.9043 14.2129 10.9922 14.3301L12.2812 16H15.2695L13.834 10.9902C13.7461 10.6973 13.9805 10.375 14.3027 10.375H15.9434C16.2656 10.375 16.5879 10.5801 16.7637 10.873L19.6934 16H23.1211Z" fill="#202831"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.1211 16C24.1172 16 25.875 16.8496 25.875 17.875C25.875 18.9297 24.1172 19.75 23.1211 19.75H19.6934L16.7637 24.9062C16.5879 25.1992 16.2656 25.375 15.9434 25.375H14.3027C13.9805 25.375 13.7461 25.082 13.834 24.7891L15.2695 19.75H12.2812L10.9922 21.4492C10.9043 21.5664 10.7871 21.625 10.6406 21.625H9.41016C9.17578 21.625 9 21.4492 9 21.2148C9 21.1855 9 21.1562 9 21.127L9.9375 17.875L9 14.6523C9 14.623 9 14.5938 9 14.5352C9 14.3301 9.17578 14.125 9.41016 14.125H10.6406C10.7871 14.125 10.9043 14.2129 10.9922 14.3301L12.2812 16H15.2695L13.834 10.9902C13.7461 10.6973 13.9805 10.375 14.3027 10.375H15.9434C16.2656 10.375 16.5879 10.5801 16.7637 10.873L19.6934 16H23.1211Z" fill="white"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.0234 14.3594C17.2285 14.1543 17.3164 13.8906 17.1992 13.627C17.1406 13.4512 17.0527 13.3047 16.9941 13.1582L16.9062 13.0117C16.8184 12.8652 16.7012 12.7188 16.6133 12.5723C16.4375 12.3672 16.1445 12.2793 15.8809 12.3672L15.0605 12.6309C14.7383 12.3965 14.3867 12.1621 14.0059 12.0449L13.8301 11.1953C13.7715 10.9023 13.5371 10.6973 13.2734 10.668C13.0684 10.6387 12.8633 10.6094 12.6875 10.6094C12.4824 10.6094 12.2773 10.6387 12.0723 10.668C11.8086 10.6973 11.6035 10.9023 11.5449 11.166L11.3691 12.0449C10.959 12.1914 10.6074 12.3965 10.2852 12.6309L9.46484 12.3672C9.20117 12.2793 8.9082 12.3672 8.73242 12.5723C8.64453 12.7188 8.55664 12.8652 8.43945 13.0117L8.35156 13.1582C8.29297 13.3047 8.20508 13.4512 8.14648 13.627C8.0293 13.8906 8.11719 14.1543 8.32227 14.3594L8.9668 14.9453C8.9375 15.1211 8.9375 15.3262 8.9375 15.5312C8.9375 15.7656 8.9375 15.9707 8.9668 16.1465L8.32227 16.7324C8.11719 16.9082 8.0293 17.2012 8.14648 17.4648C8.20508 17.6113 8.29297 17.7871 8.35156 17.9336L8.43945 18.0801C8.52734 18.2266 8.64453 18.373 8.73242 18.5195C8.9082 18.7246 9.20117 18.8125 9.46484 18.7246L10.2852 18.4316C10.6074 18.6953 10.959 18.9004 11.3398 19.0469L11.5449 19.8965C11.5742 20.1895 11.8086 20.3945 12.0723 20.4238C12.2773 20.4531 12.4824 20.4531 12.6582 20.4531C12.8633 20.4531 13.0684 20.4531 13.2734 20.4238C13.5371 20.3945 13.7422 20.1895 13.8008 19.8965L13.9766 19.0469C14.3867 18.9004 14.7383 18.6953 15.0605 18.4316L15.8809 18.7246C16.1445 18.8125 16.4375 18.7246 16.6133 18.5195C16.7012 18.373 16.7891 18.2266 16.877 18.0801L16.9648 17.9336C17.0527 17.7871 17.1406 17.6113 17.1992 17.4648C17.3164 17.2012 17.2285 16.9082 17.0234 16.7324L16.3789 16.1465C16.4082 15.9414 16.4082 15.7363 16.4082 15.5312C16.4082 15.3262 16.4082 15.1211 16.3789 14.916L17.0234 14.3594ZM14.0938 15.5312C14.0938 16.3223 13.4492 16.9375 12.6875 16.9375C11.8965 16.9375 11.2812 16.3223 11.2812 15.5312C11.2812 14.7695 11.8965 14.125 12.6875 14.125C13.4492 14.125 14.0938 14.7695 14.0938 15.5312ZM22.7656 25.0527C22.9707 25.2578 23.2344 25.3457 23.498 25.2285C23.6738 25.1699 23.8203 25.082 23.9668 25.0234L24.1133 24.9062C24.2598 24.8184 24.4062 24.7305 24.5527 24.6426C24.7578 24.4668 24.8457 24.1738 24.7578 23.9102L24.4941 23.0898C24.7285 22.7676 24.9629 22.416 25.0801 22.0352L25.959 21.8301C26.2227 21.8008 26.4277 21.5664 26.457 21.3027C26.4863 21.0977 26.5156 20.8926 26.5156 20.7168C26.5156 20.5117 26.4863 20.3066 26.457 20.1016C26.4277 19.8379 26.2227 19.6328 25.959 19.5742L25.0801 19.3691C24.9336 18.9883 24.7285 18.6367 24.4941 18.3145L24.7578 17.4941C24.8457 17.2305 24.7578 16.9375 24.5527 16.7617C24.4062 16.6738 24.2598 16.5859 24.1133 16.4688L23.9668 16.3809C23.8203 16.3223 23.6738 16.2344 23.498 16.1758C23.2637 16.0586 22.9707 16.1465 22.7656 16.3516L22.1797 16.9961C22.0039 16.9668 21.7988 16.9668 21.5938 16.9668C21.3594 16.9668 21.1543 16.9668 20.9785 16.9961L20.3926 16.3516C20.2168 16.1465 19.9238 16.0586 19.6602 16.1758C19.5137 16.2344 19.3379 16.3223 19.1914 16.3809L19.0449 16.4688C18.8984 16.5566 18.752 16.6738 18.6055 16.7617C18.4004 16.9375 18.3125 17.2305 18.4004 17.4941L18.6934 18.3145C18.4297 18.6367 18.2246 18.9883 18.0781 19.3691L17.2285 19.5449C16.9355 19.6035 16.7305 19.8379 16.7012 20.1016C16.6719 20.3066 16.6719 20.4824 16.6719 20.6875C16.6719 20.8926 16.6719 21.0977 16.7012 21.3027C16.7305 21.5664 16.9355 21.7715 17.2285 21.8301L18.0781 22.0059C18.2246 22.416 18.4297 22.7676 18.6934 23.0898L18.4004 23.9102C18.3125 24.1738 18.4004 24.4668 18.6055 24.6133C18.752 24.7305 18.8984 24.8184 19.0449 24.9062L19.1914 24.9941C19.3379 25.082 19.5137 25.1699 19.6602 25.2285C19.9238 25.3457 20.2168 25.2578 20.3926 25.0527L20.9785 24.4082C21.1836 24.4375 21.3887 24.4375 21.5938 24.4375C21.7988 24.4375 22.0039 24.4375 22.209 24.4082L22.7656 25.0527ZM21.5938 22.0938C20.8027 22.0938 20.1875 21.4785 20.1875 20.6875C20.1875 19.9258 20.8027 19.2812 21.5938 19.2812C22.3555 19.2812 23 19.9258 23 20.6875C23 21.4785 22.3555 22.0938 21.5938 22.0938Z" fill="#5CA7FF"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.0234 14.3594C17.2285 14.1543 17.3164 13.8906 17.1992 13.627C17.1406 13.4512 17.0527 13.3047 16.9941 13.1582L16.9062 13.0117C16.8184 12.8652 16.7012 12.7188 16.6133 12.5723C16.4375 12.3672 16.1445 12.2793 15.8809 12.3672L15.0605 12.6309C14.7383 12.3965 14.3867 12.1621 14.0059 12.0449L13.8301 11.1953C13.7715 10.9023 13.5371 10.6973 13.2734 10.668C13.0684 10.6387 12.8633 10.6094 12.6875 10.6094C12.4824 10.6094 12.2773 10.6387 12.0723 10.668C11.8086 10.6973 11.6035 10.9023 11.5449 11.166L11.3691 12.0449C10.959 12.1914 10.6074 12.3965 10.2852 12.6309L9.46484 12.3672C9.20117 12.2793 8.9082 12.3672 8.73242 12.5723C8.64453 12.7188 8.55664 12.8652 8.43945 13.0117L8.35156 13.1582C8.29297 13.3047 8.20508 13.4512 8.14648 13.627C8.0293 13.8906 8.11719 14.1543 8.32227 14.3594L8.9668 14.9453C8.9375 15.1211 8.9375 15.3262 8.9375 15.5312C8.9375 15.7656 8.9375 15.9707 8.9668 16.1465L8.32227 16.7324C8.11719 16.9082 8.0293 17.2012 8.14648 17.4648C8.20508 17.6113 8.29297 17.7871 8.35156 17.9336L8.43945 18.0801C8.52734 18.2266 8.64453 18.373 8.73242 18.5195C8.9082 18.7246 9.20117 18.8125 9.46484 18.7246L10.2852 18.4316C10.6074 18.6953 10.959 18.9004 11.3398 19.0469L11.5449 19.8965C11.5742 20.1895 11.8086 20.3945 12.0723 20.4238C12.2773 20.4531 12.4824 20.4531 12.6582 20.4531C12.8633 20.4531 13.0684 20.4531 13.2734 20.4238C13.5371 20.3945 13.7422 20.1895 13.8008 19.8965L13.9766 19.0469C14.3867 18.9004 14.7383 18.6953 15.0605 18.4316L15.8809 18.7246C16.1445 18.8125 16.4375 18.7246 16.6133 18.5195C16.7012 18.373 16.7891 18.2266 16.877 18.0801L16.9648 17.9336C17.0527 17.7871 17.1406 17.6113 17.1992 17.4648C17.3164 17.2012 17.2285 16.9082 17.0234 16.7324L16.3789 16.1465C16.4082 15.9414 16.4082 15.7363 16.4082 15.5312C16.4082 15.3262 16.4082 15.1211 16.3789 14.916L17.0234 14.3594ZM14.0938 15.5312C14.0938 16.3223 13.4492 16.9375 12.6875 16.9375C11.8965 16.9375 11.2812 16.3223 11.2812 15.5312C11.2812 14.7695 11.8965 14.125 12.6875 14.125C13.4492 14.125 14.0938 14.7695 14.0938 15.5312ZM22.7656 25.0527C22.9707 25.2578 23.2344 25.3457 23.498 25.2285C23.6738 25.1699 23.8203 25.082 23.9668 25.0234L24.1133 24.9062C24.2598 24.8184 24.4062 24.7305 24.5527 24.6426C24.7578 24.4668 24.8457 24.1738 24.7578 23.9102L24.4941 23.0898C24.7285 22.7676 24.9629 22.416 25.0801 22.0352L25.959 21.8301C26.2227 21.8008 26.4277 21.5664 26.457 21.3027C26.4863 21.0977 26.5156 20.8926 26.5156 20.7168C26.5156 20.5117 26.4863 20.3066 26.457 20.1016C26.4277 19.8379 26.2227 19.6328 25.959 19.5742L25.0801 19.3691C24.9336 18.9883 24.7285 18.6367 24.4941 18.3145L24.7578 17.4941C24.8457 17.2305 24.7578 16.9375 24.5527 16.7617C24.4062 16.6738 24.2598 16.5859 24.1133 16.4688L23.9668 16.3809C23.8203 16.3223 23.6738 16.2344 23.498 16.1758C23.2637 16.0586 22.9707 16.1465 22.7656 16.3516L22.1797 16.9961C22.0039 16.9668 21.7988 16.9668 21.5938 16.9668C21.3594 16.9668 21.1543 16.9668 20.9785 16.9961L20.3926 16.3516C20.2168 16.1465 19.9238 16.0586 19.6602 16.1758C19.5137 16.2344 19.3379 16.3223 19.1914 16.3809L19.0449 16.4688C18.8984 16.5566 18.752 16.6738 18.6055 16.7617C18.4004 16.9375 18.3125 17.2305 18.4004 17.4941L18.6934 18.3145C18.4297 18.6367 18.2246 18.9883 18.0781 19.3691L17.2285 19.5449C16.9355 19.6035 16.7305 19.8379 16.7012 20.1016C16.6719 20.3066 16.6719 20.4824 16.6719 20.6875C16.6719 20.8926 16.6719 21.0977 16.7012 21.3027C16.7305 21.5664 16.9355 21.7715 17.2285 21.8301L18.0781 22.0059C18.2246 22.416 18.4297 22.7676 18.6934 23.0898L18.4004 23.9102C18.3125 24.1738 18.4004 24.4668 18.6055 24.6133C18.752 24.7305 18.8984 24.8184 19.0449 24.9062L19.1914 24.9941C19.3379 25.082 19.5137 25.1699 19.6602 25.2285C19.9238 25.3457 20.2168 25.2578 20.3926 25.0527L20.9785 24.4082C21.1836 24.4375 21.3887 24.4375 21.5938 24.4375C21.7988 24.4375 22.0039 24.4375 22.209 24.4082L22.7656 25.0527ZM21.5938 22.0938C20.8027 22.0938 20.1875 21.4785 20.1875 20.6875C20.1875 19.9258 20.8027 19.2812 21.5938 19.2812C22.3555 19.2812 23 19.9258 23 20.6875C23 21.4785 22.3555 22.0938 21.5938 22.0938Z" fill="#202831"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.0234 14.3594C17.2285 14.1543 17.3164 13.8906 17.1992 13.627C17.1406 13.4512 17.0527 13.3047 16.9941 13.1582L16.9062 13.0117C16.8184 12.8652 16.7012 12.7188 16.6133 12.5723C16.4375 12.3672 16.1445 12.2793 15.8809 12.3672L15.0605 12.6309C14.7383 12.3965 14.3867 12.1621 14.0059 12.0449L13.8301 11.1953C13.7715 10.9023 13.5371 10.6973 13.2734 10.668C13.0684 10.6387 12.8633 10.6094 12.6875 10.6094C12.4824 10.6094 12.2773 10.6387 12.0723 10.668C11.8086 10.6973 11.6035 10.9023 11.5449 11.166L11.3691 12.0449C10.959 12.1914 10.6074 12.3965 10.2852 12.6309L9.46484 12.3672C9.20117 12.2793 8.9082 12.3672 8.73242 12.5723C8.64453 12.7188 8.55664 12.8652 8.43945 13.0117L8.35156 13.1582C8.29297 13.3047 8.20508 13.4512 8.14648 13.627C8.0293 13.8906 8.11719 14.1543 8.32227 14.3594L8.9668 14.9453C8.9375 15.1211 8.9375 15.3262 8.9375 15.5312C8.9375 15.7656 8.9375 15.9707 8.9668 16.1465L8.32227 16.7324C8.11719 16.9082 8.0293 17.2012 8.14648 17.4648C8.20508 17.6113 8.29297 17.7871 8.35156 17.9336L8.43945 18.0801C8.52734 18.2266 8.64453 18.373 8.73242 18.5195C8.9082 18.7246 9.20117 18.8125 9.46484 18.7246L10.2852 18.4316C10.6074 18.6953 10.959 18.9004 11.3398 19.0469L11.5449 19.8965C11.5742 20.1895 11.8086 20.3945 12.0723 20.4238C12.2773 20.4531 12.4824 20.4531 12.6582 20.4531C12.8633 20.4531 13.0684 20.4531 13.2734 20.4238C13.5371 20.3945 13.7422 20.1895 13.8008 19.8965L13.9766 19.0469C14.3867 18.9004 14.7383 18.6953 15.0605 18.4316L15.8809 18.7246C16.1445 18.8125 16.4375 18.7246 16.6133 18.5195C16.7012 18.373 16.7891 18.2266 16.877 18.0801L16.9648 17.9336C17.0527 17.7871 17.1406 17.6113 17.1992 17.4648C17.3164 17.2012 17.2285 16.9082 17.0234 16.7324L16.3789 16.1465C16.4082 15.9414 16.4082 15.7363 16.4082 15.5312C16.4082 15.3262 16.4082 15.1211 16.3789 14.916L17.0234 14.3594ZM14.0938 15.5312C14.0938 16.3223 13.4492 16.9375 12.6875 16.9375C11.8965 16.9375 11.2812 16.3223 11.2812 15.5312C11.2812 14.7695 11.8965 14.125 12.6875 14.125C13.4492 14.125 14.0938 14.7695 14.0938 15.5312ZM22.7656 25.0527C22.9707 25.2578 23.2344 25.3457 23.498 25.2285C23.6738 25.1699 23.8203 25.082 23.9668 25.0234L24.1133 24.9062C24.2598 24.8184 24.4062 24.7305 24.5527 24.6426C24.7578 24.4668 24.8457 24.1738 24.7578 23.9102L24.4941 23.0898C24.7285 22.7676 24.9629 22.416 25.0801 22.0352L25.959 21.8301C26.2227 21.8008 26.4277 21.5664 26.457 21.3027C26.4863 21.0977 26.5156 20.8926 26.5156 20.7168C26.5156 20.5117 26.4863 20.3066 26.457 20.1016C26.4277 19.8379 26.2227 19.6328 25.959 19.5742L25.0801 19.3691C24.9336 18.9883 24.7285 18.6367 24.4941 18.3145L24.7578 17.4941C24.8457 17.2305 24.7578 16.9375 24.5527 16.7617C24.4062 16.6738 24.2598 16.5859 24.1133 16.4688L23.9668 16.3809C23.8203 16.3223 23.6738 16.2344 23.498 16.1758C23.2637 16.0586 22.9707 16.1465 22.7656 16.3516L22.1797 16.9961C22.0039 16.9668 21.7988 16.9668 21.5938 16.9668C21.3594 16.9668 21.1543 16.9668 20.9785 16.9961L20.3926 16.3516C20.2168 16.1465 19.9238 16.0586 19.6602 16.1758C19.5137 16.2344 19.3379 16.3223 19.1914 16.3809L19.0449 16.4688C18.8984 16.5566 18.752 16.6738 18.6055 16.7617C18.4004 16.9375 18.3125 17.2305 18.4004 17.4941L18.6934 18.3145C18.4297 18.6367 18.2246 18.9883 18.0781 19.3691L17.2285 19.5449C16.9355 19.6035 16.7305 19.8379 16.7012 20.1016C16.6719 20.3066 16.6719 20.4824 16.6719 20.6875C16.6719 20.8926 16.6719 21.0977 16.7012 21.3027C16.7305 21.5664 16.9355 21.7715 17.2285 21.8301L18.0781 22.0059C18.2246 22.416 18.4297 22.7676 18.6934 23.0898L18.4004 23.9102C18.3125 24.1738 18.4004 24.4668 18.6055 24.6133C18.752 24.7305 18.8984 24.8184 19.0449 24.9062L19.1914 24.9941C19.3379 25.082 19.5137 25.1699 19.6602 25.2285C19.9238 25.3457 20.2168 25.2578 20.3926 25.0527L20.9785 24.4082C21.1836 24.4375 21.3887 24.4375 21.5938 24.4375C21.7988 24.4375 22.0039 24.4375 22.209 24.4082L22.7656 25.0527ZM21.5938 22.0938C20.8027 22.0938 20.1875 21.4785 20.1875 20.6875C20.1875 19.9258 20.8027 19.2812 21.5938 19.2812C22.3555 19.2812 23 19.9258 23 20.6875C23 21.4785 22.3555 22.0938 21.5938 22.0938Z" fill="white"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.3125 11.4375C15.2559 11.4375 13.6055 12.377 12.4121 13.4941C11.2188 14.5859 10.4316 15.9062 10.0508 16.8203C9.97461 17.0234 9.97461 17.252 10.0508 17.4551C10.4316 18.3438 11.2188 19.6641 12.4121 20.7812C13.6055 21.8984 15.2559 22.8125 17.3125 22.8125C19.3438 22.8125 20.9941 21.8984 22.1875 20.7812C23.3809 19.6641 24.168 18.3438 24.5488 17.4551C24.625 17.252 24.625 17.0234 24.5488 16.8203C24.168 15.9062 23.3809 14.5859 22.1875 13.4941C20.9941 12.377 19.3438 11.4375 17.3125 11.4375ZM20.9688 17.125C20.9688 19.1562 19.3184 20.7812 17.3125 20.7812C15.2812 20.7812 13.6562 19.1562 13.6562 17.125C13.6562 15.1191 15.2812 13.4688 17.3125 13.4688C19.3184 13.4688 20.9688 15.1191 20.9688 17.125ZM17.3125 15.5C17.3125 16.4141 16.5762 17.125 15.6875 17.125C15.3828 17.125 15.1035 17.0488 14.875 16.9219C14.875 16.998 14.875 17.0742 14.875 17.125C14.875 18.4707 15.9668 19.5625 17.3125 19.5625C18.6582 19.5625 19.75 18.4707 19.75 17.125C19.75 15.7793 18.6582 14.6875 17.3125 14.6875C17.2363 14.6875 17.1602 14.7129 17.084 14.7129C17.2109 14.9414 17.3125 15.2207 17.3125 15.5Z" fill="#5CA7FF"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.3125 11.4375C15.2559 11.4375 13.6055 12.377 12.4121 13.4941C11.2188 14.5859 10.4316 15.9062 10.0508 16.8203C9.97461 17.0234 9.97461 17.252 10.0508 17.4551C10.4316 18.3438 11.2188 19.6641 12.4121 20.7812C13.6055 21.8984 15.2559 22.8125 17.3125 22.8125C19.3438 22.8125 20.9941 21.8984 22.1875 20.7812C23.3809 19.6641 24.168 18.3438 24.5488 17.4551C24.625 17.252 24.625 17.0234 24.5488 16.8203C24.168 15.9062 23.3809 14.5859 22.1875 13.4941C20.9941 12.377 19.3438 11.4375 17.3125 11.4375ZM20.9688 17.125C20.9688 19.1562 19.3184 20.7812 17.3125 20.7812C15.2812 20.7812 13.6562 19.1562 13.6562 17.125C13.6562 15.1191 15.2812 13.4688 17.3125 13.4688C19.3184 13.4688 20.9688 15.1191 20.9688 17.125ZM17.3125 15.5C17.3125 16.4141 16.5762 17.125 15.6875 17.125C15.3828 17.125 15.1035 17.0488 14.875 16.9219C14.875 16.998 14.875 17.0742 14.875 17.125C14.875 18.4707 15.9668 19.5625 17.3125 19.5625C18.6582 19.5625 19.75 18.4707 19.75 17.125C19.75 15.7793 18.6582 14.6875 17.3125 14.6875C17.2363 14.6875 17.1602 14.7129 17.084 14.7129C17.2109 14.9414 17.3125 15.2207 17.3125 15.5Z" fill="#202831"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.3125 11.4375C15.2559 11.4375 13.6055 12.377 12.4121 13.4941C11.2188 14.5859 10.4316 15.9062 10.0508 16.8203C9.97461 17.0234 9.97461 17.252 10.0508 17.4551C10.4316 18.3438 11.2188 19.6641 12.4121 20.7812C13.6055 21.8984 15.2559 22.8125 17.3125 22.8125C19.3438 22.8125 20.9941 21.8984 22.1875 20.7812C23.3809 19.6641 24.168 18.3438 24.5488 17.4551C24.625 17.252 24.625 17.0234 24.5488 16.8203C24.168 15.9062 23.3809 14.5859 22.1875 13.4941C20.9941 12.377 19.3438 11.4375 17.3125 11.4375ZM20.9688 17.125C20.9688 19.1562 19.3184 20.7812 17.3125 20.7812C15.2812 20.7812 13.6562 19.1562 13.6562 17.125C13.6562 15.1191 15.2812 13.4688 17.3125 13.4688C19.3184 13.4688 20.9688 15.1191 20.9688 17.125ZM17.3125 15.5C17.3125 16.4141 16.5762 17.125 15.6875 17.125C15.3828 17.125 15.1035 17.0488 14.875 16.9219C14.875 16.998 14.875 17.0742 14.875 17.125C14.875 18.4707 15.9668 19.5625 17.3125 19.5625C18.6582 19.5625 19.75 18.4707 19.75 17.125C19.75 15.7793 18.6582 14.6875 17.3125 14.6875C17.2363 14.6875 17.1602 14.7129 17.084 14.7129C17.2109 14.9414 17.3125 15.2207 17.3125 15.5Z" fill="white"/>
+</svg>

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

@@ -0,0 +1,10 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_536_3452)">
+<path d="M18.2465 21.8155C18.2868 21.4033 17.9852 21.0364 17.5729 20.9962C17.4743 20.9866 17.3683 20.9621 17.257 20.9252L22.8034 15.3787C22.8858 15.2964 22.9478 15.196 22.9846 15.0856L24.0453 11.9036C24.2407 11.3173 23.6829 10.7595 23.0966 10.9549L19.9146 12.0156C19.8042 12.0524 19.7038 12.1144 19.6215 12.1968L14.0656 17.7526C14.0323 17.6468 14.0117 17.5467 14.006 17.4545C13.9809 17.041 13.6253 16.7263 13.2119 16.7514C12.7984 16.7766 12.4837 17.1321 12.5088 17.5456C12.5429 18.1052 12.8217 18.753 13.2473 19.3918C13.2522 19.3997 13.2566 19.4078 13.2619 19.4156C13.3201 19.5018 13.3817 19.5879 13.445 19.6736C13.4497 19.68 13.4542 19.6863 13.4589 19.6926C13.4791 19.7198 13.4995 19.7469 13.5202 19.774C13.5383 19.7979 13.5568 19.8217 13.5753 19.8454C13.5987 19.8754 13.6223 19.9054 13.6463 19.9353C13.6679 19.9623 13.6897 19.9892 13.7118 20.016C13.7274 20.035 13.7429 20.0539 13.7587 20.0728C13.7751 20.0923 13.7917 20.1118 13.8082 20.1312L11.6664 22.273C11.3735 21.9802 10.8987 21.9802 10.6058 22.273C10.3129 22.5659 10.3129 23.0407 10.6058 23.3336L11.6665 24.3943C11.9594 24.6872 12.4342 24.6872 12.7271 24.3943C13.02 24.1014 13.02 23.6266 12.7271 23.3337L14.8721 21.1887C15.7157 21.8987 16.6489 22.4131 17.4272 22.4891C17.8395 22.5293 18.2063 22.2278 18.2465 21.8155ZM14.8728 19.0668L20.5569 13.3826L22.1479 12.8523L21.6176 14.4433L15.9381 20.1228C15.7916 20.0043 15.6474 19.878 15.5079 19.746C15.4986 19.7373 15.4895 19.7284 15.4803 19.7196C15.4451 19.6861 15.4103 19.6521 15.3758 19.6179C15.3639 19.6061 15.3521 19.5942 15.3402 19.5823C15.1733 19.4142 15.0169 19.2419 14.8728 19.0668Z" fill="#202831"/>
+</g>
+<defs>
+<clipPath id="clip0_536_3452">
+<rect width="10" height="18" fill="white" transform="translate(20.3286 7.60059) rotate(45)"/>
+</clipPath>
+</defs>
+</svg>

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

@@ -0,0 +1,10 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_536_3453)">
+<path d="M18.2465 21.8155C18.2868 21.4033 17.9852 21.0364 17.5729 20.9962C17.4743 20.9866 17.3683 20.9621 17.257 20.9252L22.8034 15.3787C22.8858 15.2964 22.9478 15.196 22.9846 15.0856L24.0453 11.9036C24.2407 11.3173 23.6829 10.7595 23.0966 10.9549L19.9146 12.0156C19.8042 12.0524 19.7038 12.1144 19.6215 12.1968L14.0656 17.7526C14.0323 17.6468 14.0117 17.5467 14.006 17.4545C13.9809 17.041 13.6253 16.7263 13.2119 16.7514C12.7984 16.7766 12.4837 17.1321 12.5088 17.5456C12.5429 18.1052 12.8217 18.753 13.2473 19.3918C13.2522 19.3997 13.2566 19.4078 13.2619 19.4156C13.3201 19.5018 13.3817 19.5879 13.445 19.6736C13.4497 19.68 13.4542 19.6863 13.4589 19.6926C13.4791 19.7198 13.4995 19.7469 13.5202 19.774C13.5383 19.7979 13.5568 19.8217 13.5753 19.8454C13.5987 19.8754 13.6223 19.9054 13.6463 19.9353C13.6679 19.9623 13.6897 19.9892 13.7118 20.016C13.7274 20.035 13.7429 20.0539 13.7587 20.0728C13.7751 20.0923 13.7917 20.1118 13.8082 20.1312L11.6664 22.273C11.3735 21.9802 10.8987 21.9802 10.6058 22.273C10.3129 22.5659 10.3129 23.0407 10.6058 23.3336L11.6665 24.3943C11.9594 24.6872 12.4342 24.6872 12.7271 24.3943C13.02 24.1014 13.02 23.6266 12.7271 23.3337L14.8721 21.1887C15.7157 21.8987 16.6489 22.4131 17.4272 22.4891C17.8395 22.5293 18.2063 22.2278 18.2465 21.8155ZM14.8728 19.0668L20.5569 13.3826L22.1479 12.8523L21.6176 14.4433L15.9381 20.1228C15.7916 20.0043 15.6474 19.878 15.5079 19.746C15.4986 19.7373 15.4895 19.7284 15.4803 19.7196C15.4451 19.6861 15.4103 19.6521 15.3758 19.6179C15.3639 19.6061 15.3521 19.5942 15.3402 19.5823C15.1733 19.4142 15.0169 19.2419 14.8728 19.0668Z" fill="#5CA7FF"/>
+</g>
+<defs>
+<clipPath id="clip0_536_3453">
+<rect width="10" height="18" fill="white" transform="translate(20.3286 7.60059) rotate(45)"/>
+</clipPath>
+</defs>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5 10.375C17.6172 10.375 17.7637 10.4043 17.8809 10.4629L23.3887 12.8066C24.0332 13.0996 24.5312 13.7148 24.5312 14.4766C24.502 17.4062 23.3008 22.709 18.2617 25.1406C17.7637 25.375 17.207 25.375 16.709 25.1406C11.6699 22.709 10.4688 17.4062 10.4688 14.4766C10.4395 13.7148 10.9375 13.0996 11.582 12.8066L17.0898 10.4629C17.207 10.4043 17.3535 10.375 17.5 10.375ZM17.5 12.3379V23.4121C21.543 21.4492 22.627 17.1426 22.6562 14.5352L17.5 12.3379Z" fill="#202831"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5 10.375C17.6172 10.375 17.7637 10.4043 17.8809 10.4629L23.3887 12.8066C24.0332 13.0996 24.5312 13.7148 24.5312 14.4766C24.502 17.4062 23.3008 22.709 18.2617 25.1406C17.7637 25.375 17.207 25.375 16.709 25.1406C11.6699 22.709 10.4688 17.4062 10.4688 14.4766C10.4395 13.7148 10.9375 13.0996 11.582 12.8066L17.0898 10.4629C17.207 10.4043 17.3535 10.375 17.5 10.375ZM17.5 12.3379V23.4121C21.543 21.4492 22.627 17.1426 22.6562 14.5352L17.5 12.3379Z" fill="#5CA7FF"/>
+</svg>

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

@@ -1,3 +1,3 @@
-<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.4375 3.68799C9.4375 3.18994 8.99805 2.75049 8.5 2.75049C7.97266 2.75049 7.5625 3.18994 7.5625 3.68799V9.78174C7.5625 10.0454 7.32812 10.2505 7.09375 10.2505C6.83008 10.2505 6.625 10.0454 6.625 9.78174V4.62549C6.625 4.12744 6.18555 3.68799 5.6875 3.68799C5.16016 3.68799 4.75 4.12744 4.75 4.62549V12.5942C4.75 12.6528 4.75 12.7114 4.75 12.7407L2.96289 11.0415C2.49414 10.6021 1.76172 10.6313 1.32227 11.1001C0.853516 11.5688 0.882812 12.3013 1.35156 12.7407L4.63281 15.8755C5.89258 17.106 7.5918 17.7505 9.32031 17.7505H9.90625C12.748 17.7505 15.0625 15.4653 15.0625 12.5942V6.50049C15.0625 6.00244 14.623 5.56299 14.125 5.56299C13.5977 5.56299 13.1875 6.00244 13.1875 6.50049V9.78174C13.1875 10.0454 12.9531 10.2505 12.7188 10.2505C12.4551 10.2505 12.25 10.0454 12.25 9.78174V4.62549C12.25 4.12744 11.8105 3.68799 11.3125 3.68799C10.7852 3.68799 10.375 4.12744 10.375 4.62549V9.78174C10.375 10.0454 10.1406 10.2505 9.90625 10.2505C9.64258 10.2505 9.4375 10.0454 9.4375 9.78174V3.68799Z" fill="#202831"/>
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.582 14.7988C21.9629 14.4473 21.9629 13.832 21.582 13.4805C21.2305 13.0996 20.6152 13.0996 20.2637 13.4805L17.1875 16.5566L14.082 13.4805C13.7305 13.0996 13.1152 13.0996 12.7637 13.4805C12.3828 13.832 12.3828 14.4473 12.7637 14.7988L15.8398 17.875L12.7637 20.9805C12.3828 21.332 12.3828 21.9473 12.7637 22.2988C13.1152 22.6797 13.7305 22.6797 14.082 22.2988L17.1875 19.2227L20.2637 22.2988C20.6152 22.6797 21.2305 22.6797 21.582 22.2988C21.9629 21.9473 21.9629 21.332 21.582 20.9805L18.5059 17.875L21.582 14.7988Z" fill="#202831"/>
 </svg>

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

@@ -1,3 +1,3 @@
-<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.4375 3.68799C9.4375 3.18994 8.99805 2.75049 8.5 2.75049C7.97266 2.75049 7.5625 3.18994 7.5625 3.68799V9.78174C7.5625 10.0454 7.32812 10.2505 7.09375 10.2505C6.83008 10.2505 6.625 10.0454 6.625 9.78174V4.62549C6.625 4.12744 6.18555 3.68799 5.6875 3.68799C5.16016 3.68799 4.75 4.12744 4.75 4.62549V12.5942C4.75 12.6528 4.75 12.7114 4.75 12.7407L2.96289 11.0415C2.49414 10.6021 1.76172 10.6313 1.32227 11.1001C0.853516 11.5688 0.882812 12.3013 1.35156 12.7407L4.63281 15.8755C5.89258 17.106 7.5918 17.7505 9.32031 17.7505H9.90625C12.748 17.7505 15.0625 15.4653 15.0625 12.5942V6.50049C15.0625 6.00244 14.623 5.56299 14.125 5.56299C13.5977 5.56299 13.1875 6.00244 13.1875 6.50049V9.78174C13.1875 10.0454 12.9531 10.2505 12.7188 10.2505C12.4551 10.2505 12.25 10.0454 12.25 9.78174V4.62549C12.25 4.12744 11.8105 3.68799 11.3125 3.68799C10.7852 3.68799 10.375 4.12744 10.375 4.62549V9.78174C10.375 10.0454 10.1406 10.2505 9.90625 10.2505C9.64258 10.2505 9.4375 10.0454 9.4375 9.78174V3.68799Z" fill="#5CA7FF"/>
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.582 14.7988C21.9629 14.4473 21.9629 13.832 21.582 13.4805C21.2305 13.0996 20.6152 13.0996 20.2637 13.4805L17.1875 16.5566L14.082 13.4805C13.7305 13.0996 13.1152 13.0996 12.7637 13.4805C12.3828 13.832 12.3828 14.4473 12.7637 14.7988L15.8398 17.875L12.7637 20.9805C12.3828 21.332 12.3828 21.9473 12.7637 22.2988C13.1152 22.6797 13.7305 22.6797 14.082 22.2988L17.1875 19.2227L20.2637 22.2988C20.6152 22.6797 21.2305 22.6797 21.582 22.2988C21.9629 21.9473 21.9629 21.332 21.582 20.9805L18.5059 17.875L21.582 14.7988Z" fill="#5CA7FF"/>
 </svg>

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

@@ -1,3 +1,3 @@
-<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.5 2.75049C7.99805 2.75049 8.4375 3.18994 8.4375 3.68799V4.01025C11.1621 4.42041 13.3301 6.58838 13.7402 9.31299H14.0625C14.5605 9.31299 15 9.75244 15 10.2505C15 10.7778 14.5605 11.188 14.0625 11.188H13.7402C13.3301 13.9419 11.1621 16.1099 8.4375 16.52V16.813C8.4375 17.3403 7.99805 17.7505 7.5 17.7505C6.97266 17.7505 6.5625 17.3403 6.5625 16.813V16.52C3.80859 16.1099 1.64062 13.9419 1.23047 11.188H0.9375C0.410156 11.188 0 10.7778 0 10.2505C0 9.75244 0.410156 9.31299 0.9375 9.31299H1.23047C1.64062 6.58838 3.80859 4.42041 6.5625 4.01025V3.68799C6.5625 3.18994 6.97266 2.75049 7.5 2.75049ZM3.13477 11.188C3.48633 12.9165 4.83398 14.2642 6.5625 14.6157V14.0005C6.5625 13.5024 6.97266 13.063 7.5 13.063C7.99805 13.063 8.4375 13.5024 8.4375 14.0005V14.6157C10.1367 14.2642 11.4844 12.9165 11.8359 11.188H11.25C10.7227 11.188 10.3125 10.7778 10.3125 10.2505C10.3125 9.75244 10.7227 9.31299 11.25 9.31299H11.8359C11.4844 7.61377 10.1367 6.26611 8.4375 5.91455V6.50049C8.4375 7.02783 7.99805 7.43799 7.5 7.43799C6.97266 7.43799 6.5625 7.02783 6.5625 6.50049V5.91455C4.83398 6.26611 3.48633 7.61377 3.13477 9.31299H3.75C4.24805 9.31299 4.6875 9.75244 4.6875 10.2505C4.6875 10.7778 4.24805 11.188 3.75 11.188H3.13477ZM7.5 11.188C6.97266 11.188 6.5625 10.7778 6.5625 10.2505C6.5625 9.75244 6.97266 9.31299 7.5 9.31299C7.99805 9.31299 8.4375 9.75244 8.4375 10.2505C8.4375 10.7778 7.99805 11.188 7.5 11.188Z" fill="#202831"/>
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5 10.375C17.998 10.375 18.4375 10.8145 18.4375 11.3125V11.6348C21.1621 12.0449 23.3301 14.2129 23.7402 16.9375H24.0625C24.5605 16.9375 25 17.377 25 17.875C25 18.4023 24.5605 18.8125 24.0625 18.8125H23.7402C23.3301 21.5664 21.1621 23.7344 18.4375 24.1445V24.4375C18.4375 24.9648 17.998 25.375 17.5 25.375C16.9727 25.375 16.5625 24.9648 16.5625 24.4375V24.1445C13.8086 23.7344 11.6406 21.5664 11.2305 18.8125H10.9375C10.4102 18.8125 10 18.4023 10 17.875C10 17.377 10.4102 16.9375 10.9375 16.9375H11.2305C11.6406 14.2129 13.8086 12.0449 16.5625 11.6348V11.3125C16.5625 10.8145 16.9727 10.375 17.5 10.375ZM13.1348 18.8125C13.4863 20.541 14.834 21.8887 16.5625 22.2402V21.625C16.5625 21.127 16.9727 20.6875 17.5 20.6875C17.998 20.6875 18.4375 21.127 18.4375 21.625V22.2402C20.1367 21.8887 21.4844 20.541 21.8359 18.8125H21.25C20.7227 18.8125 20.3125 18.4023 20.3125 17.875C20.3125 17.377 20.7227 16.9375 21.25 16.9375H21.8359C21.4844 15.2383 20.1367 13.8906 18.4375 13.5391V14.125C18.4375 14.6523 17.998 15.0625 17.5 15.0625C16.9727 15.0625 16.5625 14.6523 16.5625 14.125V13.5391C14.834 13.8906 13.4863 15.2383 13.1348 16.9375H13.75C14.248 16.9375 14.6875 17.377 14.6875 17.875C14.6875 18.4023 14.248 18.8125 13.75 18.8125H13.1348ZM17.5 18.8125C16.9727 18.8125 16.5625 18.4023 16.5625 17.875C16.5625 17.377 16.9727 16.9375 17.5 16.9375C17.998 16.9375 18.4375 17.377 18.4375 17.875C18.4375 18.4023 17.998 18.8125 17.5 18.8125Z" fill="#202831"/>
 </svg>

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

@@ -1,3 +1,3 @@
-<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.5 2.75049C7.99805 2.75049 8.4375 3.18994 8.4375 3.68799V4.01025C11.1621 4.42041 13.3301 6.58838 13.7402 9.31299H14.0625C14.5605 9.31299 15 9.75244 15 10.2505C15 10.7778 14.5605 11.188 14.0625 11.188H13.7402C13.3301 13.9419 11.1621 16.1099 8.4375 16.52V16.813C8.4375 17.3403 7.99805 17.7505 7.5 17.7505C6.97266 17.7505 6.5625 17.3403 6.5625 16.813V16.52C3.80859 16.1099 1.64062 13.9419 1.23047 11.188H0.9375C0.410156 11.188 0 10.7778 0 10.2505C0 9.75244 0.410156 9.31299 0.9375 9.31299H1.23047C1.64062 6.58838 3.80859 4.42041 6.5625 4.01025V3.68799C6.5625 3.18994 6.97266 2.75049 7.5 2.75049ZM3.13477 11.188C3.48633 12.9165 4.83398 14.2642 6.5625 14.6157V14.0005C6.5625 13.5024 6.97266 13.063 7.5 13.063C7.99805 13.063 8.4375 13.5024 8.4375 14.0005V14.6157C10.1367 14.2642 11.4844 12.9165 11.8359 11.188H11.25C10.7227 11.188 10.3125 10.7778 10.3125 10.2505C10.3125 9.75244 10.7227 9.31299 11.25 9.31299H11.8359C11.4844 7.61377 10.1367 6.26611 8.4375 5.91455V6.50049C8.4375 7.02783 7.99805 7.43799 7.5 7.43799C6.97266 7.43799 6.5625 7.02783 6.5625 6.50049V5.91455C4.83398 6.26611 3.48633 7.61377 3.13477 9.31299H3.75C4.24805 9.31299 4.6875 9.75244 4.6875 10.2505C4.6875 10.7778 4.24805 11.188 3.75 11.188H3.13477ZM7.5 11.188C6.97266 11.188 6.5625 10.7778 6.5625 10.2505C6.5625 9.75244 6.97266 9.31299 7.5 9.31299C7.99805 9.31299 8.4375 9.75244 8.4375 10.2505C8.4375 10.7778 7.99805 11.188 7.5 11.188Z" fill="#5CA7FF"/>
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5 10.375C17.998 10.375 18.4375 10.8145 18.4375 11.3125V11.6348C21.1621 12.0449 23.3301 14.2129 23.7402 16.9375H24.0625C24.5605 16.9375 25 17.377 25 17.875C25 18.4023 24.5605 18.8125 24.0625 18.8125H23.7402C23.3301 21.5664 21.1621 23.7344 18.4375 24.1445V24.4375C18.4375 24.9648 17.998 25.375 17.5 25.375C16.9727 25.375 16.5625 24.9648 16.5625 24.4375V24.1445C13.8086 23.7344 11.6406 21.5664 11.2305 18.8125H10.9375C10.4102 18.8125 10 18.4023 10 17.875C10 17.377 10.4102 16.9375 10.9375 16.9375H11.2305C11.6406 14.2129 13.8086 12.0449 16.5625 11.6348V11.3125C16.5625 10.8145 16.9727 10.375 17.5 10.375ZM13.1348 18.8125C13.4863 20.541 14.834 21.8887 16.5625 22.2402V21.625C16.5625 21.127 16.9727 20.6875 17.5 20.6875C17.998 20.6875 18.4375 21.127 18.4375 21.625V22.2402C20.1367 21.8887 21.4844 20.541 21.8359 18.8125H21.25C20.7227 18.8125 20.3125 18.4023 20.3125 17.875C20.3125 17.377 20.7227 16.9375 21.25 16.9375H21.8359C21.4844 15.2383 20.1367 13.8906 18.4375 13.5391V14.125C18.4375 14.6523 17.998 15.0625 17.5 15.0625C16.9727 15.0625 16.5625 14.6523 16.5625 14.125V13.5391C14.834 13.8906 13.4863 15.2383 13.1348 16.9375H13.75C14.248 16.9375 14.6875 17.377 14.6875 17.875C14.6875 18.4023 14.248 18.8125 13.75 18.8125H13.1348ZM17.5 18.8125C16.9727 18.8125 16.5625 18.4023 16.5625 17.875C16.5625 17.377 16.9727 16.9375 17.5 16.9375C17.998 16.9375 18.4375 17.377 18.4375 17.875C18.4375 18.4023 17.998 18.8125 17.5 18.8125Z" fill="#5CA7FF"/>
 </svg>

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

@@ -0,0 +1,8 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.06 17.2178C5.93975 17.2687 5.8623 17.3869 5.8623 17.5174C5.8623 17.6478 5.93975 17.766 6.06 17.817L8.15719 18.7157C8.32023 18.7851 8.49348 18.8217 8.6708 18.8217L10.2401 18.8217L11.9521 21.7566L11.569 21.7566C11.2979 21.7566 11.0798 21.9747 11.0798 22.2457C11.0798 22.5168 11.2979 22.7349 11.569 22.7349L12.7103 22.7349L13.3625 22.7349L13.8516 22.7349C14.1227 22.7349 14.3408 22.5168 14.3408 22.2457C14.3408 21.9747 14.1227 21.7566 13.8516 21.7566L13.6886 21.7566L13.6886 18.8217L14.355 18.8217L15.4006 20.014C15.4617 20.0853 15.5514 20.1261 15.6451 20.1261L15.9712 20.1261C16.1506 20.1261 16.2973 19.9794 16.2973 19.8L16.2973 17.8434L14.9929 17.8434C14.8136 17.8434 14.6669 17.6967 14.6669 17.5174C14.6669 17.338 14.8136 17.1913 14.9929 17.1913L16.2973 17.1913L16.2973 15.2347C16.2973 15.0553 16.1506 14.9086 15.9712 14.9086L15.6451 14.9086C15.5514 14.9086 15.4617 14.9493 15.4006 15.0206L14.355 16.213L13.6886 16.213L13.6886 13.2781L13.8516 13.2781C14.1227 13.2781 14.3408 13.06 14.3408 12.789C14.3408 12.5179 14.1227 12.2998 13.8516 12.2998L13.3625 12.2998L12.7103 12.2998L11.569 12.2998C11.2979 12.2998 11.0798 12.5179 11.0798 12.789C11.0798 13.06 11.2979 13.2781 11.569 13.2781L11.9521 13.2781L10.2401 16.213L8.6708 16.213C8.49348 16.213 8.32023 16.2497 8.15719 16.319L6.06 17.2178Z" fill="#202831"/>
+<path d="M18.7021 17.313H29.1372" stroke="#202831" stroke-dasharray="2 2"/>
+<path d="M22.2739 19.7632L22.1739 20.6616L23.0845 20.4077L23.1651 21.0229L22.335 21.0815L22.8794 21.8066L22.3252 22.1021L21.9444 21.3379L21.6099 22.0972L21.0337 21.8066L21.5733 21.0815L20.7481 21.0181L20.8433 20.4077L21.7344 20.6616L21.6343 19.7632H22.2739Z" fill="#202831"/>
+<path d="M27.2739 21.4214L27.1739 22.3198L28.0845 22.0659L28.1651 22.6812L27.335 22.7397L27.8794 23.4648L27.3252 23.7603L26.9444 22.9961L26.6099 23.7554L26.0337 23.4648L26.5733 22.7397L25.7481 22.6763L25.8433 22.0659L26.7344 22.3198L26.6343 21.4214H27.2739Z" fill="#202831"/>
+<path d="M27.2739 10.7632L27.1739 11.6616L28.0845 11.4077L28.1651 12.0229L27.335 12.0815L27.8794 12.8066L27.3252 13.1021L26.9444 12.3379L26.6099 13.0972L26.0337 12.8066L26.5733 12.0815L25.7481 12.0181L25.8433 11.4077L26.7344 11.6616L26.6343 10.7632H27.2739Z" fill="#202831"/>
+<path d="M22.2739 12.4214L22.1739 13.3198L23.0845 13.0659L23.1651 13.6812L22.335 13.7397L22.8794 14.4648L22.3252 14.7603L21.9444 13.9961L21.6099 14.7554L21.0337 14.4648L21.5733 13.7397L20.7481 13.6763L20.8433 13.0659L21.7344 13.3198L21.6343 12.4214H22.2739Z" fill="#202831"/>
+</svg>

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

@@ -0,0 +1,8 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.06 17.2178C5.93975 17.2687 5.8623 17.3869 5.8623 17.5174C5.8623 17.6478 5.93975 17.766 6.06 17.817L8.15719 18.7157C8.32023 18.7851 8.49348 18.8217 8.6708 18.8217L10.2401 18.8217L11.9521 21.7566L11.569 21.7566C11.2979 21.7566 11.0798 21.9747 11.0798 22.2457C11.0798 22.5168 11.2979 22.7349 11.569 22.7349L12.7103 22.7349L13.3625 22.7349L13.8516 22.7349C14.1227 22.7349 14.3408 22.5168 14.3408 22.2457C14.3408 21.9747 14.1227 21.7566 13.8516 21.7566L13.6886 21.7566L13.6886 18.8217L14.355 18.8217L15.4006 20.014C15.4617 20.0853 15.5514 20.1261 15.6451 20.1261L15.9712 20.1261C16.1506 20.1261 16.2973 19.9794 16.2973 19.8L16.2973 17.8434L14.9929 17.8434C14.8136 17.8434 14.6669 17.6967 14.6669 17.5174C14.6669 17.338 14.8136 17.1913 14.9929 17.1913L16.2973 17.1913L16.2973 15.2347C16.2973 15.0553 16.1506 14.9086 15.9712 14.9086L15.6451 14.9086C15.5514 14.9086 15.4617 14.9493 15.4006 15.0206L14.355 16.213L13.6886 16.213L13.6886 13.2781L13.8516 13.2781C14.1227 13.2781 14.3408 13.06 14.3408 12.789C14.3408 12.5179 14.1227 12.2998 13.8516 12.2998L13.3625 12.2998L12.7103 12.2998L11.569 12.2998C11.2979 12.2998 11.0798 12.5179 11.0798 12.789C11.0798 13.06 11.2979 13.2781 11.569 13.2781L11.9521 13.2781L10.2401 16.213L8.6708 16.213C8.49348 16.213 8.32023 16.2497 8.15719 16.319L6.06 17.2178Z" fill="#5CA7FF"/>
+<path d="M18.7021 17.313H29.1372" stroke="#5CA7FF" stroke-dasharray="2 2"/>
+<path d="M22.2739 19.7632L22.1739 20.6616L23.0845 20.4077L23.1651 21.0229L22.335 21.0815L22.8794 21.8066L22.3252 22.1021L21.9444 21.3379L21.6099 22.0972L21.0337 21.8066L21.5733 21.0815L20.7481 21.0181L20.8433 20.4077L21.7344 20.6616L21.6343 19.7632H22.2739Z" fill="#5CA7FF"/>
+<path d="M27.2739 21.4214L27.1739 22.3198L28.0845 22.0659L28.1651 22.6812L27.335 22.7397L27.8794 23.4648L27.3252 23.7603L26.9444 22.9961L26.6099 23.7554L26.0337 23.4648L26.5733 22.7397L25.7481 22.6763L25.8433 22.0659L26.7344 22.3198L26.6343 21.4214H27.2739Z" fill="#5CA7FF"/>
+<path d="M27.2739 10.7632L27.1739 11.6616L28.0845 11.4077L28.1651 12.0229L27.335 12.0815L27.8794 12.8066L27.3252 13.1021L26.9444 12.3379L26.6099 13.0972L26.0337 12.8066L26.5733 12.0815L25.7481 12.0181L25.8433 11.4077L26.7344 11.6616L26.6343 10.7632H27.2739Z" fill="#5CA7FF"/>
+<path d="M22.2739 12.4214L22.1739 13.3198L23.0845 13.0659L23.1651 13.6812L22.335 13.7397L22.8794 14.4648L22.3252 14.7603L21.9444 13.9961L21.6099 14.7554L21.0337 14.4648L21.5733 13.7397L20.7481 13.6763L20.8433 13.0659L21.7344 13.3198L21.6343 12.4214H22.2739Z" fill="#5CA7FF"/>
+</svg>

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

@@ -0,0 +1,7 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.75589 22.6552C5.71059 22.7671 5.73725 22.895 5.82251 22.9802C5.90777 23.0655 6.03565 23.0921 6.14756 23.0468L8.10587 22.2635C8.25775 22.2022 8.39497 22.113 8.51087 21.9971L9.53665 20.9713L12.574 21.7706L12.3236 22.021C12.1464 22.1982 12.1464 22.4833 12.3236 22.6605C12.5008 22.8377 12.7859 22.8377 12.963 22.6605L13.7091 21.9145L14.1354 21.4882L14.4551 21.1684C14.6323 20.9913 14.6323 20.7062 14.4551 20.529C14.2779 20.3518 13.9928 20.3518 13.8156 20.529L13.7091 20.6356L11.7907 18.7172L12.2263 18.2816L13.6891 18.3775C13.7757 18.3841 13.8609 18.3522 13.9222 18.2909L14.1354 18.0778C14.2526 17.9605 14.2526 17.7687 14.1354 17.6515L12.8565 16.3726L12.0039 17.2252C11.8866 17.3424 11.6948 17.3424 11.5776 17.2252C11.4603 17.1079 11.4603 16.9161 11.5776 16.7989L12.4302 15.9463L11.1513 14.6674C11.034 14.5501 10.8422 14.5501 10.725 14.6674L10.5118 14.8805C10.4505 14.9418 10.4185 15.027 10.4252 15.1136L10.5211 16.5764L10.0855 17.012L8.16716 15.0937L8.27373 14.9871C8.4509 14.8099 8.4509 14.5248 8.27373 14.3476C8.09656 14.1705 7.81145 14.1705 7.63428 14.3476L7.31456 14.6674L6.88826 15.0937L6.14223 15.8397C5.96506 16.0169 5.96506 16.302 6.14223 16.4791C6.3194 16.6563 6.60451 16.6563 6.78168 16.4791L7.03209 16.2287L7.83145 19.2661L6.80567 20.2919C6.68976 20.4078 6.6005 20.545 6.53922 20.6969L5.75589 22.6552Z" fill="#202831"/>
+<path d="M14.8257 13.4509C17.3895 11.1202 23.2162 7.01815 26.013 9.25562C29.5091 12.0525 30.2083 18.3452 23.2162 26.0365" stroke="#202831" stroke-linecap="round" stroke-dasharray="2 2"/>
+<path d="M20.5171 20.9448L20.417 21.8433L21.3276 21.5894L21.4082 22.2046L20.5781 22.2632L21.1225 22.9883L20.5683 23.2837L20.1875 22.5195L19.853 23.2788L19.2768 22.9883L19.8164 22.2632L18.9912 22.1997L19.0864 21.5894L19.9775 21.8433L19.8774 20.9448H20.5171Z" fill="#202831"/>
+<path d="M19.1186 15.3511L19.0185 16.2495L19.9292 15.9956L20.0097 16.6108L19.1797 16.6694L19.7241 17.3945L19.1699 17.6899L18.789 16.9258L18.4546 17.6851L17.8784 17.3945L18.4179 16.6694L17.5927 16.606L17.688 15.9956L18.5791 16.2495L18.479 15.3511H19.1186Z" fill="#202831"/>
+<path d="M24.7119 15.3511L24.6118 16.2495L25.5224 15.9956L25.603 16.6108L24.7729 16.6694L25.3174 17.3945L24.7632 17.6899L24.3823 16.9258L24.0478 17.6851L23.4717 17.3945L24.0112 16.6694L23.186 16.606L23.2812 15.9956L24.1723 16.2495L24.0722 15.3511H24.7119Z" fill="#202831"/>
+</svg>

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

@@ -0,0 +1,7 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.75589 22.6552C5.71059 22.7671 5.73725 22.895 5.82251 22.9802C5.90777 23.0655 6.03565 23.0921 6.14756 23.0468L8.10587 22.2635C8.25775 22.2022 8.39497 22.113 8.51087 21.9971L9.53665 20.9713L12.574 21.7706L12.3236 22.021C12.1464 22.1982 12.1464 22.4833 12.3236 22.6605C12.5008 22.8377 12.7859 22.8377 12.963 22.6605L13.7091 21.9145L14.1354 21.4882L14.4551 21.1684C14.6323 20.9913 14.6323 20.7062 14.4551 20.529C14.2779 20.3518 13.9928 20.3518 13.8156 20.529L13.7091 20.6356L11.7907 18.7172L12.2263 18.2816L13.6891 18.3775C13.7757 18.3841 13.8609 18.3522 13.9222 18.2909L14.1354 18.0778C14.2526 17.9605 14.2526 17.7687 14.1354 17.6515L12.8565 16.3726L12.0039 17.2252C11.8866 17.3424 11.6948 17.3424 11.5776 17.2252C11.4603 17.1079 11.4603 16.9161 11.5776 16.7989L12.4302 15.9463L11.1513 14.6674C11.034 14.5501 10.8422 14.5501 10.725 14.6674L10.5118 14.8805C10.4505 14.9418 10.4185 15.027 10.4252 15.1136L10.5211 16.5764L10.0855 17.012L8.16716 15.0937L8.27373 14.9871C8.4509 14.8099 8.4509 14.5248 8.27373 14.3476C8.09656 14.1705 7.81145 14.1705 7.63428 14.3476L7.31456 14.6674L6.88826 15.0937L6.14223 15.8397C5.96506 16.0169 5.96506 16.302 6.14223 16.4791C6.3194 16.6563 6.60451 16.6563 6.78168 16.4791L7.03209 16.2287L7.83145 19.2661L6.80567 20.2919C6.68976 20.4078 6.6005 20.545 6.53922 20.6969L5.75589 22.6552Z" fill="#5CA7FF"/>
+<path d="M14.8257 13.4509C17.3895 11.1202 23.2162 7.01815 26.013 9.25562C29.5091 12.0525 30.2083 18.3452 23.2162 26.0365" stroke="#5CA7FF" stroke-linecap="round" stroke-dasharray="2 2"/>
+<path d="M20.5171 20.9448L20.417 21.8433L21.3276 21.5894L21.4082 22.2046L20.5781 22.2632L21.1225 22.9883L20.5683 23.2837L20.1875 22.5195L19.853 23.2788L19.2768 22.9883L19.8164 22.2632L18.9912 22.1997L19.0864 21.5894L19.9775 21.8433L19.8774 20.9448H20.5171Z" fill="#5CA7FF"/>
+<path d="M19.1186 15.3511L19.0185 16.2495L19.9292 15.9956L20.0097 16.6108L19.1797 16.6694L19.7241 17.3945L19.1699 17.6899L18.789 16.9258L18.4546 17.6851L17.8784 17.3945L18.4179 16.6694L17.5927 16.606L17.688 15.9956L18.5791 16.2495L18.479 15.3511H19.1186Z" fill="#5CA7FF"/>
+<path d="M24.7119 15.3511L24.6118 16.2495L25.5224 15.9956L25.603 16.6108L24.7729 16.6694L25.3174 17.3945L24.7632 17.6899L24.3823 16.9258L24.0478 17.6851L23.4717 17.3945L24.0112 16.6694L23.186 16.606L23.2812 15.9956L24.1723 16.2495L24.0722 15.3511H24.7119Z" fill="#5CA7FF"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.582 14.7988C21.9629 14.4473 21.9629 13.832 21.582 13.4805C21.2305 13.0996 20.6152 13.0996 20.2637 13.4805L17.1875 16.5566L14.082 13.4805C13.7305 13.0996 13.1152 13.0996 12.7637 13.4805C12.3828 13.832 12.3828 14.4473 12.7637 14.7988L15.8398 17.875L12.7637 20.9805C12.3828 21.332 12.3828 21.9473 12.7637 22.2988C13.1152 22.6797 13.7305 22.6797 14.082 22.2988L17.1875 19.2227L20.2637 22.2988C20.6152 22.6797 21.2305 22.6797 21.582 22.2988C21.9629 21.9473 21.9629 21.332 21.582 20.9805L18.5059 17.875L21.582 14.7988Z" fill="#202831"/>
+</svg>

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

@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.582 14.7988C21.9629 14.4473 21.9629 13.832 21.582 13.4805C21.2305 13.0996 20.6152 13.0996 20.2637 13.4805L17.1875 16.5566L14.082 13.4805C13.7305 13.0996 13.1152 13.0996 12.7637 13.4805C12.3828 13.832 12.3828 14.4473 12.7637 14.7988L15.8398 17.875L12.7637 20.9805C12.3828 21.332 12.3828 21.9473 12.7637 22.2988C13.1152 22.6797 13.7305 22.6797 14.082 22.2988L17.1875 19.2227L20.2637 22.2988C20.6152 22.6797 21.2305 22.6797 21.582 22.2988C21.9629 21.9473 21.9629 21.332 21.582 20.9805L18.5059 17.875L21.582 14.7988Z" fill="#5CA7FF"/>
+</svg>

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

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="19"
+   height="15"
+   viewBox="0 0 19 15"
+   fill="none"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="state_attack.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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="27.733333"
+     inkscape:cx="3.6959135"
+     inkscape:cy="10.258414"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     style="fill:none;stroke:#262626;stroke-width:3.6454;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="M 3.9375571,11.604826 5.4120513,13.142064 8.1100626,10.334251 10.243372,12.373445 9.1610315,11.30679 15.074691,5.314696 14.525677,2.506882 11.81198,1.8794375 5.8198901,7.8087875 4.6748047,6.7891902 6.6826265,8.7499543 Z"
+     id="path2232" />
+  <path
+     style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.74012;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 3.7087499,11.821755 1.4744947,1.537239 2.926818,-3.024743 c 0.958603,0.899307 1.0509689,0.972539 1.0509689,0.972539 L 14.845884,5.5316249 14.29687,2.7238111 11.583172,2.0963666 5.8198909,7.8087874 c 0,0 -0.1141197,-0.012794 0.8627356,0.9411669 z"
+     id="path2232-9"
+     sodipodi:nodetypes="cccccccccc" />
+  <path
+     style="fill:#262222;fill-opacity:1;stroke-width:0.0124914"
+     d="m 12.8516,4.8268957 c 0.213183,-0.2131845 0.213183,-0.5329611 0,-0.7461455 -0.213185,-0.2131845 -0.532961,-0.2131845 -0.746145,0 L 8.1881937,7.9980144 c -0.2131847,0.2131845 -0.2131847,0.5329612 0,0.7461458 0.1065924,0.106592 0.2398327,0.1598881 0.3730732,0.1598881 0.1332405,0 0.26648,-0.053296 0.3730723,-0.1598881 z"
+     fill="#FFFFFF"
+     id="path4-5" />
+  <path
+     style="fill:none;stroke:#262626;stroke-width:1.19854;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="M 4.6748047,6.7891902 10.243372,12.373445"
+     id="path2082" />
+</svg>

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

@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="19"
+   height="15"
+   viewBox="0 0 19 15"
+   fill="none"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="state_dcs.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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="19.610428"
+     inkscape:cx="1.0453622"
+     inkscape:cy="12.21289"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <rect
+     style="fill:#262626;fill-opacity:1;stroke:none;stroke-width:5.63192;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:5.6;stroke-opacity:1;paint-order:stroke fill markers"
+     id="rect4324"
+     width="5.226213"
+     height="7.0879617"
+     x="1.5176032"
+     y="4.8923955"
+     rx="1.6057953" />
+  <rect
+     style="fill:#262626;fill-opacity:1;stroke:none;stroke-width:5.74938;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:5.6;stroke-opacity:1;paint-order:stroke fill markers"
+     id="rect4324-6"
+     width="5.5898962"
+     height="6.9061198"
+     x="11.848835"
+     y="4.9978404"
+     rx="1.7175397" />
+  <rect
+     style="fill:#262626;fill-opacity:1;stroke:none;stroke-width:4.02396;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:5.6;stroke-opacity:1;paint-order:stroke fill markers"
+     id="rect4324-7"
+     width="3.214294"
+     height="5.8832622"
+     x="7.7873521"
+     y="0.59372008"
+     rx="1.5281793" />
+  <rect
+     style="fill:#262626;fill-opacity:1;stroke:none;stroke-width:3.84388;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:5.6;stroke-opacity:1;paint-order:stroke fill markers"
+     id="rect4100"
+     width="12.76161"
+     height="12.015139"
+     x="3.0333979"
+     y="1.9770601"
+     rx="2.5930805" />
+  <path
+     d="m 9.3852027,1.9350755 c 0.358221,0 0.6476303,0.2894099 0.6476303,0.6476303 v 1.2952618 h 2.428616 c 0.805492,0 1.457171,0.6516785 1.457171,1.4571695 v 5.5048619 c 0,0.805491 -0.651679,1.457169 -1.457171,1.457169 H 6.3089565 c -0.8054909,0 -1.4571694,-0.651678 -1.4571694,-1.457169 V 5.3351371 c 0,-0.805491 0.6516785,-1.4571695 1.4571694,-1.4571695 H 8.7375714 V 2.5827058 c 0,-0.3582204 0.2894111,-0.6476303 0.6476313,-0.6476303 z M 7.1184944,9.7066454 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 8.2518487,7.1161213 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 3.8803405,6.4684911 h 0.323815 v 3.8857859 h -0.323815 c -0.5363195,0 -0.9714467,-0.4351276 -0.9714467,-0.9714486 V 7.4399365 c 0,-0.5363182 0.4351272,-0.9714454 0.9714467,-0.9714454 z m 11.0097255,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 14.566249 V 6.4684911 Z"
+     id="path3711"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:0.0202384" />
+</svg>

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

@@ -0,0 +1,222 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="19"
+   height="15"
+   viewBox="0 0 19 15"
+   fill="none"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="state_follow.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="defs10">
+    <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
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="27.733333"
+     inkscape:cx="4.7776442"
+     inkscape:cy="6.5084135"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     style="fill:none;stroke:#000000;stroke-width:0.83575px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="m 9.7400387,13.368089 0.010654,-1.821905"
+     id="path6803" />
+  <path
+     style="fill:none;stroke:#000000;stroke-width:2.92331;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="M 4.4447961,10.874958 V 7.976957"
+     id="path5404"
+     sodipodi:nodetypes="cc" />
+  <path
+     style="fill:none;stroke:#000000;stroke-width:2.92331;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="M 15.077899,10.949537 15.056587,7.9023759"
+     id="path5404-6"
+     sodipodi:nodetypes="cc" />
+  <path
+     style="fill:none;stroke:#000000;stroke-width:2.33883;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 5.0092879,8.5461224 3.2885491,-1.9183098 0.025165,-2.0602673 1.4363865,-3.081709 1.3976871,2.9751649 0.0638,2.1668114 3.288548,1.9183098"
+     id="path5844"
+     sodipodi:nodetypes="ccccccc" />
+  <path
+     style="fill:none;stroke:#000000;stroke-width:2.33883;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="M 5.0092879,10.491885 H 8.297837 v 0.746707 l -1.4877615,1.34107 -0.010655,0.767118 5.8918905,0.03195 -0.02131,-0.905625 -1.449125,-1.234526 v -0.746698 h 3.288549"
+     id="path5912"
+     sodipodi:nodetypes="cccccccccc" />
+  <g
+     transform="matrix(0.88384279,0,0,0.88384279,-4.1038899,-17.309659)"
+     id="layer1-7"
+     inkscape:label="Layer 1"
+     style="fill:#ffffff;fill-opacity:1">
+    <g
+       transform="matrix(0.90904788,0,0,0.91946153,8.2333194,20.900691)"
+       id="g839-1"
+       style="fill:#ffffff;fill-opacity:1">
+      <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-5"
+         style="fill:#ffffff;fill-opacity:1;stroke-width:1.38669" />
+    </g>
+    <circle
+       r="0"
+       style="fill:#ffffff;fill-opacity:1;stroke-width:0.225344;stroke-linecap:round"
+       id="path865-3-0"
+       cx="29.19866"
+       cy="80.130951" />
+  </g>
+</svg>

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

@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="19"
+   height="15"
+   viewBox="0 0 19 15"
+   fill="none"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="state_human.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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="27.733334"
+     inkscape:cx="1.8930288"
+     inkscape:cy="5.3185095"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <ellipse
+     style="fill:#262626;fill-opacity:1;stroke:none;stroke-width:12.2489;stroke-dashoffset:5.6;paint-order:stroke fill markers"
+     id="path1149"
+     cx="9.2425327"
+     cy="4.9208517"
+     rx="5.0100894"
+     ry="4.9463482" />
+  <path
+     style="fill:none;stroke:#262626;stroke-width:3.3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="M 4.5129051,12.490473 C 3.7913718,12.480652 3.327463,12.244253 3.2890664,11.649084 3.2075443,9.1160904 4.4151773,8.6100056 5.7622404,8.0795609 l 6.6154506,-0.012246 c 2.45028,0.2890709 3.047775,1.846629 3.047775,3.4797821 0.0127,0.360443 -0.331282,0.901957 -1.478805,0.943376 z"
+     id="path1359"
+     sodipodi:nodetypes="ccccccc" />
+  <path
+     d="m 9.2659737,7.6041687 c 1.6415273,0 2.9733343,-1.2969197 2.9733343,-2.8954494 0,-1.5985298 -1.331807,-2.8954501 -2.9733343,-2.8954501 -1.6415283,0 -2.973335,1.2969203 -2.973335,2.8954501 0,1.5985297 1.3318067,2.8954494 2.973335,2.8954494 z m 2.6429633,0.6434347 h -1.137714 c -0.458391,0.2050939 -0.9683982,0.3217163 -1.5052493,0.3217163 -0.5368511,0 -1.0447965,-0.1166224 -1.5052498,-0.3217163 H 6.6230093 c -1.4598251,0 -2.6429652,1.152148 -2.6429652,2.5737386 v 0.321716 c 0,0.532843 0.4439358,0.965149 0.991112,0.965149 H 13.56079 c 0.547177,0 0.991112,-0.432306 0.991112,-0.965149 v -0.321716 c 0,-1.4215906 -1.18314,-2.5737386 -2.642965,-2.5737386 z"
+     id="path916"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:0.0203759" />
+</svg>

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

@@ -0,0 +1,4 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5356 0.900581C9.69508 -0.282964 11.5945 -0.302474 12.778 0.857004L14.5643 2.607C15.1403 3.17128 15.4649 3.94367 15.4649 4.75C15.4649 4.98835 15.4366 5.22373 15.3817 5.45165C15.8245 5.85549 16.151 6.39558 16.2888 7.02558L16.4103 7.58115L16.4103 7.58116C17.2333 11.3434 14.3009 14.75 10.5685 14.75H8.64315C8.50267 15.0566 8.30769 15.3446 8.05807 15.5994C6.89859 16.783 4.99919 16.8025 3.81565 15.643L2.02933 13.893C1.45334 13.3287 1.12875 12.5563 1.12875 11.75C1.12875 11.5117 1.15711 11.2763 1.21194 11.0484C0.769126 10.6445 0.442675 10.1044 0.30487 9.47436L0.183357 8.91882C0.183355 8.91881 0.183354 8.9188 0.183352 8.9188C-0.639549 5.15664 2.29279 1.75 6.02519 1.75H7.95052C8.09101 1.44337 8.28598 1.15538 8.5356 0.900581ZM7.95052 7.75H7.89958C7.93031 7.77715 7.9606 7.80505 7.99045 7.83367C7.97668 7.80595 7.96338 7.77805 7.95052 7.75ZM8.60322 8.66633C8.61699 8.69406 8.6303 8.72195 8.64315 8.75H8.69409C8.66337 8.72285 8.63307 8.69496 8.60322 8.66633Z" fill="#2F2F2F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1426 2.47515C10.4325 2.17926 10.9074 2.17438 11.2032 2.46425L12.9896 4.21425C13.1336 4.35532 13.2147 4.54842 13.2147 4.75C13.2147 4.95158 13.1336 5.14468 12.9896 5.28575L11.2032 7.03575C10.9074 7.32562 10.4325 7.32074 10.1426 7.02486C9.85276 6.72897 9.85764 6.25412 10.1535 5.96425L10.6274 5.5H6.02497C4.5888 5.5 3.55582 6.78851 3.84652 8.11751L3.84652 8.11751L3.96804 8.67308C4.05655 9.07772 3.80027 9.4775 3.39562 9.56601C2.99097 9.65452 2.59119 9.39824 2.50268 8.99359L2.38117 8.43803C2.38117 8.43803 2.38117 8.43803 2.38117 8.43802C1.87759 6.13576 3.6703 4 6.02497 4H10.6274L10.1535 3.53575C9.85764 3.24588 9.85276 2.77103 10.1426 2.47515ZM13.1976 6.93399C13.6022 6.84548 14.002 7.10175 14.0905 7.5064L14.2121 8.06196L13.5077 8.21604L14.2121 8.06196C14.7157 10.3642 12.9229 12.5 10.5683 12.5H5.96582L6.4397 12.9643C6.73559 13.2541 6.74047 13.729 6.4506 14.0249C6.16073 14.3207 5.68588 14.3256 5.38999 14.0357L3.60367 12.2857C3.45967 12.1447 3.37853 11.9516 3.37853 11.75C3.37853 11.5484 3.45967 11.3553 3.60367 11.2143L5.38999 9.46425C5.68588 9.17438 6.16073 9.17926 6.4506 9.47515C6.74047 9.77103 6.73559 10.2459 6.4397 10.5357L5.96582 11H10.5683C12.0044 11 13.0374 9.71149 12.7467 8.38251L12.6252 7.82694C12.5367 7.42229 12.7929 7.02251 13.1976 6.93399Z" fill="white"/>
+</svg>

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

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="19"
+   height="15"
+   viewBox="0 0 19 15"
+   fill="none"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="state_refuel.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="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="19.610428"
+     inkscape:cx="9.1532933"
+     inkscape:cy="9.2042866"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     style="fill:none;stroke:#262626;stroke-width:2.80114;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="M 14.109032,5.6203217 14.096876,4.2589893"
+     id="path3134"
+     sodipodi:nodetypes="cc" />
+  <path
+     style="fill:none;stroke:#262626;stroke-width:4.752;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 11.2162,7.8446415 c 0.611292,0.23067 1.379382,0.1813438 1.567963,1.1668564 l 0.01216,0.9116069 0.948071,1.1060822 c 0.556356,0.0066 1.240492,0.262304 1.17901,-0.935916 L 15.032793,5.7783334 C 15.029293,5.1839171 14.968765,4.6085103 14.485828,4.173906 L 13.075877,2.7761093"
+     id="path2668"
+     sodipodi:nodetypes="cccccccc" />
+  <path
+     style="fill:none;stroke:#262626;stroke-width:5.05323;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 5.5156203,2.6788713 v 9.4807077 l -0.9723803,0.02431 7.122686,0.01216 -1.069619,-0.03646 V 2.6302523 Z"
+     id="path2480"
+     sodipodi:nodetypes="ccccccc" />
+  <path
+     d="M 11.606497,11.523453 H 4.6132695 c -0.1923136,0 -0.3496607,0.157348 -0.3496607,0.349662 v 0.699322 c 0,0.192314 0.1573471,0.349662 0.3496607,0.349662 h 6.9932275 c 0.192314,0 0.349661,-0.157348 0.349661,-0.349662 v -0.699322 c 0,-0.192314 -0.157347,-0.349662 -0.349661,-0.349662 z M 15.04192,4.0778511 13.27176,2.3076902 c -0.135494,-0.1354933 -0.358404,-0.1354933 -0.493897,0 l -0.246948,0.2469485 c -0.135494,0.1354943 -0.135494,0.3584027 0,0.493897 l 0.823889,0.8238892 V 5.229548 c 0,0.6140934 0.456745,1.1211021 1.048985,1.206332 v 3.5140965 c 0,0.2884715 -0.236022,0.5244925 -0.524492,0.5244925 -0.288471,0 -0.524493,-0.236021 -0.524493,-0.5244925 V 9.2506542 c 0,-1.0620966 -0.861041,-1.9231375 -1.923138,-1.9231375 h -0.17483 V 3.1315803 c 0,-0.7714404 -0.627205,-1.3986455 -1.3986454,-1.3986455 h -3.496614 c -0.7714405,0 -1.3986455,0.6272051 -1.3986455,1.3986455 V 10.82413 H 11.256836 V 8.3765006 h 0.17483 c 0.482971,0 0.874154,0.3911839 0.874154,0.8741536 v 0.6075366 c 0,0.8238902 0.590054,1.5734762 1.409573,1.6587062 0.939715,0.09397 1.73738,-0.644688 1.73738,-1.5669205 V 5.0678294 c 0,-0.3715144 -0.148606,-0.7277319 -0.410853,-0.9899783 z M 9.8581906,5.9288713 h -3.496614 v -2.797291 h 3.496614 z"
+     id="path2270"
+     style="fill:#fffffd;fill-opacity:1;stroke-width:0.0218539" />
+  <rect
+     style="fill:#262626;fill-opacity:1;stroke:none;stroke-width:0.100774;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:5.6;stroke-opacity:1;paint-order:stroke fill markers"
+     id="rect3805"
+     width="3.496614"
+     height="2.7972908"
+     x="6.3615766"
+     y="3.1315804" />
+</svg>

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

@@ -0,0 +1,4 @@
+<svg width="19" height="15" viewBox="0 0 19 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.83594 4.99219L4.52344 8.55469V12.375C4.52344 12.5859 4.6875 12.75 4.89844 12.75H7.52344C7.71094 12.75 7.875 12.5859 7.875 12.375V10.125C7.875 9.9375 8.0625 9.75 8.25 9.75H9.75C9.96094 9.75 10.125 9.9375 10.125 10.125V12.375C10.125 12.5859 10.3125 12.75 10.5 12.75H13.1484C13.3359 12.75 13.5234 12.5859 13.5234 12.375V8.53125L9.1875 4.99219C9.14062 4.94531 9.07031 4.92188 9.02344 4.92188C8.95312 4.92188 8.88281 4.94531 8.83594 4.99219ZM15.6562 7.40625L13.7109 5.78906V2.55469C13.7109 2.39062 13.5703 2.27344 13.4297 2.27344H12.1172C11.9531 2.27344 11.8359 2.39062 11.8359 2.55469V4.24219L9.72656 2.50781C9.53906 2.36719 9.28125 2.27344 9.02344 2.27344C8.74219 2.27344 8.48438 2.36719 8.29688 2.50781L2.36719 7.40625C2.29688 7.45312 2.25 7.54688 2.25 7.61719C2.25 7.6875 2.29688 7.75781 2.32031 7.80469L2.92969 8.53125C2.97656 8.60156 3.04688 8.625 3.14062 8.625C3.21094 8.625 3.28125 8.60156 3.32812 8.55469L8.83594 4.03125C8.88281 3.98438 8.95312 3.96094 9.02344 3.96094C9.07031 3.96094 9.14062 3.98438 9.1875 4.03125L14.6953 8.55469C14.7422 8.60156 14.8125 8.625 14.8828 8.625C14.9766 8.625 15.0469 8.60156 15.0938 8.53125L15.7031 7.80469C15.75 7.75781 15.7734 7.6875 15.7734 7.61719C15.7734 7.54688 15.7266 7.45312 15.6562 7.40625Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5234 8.53125V12.375C13.5234 12.5859 13.3359 12.75 13.1484 12.75H10.5C10.3125 12.75 10.125 12.5859 10.125 12.375V10.125C10.125 9.9375 9.96094 9.75 9.75 9.75H8.25C8.0625 9.75 7.875 9.9375 7.875 10.125V12.375C7.875 12.5859 7.71094 12.75 7.52344 12.75H4.89844C4.6875 12.75 4.52344 12.5859 4.52344 12.375V8.55469L8.83594 4.99219C8.88281 4.94531 8.95312 4.92188 9.02344 4.92188C9.07031 4.92188 9.14062 4.94531 9.1875 4.99219L13.5234 8.53125ZM14.6953 8.55469C14.6964 8.55582 14.6976 8.55693 14.6987 8.55803C14.737 8.5945 14.7898 8.61608 14.8452 8.62275C14.8577 8.62425 14.8702 8.625 14.8828 8.625C14.9766 8.625 15.0469 8.60156 15.0938 8.53125L15.7031 7.80469C15.75 7.75781 15.7734 7.6875 15.7734 7.61719C15.7734 7.58321 15.7625 7.54375 15.7432 7.50676C15.7227 7.46721 15.6926 7.43047 15.6562 7.40625L13.7109 5.78906V2.55469C13.7109 2.39062 13.5703 2.27344 13.4297 2.27344H12.1172C11.9531 2.27344 11.8359 2.39062 11.8359 2.55469V4.24219L9.72656 2.50781C9.68416 2.47601 9.63816 2.44661 9.58938 2.42014C9.42246 2.32958 9.22295 2.27344 9.02344 2.27344C8.74219 2.27344 8.48438 2.36719 8.29688 2.50781L2.36719 7.40625C2.34189 7.42312 2.31962 7.44605 2.30148 7.47178C2.29357 7.483 2.28645 7.49475 2.2802 7.50676C2.27782 7.51134 2.27556 7.51595 2.27344 7.52059C2.25841 7.55343 2.25 7.58741 2.25 7.61719C2.25 7.64997 2.26019 7.68274 2.27344 7.71315C2.28332 7.73582 2.29491 7.75718 2.30524 7.77623C2.31078 7.78642 2.31595 7.79596 2.32031 7.80469L2.92969 8.53125C2.93534 8.53973 2.94134 8.54753 2.94767 8.55469C2.99386 8.60688 3.05818 8.625 3.14062 8.625C3.15319 8.625 3.16576 8.62425 3.17819 8.62275C3.23202 8.61627 3.28333 8.59576 3.32129 8.56121C3.32362 8.55909 3.3259 8.55692 3.32812 8.55469L8.83594 4.03125C8.88281 3.98438 8.95312 3.96094 9.02344 3.96094C9.07031 3.96094 9.14062 3.98438 9.1875 4.03125L14.6953 8.55469ZM2.27344 10.7274C1.89755 10.5959 1.49315 10.355 1.16162 9.92451L0.426251 9.04772L0.32017 8.83555C0.319597 8.83449 0.319 8.83338 0.318378 8.83223C0.304066 8.80565 0.267288 8.73712 0.228043 8.65078C0.161627 8.50467 0 8.12434 0 7.61719C0 7.12558 0.148836 6.71911 0.301167 6.4362C0.439348 6.17958 0.654902 5.88605 0.975475 5.63749L6.90462 0.739506L6.94688 0.707813C7.52384 0.275088 8.25535 0.0234375 9.02344 0.0234375C9.62455 0.0234375 10.201 0.186404 10.691 0.458244C11.0961 0.183444 11.5866 0.0234375 12.1172 0.0234375H13.4297C14.6901 0.0234375 15.9609 1.02855 15.9609 2.55469V4.73359L17.0522 5.64079C17.3704 5.88864 17.5847 6.18072 17.7223 6.4362C17.8746 6.71911 18.0234 7.12558 18.0234 7.61719C18.0234 8.10158 17.8785 8.74439 17.3959 9.28773L16.8618 9.92451C16.5372 10.3461 16.1426 10.5858 15.7734 10.719V12.375C15.7734 13.9179 14.4874 15 13.1484 15H10.5C9.9703 15 9.44888 14.8306 9.01208 14.5304C8.60011 14.823 8.09287 15 7.52344 15H4.89844C3.44486 15 2.27344 13.8286 2.27344 12.375V10.7274Z" fill="#262222"/>
+</svg>