diff --git a/EFB/efb-html.patch b/EFB/efb-html.patch
index 5f09295..8014e06 100644
--- a/EFB/efb-html.patch
+++ b/EFB/efb-html.patch
@@ -1,11 +1,13 @@
-diff --git a/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.html b/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.html
+diff --git a/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/efb.html b/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/efb.html
 index a2e14f7..515e0d9 100644
---- a/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.html
-+++ b/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.html
+--- a/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/efb.html
++++ b/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/efb.html
 @@ -7,4 +7,6 @@
  
  
- <link rel="stylesheet" href="/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.css" />
-+<link rel="stylesheet" href="/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/App.css" />
- <script type="text/html" import-script="/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.js" import-async="false"></script>
-+<script type="text/html" import-script="/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/App.js" import-async="false"></script>
+-<link rel="stylesheet" href="/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.css" />
++<link rel="stylesheet" href="/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/efb.css" />
++<link rel="stylesheet" href="/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/App.css" />
+-<script type="text/html" import-script="/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.js" import-async="false"></script>
++<script type="text/html" import-script="/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/efb.js" import-async="false"></script>
++<script type="text/html" import-script="/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/App.js" import-async="false"></script>
diff --git a/EFB/efb-js.patch b/EFB/efb-js.patch
index f24a22b..b61bb8a 100644
--- a/EFB/efb-js.patch
+++ b/EFB/efb-js.patch
@@ -1,7 +1,7 @@
-diff --git a/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.js b/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.js
+diff --git a/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/efb.js b/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/efb.js
 index a490abd..be2703b 100644
---- a/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.js
-+++ b/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb/efb.js
+--- a/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/efb.js
++++ b/PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb/efb.js
 @@ -42191,9 +42191,16 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
            "button",
diff --git a/EFB/efb.css b/EFB/efb.css
new file mode 100644
index 0000000..a77e955
--- /dev/null
+++ b/EFB/efb.css
@@ -0,0 +1,1813 @@
+/* temp_stylePlugin:src\index.css */
+:root {
+  --has-fgp: initial;
+  --element-has-fgp: initial;
+  --parent-has-fgp: initial;
+}
+*,
+::before,
+::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+  border-color: #e5e7eb;
+}
+::before,
+::after {
+  --tw-content: "";
+}
+html,
+:host {
+  line-height: 1.5;
+  -webkit-text-size-adjust: 100%;
+  -moz-tab-size: 4;
+  tab-size: 4;
+  font-family:
+    ui-sans-serif,
+    system-ui,
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol",
+    "Noto Color Emoji";
+  font-feature-settings: normal;
+  font-variation-settings: normal;
+  -webkit-tap-highlight-color: transparent;
+}
+body > * {
+  --orig-margin-top: initial;
+  --orig-margin-right: initial;
+  --orig-margin-bottom: initial;
+  --orig-margin-left: initial;
+}
+body {
+  --fgp-margin-top: initial;
+  --fgp-margin-left: initial;
+  --orig-margin-top: 0px;
+  --orig-margin-right: 0px;
+  --orig-margin-bottom: 0px;
+  --orig-margin-left: 0px;
+  margin: var(--fgp-margin-top, var(--orig-margin-top)) var(--orig-margin-right) var(--orig-margin-bottom) var(--fgp-margin-left, var(--orig-margin-left));
+  line-height: inherit;
+}
+hr {
+  --fgp-height: var(--element-has-fgp) calc(0 + var(--fgp-gap-row, 0%));
+}
+hr {
+  height: var(--fgp-height, 0);
+  color: inherit;
+  border-top-width: 1px;
+}
+abbr:where([title]) {
+  text-decoration: underline dotted;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+b,
+strong {
+  font-weight: bolder;
+}
+code,
+kbd,
+samp,
+pre {
+  font-family:
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+  font-feature-settings: normal;
+  font-variation-settings: normal;
+  font-size: 1em;
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+table {
+  text-indent: 0;
+  border-color: inherit;
+  border-collapse: collapse;
+}
+button > *,
+input > *,
+optgroup > *,
+select > *,
+textarea > * {
+  --orig-margin-top: initial;
+  --orig-margin-right: initial;
+  --orig-margin-bottom: initial;
+  --orig-margin-left: initial;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  font-feature-settings: inherit;
+  font-variation-settings: inherit;
+  font-size: 100%;
+  font-weight: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  color: inherit;
+  --fgp-margin-top: initial;
+  --fgp-margin-left: initial;
+  --orig-margin-top: 0px;
+  --orig-margin-right: 0px;
+  --orig-margin-bottom: 0px;
+  --orig-margin-left: 0px;
+  margin: var(--fgp-margin-top, var(--orig-margin-top)) var(--orig-margin-right) var(--orig-margin-bottom) var(--fgp-margin-left, var(--orig-margin-left));
+  padding: 0;
+}
+button,
+select {
+  text-transform: none;
+}
+button,
+input:where([type="button"]),
+input:where([type="reset"]),
+input:where([type="submit"]) {
+  -webkit-appearance: button;
+  background-color: transparent;
+  background-image: none;
+}
+:-moz-focusring {
+  outline: auto;
+}
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+progress {
+  vertical-align: baseline;
+}
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  --fgp-height: var(--element-has-fgp) calc(auto + var(--fgp-gap-row, 0%));
+}
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: var(--fgp-height, auto);
+}
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+summary {
+  display: list-item;
+}
+blockquote > *,
+dl > *,
+dd > *,
+h1 > *,
+h2 > *,
+h3 > *,
+h4 > *,
+h5 > *,
+h6 > *,
+hr > *,
+figure > *,
+p > *,
+pre > * {
+  --orig-margin-top: initial;
+  --orig-margin-right: initial;
+  --orig-margin-bottom: initial;
+  --orig-margin-left: initial;
+}
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  --fgp-margin-top: initial;
+  --fgp-margin-left: initial;
+  --orig-margin-top: 0px;
+  --orig-margin-right: 0px;
+  --orig-margin-bottom: 0px;
+  --orig-margin-left: 0px;
+  margin: var(--fgp-margin-top, var(--orig-margin-top)) var(--orig-margin-right) var(--orig-margin-bottom) var(--fgp-margin-left, var(--orig-margin-left));
+}
+fieldset > * {
+  --orig-margin-top: initial;
+  --orig-margin-right: initial;
+  --orig-margin-bottom: initial;
+  --orig-margin-left: initial;
+}
+fieldset {
+  --fgp-margin-top: initial;
+  --fgp-margin-left: initial;
+  --orig-margin-top: 0px;
+  --orig-margin-right: 0px;
+  --orig-margin-bottom: 0px;
+  --orig-margin-left: 0px;
+  margin: var(--fgp-margin-top, var(--orig-margin-top)) var(--orig-margin-right) var(--orig-margin-bottom) var(--fgp-margin-left, var(--orig-margin-left));
+  padding: 0;
+}
+legend {
+  padding: 0;
+}
+ol > *,
+ul > *,
+menu > * {
+  --orig-margin-top: initial;
+  --orig-margin-right: initial;
+  --orig-margin-bottom: initial;
+  --orig-margin-left: initial;
+}
+ol,
+ul,
+menu {
+  list-style: none;
+  --fgp-margin-top: initial;
+  --fgp-margin-left: initial;
+  --orig-margin-top: 0px;
+  --orig-margin-right: 0px;
+  --orig-margin-bottom: 0px;
+  --orig-margin-left: 0px;
+  margin: var(--fgp-margin-top, var(--orig-margin-top)) var(--orig-margin-right) var(--orig-margin-bottom) var(--fgp-margin-left, var(--orig-margin-left));
+  padding: 0;
+}
+dialog {
+  padding: 0;
+}
+textarea {
+  resize: vertical;
+}
+input::placeholder,
+textarea::placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+button,
+[role=button] {
+  cursor: pointer;
+}
+:disabled {
+  cursor: default;
+}
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block;
+  vertical-align: middle;
+}
+img,
+video {
+  --fgp-max-width: var(--element-has-fgp) calc(100% + var(--fgp-gap-row, 0%));
+  --fgp-height: var(--element-has-fgp) calc(auto + var(--fgp-gap-row, 0%));
+}
+img,
+video {
+  max-width: var(--fgp-max-width, 100%);
+  height: var(--fgp-height, auto);
+}
+[hidden] {
+  display: none;
+}
+*,
+::before,
+::after {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x: ;
+  --tw-pan-y: ;
+  --tw-pinch-zoom: ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position: ;
+  --tw-gradient-via-position: ;
+  --tw-gradient-to-position: ;
+  --tw-ordinal: ;
+  --tw-slashed-zero: ;
+  --tw-numeric-figure: ;
+  --tw-numeric-spacing: ;
+  --tw-numeric-fraction: ;
+  --tw-ring-inset: ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgba(59, 130, 246, 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur: ;
+  --tw-brightness: ;
+  --tw-contrast: ;
+  --tw-grayscale: ;
+  --tw-hue-rotate: ;
+  --tw-invert: ;
+  --tw-saturate: ;
+  --tw-sepia: ;
+  --tw-drop-shadow: ;
+  --tw-backdrop-blur: ;
+  --tw-backdrop-brightness: ;
+  --tw-backdrop-contrast: ;
+  --tw-backdrop-grayscale: ;
+  --tw-backdrop-hue-rotate: ;
+  --tw-backdrop-invert: ;
+  --tw-backdrop-opacity: ;
+  --tw-backdrop-saturate: ;
+  --tw-backdrop-sepia: ;
+  --tw-contain-size: ;
+  --tw-contain-layout: ;
+  --tw-contain-paint: ;
+  --tw-contain-style: ;
+}
+::backdrop {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x: ;
+  --tw-pan-y: ;
+  --tw-pinch-zoom: ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position: ;
+  --tw-gradient-via-position: ;
+  --tw-gradient-to-position: ;
+  --tw-ordinal: ;
+  --tw-slashed-zero: ;
+  --tw-numeric-figure: ;
+  --tw-numeric-spacing: ;
+  --tw-numeric-fraction: ;
+  --tw-ring-inset: ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgba(59, 130, 246, 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur: ;
+  --tw-brightness: ;
+  --tw-contrast: ;
+  --tw-grayscale: ;
+  --tw-hue-rotate: ;
+  --tw-invert: ;
+  --tw-saturate: ;
+  --tw-sepia: ;
+  --tw-drop-shadow: ;
+  --tw-backdrop-blur: ;
+  --tw-backdrop-brightness: ;
+  --tw-backdrop-contrast: ;
+  --tw-backdrop-grayscale: ;
+  --tw-backdrop-hue-rotate: ;
+  --tw-backdrop-invert: ;
+  --tw-backdrop-opacity: ;
+  --tw-backdrop-saturate: ;
+  --tw-backdrop-sepia: ;
+  --tw-contain-size: ;
+  --tw-contain-layout: ;
+  --tw-contain-paint: ;
+  --tw-contain-style: ;
+}
+.container {
+  --fgp-width: var(--element-has-fgp) calc(100% + var(--fgp-gap-column, 0%));
+}
+.container {
+  width: var(--fgp-width, 100%);
+}
+@media (min-width: 640px) {
+  .container {
+    --fgp-max-width: var(--element-has-fgp) calc(640px + var(--fgp-gap-row, 0%));
+  }
+  .container {
+    max-width: var(--fgp-max-width, 640px);
+  }
+}
+@media (min-width: 768px) {
+  .container {
+    --fgp-max-width: var(--element-has-fgp) calc(768px + var(--fgp-gap-row, 0%));
+  }
+  .container {
+    max-width: var(--fgp-max-width, 768px);
+  }
+}
+@media (min-width: 1024px) {
+  .container {
+    --fgp-max-width: var(--element-has-fgp) calc(1024px + var(--fgp-gap-row, 0%));
+  }
+  .container {
+    max-width: var(--fgp-max-width, 1024px);
+  }
+}
+@media (min-width: 1280px) {
+  .container {
+    --fgp-max-width: var(--element-has-fgp) calc(1280px + var(--fgp-gap-row, 0%));
+  }
+  .container {
+    max-width: var(--fgp-max-width, 1280px);
+  }
+}
+@media (min-width: 1536px) {
+  .container {
+    --fgp-max-width: var(--element-has-fgp) calc(1536px + var(--fgp-gap-row, 0%));
+  }
+  .container {
+    max-width: var(--fgp-max-width, 1536px);
+  }
+}
+.pointer-events-none {
+  pointer-events: none;
+}
+.static {
+  position: static;
+}
+.fixed {
+  position: fixed;
+}
+.absolute {
+  position: absolute;
+}
+.relative {
+  position: relative;
+}
+.-inset-x-3 {
+  left: -0.75rem;
+  right: -0.75rem;
+}
+.-inset-y-1 {
+  top: -0.25rem;
+  bottom: -0.25rem;
+}
+.bottom-0 {
+  bottom: 0px;
+}
+.bottom-16 {
+  bottom: 4rem;
+}
+.left-0 {
+  left: 0px;
+}
+.left-1\/2 {
+  left: 50%;
+}
+.right-0 {
+  right: 0px;
+}
+.right-2 {
+  right: 0.5rem;
+}
+.right-4 {
+  right: 1rem;
+}
+.top-0 {
+  top: 0px;
+}
+.top-1\/2 {
+  top: 50%;
+}
+.top-16 {
+  top: 4rem;
+}
+.z-0 {
+  z-index: 0;
+}
+.z-10 {
+  z-index: 10;
+}
+.z-20 {
+  z-index: 20;
+}
+.col-span-2 {
+  grid-column: span 2 / span 2;
+}
+.row-span-5 {
+  grid-row: span 5 / span 5;
+}
+.float-right {
+  float: right;
+}
+.m-4 > * {
+  --orig-margin-top: initial;
+  --orig-margin-right: initial;
+  --orig-margin-bottom: initial;
+  --orig-margin-left: initial;
+}
+.m-4 {
+  --fgp-margin-top: initial;
+  --fgp-margin-left: initial;
+  --orig-margin-top: 1rem;
+  --orig-margin-right: 1rem;
+  --orig-margin-bottom: 1rem;
+  --orig-margin-left: 1rem;
+  margin: var(--fgp-margin-top, var(--orig-margin-top)) var(--orig-margin-right) var(--orig-margin-bottom) var(--fgp-margin-left, var(--orig-margin-left));
+}
+.mx-2 > * {
+  --orig-margin-left: initial;
+}
+.mx-2 {
+  --fgp-margin-left: initial;
+  --orig-margin-left: 0.5rem;
+  margin-left: var(--fgp-margin-left, var(--orig-margin-left));
+  margin-right: 0.5rem;
+}
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+.my-2 > * {
+  --orig-margin-top: initial;
+}
+.my-2 {
+  --fgp-margin-top: initial;
+  --orig-margin-top: 0.5rem;
+  margin-top: var(--fgp-margin-top, var(--orig-margin-top));
+  margin-bottom: 0.5rem;
+}
+.my-3 > * {
+  --orig-margin-top: initial;
+}
+.my-3 {
+  --fgp-margin-top: initial;
+  --orig-margin-top: 0.75rem;
+  margin-top: var(--fgp-margin-top, var(--orig-margin-top));
+  margin-bottom: 0.75rem;
+}
+.my-4 > * {
+  --orig-margin-top: initial;
+}
+.my-4 {
+  --fgp-margin-top: initial;
+  --orig-margin-top: 1rem;
+  margin-top: var(--fgp-margin-top, var(--orig-margin-top));
+  margin-bottom: 1rem;
+}
+.-mt-\[\.5px\] > * {
+  --orig-margin-top: initial;
+}
+.-mt-\[\.5px\] {
+  --fgp-margin-top: initial;
+  --orig-margin-top: -.5px;
+  margin-top: var(--fgp-margin-top, var(--orig-margin-top));
+}
+.mb-1 {
+  margin-bottom: 0.25rem;
+}
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
+.mb-3 {
+  margin-bottom: 0.75rem;
+}
+.mb-4 {
+  margin-bottom: 1rem;
+}
+.mb-5 {
+  margin-bottom: 1.25rem;
+}
+.mb-6 {
+  margin-bottom: 1.5rem;
+}
+.mb-8 {
+  margin-bottom: 2rem;
+}
+.ml-4 > * {
+  --orig-margin-left: initial;
+}
+.ml-4 {
+  --fgp-margin-left: initial;
+  --orig-margin-left: 1rem;
+  margin-left: var(--fgp-margin-left, var(--orig-margin-left));
+}
+.ml-8 > * {
+  --orig-margin-left: initial;
+}
+.ml-8 {
+  --fgp-margin-left: initial;
+  --orig-margin-left: 2rem;
+  margin-left: var(--fgp-margin-left, var(--orig-margin-left));
+}
+.mr-2 {
+  margin-right: 0.5rem;
+}
+.mr-4 {
+  margin-right: 1rem;
+}
+.mr-8 {
+  margin-right: 2rem;
+}
+.mt-2 > * {
+  --orig-margin-top: initial;
+}
+.mt-2 {
+  --fgp-margin-top: initial;
+  --orig-margin-top: 0.5rem;
+  margin-top: var(--fgp-margin-top, var(--orig-margin-top));
+}
+.mt-3 > * {
+  --orig-margin-top: initial;
+}
+.mt-3 {
+  --fgp-margin-top: initial;
+  --orig-margin-top: 0.75rem;
+  margin-top: var(--fgp-margin-top, var(--orig-margin-top));
+}
+.mt-4 > * {
+  --orig-margin-top: initial;
+}
+.mt-4 {
+  --fgp-margin-top: initial;
+  --orig-margin-top: 1rem;
+  margin-top: var(--fgp-margin-top, var(--orig-margin-top));
+}
+.mt-6 > * {
+  --orig-margin-top: initial;
+}
+.mt-6 {
+  --fgp-margin-top: initial;
+  --orig-margin-top: 1.5rem;
+  margin-top: var(--fgp-margin-top, var(--orig-margin-top));
+}
+.block {
+  display: block;
+}
+.flex > * > * {
+  --parent-has-fgp: initial;
+}
+.flex > * {
+  --parent-has-fgp: !important;
+  --element-has-fgp: initial;
+  pointer-events: var(--parent-has-fgp) auto;
+}
+.flex {
+  --has-fgp: ;
+  --element-has-fgp: ;
+  pointer-events: var(--has-fgp) none;
+}
+.flex {
+  display: flex;
+}
+.inline-flex > * > * {
+  --parent-has-fgp: initial;
+}
+.inline-flex > * {
+  --parent-has-fgp: !important;
+  --element-has-fgp: initial;
+  pointer-events: var(--parent-has-fgp) auto;
+}
+.inline-flex {
+  --has-fgp: ;
+  --element-has-fgp: ;
+  pointer-events: var(--has-fgp) none;
+}
+.inline-flex {
+  display: inline-flex;
+}
+.grid {
+  display: grid;
+}
+.hidden {
+  display: none;
+}
+.h-0 {
+  --fgp-height: var(--element-has-fgp) calc(0px + var(--fgp-gap-row, 0%));
+}
+.h-0 {
+  height: var(--fgp-height, 0px);
+}
+.h-1\/4 {
+  --fgp-height: var(--element-has-fgp) calc(25% + var(--fgp-gap-row, 0%));
+}
+.h-1\/4 {
+  height: var(--fgp-height, 25%);
+}
+.h-1\/6 {
+  --fgp-height: var(--element-has-fgp) calc(16.666667% + var(--fgp-gap-row, 0%));
+}
+.h-1\/6 {
+  height: var(--fgp-height, 16.666667%);
+}
+.h-16 {
+  --fgp-height: var(--element-has-fgp) calc(4rem + var(--fgp-gap-row, 0%));
+}
+.h-16 {
+  height: var(--fgp-height, 4rem);
+}
+.h-3\/4 {
+  --fgp-height: var(--element-has-fgp) calc(75% + var(--fgp-gap-row, 0%));
+}
+.h-3\/4 {
+  height: var(--fgp-height, 75%);
+}
+.h-36 {
+  --fgp-height: var(--element-has-fgp) calc(9rem + var(--fgp-gap-row, 0%));
+}
+.h-36 {
+  height: var(--fgp-height, 9rem);
+}
+.h-6 {
+  --fgp-height: var(--element-has-fgp) calc(1.5rem + var(--fgp-gap-row, 0%));
+}
+.h-6 {
+  height: var(--fgp-height, 1.5rem);
+}
+.h-7 {
+  --fgp-height: var(--element-has-fgp) calc(1.75rem + var(--fgp-gap-row, 0%));
+}
+.h-7 {
+  height: var(--fgp-height, 1.75rem);
+}
+.h-8 {
+  --fgp-height: var(--element-has-fgp) calc(2rem + var(--fgp-gap-row, 0%));
+}
+.h-8 {
+  height: var(--fgp-height, 2rem);
+}
+.h-\[96px\] {
+  --fgp-height: var(--element-has-fgp) calc(96px + var(--fgp-gap-row, 0%));
+}
+.h-\[96px\] {
+  height: var(--fgp-height, 96px);
+}
+.h-full {
+  --fgp-height: var(--element-has-fgp) calc(100% + var(--fgp-gap-row, 0%));
+}
+.h-full {
+  height: var(--fgp-height, 100%);
+}
+.h-min {
+  --fgp-height: var(--element-has-fgp) calc(min-content + var(--fgp-gap-row, 0%));
+}
+.h-min {
+  height: var(--fgp-height, min-content);
+}
+.h-screen {
+  --fgp-height: var(--element-has-fgp) calc(100vh + var(--fgp-gap-row, 0%));
+}
+.h-screen {
+  height: var(--fgp-height, 100vh);
+}
+.w-0 {
+  --fgp-width: var(--element-has-fgp) calc(0px + var(--fgp-gap-column, 0%));
+}
+.w-0 {
+  width: var(--fgp-width, 0px);
+}
+.w-1 {
+  --fgp-width: var(--element-has-fgp) calc(0.25rem + var(--fgp-gap-column, 0%));
+}
+.w-1 {
+  width: var(--fgp-width, 0.25rem);
+}
+.w-1\/12 {
+  --fgp-width: var(--element-has-fgp) calc(8.333333% + var(--fgp-gap-column, 0%));
+}
+.w-1\/12 {
+  width: var(--fgp-width, 8.333333%);
+}
+.w-1\/2 {
+  --fgp-width: var(--element-has-fgp) calc(50% + var(--fgp-gap-column, 0%));
+}
+.w-1\/2 {
+  width: var(--fgp-width, 50%);
+}
+.w-1\/4 {
+  --fgp-width: var(--element-has-fgp) calc(25% + var(--fgp-gap-column, 0%));
+}
+.w-1\/4 {
+  width: var(--fgp-width, 25%);
+}
+.w-1\/5 {
+  --fgp-width: var(--element-has-fgp) calc(20% + var(--fgp-gap-column, 0%));
+}
+.w-1\/5 {
+  width: var(--fgp-width, 20%);
+}
+.w-10\/12 {
+  --fgp-width: var(--element-has-fgp) calc(83.333333% + var(--fgp-gap-column, 0%));
+}
+.w-10\/12 {
+  width: var(--fgp-width, 83.333333%);
+}
+.w-2 {
+  --fgp-width: var(--element-has-fgp) calc(0.5rem + var(--fgp-gap-column, 0%));
+}
+.w-2 {
+  width: var(--fgp-width, 0.5rem);
+}
+.w-3\/4 {
+  --fgp-width: var(--element-has-fgp) calc(75% + var(--fgp-gap-column, 0%));
+}
+.w-3\/4 {
+  width: var(--fgp-width, 75%);
+}
+.w-6 {
+  --fgp-width: var(--element-has-fgp) calc(1.5rem + var(--fgp-gap-column, 0%));
+}
+.w-6 {
+  width: var(--fgp-width, 1.5rem);
+}
+.w-\[96px\] {
+  --fgp-width: var(--element-has-fgp) calc(96px + var(--fgp-gap-column, 0%));
+}
+.w-\[96px\] {
+  width: var(--fgp-width, 96px);
+}
+.w-full {
+  --fgp-width: var(--element-has-fgp) calc(100% + var(--fgp-gap-column, 0%));
+}
+.w-full {
+  width: var(--fgp-width, 100%);
+}
+.w-min {
+  --fgp-width: var(--element-has-fgp) calc(min-content + var(--fgp-gap-column, 0%));
+}
+.w-min {
+  width: var(--fgp-width, min-content);
+}
+.w-screen {
+  --fgp-width: var(--element-has-fgp) calc(100vw + var(--fgp-gap-column, 0%));
+}
+.w-screen {
+  width: var(--fgp-width, 100vw);
+}
+.flex-\[48\%\] {
+  flex: 48%;
+}
+.flex-grow {
+  flex-grow: 1;
+}
+.grow {
+  flex-grow: 1;
+}
+.basis-1 {
+  flex-basis: 0.25rem;
+}
+.basis-full {
+  flex-basis: 100%;
+}
+.-translate-x-1\/2 {
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.-translate-y-1\/2 {
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.rotate-45 {
+  --tw-rotate: 45deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.transform {
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+.animate-spin {
+  animation: spin 1s linear infinite;
+}
+.list-none {
+  list-style-type: none;
+}
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+.grid-rows-6 {
+  grid-template-rows: repeat(6, minmax(0, 1fr));
+}
+.flex-row {
+  flex-direction: row;
+}
+.flex-col {
+  flex-direction: column;
+}
+.flex-wrap {
+  flex-wrap: wrap;
+}
+.place-content-center {
+  place-content: center;
+}
+.place-content-stretch {
+  place-content: stretch;
+}
+.place-items-center {
+  place-items: center;
+}
+.items-center {
+  align-items: center;
+}
+.justify-start {
+  justify-content: flex-start;
+}
+.justify-end {
+  justify-content: flex-end;
+}
+.justify-center {
+  justify-content: center;
+}
+.justify-between {
+  justify-content: space-between;
+}
+.justify-around {
+  justify-content: space-around;
+}
+.justify-evenly {
+  justify-content: space-evenly;
+}
+.justify-stretch {
+  justify-content: stretch;
+}
+.gap-3 > * > * {
+  --fgp-parent-gap-row: initial;
+  --fgp-parent-gap-column: initial;
+}
+.gap-3 > * {
+  pointer-events: var(--parent-has-fgp) auto;
+  --fgp-parent-gap-row: 0.75rem;
+  --fgp-margin-top: var(--parent-has-fgp) calc(var(--fgp-gap-row) + var(--orig-margin-top, 0px));
+  margin-top: var(--fgp-margin-top);
+  --fgp-parent-gap-column: 0.75rem;
+  --fgp-margin-left: var(--parent-has-fgp) calc(var(--fgp-gap-column) + var(--orig-margin-left, 0px));
+  margin-left: var(--fgp-margin-left);
+}
+.gap-3 {
+  pointer-events: var(--has-fgp) none;
+  --fgp-gap-row: 0.75rem;
+  --fgp-margin-top: var(--has-fgp) calc(var(--fgp-parent-gap-row, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-row) + var(--orig-margin-top, 0px)) !important;
+  --fgp-gap-column: 0.75rem;
+  --fgp-margin-left: var(--has-fgp) calc(var(--fgp-parent-gap-column, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-column) + var(--orig-margin-left, 0px)) !important;
+}
+.gap-3 {
+  --fgp-gap: var(--has-fgp, 0.75rem);
+  gap: var(--fgp-gap, 0px);
+  margin-top: var(--fgp-margin-top, var(--orig-margin-top));
+  margin-left: var(--fgp-margin-left, var(--orig-margin-left));
+}
+.gap-4 > * > * {
+  --fgp-parent-gap-row: initial;
+  --fgp-parent-gap-column: initial;
+}
+.gap-4 > * {
+  pointer-events: var(--parent-has-fgp) auto;
+  --fgp-parent-gap-row: 1rem;
+  --fgp-margin-top: var(--parent-has-fgp) calc(var(--fgp-gap-row) + var(--orig-margin-top, 0px));
+  margin-top: var(--fgp-margin-top);
+  --fgp-parent-gap-column: 1rem;
+  --fgp-margin-left: var(--parent-has-fgp) calc(var(--fgp-gap-column) + var(--orig-margin-left, 0px));
+  margin-left: var(--fgp-margin-left);
+}
+.gap-4 {
+  pointer-events: var(--has-fgp) none;
+  --fgp-gap-row: 1rem;
+  --fgp-margin-top: var(--has-fgp) calc(var(--fgp-parent-gap-row, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-row) + var(--orig-margin-top, 0px)) !important;
+  --fgp-gap-column: 1rem;
+  --fgp-margin-left: var(--has-fgp) calc(var(--fgp-parent-gap-column, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-column) + var(--orig-margin-left, 0px)) !important;
+}
+.gap-4 {
+  --fgp-gap: var(--has-fgp, 1rem);
+  gap: var(--fgp-gap, 0px);
+  margin-top: var(--fgp-margin-top, var(--orig-margin-top));
+  margin-left: var(--fgp-margin-left, var(--orig-margin-left));
+}
+.gap-x-2 > * > * {
+  --fgp-parent-gap-column: initial;
+}
+.gap-x-2 > * {
+  pointer-events: var(--parent-has-fgp) auto;
+  --fgp-parent-gap-column: 0.5rem;
+  --fgp-margin-left: var(--parent-has-fgp) calc(var(--fgp-gap-column) + var(--orig-margin-left, 0px));
+  margin-left: var(--fgp-margin-left);
+}
+.gap-x-2 {
+  pointer-events: var(--has-fgp) none;
+  --fgp-gap-column: 0.5rem;
+  --fgp-margin-left: var(--has-fgp) calc(var(--fgp-parent-gap-column, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-column) + var(--orig-margin-left, 0px)) !important;
+}
+.gap-x-2 {
+  --fgp-column-gap: var(--has-fgp, 0.5rem);
+  column-gap: var(--fgp-column-gap, 0px);
+  margin-left: var(--fgp-margin-left, var(--orig-margin-left));
+}
+.gap-x-3 > * > * {
+  --fgp-parent-gap-column: initial;
+}
+.gap-x-3 > * {
+  pointer-events: var(--parent-has-fgp) auto;
+  --fgp-parent-gap-column: 0.75rem;
+  --fgp-margin-left: var(--parent-has-fgp) calc(var(--fgp-gap-column) + var(--orig-margin-left, 0px));
+  margin-left: var(--fgp-margin-left);
+}
+.gap-x-3 {
+  pointer-events: var(--has-fgp) none;
+  --fgp-gap-column: 0.75rem;
+  --fgp-margin-left: var(--has-fgp) calc(var(--fgp-parent-gap-column, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-column) + var(--orig-margin-left, 0px)) !important;
+}
+.gap-x-3 {
+  --fgp-column-gap: var(--has-fgp, 0.75rem);
+  column-gap: var(--fgp-column-gap, 0px);
+  margin-left: var(--fgp-margin-left, var(--orig-margin-left));
+}
+.gap-x-6 > * > * {
+  --fgp-parent-gap-column: initial;
+}
+.gap-x-6 > * {
+  pointer-events: var(--parent-has-fgp) auto;
+  --fgp-parent-gap-column: 1.5rem;
+  --fgp-margin-left: var(--parent-has-fgp) calc(var(--fgp-gap-column) + var(--orig-margin-left, 0px));
+  margin-left: var(--fgp-margin-left);
+}
+.gap-x-6 {
+  pointer-events: var(--has-fgp) none;
+  --fgp-gap-column: 1.5rem;
+  --fgp-margin-left: var(--has-fgp) calc(var(--fgp-parent-gap-column, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-column) + var(--orig-margin-left, 0px)) !important;
+}
+.gap-x-6 {
+  --fgp-column-gap: var(--has-fgp, 1.5rem);
+  column-gap: var(--fgp-column-gap, 0px);
+  margin-left: var(--fgp-margin-left, var(--orig-margin-left));
+}
+.gap-y-2 > * > * {
+  --fgp-parent-gap-row: initial;
+}
+.gap-y-2 > * {
+  pointer-events: var(--parent-has-fgp) auto;
+  --fgp-parent-gap-row: 0.5rem;
+  --fgp-margin-top: var(--parent-has-fgp) calc(var(--fgp-gap-row) + var(--orig-margin-top, 0px));
+  margin-top: var(--fgp-margin-top);
+}
+.gap-y-2 {
+  pointer-events: var(--has-fgp) none;
+  --fgp-gap-row: 0.5rem;
+  --fgp-margin-top: var(--has-fgp) calc(var(--fgp-parent-gap-row, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-row) + var(--orig-margin-top, 0px)) !important;
+}
+.gap-y-2 {
+  --fgp-row-gap: var(--has-fgp, 0.5rem);
+  row-gap: var(--fgp-row-gap, 0px);
+  margin-top: var(--fgp-margin-top, var(--orig-margin-top));
+}
+.gap-y-4 > * > * {
+  --fgp-parent-gap-row: initial;
+}
+.gap-y-4 > * {
+  pointer-events: var(--parent-has-fgp) auto;
+  --fgp-parent-gap-row: 1rem;
+  --fgp-margin-top: var(--parent-has-fgp) calc(var(--fgp-gap-row) + var(--orig-margin-top, 0px));
+  margin-top: var(--fgp-margin-top);
+}
+.gap-y-4 {
+  pointer-events: var(--has-fgp) none;
+  --fgp-gap-row: 1rem;
+  --fgp-margin-top: var(--has-fgp) calc(var(--fgp-parent-gap-row, 0px) / (1 + var(--fgp--parent-gap-as-decimal, 0)) - var(--fgp-gap-row) + var(--orig-margin-top, 0px)) !important;
+}
+.gap-y-4 {
+  --fgp-row-gap: var(--has-fgp, 1rem);
+  row-gap: var(--fgp-row-gap, 0px);
+  margin-top: var(--fgp-margin-top, var(--orig-margin-top));
+}
+.overflow-hidden {
+  overflow: hidden;
+}
+.overflow-scroll {
+  overflow: scroll;
+}
+.overflow-y-auto {
+  overflow-y: auto;
+}
+.whitespace-nowrap {
+  white-space: nowrap;
+}
+.rounded {
+  border-radius: 0.25rem;
+}
+.rounded-lg {
+  border-radius: 0.5rem;
+}
+.rounded-md {
+  border-radius: 0.375rem;
+}
+.rounded-b-lg {
+  border-bottom-right-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
+.rounded-b-md {
+  border-bottom-right-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+}
+.rounded-l-lg {
+  border-top-left-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
+.rounded-r-lg {
+  border-top-right-radius: 0.5rem;
+  border-bottom-right-radius: 0.5rem;
+}
+.rounded-r-md {
+  border-top-right-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem;
+}
+.rounded-t-lg {
+  border-top-left-radius: 0.5rem;
+  border-top-right-radius: 0.5rem;
+}
+.rounded-t-md {
+  border-top-left-radius: 0.375rem;
+  border-top-right-radius: 0.375rem;
+}
+.rounded-bl-lg {
+  border-bottom-left-radius: 0.5rem;
+}
+.rounded-br-lg {
+  border-bottom-right-radius: 0.5rem;
+}
+.border {
+  border-width: 1px;
+}
+.border-2 {
+  border-width: 2px;
+}
+.border-x-0 {
+  border-left-width: 0px;
+  border-right-width: 0px;
+}
+.border-b {
+  border-bottom-width: 1px;
+}
+.border-b-0 {
+  border-bottom-width: 0px;
+}
+.border-b-2 {
+  border-bottom-width: 2px;
+}
+.border-l-0 {
+  border-left-width: 0px;
+}
+.border-l-2 {
+  border-left-width: 2px;
+}
+.border-t {
+  border-top-width: 1px;
+}
+.border-t-0 {
+  border-top-width: 0px;
+}
+.border-t-2 {
+  border-top-width: 2px;
+}
+.border-green-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(22, 163, 74, var(--tw-border-opacity));
+}
+.border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+}
+.border-slate-100 {
+  --tw-border-opacity: 1;
+  border-color: rgba(241, 245, 249, var(--tw-border-opacity));
+}
+.border-transparent {
+  border-color: transparent;
+}
+.border-white {
+  --tw-border-opacity: 1;
+  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+}
+.bg-amber-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
+}
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+}
+.bg-blue-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+}
+.bg-blue-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+}
+.bg-gray-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
+}
+.bg-gray-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+}
+.bg-green-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(34, 197, 94, var(--tw-bg-opacity));
+}
+.bg-green-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(22, 163, 74, var(--tw-bg-opacity));
+}
+.bg-green-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(21, 128, 61, var(--tw-bg-opacity));
+}
+.bg-navigraph-background {
+  --tw-bg-opacity: 1;
+  background-color: rgba(25, 34, 48, var(--tw-bg-opacity));
+}
+.bg-navigraph-sidebar {
+  --tw-bg-opacity: 1;
+  background-color: rgba(21, 29, 41, var(--tw-bg-opacity));
+}
+.bg-orange-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(234, 88, 12, var(--tw-bg-opacity));
+}
+.bg-pink-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
+}
+.bg-purple-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(168, 85, 247, var(--tw-bg-opacity));
+}
+.bg-red-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+}
+.bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+}
+.bg-red-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+}
+.bg-red-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+}
+.bg-red-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+}
+.bg-transparent {
+  background-color: transparent;
+}
+.bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+}
+.bg-zinc-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(161, 161, 170, var(--tw-bg-opacity));
+}
+.bg-zinc-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(82, 82, 91, var(--tw-bg-opacity));
+}
+.bg-zinc-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(63, 63, 70, var(--tw-bg-opacity));
+}
+.bg-zinc-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
+}
+.bg-gradient-to-br {
+  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+}
+.from-red-500 {
+  --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgba(239, 68, 68, 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.to-red-700 {
+  --tw-gradient-to: #b91c1c var(--tw-gradient-to-position);
+}
+.bg-size-200 {
+  background-size: 200% 200%;
+}
+.fill-green-400 {
+  fill: #4ade80;
+}
+.fill-none {
+  fill: none;
+}
+.fill-white {
+  fill: #fff;
+}
+.stroke-green-400 {
+  stroke: #4ade80;
+}
+.stroke-white {
+  stroke: #fff;
+}
+.stroke-\[3\] {
+  stroke-width: 3;
+}
+.p-1 {
+  padding: 0.25rem;
+}
+.p-2 {
+  padding: 0.5rem;
+}
+.p-4 {
+  padding: 1rem;
+}
+.p-8 {
+  padding: 2rem;
+}
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+.px-7 {
+  padding-left: 1.75rem;
+  padding-right: 1.75rem;
+}
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+.py-3 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+.py-5 {
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
+.py-8 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+.pb-3 {
+  padding-bottom: 0.75rem;
+}
+.pb-4 {
+  padding-bottom: 1rem;
+}
+.pb-5 {
+  padding-bottom: 1.25rem;
+}
+.pl-0 {
+  padding-left: 0px;
+}
+.pl-1 {
+  padding-left: 0.25rem;
+}
+.pt-2 {
+  padding-top: 0.5rem;
+}
+.pt-3 {
+  padding-top: 0.75rem;
+}
+.pt-4 {
+  padding-top: 1rem;
+}
+.text-left {
+  text-align: left;
+}
+.text-center {
+  text-align: center;
+}
+.text-right {
+  text-align: right;
+}
+.font-mono {
+  font-family:
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+}
+.font-sans {
+  font-family:
+    ui-sans-serif,
+    system-ui,
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol",
+    "Noto Color Emoji";
+}
+.text-2xl {
+  font-size: 3rem;
+}
+.text-3xl {
+  font-size: 3.5rem;
+}
+.text-4xl {
+  font-size: 4rem;
+}
+.text-5xl {
+  font-size: 5rem;
+}
+.text-6xl {
+  font-size: 6rem;
+}
+.text-base {
+  font-size: 2rem;
+}
+.text-lg {
+  font-size: 2.5rem;
+}
+.text-sm {
+  font-size: 1.75rem;
+}
+.text-xl {
+  font-size: 3rem;
+}
+.text-xs {
+  font-size: 1.25rem;
+}
+.font-bold {
+  font-weight: 700;
+}
+.font-extrabold {
+  font-weight: 800;
+}
+.font-medium {
+  font-weight: 500;
+}
+.font-semibold {
+  font-weight: 600;
+}
+.uppercase {
+  text-transform: uppercase;
+}
+.text-amber-500 {
+  --tw-text-opacity: 1;
+  color: rgba(245, 158, 11, var(--tw-text-opacity));
+}
+.text-blue-300 {
+  --tw-text-opacity: 1;
+  color: rgba(147, 197, 253, var(--tw-text-opacity));
+}
+.text-blue-500 {
+  --tw-text-opacity: 1;
+  color: rgba(59, 130, 246, var(--tw-text-opacity));
+}
+.text-gray-400 {
+  --tw-text-opacity: 1;
+  color: rgba(156, 163, 175, var(--tw-text-opacity));
+}
+.text-green-400 {
+  --tw-text-opacity: 1;
+  color: rgba(74, 222, 128, var(--tw-text-opacity));
+}
+.text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgba(34, 197, 94, var(--tw-text-opacity));
+}
+.text-green-600 {
+  --tw-text-opacity: 1;
+  color: rgba(22, 163, 74, var(--tw-text-opacity));
+}
+.text-neutral-500 {
+  --tw-text-opacity: 1;
+  color: rgba(115, 115, 115, var(--tw-text-opacity));
+}
+.text-pink-500 {
+  --tw-text-opacity: 1;
+  color: rgba(236, 72, 153, var(--tw-text-opacity));
+}
+.text-purple-500 {
+  --tw-text-opacity: 1;
+  color: rgba(168, 85, 247, var(--tw-text-opacity));
+}
+.text-red-300 {
+  --tw-text-opacity: 1;
+  color: rgba(252, 165, 165, var(--tw-text-opacity));
+}
+.text-red-400 {
+  --tw-text-opacity: 1;
+  color: rgba(248, 113, 113, var(--tw-text-opacity));
+}
+.text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgba(239, 68, 68, var(--tw-text-opacity));
+}
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+}
+.text-zinc-400 {
+  --tw-text-opacity: 1;
+  color: rgba(161, 161, 170, var(--tw-text-opacity));
+}
+.underline {
+  text-decoration-line: underline;
+}
+.opacity-10 {
+  opacity: 0.1;
+}
+.opacity-100 {
+  opacity: 1;
+}
+.opacity-50 {
+  opacity: 0.5;
+}
+.shadow-md {
+  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
+.shadow-sm {
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
+.shadow-blue-500\/20 {
+  --tw-shadow-color: rgba(59, 130, 246, 0.2);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.shadow-green-500\/20 {
+  --tw-shadow-color: rgba(34, 197, 94, 0.2);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.shadow-red-500\/20 {
+  --tw-shadow-color: rgba(239, 68, 68, 0.2);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.filter {
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+.transition-\[font-weight\] {
+  transition-property: font-weight;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.transition-opacity {
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.duration-150 {
+  transition-duration: 150ms;
+}
+.ease-linear {
+  transition-timing-function: linear;
+}
+@keyframes bg-gradient-fade {
+  0% {
+    background-position: 0% 0%;
+  }
+  50% {
+    background-position: 100% 100%;
+  }
+  100% {
+    background-position: 0% 0%;
+  }
+}
+.bg-pos-fade {
+  animation: bg-gradient-fade 10s ease infinite;
+}
+@keyframes stroke-flash {
+  0% {
+    stroke: #fb923c;
+  }
+  49% {
+    stroke: #fb923c;
+  }
+  50% {
+    stroke: #fed7aa;
+  }
+  99% {
+    stroke: #fed7aa;
+  }
+  100% {
+    stroke: #fb923c;
+  }
+}
+.stroke-flash {
+  animation: stroke-flash 1s ease infinite;
+}
+.hover\:bg-amber-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
+}
+.hover\:bg-blue-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
+}
+.hover\:bg-gray-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
+}
+.hover\:bg-gray-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
+}
+.hover\:bg-green-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(22, 163, 74, var(--tw-bg-opacity));
+}
+.hover\:bg-green-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(21, 128, 61, var(--tw-bg-opacity));
+}
+.hover\:bg-green-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(20, 83, 45, var(--tw-bg-opacity));
+}
+.hover\:bg-pink-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
+}
+.hover\:bg-purple-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(88, 28, 135, var(--tw-bg-opacity));
+}
+.hover\:font-bold:hover {
+  font-weight: 700;
+}
+.hover\:text-white:hover {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+}
+.hover\:shadow-lg:hover {
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
+.hover\:shadow-blue-500\/40:hover {
+  --tw-shadow-color: rgba(59, 130, 246, 0.4);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.hover\:shadow-green-500\/40:hover {
+  --tw-shadow-color: rgba(34, 197, 94, 0.4);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.hover\:shadow-red-500\/40:hover {
+  --tw-shadow-color: rgba(239, 68, 68, 0.4);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+.focus\:border-blue-600:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+}
+.focus\:opacity-\[0\.85\]:focus {
+  opacity: 0.85;
+}
+.focus\:shadow-none:focus {
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
+.focus\:outline-none:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.focus\:ring-blue-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
+}
+.active\:opacity-\[0\.85\]:active {
+  opacity: 0.85;
+}
+.active\:shadow-none:active {
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
+.disabled\:pointer-events-none:disabled {
+  pointer-events: none;
+}
+.disabled\:text-zinc-400:disabled {
+  --tw-text-opacity: 1;
+  color: rgba(161, 161, 170, var(--tw-text-opacity));
+}
+.disabled\:opacity-50:disabled {
+  opacity: 0.5;
+}
+.disabled\:opacity-75:disabled {
+  opacity: 0.75;
+}
+.disabled\:shadow-none:disabled {
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
+.group:hover .group-hover\:font-bold {
+  font-weight: 700;
+}
+@media (min-width: 768px) {
+  .md\:mt-0 > * {
+    --orig-margin-top: initial;
+  }
+  .md\:mt-0 {
+    --fgp-margin-top: initial;
+    --orig-margin-top: 0px;
+    margin-top: var(--fgp-margin-top, var(--orig-margin-top));
+  }
+  .md\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  .md\:divide-x-\[1px\] > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-x-reverse: 0;
+    border-right-width: calc(1px * var(--tw-divide-x-reverse));
+    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  }
+  .md\:border-l-\[1px\] {
+    border-left-width: 1px;
+  }
+}
diff --git a/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11F_GE/panel/PANEL.CFG b/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11F_GE/panel/PANEL.CFG
index 5c8333b..460cdb8 100644
--- a/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11F_GE/panel/PANEL.CFG
+++ b/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11F_GE/panel/PANEL.CFG
@@ -56,4 +56,4 @@ visible=1
 pixel_size=1536,1024
 texture=$EFB
 
-htmlgauge00=aircraft_efb/TFDi_MD11_efb/efb.html,0,0,1536,1024
\ No newline at end of file
+htmlgauge00=aircraft_efb/KH_TFDi_MD11_efb/efb.html,0,0,1536,1024
\ No newline at end of file
diff --git a/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11F_PW/panel/PANEL.CFG b/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11F_PW/panel/PANEL.CFG
index 1e6a804..f9ec4c2 100644
--- a/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11F_PW/panel/PANEL.CFG
+++ b/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11F_PW/panel/PANEL.CFG
@@ -56,4 +56,4 @@ visible=1
 pixel_size=1536,1024
 texture=$EFB
 
-htmlgauge00=aircraft_efb/TFDi_MD11_efb/efb.html,0,0,1536,1024
\ No newline at end of file
+htmlgauge00=aircraft_efb/KH_TFDi_MD11_efb/efb.html,0,0,1536,1024
\ No newline at end of file
diff --git a/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11_GE/panel/PANEL.CFG b/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11_GE/panel/PANEL.CFG
index 5c8333b..460cdb8 100644
--- a/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11_GE/panel/PANEL.CFG
+++ b/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11_GE/panel/PANEL.CFG
@@ -56,4 +56,4 @@ visible=1
 pixel_size=1536,1024
 texture=$EFB
 
-htmlgauge00=aircraft_efb/TFDi_MD11_efb/efb.html,0,0,1536,1024
\ No newline at end of file
+htmlgauge00=aircraft_efb/KH_TFDi_MD11_efb/efb.html,0,0,1536,1024
\ No newline at end of file
diff --git a/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11_PW/panel/PANEL.CFG b/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11_PW/panel/PANEL.CFG
index 1e6a804..f9ec4c2 100644
--- a/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11_PW/panel/PANEL.CFG
+++ b/PackageSources/SimObjects/Airplanes/TFDi_Design_MD-11_PW/panel/PANEL.CFG
@@ -56,4 +56,4 @@ visible=1
 pixel_size=1536,1024
 texture=$EFB
 
-htmlgauge00=aircraft_efb/TFDi_MD11_efb/efb.html,0,0,1536,1024
\ No newline at end of file
+htmlgauge00=aircraft_efb/KH_TFDi_MD11_efb/efb.html,0,0,1536,1024
\ No newline at end of file
diff --git a/PackageSources/js-bundle/package.json b/PackageSources/js-bundle/package.json
index 95b6586..42ab7af 100644
--- a/PackageSources/js-bundle/package.json
+++ b/PackageSources/js-bundle/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tfdidesign-md11-load-manager",
-  "version": "0.1.63",
+  "version": "0.1.64",
   "description": "",
   "main": "index.js",
   "type": "module",
diff --git a/PackageSources/js-bundle/rollup.config.js b/PackageSources/js-bundle/rollup.config.js
index 7ac54c7..5e2d3be 100644
--- a/PackageSources/js-bundle/rollup.config.js
+++ b/PackageSources/js-bundle/rollup.config.js
@@ -13,7 +13,7 @@ import versionInjector from 'rollup-plugin-version-injector';
 
 const { NODE_ENV: targetEnv = 'development' } = process.env;
 const outDirBase = '../html_ui';
-const panelDirBase = `${outDirBase}/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb`;
+const panelDirBase = `${outDirBase}/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb`;
 
 export default {
   input: 'src/App.tsx',
diff --git a/README.md b/README.md
index 349c025..9d4ded1 100644
--- a/README.md
+++ b/README.md
@@ -10,3 +10,8 @@ Build in sim
 - LAMM
 - https://www.satco-inc.com/product-pallet/?part_number=31086-595
 - https://www.satco-inc.com/product-container/?part_number=34124-901
+
+TODO:
+
+- Disallow override of SB data
+- Check if WSB can be overridden
diff --git a/insert-efb.js b/insert-efb.js
index 3778e97..fbabc15 100644
--- a/insert-efb.js
+++ b/insert-efb.js
@@ -4,10 +4,11 @@ const exec = util.promisify(require("node:child_process").exec);
 const readline = require("readline");
 
 const outPath =
-  "./PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/TFDi_MD11_efb";
+  "./PackageSources/html_ui/Pages/VCockpit/Instruments/aircraft_efb/KH_TFDi_MD11_efb";
 
 fs.copyFileSync("./EFB/efb.js", `${outPath}/efb.js`);
 fs.copyFileSync("./EFB/efb.html", `${outPath}/efb.html`);
+fs.copyFileSync("./EFB/efb.css", `${outPath}/efb.css`);
 console.log("Files transferred.");
 
 exec("git apply ./EFB/efb-js.patch").then(({ stdout, stderr }) => {