.flexlayout__layout {
  --color-text: black;
  --color-background: white;
  --color-base: white;
  --color-1: rgb(247.35, 247.35, 247.35);
  --color-2: rgb(239.7, 239.7, 239.7);
  --color-3: rgb(232.05, 232.05, 232.05);
  --color-4: rgb(224.4, 224.4, 224.4);
  --color-5: rgb(216.75, 216.75, 216.75);
  --color-6: rgb(209.1, 209.1, 209.1);
  --color-drag1: rgb(95, 134, 196);
  --color-drag2: rgb(119, 166, 119);
  --color-drag1-background: rgba(95, 134, 196, 0.1);
  --color-drag2-background: rgba(119, 166, 119, 0.075);
  --font-size: medium;
  --font-family: Roboto, Arial, sans-serif;
  --color-overflow: gray;
  --color-icon: gray;
  --color-tabset-background: var(--color-background);
  --color-tabset-background-selected: var(--color-1);
  --color-tabset-background-maximized: var(--color-2);
  --color-tabset-divider-line: var(--color-4);
  --color-tabset-header-background: var(--color-background);
  --color-tabset-header: var(--color-text);
  --color-border-tab-content: var(--color-background);
  --color-border-background: var(--color-background);
  --color-border-divider-line: var(--color-4);
  --color-tab-content: var(--color-background);
  --color-tab-selected: var(--color-text);
  --color-tab-selected-background: var(--color-4);
  --color-tab-unselected: gray;
  --color-tab-unselected-background: transparent;
  --color-tab-textbox: var(--color-text);
  --color-tab-textbox-background: var(--color-3);
  --color-border-tab-selected: var(--color-text);
  --color-border-tab-selected-background: var(--color-4);
  --color-border-tab-unselected: gray;
  --color-border-tab-unselected-background: var(--color-2);
  --color-splitter: var(--color-1);
  --color-splitter-hover: var(--color-4);
  --color-splitter-drag: var(--color-4);
  --color-drag-rect-border: #ccc;
  --color-drag-rect-background: var(--color-5);
  --color-drag-rect: var(--color-text);
  --color-popup-border: var(--color-6);
  --color-popup-unselected: var(--color-text);
  --color-popup-unselected-background: white;
  --color-popup-selected: var(--color-text);
  --color-popup-selected-background: var(--color-3);
  --color-edge-marker: #aaa;
  --color-edge-icon: #555;
  --color-mini-scroll-indicator: rgba(128, 128, 128, 0.5);
  --color-mini-scroll-indicator-hovered: rgba(128, 128, 128, 0.7);
  --size-mini-scroll-indicator: 3px;
  --color-toolbar-button-hover: var(--color-3);
}

/*
    base classes
*/
.flexlayout__layout {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: flex;
  background-color: var(--color-background);
}
.flexlayout__layout_overlay {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 1000;
}
.flexlayout__layout_tab_stamps {
  position: absolute;
  top: -10000px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: start;
}
.flexlayout__layout_moveables {
  visibility: hidden;
  position: absolute;
  width: 100px;
  height: 100px;
  top: -20000px;
}
.flexlayout__layout_main {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
  position: relative;
}
.flexlayout__layout_border_container {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
}
.flexlayout__layout_border_container_inner {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
}
.flexlayout__splitter {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-splitter);
  touch-action: none;
  z-index: 10;
}
@media (hover: hover) {
  .flexlayout__splitter:hover {
    background-color: var(--color-splitter-hover);
    transition: background-color ease-in 0.1s;
    transition-delay: 0.05s;
    border-radius: 5px;
  }
}
.flexlayout__splitter_drag {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  border-radius: 5px;
  background-color: var(--color-splitter-drag);
}
.flexlayout__splitter_handle {
  background-color: #ccc;
  border-radius: 3px;
}
.flexlayout__splitter_handle_horz {
  width: 3px;
  height: 30px;
}
.flexlayout__splitter_handle_vert {
  width: 30px;
  height: 3px;
}
.flexlayout__splitter_extra {
  touch-action: none;
  background-color: transparent;
}
.flexlayout__outline_rect {
  position: absolute;
  pointer-events: none;
  box-sizing: border-box;
  border: 2px solid var(--color-drag1);
  background: var(--color-drag1-background);
  border-radius: 5px;
  z-index: 1000;
}
.flexlayout__outline_rect_edge {
  pointer-events: none;
  border: 2px solid var(--color-drag2);
  background: var(--color-drag2-background);
  border-radius: 5px;
  z-index: 1000;
  box-sizing: border-box;
}
.flexlayout__edge_rect {
  position: absolute;
  z-index: 1000;
  background-color: var(--color-edge-marker);
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flexlayout__drag_rect {
  color: var(--color-drag-rect);
  background-color: var(--color-drag-rect-background);
  border: 2px solid var(--color-drag-rect-border);
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  padding: 0.3em 0.8em;
  word-wrap: break-word;
  font-size: var(--font-size);
  font-family: var(--font-family);
}
.flexlayout__row {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
.flexlayout__tabset {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: var(--color-tabset-background);
  box-sizing: border-box;
  font-family: var(--font-family);
  overflow: hidden;
  flex-grow: 1;
}
.flexlayout__tabset_container {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
}
.flexlayout__tabset_tab_divider {
  width: 4px;
}
.flexlayout__tabset_content {
  display: flex;
  flex-basis: 0px;
  min-width: 0;
  min-height: 0;
  flex-grow: 1;
  box-sizing: border-box;
  position: relative;
}
.flexlayout__tabset_leading {
  display: flex;
}
.flexlayout__tabset_header {
  display: flex;
  align-items: center;
  padding: 3px 3px 3px 5px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--color-tabset-divider-line);
  color: var(--color-tabset-header);
  background-color: var(--color-tabset-header-background);
  font-size: var(--font-size);
}
.flexlayout__tabset_header_content {
  flex-grow: 1;
}
.flexlayout__tabset_tabbar_outer {
  box-sizing: border-box;
  background-color: var(--color-tabset-background);
  overflow: hidden;
  display: flex;
  font-size: var(--font-size);
}
.flexlayout__tabset_tabbar_outer_top {
  padding: 0px 2px 0px 2px;
  border-bottom: 1px solid var(--color-tabset-divider-line);
}
.flexlayout__tabset_tabbar_outer_bottom {
  padding: 0px 2px 0px 2px;
  border-top: 1px solid var(--color-tabset-divider-line);
}
.flexlayout__tabset_tabbar_inner {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-grow: 1;
  scrollbar-width: none;
}
.flexlayout__tabset_tabbar_inner::-webkit-scrollbar {
  display: none;
}
.flexlayout__tabset_tabbar_inner_tab_container {
  position: relative;
  display: flex;
  padding-left: 4px;
  padding-right: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.flexlayout__tabset_tabbar_inner_tab_container_top {
  border-top: 2px solid transparent;
}
.flexlayout__tabset_tabbar_inner_tab_container_bottom {
  border-bottom: 2px solid transparent;
}
.flexlayout__tabset-selected {
  background-color: var(--color-tabset-background-selected);
}
.flexlayout__tabset-maximized {
  background-color: var(--color-tabset-background-maximized);
}
.flexlayout__tab_button_stamp {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
  white-space: nowrap;
  box-sizing: border-box;
}
.flexlayout__tab {
  overflow: hidden;
  box-sizing: border-box;
  background-color: var(--color-tab-content);
  color: var(--color-text);
  position: relative;
}
.flexlayout__tab_moveable {
  position: relative;
  height: 100%;
  min-width: 1px;
  min-height: 1px;
  overflow: auto;
  box-sizing: border-box;
}
.flexlayout__tab_overlay {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2392156863);
}
.flexlayout__tab_button {
  display: flex;
  gap: 0.3em;
  align-items: center;
  box-sizing: border-box;
  padding: 3px 0.5em;
  cursor: pointer;
}
.flexlayout__tab_button_stretch {
  background-color: transparent;
  color: var(--color-tab-selected);
  width: 100%;
  padding: 3px 0em;
  text-wrap: nowrap;
  display: flex;
  gap: 0.3em;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
}
@media (hover: hover) {
  .flexlayout__tab_button_stretch:hover {
    color: var(--color-tab-selected);
  }
}
.flexlayout__tab_button--selected {
  background-color: var(--color-tab-selected-background);
  color: var(--color-tab-selected);
}
@media (hover: hover) {
  .flexlayout__tab_button:hover {
    color: var(--color-tab-selected);
  }
}
.flexlayout__tab_button--unselected {
  background-color: var(--color-tab-unselected-background);
  color: var(--color-tab-unselected);
}
.flexlayout__tab_button_leading {
  display: flex;
}
.flexlayout__tab_button_content {
  display: flex;
  text-wrap: nowrap;
}
.flexlayout__tab_button_textbox {
  border: none;
  font-family: var(--font-family);
  font-size: var(--font-size);
  color: var(--color-tab-textbox);
  background-color: var(--color-tab-textbox-background);
  border: 1px inset var(--color-1);
  border-radius: 3px;
  width: 10em;
}
.flexlayout__tab_button_textbox:focus {
  outline: none;
}
.flexlayout__tab_button_trailing {
  display: flex;
  visibility: hidden;
  border-radius: 4px;
}
.flexlayout__tab_button_trailing:hover {
  background-color: var(--color-toolbar-button-hover);
}
@media (hover: hover) {
  .flexlayout__tab_button:hover .flexlayout__tab_button_trailing {
    visibility: visible;
  }
}
.flexlayout__tab_button--selected .flexlayout__tab_button_trailing {
  visibility: visible;
}
.flexlayout__tab_button_overflow {
  display: flex;
  align-items: center;
  border: none;
  color: var(--color-overflow);
  font-size: inherit;
  background-color: transparent;
  width: 2em;
  overflow: hidden;
}
.flexlayout__tab_toolbar {
  display: flex;
  align-items: center;
  gap: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.3em;
}
.flexlayout__tab_toolbar_icon {
  border: none;
  outline: none;
  font-size: inherit;
  margin: 0px;
  background-color: transparent;
  padding: 1px;
}
.flexlayout__tab_toolbar_button {
  border: none;
  outline: none;
  font-size: inherit;
  margin: 0px;
  background-color: transparent;
  border-radius: 4px;
  padding: 1px;
}
@media (hover: hover) {
  .flexlayout__tab_toolbar_button:hover {
    background-color: var(--color-toolbar-button-hover);
  }
}
.flexlayout__tab_toolbar_sticky_buttons_container {
  display: flex;
  gap: 0.3em;
  padding-left: 5px;
  align-items: center;
}
.flexlayout__border {
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  font-size: var(--font-size);
  font-family: var(--font-family);
  color: var(--color-border);
  background-color: var(--color-border-background);
}
.flexlayout__border_tab_contents {
  box-sizing: border-box;
  overflow: hidden;
  background-color: var(--color-border-tab-content);
}
.flexlayout__border_leading {
  display: flex;
}
.flexlayout__border_top {
  border-bottom: 1px solid var(--color-border-divider-line);
  align-items: center;
}
.flexlayout__border_bottom {
  border-top: 1px solid var(--color-border-divider-line);
  align-items: center;
}
.flexlayout__border_left {
  border-right: 1px solid var(--color-border-divider-line);
  align-content: center;
  flex-direction: column;
}
.flexlayout__border_right {
  border-left: 1px solid var(--color-border-divider-line);
  align-content: center;
  flex-direction: column;
}
.flexlayout__border_inner {
  position: relative;
  box-sizing: border-box;
  align-items: center;
  display: flex;
  flex-grow: 1;
  scrollbar-width: none;
}
.flexlayout__border_inner::-webkit-scrollbar {
  display: none;
}
.flexlayout__border_inner_tab_container {
  white-space: nowrap;
  display: flex;
  padding-left: 2px;
  padding-right: 2px;
  box-sizing: border-box;
  position: absolute;
}
.flexlayout__border_inner_tab_container_right {
  transform-origin: top left;
  transform: rotate(90deg);
}
.flexlayout__border_inner_tab_container_left {
  flex-direction: row-reverse;
  transform-origin: top right;
  transform: rotate(-90deg);
}
.flexlayout__border_tab_divider {
  width: 4px;
}
.flexlayout__border_button {
  display: flex;
  gap: 0.3em;
  align-items: center;
  cursor: pointer;
  padding: 3px 0.5em;
  margin: 2px 0px;
  box-sizing: border-box;
  white-space: nowrap;
}
.flexlayout__border_button--selected {
  background-color: var(--color-border-tab-selected-background);
  color: var(--color-border-tab-selected);
}
@media (hover: hover) {
  .flexlayout__border_button:hover {
    color: var(--color-border-tab-selected);
  }
}
.flexlayout__border_button--unselected {
  background-color: var(--color-border-tab-unselected-background);
  color: var(--color-border-tab-unselected);
}
.flexlayout__border_button_leading {
  display: flex;
}
.flexlayout__border_button_content {
  display: flex;
}
.flexlayout__border_button_trailing {
  display: flex;
  border-radius: 4px;
  visibility: hidden;
}
@media (hover: hover) {
  .flexlayout__border_button:hover .flexlayout__border_button_trailing {
    visibility: visible;
  }
}
.flexlayout__border_button--selected .flexlayout__border_button_trailing {
  visibility: visible;
}
.flexlayout__border_toolbar {
  display: flex;
  gap: 0.3em;
  align-items: center;
}
.flexlayout__border_toolbar_left, .flexlayout__border_toolbar_right {
  flex-direction: column;
  padding-top: 0.5em;
  padding-bottom: 0.3em;
}
.flexlayout__border_toolbar_top, .flexlayout__border_toolbar_bottom {
  padding-left: 0.5em;
  padding-right: 0.3em;
}
.flexlayout__border_toolbar_button {
  border: none;
  outline: none;
  font-size: inherit;
  background-color: transparent;
  border-radius: 4px;
  padding: 1px;
}
@media (hover: hover) {
  .flexlayout__border_toolbar_button:hover {
    background-color: var(--color-toolbar-button-hover);
  }
}
.flexlayout__border_toolbar_button_overflow {
  display: flex;
  align-items: center;
  border: none;
  color: var(--color-overflow);
  font-size: inherit;
  background-color: transparent;
  width: 1.5em;
}
.flexlayout__popup_menu {
  font-size: var(--font-size);
  font-family: var(--font-family);
}
.flexlayout__popup_menu_item {
  padding: 2px 0.5em;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 2px;
}
.flexlayout__popup_menu_item--selected {
  font-weight: 500;
  background-color: var(--color-tab-selected-background);
  color: var(--color-tab-selected);
}
@media (hover: hover) {
  .flexlayout__popup_menu_item:hover {
    background-color: var(--color-6);
  }
}
.flexlayout__popup_menu_container {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
  border: 1px solid var(--color-popup-border);
  color: var(--color-popup-unselected);
  background: var(--color-popup-unselected-background);
  border-radius: 3px;
  position: absolute;
  z-index: 1000;
  max-height: 50%;
  min-width: 100px;
  overflow: auto;
  padding: 2px;
}
.flexlayout__floating_window _body {
  height: 100%;
}
.flexlayout__floating_window_content {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.flexlayout__error_boundary_container {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: flex;
  justify-content: center;
}
.flexlayout__error_boundary_content {
  display: flex;
  align-items: center;
}
.flexlayout__border_sizer {
  position: absolute;
  top: -30000px;
  padding-top: 6px;
  padding-bottom: 5px;
  font-size: var(--font-size);
  font-family: var(--font-family);
}
.flexlayout__mini_scrollbar {
  position: absolute;
  background-color: var(--color-mini-scroll-indicator);
  border-radius: 5px;
  width: var(--size-mini-scroll-indicator);
  height: var(--size-mini-scroll-indicator);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.flexlayout__mini_scrollbar:hover {
  background-color: var(--color-mini-scroll-indicator-hovered);
  transition: background-color 0.3s ease-in-out;
}
.flexlayout__mini_scrollbar_container {
  position: relative;
  display: flex;
  flex-grow: 1;
  overflow: hidden;
}
@media (hover: hover) {
  .flexlayout__mini_scrollbar_container:hover .flexlayout__mini_scrollbar {
    opacity: 1;
    visibility: visible;
  }
}

/* ======================== End of Base Classes =========================== */
/* 
    light theme overrides 
*/

/*# sourceMappingURL=light.css.map */
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.os-open-tab-link-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.os-open-tab-label {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5715;
  display: flex;
  align-items: center;
  min-height: 30px;
}

.os-open-tab-button {
  min-width: 32px !important;
}

.os-icon-button-fix {
  display: flex;
  align-items: center;
  justify-content: center;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.select-add-property {
  border-radius: 6px;
  width: 200px;
  margin-right: 20px;
}

.record-editor-form-row {
  margin-bottom: 10px;
  align-items: center;
  margin-right: 20px;
}

.record-editor-form-row-readonly {
  width: auto;
}

.form-column-label {
  padding-left: 26px;
  padding-right: 20px;
}

.form-label-field {
  font-size: 14px;
  line-height: 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.record-editor-form-row-other-properties {
  margin-bottom: 10px;
}

.form-column-label-other-properties {
  text-align: right;
  padding-right: 15px;
}

.property-wrapper {
  margin-top: 8px;
  width: 100%;
}

.ant5-col.handle-resize {
  min-width: min-content;
}

.property-value {
  min-width: 100px;
  width: 100%;
  margin: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  font-size: 14px;
  color: var(--color-text);
}

.record-editor-form-row-style {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: start;
  gap: 0;
  padding: 0;
}

.form-column-style {
  width: auto;
  line-height: 10px;
  padding: 0 5px;

  .form-input-field label {
    display: none !important;
  }
}

.form-one-column-field {
  display: flex;
  flex-direction: row;
}

.form-readonly-field {
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.label-required {
  color: red;
}

.form-rich-text-field-value {
  background-color: var(--color-bg-elevated);
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}

.custom-entity-label-widget-link {
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  color: #3367d6;
  text-decoration: none;
  border-bottom: 1px solid #3367d6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.rich-text-custom-widget {
  .ql-container {
    border-radius: 6px;
    border: 1px solid var(--color-border);
    padding: 8px 12px;
    background-color: #fff;
  }
  .ql-toolbar.ql-snow {
    border-radius: 6px;
    border: 1px solid var(--color-border);
    margin-bottom: 4px;
  }

  .ql-toolbar.ql-snow + .ql-container.ql-snow {
    border: 1px solid var(--color-border);
  }
}

.rich-text-custom-widget-compact {
  .ql-toolbar {
    display: none !important;
  }
}

.rich-text-custom-widget-toolbar {
  margin-bottom: 4px;
  display: flex;
  gap: 4px;
  overflow: hidden;
}

.rich-text-custom-widget-markdown {
  border: 1px solid var(--color-border);
  border-radius: 6px;
  padding: 8px 12px;
  background-color: #fff;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.controls {
  padding: var(--space-sm);
}

.controls button:first-child {
  margin-right: var(--space-sm);
}
.monaco-editor .view-overlays .current-line-exact.current-line-exact {
  border: 2px solid #fff;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.record-editor-form label {
  font-size: 14px !important;
  margin: auto;
  line-height: 28px;
}

#root__description {
  display: none;
}

.flexlayout__tab {
  height: 100%;
  overflow: auto !important;
}

.multirecord-viewer-container {
  margin: 0;
  padding: 0;
  display: flex;
  align-content: center;
  justify-content: center;
}

.multirecord-card {
  background-color: var(--color-bg-container) !important;
  width: 100vw !important;
  border: 0 !important;
  overflow: hidden;

  .ant5-card-head {
    border-bottom: 1px solid var(--color-border) !important;
  }

  .ant5-card-head .ant5-card-head-wrapper {
    height: 100%;
  }

  .ant5-card-head-title {
    padding: 10px 0 !important;
    height: 100%;
    display: flex;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: fit-content;
    flex-wrap: nowrap;
    justify-content: flex-start;
    flex-direction: row;
  }

  .ant5-card-body {
    padding: 0 !important;
    margin: 0 !important;
  }
}

.multirecord-card.full-tab .ant5-card-head {
  display: none;
}

.multirecord-viewer-header-extra {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.multirecord-viewer-header-buttons {
  margin-left: 16px;
}

.multirecord-viewer-extra-pagination {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ant5-form-item {
  margin: 0 !important;
}

.ant5-collapse-header {
  align-items: center !important;
}

.loading-container {
  min-width: 100px;
  height: 100px;
  margin: 25px;
}

.record-editor-form-buttons {
  display: flex;
  justify-content: flex-end;
  margin: 16px;
}

.record-editor-form-cancel-button {
  margin-right: 16px;
  border-radius: 6px;
}

.record-editor-form-save-button {
  margin-right: 5px;
  border-radius: 6px;
}

.multirecord-viewer-container-record-viewer {
  width: auto;
  margin: 0;
  padding: 20px;
  border: 1px solid var(--color-border);
  background-color: var(--color-bg-layout);
}

.multi-record-viewer-display-none {
  display: none !important;
}

.record-viewer-container {
  margin: auto;
  border: 1px solid var(--color-border);
  background-color: var(--color-bg-elevated);
  border-radius: 6px;
  max-width: 1152px;
}

.record-viewer-details-container {
  padding: 24px;
}

.record-viewer-details-header {
  width: 100%;
  display: flex;
  margin-bottom: 10px;
}

.record-viewer-details-header-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.record-viewer-child-container {
  border-top: 1px solid var(--color-border);
  padding: 23px;
}

.error-label-keys {
  margin-bottom: 20px;
  margin-left: 3px;
}

.multirecord-viewer-tabs-container {
  margin-left: 26px;
  margin-right: 26px;
  margin-top: 10px;
  margin-bottom: -17px;
  overflow-x: auto;
}

.multirecord-viewer-menu {
  display: flex;
  gap: 5px;

  .menu-workspace-picker {
    width: 250px;
  }
}

.multirecord-viewer-tab-wrapper-container {
  width: 100%;
  min-height: 100%;
  flex: 1 0 0;
}

.fusion-sources-sidebar-container {
  flex: 0 0 300px;
  margin-top: 8px;
}
.os-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 4px;
  border-radius: 6px;
  font-weight: 500;
  max-width: fit-content;
  width: 100%;
  height: 100%;
}
.os-tag-full-width {
  max-width: 100% !important;
}
.os-tag:hover {
  background-color: var(--ant-5-menu-item-hover-bg);
}

.os-tag-context-menu {
  display: inline-flex;
  align-items: center;
  padding: 4px 0;
  width: 100%;
  background-color: transparent;

  .os-tag-button-close {
    padding-left: 4px;
    line-height: normal;
    font-size: 9px;
  }
}

.os-tag-context-menu .tags-dot {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  margin-right: 8px;
}

.os-tag .tags-dot {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  margin-right: 8px;
}

.os-tag {
  .os-tag-button-add {
    padding-right: 4px;
    font-size: 10px;
  }
  .os-tag-button-close {
    padding-left: 4px;
    line-height: normal;
    font-size: 9px;
  }
}
.entity-label-tooltip {
  z-index: 1900 !important;
}
.status-indicator {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  position: relative;
  margin-left: -5px; /* Adjust this value for more or less overlap */
  border: 2px solid white; /* Creates a border to distinguish overlapping dots */
  background: radial-gradient(
    circle at center,
    var(--status-color) 0%,
    /* Innermost circle color */ var(--status-color) 30%,
    var(--status-color-border) 30%,
    /* Middle ring color */ var(--status-color-border) 100%
  );
}

/* Define colors for each status using --status-color */
.status-queued {
  --status-color: #bfbfbf; /* Gray */
  --status-color-border: #fafafa;
}

.status-running {
  --status-color: #1677ff; /* Daybreak Blue */
  --status-color-border: #bae0ff;
}

.status-stopped {
  --status-color: #fa8c16; /* Sunset Orange */
  --status-color-border: #ffe7ba;
}

.status-paused {
  --status-color: #bfbfbf; /* Gray */
  --status-color-border: #fafafa;
}

.status-completed {
  --status-color: #52c41a; /* Polar Green */
  --status-color-border: #d9f7be;
}

.status-failed {
  --status-color: #f5222d; /* Dust Red */
  --status-color-border: #ffccc7;
}

.status-scheduled {
  --status-color: #722ed1; /* Golden Purple */
  --status-color-border: #efdbff;
}

.status-starting {
  --status-color: #13c2c2; /* Cyan */
  --status-color-border: #b5f5ec;
}

.status-stopping {
  --status-color: #fa541c; /* Volcano */
  --status-color-border: #ffd8bf;
}

.status-disabled {
  --status-color: #bfbfbf; /* Gray */
  --status-color-border: #fafafa;
}

.status-invalid {
  --status-color: #fa541c; /* Volcano */
  --status-color-border: #ffd8bf;
}

.status-waiting {
  --status-color: #faad14; /* Calendula Gold */
  --status-color-border: #fff1b8;
}

.status-retrying {
  --status-color: #13c2c2; /* Cyan */
  --status-color-border: #b5f5ec;
}

.status-unknown {
  --status-color: #bfbfbf; /* Gray */
  --status-color-border: #fafafa;
}
.pending-save-indicator {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
}

.pending-save-in-progress {
  border: 2px solid #f3f3f3; /* Light gray background */
  border-top: 2px solid #666; /* Dark gray spinning top */
  border-radius: 50%;
  width: 15px;
  height: 15px;
  animation: spin 0.8s linear infinite;
}

.pending-save-success {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="%2300cc00" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpolyline points="13.5 4 6 11.5 2.5 8"%3E%3C/polyline%3E%3C/svg%3E');
  /* Green checkmark */
}

.pending-save-failure {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="%23cc0000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Cline x1="12" y1="4" x2="4" y2="12"%3E%3C/line%3E%3Cline x1="4" y1="4" x2="12" y2="12"%3E%3C/line%3E%3C/svg%3E');
  /* Red X */
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.tags-dots-container {
  display: flex;
  align-items: center;
}

.tags-dot {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  position: relative;
  margin-left: -5px; /* Adjust this value for more or less overlap */
  border: 2px solid white; /* This creates a border to distinguish overlapping dots */
}

.tags-dot-label-wrapper {
  display: flex;
  align-items: center;
}
.tags-dot-label {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  padding: 0px 7px 0px 7px;
  position: relative;
}

.tags-dot:first-child {
  margin-left: 0; /* Prevents the first dot from being offset */
}

.tags-label {
  color: var(--color-text);
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tags-split-apart-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.item-folder.files-folder .tags-split-apart-container {
  width: fit-content !important;
}

.indicators {
  display: flex;
  align-items: center;
  gap: 4px;
}

.os-tags {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 40px;
}

.tags-indicators-and-dots {
  display: flex;
  align-items: center;
  gap: 4px;
}
.pending-delete-indicator {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
}

.pending-delete-in-progress {
  border: 2px solid #f3f3f3; /* Light gray background */
  border-top: 2px solid #666; /* Dark gray spinning top */
  border-radius: 50%;
  width: 15px;
  height: 15px;
  animation: spin 0.8s linear infinite;
}

.pending-delete-success {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="%2300cc00" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M5 2h6m-8 2h10m-2 2H5v8h6v-8m-3 2v4"%3E%3C/path%3E%3C/svg%3E');
  /* Green trash can icon to indicate successful deletion */
}

.pending-delete-failure {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="%23cc0000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Cline x1="12" y1="4" x2="4" y2="12"%3E%3C/line%3E%3Cline x1="4" y1="4" x2="12" y2="12"%3E%3C/line%3E%3C/svg%3E');
  /* Red X for failure */
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.item-tags-container {
  display: flex;
  flex-direction: row;
  padding: 4px 0;
  gap: 2px;
  align-items: center;
}

.item-tags-container-table {
  flex-wrap: nowrap !important;
  overflow-x: auto;
  scrollbar-width: none;
}

.item-tags-dropdown-buttons {
  padding: 2px 4px;
}

.fit-dropdown {
  max-height: 500px;
  overflow-y: auto;
  box-shadow: var(--ant-5-box-shadow-secondary);

  ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  li {
    padding: 0 !important;
    min-height: 34px;
    .ant5-dropdown-menu-title-content {
      display: flex;
      align-items: center;
      min-height: 34px;
    }

    .ant5-tag {
      min-height: 34px;
    }

    .ant5-dropdown-menu-submenu-title {
      display: flex;
      align-items: center;
    }
  }
}

.fit-menu {
  .ant5-menu-sub {
    max-height: 45vh !important;
    overflow-y: auto !important;
  }
  li {
    padding: 0 !important;
  }
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.entity-label-header {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  min-height: max-content;
  gap: 4px;
  margin-right: 4px;
}

.entity--label-icon-not-saved {
  margin-right: 3px;
}

.entity-label-header-title {
  font-size: 22px;
  font-weight: 600;
  color: 'var(--color-text)';
}

.entity-label-header-secondary-title {
  font-size: 22px;
  font-weight: 400;
  color: 'var(--color-text-secondary)';
}

.entity-label-icon {
  font-size: 16px;
}

.entity-label-header-tag-container {
  margin-left: 8px;
}

.entity-label-header-tag {
  border-radius: 6px;
  font-size: 12px;
  font-weight: 400;
  padding: 4px 8px;
}
.record-viewer-graph-entity-label {
  .entity-label-header-title {
    font-size: 16px !important;
  }
  .entity-label-header-secondary-title {
    font-size: 16px !important;
  }
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.entities-header {
  font-size: 20px;
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: 10px;
  padding: 10px 20px;
  width: auto;
  border-bottom: 1px solid var(--color-border);
}

.entities-header-dropdown {
  text-align: right;
}

.entities-header-dropdown-button {
  transform: rotate(90deg);
  font-size: 20px;
  font-weight: 700;
}

.table-container {
  background-color: var(--color-bg-elevated) !important;
  overflow-y: hidden;
  overflow-x: hidden;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text);
}

.property-title {
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  text-align: left;
  color: var(--color-text-tertiary);
}

.table-title {
  width: 100%;
  font-size: 16px;
  color: var(--color-text);
  font-weight: 500;
  padding-bottom: 0 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.table-subtitle {
  font-size: 12px;
  font-weight: 400;
  margin-left: 8px !important;
  padding: 4px 8px;
  border-radius: 6px;
  background-color: var(--color-primary-bg);
}

.entity-placeholder {
  width: 100%;
  height: 100%;
  background-color: var(--color-bg-elevated);
  padding: 40px 16px;
  color: var(--color-text-quaternary);
  text-align: center;
}

.record-details {
  padding: 12px 12px 16px;
}

.record-details .file-preview {
  margin-bottom: 8px;
}

.record-editor {
  background-color: var(--color-bg-elevated) !important;
  overflow-y: hidden;
  overflow-x: hidden;
  font-size: 14px;
  color: var(--color-text);
  height: auto;
}

.record-editor-header {
  width: auto;
  font-weight: 700;
  color: var(--color-text);
  font-size: 16px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.record-editor-header-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 4px;
  align-items: center;
}

.record-label {
  display: inline;
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.form-group {
  margin-bottom: 0;
}
.btab-page-header {
  height: 48px;
  width: 100%;
  background-color: var(--color-bg-container);
  border-bottom: 1px solid var(--color-border);
  display: flex;
  padding: 16px;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 600;
}

.btab-page-title {
  font-size: 20px;
  line-height: 28px;
  color: var(--color-text);
  font-weight: 600;
  margin: 0;
}

.btab-page-buttons {
  display: flex;
  gap: 8px;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.media-viewer {
  object-fit: contain;
  padding: 24px;
  padding-right: 72px;
}

.media-viewer-aspect-ratio-square {
  aspect-ratio: 1 / 1 !important;
}

.media-viewer-aspect-ratio-landscape {
  aspect-ratio: 16 / 9 !important;
}

.media-viewer-aspect-ratio-portrait {
  aspect-ratio: 3 / 4 !important;
}

.media-viewer-object-fit-cover {
  object-fit: cover !important;
}

.media-viewer-object-fit-contain {
  object-fit: contain !important;
}

.media-viewer-preview {
  border-radius: 6px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  object-fit: contain;
  background-color: var(--color-fill-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.blurhash-image {
  display: block;
}

.media-viewer-image {
  display: none;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.content-container {
  background-color: var(--color-bg-elevated);
  width: auto;
  min-height: 400px;
  max-height: calc(100% - 32px);
  margin: 0px auto;
  overflow-x: hidden;
}

.content-container.markdown-viewer {
  padding: 32px 16px 16px;
  max-width: 700px;
}

.content-container.code-viewer {
  width: 100%;
  min-height: 100%;
}

.item {
  display: inline-block;
}

.item.ant5-form-item {
  margin-right: 12px !important;
  margin-bottom: 6px !important;
}

.bindings-title {
  display: flex;
  flex-direction: row;
  column-gap: 12px;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 8px;
  margin-top: 12px;
}
.react-resizable {
  position: relative;
  background-clip: padding-box;
}

.react-resizable-handle {
  position: absolute;
  right: 0px;
  bottom: 0;
  z-index: 100;
  width: 10px;
  height: 100%;
  cursor: col-resize;
}
.os-table-context-menu {
  display: none;
}
.os-table-context-menu.os-table-context-menu-open {
  display: unset;
}
.os-table-context-menu.os-table-context-menu-checked {
  display: unset;
}

.ant-table-tbody > tr > td.ant-table-selection-column:has(.os-table-context-menu) {
  padding: 0px !important;
}

tr.ant-table-row.ant-table-row-level-0:hover {
  .os-table-context-menu {
    display: unset !important;
  }
}

tr.ant5-table-row.ant5-table-row-level-0:hover {
  .os-table-context-menu {
    display: unset !important;
  }
}
/* Fix headers */
.ant-table-column-sorters.ant-tooltip-open {
  display: flex;
}

.ant-table-filter-dropdown {
  max-width: 25vw;
  max-height: 40vh;
}

.table-grouped-filter-values {
  display: grid;
  max-height: 20vh;
  overflow: auto;
  margin-top: 5px;
}

.comment-wrapper {
  width: 12%;
  cursor: pointer;
}

.main-info-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.concept-selector-form-input {
  width: 100%;
  min-width: 230px;
}

.concept-selector-form-input-datasetviewer {
  width: 100%;
  min-width: 225px;
  overflow: auto;
}

.concept-selector-tree-directory-switcher-icon {
  color: var(--color-icon);
}

.concept-selector-tree-directory-switcher-icon:hover {
  color: var(--color-icon-hover);
}

.concept-selector-tree-label-container {
  display: inline-flex;
  align-items: center;
  width: calc(100% - 32px);
}

.concept-selector-tree-label-container > .ant-tag {
  margin-right: 0;
  margin-left: 8px;
}

.concept-selector-tree-label {
  font-size: 14px;
  color: var(--color-text);
  cursor: pointer;
}

.concept-selector-tree-label-disabled {
  font-size: 14px;
  color: var(--color-text-quaternary) !important;
  cursor: pointer;
}

.concept-selector-tree-input-container {
  padding: 12px 8px;
  border-bottom: 1px solid var(--color-border-secondary);
  background-color: var(--color-bg-container);
  position: sticky;
  top: 0;
  z-index: 20;
}

.concept-selector-tree-container {
  padding: 12px 8px;
  overflow-y: auto;
  scrollbar-width: thin;
}

.octo-empty-container {
  width: 100%;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.concept-selector-tree-directory {
  .ant5-tree-treenode-disabled .ant5-tree-node-content-wrapper {
    cursor: pointer !important;
    color: var(--color-text);
  }

  .ant5-tree-treenode-selected {
    background-color: var(--color-primary-bg) !important;
  }

  .ant5-tree-node-selected {
    color: var(--color-text) !important;
  }

  .ant5-tree-treenode {
    margin: 2px 4px !important;
    padding: 2px 0 !important;
    border-radius: 6px;
    overflow: hidden;
    color: var(--color-text) !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
  }

  .ant5-tree-node-content-wrapper-normal {
    overflow: auto;
  }

  .ant5-tree-treenode::before {
    background-color: transparent !important;
  }

  .ant5-tree-treenode:hover {
    background-color: var(--color-fill-tertiary) !important;
  }

  .ant5-collapse-content-box {
    padding: 0 12px 16px !important;
  }
}

.concept-selector-tree-directory-multiple {
  .ant5-tree-treenode-disabled .ant5-tree-node-content-wrapper {
    cursor: pointer !important;
    color: var(--color-text);
  }

  .ant5-tree-treenode-selected {
    background-color: var(--color-bg-container) !important;
  }

  .ant5-tree-node-selected {
    color: var(--color-text) !important;
  }

  .ant5-tree-treenode {
    margin: 2px 4px !important;
    padding: 2px 0 !important;
    border-radius: 6px;
    overflow: hidden;
    color: var(--color-text) !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
  }

  .ant5-tree-node-content-wrapper-normal {
    overflow: auto;
  }

  .ant5-tree-treenode::before {
    background-color: transparent !important;
  }

  .ant5-tree-treenode:hover {
    background-color: var(--color-fill-tertiary) !important;
  }

  .ant5-collapse-content-box {
    padding: 0 12px 16px !important;
  }
}
.workspace-picker-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.workspace-picker-checkbox {
  margin-top: 5px;
  margin-bottom: 20px;
}

.ant5-select-dropdown {
  z-index: 10000000;
}

.workspace-picker-personal-label {
  font-weight: 500;
}

.workspace-picker-personal-label strong {
  font-weight: 700;
  color: #1890ff;
}

.workspace-picker-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  gap: 20px;
}

.workspace-picker-group-item {
  display: flex;
  align-items: flex-start;
}

.workspace-picker-group .ant5-radio-wrapper {
  display: flex !important;
  margin-bottom: 0px !important;
}

.workspace-picker-group-title {
  font-weight: 800;
}

.workspace-picker-group-description {
  font-weight: 400;
}

.workspace-picker-group .ant5-form-item {
  margin-left: 20px !important;
}
.watchers-modal {
  width: 600px !important;
}

.watchers-modal-steps {
  width: 100%;
  padding: 20px 10px;
}

.watchers-modal-content {
  margin: 20px;
}

.watchers-workspace-label {
  font-weight: bold;
  margin: 10px 0;
}

.watchers-workspace-picker {
  width: 250px;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.watchers-page {
  background-color: var(--color-bg-container);
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 20px;
}

::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
  position: absolute;
}

.watchers-page-header {
  height: 48px;
  width: 100%;
  background-color: var(--color-bg-container);
  border-bottom: 1px solid var(--color-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 600;
}

.watchers-page-title {
  font-size: 20px;
  line-height: 28px;
  color: var(--color-text);
  font-weight: 600;
  margin: 0;
}

.watchers-page-buttons {
  display: flex;
  gap: 8px;
}

.watchers-page-content {
  margin: 16px;
}

.watchers-table {
  width: auto;
}

.watchers-table-name {
  width: 200px;
  white-space: wrap;
  display: flex;
}

.watchers-table-actions {
  gap: 8px;
  display: inline-flex;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.intents-container {
  display: flex;
  overflow: scroll;
  align-items: center;
  justify-content: center;
}

.watcher-container {
  margin: calc(var(--space-xxs) + var(--space));
  margin-bottom: var(--space-xxl);
  border-bottom: 1px solid var(--color-border);
  padding-bottom: var(--space-xl);
}

.watcher-header {
  width: auto;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.watcher-header-button {
  margin: 0 10px;
}

.watcher-label {
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.comments-wrapper {
  margin: 20px 10px;
}

.comments-spinner-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.comments-submit-btn {
  margin-top: 0.5rem;
}

.comments-reply-btn {
  padding: 0;
}

.comments-threaded-comments {
  margin-left: 1rem;
}

.comments-threaded-comments {
  padding: 1rem;
  margin: 1rem 0;
}

.comments-editor-wrapper {
  margin-top: 1rem;
}
.comments-delete-btn {
  color: #ff4f30;
}
.right-sidebar-custom-wrapper-flexlayout {
  flex-grow: 1;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.flexwrapper-tabset-tabstrip {
  display: none !important;
}

.flexwrapper-padded {
  height: 100%;
}

.flexwrapper-padded > div:not(#graphin-container) {
  overflow: auto !important;
}

.flexwrapper-padded > #graphin-container {
  overflow: hidden !important;
  height: inherit;
}

.flexwrapper-bg {
  width: 100%;
  height: 100%;
}

.flexlayout-tab-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flexlayout-tab-icon-label {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flexlayout-tab-label-counter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

.flexlayout-tab-icon > .ant5-badge,
.flexlayout-tab-icon-label > .ant5-badge {
  color: inherit !important;
}

.flexlayout-tab-icon > .ant5-badge > .anticon,
.flexlayout-tab-icon-label > .ant5-badge > .anticon {
  width: 16px !important;
  height: 16px !important;
  font-size: 16px !important;
}

.tab-content-placeholder {
  width: 100%;
  height: 100%;
  background-color: var(--color-bg-elevated);
  padding: 40px 16px;
  color: var(--color-text-quaternary);
  text-align: center;
}

.custom-flexlayout-border-label-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  gap: 10px;
}

.right-sidebar-custom-wrapper-flexlayout .flexlayout__border_inner_right {
  width: 48px !important;
}:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.metadata-collapse {
  .ant5-collapse-item {
    background-color: var(--color-bg-container);
  }
}

.metadata-panel {
  .ant5-collapse-content-box {
    padding: 0 !important;
  }
}

.metadata-container {
  background-color: var(--color-bg-elevated) !important;
  overflow-y: hidden;
  overflow-x: hidden;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text);
  margin: 0 16px;
}

.metadata-item {
  background-color: var(--color-bg-elevated) !important;
  overflow-y: hidden;
  overflow-x: hidden;
  font-size: 14px;
  color: var(--color-text);
  height: auto;
}

.metadata-item-header {
  width: auto;
  font-weight: 700;
  color: var(--color-text);
  font-size: 16px;
  margin: 16px 16px 0 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.metadata-item-title {
  width: 100%;
  font-size: 16px;
  color: var(--color-text);
  font-weight: 500;
  text-transform: capitalize;
  padding-bottom: 0 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.metadata-item-label {
  display: inline;
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.metadata-notes {
  margin: 16px;
  font-size: 14px;
}

.metadata-item-not-found {
  margin: 16px;
  font-size: 14px;
}
.upload-file-viewer-content {
  position: relative;
}

.upload-file-viewer-controls {
  position: absolute;
  top: 0; /* add some space from the top for a more centered appearance */
  right: 4px; /* add some space from the right for a more centered appearance */
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.6); /* semi-transparent white background */
  padding: 8px 12px; /* padding for inner space */
  border-radius: 8px; /* rounded corners */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* subtle shadow */
}

.upload-file-viewer-controls-right-sidebar {
  top: 10px; /* add some space from the top for a more centered appearance */
  right: 54px; /* add some space from the right for a more centered appearance */
}

/* Increase space between buttons */
.upload-file-viewer-controls .ant5-space-item {
  margin-right: 8px !important;
}

.upload-file-viewer {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translateY(-50%);

  .ant5-image {
    height: 100%;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
  }
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.fix-menu-icon-position {
  width: 16px;
  min-width: 16px !important;
  height: 16px;
}

.fix-menu-icon-position > .fa {
  width: 16px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-menu-container {
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  overflow: hidden;
}

.ant5-menu-submenu#chat {
  max-width: 40px !important;
  margin-left: 4px !important;
  max-height: 43px !important;
  display: flex;
  align-items: anchor-center;
}

.main-menu-container .ant5-menu-submenu-title:hover {
  background: none !important;
}

.main-menu-component .ant5-menu-item-group-title {
  padding: 0 !important;
}

.main-menu-component {
  border: none !important;
  width: 48px;
}

.main-menu-component > .ant5-menu-item {
  display: flex;
  align-items: center;
  justify-items: center;
}

.main-menu-component > .ant5-menu-submenu > .ant5-menu-submenu-title {
  display: flex;
  align-items: center;
  justify-items: center;
}

.main-menu-component > .ant5-menu-submenu > .ant5-menu-submenu-title:hover:not(:has(.connected-data-button)) {
  color: var(--color-dark-primary-7) !important;
}

.octo-bottom-menu > .ant5-menu-item {
  display: flex;
  align-items: center;
  justify-items: center;
}

.homepage-menu-container,
.screenshot-menu-container {
  overflow: hidden;
  border-top: 1px solid var(--color-border-primary);
}

.homepage-menu-container {
  min-height: 48px;
}

.homepage-menu-main,
.screenshot-menu-main {
  width: 48px;
}

.screenshot-menu-main > .ant5-menu-item {
  display: flex;
  align-items: center;
  justify-items: center;
}

/* */

.menu {
  border: none !important;
}

.octo-tooltip-entities {
  width: 375px;
  overflow-x: hidden;
}

.octo-tooltip-footer {
  padding: 12px 0;
  border-top: 1px solid var(--color-border-secondary);
}

.octo-search-container {
  padding: 12px 8px;
  border-bottom: 1px solid var(--color-border-secondary);
  position: sticky;
  top: 0;
  background-color: var(--color-bg-container);
}

.octo-banner-container {
  padding-top: 8px;
}

.octo-apps-container {
  padding: 12px 8px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  overflow-y: auto;
}

.octo-apps-container-empty {
  grid-template-columns: 1fr;
}

.sider-container {
  height: 100%;
  container-type: inline-size;
  container-name: sider;
}

@container sider (max-width: 604px) {
  .octo-apps-container {
    grid-template-columns: 1fr;
  }
}

.octo-app-container {
  display: flex;
  gap: 8px;
  padding: 8px 12px 8px 8px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
}

.octo-app-container:hover {
  background-color: var(--color-fill-tertiary);
}

.octo-app-icon-container {
  background-color: var(--color-purple-background);
  width: 40px;
  height: 40px;
  border-radius: 6px;
  border: 1px solid var(--color-purple-border);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px;
}

.octo-app-icon {
  font-size: 24px;
  width: 24px;
  color: var(--color-primary);
}

.octo-app-icon-container > .fa {
  font-size: 20px;
  width: 20px;
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.octo-app-text-container {
  display: grid;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.octo-app-title-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
}

.octo-app-title {
  color: var(--color-text);
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.octo-app-description-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
}

.octo-app-description {
  color: var(--color-text-tertiary);
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.octo-app-info-button {
  padding: 5px !important;
}

.octo-app-title-info {
  color: var(--color-text-icon);
  margin-left: 8px;
}

.octo-app-title-info:hover {
  color: var(--color-text-icon-hover);
}

.octo-app-alert {
  margin: 0 8px;
}

.sider-menu-container {
  width: 48px !important;
  overflow: hidden;
}

.sider-main-menu {
  border: none !important;
  width: 48px;
}

.sider-main-menu > .ant5-menu-submenu > .ant5-menu-submenu-title {
  display: flex;
  align-items: center;
  justify-items: center;
}

.sider-main-menu > .ant5-menu-submenu > .ant5-menu-submenu-title:hover:not(:has(.connected-data-button)) {
  color: var(--color-dark-primary-7) !important;
}

.octo-app-badge-container {
  padding: 1px 9px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.octo-bottom-menu-container {
  border-top: 1px solid var(--color-border);
  overflow: hidden;
}

.octo-bottom-menu {
  border: none !important;
  width: 48px;
}

.activity-menu-container {
  border-bottom: 1px solid var(--color-border);
  overflow: hidden;
}

.activity-menu {
  border: none !important;
  width: 48px;
}

li:has(.highlighted),
li:has(#connected-data-button) > div,
li:has(#apps-button) > div {
  background-color: var(--ant-5-color-primary-active);
}

li:has(.highlighted):hover,
li:has(#connected-data-button) > div:hover,
li:has(#apps-button) > div:hover {
  color: var(--ant-5-color-text-light-solid) !important;
  background: var(--ant-5-color-primary) !important;
}

li:has(.highlighted):active,
li:has(#connected-data-button) > div:active,
li:has(#apps-button) > div:active {
  color: var(--ant-5-color-text-light-solid) !important;
  background: var(--ant-5-color-primary-hover) !important;
}

li:has(#search-button) {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  max-width: 40px !important;
  margin-left: 4px !important;
}

li:has(#search-button) > div {
  margin-block: 0 !important;
}

li:has(#chat-button) {
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0;
  border-top: 1px solid var(--ant-5-color-primary);
  border-bottom: 1px solid var(--ant-5-color-primary);
}

li:has(#apps-button) > div {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

li:has(#apps-button) > div {
  border-top: 0;
}

.custom-menu-group .ant5-menu-item-group-title {
  padding: 4px !important;
}

.ant5-tree-treenode-selected.ant5-tree-treenode-selected
  .ant5-tree-node-content-wrapper.ant5-tree-node-content-wrapper:before,
.ant5-tree-treenode-selected.ant5-tree-treenode-selected
  .ant5-tree-node-content-wrapper.ant5-tree-node-content-wrapper:hover:before {
  background: #cbe4ff;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.custom-antlayout {
  flex-direction: row;
  display: flex;
  flex: auto;
  min-height: 0;
  overflow: hidden;
}

.custom-antlayout,
.custom-antlayout * {
  box-sizing: border-box;
}

.flexlayout__tab {
  overflow: auto !important;
  align-items: center !important;
}

.item-icon {
  height: 24px;
  width: 24px;
  border-radius: 6px;
  background-color: var(--color-primary-bg);
  border-color: var(--color-primary-border);
  border-width: 1px;
  border-style: solid;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.icon {
  color: var(--color-primary);
  font-size: 14px;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

div.user-settings-layout {
  max-width: 800px;
  margin: 0 auto;
  margin-top: 40px;
  padding: 16px;
  padding-bottom: 100px;
}

.developer-options-switch {
  display: flex;
  align-items: center;
  gap: 12px;
}

.user-settings-form-item-wrapper:not(:last-child) {
  margin-bottom: 20px;
}

.user-settings-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.user-settings-header-divider {
  height: 32px;
}

.user-settings-form-item-wrapper.disabled {
  opacity: 0.5;
}

.user-settings-delete-button-wrapper {
  margin-top: 20px;
}

.user-settings-form-item-description {
  font-size: 14px;
  color: var(--color-text-secondary);
  width: 50%;
}

.user-settings-form-item .ant5-form-item-label {
  display: flex;
}

/* The class is doubled to raise specificity, to avoid using !important. */

.user-settings-form-item.user-settings-form-item label {
  font-weight: 600;
  font-size: 20px;
}

.user-settings-form-item.user-settings-form-item label::after {
  content: '';
}

.user-settings-form-item > .ant5-row .ant5-form-item-control-input-content {
  display: flex;
  justify-content: end;
}
.ag-icon {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  position: relative;
}
.ag-icon::before {
  content: "";
}
.ag-icon::after {
  background: transparent var(--ag-icon-image, none) center/contain no-repeat;
  display: var(--ag-icon-image-display);
  opacity: var(--ag-icon-image-opacity, 0.9);
  position: absolute;
  inset: 0;
  content: "";
}

.ag-icon-aggregation {
  font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color));
}

.ag-icon-aggregation::before {
  content: var(--ag-icon-font-code-aggregation, "\f101");
  display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display));
}

.ag-icon-aggregation::after {
  background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image));
  display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-arrows {
  font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color));
}

.ag-icon-arrows::before {
  content: var(--ag-icon-font-code-arrows, "\f102");
  display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display));
}

.ag-icon-arrows::after {
  background-image: var(--ag-icon-image-arrows, var(--ag-icon-image));
  display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-asc {
  font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color));
}

.ag-icon-asc::before {
  content: var(--ag-icon-font-code-asc, "\f103");
  display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display));
}

.ag-icon-asc::after {
  background-image: var(--ag-icon-image-asc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cancel {
  font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color));
}

.ag-icon-cancel::before {
  content: var(--ag-icon-font-code-cancel, "\f104");
  display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display));
}

.ag-icon-cancel::after {
  background-image: var(--ag-icon-image-cancel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chart {
  font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color));
}

.ag-icon-chart::before {
  content: var(--ag-icon-font-code-chart, "\f105");
  display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display));
}

.ag-icon-chart::after {
  background-image: var(--ag-icon-image-chart, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-checked {
  font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-checked::before {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-checked::after {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-indeterminate {
  font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-checkbox-indeterminate::before {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-checkbox-indeterminate::after {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-unchecked {
  font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-unchecked::before {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-unchecked::after {
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-color-picker {
  font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color));
}

.ag-icon-color-picker::before {
  content: var(--ag-icon-font-code-color-picker, "\f109");
  display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display));
}

.ag-icon-color-picker::after {
  background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image));
  display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-columns {
  font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color));
}

.ag-icon-columns::before {
  content: var(--ag-icon-font-code-columns, "\f10a");
  display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display));
}

.ag-icon-columns::after {
  background-image: var(--ag-icon-image-columns, var(--ag-icon-image));
  display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-contracted {
  font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color));
}

.ag-icon-contracted::before {
  content: var(--ag-icon-font-code-contracted, "\f10b");
  display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display));
}

.ag-icon-contracted::after {
  background-image: var(--ag-icon-image-contracted, var(--ag-icon-image));
  display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-copy {
  font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color));
}

.ag-icon-copy::before {
  content: var(--ag-icon-font-code-copy, "\f10c");
  display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display));
}

.ag-icon-copy::after {
  background-image: var(--ag-icon-image-copy, var(--ag-icon-image));
  display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cross {
  font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color));
}

.ag-icon-cross::before {
  content: var(--ag-icon-font-code-cross, "\f10d");
  display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display));
}

.ag-icon-cross::after {
  background-image: var(--ag-icon-image-cross, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-csv {
  font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color));
}

.ag-icon-csv::before {
  content: var(--ag-icon-font-code-csv, "\f10e");
  display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display));
}

.ag-icon-csv::after {
  background-image: var(--ag-icon-image-csv, var(--ag-icon-image));
  display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cut {
  font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color));
}

.ag-icon-cut::before {
  content: var(--ag-icon-font-code-cut, "\f10f");
  display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display));
}

.ag-icon-cut::after {
  background-image: var(--ag-icon-image-cut, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-desc {
  font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color));
}

.ag-icon-desc::before {
  content: var(--ag-icon-font-code-desc, "\f110");
  display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display));
}

.ag-icon-desc::after {
  background-image: var(--ag-icon-image-desc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-excel {
  font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color));
}

.ag-icon-excel::before {
  content: var(--ag-icon-font-code-excel, "\f111");
  display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display));
}

.ag-icon-excel::after {
  background-image: var(--ag-icon-image-excel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-expanded {
  font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color));
}

.ag-icon-expanded::before {
  content: var(--ag-icon-font-code-expanded, "\f112");
  display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display));
}

.ag-icon-expanded::after {
  background-image: var(--ag-icon-image-expanded, var(--ag-icon-image));
  display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye-slash {
  font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color));
}

.ag-icon-eye-slash::before {
  content: var(--ag-icon-font-code-eye-slash, "\f113");
  display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display));
}

.ag-icon-eye-slash::after {
  background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye {
  font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color));
}

.ag-icon-eye::before {
  content: var(--ag-icon-font-code-eye, "\f114");
  display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display));
}

.ag-icon-eye::after {
  background-image: var(--ag-icon-image-eye, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-filter {
  font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color));
}

.ag-icon-filter::before {
  content: var(--ag-icon-font-code-filter, "\f115");
  display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display));
}

.ag-icon-filter::after {
  background-image: var(--ag-icon-image-filter, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-first {
  font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-first, var(--ag-icon-font-color));
}

.ag-icon-first::before {
  content: var(--ag-icon-font-code-first, "\f116");
  display: var(--ag-icon-font-display-first, var(--ag-icon-font-display));
}

.ag-icon-first::after {
  background-image: var(--ag-icon-image-first, var(--ag-icon-image));
  display: var(--ag-icon-image-display-first, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-grip {
  font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color));
}

.ag-icon-grip::before {
  content: var(--ag-icon-font-code-grip, "\f117");
  display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display));
}

.ag-icon-grip::after {
  background-image: var(--ag-icon-image-grip, var(--ag-icon-image));
  display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-group {
  font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-group, var(--ag-icon-font-color));
}

.ag-icon-group::before {
  content: var(--ag-icon-font-code-group, "\f118");
  display: var(--ag-icon-font-display-group, var(--ag-icon-font-display));
}

.ag-icon-group::after {
  background-image: var(--ag-icon-image-group, var(--ag-icon-image));
  display: var(--ag-icon-image-display-group, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-last {
  font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-last, var(--ag-icon-font-color));
}

.ag-icon-last::before {
  content: var(--ag-icon-font-code-last, "\f119");
  display: var(--ag-icon-font-display-last, var(--ag-icon-font-display));
}

.ag-icon-last::after {
  background-image: var(--ag-icon-image-last, var(--ag-icon-image));
  display: var(--ag-icon-image-display-last, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-left {
  font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-left, var(--ag-icon-font-color));
}

.ag-icon-left::before {
  content: var(--ag-icon-font-code-left, "\f11a");
  display: var(--ag-icon-font-display-left, var(--ag-icon-font-display));
}

.ag-icon-left::after {
  background-image: var(--ag-icon-image-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-linked {
  font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color));
}

.ag-icon-linked::before {
  content: var(--ag-icon-font-code-linked, "\f11b");
  display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display));
}

.ag-icon-linked::after {
  background-image: var(--ag-icon-image-linked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-loading {
  font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color));
}

.ag-icon-loading::before {
  content: var(--ag-icon-font-code-loading, "\f11c");
  display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display));
}

.ag-icon-loading::after {
  background-image: var(--ag-icon-image-loading, var(--ag-icon-image));
  display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-maximize {
  font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color));
}

.ag-icon-maximize::before {
  content: var(--ag-icon-font-code-maximize, "\f11d");
  display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display));
}

.ag-icon-maximize::after {
  background-image: var(--ag-icon-image-maximize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu {
  font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color));
}

.ag-icon-menu::before {
  content: var(--ag-icon-font-code-menu, "\f11e");
  display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display));
}

.ag-icon-menu::after {
  background-image: var(--ag-icon-image-menu, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minimize {
  font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color));
}

.ag-icon-minimize::before {
  content: var(--ag-icon-font-code-minimize, "\f11f");
  display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display));
}

.ag-icon-minimize::after {
  background-image: var(--ag-icon-image-minimize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-next {
  font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-next, var(--ag-icon-font-color));
}

.ag-icon-next::before {
  content: var(--ag-icon-font-code-next, "\f120");
  display: var(--ag-icon-font-display-next, var(--ag-icon-font-display));
}

.ag-icon-next::after {
  background-image: var(--ag-icon-image-next, var(--ag-icon-image));
  display: var(--ag-icon-image-display-next, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-none {
  font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-none, var(--ag-icon-font-color));
}

.ag-icon-none::before {
  content: var(--ag-icon-font-code-none, "\f121");
  display: var(--ag-icon-font-display-none, var(--ag-icon-font-display));
}

.ag-icon-none::after {
  background-image: var(--ag-icon-image-none, var(--ag-icon-image));
  display: var(--ag-icon-image-display-none, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-not-allowed {
  font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color));
}

.ag-icon-not-allowed::before {
  content: var(--ag-icon-font-code-not-allowed, "\f122");
  display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display));
}

.ag-icon-not-allowed::after {
  background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-paste {
  font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color));
}

.ag-icon-paste::before {
  content: var(--ag-icon-font-code-paste, "\f123");
  display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display));
}

.ag-icon-paste::after {
  background-image: var(--ag-icon-image-paste, var(--ag-icon-image));
  display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pin {
  font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color));
}

.ag-icon-pin::before {
  content: var(--ag-icon-font-code-pin, "\f124");
  display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display));
}

.ag-icon-pin::after {
  background-image: var(--ag-icon-image-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pivot {
  font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color));
}

.ag-icon-pivot::before {
  content: var(--ag-icon-font-code-pivot, "\f125");
  display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display));
}

.ag-icon-pivot::after {
  background-image: var(--ag-icon-image-pivot, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-previous {
  font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color));
}

.ag-icon-previous::before {
  content: var(--ag-icon-font-code-previous, "\f126");
  display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display));
}

.ag-icon-previous::after {
  background-image: var(--ag-icon-image-previous, var(--ag-icon-image));
  display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-off {
  font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color));
}

.ag-icon-radio-button-off::before {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
}

.ag-icon-radio-button-off::after {
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-on {
  font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color));
}

.ag-icon-radio-button-on::before {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
}

.ag-icon-radio-button-on::after {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-right {
  font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-right, var(--ag-icon-font-color));
}

.ag-icon-right::before {
  content: var(--ag-icon-font-code-right, "\f129");
  display: var(--ag-icon-font-display-right, var(--ag-icon-font-display));
}

.ag-icon-right::after {
  background-image: var(--ag-icon-image-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-save {
  font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-save, var(--ag-icon-font-color));
}

.ag-icon-save::before {
  content: var(--ag-icon-font-code-save, "\f12a");
  display: var(--ag-icon-font-display-save, var(--ag-icon-font-display));
}

.ag-icon-save::after {
  background-image: var(--ag-icon-image-save, var(--ag-icon-image));
  display: var(--ag-icon-image-display-save, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-down {
  font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color));
}

.ag-icon-small-down::before {
  content: var(--ag-icon-font-code-small-down, "\f12b");
  display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display));
}

.ag-icon-small-down::after {
  background-image: var(--ag-icon-image-small-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-left {
  font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color));
}

.ag-icon-small-left::before {
  content: var(--ag-icon-font-code-small-left, "\f12c");
  display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display));
}

.ag-icon-small-left::after {
  background-image: var(--ag-icon-image-small-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-right {
  font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color));
}

.ag-icon-small-right::before {
  content: var(--ag-icon-font-code-small-right, "\f12d");
  display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display));
}

.ag-icon-small-right::after {
  background-image: var(--ag-icon-image-small-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-up {
  font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color));
}

.ag-icon-small-up::before {
  content: var(--ag-icon-font-code-small-up, "\f12e");
  display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display));
}

.ag-icon-small-up::after {
  background-image: var(--ag-icon-image-small-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tick {
  font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color));
}

.ag-icon-tick::before {
  content: var(--ag-icon-font-code-tick, "\f12f");
  display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display));
}

.ag-icon-tick::after {
  background-image: var(--ag-icon-image-tick, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-closed {
  font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color));
}

.ag-icon-tree-closed::before {
  content: var(--ag-icon-font-code-tree-closed, "\f130");
  display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display));
}

.ag-icon-tree-closed::after {
  background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-indeterminate {
  font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-tree-indeterminate::before {
  content: var(--ag-icon-font-code-tree-indeterminate, "\f131");
  display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-tree-indeterminate::after {
  background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-open {
  font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color));
}

.ag-icon-tree-open::before {
  content: var(--ag-icon-font-code-tree-open, "\f132");
  display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display));
}

.ag-icon-tree-open::after {
  background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-unlinked {
  font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color));
}

.ag-icon-unlinked::before {
  content: var(--ag-icon-font-code-unlinked, "\f133");
  display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display));
}

.ag-icon-unlinked::after {
  background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-up {
  font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-up, var(--ag-icon-font-color));
}

.ag-icon-up::before {
  content: var(--ag-icon-font-code-up, "\f134");
  display: var(--ag-icon-font-display-up, var(--ag-icon-font-display));
}

.ag-icon-up::after {
  background-image: var(--ag-icon-image-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-down {
  font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-down, var(--ag-icon-font-color));
}

.ag-icon-down::before {
  content: var(--ag-icon-font-code-down, "\f135");
  display: var(--ag-icon-font-display-down, var(--ag-icon-font-display));
}

.ag-icon-down::after {
  background-image: var(--ag-icon-image-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-plus {
  font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color));
}

.ag-icon-plus::before {
  content: var(--ag-icon-font-code-plus, "\f136");
  display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display));
}

.ag-icon-plus::after {
  background-image: var(--ag-icon-image-plus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minus {
  font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color));
}

.ag-icon-minus::before {
  content: var(--ag-icon-font-code-minus, "\f137");
  display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display));
}

.ag-icon-minus::after {
  background-image: var(--ag-icon-image-minus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu-alt {
  font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color));
}

.ag-icon-menu-alt::before {
  content: var(--ag-icon-font-code-menu-alt, "\f138");
  display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display));
}

.ag-icon-menu-alt::after {
  background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-settings {
  font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color));
}

.ag-icon-settings::before {
  content: var(--ag-icon-font-code-settings, "\f139");
  display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display));
}

.ag-icon-settings::after {
  background-image: var(--ag-icon-image-settings, var(--ag-icon-image));
  display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-row-drag::before {
  content: var(--ag-icon-font-code-grip);
}

.ag-left-arrow::before {
  content: var(--ag-icon-font-code-left);
}

.ag-right-arrow::before {
  content: var(--ag-icon-font-code-right);
}

[class*=ag-theme-] {
  --ag-foreground-color: #000;
  --ag-data-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-header-foreground-color: var(--ag-secondary-foreground-color);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
  --ag-background-color: #fff;
  --ag-header-background-color: transparent;
  --ag-tooltip-background-color: transparent;
  --ag-subheader-background-color: transparent;
  --ag-subheader-toolbar-background-color: transparent;
  --ag-control-panel-background-color: transparent;
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
  --ag-selected-row-background-color: #BBB;
  --ag-odd-row-background-color: var(--ag-background-color);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
  --ag-menu-background-color: var(--ag-background-color);
  --ag-menu-border-color: var(--ag-border-color);
  --ag-panel-background-color: var(--ag-background-color);
  --ag-panel-border-color: var(--ag-border-color);
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-range-selection-border-color: var(--ag-foreground-color);
  --ag-range-selection-border-style: solid;
  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-width: 0;
  --ag-selected-tab-underline-transition-speed: 0s;
  --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1);
  --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1);
  --ag-header-cell-hover-background-color: transparent;
  --ag-header-cell-moving-background-color: var(--ag-background-color);
  --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5);
  --ag-value-change-delta-up-color: #43a047;
  --ag-value-change-delta-down-color: #e53935;
  --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2);
  --ag-chip-background-color: transparent;
  --ag-chip-border-color: var(--ag-chip-background-color);
  --ag-borders: solid 1px;
  --ag-border-color: rgba(0, 0, 0, 0.25);
  --ag-borders-critical: var(--ag-borders);
  --ag-borders-secondary: var(--ag-borders);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-row-border-style: solid;
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-row-border-width: 1px;
  --ag-cell-horizontal-border: solid transparent;
  --ag-borders-input: var(--ag-borders-secondary);
  --ag-input-border-color: var(--ag-secondary-border-color);
  --ag-borders-input-invalid: solid 2px;
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-borders-side-button: var(--ag-borders);
  --ag-border-radius: 0px;
  --ag-wrapper-border-radius: var(--ag-border-radius);
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-header-column-separator-display: none;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-column-separator-color: var(--ag-secondary-border-color);
  --ag-header-column-resize-handle-display: none;
  --ag-header-column-resize-handle-height: 50%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-invalid-color: red;
  --ag-input-disabled-border-color: var(--ag-input-border-color);
  --ag-input-disabled-background-color: transparent;
  --ag-checkbox-background-color: transparent;
  --ag-checkbox-border-radius: var(--ag-border-radius);
  --ag-checkbox-checked-color: var(--ag-foreground-color);
  --ag-checkbox-unchecked-color: var(--ag-foreground-color);
  --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-switch-background-color: var(--ag-background-color);
  --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
  --ag-input-focus-box-shadow: none;
  --ag-input-focus-border-color: none;
  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
  --ag-grid-size: 4px;
  --ag-icon-size: 12px;
  --ag-icon-font-weight: normal;
  --ag-icon-font-color: var(--ag-foreground-color);
  --ag-icon-image-display: block;
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: var(--ag-grid-size);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
  --ag-header-height: var(--ag-row-height);
  --ag-list-item-height: calc(var(--ag-grid-size) * 5);
  --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
  --ag-filter-tool-panel-group-indent: 16px;
  --ag-tab-min-width: 220px;
  --ag-menu-min-width: 181px;
  --ag-side-bar-panel-width: 200px;
  --ag-font-family: "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-card-radius: var(--ag-border-radius);
  --ag-card-shadow: none;
  --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
}

.ag-root-wrapper, .ag-sticky-top, .ag-sticky-bottom, .ag-dnd-ghost {
  background-color: var(--ag-background-color);
}

[class*=ag-theme-] {
  -webkit-font-smoothing: antialiased;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  line-height: normal;
  color: var(--ag-foreground-color);
}

ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
  display: block;
}

.ag-aria-description-container {
  z-index: 9999;
  border: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  padding: 0px;
  white-space: nowrap;
}

.ag-hidden {
  display: none !important;
}

.ag-invisible {
  visibility: hidden !important;
}

.ag-no-transition {
  transition: none !important;
}

.ag-drag-handle {
  cursor: grab;
}

.ag-column-drop-wrapper {
  display: flex;
}

.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}

.ag-unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-selectable {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.ag-tab {
  position: relative;
}

.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}

.ag-select-agg-func-popup {
  position: absolute;
}

.ag-input-wrapper, .ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}

.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}

@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: normal;
}
.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}

.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.7;
  transition: opacity 1s ease-out 3s;
  color: #9B9B9B;
}
.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
}

.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}

.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}

.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}
.ag-root.ag-layout-normal {
  height: 100%;
}

.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-body-viewport, .ag-center-cols-viewport {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.ag-body-viewport::-webkit-scrollbar, .ag-center-cols-viewport::-webkit-scrollbar {
  display: none !important;
}

.ag-body-viewport {
  display: flex;
}
.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.ag-center-cols-viewport {
  min-height: 100%;
  width: 100%;
  overflow-x: auto;
}

.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}

.ag-body-vertical-scroll-viewport {
  overflow-y: scroll;
}

.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}

.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-body-vertical-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  position: relative;
}

.ag-header-container,
.ag-floating-top-container,
.ag-floating-bottom-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  height: 100%;
  white-space: nowrap;
}

.ag-center-cols-container {
  display: block;
}

.ag-pinned-right-cols-container {
  display: block;
}

.ag-body-horizontal-scroll-container {
  height: 100%;
}

.ag-body-vertical-scroll-container {
  width: 100%;
}

.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  position: absolute;
  top: 0px;
  pointer-events: none;
}
.ag-ltr .ag-full-width-container,
.ag-ltr .ag-floating-top-full-width-container,
.ag-ltr .ag-floating-bottom-full-width-container,
.ag-ltr .ag-sticky-top-full-width-container,
.ag-ltr .ag-sticky-bottom-full-width-container {
  left: 0;
}
.ag-rtl .ag-full-width-container,
.ag-rtl .ag-floating-top-full-width-container,
.ag-rtl .ag-floating-bottom-full-width-container,
.ag-rtl .ag-sticky-top-full-width-container,
.ag-rtl .ag-sticky-bottom-full-width-container {
  right: 0;
}

.ag-full-width-container {
  width: 100%;
}

.ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.ag-virtual-list-container {
  overflow: hidden;
}

.ag-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row !important;
  min-height: 0;
}

.ag-body-horizontal-scroll,
.ag-body-vertical-scroll {
  min-height: 0;
  min-width: 0;
  display: flex;
  position: relative;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible,
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
  opacity: 0;
  transition: opacity 400ms;
  visibility: hidden;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
  visibility: visible;
  opacity: 1;
}

.ag-body-horizontal-scroll {
  width: 100%;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  left: 0;
  right: 0;
}

.ag-body-vertical-scroll {
  height: 100%;
}
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  top: 0;
  z-index: 10;
}
.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
  right: 0;
}
.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
  left: 0;
}

.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}

.ag-horizontal-left-spacer, .ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}
.ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}

.ag-header, .ag-pinned-left-header, .ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.ag-header-cell-sortable .ag-header-cell-label {
  cursor: pointer;
}

.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}

.ag-pinned-left-header {
  height: 100%;
}

.ag-pinned-right-header {
  height: 100%;
}

.ag-header-row {
  position: absolute;
}

.ag-header-row:not(.ag-header-row-column-group) {
  overflow: hidden;
}

.ag-header.ag-header-allow-overflow .ag-header-row {
  overflow: visible;
}

.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
}

.ag-header-cell.ag-header-active .ag-header-cell-menu-button, .ag-header-cell-filter-button {
  opacity: 1;
}

.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}

.ag-header-group-cell-label, .ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  align-items: center;
}

.ag-header-cell-label {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-header-group-cell-label.ag-sticky-label {
  position: sticky;
  flex: none;
  max-width: 100%;
}

.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.ag-header-cell-comp-wrapper {
  width: 100%;
}

.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
  white-space: normal;
}

.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}

.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}
.ag-ltr .ag-header-cell-resize {
  right: -4px;
}
.ag-rtl .ag-header-cell-resize {
  left: -4px;
}

.ag-pinned-left-header .ag-header-cell-resize {
  right: -4px;
}

.ag-pinned-right-header .ag-header-cell-resize {
  left: -4px;
}

.ag-header-select-all {
  display: flex;
}

.ag-header-cell-menu-button,
.ag-header-cell-filter-button,
.ag-side-button-button,
.ag-panel-title-bar-button,
.ag-floating-filter-button-button {
  cursor: pointer;
}

.ag-column-moving .ag-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}

.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1 0px;
}

.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}

.ag-column-select-header-icon {
  position: relative;
}

.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}

.ag-column-select-header-filter {
  width: 100%;
}

.ag-column-select-list {
  flex: 1 1 0px;
  overflow: hidden;
}

.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}

.ag-column-drop-list {
  display: flex;
  align-items: center;
}

.ag-column-drop-cell {
  position: relative;
  display: flex;
  align-items: center;
}

.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1 0px;
}

.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}

.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}
.ag-column-drop-vertical-list > * {
  flex: none;
}

.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}

.ag-column-drop-vertical-empty-message {
  display: block;
}

.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}

.ag-column-drop-cell-button {
  cursor: pointer;
}

.ag-filter-toolpanel {
  flex: 1 1 0px;
  min-width: 0;
}

.ag-filter-toolpanel-header {
  position: relative;
}

.ag-filter-toolpanel-header, .ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}
.ag-filter-toolpanel-header > *, .ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}

.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}

.ag-row-animation .ag-row {
  transition: transform 0.4s, top 0.4s;
}

.ag-row-animation .ag-row.ag-after-created {
  transition: transform 0.4s, top 0.4s, height 0.4s;
}

.ag-row-no-animation .ag-row {
  transition: none;
}

.ag-row {
  white-space: nowrap;
  width: 100%;
}

.ag-row-loading {
  display: flex;
  align-items: center;
}

.ag-row-position-absolute {
  position: absolute;
}

.ag-row-position-relative {
  position: relative;
}

.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}

.ag-row-inline-editing {
  z-index: 1;
}

.ag-row-dragging {
  z-index: 2;
}

.ag-stub-cell {
  display: flex;
  align-items: center;
}

.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  height: 100%;
}

.ag-cell-value {
  flex: 1 1 auto;
}

.ag-cell-value, .ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-cell-wrap-text {
  white-space: normal;
}

.ag-cell-wrapper {
  display: flex;
  align-items: center;
}
.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}

.ag-sparkline-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  height: 100%;
  align-items: center;
}

.ag-cell-inline-editing {
  z-index: 1;
}
.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor input {
  height: 100%;
  width: 100%;
  line-height: normal;
}

.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}

.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-set-filter-item-checkbox {
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-set-filter-group-icons {
  display: block;
}
.ag-set-filter-group-icons > * {
  cursor: pointer;
}

.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}

.ag-filter-filter {
  flex: 1 1 0px;
}

.ag-filter-condition {
  display: flex;
  justify-content: center;
}

.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}

.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}

.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}

.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}
.ag-floating-filter-input > * {
  flex: 1 1 auto;
}

.ag-floating-filter-button {
  display: flex;
  flex: none;
}

.ag-set-floating-filter-input input[disabled] {
  pointer-events: none;
}

.ag-dnd-ghost {
  position: absolute;
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
  z-index: 9999;
}

.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}

.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ag-overlay-loading-wrapper {
  pointer-events: all;
}

.ag-popup-child {
  z-index: 5;
  top: 0;
}

.ag-popup-editor {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-large-text-input {
  display: block;
}

.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}

.ag-floating-top {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-sticky-top,
.ag-sticky-bottom {
  position: absolute;
  display: flex;
  width: 100%;
}

.ag-pinned-left-sticky-top,
.ag-pinned-right-sticky-top {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ag-dialog, .ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}

.ag-panel-title-bar-title {
  flex: 1 1 auto;
}

.ag-panel-title-bar-buttons {
  display: flex;
}

.ag-panel-title-bar-button {
  cursor: pointer;
}

.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}

.ag-dialog {
  position: absolute;
}

.ag-resizer {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}

.ag-tooltip {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip-custom {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip:not(.ag-tooltip-interactive),
.ag-tooltip-custom:not(.ag-tooltip-interactive) {
  pointer-events: none;
}

.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}

.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}

.ag-opacity-zero {
  opacity: 0 !important;
}

.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}
.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}

.ag-dialog .ag-panel-content-wrapper .ag-column-select {
  user-select: none;
}

.ag-menu-list {
  display: table;
  width: 100%;
}

.ag-menu-option, .ag-menu-separator {
  display: table-row;
}

.ag-menu-option-part, .ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}

.ag-menu-option-text {
  white-space: nowrap;
}

.ag-menu-option-custom {
  display: contents;
}

.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}

.ag-rich-select {
  cursor: default;
  outline: none;
  height: 100%;
}

.ag-rich-select-value {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-rich-select-value .ag-picker-field-display {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
  opacity: 0.5;
}

.ag-rich-select-list {
  position: relative;
}
.ag-rich-select-list .ag-loading-text {
  min-height: 2rem;
}

.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
}

.ag-rich-select-field-input {
  flex: 1 1 auto;
}
.ag-rich-select-field-input .ag-input-field-input {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-overflow: ellipsis;
}
.ag-rich-select-field-input .ag-input-field-input::placeholder {
  opacity: 0.8;
}

.ag-autocomplete {
  align-items: center;
  display: flex;
}
.ag-autocomplete > * {
  flex: 1 1 auto;
}

.ag-autocomplete-list-popup {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-autocomplete-list {
  position: relative;
}

.ag-autocomplete-virtual-list-item {
  display: flex;
}

.ag-autocomplete-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  overflow: hidden;
}

.ag-autocomplete-row-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}

.ag-paging-button {
  position: relative;
}

.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}

.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}

.ag-select-agg-func-item,
.ag-column-select-column-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-select-checkbox {
  display: flex;
}

.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}

.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-details-row {
  width: 100%;
}

.ag-details-row-fixed-height {
  height: 100%;
}

.ag-details-grid {
  width: 100%;
}

.ag-details-grid-fixed-height {
  height: 100%;
}

.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
}

.ag-header-group-cell-no-group.ag-header-span-height .ag-header-cell-resize {
  display: none;
}

.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 5px 0px;
}

.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}
.ag-right-aligned-header .ag-header-cell-text {
  text-align: end;
}

.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}

.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}

.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.ag-side-button-label {
  writing-mode: vertical-lr;
}

.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.ag-status-panel {
  display: inline-flex;
}

.ag-status-name-value {
  white-space: nowrap;
}

.ag-status-bar-left {
  display: inline-flex;
}

.ag-status-bar-center {
  display: inline-flex;
}

.ag-status-bar-right {
  display: inline-flex;
}

.ag-icon {
  display: block;
  speak: none;
}

.ag-group {
  position: relative;
  width: 100%;
}

.ag-group-title-bar {
  display: flex;
  align-items: center;
}

.ag-group-title {
  display: inline;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ag-group-title-bar .ag-group-title {
  cursor: default;
}

.ag-group-toolbar {
  display: flex;
  align-items: center;
}

.ag-group-container {
  display: flex;
}

.ag-disabled .ag-group-container {
  pointer-events: none;
}

.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}

.ag-group-container-vertical {
  flex-direction: column;
}

.ag-column-group-icons {
  display: block;
}
.ag-column-group-icons > * {
  cursor: pointer;
}

.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}

.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}

.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}

.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}

.ag-input-field, .ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ag-input-field-input {
  flex: 1 1 auto;
}

.ag-floating-filter-input .ag-input-field-input[type=date] {
  width: 1px;
}

.ag-range-field {
  display: flex;
  align-items: center;
}

.ag-angle-select {
  display: flex;
  align-items: center;
}

.ag-angle-select-wrapper {
  display: flex;
}

.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}

.ag-angle-select-child-circle {
  position: absolute;
}

.ag-slider-wrapper {
  display: flex;
}
.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}

.ag-picker-field-display {
  flex: 1 1 auto;
}

.ag-picker-field {
  display: flex;
  align-items: center;
}

.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.ag-picker-field-wrapper {
  overflow: hidden;
}

.ag-label-align-right .ag-label {
  order: 1;
}
.ag-label-align-right > * {
  flex: none;
}

.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}
.ag-label-align-top > * {
  align-self: stretch;
}

.ag-label-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  cursor: default;
}

.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-spectrum-val {
  cursor: pointer;
}

.ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}

.ag-spectrum-hue {
  cursor: default;
  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

.ag-spectrum-alpha {
  cursor: default;
}

.ag-spectrum-hue-background {
  width: 100%;
  height: 100%;
}

.ag-spectrum-alpha-background {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  width: 100%;
  height: 100%;
}

.ag-spectrum-tool {
  cursor: pointer;
}

.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}

.ag-recent-colors {
  display: flex;
}

.ag-recent-color {
  cursor: pointer;
}

.ag-ltr .ag-column-select-indent-1 {
  padding-left: 20px;
}
.ag-rtl .ag-column-select-indent-1 {
  padding-right: 20px;
}

.ag-ltr .ag-set-filter-indent-1 {
  padding-left: 20px;
}
.ag-rtl .ag-set-filter-indent-1 {
  padding-right: 20px;
}

.ag-ltr .ag-row-group-indent-1 {
  padding-left: 20px;
}
.ag-rtl .ag-row-group-indent-1 {
  padding-right: 20px;
}

.ag-ltr .ag-column-select-indent-2 {
  padding-left: 40px;
}
.ag-rtl .ag-column-select-indent-2 {
  padding-right: 40px;
}

.ag-ltr .ag-set-filter-indent-2 {
  padding-left: 40px;
}
.ag-rtl .ag-set-filter-indent-2 {
  padding-right: 40px;
}

.ag-ltr .ag-row-group-indent-2 {
  padding-left: 40px;
}
.ag-rtl .ag-row-group-indent-2 {
  padding-right: 40px;
}

.ag-ltr .ag-column-select-indent-3 {
  padding-left: 60px;
}
.ag-rtl .ag-column-select-indent-3 {
  padding-right: 60px;
}

.ag-ltr .ag-set-filter-indent-3 {
  padding-left: 60px;
}
.ag-rtl .ag-set-filter-indent-3 {
  padding-right: 60px;
}

.ag-ltr .ag-row-group-indent-3 {
  padding-left: 60px;
}
.ag-rtl .ag-row-group-indent-3 {
  padding-right: 60px;
}

.ag-ltr .ag-column-select-indent-4 {
  padding-left: 80px;
}
.ag-rtl .ag-column-select-indent-4 {
  padding-right: 80px;
}

.ag-ltr .ag-set-filter-indent-4 {
  padding-left: 80px;
}
.ag-rtl .ag-set-filter-indent-4 {
  padding-right: 80px;
}

.ag-ltr .ag-row-group-indent-4 {
  padding-left: 80px;
}
.ag-rtl .ag-row-group-indent-4 {
  padding-right: 80px;
}

.ag-ltr .ag-column-select-indent-5 {
  padding-left: 100px;
}
.ag-rtl .ag-column-select-indent-5 {
  padding-right: 100px;
}

.ag-ltr .ag-set-filter-indent-5 {
  padding-left: 100px;
}
.ag-rtl .ag-set-filter-indent-5 {
  padding-right: 100px;
}

.ag-ltr .ag-row-group-indent-5 {
  padding-left: 100px;
}
.ag-rtl .ag-row-group-indent-5 {
  padding-right: 100px;
}

.ag-ltr .ag-column-select-indent-6 {
  padding-left: 120px;
}
.ag-rtl .ag-column-select-indent-6 {
  padding-right: 120px;
}

.ag-ltr .ag-set-filter-indent-6 {
  padding-left: 120px;
}
.ag-rtl .ag-set-filter-indent-6 {
  padding-right: 120px;
}

.ag-ltr .ag-row-group-indent-6 {
  padding-left: 120px;
}
.ag-rtl .ag-row-group-indent-6 {
  padding-right: 120px;
}

.ag-ltr .ag-column-select-indent-7 {
  padding-left: 140px;
}
.ag-rtl .ag-column-select-indent-7 {
  padding-right: 140px;
}

.ag-ltr .ag-set-filter-indent-7 {
  padding-left: 140px;
}
.ag-rtl .ag-set-filter-indent-7 {
  padding-right: 140px;
}

.ag-ltr .ag-row-group-indent-7 {
  padding-left: 140px;
}
.ag-rtl .ag-row-group-indent-7 {
  padding-right: 140px;
}

.ag-ltr .ag-column-select-indent-8 {
  padding-left: 160px;
}
.ag-rtl .ag-column-select-indent-8 {
  padding-right: 160px;
}

.ag-ltr .ag-set-filter-indent-8 {
  padding-left: 160px;
}
.ag-rtl .ag-set-filter-indent-8 {
  padding-right: 160px;
}

.ag-ltr .ag-row-group-indent-8 {
  padding-left: 160px;
}
.ag-rtl .ag-row-group-indent-8 {
  padding-right: 160px;
}

.ag-ltr .ag-column-select-indent-9 {
  padding-left: 180px;
}
.ag-rtl .ag-column-select-indent-9 {
  padding-right: 180px;
}

.ag-ltr .ag-set-filter-indent-9 {
  padding-left: 180px;
}
.ag-rtl .ag-set-filter-indent-9 {
  padding-right: 180px;
}

.ag-ltr .ag-row-group-indent-9 {
  padding-left: 180px;
}
.ag-rtl .ag-row-group-indent-9 {
  padding-right: 180px;
}

.ag-pill-select {
  display: flex;
  flex-direction: column;
}
.ag-pill-select .ag-column-drop {
  flex: unset;
}

.ag-ltr {
  direction: ltr;
}
.ag-ltr .ag-body, .ag-ltr .ag-floating-top, .ag-ltr .ag-floating-bottom, .ag-ltr .ag-header, .ag-ltr .ag-sticky-top, .ag-ltr .ag-sticky-bottom, .ag-ltr .ag-body-viewport, .ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}

.ag-rtl {
  direction: rtl;
}
.ag-rtl .ag-body, .ag-rtl .ag-floating-top, .ag-rtl .ag-floating-bottom, .ag-rtl .ag-header, .ag-rtl .ag-sticky-top, .ag-rtl .ag-sticky-bottom, .ag-rtl .ag-body-viewport, .ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}
.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}

.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}

.ag-layout-print.ag-body {
  display: block;
  height: unset;
}
.ag-layout-print.ag-root-wrapper {
  display: inline-block;
}
.ag-layout-print .ag-body-vertical-scroll {
  display: none;
}
.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}
.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}

@media print {
  .ag-root-wrapper.ag-layout-print {
    display: table;
  }
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
  .ag-root-wrapper.ag-layout-print .ag-root,
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row, .ag-root-wrapper.ag-layout-print .ag-cell {
    break-inside: avoid;
  }
}
[class^=ag-], [class^=ag-]:focus, [class^=ag-]:after, [class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}

[class^=ag-]::-ms-clear {
  display: none;
}

.ag-checkbox .ag-input-wrapper,
.ag-radio-button .ag-input-wrapper {
  overflow: visible;
}

.ag-range-field .ag-input-wrapper {
  height: 100%;
}

.ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}

.ag-button {
  border-radius: 0px;
  color: var(--ag-foreground-color);
}

.ag-button:hover {
  background-color: transparent;
}

.ag-ltr .ag-label-align-right .ag-label {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-label-align-right .ag-label {
  margin-right: var(--ag-grid-size);
}

input[class^=ag-] {
  margin: 0;
  background-color: var(--ag-background-color);
}

textarea[class^=ag-],
select[class^=ag-] {
  background-color: var(--ag-background-color);
}

input[class^=ag-]:not([type]),
input[class^=ag-][type=text],
input[class^=ag-][type=number],
input[class^=ag-][type=tel],
input[class^=ag-][type=date],
input[class^=ag-][type=datetime-local],
textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  border: var(--ag-borders-input) var(--ag-input-border-color);
}
input[class^=ag-]:not([type]):disabled,
input[class^=ag-][type=text]:disabled,
input[class^=ag-][type=number]:disabled,
input[class^=ag-][type=tel]:disabled,
input[class^=ag-][type=date]:disabled,
input[class^=ag-][type=datetime-local]:disabled,
textarea[class^=ag-]:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
input[class^=ag-]:not([type]):focus,
input[class^=ag-][type=text]:focus,
input[class^=ag-][type=number]:focus,
input[class^=ag-][type=tel]:focus,
input[class^=ag-][type=date]:focus,
input[class^=ag-][type=datetime-local]:focus,
textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
input[class^=ag-]:not([type]):invalid,
input[class^=ag-][type=text]:invalid,
input[class^=ag-][type=number]:invalid,
input[class^=ag-][type=tel]:invalid,
input[class^=ag-][type=date]:invalid,
input[class^=ag-][type=datetime-local]:invalid,
textarea[class^=ag-]:invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}

input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
  -moz-appearance: textfield;
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[class^=ag-][type=range] {
  padding: 0;
}

input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-drag-handle {
  color: var(--ag-secondary-foreground-color);
}

.ag-list-item, .ag-virtual-list-item {
  height: var(--ag-list-item-height);
}

.ag-virtual-list-item:focus-visible {
  outline: none;
}
.ag-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-select-list {
  background-color: var(--ag-background-color);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-list-item.ag-active-item {
  background-color: var(--ag-row-hover-color);
}

.ag-select-list-item {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-ltr .ag-select-list-item {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select-list-item {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-row-drag,
.ag-selection-checkbox,
.ag-group-expanded,
.ag-group-contracted {
  color: var(--ag-secondary-foreground-color);
}
.ag-ltr .ag-row-drag,
.ag-ltr .ag-selection-checkbox,
.ag-ltr .ag-group-expanded,
.ag-ltr .ag-group-contracted {
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-row-drag,
.ag-rtl .ag-selection-checkbox,
.ag-rtl .ag-group-expanded,
.ag-rtl .ag-group-contracted {
  margin-left: var(--ag-cell-widget-spacing);
}

.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var(--ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)));
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  display: flex;
  align-items: center;
  flex: none;
}

.ag-group-expanded,
.ag-group-contracted {
  cursor: pointer;
}

.ag-group-title-bar-icon {
  cursor: pointer;
  flex: none;
  color: var(--ag-secondary-foreground-color);
}

.ag-ltr .ag-group-child-count {
  margin-left: 2px;
}
.ag-rtl .ag-group-child-count {
  margin-right: 2px;
}

.ag-group-title-bar {
  background-color: var(--ag-subheader-background-color);
  padding: var(--ag-grid-size);
}

.ag-group-toolbar {
  padding: var(--ag-grid-size);
  background-color: var(--ag-subheader-toolbar-background-color);
}

.ag-disabled-group-title-bar, .ag-disabled-group-container {
  opacity: 0.5;
}

.group-item {
  margin: calc(var(--ag-grid-size) * 0.5) 0;
}

.ag-label {
  white-space: nowrap;
}
.ag-ltr .ag-label {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-label {
  margin-left: var(--ag-grid-size);
}

.ag-label-align-top .ag-label {
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-angle-select[disabled] {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}
.ag-angle-select[disabled] .ag-angle-select-field {
  opacity: 0.4;
}

.ag-ltr .ag-slider-field,
.ag-ltr .ag-angle-select-field {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-slider-field,
.ag-rtl .ag-angle-select-field {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-angle-select-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px;
  border-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}

.ag-angle-select-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: var(--ag-secondary-foreground-color);
}

.ag-picker-field-wrapper {
  border: var(--ag-borders);
  border-color: var(--ag-border-color);
  border-radius: 5px;
  background-color: var(--ag-background-color);
}
.ag-picker-field-wrapper:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}

.ag-picker-field-button {
  background-color: var(--ag-background-color);
  color: var(--ag-secondary-foreground-color);
}

.ag-dialog.ag-color-dialog {
  border-radius: 5px;
}

.ag-color-picker .ag-picker-field-display {
  height: var(--ag-icon-size);
}

.ag-color-picker .ag-picker-field-wrapper {
  max-width: 45px;
  min-width: 45px;
}

.ag-color-panel {
  padding: var(--ag-grid-size);
}

.ag-spectrum-color {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
}

.ag-spectrum-tools {
  padding: 10px;
}

.ag-spectrum-sat {
  background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}

.ag-spectrum-val {
  background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}

.ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 1px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}

.ag-spectrum-hue-background {
  border-radius: 2px;
}

.ag-spectrum-alpha-background {
  border-radius: 2px;
}

.ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}

.ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  background-color: rgb(248, 248, 248);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

.ag-recent-color {
  margin: 0 3px;
}
.ag-recent-color:first-child {
  margin-left: 0;
}
.ag-recent-color:last-child {
  margin-right: 0;
}

.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),
.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-dnd-ghost {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height) !important;
  line-height: var(--ag-header-height);
  margin: 0;
  padding: 0 calc(var(--ag-grid-size) * 2);
  transform: translateY(calc(var(--ag-grid-size) * 2));
}

.ag-dnd-ghost-icon {
  margin-right: var(--ag-grid-size);
  color: var(--ag-foreground-color);
}

.ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: var(--ag-popup-shadow);
}

.ag-select .ag-picker-field-wrapper {
  min-height: var(--ag-list-item-height);
  cursor: default;
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
}
.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}
.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
  min-height: var(--ag-list-item-height);
}
.ag-select .ag-picker-field-display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}
.ag-select.ag-disabled {
  opacity: 0.5;
}

.ag-rich-select-value,
.ag-rich-select-list {
  background-color: var(--ag-background-color);
}

.ag-rich-select-list {
  width: 100%;
  height: auto;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-rich-select-list .ag-loading-text {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}

.ag-rich-select-value {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  padding-top: 0;
  padding-bottom: 0;
}
.ag-ltr .ag-rich-select-value {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-value {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-rich-select-value {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-rich-select-value {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-rich-select-field-input {
  left: calc(var(--ag-cell-horizontal-padding));
}
.ag-rtl .ag-rich-select-field-input {
  right: calc(var(--ag-cell-horizontal-padding));
}

.ag-popup-editor .ag-rich-select-value {
  height: var(--ag-row-height);
  min-width: 200px;
}

.ag-rich-select-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-rich-select-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-rich-select-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-ltr .ag-rich-select-row {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-row {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rich-select-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-rich-select-row-text-highlight {
  font-weight: bold;
}

.ag-autocomplete {
  width: 100%;
}

.ag-autocomplete-list {
  width: 100%;
  min-width: 200px;
  height: calc(var(--ag-row-height) * 6.5);
}

.ag-autocomplete-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-autocomplete-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-autocomplete-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-autocomplete-row-label {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}

.ag-autocomplete-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-dragging-range-handle .ag-dialog,
.ag-dragging-fill-handle .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}

.ag-dialog {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  box-shadow: var(--ag-popup-shadow);
}

.ag-panel {
  background-color: var(--ag-panel-background-color);
  border-color: var(--ag-panel-border-color);
}

.ag-panel-title-bar {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-panel-title-bar-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-panel-title-bar-button {
  margin-right: var(--ag-grid-size);
}

.ag-tooltip {
  background-color: var(--ag-tooltip-background-color);
  color: var(--ag-foreground-color);
  padding: var(--ag-grid-size);
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  white-space: normal;
}

.ag-tooltip.ag-tooltip-animate,
.ag-tooltip-custom.ag-tooltip-animate {
  transition: opacity 1s;
}
.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
  opacity: 0;
}

.ag-ltr .ag-column-select-indent-1 {
  padding-left: calc(1 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-1 {
  padding-right: calc(1 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-2 {
  padding-left: calc(2 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-2 {
  padding-right: calc(2 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-3 {
  padding-left: calc(3 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-3 {
  padding-right: calc(3 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-4 {
  padding-left: calc(4 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-4 {
  padding-right: calc(4 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-5 {
  padding-left: calc(5 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-5 {
  padding-right: calc(5 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-6 {
  padding-left: calc(6 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-6 {
  padding-right: calc(6 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-7 {
  padding-left: calc(7 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-7 {
  padding-right: calc(7 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-8 {
  padding-left: calc(8 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-8 {
  padding-right: calc(8 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-9 {
  padding-left: calc(9 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-9 {
  padding-right: calc(9 * var(--ag-column-select-indent-size));
}

.ag-column-select-header-icon {
  cursor: pointer;
}

.ag-column-select-header-icon:focus-visible {
  outline: none;
}
.ag-column-select-header-icon:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-ltr .ag-column-group-icons:not(:last-child),
.ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-column-group-icons:not(:last-child),
.ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-column-select-virtual-list-item:focus-visible {
  outline: none;
}
.ag-column-select-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-column-group:not(:last-child),
.ag-column-select-column:not(:last-child) {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-column-select-column-readonly,
.ag-column-select-column-group-readonly {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}

.ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-column-select-virtual-list-viewport {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;
}

.ag-column-select-virtual-list-item {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}

.ag-checkbox-edit {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-pill-select .ag-column-drop {
  border-bottom: 0;
  min-height: unset;
}
.ag-pill-select .ag-column-drop-list {
  padding: 0;
}
.ag-pill-select .ag-select {
  padding-top: var(--ag-grid-size);
}
.ag-pill-select .ag-picker-field-wrapper {
  background-color: transparent;
  border: 0;
}
.ag-pill-select .ag-picker-field-display {
  cursor: pointer;
}

.ag-rtl {
  text-align: right;
}

.ag-root-wrapper {
  border-radius: var(--ag-wrapper-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 1);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 1);
}

.ag-ltr .ag-row-group-indent-1 {
  padding-left: calc(1 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-1 {
  padding-right: calc(1 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-1 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-1 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 2);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 2);
}

.ag-ltr .ag-row-group-indent-2 {
  padding-left: calc(2 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-2 {
  padding-right: calc(2 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-2 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-2 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 3);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 3);
}

.ag-ltr .ag-row-group-indent-3 {
  padding-left: calc(3 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-3 {
  padding-right: calc(3 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-3 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-3 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 4);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 4);
}

.ag-ltr .ag-row-group-indent-4 {
  padding-left: calc(4 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-4 {
  padding-right: calc(4 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-4 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-4 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 5);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 5);
}

.ag-ltr .ag-row-group-indent-5 {
  padding-left: calc(5 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-5 {
  padding-right: calc(5 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-5 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-5 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 6);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 6);
}

.ag-ltr .ag-row-group-indent-6 {
  padding-left: calc(6 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-6 {
  padding-right: calc(6 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-6 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-6 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 7);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 7);
}

.ag-ltr .ag-row-group-indent-7 {
  padding-left: calc(7 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-7 {
  padding-right: calc(7 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-7 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-7 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 8);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 8);
}

.ag-ltr .ag-row-group-indent-8 {
  padding-left: calc(8 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-8 {
  padding-right: calc(8 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-8 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-8 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 9);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 9);
}

.ag-ltr .ag-row-group-indent-9 {
  padding-left: calc(9 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-9 {
  padding-right: calc(9 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-9 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-9 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 10);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 10);
}

.ag-ltr .ag-row-group-indent-10 {
  padding-left: calc(10 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-10 {
  padding-right: calc(10 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-10 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-10 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 11);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 11);
}

.ag-ltr .ag-row-group-indent-11 {
  padding-left: calc(11 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-11 {
  padding-right: calc(11 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-11 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-11 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 12);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 12);
}

.ag-ltr .ag-row-group-indent-12 {
  padding-left: calc(12 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-12 {
  padding-right: calc(12 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-12 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-12 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 13);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 13);
}

.ag-ltr .ag-row-group-indent-13 {
  padding-left: calc(13 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-13 {
  padding-right: calc(13 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-13 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-13 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 14);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 14);
}

.ag-ltr .ag-row-group-indent-14 {
  padding-left: calc(14 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-14 {
  padding-right: calc(14 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-14 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-14 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 15);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 15);
}

.ag-ltr .ag-row-group-indent-15 {
  padding-left: calc(15 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-15 {
  padding-right: calc(15 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-15 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-15 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 16);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 16);
}

.ag-ltr .ag-row-group-indent-16 {
  padding-left: calc(16 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-16 {
  padding-right: calc(16 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-16 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-16 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 17);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 17);
}

.ag-ltr .ag-row-group-indent-17 {
  padding-left: calc(17 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-17 {
  padding-right: calc(17 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-17 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-17 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 18);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 18);
}

.ag-ltr .ag-row-group-indent-18 {
  padding-left: calc(18 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-18 {
  padding-right: calc(18 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-18 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-18 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 19);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 19);
}

.ag-ltr .ag-row-group-indent-19 {
  padding-left: calc(19 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-19 {
  padding-right: calc(19 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-19 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-19 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 20);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 20);
}

.ag-ltr .ag-row-group-indent-20 {
  padding-left: calc(20 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-20 {
  padding-right: calc(20 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-20 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-20 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 21);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 21);
}

.ag-ltr .ag-row-group-indent-21 {
  padding-left: calc(21 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-21 {
  padding-right: calc(21 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-21 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-21 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 22);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 22);
}

.ag-ltr .ag-row-group-indent-22 {
  padding-left: calc(22 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-22 {
  padding-right: calc(22 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-22 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-22 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 23);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 23);
}

.ag-ltr .ag-row-group-indent-23 {
  padding-left: calc(23 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-23 {
  padding-right: calc(23 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-23 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-23 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 24);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 24);
}

.ag-ltr .ag-row-group-indent-24 {
  padding-left: calc(24 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-24 {
  padding-right: calc(24 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-24 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-24 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 25);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 25);
}

.ag-ltr .ag-row-group-indent-25 {
  padding-left: calc(25 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-25 {
  padding-right: calc(25 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-25 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-25 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 26);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 26);
}

.ag-ltr .ag-row-group-indent-26 {
  padding-left: calc(26 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-26 {
  padding-right: calc(26 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-26 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-26 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 27);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 27);
}

.ag-ltr .ag-row-group-indent-27 {
  padding-left: calc(27 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-27 {
  padding-right: calc(27 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-27 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-27 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 28);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 28);
}

.ag-ltr .ag-row-group-indent-28 {
  padding-left: calc(28 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-28 {
  padding-right: calc(28 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-28 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-28 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 29);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 29);
}

.ag-ltr .ag-row-group-indent-29 {
  padding-left: calc(29 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-29 {
  padding-right: calc(29 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-29 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-29 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 30);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 30);
}

.ag-ltr .ag-row-group-indent-30 {
  padding-left: calc(30 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-30 {
  padding-right: calc(30 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-30 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-30 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 31);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 31);
}

.ag-ltr .ag-row-group-indent-31 {
  padding-left: calc(31 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-31 {
  padding-right: calc(31 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-31 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-31 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 32);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 32);
}

.ag-ltr .ag-row-group-indent-32 {
  padding-left: calc(32 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-32 {
  padding-right: calc(32 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-32 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-32 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 33);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 33);
}

.ag-ltr .ag-row-group-indent-33 {
  padding-left: calc(33 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-33 {
  padding-right: calc(33 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-33 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-33 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 34);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 34);
}

.ag-ltr .ag-row-group-indent-34 {
  padding-left: calc(34 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-34 {
  padding-right: calc(34 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-34 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-34 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 35);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 35);
}

.ag-ltr .ag-row-group-indent-35 {
  padding-left: calc(35 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-35 {
  padding-right: calc(35 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-35 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-35 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 36);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 36);
}

.ag-ltr .ag-row-group-indent-36 {
  padding-left: calc(36 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-36 {
  padding-right: calc(36 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-36 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-36 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 37);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 37);
}

.ag-ltr .ag-row-group-indent-37 {
  padding-left: calc(37 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-37 {
  padding-right: calc(37 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-37 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-37 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 38);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 38);
}

.ag-ltr .ag-row-group-indent-38 {
  padding-left: calc(38 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-38 {
  padding-right: calc(38 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-38 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-38 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 39);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 39);
}

.ag-ltr .ag-row-group-indent-39 {
  padding-left: calc(39 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-39 {
  padding-right: calc(39 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-39 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-39 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 40);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 40);
}

.ag-ltr .ag-row-group-indent-40 {
  padding-left: calc(40 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-40 {
  padding-right: calc(40 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-40 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-40 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 41);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 41);
}

.ag-ltr .ag-row-group-indent-41 {
  padding-left: calc(41 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-41 {
  padding-right: calc(41 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-41 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-41 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 42);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 42);
}

.ag-ltr .ag-row-group-indent-42 {
  padding-left: calc(42 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-42 {
  padding-right: calc(42 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-42 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-42 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 43);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 43);
}

.ag-ltr .ag-row-group-indent-43 {
  padding-left: calc(43 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-43 {
  padding-right: calc(43 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-43 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-43 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 44);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 44);
}

.ag-ltr .ag-row-group-indent-44 {
  padding-left: calc(44 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-44 {
  padding-right: calc(44 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-44 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-44 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 45);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 45);
}

.ag-ltr .ag-row-group-indent-45 {
  padding-left: calc(45 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-45 {
  padding-right: calc(45 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-45 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-45 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 46);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 46);
}

.ag-ltr .ag-row-group-indent-46 {
  padding-left: calc(46 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-46 {
  padding-right: calc(46 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-46 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-46 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 47);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 47);
}

.ag-ltr .ag-row-group-indent-47 {
  padding-left: calc(47 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-47 {
  padding-right: calc(47 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-47 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-47 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 48);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 48);
}

.ag-ltr .ag-row-group-indent-48 {
  padding-left: calc(48 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-48 {
  padding-right: calc(48 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-48 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-48 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 49);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 49);
}

.ag-ltr .ag-row-group-indent-49 {
  padding-left: calc(49 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-49 {
  padding-right: calc(49 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-49 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-49 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 50);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 50);
}

.ag-ltr .ag-row-group-indent-50 {
  padding-left: calc(50 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-50 {
  padding-right: calc(50 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-50 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-50 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 51);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 51);
}

.ag-ltr .ag-row-group-indent-51 {
  padding-left: calc(51 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-51 {
  padding-right: calc(51 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-51 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-51 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 52);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 52);
}

.ag-ltr .ag-row-group-indent-52 {
  padding-left: calc(52 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-52 {
  padding-right: calc(52 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-52 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-52 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 53);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 53);
}

.ag-ltr .ag-row-group-indent-53 {
  padding-left: calc(53 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-53 {
  padding-right: calc(53 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-53 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-53 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 54);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 54);
}

.ag-ltr .ag-row-group-indent-54 {
  padding-left: calc(54 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-54 {
  padding-right: calc(54 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-54 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-54 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 55);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 55);
}

.ag-ltr .ag-row-group-indent-55 {
  padding-left: calc(55 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-55 {
  padding-right: calc(55 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-55 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-55 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 56);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 56);
}

.ag-ltr .ag-row-group-indent-56 {
  padding-left: calc(56 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-56 {
  padding-right: calc(56 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-56 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-56 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 57);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 57);
}

.ag-ltr .ag-row-group-indent-57 {
  padding-left: calc(57 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-57 {
  padding-right: calc(57 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-57 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-57 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 58);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 58);
}

.ag-ltr .ag-row-group-indent-58 {
  padding-left: calc(58 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-58 {
  padding-right: calc(58 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-58 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-58 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 59);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 59);
}

.ag-ltr .ag-row-group-indent-59 {
  padding-left: calc(59 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-59 {
  padding-right: calc(59 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-59 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-59 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 60);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 60);
}

.ag-ltr .ag-row-group-indent-60 {
  padding-left: calc(60 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-60 {
  padding-right: calc(60 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-60 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-60 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 61);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 61);
}

.ag-ltr .ag-row-group-indent-61 {
  padding-left: calc(61 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-61 {
  padding-right: calc(61 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-61 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-61 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 62);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 62);
}

.ag-ltr .ag-row-group-indent-62 {
  padding-left: calc(62 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-62 {
  padding-right: calc(62 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-62 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-62 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 63);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 63);
}

.ag-ltr .ag-row-group-indent-63 {
  padding-left: calc(63 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-63 {
  padding-right: calc(63 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-63 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-63 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 64);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 64);
}

.ag-ltr .ag-row-group-indent-64 {
  padding-left: calc(64 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-64 {
  padding-right: calc(64 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-64 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-64 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 65);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 65);
}

.ag-ltr .ag-row-group-indent-65 {
  padding-left: calc(65 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-65 {
  padding-right: calc(65 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-65 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-65 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 66);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 66);
}

.ag-ltr .ag-row-group-indent-66 {
  padding-left: calc(66 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-66 {
  padding-right: calc(66 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-66 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-66 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 67);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 67);
}

.ag-ltr .ag-row-group-indent-67 {
  padding-left: calc(67 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-67 {
  padding-right: calc(67 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-67 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-67 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 68);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 68);
}

.ag-ltr .ag-row-group-indent-68 {
  padding-left: calc(68 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-68 {
  padding-right: calc(68 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-68 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-68 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 69);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 69);
}

.ag-ltr .ag-row-group-indent-69 {
  padding-left: calc(69 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-69 {
  padding-right: calc(69 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-69 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-69 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 70);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 70);
}

.ag-ltr .ag-row-group-indent-70 {
  padding-left: calc(70 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-70 {
  padding-right: calc(70 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-70 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-70 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 71);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 71);
}

.ag-ltr .ag-row-group-indent-71 {
  padding-left: calc(71 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-71 {
  padding-right: calc(71 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-71 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-71 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 72);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 72);
}

.ag-ltr .ag-row-group-indent-72 {
  padding-left: calc(72 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-72 {
  padding-right: calc(72 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-72 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-72 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 73);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 73);
}

.ag-ltr .ag-row-group-indent-73 {
  padding-left: calc(73 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-73 {
  padding-right: calc(73 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-73 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-73 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 74);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 74);
}

.ag-ltr .ag-row-group-indent-74 {
  padding-left: calc(74 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-74 {
  padding-right: calc(74 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-74 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-74 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 75);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 75);
}

.ag-ltr .ag-row-group-indent-75 {
  padding-left: calc(75 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-75 {
  padding-right: calc(75 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-75 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-75 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 76);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 76);
}

.ag-ltr .ag-row-group-indent-76 {
  padding-left: calc(76 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-76 {
  padding-right: calc(76 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-76 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-76 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 77);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 77);
}

.ag-ltr .ag-row-group-indent-77 {
  padding-left: calc(77 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-77 {
  padding-right: calc(77 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-77 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-77 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 78);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 78);
}

.ag-ltr .ag-row-group-indent-78 {
  padding-left: calc(78 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-78 {
  padding-right: calc(78 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-78 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-78 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 79);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 79);
}

.ag-ltr .ag-row-group-indent-79 {
  padding-left: calc(79 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-79 {
  padding-right: calc(79 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-79 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-79 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 80);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 80);
}

.ag-ltr .ag-row-group-indent-80 {
  padding-left: calc(80 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-80 {
  padding-right: calc(80 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-80 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-80 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 81);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 81);
}

.ag-ltr .ag-row-group-indent-81 {
  padding-left: calc(81 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-81 {
  padding-right: calc(81 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-81 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-81 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 82);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 82);
}

.ag-ltr .ag-row-group-indent-82 {
  padding-left: calc(82 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-82 {
  padding-right: calc(82 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-82 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-82 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 83);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 83);
}

.ag-ltr .ag-row-group-indent-83 {
  padding-left: calc(83 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-83 {
  padding-right: calc(83 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-83 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-83 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 84);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 84);
}

.ag-ltr .ag-row-group-indent-84 {
  padding-left: calc(84 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-84 {
  padding-right: calc(84 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-84 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-84 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 85);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 85);
}

.ag-ltr .ag-row-group-indent-85 {
  padding-left: calc(85 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-85 {
  padding-right: calc(85 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-85 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-85 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 86);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 86);
}

.ag-ltr .ag-row-group-indent-86 {
  padding-left: calc(86 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-86 {
  padding-right: calc(86 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-86 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-86 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 87);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 87);
}

.ag-ltr .ag-row-group-indent-87 {
  padding-left: calc(87 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-87 {
  padding-right: calc(87 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-87 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-87 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 88);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 88);
}

.ag-ltr .ag-row-group-indent-88 {
  padding-left: calc(88 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-88 {
  padding-right: calc(88 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-88 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-88 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 89);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 89);
}

.ag-ltr .ag-row-group-indent-89 {
  padding-left: calc(89 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-89 {
  padding-right: calc(89 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-89 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-89 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 90);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 90);
}

.ag-ltr .ag-row-group-indent-90 {
  padding-left: calc(90 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-90 {
  padding-right: calc(90 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-90 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-90 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 91);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 91);
}

.ag-ltr .ag-row-group-indent-91 {
  padding-left: calc(91 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-91 {
  padding-right: calc(91 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-91 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-91 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 92);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 92);
}

.ag-ltr .ag-row-group-indent-92 {
  padding-left: calc(92 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-92 {
  padding-right: calc(92 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-92 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-92 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 93);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 93);
}

.ag-ltr .ag-row-group-indent-93 {
  padding-left: calc(93 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-93 {
  padding-right: calc(93 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-93 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-93 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 94);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 94);
}

.ag-ltr .ag-row-group-indent-94 {
  padding-left: calc(94 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-94 {
  padding-right: calc(94 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-94 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-94 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 95);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 95);
}

.ag-ltr .ag-row-group-indent-95 {
  padding-left: calc(95 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-95 {
  padding-right: calc(95 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-95 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-95 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 96);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 96);
}

.ag-ltr .ag-row-group-indent-96 {
  padding-left: calc(96 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-96 {
  padding-right: calc(96 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-96 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-96 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 97);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 97);
}

.ag-ltr .ag-row-group-indent-97 {
  padding-left: calc(97 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-97 {
  padding-right: calc(97 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-97 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-97 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 98);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 98);
}

.ag-ltr .ag-row-group-indent-98 {
  padding-left: calc(98 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-98 {
  padding-right: calc(98 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-98 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-98 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 99);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 99);
}

.ag-ltr .ag-row-group-indent-99 {
  padding-left: calc(99 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-99 {
  padding-right: calc(99 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-99 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-99 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row-group-leaf-indent {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-group-leaf-indent {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-value-change-delta {
  padding-right: 2px;
}

.ag-value-change-delta-up {
  color: var(--ag-value-change-delta-up-color);
}

.ag-value-change-delta-down {
  color: var(--ag-value-change-delta-down-color);
}

.ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}

.ag-value-change-value-highlight {
  background-color: var(--ag-value-change-value-highlight-background-color);
  transition: background-color 0.1s;
}

.ag-cell-data-changed {
  background-color: var(--ag-value-change-value-highlight-background-color) !important;
}

.ag-cell-data-changed-animation {
  background-color: transparent;
}

.ag-cell-highlight {
  background-color: var(--ag-range-selection-highlight-color) !important;
}

.ag-row {
  height: var(--ag-row-height);
  background-color: var(--ag-background-color);
  color: var(--ag-data-color);
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-sticky-bottom .ag-row {
  border-bottom: none;
  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-row-highlight-above::after, .ag-row-highlight-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
  left: 1px;
}

.ag-row-highlight-above::after {
  top: -1px;
}

.ag-row-highlight-above.ag-row-first::after {
  top: 0;
}

.ag-row-highlight-below::after {
  bottom: 0px;
}

.ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-row-selected::before {
  content: "";
  background-color: var(--ag-selected-row-background-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-row-hover:not(.ag-full-width-row)::before,
.ag-row-hover.ag-full-width-row.ag-row-group::before {
  content: "";
  background-color: var(--ag-row-hover-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.ag-row-hover.ag-full-width-row.ag-row-group > * {
  position: relative;
}

.ag-row-hover.ag-row-selected::before {
  background-color: var(--ag-row-hover-color);
  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));
}

.ag-column-hover {
  background-color: var(--ag-column-hover-color);
}

.ag-ltr .ag-right-aligned-cell {
  text-align: right;
}
.ag-rtl .ag-right-aligned-cell {
  text-align: left;
}

.ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}

.ag-cell, .ag-full-width-row .ag-cell-wrapper.ag-row-group {
  --ag-internal-calculated-line-height: var(--ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)));
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  border: 1px solid transparent;
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
  -webkit-font-smoothing: subpixel-antialiased;
}

.ag-row > .ag-cell-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
}

.ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}

.ag-cell-inline-editing {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: 0;
  background-color: var(--ag-control-panel-background-color);
}

.ag-popup-editor .ag-large-text,
.ag-autocomplete-list-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-control-panel-background-color);
  padding: 0;
}

.ag-large-text-input {
  height: auto;
  padding: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-large-text-input textarea {
  resize: none;
}

.ag-details-row {
  padding: calc(var(--ag-grid-size) * 5);
  background-color: var(--ag-background-color);
}

.ag-layout-auto-height .ag-center-cols-viewport, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-viewport, .ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}

.ag-overlay-loading-wrapper {
  background-color: var(--ag-modal-overlay-background-color);
}

.ag-overlay-loading-center {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
}

.ag-overlay-no-rows-wrapper.ag-layout-auto-height {
  padding-top: 30px;
}

.ag-skeleton-container {
  width: 100%;
  height: 100%;
  align-content: center;
}

.ag-skeleton-effect {
  background-color: var(--ag-row-loading-skeleton-effect-color);
  width: 100%;
  height: 1em;
  border-radius: 0.25rem;
  animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite;
}

@keyframes ag-skeleton-loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.ag-loading {
  display: flex;
  height: 100%;
  align-items: center;
}
.ag-ltr .ag-loading {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-loading {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-loading-icon {
  padding-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-loading-icon {
  padding-left: var(--ag-cell-widget-spacing);
}

.ag-icon-loading {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ag-floating-top {
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-floating-bottom {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-cell {
  border-right: var(--ag-cell-horizontal-border);
}
.ag-rtl .ag-cell {
  border-left: var(--ag-cell-horizontal-border);
}
.ag-ltr .ag-cell {
  border-right-width: 1px;
}
.ag-rtl .ag-cell {
  border-left-width: 1px;
}

.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell-range-selected:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: var(--ag-range-selection-chart-background-color) !important;
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: var(--ag-range-selection-chart-category-background-color) !important;
}

.ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}

.ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: var(--ag-range-selection-background-color-2);
}

.ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: var(--ag-range-selection-background-color-3);
}

.ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: var(--ag-range-selection-background-color-4);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: var(--ag-range-selection-border-color);
  border-top-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: var(--ag-range-selection-border-color);
  border-right-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: var(--ag-range-selection-border-color);
  border-bottom-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: var(--ag-range-selection-border-color);
  border-left-style: var(--ag-range-selection-border-style);
}

.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-ltr .ag-cell-range-single-cell,
.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle, .ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-rtl .ag-cell-range-single-cell,
.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: var(--ag-range-selection-border-color);
  border-style: var(--ag-range-selection-border-style);
  outline: initial;
}

.ag-cell.ag-selection-fill-top,
.ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-right,
.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-right,
.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-cell.ag-selection-fill-bottom,
.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-left,
.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-left,
.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-fill-handle, .ag-range-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-fill-handle, .ag-ltr .ag-range-handle {
  right: -1px;
}
.ag-rtl .ag-fill-handle, .ag-rtl .ag-range-handle {
  left: -1px;
}

.ag-fill-handle {
  cursor: cell;
}

.ag-range-handle {
  cursor: nwse-resize;
}

.ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}

.ag-menu {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-menu-background-color);
  border-color: var(--ag-menu-border-color);
  padding: 0;
}

.ag-menu-list {
  cursor: default;
  padding: var(--ag-grid-size) 0;
}

.ag-menu-separator {
  height: calc(var(--ag-grid-size) * 2 + 1px);
}

.ag-menu-separator-part::after {
  content: "";
  display: block;
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-menu-option-active, .ag-compact-menu-option-active {
  background-color: var(--ag-row-hover-color);
}

.ag-menu-option-part, .ag-compact-menu-option-part {
  line-height: var(--ag-icon-size);
  padding: calc(var(--ag-grid-size) + 2px) 0;
}

.ag-menu-option-disabled, .ag-compact-menu-option-disabled {
  opacity: 0.5;
}

.ag-menu-option-icon, .ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
}
.ag-ltr .ag-menu-option-icon, .ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-menu-option-icon, .ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-menu-option-text, .ag-compact-menu-option-text {
  padding-left: calc(var(--ag-grid-size) * 2);
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-menu-option-shortcut, .ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-shortcut, .ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-menu-option-popup-pointer, .ag-ltr .ag-compact-menu-option-popup-pointer {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-popup-pointer, .ag-rtl .ag-compact-menu-option-popup-pointer {
  padding-left: var(--ag-grid-size);
}

.ag-tabs {
  min-width: var(--ag-tab-min-width);
}

.ag-tabs-header {
  display: flex;
}

.ag-tabs-header-wrapper {
  display: flex;
}
.ag-tabs-header-wrapper .ag-tabs-header {
  flex: 1;
}

.ag-tabs-close-button-wrapper {
  border: 0;
  border-right: var(--ag-borders) var(--ag-border-color);
  padding: var(--ag-grid-size);
}

.ag-tabs-close-button {
  border: 0;
  background-color: unset;
  cursor: pointer;
  padding: 0;
}

.ag-tab {
  border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ag-tab:focus-visible {
  outline: none;
}
.ag-tab:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-tab-selected {
  border-bottom-color: var(--ag-selected-tab-underline-color);
}

.ag-menu-header {
  color: var(--ag-secondary-foreground-color);
}

.ag-filter-separator {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-filter-select .ag-picker-field-wrapper {
  width: 0;
}

.ag-filter-condition-operator {
  height: 17px;
}

.ag-ltr .ag-filter-condition-operator-or {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-condition-operator-or {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-set-filter-select-all {
  padding-top: var(--ag-widget-container-vertical-padding);
}

.ag-set-filter-list, .ag-filter-no-matches {
  height: calc(var(--ag-list-item-height) * 6);
}

.ag-set-filter-tree-list {
  height: calc(var(--ag-list-item-height) * 10);
}

.ag-set-filter-filter {
  margin-top: var(--ag-widget-container-vertical-padding);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-to {
  margin-top: var(--ag-widget-vertical-spacing);
}

.ag-mini-filter {
  margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-set-filter-item {
  padding: 0px var(--ag-widget-container-horizontal-padding);
}

.ag-ltr .ag-set-filter-indent-1 {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + 1 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-1 {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + 1 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-2 {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + 2 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-2 {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + 2 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-3 {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + 3 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-3 {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + 3 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-4 {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + 4 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-4 {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + 4 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-5 {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + 5 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-5 {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + 5 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-6 {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + 6 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-6 {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + 6 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-7 {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + 7 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-7 {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + 7 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-8 {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + 8 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-8 {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + 8 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-9 {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + 9 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-9 {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + 9 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}
.ag-rtl .ag-set-filter-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}

.ag-ltr .ag-set-filter-group-icons {
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-set-filter-group-icons {
  margin-left: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-menu .ag-set-filter-list {
  min-width: 200px;
}

.ag-filter-virtual-list-item:focus-visible {
  outline: none;
}
.ag-filter-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-apply-panel {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-filter-apply-panel-button {
  line-height: 1.5;
}
.ag-ltr .ag-filter-apply-panel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-apply-panel-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  overflow-y: auto;
  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
}
.ag-simple-filter-body-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
  margin: 0;
}

.ag-menu:not(.ag-tabs) .ag-filter .ag-simple-filter-body-wrapper,
.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
  min-width: calc(var(--ag-menu-min-width) - 2px);
}

.ag-filter-no-matches {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-multi-filter-menu-item {
  margin: var(--ag-grid-size) 0;
}

.ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
  background-color: transparent;
}

.ag-group-filter-field-select-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-group-filter-field-select-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-multi-filter-group-title-bar:focus-visible {
  outline: none;
}
.ag-multi-filter-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-side-bar {
  position: relative;
}

.ag-tool-panel-wrapper {
  width: var(--ag-side-bar-panel-width);
  background-color: var(--ag-control-panel-background-color);
}

.ag-side-buttons {
  padding-top: calc(var(--ag-grid-size) * 4);
  width: calc(var(--ag-icon-size) + 4px);
  position: relative;
  overflow: hidden;
}

button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: transparent;
  padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
  width: 100%;
  margin: 0;
  min-height: calc(var(--ag-grid-size) * 18);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  border: none;
  border-top: var(--ag-borders-side-button) var(--ag-border-color);
  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
}
button.ag-side-button-button:focus {
  box-shadow: none;
}

.ag-side-button-button:focus-visible {
  outline: none;
}
.ag-side-button-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-selected button.ag-side-button-button {
  background-color: var(--ag-side-button-selected-background-color);
}

.ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}

.ag-ltr .ag-side-bar-left,
.ag-rtl .ag-side-bar-right {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-right var(--ag-selected-tab-underline-transition-speed);
}
.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: var(--ag-selected-tab-underline-color);
}

.ag-rtl .ag-side-bar-left,
.ag-ltr .ag-side-bar-right {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-left var(--ag-selected-tab-underline-transition-speed);
}
.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: var(--ag-selected-tab-underline-color);
}

.ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 6);
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  padding: 0 var(--ag-grid-size);
}

.ag-filter-toolpanel-header:focus-visible {
  outline: none;
}
.ag-filter-toolpanel-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {
  display: none;
}

.ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 8);
}

.ag-filter-toolpanel-group-item {
  margin-top: calc(var(--ag-grid-size) * 0.5);
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-filter-toolpanel-search {
  height: var(--ag-header-height);
}

.ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: calc(var(--ag-grid-size) * 4);
}
.ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-0 {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-ltr .ag-filter-toolpanel-expand,
.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-expand,
.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-1-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 1 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 1 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-2-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 2 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 2 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-3-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 3 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 3 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-4-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 4 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 4 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-5-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 5 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 5 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-6-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 6 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 6 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-7-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 7 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 7 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-8-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 8 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 8 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-9-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 9 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 9 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-10-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 10 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 10 + var(--ag-grid-size));
}

.ag-filter-toolpanel-instance-header.ag-filter-toolpanel-group-level-1-header {
  padding-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-instance-filter {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  border-top: var(--ag-borders) var(--ag-border-color);
  margin-top: var(--ag-grid-size);
}

.ag-ltr .ag-filter-toolpanel-group-instance-header-icon,
.ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-group-instance-header-icon,
.ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: var(--ag-grid-size);
}

.ag-set-filter-group-icons {
  color: var(--ag-secondary-foreground-color);
}

.ag-pivot-mode-panel {
  min-height: var(--ag-header-height);
  height: var(--ag-header-height);
  display: flex;
}

.ag-pivot-mode-select {
  display: flex;
  align-items: center;
}
.ag-ltr .ag-pivot-mode-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-pivot-mode-select {
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-column-select-header:focus-visible {
  outline: none;
}
.ag-column-select-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-header {
  height: var(--ag-header-height);
  align-items: center;
  padding: 0 var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-panel-column-select {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-group-icons,
.ag-column-select-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-column-select-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-header, .ag-advanced-filter-header {
  background-color: var(--ag-header-background-color);
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-row {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
}

.ag-pinned-right-header {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-pinned-left-header {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon, .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon, .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}

.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon, .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon, .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}

.ag-header-cell,
.ag-header-group-cell {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell.ag-header-cell-moving,
.ag-header-group-cell.ag-header-cell-moving {
  background-color: var(--ag-header-cell-moving-background-color);
}

.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
  left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
  right: var(--ag-cell-horizontal-padding);
}

.ag-header-cell:focus-visible {
  outline: none;
}
.ag-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-group-cell:focus-visible {
  outline: none;
}
.ag-header-group-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-header-cell:focus-visible {
  outline: none;
}
.ag-advanced-filter-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-header-expand-icon {
  cursor: pointer;
}
.ag-ltr .ag-header-expand-icon {
  margin-left: 4px;
}
.ag-rtl .ag-header-expand-icon {
  margin-right: 4px;
}

.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total),
.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
  background-color: var(--ag-header-cell-hover-background-color);
}

.ag-header-cell::before,
.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-separator-display);
  width: var(--ag-header-column-separator-width);
  height: var(--ag-header-column-separator-height);
  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
  background-color: var(--ag-header-column-separator-color);
}
.ag-ltr .ag-header-cell::before,
.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  right: 0;
}
.ag-rtl .ag-header-cell::before,
.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  left: 0;
}

.ag-header-cell-resize {
  display: flex;
  align-items: center;
}

.ag-header-cell-resize::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-resize-handle-display);
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
  background-color: var(--ag-header-column-resize-handle-color);
}
.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
  right: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-left-header .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-right-header .ag-header-cell-resize::after {
  left: 50%;
}

.ag-ltr .ag-header-select-all {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-select-all {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-floating-filter-button {
  margin-left: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-floating-filter-button {
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  appearance: none;
  background: transparent;
  border: none;
  height: var(--ag-icon-size);
  padding: 0;
  width: var(--ag-icon-size);
}

.ag-filter-loading {
  background-color: var(--ag-control-panel-background-color);
  height: 100%;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  position: absolute;
  width: 100%;
  z-index: 1;
}

.ag-paging-panel {
  border-top: 1px solid;
  border-top-color: var(--ag-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
}
.ag-paging-panel > * {
  margin: 0 var(--ag-cell-horizontal-padding);
}
.ag-paging-panel > .ag-paging-page-size .ag-wrapper {
  min-width: calc(var(--ag-grid-size) * 10);
}

.ag-paging-button {
  cursor: pointer;
}

.ag-paging-button.ag-disabled {
  cursor: default;
  color: var(--ag-disabled-foreground-color);
}

.ag-paging-button:focus-visible {
  outline: none;
}
.ag-paging-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-paging-button, .ag-paging-description {
  margin: 0 var(--ag-grid-size);
}

.ag-status-bar {
  border-top: var(--ag-borders) var(--ag-border-color);
  color: var(--ag-disabled-foreground-color);
  padding-right: calc(var(--ag-grid-size) * 4);
  padding-left: calc(var(--ag-grid-size) * 4);
  line-height: 1.5;
}

.ag-status-name-value-value {
  color: var(--ag-foreground-color);
}

.ag-status-bar-center {
  text-align: center;
}

.ag-status-name-value {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell {
  background: var(--ag-chip-background-color);
  border-radius: calc(var(--ag-grid-size) * 4);
  height: calc(var(--ag-grid-size) * 4);
  padding: 0 calc(var(--ag-grid-size) * 0.5);
  border: 1px solid var(--ag-chip-border-color);
}

.ag-column-drop-cell:focus-visible {
  outline: none;
}
.ag-column-drop-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-drop-cell-text {
  margin: 0 var(--ag-grid-size);
}

.ag-column-drop-cell-button {
  min-width: calc(var(--ag-grid-size) * 4);
  margin: 0 calc(var(--ag-grid-size) * 0.5);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-cell-drag-handle {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell-ghost {
  opacity: 0.5;
}

.ag-column-drop-horizontal {
  background-color: var(--ag-header-background-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-column-drop-horizontal {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-column-drop-horizontal-cell-separator {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-horizontal-empty-message {
  color: var(--ag-disabled-foreground-color);
}

.ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-column-drop-vertical-list {
  padding-bottom: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-grid-size);
}

.ag-column-drop-vertical-cell {
  margin-top: var(--ag-grid-size);
}

.ag-column-drop-vertical {
  min-height: 50px;
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}

.ag-column-drop-vertical-icon {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
}

.ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: var(--ag-disabled-foreground-color);
  margin-top: var(--ag-grid-size);
}

.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background: var(--ag-background-color);
  height: calc(var(--ag-grid-size) * 5 * 3.5);
  padding: 0;
}

.ag-select-agg-func-virtual-list-item {
  cursor: default;
}
.ag-ltr .ag-select-agg-func-virtual-list-item {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-select-agg-func-virtual-list-item {
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-select-agg-func-virtual-list-item:hover {
  background-color: var(--ag-selected-row-background-color);
}

.ag-select-agg-func-virtual-list-item:focus-visible {
  outline: none;
}
.ag-select-agg-func-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-sort-indicator-container {
  display: flex;
}

.ag-ltr .ag-sort-indicator-icon {
  padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-sort-indicator-icon {
  padding-right: var(--ag-grid-size);
}

.ag-chart {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}

.ag-chart-title-edit {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  text-align: center;
}

.ag-chart-title-edit.currently-editing {
  display: inline-block;
}

.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
}

.ag-charts-canvas {
  display: block;
}

.ag-chart-menu {
  position: absolute;
  top: 16px;
  display: flex;
  flex-direction: column;
}
.ag-ltr .ag-chart-menu {
  right: 20px;
}
.ag-rtl .ag-chart-menu {
  left: 20px;
}

.ag-chart-docked-container {
  position: relative;
  width: 0;
  min-width: 0;
  transition: min-width 0.4s;
}

.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  max-width: 0;
  overflow: hidden;
}

.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ag-chart-tabbed-menu-header {
  flex: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}

.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.ag-chart-settings {
  overflow-x: hidden;
}

.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}

.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}
.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}
.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}

.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}

.ag-chart-mini-thumbnail {
  cursor: pointer;
}

.ag-chart-mini-thumbnail-canvas {
  display: block;
}

.ag-chart-data-wrapper,
.ag-chart-format-wrapper,
.ag-chart-advanced-settings-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-bottom: 16px;
}

.ag-chart-data-wrapper,
.ag-chart-advanced-settings-wrapper {
  height: 100%;
  overflow-y: auto;
}

.ag-chart-advanced-settings {
  background-color: var(--ag-control-panel-background-color);
}

.ag-chart-advanced-settings-wrapper, .ag-chart-advanced-settings {
  width: 100%;
}

.ag-chart-advanced-settings-wrapper {
  padding-bottom: 0;
}

.ag-chart-data-section,
.ag-chart-format-section,
.ag-chart-advanced-settings-section {
  display: flex;
  margin: 0;
}

.ag-chart-advanced-settings-section {
  border-bottom: 1px solid var(--ag-secondary-border-color);
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}

.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--ag-background-color);
}

.ag-chart .ag-chart-menu {
  display: none;
}

.ag-chart-menu-hidden:hover .ag-chart-menu {
  display: block;
}

.ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu, .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  display: flex;
  flex-direction: row;
  top: 8px;
  gap: 20px;
  width: auto;
}
.ag-ltr .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu, .ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: right;
}
.ag-rtl .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu, .ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: left;
}

.ag-chart-menu-close {
  display: none;
}

.ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  position: absolute;
  top: 50%;
  transition: transform 0.33s ease-in-out;
  padding: 0;
  display: block;
  cursor: pointer;
  border: none;
}
.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  right: 0px;
}
.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  left: 0px;
}
.ag-chart-tool-panel-button-enable .ag-chart-menu-close .ag-icon {
  padding: 14px 5px 14px 2px;
  width: auto;
  height: auto;
}
.ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  content: "";
  position: absolute;
  top: -40px;
  bottom: -40px;
}
.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  right: 0px;
}
.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  left: 0px;
}
.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  left: -10px;
}
.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  right: -10px;
}
.ag-chart-tool-panel-button-enable .ag-icon-menu {
  display: none;
}

.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  transform: translate(3px, -50%);
}
.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover {
  transform: translate(0, -50%);
}
.ag-ltr .ag-chart-menu-visible .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover {
  transform: translate(5px, -50%);
}

.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  transform: translate(-3px, -50%);
}
.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover {
  transform: translate(0, -50%);
}
.ag-rtl .ag-chart-menu-visible .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover {
  transform: translate(-5px, -50%);
}

.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}

.ag-charts-data-group-item {
  position: relative;
}

.ag-charts-data-group-item:not(:last-child) {
  margin-bottom: var(--ag-grid-size);
}

.ag-chart-menu {
  border-radius: var(--ag-card-radius);
  background: var(--ag-background-color);
}

.ag-chart-menu-icon {
  opacity: 0.5;
  margin: 2px 0;
  cursor: pointer;
  border-radius: var(--ag-card-radius);
  color: var(--ag-secondary-foreground-color);
}
.ag-chart-menu-icon:hover {
  opacity: 1;
}

.ag-chart-menu-toolbar-button {
  border: 0;
  background-color: unset;
  padding: 0 2px;
  border-radius: 1px;
}

.ag-chart-mini-thumbnail {
  border: 1px solid var(--ag-secondary-border-color);
  border-radius: 5px;
}
.ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--ag-minichart-selected-chart-color);
}

.ag-chart-settings-card-item {
  background: var(--ag-foreground-color);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.ag-chart-settings-card-item.ag-selected {
  background-color: var(--ag-minichart-selected-page-color);
}

.ag-chart-data-column-drag-handle {
  margin-left: var(--ag-grid-size);
}

.ag-charts-settings-group-title-bar,
.ag-charts-data-group-title-bar,
.ag-charts-format-top-level-group-title-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  position: relative;
}

.ag-charts-advanced-settings-top-level-group-title-bar {
  position: relative;
  background-color: unset;
}

.ag-charts-settings-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-settings-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-data-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-data-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-format-top-level-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-format-top-level-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-advanced-settings-top-level-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-advanced-settings-top-level-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-data-group-container {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);
}
.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) {
  height: var(--ag-list-item-height);
}
.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {
  margin-top: var(--ag-grid-size);
}
.ag-charts-data-group-container .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-charts-data-group-container .ag-item-highlight-top::after {
  top: 0;
}
.ag-charts-data-group-container .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-charts-format-top-level-group-container,
.ag-charts-advanced-settings-top-level-group-container {
  margin-left: calc(var(--ag-grid-size) * 2);
  padding: var(--ag-grid-size);
}

.ag-charts-format-top-level-group-item,
.ag-charts-advanced-settings-top-level-group-item {
  margin: var(--ag-grid-size) 0;
}

.ag-charts-format-sub-level-group-container {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-settings-group-container {
  padding: var(--ag-grid-size);
  row-gap: 8px;
  display: grid;
  grid-template-columns: 60px 1fr 60px 1fr 60px;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) {
  grid-column: 1;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) {
  grid-column: 3;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) {
  grid-column: 5;
}

.ag-chart-menu-panel {
  background-color: var(--ag-control-panel-background-color);
}
.ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px var(--ag-border-color);
}
.ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px var(--ag-border-color);
}

.ag-date-time-list-page-title-bar {
  display: flex;
}

.ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}

.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}

.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}

.ag-date-time-list-page-entry {
  cursor: pointer;
  text-align: center;
}

.ag-date-time-list-page-column-label {
  text-align: center;
}

.ag-advanced-filter-header {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-advanced-filter {
  display: flex;
  align-items: center;
  width: 100%;
}

.ag-advanced-filter-apply-button, .ag-advanced-filter-builder-button {
  line-height: normal;
  white-space: nowrap;
}
.ag-ltr .ag-advanced-filter-apply-button, .ag-ltr .ag-advanced-filter-builder-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-advanced-filter-apply-button, .ag-rtl .ag-advanced-filter-builder-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-button {
  display: flex;
  align-items: center;
  border: 0;
  background-color: unset;
  color: var(--ag-foreground-color);
  font-size: var(--ag-font-size);
  font-weight: 600;
}
.ag-advanced-filter-builder-button:hover:not(:disabled) {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-button:not(:disabled) {
  cursor: pointer;
}

.ag-advanced-filter-builder-button-label {
  margin-left: var(--ag-grid-size);
}

.ag-advanced-filter-builder {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  background-color: var(--ag-control-panel-background-color);
  display: flex;
  flex-direction: column;
}

.ag-advanced-filter-builder-list {
  flex: 1;
  overflow: auto;
}
.ag-advanced-filter-builder-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-advanced-filter-builder-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-advanced-filter-builder-button-panel {
  display: flex;
  justify-content: flex-end;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-item-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding-left: calc(var(--ag-icon-size) / 2);
  padding-right: var(--ag-icon-size);
}

.ag-advanced-filter-builder-item-tree-lines > * {
  width: var(--ag-advanced-filter-builder-indent-size);
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
  width: var(--ag-icon-size);
}
.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {
  top: 50%;
  height: 50%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal,
.ag-advanced-filter-builder-item-tree-line-vertical,
.ag-advanced-filter-builder-item-tree-line-vertical-top,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after,
.ag-advanced-filter-builder-item-tree-line-vertical::before,
.ag-advanced-filter-builder-item-tree-line-vertical::after,
.ag-advanced-filter-builder-item-tree-line-vertical-top::before,
.ag-advanced-filter-builder-item-tree-line-vertical-top::after,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::after {
  content: "";
  position: absolute;
  height: 100%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal::after {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-bottom: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical::before {
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-top::before {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before {
  height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
  width: calc(var(--ag-icon-size) / 2);
  top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-condition {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}

.ag-advanced-filter-builder-item,
.ag-advanced-filter-builder-item-condition,
.ag-advanced-filter-builder-pill-wrapper,
.ag-advanced-filter-builder-pill,
.ag-advanced-filter-builder-item-buttons,
.ag-advanced-filter-builder-item-tree-lines {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-advanced-filter-builder-pill-wrapper {
  margin: 0px var(--ag-grid-size);
}

.ag-advanced-filter-builder-pill {
  position: relative;
  border-radius: var(--ag-border-radius);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  min-height: calc(100% - var(--ag-grid-size) * 3);
  min-width: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-pill .ag-picker-field-display {
  margin-right: var(--ag-grid-size);
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
  font-family: monospace;
  font-weight: 700;
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
  color: var(--ag-disabled-foreground-color);
}

.ag-advanced-filter-builder-pill:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-pill:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-item-button:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-item-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-pill-display {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

.ag-advanced-filter-builder-join-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-join-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-column-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-column-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-option-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-option-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-value-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-value-pill-color);
  cursor: text;
  max-width: 140px;
}
.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
  display: block;
}

.ag-advanced-filter-builder-item-buttons > * {
  margin: 0 calc(var(--ag-grid-size) * 0.5);
}

.ag-advanced-filter-builder-item-button {
  position: relative;
  cursor: pointer;
  color: var(--ag-secondary-foreground-color);
  opacity: 50%;
}

.ag-advanced-filter-builder-item-button-disabled {
  color: var(--ag-disabled-foreground-color);
  cursor: default;
}

.ag-advanced-filter-builder-virtual-list-container {
  top: var(--ag-grid-size);
}

.ag-advanced-filter-builder-virtual-list-item {
  display: flex;
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-advanced-filter-builder-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
  opacity: 100%;
}

.ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible,
.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
  opacity: 100%;
}

.ag-advanced-filter-builder-invalid {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-invalid-color);
  cursor: default;
}

.ag-input-field-input {
  width: 100%;
  min-width: 0;
}

.ag-checkbox-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
}
.ag-checkbox-input-wrapper input, .ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-checkbox-input-wrapper::after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  color: var(--ag-checkbox-indeterminate-color);
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-indeterminate::before {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: var(--ag-toggle-button-width);
  min-width: var(--ag-toggle-button-width);
  max-width: var(--ag-toggle-button-width);
  height: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-off-background-color);
  border-radius: calc(var(--ag-toggle-button-height) * 0.5);
  position: relative;
  flex: none;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-off-border-color);
}
.ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}
.ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--ag-toggle-button-on-background-color);
  border-color: var(--ag-toggle-button-on-border-color);
}
.ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: calc(0px - var(--ag-toggle-button-border-width));
  left: calc(0px - var(--ag-toggle-button-border-width));
  display: block;
  box-sizing: border-box;
  height: var(--ag-toggle-button-height);
  width: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-switch-background-color);
  border-radius: 100%;
  transition: left 100ms;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-switch-border-color);
}
.ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
  border-color: var(--ag-toggle-button-on-border-color);
}

.ag-radio-button-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-radius: var(--ag-icon-size);
}
.ag-radio-button-input-wrapper input, .ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-radio-button-input-wrapper::after {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}
.ag-radio-button-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

input[class^=ag-][type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}
input[class^=ag-][type=range]::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: transparent;
  width: calc(100% - 2px);
}
input[class^=ag-][type=range]::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}
input[class^=ag-][type=range]::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]:focus {
  outline: none;
}
input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:disabled {
  opacity: 0.5;
}
@font-face {
  font-family: "agGridQuartz";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABmsAAsAAAAANbQAABlcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KxFS3OAE2AiQDgkALgSIABCAFhEYHhUIbrS1lhhRsHMDmjYY+2f9fJnBjSJQDf3Gmak2UmCoRplwn+JpsYTlytdwFD68gMxAuB6741XeLNiaMyYN/Iiaja7H1EUOGUhLUj/323jcjUYJlMU80EU94ogRKZmiBUH/jr7U+X0/3AC4BDOAS/7sQgIpQqZPxwEKiCutUygMLnSGasyZsKRo2YYIFiy8EPEDFongwrRhWQbxiSLopNaEOFUqTmm5qTrZHFe66WzFSMeAFzgogYN7fKmG3GmaqyKkJcuZTdX6S1pPWgQysvt4IsiLS+voh/7c/Nf9aap09LHbKmLfn5uSXXQaBSUDiCeFyEfB/OrPWEGLnEOaAq4q6TjMaaT1/vryWIS+yorfn9ZGikFbLXqKkOkCurrTXB3ZYQawu1RUll1g0V7TXpT5oqytTnm411z0+bukoMcg+f00X2lun4IUXCmKEACE+kpAE6lenRyKAsj4HNb6eX6ecPHBzJomInhng2DlOntjfxL1nkYIlgTuw7NOgKLrdy34IBb2MPkp1rOGX8duZ37On0REwTl4XItLicDqDRmWy2BwUhj67sc3lwbZnluMFxdG5tfcOYgid5cCtVtNehZ9qy6N8Y2XPZC7cDds5fr5VvsKT56ihWTQLJkKQ1WcJ4R0ZNjxzKu/t8IM4awcqx5ZhK4C2NmOYC8PMrLy/b+tuPdg6Y2FYi6DJoNulpfrW0iUyBGfmbB7flj4+b9u2A4Ojg7DMLMlc2lQot5k2VPOScbe2iDCsmfKIjHtnYCiqLNc97FUtol0JuSGUyx9tDMmTW27PdDTn33bOcGZq42bBvYMpTkJpSldN46kjVKfZwUqStp51wye+1u2lz/6LoCKwohYzJtX7X7GtyXp2TpAxum+e5Xx6wxbDzzBCoceT2HSt1W0cSA0adCIBQZNONWvQ2xKwrLX2dhwegjEDrnpBo/+CSmeSzfUGHo9E2G/2kWLS3okPNsBahCCpbijNlRuo69CkwPZcRJkgz/aYlslJl5Rs0p+2PbM9V5JNk8y39txZBke1ZlHnXhhyeLrFuZgzETWMvfnYprE1sMD2ZLmzI2vss+MGOI65YGuHKIcGvaYpz0Y8neFkb4yDKAZceNtQ5ixPBmuPECo9TwnmxxqwwyKyG3O1yyiz1MuuRRSq95CmAoIzc1s7w9uTM5LejRtokJ6oz4Gv5IePP2FBASR0BqK9WN6b2PG1oKaO/AnYyM592zB8fiuQAzJAh2/MpdbiUrQA3nsdMCHv9BC/Aqo4FKLjCc97s6n/+y86PeApLzZRSo+sIMXBtKopUIW9MrMAebbMG1iW5qRjTJwMsUcY19rRBULBCBoz210OTyCSyBQ+fgFBIWr9UTFxCZwFmJKWkZUjyisoKikLqqiqqWtoamnr6OrpGxjyGxmbmILIQ3QnT2nUNTGb7j1rCwuWozODdrf/+4fN/WlofVwCrwowGQ9WVctXZArYJF3AFpkAtskIsEOmgV3SC+yRRWCfdAMHZAw4JP3AMRkHTsgocEpmgDMyCJyTAeCCzAFXpAe4JsPADekDbskscEcWgHsyBDyQSeCRzANP1y6BJgIJUgBADAAkAEAaAMgAAFkAIAcA5AGAAgBQBABKAEAZAKgAAH0AQD8AMAAADAIAQwDAMAAwAgCMAgBjAMA4ADABAEwCAFMAwDQAMAMAzAIAcwDAPFS5sQBwiUUAYAkAWAYAVgCAVaiyYg2gCOsAwAYAsAkAbAEA2wDADgCwCwDsAQD7AMABAHAIABwBAMcAwAlUteEUgA1VAKAGANQhoITlzRa+gU9Q/qf2I3Li106LExgVpVnKQxjkqZk/ObMidiGpueT8tqQ2PGZHiVYjBBKD4ckloivb1pN5uXp2kE1l4ymJSctRdtYwWPKH0wEsDNwsX+Kl5KFbL1yOteU6L8pqSyE+NCvSSZVQMl+QJUlW5JWZil+coEQqEKEj0QVJNaqyP9zNF/ORTFrCwSAOBeVwPJlMRxIZgVz+iGI8gvM6LXJp4jHgR9hn2dRlE/KX0iwKLg8JpHDBKZOuXrEc3cK8bFR4RNpbktpLK/3TUFBQzHwxKHPEPemSPVYh52btL5tI2tUqu0rTu4ys7eWL8y9Eomq1uFDYnSrdfQfjF733Za2SVpL1SMCWKrm88qJqYfczJVegXwuoOvGYrLjFJ1Fw+2ResiOlvW4hH7sMWNWJZPWWbf+E84zw80iIImUxujRJtJnWM+JYtWLw+IU8A4YNd5ccTnjnCqK1wtoj9om+aLEsCpZyVDD5k9kt9HqSllAqEDPwm55gmtD4VPQz+F60fNGZSQOJEi59194/82c03/ySrw4PGT+Kf8ULrK+kh8lR+pMueTU3jJYrXifpXpkhEB70Qh2mYbYHVeKKvfd3OTFyFLH4tiOzmFZzehnv6crh4CgZH0ZrnBVdKZNR2UxJsG0Fh9CDbu55MjrIEDgwAp7DY0P0HXS9YrgMjuUYmUU+UFIlaRKwt0pBieFxOiULAVVdq82vlDTVQjoKdEYluGHl0NiWVMvIwKySisFRjgRl78c+q12XyYB8PnsTjwyc0EKRFooqyR0aAzr9tPl7D2S07t8zqipKmfvm/Q3EB7qlxuItPMEwcFLUA3jE3gDsJ0+nlaxgc9z1O5AvX5RbUqibURkH9bC+myOLzen2dGgYoiU6Po9zfPlsON32RAk9k1JiKrCGzy3JrbBmWCyipmnbZrbFIoeVKr1aHaqXiiQvmDakMWnR5wDLZZ5VL4SMhp6tKRqVWEo5IpiQIUHJnceWJaozXBElto57YC/pR30ySpIoKq5SMrTVq+Dv1UZhXBhPxckNou2a2hGnLrOJu5YgyillKpS6xmIaHLTzPxEpQ8scv5Dj5UdAe8IVLVQU2uROV7SZbsL5qcc812Wl3b2gkcMFcYUqaBtg+BLSe7CHYtpZN1cQ36lF+ojOEiWKewqjd9rTwn1GS/+Gq187dGDqRAzwopxfGSwtyma5Wz5ErfagXSKzJ+xC42QvbVVpld/Gh6Gcnb5zW+3m4P5KghzLIJKczT7ojhCwWB27MHQguUKJ8KkJXSx+ZqGrVXv7z45rSaP1To/u7p1td7bXz/j9wpAacwmWw4PZNzEvW9vafRf1k17Yg/s0HIYwikiSIPKmHd/bP7esu7V2WvW5AUbAZQ7mwNQCp769c3rF7t7To0pEtOQmCrjnix50Ndz0lZN4OprysAs9Tk9XLQKv067qMWg+a+M2pwavN81EaFZ2THFMgZu+dTHrLiO5Dc+Rzt5a7Ve90qv4AAiPXb7RhljaAvecls4kD2deTuBtn6iLh69pzFTZo7IBFGkTBh+qN2vaAySq1TVIvU/+729GTX1dAGB/tpIjUc6BoZbu+QB39DTAxt7OXFaTCXCvplGSenqq0rqHp3SnOrXkKF/zDIVyt6VLxrsazWmTn9XIq32Y//YDz4I3PEkMO5RkRhLeHdRvaZJO8+Ls0aU+aFDjYABF0V6evXhjRuEqYs9nwXOG39QWgx3haO2P55NcfSsWgQmPTk6WYhIr3fjeCKcPUG93jfzRXaMFOJBWEi0hIIPMvIMOqnVBdA3ijDasjkdmAV84g5S6++tZuTQ/CU9SlrGXy1haGczkpmHeHqjryd7OCh/IgOUumfNa1aoK2l2zlSv4E3VOSzn4aNoXDYxsYmBbs62DU7l8rtPm8NZ2d2LZtrE4GQasevPrbd0Hxvu7jqh2DX0ZAclTrv0+MFGgHNpq9ZFSIWlPPisaHp9M4OObNZqbEn63TJkdpoPIYnpi6uFjWS1n4fTIC2XyZGxMPpJVhmYQpUC0PbgekWJXMM/xkKnYgrfEOa5Tiapmfn2g4tKlNCotLo+ve2FXT2sIcbzBQTPL6qX+o+13e9vMUPnolMocb1ZJaUIhLevTVkmjxDNSatY9nLKgmBeUUlGnvqJTzs37GZfKHJs+b5osE9hHhauZ+7fIe9WYVcE1kSnO3rW+hihvY+yw4GYVHTVazHt2VoAc0tsYBw9wRLr/e4gaaKFdqneOTgyAQgP/9jbChrdsC2qcZyqymh8T7uprQs265WP36WtMusxf6esqKIeOl75ulFE1V7Hmb17GouDmAGiGvjr7Or5XwmokqVIiTLnkcL50USoDJ8kjNIUnSneznkjq4gc24hY5Es1nV317AVSHXqz53SJ4+MKcHs0y/HiB7u0kkpo/nzkICc4KaJKYYFrJTccW35Y67SVpkJAQnOUcAg4y55/zWPhh3IfxC7iAn36OltCLF5PWOySUmQFGSGuDhFq8OKOBXqdj5xS1XgLgJ7ym+WDgmSrjl3QBhrk1O4fdXDu/EZVyWEJeQj12FvBmBdMY7e5OWh+WU/fvXUcIzMC5/sgFlXo4COu/3FT3np7e3hcSg+Syiz09rcX8LB3eG5n1Oh5bKsZ7ewBPVQ4NnB0cA7YxmUMp2VZVsg1lJ55CE2aEwwX1hgFz08ctyjGafIILMtarAhdNLC5JRJFwpM6eLCpCE0PDQ1FtSVESumIyuMgG7nbHeIgtZ9Qeq4q66oWaqi3LZzbxqe8ys5ExWuzIcD2SwrimqOzaBoSqcPamHetb+za02VbU8IfS11TFHg093NzF81e8Xd+//vGK+c3ZgZm3UpMv21VTX6JYlZraGeIe0pqeRjzmPCYsWlOhO1NTVz32BKjwHIUZMHN5OUXhLCVLQWFVxmDEIKOwgMboxMT1Nys6uok2pxiszXSmvX2E69QLN24YvAysJbzNgs08r7UlbiBhw0+N9HTMaakGNMSz3XLWZrQ7nH/bsvPteQc000cDbFWz2QPcGNG+AGHcULpPFCM8JQ3JnTRf9FqN1u/aPXX31no0ExUNbaUVyQ0GRNt2VTqVA2EWSkvooSH4qKvt1mRv5KMlwO4mxiLaVvWgETNBRLovtC10nxRpe839IrWaBMz+2KHO52ROG8IqfJZwo4dwg5C7YT23nRvOY58ARD7+i6oZMdrV1c2VxEwYldzIlcYIjKSvYMgOBaIe9xUV1JStUJ9kYEVYGFaIRa3OkRr8dLfnu9p6PeOprZ+c9QejrO05OuHs3h+fXU4Wb5IITuugs5v3nwfgCPs11zQx/qlF3fYT5v1y98pNr3Vil2g8ljrtPuHk4TE0LnSF/EHlMo7Dnmur1Q1fHNmZkHmq4expl+G7OJBj8ZAsainGXfYyI6L8tG9Z14RMu3zV7+9cD9xxPjZ2nZTwN7lLgdtKaweti721e8QTt7JOp84yt7B7Mlv7vc6ad3Cn8/lmBamgFVSXNmpCzmxREVeTaj9nT0NjQCCl1oOhf/5UM9KF8crwVGayu8kt2TE1XBkvTLdSNUS7U5MPkoICk43n+KTCrKAU9Nq6Owo9PfQ2HODLgqABIzhvHz+hphskpFBAY2sTLxqUb06N/slj4s7k47s59fFzVs+Pd0vuZuM/2sflTsq9eUT1zLY71JGdmDQvo37n/Fi4x5ZjG+2uKchaENn51K5byXQG/kIjYYbRsbWomK2r1WvMOYKuAl9VDCifEZ7oJ1ePk/slle5rr2zwlt99mN4T/fBDPnMg7ofWL9etUtAXvUTw2P13cuSLC530qpbL0y+6kla5HnmuSqVrnkcuj5reED5cMC1rWBlUslAQ11DZ3l667Iy0W65O9JsRXh4SAlTLxLOHa5Kzhy7f944EuVrsddwAc1z5hhQiWiOESrON0aQehYG5lkb/hIKtcle163Ip3smtBQn+jUokJ0zRa39bGagKTvBI92qDAmWUXfO2fa8iLAeZ6M2j5XE3bVdIUlBQ0lQpbp66f8Ldcg6bUDbaC2j/hgT8zrOX1d8h0fHBRy4INRaM5zh70YGAMbQDZH9zmXLQ3vofG+r9hbTenkKRXNR/pOP7/QDwW8ejFTqyYoi3n2ssjVLPQTYZLxcVaxsB6U0ZhdGCadyBiEke7U1UM8J2NAOdJsCLsxV6BzwtncLI9LSy0DRolBihaMQKpPpZmaDPQem0sU9DTu4D9AOOsGq4ZoaKkh/2IA/D60ykLhCqPEnJ4RQqIKA/jh/Xb6rbuy0m+yxmSGAENIOeWu6IaNUYVfSgZ6xr6R4bnCacpORnTNGaiYp0UXDOtEvduYNZsjGyrEFuLF0VOLFB6aKJCn7m5IvekhMGhXbM2Mm3yiTOXhIQCpsnIdmxmTsIs/BQeyvW9JEYXVNjtjakmF2iMcl9D6gMJXoOu/iBsIqRsAzd5O8pyjGeZshlqXw1NZTEYL0tkdh73QSsjLmyXupAHQ6kiKFvHX1/v5W29v/CeRtuPwwJOIxMHxsBjpKMpYj/6qdbUYPu7wfz/4Ym3jGNiRwzP8KtfuIEn4N79lMDjDu9i8bovj5cal4Rq7K/3mIxY6HsgdAT1vitdCvrLRa938QbBvz01eJnf/utzuSxrHqckhit6b1ava7Z2cxoJivQnid2/tgxgM6KBG7uCsWY0fLcKcnB2qAgbXAyIcVpbdDeNPFZkZ1dN7ZgzMyZYwrGfT/KUUbZDvg27rz1GygY+9pgXEEdcEXuCxx5XNGpgJGrPOCUaNBjQDWJa2APoWp0kHVHYiqzuCGaOslncV1miBr9yPRrJyCdO0k94KEOzsRFNjtfTHxx4imHgOKsLHKEIYU62EFhdJ1YXFfLLirGszLF0AScbjY6D3C1opNShsZzM2+bQ1tTnBgtFcdxDJwYSHDW11eKxoub2hy2zfjqGYMm1HqiGh81KoUmeEdcCuJFTe323M9c+/bNcSJQKr4DjRx/ltpHw2pDSsruFvm7OQRwhIkjpIgZWnzlZqL3RKKxsxQjPC3toBSO1kH+fY4RdnUpP9+1K5Fd6st23dG1zJ3dwUk38u6YoQECb1nfPJurhfLshJmwaVTOKLRwRkfKhJnxTbAqpyqf2ZoyRu43vsEhKftPDtgUP3N8yvGCWY4DYcpM5ubcQj0nfX6MOFDIzJ2ybWNhtnPr9NYUFp47tREmL41JjFnqXXXoUJW3LqxxeRqjkYzzuN9CG0bK0vxnaur1m/rrlfpZtd/wVRxw+ktrUQ6/diXuAeizaamvz8yDz2IBPioDEVbP4cMWda+EHBp2BfPwMK7lsGpr8Z82PZCAgq/kVISxkMBMELzf4aRlD+BXNQLn4u8ixe3YXHxoCF+/HbjCEXg6xb7BBu8T7xoQJUNJCfngvgXMkVD9OjtpjASZvVPdMP9L56yHszB2INLmHdC74RbNWQxZOOjNKV2Tm+xvv7qdOsrL9LXN/Jzi1ppfD2liOvnTaWGwLBjrAQdtOkOPvIjRb1wf9WlMJ/YiljuYLRstA3yhIGQzf3OIo+MzfMZsNWUkzbDqdTUCCJzCyqvm5EVky2TZEXlPI/Kdzpbt3NP8z0h+LE9BHW3zTHGuKKu5OUuUK74txcq8tyhLnHs7x3wXpJbs/FLXky0t1Uu6RSK1xgimIHN4DmlEbzaSPzPvBTVrZ86HLrL/nGkIxhBTxhsDtgxghUlxKmw3qycIWPvHY4VabOHNFFl4Zma4TDE7+evIjvZto2Pkt9lJCllmWHjmOpWEJfAi6K/ZSfIMWXhzUr6zfy/xogWw7N9o0T9K2BuZlyRvUcV5ociEODMRhFSg5S/hkaGXWWZAWi6h2hDvxH3EUGsukgjA/39lSpGvs0Q5cuMZY5DJeXlqP4x7vAxKhGU7kKA89aso4W31KtGCKA2nMBGDzE2YrH488wlyNsCFPPT0/dR/kR0i86KEDnlgKGG0JPe0IJ/0JoxR4TLEaucrqA2IU6Dn5XCFaE2UJGKsZDbPaj+MS7ycECQGG1mSPJWG5A5q/1abjvlv19sf09Dx/7F1KP4YlGf37sryhNIZtzj5iqi/8FKgLm0zwj9BtL8BWcG/jtVfP5ZBoP0ZLnQTUA4eBv4R47T4hnInSMwuCZvibyKzN0KIZmfmSI6oRfIkU1LWMt92RcgzMJTlAYl7a0YoincEzpv5gSCY+SWhRf0sGMz8lwhuDfK7iapx5wXg9xLsVwXRwzf6GkHOhwXf5T9KCUzNW7efdWB7JBRQtE2/NGX076quccKp+WSKvYqRmyz8g0a7QTV/vPQeDUN2htMKeHsisL5UEPjVwTdc2FW8GBPDmPKs//BNFPzYGGm86bwyRveSmG8MFLJWb9lYxbiw3mlsOc2qXLCk8cmVMYoYCp7LnO/+QCa0O0MJN/vwEm/Ksdodw4XbsmRUo0b/B+RdUQgjgmjEIBZxiEcCEpGEZKQgH/IHgqFwJBqLJ5KpdCabyxeKpXKlWqs3mq12p9vrD4aj8WSqarphWrbjerP5Yrlab7a7/eF4Ol+uLPxaieC9oAcNTMcgwlPZQjHHBshgPDLDInnbQTS/Pc/trgXt89kOAllUlBQIFO+z8pWYel4ajixtDidz5eQk1kTl3DCpgFG0O8N5OTLCpWxNGbem6s5iMUc41508bTMD96r2DBdsS4QybPfFYxdijSGOXJCiOy8hH3nhmndXk1p+dHocAzUc9iQy2ED+NMEcUjjgLiHVU0F5qg4x4QWxthAjTzCP8t1p3CJNR7c7st7Kvd8Pt31VZWrZuZuzRnQkwQ+6KzDieUkc1raWJzqwVuAF1Fvw9JuKKPRRVLhQQWxN5AJ5Hw6nUZ6dt+eMdFpJErEp5eZYy1Gh0nDaDdpqWqWFqh08M4UG+hLrkNNpacbD3/15a6d1vhy7BwA=);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-quartz, .ag-theme-quartz-dark, .ag-theme-quartz-auto-dark {
  --ag-active-color: #2196f3;
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 15%);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-header-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 2%);
  --ag-tooltip-background-color: var(--ag-header-background-color);
  --ag-control-panel-background-color: var(--ag-header-background-color);
  --ag-subheader-background-color: transparent;
  --ag-invalid-color: #e02525;
  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-icon-font-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 90%);
  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
  --ag-selected-row-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 8%);
  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 12%);
  --ag-column-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
  --ag-input-focus-border-color: var(--ag-active-color);
  --ag-input-focus-box-shadow: 0 0 0 3px color-mix(in srgb, transparent, var(--ag-input-focus-border-color) 47%);
  --ag-range-selection-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
  --ag-range-selection-background-color-2: color-mix(in srgb, transparent, var(--ag-active-color) 36%);
  --ag-range-selection-background-color-3: color-mix(in srgb, transparent, var(--ag-active-color) 49%);
  --ag-range-selection-background-color-4: color-mix(in srgb, transparent, var(--ag-active-color) 59%);
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-checkbox-checked-color: var(--ag-active-color);
  --ag-range-selection-border-color: var(--ag-active-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-disabled-foreground-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 50%);
  --ag-chip-background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 7%);
  --ag-chip-border-color: color-mix(in srgb, var(--ag-header-background-color), var(--ag-foreground-color) 13%);
  --ag-input-disabled-border-color: var(--ag-border-color);
  --ag-input-disabled-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 6%);
  --ag-modal-overlay-background-color: color-mix(in srgb, transparent, var(--ag-background-color) 66%);
  --ag-borders: solid 1px;
  --ag-border-radius: 4px;
  --ag-wrapper-border-radius: 8px;
  --ag-borders-side-button: none;
  --ag-side-button-selected-background-color: transparent;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-width: 2px;
  --ag-header-column-resize-handle-height: 30%;
  --ag-grid-size: 8px;
  --ag-icon-size: 16px;
  --ag-header-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 4.25);
  --ag-row-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 3.5);
  --ag-list-item-height: calc(var(--ag-icon-size) + var(--ag-widget-vertical-spacing));
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 2);
  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1);
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-width: 28px;
  --ag-toggle-button-border-width: 2px;
  --ag-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-icon-font-family: agGridQuartz;
  --ag-tab-min-width: 0;
  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
  --ag-popup-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
  --ag-side-bar-panel-width: 250px;
}

.ag-theme-quartz-dark {
  --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
  --ag-foreground-color: #fff;
  --ag-border-color: rgba(255,255,255,0.16);
  --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
  --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
  --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
  --ag-input-disabled-background-color: #68686e12;
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-disabled-border-color: rgba(255,255,255,0.07);
  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
  --ag-selected-row-background-color: var(--ag-row-hover-color);
  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
  --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.30);
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .ag-theme-quartz-auto-dark {
    --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
    --ag-foreground-color: #fff;
    --ag-border-color: rgba(255,255,255,0.16);
    --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
    --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
    --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
    --ag-input-disabled-background-color: #68686e12;
    --ag-card-shadow: 0 1px 20px 1px black;
    --ag-input-border-color: var(--ag-border-color);
    --ag-input-disabled-border-color: rgba(255,255,255,0.07);
    --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
    --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
    --ag-selected-row-background-color: var(--ag-row-hover-color);
    --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
    --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
    --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-advanced-filter-join-pill-color: #7a3a37;
    --ag-advanced-filter-column-pill-color: #355f2d;
    --ag-advanced-filter-option-pill-color: #5a3168;
    --ag-advanced-filter-value-pill-color: #374c86;
    --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.30);
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    color-scheme: dark;
  }
}
.ag-theme-quartz .ag-filter-toolpanel-header,
.ag-theme-quartz .ag-filter-toolpanel-search,
.ag-theme-quartz .ag-status-bar,
.ag-theme-quartz .ag-header-row,
.ag-theme-quartz .ag-panel-title-bar-title,
.ag-theme-quartz .ag-multi-filter-group-title-bar, .ag-theme-quartz-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-dark .ag-status-bar,
.ag-theme-quartz-dark .ag-header-row,
.ag-theme-quartz-dark .ag-panel-title-bar-title,
.ag-theme-quartz-dark .ag-multi-filter-group-title-bar, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-auto-dark .ag-status-bar,
.ag-theme-quartz-auto-dark .ag-header-row,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-title,
.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
  font-weight: 500;
  color: var(--ag-header-foreground-color);
}
.ag-theme-quartz input[class^=ag-]:not([type]),
.ag-theme-quartz input[class^=ag-][type=text],
.ag-theme-quartz input[class^=ag-][type=number],
.ag-theme-quartz input[class^=ag-][type=tel],
.ag-theme-quartz input[class^=ag-][type=date],
.ag-theme-quartz input[class^=ag-][type=datetime-local],
.ag-theme-quartz textarea[class^=ag-], .ag-theme-quartz-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-dark input[class^=ag-][type=text],
.ag-theme-quartz-dark input[class^=ag-][type=number],
.ag-theme-quartz-dark input[class^=ag-][type=tel],
.ag-theme-quartz-dark input[class^=ag-][type=date],
.ag-theme-quartz-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-dark textarea[class^=ag-], .ag-theme-quartz-auto-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-auto-dark input[class^=ag-][type=text],
.ag-theme-quartz-auto-dark input[class^=ag-][type=number],
.ag-theme-quartz-auto-dark input[class^=ag-][type=tel],
.ag-theme-quartz-auto-dark input[class^=ag-][type=date],
.ag-theme-quartz-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-auto-dark textarea[class^=ag-] {
  min-height: calc(var(--ag-grid-size) * 4);
  border-radius: var(--ag-border-radius);
}
.ag-theme-quartz .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-ltr textarea[class^=ag-], .ag-theme-quartz-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-ltr textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-ltr textarea[class^=ag-] {
  padding-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-rtl textarea[class^=ag-], .ag-theme-quartz-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-rtl textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-rtl textarea[class^=ag-] {
  padding-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-picker-field-wrapper, .ag-theme-quartz-dark .ag-picker-field-wrapper, .ag-theme-quartz-auto-dark .ag-picker-field-wrapper {
  min-height: calc(var(--ag-grid-size) * 4);
}
.ag-theme-quartz .ag-tab, .ag-theme-quartz-dark .ag-tab, .ag-theme-quartz-auto-dark .ag-tab {
  padding: var(--ag-grid-size);
  border-left: var(--ag-borders) transparent;
  border-right: var(--ag-borders) transparent;
  flex: 1 1 auto;
}
.ag-theme-quartz .ag-tab-selected, .ag-theme-quartz-dark .ag-tab-selected, .ag-theme-quartz-auto-dark .ag-tab-selected {
  background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:first-of-type) {
  border-left-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:first-of-type) {
  border-right-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:last-of-type) {
  border-right-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:last-of-type) {
  border-left-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-tab:not(.ag-tab-selected), .ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected), .ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected) {
  opacity: 0.7;
}
.ag-theme-quartz .ag-tab:not(.ag-tab-selected):hover, .ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected):hover, .ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected):hover {
  opacity: 1;
}
.ag-theme-quartz .ag-menu, .ag-theme-quartz-dark .ag-menu, .ag-theme-quartz-auto-dark .ag-menu {
  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-menu.ag-tabs, .ag-theme-quartz-dark .ag-menu.ag-tabs, .ag-theme-quartz-auto-dark .ag-menu.ag-tabs {
  min-width: 290px;
}
.ag-theme-quartz .ag-panel-content-wrapper .ag-column-select, .ag-theme-quartz-dark .ag-panel-content-wrapper .ag-column-select, .ag-theme-quartz-auto-dark .ag-panel-content-wrapper .ag-column-select {
  background-color: var(--ag-control-panel-background-color);
  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-menu-option .ag-icon, .ag-theme-quartz-dark .ag-menu-option .ag-icon, .ag-theme-quartz-auto-dark .ag-menu-option .ag-icon {
  opacity: 65%;
}
.ag-theme-quartz .ag-menu-header, .ag-theme-quartz-dark .ag-menu-header, .ag-theme-quartz-auto-dark .ag-menu-header {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-menu-option, .ag-theme-quartz-dark .ag-menu-option, .ag-theme-quartz-auto-dark .ag-menu-option {
  font-weight: 500;
  cursor: pointer;
}
.ag-theme-quartz .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon {
  text-align: right;
}

.ag-theme-quartz .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon {
  text-align: left;
}

.ag-theme-quartz .ag-tabs-header, .ag-theme-quartz-dark .ag-tabs-header, .ag-theme-quartz-auto-dark .ag-tabs-header {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  display: flex;
  background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
}
.ag-theme-quartz .ag-side-bar, .ag-theme-quartz-dark .ag-side-bar, .ag-theme-quartz-auto-dark .ag-side-bar {
  background-color: var(--ag-control-panel-background-color);
  min-width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-side-buttons, .ag-theme-quartz-dark .ag-side-buttons, .ag-theme-quartz-auto-dark .ag-side-buttons {
  padding: 0;
  align-self: stretch;
  width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  background: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-side-button, .ag-theme-quartz-dark .ag-side-button, .ag-theme-quartz-auto-dark .ag-side-button {
  border-top: var(--ag-borders) transparent;
  border-bottom: var(--ag-borders) transparent;
}
@media (max-resolution: 1.5x) {
  .ag-theme-quartz .ag-side-button-label, .ag-theme-quartz-dark .ag-side-button-label, .ag-theme-quartz-auto-dark .ag-side-button-label {
    font-family: "Segoe UI", var(--ag-font-family);
    transform: rotate(0.05deg);
  }
}
.ag-theme-quartz .ag-side-button.ag-selected, .ag-theme-quartz-dark .ag-side-button.ag-selected, .ag-theme-quartz-auto-dark .ag-side-button.ag-selected {
  border-bottom-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-side-button.ag-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-side-button.ag-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-side-button.ag-selected:not(:first-of-type) {
  border-top-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-column-panel-column-select, .ag-theme-quartz-dark .ag-column-panel-column-select, .ag-theme-quartz-auto-dark .ag-column-panel-column-select {
  border-top: none;
  border-bottom: 1px solid var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-filter-toolpanel-search, .ag-theme-quartz-dark .ag-filter-toolpanel-search, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-search {
  height: initial;
  margin-top: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-filter-toolpanel-search-input, .ag-theme-quartz-dark .ag-filter-toolpanel-search-input, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-search-input {
  margin: 0;
}
.ag-theme-quartz .ag-filter-apply-panel, .ag-theme-quartz-dark .ag-filter-apply-panel, .ag-theme-quartz-auto-dark .ag-filter-apply-panel {
  border: none;
  padding-top: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-chart-tabbed-menu-body, .ag-theme-quartz-dark .ag-chart-tabbed-menu-body, .ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body {
  position: relative;
}
.ag-theme-quartz .ag-chart-tabbed-menu-body::after, .ag-theme-quartz-dark .ag-chart-tabbed-menu-body::after, .ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 16px;
  background: linear-gradient(var(--ag-control-panel-background-color), transparent);
}
.ag-theme-quartz .ag-chart-advanced-settings-section, .ag-theme-quartz-dark .ag-chart-advanced-settings-section, .ag-theme-quartz-auto-dark .ag-chart-advanced-settings-section {
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-container, .ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-container, .ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
  border-top: none;
  padding: 0 calc(var(--ag-grid-size) * 1.5);
  font-weight: 500;
}
.ag-theme-quartz .ag-charts-format-top-level-group-item, .ag-theme-quartz-dark .ag-charts-format-top-level-group-item, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-item {
  padding-bottom: 12px;
  margin-top: calc(var(--ag-grid-size) * 2);
  margin-bottom: 0;
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-item, .ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-item, .ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-item {
  margin-top: calc(var(--ag-grid-size) * 2);
  margin-bottom: 0;
}
.ag-theme-quartz .ag-charts-settings-group-container, .ag-theme-quartz-dark .ag-charts-settings-group-container, .ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
  margin-top: calc(var(--ag-grid-size));
}
.ag-theme-quartz .ag-ltr .ag-charts-settings-group-container, .ag-theme-quartz-dark .ag-ltr .ag-charts-settings-group-container, .ag-theme-quartz-auto-dark .ag-ltr .ag-charts-settings-group-container {
  padding-right: var(--ag-widget-container-horizontal-padding);
}

.ag-theme-quartz .ag-rtl .ag-charts-settings-group-container, .ag-theme-quartz-dark .ag-rtl .ag-charts-settings-group-container, .ag-theme-quartz-auto-dark .ag-rtl .ag-charts-settings-group-container {
  padding-left: var(--ag-widget-container-horizontal-padding);
}

.ag-theme-quartz .ag-ltr .ag-charts-format-sub-level-group-container, .ag-theme-quartz-dark .ag-ltr .ag-charts-format-sub-level-group-container, .ag-theme-quartz-auto-dark .ag-ltr .ag-charts-format-sub-level-group-container {
  padding-right: 0;
}

.ag-theme-quartz .ag-rtl .ag-charts-format-sub-level-group-container, .ag-theme-quartz-dark .ag-rtl .ag-charts-format-sub-level-group-container, .ag-theme-quartz-auto-dark .ag-rtl .ag-charts-format-sub-level-group-container {
  padding-left: 0;
}

.ag-theme-quartz .ag-charts-format-top-level-group-toolbar,
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-quartz-dark .ag-charts-format-top-level-group-toolbar,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-toolbar,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-toolbar {
  margin-top: var(--ag-grid-size);
}
.ag-theme-quartz .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-quartz .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-quartz-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-quartz-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-quartz-auto-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-quartz-auto-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar {
  padding-left: calc(var(--ag-grid-size) * 2);
}

.ag-theme-quartz .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-quartz .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-quartz-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-quartz-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-quartz-auto-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-quartz-auto-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar {
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar {
  margin-top: calc(var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-charts-format-top-level-group-container,
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-container, .ag-theme-quartz-dark .ag-charts-format-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-container {
  padding: 0;
}
.ag-theme-quartz .ag-ltr .ag-charts-format-top-level-group-container, .ag-theme-quartz .ag-ltr .ag-charts-advanced-settings-top-level-group-container, .ag-theme-quartz-dark .ag-ltr .ag-charts-format-top-level-group-container, .ag-theme-quartz-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-container, .ag-theme-quartz-auto-dark .ag-ltr .ag-charts-format-top-level-group-container, .ag-theme-quartz-auto-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-container {
  padding-left: var(--ag-grid-size);
  padding-right: var(--ag-widget-container-horizontal-padding);
}

.ag-theme-quartz .ag-rtl .ag-charts-format-top-level-group-container, .ag-theme-quartz .ag-rtl .ag-charts-advanced-settings-top-level-group-container, .ag-theme-quartz-dark .ag-rtl .ag-charts-format-top-level-group-container, .ag-theme-quartz-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-container, .ag-theme-quartz-auto-dark .ag-rtl .ag-charts-format-top-level-group-container, .ag-theme-quartz-auto-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-container {
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-widget-container-horizontal-padding);
}

.ag-theme-quartz .ag-chart-mini-thumbnail, .ag-theme-quartz-dark .ag-chart-mini-thumbnail, .ag-theme-quartz-auto-dark .ag-chart-mini-thumbnail {
  background-color: var(--ag-background-color);
  margin-top: 0;
  margin-bottom: 0;
}
.ag-theme-quartz .ag-chart-settings-nav-bar, .ag-theme-quartz-dark .ag-chart-settings-nav-bar, .ag-theme-quartz-auto-dark .ag-chart-settings-nav-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-color-picker .ag-picker-field-wrapper, .ag-theme-quartz-dark .ag-color-picker .ag-picker-field-wrapper, .ag-theme-quartz-auto-dark .ag-color-picker .ag-picker-field-wrapper {
  max-width: 55px;
  min-width: 55px;
}
.ag-theme-quartz .ag-color-picker .ag-picker-field-display, .ag-theme-quartz-dark .ag-color-picker .ag-picker-field-display, .ag-theme-quartz-auto-dark .ag-color-picker .ag-picker-field-display {
  height: 18px;
  width: 18px;
  flex: auto 0 0;
  margin: 6px;
  border-radius: 2px;
  border: solid 1px var(--ag-input-border-color);
}
.ag-theme-quartz .ag-ltr .ag-color-picker .ag-picker-field-icon, .ag-theme-quartz-dark .ag-ltr .ag-color-picker .ag-picker-field-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-color-picker .ag-picker-field-icon {
  margin-right: 4px;
}

.ag-theme-quartz .ag-rtl .ag-color-picker .ag-picker-field-icon, .ag-theme-quartz-dark .ag-rtl .ag-color-picker .ag-picker-field-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-color-picker .ag-picker-field-icon {
  margin-left: 4px;
}

.ag-theme-quartz .ag-charts-format-sub-level-group, .ag-theme-quartz-dark .ag-charts-format-sub-level-group, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  padding-left: var(--ag-grid-size);
  margin-bottom: calc(var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
  padding-top: 0;
  padding-bottom: 0;
  background: none;
  font-weight: 500;
}
.ag-theme-quartz .ag-charts-format-sub-level-group-container, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-container, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container {
  padding-bottom: 0;
}
.ag-theme-quartz .ag-charts-format-sub-level-group-item:last-child, .ag-theme-quartz-dark .ag-charts-format-sub-level-group-item:last-child, .ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-item:last-child {
  margin-bottom: 0;
}
.ag-theme-quartz.ag-dnd-ghost, .ag-theme-quartz-dark.ag-dnd-ghost, .ag-theme-quartz-auto-dark.ag-dnd-ghost {
  font-weight: 500;
}
.ag-theme-quartz .ag-standard-button, .ag-theme-quartz-dark .ag-standard-button, .ag-theme-quartz-auto-dark .ag-standard-button {
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ag-border-radius);
  border: solid 1px var(--ag-input-border-color);
  background-color: var(--ag-background-color);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  cursor: pointer;
}
.ag-theme-quartz .ag-standard-button:hover, .ag-theme-quartz-dark .ag-standard-button:hover, .ag-theme-quartz-auto-dark .ag-standard-button:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-theme-quartz .ag-standard-button:active, .ag-theme-quartz-dark .ag-standard-button:active, .ag-theme-quartz-auto-dark .ag-standard-button:active {
  border-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-standard-button:disabled, .ag-theme-quartz-dark .ag-standard-button:disabled, .ag-theme-quartz-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-quartz .ag-column-drop-cell, .ag-theme-quartz-dark .ag-column-drop-cell, .ag-theme-quartz-auto-dark .ag-column-drop-cell {
  border-radius: calc(var(--ag-grid-size) * 3);
  height: calc(var(--ag-grid-size) * 3);
  padding: 0 var(--ag-grid-size);
}
.ag-theme-quartz .ag-column-drop-cell-button, .ag-theme-quartz-dark .ag-column-drop-cell-button, .ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
  min-width: 0;
  margin: 0;
}
.ag-theme-quartz .ag-column-drop-cell-drag-handle, .ag-theme-quartz-dark .ag-column-drop-cell-drag-handle, .ag-theme-quartz-auto-dark .ag-column-drop-cell-drag-handle {
  margin-left: 0;
}
.ag-theme-quartz .ag-column-drop-vertical, .ag-theme-quartz-dark .ag-column-drop-vertical, .ag-theme-quartz-auto-dark .ag-column-drop-vertical {
  min-height: 75px;
}
.ag-theme-quartz .ag-column-drop-vertical-title-bar, .ag-theme-quartz-dark .ag-column-drop-vertical-title-bar, .ag-theme-quartz-auto-dark .ag-column-drop-vertical-title-bar {
  padding: var(--ag-widget-container-vertical-padding) calc(var(--ag-grid-size) * 2) 0;
}
.ag-theme-quartz .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-drop-vertical-icon {
  margin-left: 0;
  margin-right: var(--ag-widget-horizontal-spacing);
}

.ag-theme-quartz .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-drop-vertical-icon {
  margin-right: 0;
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-theme-quartz .ag-column-drop-vertical-empty-message, .ag-theme-quartz-dark .ag-column-drop-vertical-empty-message, .ag-theme-quartz-auto-dark .ag-column-drop-vertical-empty-message {
  display: flex;
  align-items: center;
  justify-content: center;
  border: dashed 1px;
  border-color: var(--ag-border-color);
  margin: calc(var(--ag-grid-size) * 1.5) calc(var(--ag-grid-size) * 2);
  padding: calc(var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-column-drop-empty-message, .ag-theme-quartz-dark .ag-column-drop-empty-message, .ag-theme-quartz-auto-dark .ag-column-drop-empty-message {
  color: var(--ag-foreground-color);
}
.ag-theme-quartz .ag-pill-select .ag-column-drop, .ag-theme-quartz-dark .ag-pill-select .ag-column-drop, .ag-theme-quartz-auto-dark .ag-pill-select .ag-column-drop {
  min-height: unset;
}
.ag-theme-quartz .ag-pill-select .ag-picker-field-display, .ag-theme-quartz-dark .ag-pill-select .ag-picker-field-display, .ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-display {
  font-weight: 500;
}
.ag-theme-quartz .ag-status-bar, .ag-theme-quartz-dark .ag-status-bar, .ag-theme-quartz-auto-dark .ag-status-bar {
  font-weight: normal;
}
.ag-theme-quartz .ag-status-name-value, .ag-theme-quartz-dark .ag-status-name-value, .ag-theme-quartz-auto-dark .ag-status-name-value {
  padding: var(--ag-widget-container-vertical-padding) 0;
}
.ag-theme-quartz .ag-status-name-value-value,
.ag-theme-quartz .ag-paging-number,
.ag-theme-quartz .ag-paging-row-summary-panel-number, .ag-theme-quartz-dark .ag-status-name-value-value,
.ag-theme-quartz-dark .ag-paging-number,
.ag-theme-quartz-dark .ag-paging-row-summary-panel-number, .ag-theme-quartz-auto-dark .ag-status-name-value-value,
.ag-theme-quartz-auto-dark .ag-paging-number,
.ag-theme-quartz-auto-dark .ag-paging-row-summary-panel-number {
  font-weight: 500;
}
.ag-theme-quartz .ag-column-drop-cell-button, .ag-theme-quartz-dark .ag-column-drop-cell-button, .ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
  opacity: 0.75;
}
.ag-theme-quartz .ag-column-drop-cell-button:hover, .ag-theme-quartz-dark .ag-column-drop-cell-button:hover, .ag-theme-quartz-auto-dark .ag-column-drop-cell-button:hover {
  opacity: 1;
}
.ag-theme-quartz .ag-header-cell-menu-button,
.ag-theme-quartz .ag-header-cell-filter-button,
.ag-theme-quartz .ag-panel-title-bar-button,
.ag-theme-quartz .ag-header-expand-icon,
.ag-theme-quartz .ag-column-group-icons,
.ag-theme-quartz .ag-set-filter-group-icons,
.ag-theme-quartz .ag-group-expanded .ag-icon,
.ag-theme-quartz .ag-group-contracted .ag-icon,
.ag-theme-quartz .ag-chart-settings-prev,
.ag-theme-quartz .ag-chart-settings-next,
.ag-theme-quartz .ag-group-title-bar-icon,
.ag-theme-quartz .ag-column-select-header-icon,
.ag-theme-quartz .ag-floating-filter-button-button,
.ag-theme-quartz .ag-filter-toolpanel-expand,
.ag-theme-quartz .ag-panel-title-bar-button-icon,
.ag-theme-quartz .ag-chart-menu-icon,
.ag-theme-quartz .ag-chart-menu-close, .ag-theme-quartz-dark .ag-header-cell-menu-button,
.ag-theme-quartz-dark .ag-header-cell-filter-button,
.ag-theme-quartz-dark .ag-panel-title-bar-button,
.ag-theme-quartz-dark .ag-header-expand-icon,
.ag-theme-quartz-dark .ag-column-group-icons,
.ag-theme-quartz-dark .ag-set-filter-group-icons,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-dark .ag-chart-settings-prev,
.ag-theme-quartz-dark .ag-chart-settings-next,
.ag-theme-quartz-dark .ag-group-title-bar-icon,
.ag-theme-quartz-dark .ag-column-select-header-icon,
.ag-theme-quartz-dark .ag-floating-filter-button-button,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-dark .ag-chart-menu-icon,
.ag-theme-quartz-dark .ag-chart-menu-close, .ag-theme-quartz-auto-dark .ag-header-cell-menu-button,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button,
.ag-theme-quartz-auto-dark .ag-header-expand-icon,
.ag-theme-quartz-auto-dark .ag-column-group-icons,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev,
.ag-theme-quartz-auto-dark .ag-chart-settings-next,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-close {
  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
}
.ag-theme-quartz .ag-header-cell-menu-button:hover,
.ag-theme-quartz .ag-header-cell-filter-button:hover,
.ag-theme-quartz .ag-panel-title-bar-button:hover,
.ag-theme-quartz .ag-header-expand-icon:hover,
.ag-theme-quartz .ag-column-group-icons:hover,
.ag-theme-quartz .ag-set-filter-group-icons:hover,
.ag-theme-quartz .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz .ag-chart-settings-prev:hover,
.ag-theme-quartz .ag-chart-settings-next:hover,
.ag-theme-quartz .ag-group-title-bar-icon:hover,
.ag-theme-quartz .ag-column-select-header-icon:hover,
.ag-theme-quartz .ag-floating-filter-button-button:hover,
.ag-theme-quartz .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz .ag-chart-menu-icon:hover,
.ag-theme-quartz .ag-chart-menu-close:hover, .ag-theme-quartz-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-dark .ag-column-group-icons:hover,
.ag-theme-quartz-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-dark .ag-chart-menu-icon:hover,
.ag-theme-quartz-dark .ag-chart-menu-close:hover, .ag-theme-quartz-auto-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-auto-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-auto-dark .ag-column-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-menu-close:hover {
  border-radius: 1px;
  background-color: var(--ag-quartz-icon-hover-color);
  box-shadow: 0 0 0 4px var(--ag-quartz-icon-hover-color);
}
.ag-theme-quartz .ag-filter-active, .ag-theme-quartz-dark .ag-filter-active, .ag-theme-quartz-auto-dark .ag-filter-active {
  --ag-quartz-icon-active-color: color-mix(in srgb, transparent, var(--ag-active-color) 14%);
  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 28%);
  position: relative;
  border-radius: 1px;
  background-color: var(--ag-quartz-icon-active-color);
  box-shadow: 0 0 0 4px var(--ag-quartz-icon-active-color);
}
.ag-theme-quartz .ag-filter-active::after, .ag-theme-quartz-dark .ag-filter-active::after, .ag-theme-quartz-auto-dark .ag-filter-active::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: -1px;
  right: -1px;
  border-radius: 50%;
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-filter-active .ag-icon-filter, .ag-theme-quartz-dark .ag-filter-active .ag-icon-filter, .ag-theme-quartz-auto-dark .ag-filter-active .ag-icon-filter {
  clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z");
}
.ag-theme-quartz .ag-chart-menu-close, .ag-theme-quartz-dark .ag-chart-menu-close, .ag-theme-quartz-auto-dark .ag-chart-menu-close {
  --ag-quartz-icon-hover-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
}
.ag-theme-quartz .ag-chart-menu, .ag-theme-quartz-dark .ag-chart-menu, .ag-theme-quartz-auto-dark .ag-chart-menu {
  --ag-icon-size: 20px;
  background-color: color-mix(in srgb, transparent, var(--ag-background-color) 30%);
  padding: 4px 2px;
}
.ag-theme-quartz .ag-chart-menu-icon, .ag-theme-quartz-dark .ag-chart-menu-icon, .ag-theme-quartz-auto-dark .ag-chart-menu-icon {
  opacity: 0.8;
}
.ag-theme-quartz .ag-drag-handle, .ag-theme-quartz-dark .ag-drag-handle, .ag-theme-quartz-auto-dark .ag-drag-handle {
  color: var(--ag-icon-font-color);
}
.ag-theme-quartz .ag-chart-menu-close, .ag-theme-quartz-dark .ag-chart-menu-close, .ag-theme-quartz-auto-dark .ag-chart-menu-close {
  background: var(--ag-background-color);
}
.ag-theme-quartz .ag-chart-menu-close .ag-icon, .ag-theme-quartz-dark .ag-chart-menu-close .ag-icon, .ag-theme-quartz-auto-dark .ag-chart-menu-close .ag-icon {
  border: 1px solid var(--ag-border-color);
}
.ag-theme-quartz .ag-ltr .ag-chart-menu-close .ag-icon, .ag-theme-quartz-dark .ag-ltr .ag-chart-menu-close .ag-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-chart-menu-close .ag-icon {
  border-right: none;
}

.ag-theme-quartz .ag-rtl .ag-chart-menu-close .ag-icon, .ag-theme-quartz-dark .ag-rtl .ag-chart-menu-close .ag-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-chart-menu-close .ag-icon {
  border-left: none;
}

.ag-theme-quartz .ag-chart-docked-container, .ag-theme-quartz-dark .ag-chart-docked-container, .ag-theme-quartz-auto-dark .ag-chart-docked-container {
  min-width: 260px;
}
.ag-theme-quartz .ag-menu-option-icon, .ag-theme-quartz .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-menu-option-icon, .ag-theme-quartz-dark .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
  cursor: pointer;
}
.ag-theme-quartz .ag-ltr .ag-menu-option-icon, .ag-theme-quartz .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-rtl .ag-menu-option-icon, .ag-theme-quartz .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-quartz-dark .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-quartz-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
  opacity: 0.35;
}
.ag-theme-quartz .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-ltr .ag-panel-title-bar-button {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-rtl .ag-panel-title-bar-button {
  margin-right: calc(var(--ag-grid-size) * 2);
  margin-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-multi-filter-group-title-bar, .ag-theme-quartz-dark .ag-multi-filter-group-title-bar, .ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 1.5) var(--ag-grid-size);
}
.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-group-container {
  padding-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-group-container {
  padding-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-instance-filter {
  border: none;
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
  margin-left: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
  margin-right: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-quartz .ag-filter-toolpanel-group-level-0, .ag-theme-quartz-dark .ag-filter-toolpanel-group-level-0, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-level-0 {
  border-top: none;
}
.ag-theme-quartz .ag-filter-toolpanel-header, .ag-theme-quartz-dark .ag-filter-toolpanel-header, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-header {
  height: initial;
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-theme-quartz .ag-filter-toolpanel-group-item, .ag-theme-quartz-dark .ag-filter-toolpanel-group-item, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-item {
  margin: 0;
}
.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-quartz .ag-layout-auto-height .ag-center-cols-container, .ag-theme-quartz .ag-layout-print .ag-center-cols-viewport, .ag-theme-quartz .ag-layout-print .ag-center-cols-container, .ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-quartz-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-quartz-dark .ag-layout-print .ag-center-cols-container, .ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-quartz .ag-overlay-no-rows-wrapper.ag-layout-auto-height, .ag-theme-quartz-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height, .ag-theme-quartz-auto-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
  padding-top: 60px;
}
.ag-theme-quartz .ag-date-time-list-page-entry-is-current, .ag-theme-quartz-dark .ag-date-time-list-page-entry-is-current, .ag-theme-quartz-auto-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-advanced-filter-builder-button, .ag-theme-quartz-dark .ag-advanced-filter-builder-button, .ag-theme-quartz-auto-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}
.ag-theme-quartz .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz .ag-disabled .ag-icon,
.ag-theme-quartz .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz [disabled] .ag-icon, .ag-theme-quartz-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-dark .ag-disabled .ag-icon,
.ag-theme-quartz-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-dark [disabled] .ag-icon, .ag-theme-quartz-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-auto-dark [disabled] .ag-icon {
  opacity: 0.6;
}
.ag-theme-quartz .ag-icon-grip, .ag-theme-quartz-dark .ag-icon-grip, .ag-theme-quartz-auto-dark .ag-icon-grip {
  opacity: 0.7;
}
.ag-theme-quartz .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-quartz-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-dark .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-quartz-auto-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
  opacity: 0.35;
}
.ag-theme-quartz .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-filter-filter .ag-input-wrapper::before {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg==");
  background-position: 50% 50%;
  background-size: contain;
  opacity: 40%;
  content: "";
  filter: var(--ag-icon-filter);
}
.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before {
  margin-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before {
  margin-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-number-field-input {
  padding-left: 26px;
}

.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-number-field-input {
  padding-right: 26px;
}

.ag-theme-quartz .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-text-field-input[disabled],
.ag-theme-quartz .ag-menu-option-disabled, .ag-theme-quartz-dark .ag-text-field-input[disabled],
.ag-theme-quartz-dark .ag-menu-option-disabled, .ag-theme-quartz-auto-dark .ag-text-field-input[disabled],
.ag-theme-quartz-auto-dark .ag-menu-option-disabled {
  cursor: not-allowed;
}
.ag-theme-quartz .ag-checkbox-input-wrapper.ag-checked.ag-disabled, .ag-theme-quartz-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled, .ag-theme-quartz-auto-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled {
  --ag-checkbox-checked-color: var(--ag-checkbox-unchecked-color);
}
.ag-theme-quartz .ag-checkbox-input,
.ag-theme-quartz .ag-toggle-button-input,
.ag-theme-quartz .ag-radio-button-input,
.ag-theme-quartz input[class^=ag-][type=range], .ag-theme-quartz-dark .ag-checkbox-input,
.ag-theme-quartz-dark .ag-toggle-button-input,
.ag-theme-quartz-dark .ag-radio-button-input,
.ag-theme-quartz-dark input[class^=ag-][type=range], .ag-theme-quartz-auto-dark .ag-checkbox-input,
.ag-theme-quartz-auto-dark .ag-toggle-button-input,
.ag-theme-quartz-auto-dark .ag-radio-button-input,
.ag-theme-quartz-auto-dark input[class^=ag-][type=range] {
  cursor: pointer;
}
.ag-theme-quartz .ag-details-row, .ag-theme-quartz-dark .ag-details-row, .ag-theme-quartz-auto-dark .ag-details-row {
  padding: calc(var(--ag-grid-size) * 3.75);
}

.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before {
  opacity: 66%;
  filter: invert(100%);
}
.ag-theme-quartz-dark .ag-chart-menu {
  background-color: color-mix(in srgb, rgba(24, 39, 50, 0.3), var(--ag-background-color) 30%);
}
.ag-theme-quartz-dark .ag-text-field-input::placeholder {
  color: var(--ag-data-color);
  opacity: 0.8;
}
.excel-viewer-container {
  width: 100%;
  height: 100%;
}
.ant5-dropdown-menu-item-group-title {
  padding: 0 !important;
}

.focus-list-menu-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 10px;
  background-color: transparent;
  cursor: pointer;
}

.focus-list-menu-item-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  max-width: 200px;
}
.focus-list-menu {
  width: fit-content;
}

.focus-list-menu .ant5-dropdown-menu-submenu-vertical {
  width: 100%;
  max-width: 160px !important;
}

.focus-list-menu li {
  max-height: 32px;
}

.focus-list-menu-item-tab {
  opacity: 0.3;
}
.access-container {
  margin: 40px;
}

.access-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  padding: 0 0 8px;
}

.workspace-permissions-flags {
  margin: 16px 0;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.arrow {
  margin-left: 2px;
  color: gray;
}

.item-folder {
  display: inline-flex;
  width: 100%;
  min-height: 25px;
  color: var(--color-text) !important;
}

.open-button {
  margin-left: 4px;
}

.context-button,
.open-button,
.close-button,
.expand-button {
  display: none;
  height: 24px !important;
}

.close-button {
  width: 24px;
}

.item-folder:not(:has(> .close-button))>.context-button {
  margin-left: 4px;
}

.context-button.item-selected {
  display: unset;
}

.ant5-tree-treenode:hover {

  .context-button,
  .close-button,
  .open-button,
  .expand-button {
    display: unset;
    align-items: center;
    justify-content: center;
  }
}

.ant-tree-treenode:has(.item-selected) {
  background-color: var(--color-fill-tertiary);
}

.text-container {
  width: 100%;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis !important;
}

.text {
  display: flex;
  justify-items: center;
  align-items: center;
  color: var(--color-text);
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.double-icon-container {
  position: relative;
}

.double-icon {
  position: absolute;
  bottom: -2px;
  left: -6px;
  font-size: 9px;
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  background-color: var(--color-bg-elevated);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}

.custom-icon {
  color: var(--color-icon);
}

.ant5-tree-treenode {
  padding: 3.5px 0 !important;
  border-radius: 6px;
  overflow: hidden;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  margin: 0px !important;
}

.ant-tree-node-selected {
  background-color: var(--color-primary-bg) !important;
  margin: 0 4px !important;
}

.ant5-tree-treenode:hover {
  background-color: var(--color-fill-tertiary) !important;
}

.ant5-tree-treenode::before {
  background-color: rgba(0, 0, 0, 0) !important;
}

.ant5-tree-node-content-wrapper {
  padding-left: 0 !important;
  width: 100%;
  overflow: hidden;

  .--ant-5-tree-directory-node-selected-color {
    color: black !important;
  }
}

.app.ant5-tree {
  --ant-5-tree-directory-node-selected-color: #000;
}

.ant5-tree-title {
  padding-left: 4px;
  display: inline-flex;
  width: calc(100% - 28px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis !important;
}

.workspace-icon {
  font-size: 14px;
}

.hidden {
  display: none;
}

.concept-count-tag {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  height: 16px;
}

.navigator-title-container {
  display: inline-flex;
  width: max-content;
  align-items: center;
}

.workspace-show-more-title {
  padding: 0;
  width: 100%;
  text-align: left;
  height: auto;

  &:hover {
    background-color: transparent !important;
  }
}

.workspace-root-node.ant5-tree-treenode {
  padding: 3.5px 0 !important;
  margin: 0.5px 0 !important;
  line-height: 24px !important;
}

.ant5-tree-treenode:not(.workspace-root-node) {
  padding: 0px 0 !important;
  margin: 0px 0 !important;
  height: 24px !important;
}

.ant5-tree-treenode:not(.workspace-root-node) .ant5-tree-iconEle {
  width: 16px;
}

.ant5-tree-treenode:not(.workspace-root-node) .anticon {
  width: 12px !important;
  height: 22px !important;

}

.ant5-tree-treenode:not(.workspace-root-node) {
  .item-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px !important;
    width: 20px !important;
    padding: 0 !important;

    .ant5-btn-icon {
      height: 20px !important;
      width: 20px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    /* Ensure the icon itself is centered */
    .custom-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
    }
  }

  .text-container {
    width: 100%;
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis !important;
    height: 20px;
  }

  .text {
    display: flex;
    justify-items: center;
    align-items: center;
    color: var(--color-text);
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px !important;
  }

  .item-folder {
    display: inline-flex;
    width: 100%;
    color: var(--color-text) !important;
    height: 20px !important;
  }
}:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.custom-icon {
  color: var(--color-icon);
}

.custom-icon:hover {
  color: var(--color-icon-hover);
}
.os-unprocessed-icon {
  color: #faad14;
  font-size: 12px;
  vertical-align: middle;
  margin-left: 4px;
  align-self: center;
}
.workspace-processing-container {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 26px;
  height: 26px;
  margin-left: 4px;
  flex-shrink: 0;
}

.workspace-processing-spinner {
  animation: spin 2s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.workspace-processing-count {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 8px;
  font-weight: 600;
  color: #666;
  pointer-events: none;
  line-height: 1;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

.workspace-processing-count.small {
  font-size: 7px;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.transforms-layout {
  height: 100%;
  background-color: var(--color-bg-container);
}

.transforms-body {
  width: 100%;
  padding: 12px 12px 16px;
}

.transforms-header {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid var(--color-border);
}

.transforms-title {
  width: 100%;
  text-align: left;
  margin-bottom: 0 !important;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}

.transforms-placeholder {
  width: 100%;
  background-color: var(--color-bg-elevated);
  padding: 40px 16px;
  color: var(--color-text-quaternary);
  text-align: center;
}

.transforms-content {
  width: 100%;
}

.transforms-menu {
  width: 100%;
  border: none !important;
}

.progress-collapse {
  max-height: 33%;
  overflow-x: auto;
  overflow-y: scroll;
  position: sticky;
  top: 0px;
  z-index: 1;
}

.transforms-content-row {
  height: 66%;
}

.transforms-content .ant5-menu-item.ant5-menu-item {
  padding-inline: 16px !important;
  margin: 0;
  width: 100%;
  margin-bottom: 4px;
}
/* CircularProgress.css */
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

.circle-progress-container {
  display: inline-block;
  vertical-align: middle;
  width: 1em; /* Size of character */
  height: 1em; /* Size of character */
}

.circle-progress {
  animation: rotate 2s linear infinite;
  transform-origin: center;
}

.circle-background,
.circle-foreground {
  fill: none;
}

.circle-background {
  stroke: #eee;
}

.circle-foreground {
  stroke: #3f8600;
  stroke-linecap: round;
  stroke-dasharray: 80;
  stroke-dashoffset: 80;
  animation: dash 1.5s ease-in-out infinite;
}

@keyframes dash {
  0% {
    stroke-dashoffset: 80;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.relationship-button-shading {
  color: slategrey;
}

.relationship-button-data-discrepancy {
  color: var(--color-error-text);
  font-weight: bold;
}

.relationship-button-spacing {
  margin-left: 0.5rem;
}

.relationship-button-label-disabled {
  color: var(--color-text-quaternary) !important;
}

.relationship-button-background-disabled {
  background: var(--color-bg-container-disabled);
}

.relationship-button-background-active {
  background: var(--color-bg-container);
}

/* to remove gap "+ n"*/
.relationship-button-add > * {
  margin-inline-end: 0px !important;
}

.relationship-space-nowrap {
  overflow-x: hidden;
  text-wrap: nowrap;
}

.relationship-button-target-icon {
  background: var(--color-primary-bg);
  color: var(--color-text-tertiary);
}

@keyframes moveAround {
  0% {
    top: 0;
    left: 0;
  }
  25% {
    top: 0;
    left: calc(100% - 3px);
  }
  50% {
    top: calc(100% - 3px);
    left: calc(100% - 3px);
  }
  75% {
    top: calc(100% - 6px);
    left: 0;
  }
  100% {
    top: 0;
    left: 0;
  }
}

.relationship-button-loadingX {
  position: relative;
  overflow: hidden;
}

.relationship-button-loadingX .dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #000;
  border-radius: 50%;
  animation: moveAround 4s infinite;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.full-height {
  height: 100%;
}

.relationship-select {
  width: 100%;
  overflow: hidden;
}

.relationship-container {
  padding: 12px 12px 16px;
  background-color: var(--color-bg-container) !important;
}

.relationship-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
  text-transform: capitalize;
  color: var(--color-text) !important;
}

.relationship-buttons {
  overflow-x: auto;
}

.relationship-space {
  width: 100%;
  padding: 6px 12px;
  border-bottom: 1px solid var(--color-border-secondary);
  display: flex;
  justify-content: space-between;
}

.relationship-label {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-text-secondary);
}

.relationship-placeholder {
  width: 100%;
  background-color: var(--color-bg-elevated);
  padding: 40px 16px;
  color: var(--color-text-quaternary);
  text-align: center;
}

.relationship-panel {
  overflow-x: scroll;
  overflow-y: scroll;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.superselect-tab-name {
  max-width: fit-content !important;
}

.superselect-tabs {
  width: calc(100% - 32px);
  margin: var(--space-xxs) var(--space-sm) 0;
}

.superselect-tabs {
  /* prevent stacking ... in row context menu */
  [class$='ContextMenu'] {
    width: max-content !important;
  }
}

.superselect-tabs .ant5-tabs-content-holder {
  position: absolute;
  top: 4.5rem;
  bottom: 0;
  width: 98%;
  overflow-x: auto;
  overflow-y: auto;
  /* transform: scaleY(-1);  Flip the div to move the scrollbar to the top */
}

.superselect-control-button {
  margin-right: 8px;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.search-input {
  width: 100%;
  margin: 2 0 4px !important;
  padding: 0 !important;
}

.search-custom-menu-divider-search {
  display: flex;
  height: 40px;
  overflow: hidden;
  background-color: transparent;
  padding-left: 8px;
  padding-right: 8px;
}

.control-button {
  margin-right: 8px;
}

.custom-button-divider-search {
  background-color: rgba(0, 0, 0, 0) !important;
  padding: 4px 0 4px 8px !important;
  display: flex;
  align-items: center;
  justify-content: end;
}

.custom-icon {
  color: var(--color-icon) !important;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.ribbon-menu .tabs-holder {
  display: none !important;
  border-bottom: 1px solid var(--color-border);
}

/* Hide scrollbar for Chrome, Safari and Opera */

.ribbon-menu::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */

.ribbon-menu {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.os-ribbon {
  color: var(--color-icon) !important;
  border: none !important;
  font-family: 'Inter', Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
}

.ribbon-button,
.ribbon-split-button {
  border-radius: 6px !important;
  color: var(--color-icon) !important;
  border: none !important;
}

.ribbon-icon-button {
  width: 100%;
  border-radius: 4px !important;
  color: var(--color-icon) !important;
  border: none !important;
}

.custom-ribbon-icon {
  width: var(--size-lg);
  height: var(--size-lg);
}

.ribbon-button:hover,
.ribbon-split-button:hover,
.ribbon-icon-button:hover {
  border: none !important;
  background-color: var(--color-fill-tertiary) !important;
  color: var(--color-primary) !important;
}

.ribbon-btn-active,
.ribbon-btn-active {
  color: red !important;
}

.ribbon-btn-database {
  width: 4.2rem !important;
}

.ribbon-btn-disabled {
  cursor: not-allowed;
  opacity: 0.3;
  pointer-events: none;
}

.hotkey-list-button-holder {
  position: absolute;
  z-index: 2;
  background: #f9f9f9;
  top: 0;
  right: 0;
  padding: 4px;
  visibility: hidden;
}

.hotkey-list-button-holder [class*='mif-'] {
  display: table-cell;
  vertical-align: middle;
}

.hotkey-list-wrapper {
  position: fixed;
  width: 500px;
  height: 440px;
  z-index: 100000;
  background: #555555;
  color: #ffffff;
  top: 50%;
  margin-top: -200px;
  left: 50%;
  margin-left: -250px;
  display: block;
  padding: 10px 20px;
}

.hotkey-list-wrapper * {
  color: #ffffff;
}

.hotkey-list-wrapper td:nth-child(1) {
  width: 100px;
}

.hotkey-list-wrapper td:nth-child(2) {
  text-align: left;
  padding-left: 40px;
  border-left: 1px solid #ffffff;
}

.closeDialogButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--size-lg);
  height: var(--size-lg);
  position: absolute;
  z-index: 100;
  background: #ff4f30;
  color: #ffffff;
  text-align: center;
  top: 10px;
  right: 10px;
  line-height: 1;
  cursor: pointer;
}

.octo-graph-menu-container {
  background-color: var(--color-bg-elevated);
  height: var(--size-xxl);
  overflow: hidden;
  overscroll-behavior: none;
  border-bottom: 1px solid var(--color-border);
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 var(--space-sm) 0 var(--space-xs);
}

.octo-graph-menu-buttons-container {
  display: inline-flex;
  width: 100%;
}

.octo-graph-menu-actionbutton-container {
  display: inline-flex;
  gap: var(--space-xxs);
  padding: 0 var(--space-xs);
  border-right: 1px solid var(--color-border);
}

.octo-graph-menu-mainbutton-container {
  display: inline-flex;
  gap: var(--space-xxs);
  padding: 0 var(--space-xs);
}

.octo-graph-floatbutton-container {
  top: 60px;
  left: 12px;
}

.octo-btn-disabled {
  cursor: not-allowed;
  opacity: 0.3;
  pointer-events: none;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.graphin {
  background-color: var(--color-bg-layout) !important;
  height: 100%;
}

.graphin-components-contextmenu {
  background-color: var(--color-bg-elevated) !important;
  border-radius: 6px !important;
  overflow: hidden;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -ms-border-radius: 6px !important;
  -o-border-radius: 6px !important;
  min-width: 160px !important;
}

/* so graphin-minimap can work properly with top & right */

.graphin-components > div:not(.graphin-components-tooltip) {
  position: initial !important;
}

.graphin-minimap {
  background-color: var(--color-bg-elevated) !important;
  box-shadow:
    0 6px 16px 0 rgba(0, 0, 0, 0.08),
    0 3px 6px -4px rgba(0, 0, 0, 0.12),
    0 9px 28px 8px rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 18px;
  right: 12px;
  overflow: hidden;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.ant5-menu-vertical {
  border: none !important;
}

.graph-wrapper {
  height: 100%;
  width: 100%;
  overflow: hidden !important;
}

.graphin-core {
  min-height: unset !important; /* otherwise we will always get scrollbar on linkart...*/
}
.graph-tooltip {
  border-radius: 6px;
  background-color: #fff;
  padding: 8px;
  word-break: break-word;
  white-space: pre-line;
  overflow-wrap: break-word;
  -ms-word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  height: auto;
  text-align: justify;
  text-justify: inter-word;
  cursor: pointer;
}

.graph-tooltip-short {
  text-align: center;
}

.graph-tooltip-full {
  overflow-y: auto;
  height: 30vh;
  position: relative;
}

.scroll-text-element {
  width: 95%;
  height: fit-content;
  position: absolute;
  padding: 8px;
  padding-right: 2px;
  top: 0%;
}
.graphin-components-tooltip.top {
  transform: translate(0, -100%);
}
.graphin-components-tooltip.bottom {
  transform: translate(0, 0);
}
.graphin-components-tooltip.right {
  transform: translate(0, 0);
}
.graphin-components-tooltip.left {
  transform: translate(-100%, 0);
}
.graphin-components-tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  background: 0 0;
  border-style: solid;
  border-width: 4px;
  color: #fff;
}
.graphin-components-tooltip .tooltip-arrow.top {
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.graphin-components-tooltip .tooltip-arrow.bottom {
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%) rotate(45deg);
}
.graphin-components-tooltip .tooltip-arrow.left {
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.graphin-components-tooltip .tooltip-arrow.right {
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
div.graphin-components-tooltip-content {
  width: 100%;
  padding: 8px;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
.add-relation-source-entity {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}

.relationships-label {
  display: flex;
  justify-content: space-between;
  line-height: normal;
  overflow: hidden;
}

.add-relation-target-tag {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 2px;
  align-items: center;
}
.custom-graph-flexlayout {
  flex-grow: 1;
  position: relative;
  height: calc(100% - 48px);
  overflow: hidden;
}
.graph-tabset-tabstrip {
  display: none;
}
.error-text {
  text-align: center;
  position: relative;
  top: 50%;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.ant5-collapse-header {
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

.relationship-modal-content {
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 10px;
  min-width: 300px;
}

.relationship-modal-content-label {
  font-size: var(--font-size);
  font-family: var(--font-family);
  font-weight: bold;
}

.relationship-modal-concept-selector {
  margin: 5px 0;
}

.relationship-modal-select-relationship {
  min-width: 300px;
}

.relationship-modal-select {
  display: flex;
  flex: row;
  gap: 8px;
}

.relationship-modal-record-buttons {
  margin-left: 0;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px;
}

.relationships-expand-button {
  display: flex;
  align-items: center;
  justify-content: center;
}

.panel-children {
  display: grid;
  gap: 8px;
  .ant-collapse-header-text {
    overflow: hidden;
  }
}

.relationships-panel-label {
  font-size: 16px;
  line-height: 24px;
  text-transform: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.relationships-panel-label-concept {
  font-size: 16px;
  line-height: 24px;
  text-transform: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.relationships-panel-label-concept-tag {
  display: flex;
  align-items: center;
  white-space: nowrap;
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  gap: 5px;
  text-overflow: ellipsis;
}

.entity-panel-extra-buttons {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: auto;
  flex-direction: row;
}

.relationships-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  .ant5-tag {
    margin-inline-end: 0;
  }
}

.relationships-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.relationships-header-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  width: 100%;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  gap: 8px;

  .relationships-header-span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.relationships-header-buttons {
  display: flex;
  align-items: center;
  gap: 4px;
}

.relationships-panel-header {
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-text);
  overflow: hidden;
}

.panel-header {
  text-align: left;
}

.panel-header-relationship > .ant5-collapse-header {
  padding: 8px 0 !important;
}

.panel-header-relationship > .ant5-collapse-header > .ant5-collapse-header-text {
  width: 100%;
  display: flex;
  overflow: hidden;
}

.panel-header-relationship-entity {
  text-align: left;
}

.panel-children {
  padding: 0;
  .ant5-collapse {
    width: 100%;
    overflow: hidden;
  }
  .ant5-collapse-header {
    gap: 4px;
    width: 100%;
    overflow: hidden;
  }
  .ant5-collapse-header-text {
    width: 100%;
    overflow: hidden;
  }
  .ant5-collapse-content-box {
    padding: 8px 0 !important;
  }
  .ant5-tag > span {
    margin-inline-start: 8px;
  }
}

.panel-children-relationship {
  padding: 8px 16px;
}

.relationship-count-problem {
  text-decoration: line-through;
  opacity: 0.5;
}

.relationships-panel-collapse {
  width: 100%;
  overflow: hidden;
}

.relationships-panel-collapse > .ant5-collapse-item {
  display: block !important;
}

.os-icon-button-fix {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dragger {
  background-color: rgba(34, 121, 242, 0.1);
  border-radius: 8px;
}

.multirecord-viewer-container.dragging-over {
  border: 2px dashed #1890ff;
  background-color: rgba(24, 144, 255, 0.1);
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.record-file-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  border-top: 1px solid var(--color-border);
  padding: 23px;
}

.record-file-header {
  width: 100%;
}

.record-file-header-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  width: 100%;
  display: flex;
}

.record-file-header-buttons {
  gap: 10px;
  padding-right: 20px;
  justify-content: end;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.record-file-show-button {
  margin-right: 5px;
  font-size: 14px;
}

.panel-children {
  width: 100%;
  overflow: hidden;
  padding: 0;
}
.fusion-view-switch-container {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  flex-wrap: nowrap;
  margin-left: 1rem;
}

.fusion-view-switch-controls {
  display: flex;
  align-items: center;
  border-radius: 4px;
  gap: 6px;
  height: 100%;
  width: 100%;
}

.fusion-view-switch-sources-text-container {
  display: flex;
  align-items: center;
  height: calc(100% - 2px);
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}

.fusion-view-switch-sources-text-container .ant5-typography {
  margin-right: 16px;
  width: fit-content;
  line-height: 1.3 !important;
  gap: 12px;
}

.fusion-view-switch-sources-text {
  display: flex;
  flex-direction: column;
}

.fusion-view-switch-sources-text.enabled {
  border-bottom: 1px solid #1890ff;
  color: #1890ff;
}

.fusion-view-switch-sources-text-container {
  background: linear-gradient(
    90deg,
    white 0%,
    white 75%,
    rgba(24, 144, 255, 0.1) 85%,
    rgba(24, 144, 255, 0.2) 90%,
    rgba(24, 144, 255, 0.4) 95%,
    rgba(24, 144, 255, 0.6) 100%
  );
}

.fusion-view-switch-button {
  background: rgba(24, 144, 255, 0.6);
  cursor: pointer;
  padding-right: 8px;
  font-size: 12px;
  border: none;
  box-shadow: none;
  height: 100%;
}

.fusion-view-switch-button-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -8px;
  height: calc(100% - 2px);
}

.fusion-view-switch-component {
  transform: 'scale(0.9)';
}

.fusion-view-header {
  font-weight: 500;
  font-size: 14px;
  color: #4b5563;
}

.fusion-view-find-more-data-text {
  cursor: pointer;
  font-size: 1rem;
}
.fusion-confirm-data-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.fusion-confirm-data-modal-header-title {
  display: flex;
  align-items: center;
  gap: 20px;
}
.fusion-confirm-data-modal-header-title-label {
  display: flex;
  align-items: baseline;
  gap: 5px;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.media-gallery-container {
  width: 100%;
  margin: 20px 0;
}

.media-gallery-pagination {
  display: flex;
  margin-top: 20px;
  justify-content: center;
  align-items: center;
}

.media-gallery-item-container {
  display: flex;
  flex-direction: column;

  .ant5-image {
    border-radius: 6px;
    overflow: hidden;
  }

  video {
    height: 100%;
    object-fit: cover;
  }
}

.media-gallery-image-aspect-ratio-square {
  aspect-ratio: 1 / 1 !important;

  .ant5-image {
    aspect-ratio: 1 / 1 !important;
  }

  aspect-ratio: 1 / 1 !important;
}

.media-gallery-image-aspect-ratio-landscape {
  aspect-ratio: 16 / 9 !important;

  .ant5-image {
    aspect-ratio: 16 / 9 !important;
  }
}

.media-gallery-image-aspect-ratio-portrait {
  aspect-ratio: 3 / 4 !important;

  .ant5-image {
    aspect-ratio: 3 / 4 !important;
  }
}

.media-gallery-item-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 8px 0;
  height: 24px;
  width: 100%;
}

.media-gallery-item-title-container {
  flex: 1;
  display: flex;
  overflow: hidden;
}

.media-gallery-item-title-container :hover {
  color: var(--color-primary-text-hover);
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
}

.media-gallery-item-title-container-content {
  display: flex;
  flex: 1;
  align-items: center;
}

.media-gallery-item-title-container-content-title {
  flex: 1;
}

.media-gallery-item-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.media-gallery-item-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.media-gallery-item-menu {
  display: none;
}

.media-gallery-item-label:hover .media-gallery-item-menu {
  display: flex;
}

.toolbar-wrapper {
  position: fixed;
  bottom: 32px;
  left: 50%;
  padding: 0px 24px;
  color: #fff;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  transform: translateX(-50%);
}

.media-gallery-item-description {
  font-size: 12px;
  color: #64748b;
  margin-top: 4px;
  font-style: italic;
}:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.media-gallery-menu-header {
  margin: 0 13px;
  width: 100%;

  .ant-form-item {
    margin-bottom: 0px !important;
  }

  .ant5-row {
    gap: 8px;
  }
}

.media-gallery-menu-header-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.media-gallery-menu-header-counter {
  margin-left: 10px;
  line-height: 28px;
  height: 28px;
}

.media-gallery-tab-header-buttons {
  gap: 10px;
  justify-content: end;
  padding-right: 23px;
  display: flex;
  align-items: center;
}

.media-gallery-tab-filter-button {
  display: flex !important;
  font-size: 10px;
  flex-direction: column;
}

.media-gallery-search-icon {
  color: var(--color-text-disabled);
}

.media-gallery-tab-menu-divider {
  margin: 2px 0;
}

.media-gallery-menu-item {
  width: 100%;
}
.media-gallery-tab-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  margin: auto;
  border-radius: 6px;
  padding: 24px;
  border: 1px solid var(--color-border);
  background-color: var(--color-bg-elevated);
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.flexlayout-border-tab-container {
  background-color: var(--color-bg-elevated) !important;
  overflow-y: hidden;
  overflow-x: hidden;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text);
  margin: 20px;
}

.flexlayout-border-tab-item {
  background-color: var(--color-bg-elevated) !important;
  overflow-y: hidden;
  overflow-x: hidden;
  font-size: 14px;
  color: var(--color-text);
  height: auto;
}

.flexlayout-border-tab-item-header {
  width: auto;
  font-weight: 700;
  color: var(--color-text);
  font-size: 16px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.flexlayout-border-tab-item-title {
  width: 100%;
  font-size: 16px;
  color: var(--color-text);
  font-weight: 500;
  text-transform: capitalize;
  padding-bottom: 0 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.flexlayout-border-tab-item-label {
  display: inline;
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.chat-panel {
  container-type: inline-size;
}

.suggestions {
  text-align: center;
  font-size: 14px;
  color: #666;
  margin-bottom: 16px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  height: 150px;
  gap: 12px;
}

.resize-bar {
  background-color: #ddd;
}

.sider-chat {
  background: #f9f9f9 !important;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-left: 1px solid var(--color-border-secondary);
}

.sider-header-chat {
  background: #fff;
  border-bottom: 1px solid var(--color-border-secondary);
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
}

.layout-chat-content {
  display: flex;
  flex-direction: column;
  justify-items: center;
  justify-content: center;
  align-items: center;
  padding: 16px;
  background: #fff;
  height: 100%;
  overflow: hidden;
  container-type: inline-size;
}

.sider-header-chat > h5 {
  margin-bottom: 0;
}

.sider-content-chat {
  height: calc(100% - 24px);
  overflow-y: auto;
  padding: 8px;
}

.sider-content-chat-wrapper {
  background: #fff;
  height: 100%;
}

.ant5-card {
  line-height: 21px;
}

@keyframes pulse {
  0%,
  100% {
    opacity: 0.3;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}

@container (max-width: 768px) {
  .suggestions {
    width: 100%;
    left: 0;
    transform: none;
  }
}

@container (max-width: 675px) {
  .layout-chat-content {
    padding: 0;
  }
}

@container (max-width: 675px) {
  .ant5-card .ant5-card-body {
    padding: 16px;
  }
}

@container (max-width: 675px) {
  .message-bubble.message-bubble-ai {
    padding: 0;
  }
}

@container (max-width: 675px) {
  div.aichatmessagebox {
    padding: 12px;
    background-color: transparent;
    border-top: 1px solid var(--color-border-secondary);
    border-start-end-radius: 0;
    border-start-start-radius: 0;
    box-shadow: none;
  }
}

@container (max-width: 675px) {
  .ant5-card.card-message-container {
    margin-bottom: 0px;
  }
}

@container (max-width: 675px) {
  div.wrapper-ai-panel {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.ai-actions-menu {
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  padding: 0px;
}

.ai-actions-menu .ant5-menu-item {
  border-radius: 8px;
  border: 1px solid #d0d0d0;
  display: blocl !important;
  align-items: center;
  justify-content: space-between;
  height: auto;
}

.action-label {
  display: flex;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 0;
  min-height: 52px;
}

.action-label-tag {
  flex-shrink: 0;
  margin-right: 8px;
}

.ai-actions-menu .ant5-menu-title-content {
  display: block !important;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}

.action-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  margin-right: 12px;
  font-size: 12px;
  line-height: 1.7;
  margin-right: 8px;
  padding: 0;
  word-break: break-all;
  flex-shrink: 1;
  width: 100%;
  min-width: 0;
}

.ai-panel-title {
  color: var(--color-text-secondary) !important;
}

.action-icon-right .item-icon {
  width: 34px !important;
  height: 34px !important;
}

.message-container:not(:last-child) .wrapper-ai-panel {
  margin-bottom: 16px;
}
.aichatmessagebox {
  display: flex;
  position: relative;
  min-height: 80px;
  max-width: 900px;
  width: 100%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  border: none !important;
  outline: none !important;
  overflow: hidden;
  padding-bottom: 38px;
  transition: background-color 0.2s ease;
}
.aichatmessagebox:hover,
.aichatmessagebox:focus,
.aichatmessagebox:focus-within {
  background: white;
  border: none !important;
  outline: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}
.aichatmessagebox-textarea {
  flex-grow: 1;
  min-height: 80px;
  max-height: 200px;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  resize: none;
  background: transparent;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.4;
  overflow-y: auto;
  scrollbar-width: thin;
}
.aichatmessagebox-textarea:hover,
.aichatmessagebox-textarea:focus-within,
.aichatmessagebox-textarea:focus {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}
.aichatmessagebox-textarea::after {
  content: '';
  display: block;
  height: 50px;
  width: 100%;
  pointer-events: none;
}
.aichatmessagebox-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 3px;
  bottom: 3px;
  gap: 8px;
  z-index: 1;
}
.aichatmessagebox-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.aichatmessageboxcontextmode-option-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.aichatmessageboxcontextmode-option-label {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  flex-grow: 1;
}

.aichatmessageboxcontextmode-option-description {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: var(--color-light-neutral);
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.aichatmessageboxcontextmode-option-check {
  color: var(--color-light-primary-6);
}
.card-message-container {
  flex: 1;
  overflow-y: auto;
  margin-bottom: 16px;
  border: none;
  width: 100%;
  max-width: 900px;
  height: 100%;
}
.message-container {
  height: 100%;
  max-height: 100%;
}
.agentic-action {
  text-align: left;
  color: grey;
}
.agentic-action.error-text {
  color: #dd2c2c;
}
.ai-thought-block {
  margin: 2px;
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.loading-text {
  animation: fade 2s infinite alternate;
}
.message-user {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: flex-end;
  gap: 4px;
}
.message-ai {
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.message-bubble {
  width: fit-content;
  display: inline-block;
  padding: 8px 12px;
  border-radius: 10px;
}
.message-bubble-user {
  background-color: var(--color-fill-secondary);
  color: var(--color-text);
  border-color: var(--color-border);
  border-width: 1px;
  border-style: solid;
}
.message-bubble-ai {
  display: flex;
  flex-direction: column !important;
  align-items: flex-start;
  color: var(--color-text);
  width: 100%;
  gap: 4px;
}
.logo-actions-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.logo-container-chat {
  --color-text: black;
  flex-shrink: 0;
  width: 35px;
  height: 35px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-border);
  background-color: white;
  border-radius: 100%;
  padding: 1px;
  font-size: 16px;
}
.ai-wrapper {
  display: flex;
  flex-direction: column;
  background-color: var(--color-fill-tertiary);
  border-radius: 10px;
  align-items: flex-start;
  width: 100%;
  gap: 4px;
  padding: 12px;
  border-color: var(--color-border);
  border-width: 1px;
  border-style: solid;
}
.message-content {
  width: inherit;
}
.ai-wrapper .message-content table {
  border-spacing: 0 !important;
  border-collapse: collapse !important;
  border-color: inherit !important;
  margin: 2px auto !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: auto !important;
}
.ai-wrapper .message-content table,
.ai-wrapper .message-content tbody,
.ai-wrapper .message-content td,
.ai-wrapper .message-content tfoot,
.ai-wrapper .message-content th,
.ai-wrapper .message-content thead,
.ai-wrapper .message-content tr {
  border-color: inherit;
  border-style: solid;
  border-width: 1px;
  padding: 4px;
}
.ai-wrapper .message-content h3 {
  margin-top: 12px;
}
.ai-wrapper .message-content li {
  align-items: baseline;
  list-style-type: disc;
}
.ai-wrapper .message-content ul,
.ai-wrapper .message-content ol {
  margin-top: 1em;
}
.selected-message {
  background-color: var(--color-primary-bg);
  border-radius: 9px;
  border-color: var(--color-primary-border);
  padding: 4px;
}
.details-button {
  padding-left: 12px;
  color: #007bff;
  cursor: pointer !important;
  pointer-events: auto !important;
  margin-bottom: 4px;
}
.details-button-hidden {
  display: none;
}
.show-details {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
}
.wrapper-ai-panel {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}
.wrapper-ai-panel-hidden {
  display: none;
}
.suggestions-wrapper {
  margin-top: auto;
  height: 100%;
}
.suggestions-messages {
  color: var(--ant-5-color-primary-text);
  background-color: rgba(15, 23, 42, 0.04);
  border-radius: 999px;
}
.suggestions-messages:hover {
  cursor: pointer;
}
.message-bubble-placeholder {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 15px;
  max-width: 60%;
  margin: 5px 0;
  font-size: 16px;
  font-weight: 500;
}
.message-bubble-placeholder .dot {
  width: 8px;
  height: 8px;
  margin: 0 3px;
  background-color: #999;
  border-radius: 50%;
  animation: pulse 1.5s infinite ease-in-out;
}
.message-bubble-placeholder .dot:nth-child(1) {
  animation-delay: 0s;
}
.message-bubble-placeholder .dot:nth-child(2) {
  animation-delay: 0.3s;
}
.message-bubble-placeholder .dot:nth-child(3) {
  animation-delay: 0.6s;
}
.selected-message {
  background-color: var(--color-primary-bg);
  border-radius: 9px;
  padding: 4px;
}
.chat-input-actions {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  height: 30px;
}
.chat-input-actions .tooltip {
  position: absolute;
  right: 5px;
  top: 5px;
  text-align: center;
}
.chat-input-actions .chat-input-action {
  display: inline-flex;
  border-radius: 20px;
  font-size: 14px;
  color: var(--color-icon);
  padding: 6px 12px;
  animation: slide-in ease 0.3s;
  transition: width ease 0.3s;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
.chat-input-actions .chat-input-action:not(:last-child) {
  margin-right: 5px;
}
.chat-input-actions .chat-input-action .text {
  white-space: nowrap;
  padding-left: 5px;
  opacity: 0;
  transform: translateX(-5px);
  transition: all ease 0.3s;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.12);
}
.chat-input-actions .chat-input-action.full-width {
  max-width: fit-content;
}
.chat-input-actions .chat-input-action.full-width .text {
  opacity: 1;
  transform: translate(0);
}
.chat-input-actions .chat-input-action:hover {
  --delay: 0.5s;
  width: var(--full-width);
  transition-delay: var(--delay);
}
.chat-input-actions .chat-input-action:hover .text {
  transition-delay: var(--delay);
  opacity: 1;
  transform: translate(0);
}
.chat-input-actions .chat-input-action .text,
.chat-input-actions .chat-input-action .action-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.prompt-toast {
  position: absolute;
  bottom: -50px;
  z-index: 999;
  display: flex;
  justify-content: center;
  width: calc(100% - 40px);
}
.prompt-toast .prompt-toast-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  background-color: var(--white);
  color: var(--black);
  border: var(--border-in-light);
  box-shadow: var(--card-shadow);
  padding: 10px 20px;
  border-radius: 100px;
  animation: slide-in-from-top ease 0.3s;
}
.prompt-toast .prompt-toast-inner .prompt-toast-content {
  margin-left: 10px;
}
.section-title {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-title .section-title-action {
  display: flex;
  align-items: center;
}
.chat {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}
.chat-body {
  flex: 1;
  overflow: auto;
  overflow-x: hidden;
  padding: 20px;
  padding-bottom: 40px;
  position: relative;
  overscroll-behavior: none;
}
.chat-action-context {
  display: flex;
  justify-content: center;
}
.chat-action-context .chat-input-action {
  display: inline-flex;
  border-radius: 20px;
  font-size: 12px;
  background-color: var(--white);
  color: var(--black);
  border: var(--border-in-light);
  padding: 4px 10px;
  box-shadow: var(--card-shadow);
  align-items: center;
  height: 16px;
  overflow: hidden;
}
.chat-action-context .chat-input-action .text {
  padding-left: 5px;
}
.chat-body-main-title {
  cursor: pointer;
}
.chat-body-main-title:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 600px) {
  .chat-body-title {
    text-align: center;
  }
}
.chat-message {
  display: flex;
  flex-direction: row;
}
.chat-message:last-child {
  animation: slide-in ease 0.3s;
}
.chat-message-user {
  display: flex;
  flex-direction: row-reverse;
}
.chat-message-user .chat-message-header {
  flex-direction: row-reverse;
}
.chat-message-header {
  margin-top: 20px;
  display: flex;
  align-items: center;
  width: 100%;
}
.chat-message-header .chat-message-actions {
  display: flex;
  box-sizing: border-box;
  font-size: 12px;
  align-items: flex-end;
  justify-content: space-between;
  transition: all ease 0.3s;
  transform: scale(0.9) translateY(5px);
  margin: 0 10px;
  opacity: 0;
  pointer-events: none;
}
.chat-message-header .chat-message-actions .chat-input-actions {
  display: flex;
  flex-wrap: nowrap;
}
.chat-message-container {
  max-width: var(--message-max-width);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.chat-message-container .chat-message-header .chat-message-role-name-container {
  position: relative;
}
.chat-message-container .chat-message-header .chat-message-role-name-container .chat-message-role-name {
  position: absolute;
  text-wrap: nowrap;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: opacity 0.3s ease;
}
.chat-message-container:hover .chat-message-actions {
  opacity: 1;
  pointer-events: all;
  transform: scale(1) translateY(0);
}
.chat-message-container:hover .chat-message-role-name:not(.no-hide) {
  opacity: 0;
}
.chat-message-user > .chat-message-container {
  align-items: flex-end;
}
.chat-message-status {
  font-size: 12px;
  color: #aaa;
  line-height: 1.5;
  margin-top: 5px;
}
.chat-message-item {
  box-sizing: border-box;
  max-width: 100%;
  margin-top: 10px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 10px;
  font-size: 14px;
  user-select: text;
  word-break: break-word;
  border: var(--border-in-light);
  position: relative;
  transition: all ease 0.3s;
}
.chat-message-item-image {
  width: 100%;
  margin-top: 10px;
}
.chat-message-item-images {
  width: 100%;
  display: grid;
  justify-content: left;
  grid-gap: 10px;
  grid-template-columns: repeat(var(--image-count), auto);
  margin-top: 10px;
}
.chat-message-item-image-multi {
  object-fit: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.chat-message-item-image,
.chat-message-item-image-multi {
  box-sizing: border-box;
  border-radius: 10px;
  height: auto;
  display: block;
}
.chat-message-action-date {
  font-size: 12px;
  white-space: nowrap;
  transition: all ease 0.6s;
  color: var(--light-gray);
  text-align: right;
  width: 100%;
  box-sizing: border-box;
  padding-right: 10px;
  z-index: 1;
  display: flex;
  justify-content: end;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 6px;
}
.chat-message-action-date .chat-message-usage {
  display: flex;
}
.chat-message-action-date .tooltip {
  width: 14px;
  height: 14px;
}
.chat-message-user > .chat-message-container > .chat-message-item {
  background-color: var(--second);
}
.chat-message-user > .chat-message-container > .chat-message-item:hover {
  min-width: 0;
}
.chat-input-panel {
  position: relative;
  width: 100%;
  padding: 20px;
  padding-top: 10px;
  box-sizing: border-box;
  flex-direction: column;
  border-top: var(--border-in-light);
  box-shadow: var(--card-shadow);
}
.chat-input-panel .chat-input-actions .chat-input-action {
  margin-bottom: 10px;
}
@mixin single-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.prompt-hints {
  min-height: 20px;
  width: 100%;
  max-height: 50vh;
  overflow: auto;
  display: flex;
  flex-direction: column-reverse;
  background-color: var(--white);
  border: var(--border-in-light);
  border-radius: 10px;
  margin-bottom: 10px;
  box-shadow: var(--shadow);
}
.prompt-hints .prompt-hint {
  color: var(--black);
  padding: 6px 10px;
  animation: slide-in ease 0.3s;
  cursor: pointer;
  transition: all ease 0.3s;
  border: transparent 1px solid;
  margin: 4px;
  border-radius: 8px;
}
.prompt-hints .prompt-hint:not(:last-child) {
  margin-top: 0;
}
.prompt-hints .prompt-hint .hint-title {
  font-size: 12px;
  font-weight: bolder;
  @include single-line();
}
.prompt-hints .prompt-hint .hint-content {
  font-size: 12px;
  @include single-line();
}
.prompt-hints .prompt-hint-selected,
.prompt-hints .prompt-hint:hover {
  border-color: var(--primary);
}
.chat-input-panel-inner {
  cursor: text;
  display: flex;
  position: relative;
  flex: 1;
  border-radius: 10px;
  border: var(--border-in-light);
}
.chat-input-panel-inner .chat-input-send {
  background-color: var(--primary);
  color: white;
  position: absolute;
  right: 10px;
  bottom: 12px;
}
.chat-input-panel-inner-attach {
  padding-bottom: 80px;
}
.chat-input-panel-inner:has(.chat-input:focus) {
  border: 1px solid var(--primary);
}
.chat-input {
  height: 100%;
  width: 100%;
  border-radius: 10px;
  border: none;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.03);
  background-color: var(--white);
  color: var(--black);
  font-family: inherit;
  padding: 10px 90px 10px 14px;
  resize: none;
  outline: none;
  box-sizing: border-box;
  min-height: 68px;
}
@media only screen and (max-width: 600px) {
  .chat-input {
    font-size: 16px;
  }
  .chat-input-send {
    bottom: 30px;
  }
}
.chat-message-role-name {
  font-size: 14px;
  margin-left: 8px;
}
.toast-container {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  opacity: 0;
  transition: all ease 0.2s;
  display: flex;
  justify-content: center;
  z-index: -1;
  pointer-events: none;
}
.toast-container.show {
  top: -54px;
  opacity: 1;
  z-index: 1;
}
.toast-container .toast-content {
  background-color: var(--white);
  box-shadow: var(--card-shadow);
  border: var(--border-in-light);
  color: var(--black);
  padding: 10px 10px;
  border-radius: 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  pointer-events: all;
}
.message-timestamp {
  font-size: 12px;
  color: var(--color-text-secondary);
  padding-left: 12px;
}
.layout-header {
  background: var(--color-bg-container);
  border-bottom: 1px solid var(--color-border-secondary);
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  flex-wrap: wrap;
  gap: 8px;
}

.layout-header-title {
  margin: 0 !important;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 30px);
}

@media (max-width: 600px) {
  .layout-header {
    padding: 0 12px;
    height: auto;
    flex-direction: column;
    align-items: flex-start;
  }

  .layout-header-title {
    font-size: 16px;
    flex-wrap: wrap;
    max-width: 100%;
  }
}

.layout-header-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

.layout-content {
  width: 100%;
  background: var(--color-bg-container);
  border-bottom: 1px solid var(--color-border-secondary);
  padding: 4px 16px;
  display: flex;
  align-items: center;
  max-height: 40px;
}

.layout-content-title {
  width: 100%;
  margin: 0 !important;
}

.tag-context {
  display: flex;
  align-items: center;
  gap: 4px;
}
.add-tag-context {
  display: flex;
  align-items: center;
  border: 1px dotted rgb(179, 177, 177);
  gap: 4px;
  font-weight: 500;
}
.tag-context:hover {
  cursor: pointer;
}

.add-tag-context:hover {
  cursor: pointer;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.layout-content {
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ddd;
  padding: 0px 4px 0px 8px;
  display: flex;
  gap: 4px;
  align-items: center;
  height: 36px;

  > div {
    flex: 0 0 auto;
    padding: 4px 0px;
  }

  > .context {
    display: flex;
    scrollbar-color: transparent transparent !important;
    flex: 1 0 0;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    gap: 8px;
    > span {
      margin-inline-end: 0;
    }
  }

  > .shadow-container {
    position: relative;
    width: 0;
    height: 100%;

    > .shadow {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 16px;
      opacity: 0;
      transition: opacity 0.3s ease;

      &.show {
        opacity: 1;
      }
      &.left {
        left: 0;
        background: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
      }
      &.right {
        right: 0;
        background: linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
      }
    }
  }
}

.tag-context {
  transition: all 0.3s ease;
  justify-content: space-between;

  > i.tag_icon {
    flex: 0 0 auto;
  }

  > span.tag_label {
    flex: 1 0 0;
  }
  > span:last-child {
    flex: 0 0 auto;
  }

  > .context-set-count-tag {
    margin: 0px;
    display: flex;
    align-items: center;
    height: 16px;
  }
}

.context-dropdown-overlay li {
  padding: 0;
  cursor: auto !important   ;
  &:hover {
    background-color: unset !important;
  }
}

.context-dropdown-button {
  color: var(--color-text-secondary);

  > span:first-child {
    font-size: 12px;
  }
  > span:nth-child(2) {
    margin-inline-start: 4px;
  }
}
.fusion-view-sources-sidebar-main-source {
  padding: 12px 12px 24px 12px;
  background-color: #f8fafc;
}

.fusion-view-sources-sidebar-other-sources {
  padding: 8px 8px 8px 12px;
}

.fusion-view-sources-sidebar-other-sources-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.fusion-view-sources-sidebar-sources-title {
  color: var(--color-text-secondary);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  display: block;
}

/* Remove old ant-design tree hover effects */
.fusion-view-sources-sidebar-other-sources .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background-color: transparent !important;
}

.fusion-view-sources-sidebar-other-sources .ant-tree .ant-tree-treenode:hover {
  background-color: transparent !important;
}

.fusion-view-sources-sidebar-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
  border-left: solid var(--color-border);
  overflow: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
}

.fusion-view-sources-sidebar-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera hide scrollbar*/
}

.fusion-view-sources-sidebar-sticky-footer {
  position: sticky;
  bottom: 0;
  padding: 32px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  border-top: 1px solid #f0f0f0;
}

.fusion-view-sources-divider {
  margin: 0px;
  height: 2px;
}

.fusion-view-source-find-more-data-button {
  font-size: 14px;
  text-decoration: underline;
}
/* Custom Tree Styles */
.custom-tree-node {
  margin-bottom: 0px;
}

.custom-tree-expandable-item,
.custom-tree-leaf-item {
  display: flex;
  align-items: center;
  min-height: 24px;
  padding: 1px 1px 1px 0;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  position: relative;
}

.custom-tree-expandable-item:hover,
.custom-tree-leaf-item:hover {
  background-color: #f1f5f9;
  transform: translateX(2px);
}

.custom-tree-leaf-item {
  cursor: default;
  font-weight: 400;
  color: #64748b;
}

.custom-tree-leaf-item:hover {
  color: #475569;
}

/* Chevron Icon Styles */
.custom-tree-chevron {
  margin-right: 4px;
  font-size: 10px;
  color: #64748b;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: center;
  width: 12px;
  display: inline-flex;
  justify-content: center;
}

.custom-tree-chevron.expanded {
  transform: rotate(90deg);
  color: var(--fusion-color);
}

.custom-tree-expandable-item:hover .custom-tree-chevron {
  color: var(--fusion-color);
}

/* Content Styles */
.custom-tree-content {
  flex: 1;
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #1e293b;
}

.custom-tree-leaf-item .custom-tree-content {
  font-weight: 400;
  color: #64748b;
}

/* Level-based styling for hierarchy */
.custom-tree-item-level-0 {
  font-weight: 600;
}

.custom-tree-item-level-1 {
  font-weight: 500;
}

.custom-tree-item-level-2 {
  font-weight: 400;
}

/* Children Container */
.custom-tree-children {
  position: relative;
}

.custom-tree-children::before {
  content: '';
  position: absolute;
  left: 6px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(to bottom, var(--fusion-color, #e2e8f0) 0%, transparent 100%);
  opacity: 0.3;
}

/* Animations */
@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-8px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.custom-tree-children {
  animation: slideInLeft 0.2s ease-out;
}
.find-more-data-button-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.ant5-tabs-nav::before {
  border-bottom: 1px solid var(--color-border) !important;
}

.settings-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  padding: 0 0 8px;
}

.tab-picker {
  padding: 8px 16px;
}

.tab-button {
  margin-right: 8px;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.richtext-editor {
  .ql-container {
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    background: #fefcfc;
  }

  /* Snow Theme */
  .ql-snow.ql-toolbar {
    display: block;
    background: var(--color-primary-bg);
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
  }

  .ql-editor {
    min-height: 18em;
  }
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.console {
  max-width: 100%;
  width: 100%;
  height: 100%;
  background-color: white;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  font-size: 12px;
  font-family: 'Ubuntu Mono', 'source-code-pro', 'monospace', 'Consolas', 'Courier New';
  background-color: var(--color-bg-layout);
}

.console-content {
  flex: 1;
  padding: 8px;
  margin: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 178px;
  bottom: 80px;
  background-color: var(--color-bg-container);
}

.log {
  padding: 8px;
  border-bottom: 1px solid #ddd;
}

/* log-info */

.log-0 {
  color: #333;
}

/* log-warning */

.log-1 {
  color: orange;
}

/* log-error */

.log-2 {
  color: red;
}

.log-counter {
  margin-right: 8px;
  color: #777;
  display: inline-block;
  min-width: 30px;
}

.log-source {
  margin-right: 8px;
  color: #000000;
  display: inline-block;
  min-width: 30px;
}

.console-input {
  padding: 8px;
  position: absolute;
  border-top: 1px solid var(--color-border) !important;
  bottom: 32px;
  width: 100%;
  display: flex;
  align-items: center;
  z-index: 2;
}

.console-input input {
  flex: 1;
  padding: 4px;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #333;
  background-color: white;
}

.console-input button {
  margin-left: 8px;
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
}

.log-counters {
  padding: 8px;
  text-align: right;
  background-color: var(--color-bg-layout);
  position: absolute;
  bottom: 3px;
  width: 100%;
  z-index: 1;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

#root__description {
  display: none;
}

.viewer-container {
  margin: 0;
  padding: 0;
  display: flex;
  align-content: center;
  justify-content: center;

  .flexlayout__tab {
    overflow: auto !important;
    align-items: center !important;
  }
}

.viewer-card {
  background-color: var(--color-bg-container);
  border: 0 !important;
  overflow: hidden;
  width: 100vw;

  .ant5-card-head {
    border-bottom: 1px solid var(--color-border) !important;
  }

  .ant5-card-head .ant5-card-head-wrapper {
    height: 64px;
  }

  .ant5-card-head-title {
    padding: 0 !important;
    height: 32px;
    display: flex;
    padding: 0 !important;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: fit-content;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .ant5-card-body {
    padding: 0 !important;
    margin: 10px 0 !important;
  }
}

.viewer-add-entities-button {
  margin-right: 10px;
  max-width: 100px;
}

.viewer-header {
  display: flex;
  max-width: 80%;
}

.viewer-header-title {
  max-width: 300px;
  overflow: hidden;
  display: inline-flex;
  font-size: 22px;
  line-height: 27px;
  font-weight: 600;
  min-height: max-content;
  height: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.viewer-header-tag {
  margin-left: 10px;
}

.viewer-header-extra {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.viewer-header-extra-pagination {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.viewer-header-buttons {
  display: flex;
}

.viewer-header-button {
  margin-left: 10px;
}

.ant5-form-item {
  margin: 0 !important;
}

.ant5-collapse-header {
  align-items: center !important;
}

.viewer-container-record {
  width: auto;
  height: auto;
  margin: 0;
  padding: 20px;
  background-color: var(--color-bg-layout);
}

.viewer-container-details {
  margin: auto;
  padding: 20px;
  background-color: var(--color-bg-elevated);
  border-radius: 6px;
  border: 1px solid var(--color-border);
  max-width: 1152px;
}

.record-editor-form-row {
  width: 100% !important;
}

.form-input-field label {
  display: none !important;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.ribbon-menu .tabs-holder {
  display: none !important;
  border-bottom: 1px solid var(--color-border);
}

/* Hide scrollbar for Chrome, Safari and Opera */

.ribbon-menu::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */

.ribbon-menu {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.os-ribbon {
  color: var(--color-icon) !important;
  border: none !important;
  font-family: 'Inter', Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
}

.ribbon-button,
.ribbon-split-button {
  border-radius: 6px !important;
  color: var(--color-icon) !important;
  border: none !important;
}

.ribbon-icon-button {
  width: 100%;
  border-radius: 4px !important;
  color: var(--color-icon) !important;
  border: none !important;
}

.custom-ribbon-icon {
  width: 24px;
  height: 24px;
}

.ribbon-button:hover,
.ribbon-split-button:hover,
.ribbon-icon-button:hover {
  border: none !important;
  background-color: var(--color-fill-tertiary) !important;
  color: var(--color-primary) !important;
}

.ribbon-btn-active,
.ribbon-btn-active {
  color: red !important;
}

.ribbon-btn-database {
  width: 4.2rem !important;
}

.ribbon-btn-disabled {
  cursor: not-allowed;
  opacity: 0.3;
  pointer-events: none;
}

.hotkey-list-button-holder {
  position: absolute;
  z-index: 2;
  background: #f9f9f9;
  top: 0;
  right: 0;
  padding: 4px;
  visibility: hidden;
}

.hotkey-list-button-holder [class*='mif-'] {
  display: table-cell;
  vertical-align: middle;
}

.hotkey-list-wrapper {
  position: fixed;
  width: 500px;
  height: 440px;
  z-index: 100000;
  background: #555555;
  color: #ffffff;
  top: 50%;
  margin-top: -200px;
  left: 50%;
  margin-left: -250px;
  display: block;
  padding: 10px 20px;
}

.hotkey-list-wrapper * {
  color: #ffffff;
}

.hotkey-list-wrapper td:nth-child(1) {
  width: 100px;
}

.hotkey-list-wrapper td:nth-child(2) {
  text-align: left;
  padding-left: 40px;
  border-left: 1px solid #ffffff;
}

.closeDialogButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  position: absolute;
  z-index: 100;
  background: #ff4f30;
  color: #ffffff;
  text-align: center;
  top: 10px;
  right: 10px;
  line-height: 1;
  cursor: pointer;
}

.octo-graph-menu-buttons-container {
  display: inline-flex;
  width: 100%;
}

.octo-graph-menu-actionbutton-container {
  display: inline-flex;
  gap: 4px;
  padding: 0 8px;
  border-right: 1px solid var(--color-border);
}

.octo-graph-menu-mainbutton-container {
  display: inline-flex;
  justify-content: end;
  gap: 4px;
  padding: 0 8px;
}

.octo-btn-disabled {
  cursor: not-allowed;
  opacity: 0.3;
  pointer-events: none;
}
.concept-details-table {
  height: 100%;
}

.concept-details-concept-tag {
  display: flex;
  flex-wrap: nowrap;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.left-sidebar-schema-editor {
  height: calc(100vh - 48px);
  overflow: auto;
  position: relative;
  border-right: 1px solid var(--color-border);
  top: 0;
  left: 48;
}

.content {
  height: 100%;
  margin: 10px;
}
.custom-antlayout {
  flex-direction: row;
  display: flex;
  flex: auto;
  height: 100%;
  min-height: 0;
}

.custom-antlayout,
.custom-antlayout * {
  box-sizing: border-box;
}

.custom-graph-flexlayout {
  flex-grow: 1;
  position: relative;
  overflow: hidden;
}

.console {
  width: 100%;
  height: 100%;
  display: flex;
}

.monaco-editor {
  height: 100% !important;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.sider {
  border-right: 1px solid var(--color-border);
  height: 100%;
  overflow: auto;
  position: relative;
  top: 0;
  left: 0;
}

.sidebar-closed {
  height: 48px;
  width: 48px;
  border-bottom: 1px solid var(--color-border);
}

.sidebar-closed span {
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  cursor: pointer;
  border: 0;
}

.sidebar-icon {
  color: var(--color-icon) !important;
}

.sidebar-icon:hover {
  color: var(--color-icon-hover) !important;
}

.sidebar-opened {
  display: flex;
  height: 48px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-border);
  padding: 0 16px;
}

.sidebar-opened span {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  margin-bottom: auto;
  cursor: pointer;
  border: 0;
}

.workspaces {
  height: auto;
  height: calc(100vh - 48px - 225px - 137px);
  border: none !important;
  overflow-y: auto;
  overflow-x: hidden;
}

.custom-tooltip-investigations {
  width: 336px;
  max-height: calc(100vh - 48px - 225px - 137px);
  overflow-y: auto;
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 6px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--color-border) !important;
}

::-webkit-scrollbar-track {
  background-color: var(--color-bg-layout);
}

::-webkit-scrollbar-thumb {
  background-color: var(--color-border) !important;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-border);
}

.custom-collapse {
  border: 0 !important;
  margin: 0 !important;
}

.custom-panel {
  color: var(--color-text-quaternary) !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
}

.entity-panel {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  bottom: 0;
  z-index: 1000;
  background-color: var(--color-bg-container);
  border-bottom: 1px solid var(--color-border) !important;
  border-top: 1px solid var(--color-border) !important;
}

.custom-button {
  background-color: rgba(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 22px !important;
  width: 16px !important;
}

.custom-icon {
  color: var(--color-icon) !important;
  height: 16px;
  width: 16px;
}

.custom-icon:hover {
  color: var(--color-icon-hover) !important;
}

.workspaces-closed {
  display: grid;
  border-radius: 6px;
}

.workspaces-closed:hover {
  background-color: var(--color-fill-tertiary);
}

.workspace-closed-icon {
  font-size: 16px;
  color: var(--color-text);
  padding: 12px;
}

.workspace-closed-icon:hover {
  color: var(--color-primary);
}

.workspace-closed-container {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}

.sidebar-title {
  margin-bottom: 0 !important;
}

.ant-layout-sider {
  overflow-y: auto !important;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.sidebar {
  display: flex;
  height: 100vh;
  overflow: hidden;
}

#octobar {
  left: var(--space-xxl) !important;
}

.file-uploader-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  height: 100vh;
  pointer-events: none;
}

.hidden-upload {
  display: none;
}

.file-uploader-overlay > * {
  pointer-events: all;
}

.left-bar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: var(--size-xxl);
  height: 100vh;
  position: relative;
  background-color: var(--color-bg-container);
  top: var(--space-none);
  left: var(--space-none);
}

.logo-container {
  display: flex;
  height: var(--size-xxl);
  width: var(--size-xxl);
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-border);
  padding: var(--space-xxs);
}

.sider {
  height: 100vh;
  overflow: hidden;
  position: relative;
  border-right: 1px solid var(--color-border);
  top: var(--space-none);
  left: var(--space-none);
}

.sidebar-closed {
  height: var(--size-xxl);
  width: var(--size-xxl);
}

.sidebar-closed {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--space-none);
  margin-top: var(--space-none);
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm);
  cursor: pointer;
  border: 0;
}

.sidebar-closed:hover {
  cursor: pointer;
}

.sidebar-icon {
  color: var(--color-icon) !important;
}

.sidebar-icon:hover {
  color: var(--color-icon-hover) !important;
}

.sidebar-opened {
  display: flex;
  height: var(--size-xxl);
  align-items: center;
  justify-content: space-between;
  padding: var(--space-none) var(--space);
}

.sidebar-opened span {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  margin-bottom: auto;
  cursor: pointer;
  border: 0;
}

.workspaces {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: auto;
  border: none !important;
  overflow-y: auto;
  overflow-x: hidden;
}

.workspaces-container {
  overflow-y: auto;
  overflow-x: hidden;
  padding: var(--space-xxs);
  height: calc(100vh - var(--size-xxl));
}

.workspaces-open {
  height: auto;
  height: 100vh;
  border: none !important;
}

.custom-tooltip-investigations {
  width: var(--layout-8);
  max-height: calc(100vh - 48px - 225px - 137px);
  overflow-y: auto;
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 6px;
  position: absolute;
  top: 0;
  right: 0;
}

::-webkit-scrollbar-track {
  background-color: var(--color-bg-layout);
}

::-webkit-scrollbar-thumb {
  background-color: var(--color-border-secondary);
  border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  -ms-border-radius: var(--border-radius);
  -o-border-radius: var(--border-radius);
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-border);
}

.custom-collapse {
  border: 0 !important;
  margin: var(--space-none) !important;
}

.custom-icon {
  color: var(--color-icon) !important;
}

.custom-icon:hover {
  color: var(--color-icon-hover) !important;
}

.custom-panel {
  color: var(--color-text-quaternary) !important;
  margin-bottom: var(--space-none) !important;
  border-radius: var(--border-radius-none) !important;
  -webkit-border-radius: var(--border-radius-none) !important;
  -moz-border-radius: var(--border-radius-none) !important;
  -ms-border-radius: var(--border-radius-none) !important;
  -o-border-radius: var(--border-radius-none) !important;
}

.entity-panel {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  bottom: 0;
  z-index: 1000;
  background-color: var(--color-bg-container);
  border-bottom: 1px solid var(--color-border) !important;
  border-top: 1px solid var(--color-border) !important;
}

.custom-button {
  background-color: rgba(0, 0, 0, 0) !important;
  margin: var(--space-none) !important;
  padding: var(--space-none) !important;
  height: 22px !important;
  width: var(--size) !important;
}

.custom-icon {
  color: var(--color-icon) !important;
  height: var(--size);
  width: var(--size);
}

.custom-icon:hover {
  color: var(--color-icon-hover) !important;
}

.workspaces-closed {
  display: grid;
  border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  -ms-border-radius: var(--border-radius);
  -o-border-radius: var(--border-radius);
}

.workspaces-closed:hover {
  background-color: var(--color-fill-tertiary);
}

.workspace-closed-icon {
  font-size: 16px;
  color: var(--color-text);
  padding: var(--space-sm);
}

.workspace-closed-icon:hover {
  color: var(--color-primary);
}

.workspace-closed-container {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-sm);
}

.workspace-opened {
  display: grid;
  border-radius: var(--border-radius);
  background-color: var(--color-fill-tertiary);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  -ms-border-radius: var(--border-radius);
  -o-border-radius: var(--border-radius);
}

.workspace-opened-icon {
  font-size: 16px;
  color: var(--color-primary);
  padding: var(--space-sm);
}

.workspace-opened-container {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-sm);
}

.custom-menu-investigations {
  position: sticky;
  top: var(--space-none);
  background-color: transparent;
  z-index: 100;
  padding: var(--space-xxs);
  height: var(--size-xxl);
  border-bottom: 1px solid var(--color-border) !important;
}

.custom-menu-investigations > .ant5-menu-item {
  border: none !important;
  background-color: transparent !important;
  color: var(--color-text-secondary) !important;
  margin: var(--space-none) !important;
  box-shadow: none !important;
}

.custom-menu-investigations > .ant5-menu-item:hover {
  background-color: transparent !important;
  color: var(--color-text-secondary) !important;
  box-shadow: none !important;
}
.flexlayout-tab-name {
  max-width: 104px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
}
.octostar-layout {
  height: 100%;
  min-height: 100%;
  position: relative;
}
pre.bash {
  background-color: black;
  color: lightgray;
  font-size: small;
  white-space: pre-wrap;
  font-family:
    Consolas,
    Monaco,
    Lucida Console,
    Liberation Mono,
    DejaVu Sans Mono,
    Bitstream Vera Sans Mono,
    Courier New,
    monospace;
  min-height: 25vh;
  height: calc(100vh - 250px);
  overflow: auto !important;
}
.row-hover:hover .delete-button {
  opacity: 1 !important;
}

.asmPadded {
  padding: 1rem;
}

.asmVertPadded {
  padding: 1rem 0;
}
.task-tooltip {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    color: #ffffff;
}:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.jobs-page {
  background-color: var(--color-bg-container);
  width: 100%;
  height: 100%;
}

.jobs-page-header {
  height: 48px;
  width: 100%;
  background-color: var(--color-bg-container);
  border-bottom: 1px solid var(--color-border);
  display: flex;
  padding: 0 16px;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 600;
}

.jobs-page-title {
  font-size: 20px;
  line-height: 28px;
  color: var(--color-text);
  font-weight: 600;
  margin: 0;
}

.jobs-page-buttons {
  display: flex;
  gap: 8px;
}

.jobs-page-content {
  margin: 16px;
}

.jobs-table-buttons {
  display: inline-flex;
  width: 100%;
}

.jobs-table {
  width: auto;
}

.jobs-padded-card {
  padding: 0.5rem 1rem 0.5rem 0.5rem;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.notifications-item {
  background-color: transparent;
}

.notification-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.notification-title-content {
  display: flex;
  align-items: center;
}

.notification-body {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.notifications-page {
  background-color: var(--color-bg-container);
  width: 100%;
  height: 100%;
}

.notifications-page-header {
  height: 48px;
  width: 100%;
  background-color: var(--color-bg-container);
  border-bottom: 1px solid var(--color-border);
  display: flex;
  padding: 0 16px;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 600;
}

.notifications-page-title {
  font-size: 20px;
  line-height: 28px;
  color: var(--color-text);
  font-weight: 600;
  margin: 0;
}

.notifications-page-buttons {
  display: flex;
  gap: 8px;
}

.notifications-page-content {
  margin: 8px;
}

.text-size-md {
  font-size: 14px;
}

.text-secondary {
  color: var(--color-text-secondary);
}

td.ant5-table-cell:first-child {
  padding: 12px !important;
}

td.ant5-table-cell:last-child {
  padding-right: 0 !important;
}

.notifications-container {
  width: 100%;
  height: 100%;
}

.notifications-resize-handle {
  border: 0.5px solid var(--color-border);
  z-index: 100;
}

.notifications-panel-header {
  height: 48px;
  width: 100%;
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  background-color: var(--color-bg-elevated);
  border-bottom: 1px solid var(--color-border);
  z-index: 99;
}

.notifications-panel-header-title {
  font-size: 20px;
  font-weight: 600;
}

.notifications-panel-body {
  width: 100%;
  overflow: auto;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 120px);
}

.octo-popup-menu-notification-container .notifications-panel-body {
  height: 100%;
}

.notification-item {
  padding: 8px 16px;
  border-bottom: 1px solid var(--color-border);
  cursor: pointer;
}

.notification-item:hover {
  background-color: var(--color-fill-quaternary);
}

.notification-item h4 {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
}

.notification-meta {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 12px;
  color: var(--color-text-secondary);
}

.notification-date {
  font-size: 12px;
  color: var(--color-text-secondary);
}

.notification-item p {
  margin: 0;
  font-size: 13px;
  color: var(--color-text-secondary);
  line-height: 1.4;
}

.notifications-panel-details-body {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.notifications-panel-details-body-header {
  margin-bottom: 24px;
  padding: 24px;
  border-bottom: 1px solid var(--color-border);
}

.notifications-panel-details-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 8px 0;
}

.notifications-panel-details-meta {
  display: flex;
  gap: 16px;
  color: var(--color-text-secondary);
  font-size: 13px;
}

.notifications-panel-details-content {
  padding: 24px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-text);
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  overflow: auto;
  max-width: 100%;
}

.notifications-panel-empty {
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--color-text-secondary);
  font-size: 14px;
}

.ant5-table-column-sort {
  background: transparent !important;
}
.custom-template-preview-header {
  padding: 4px;
  border-bottom: 1px solid #ccc;
  display: flex;
  justify-content: flex-end;
}
.template-menu-container {
  margin: auto 20px;
  display: flex;
  align-items: center;
  align-content: center;
  height: 100%;
}

.template-menu-button-debug {
  margin-right: 5px;
  font-size: 14px;
}

.template-menu-button-save {
  margin-left: 20px;
}
.user-settings-divider > span {
  font-size: 22px;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.config-search-engine-ui-ribbon {
  background-color: var(--color-bg-elevated);
  height: 48px;
  overflow: hidden;
  overscroll-behavior: none;
  border-bottom: 1px solid var(--color-border);
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px 0 8px;
}

.config-search-engine-ui-ribbon-buttons {
  display: inline-flex;
  justify-content: end;
  gap: 4px;
  padding: 0 8px;
  width: 100%;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.config-fusion-data-extraction-ribbon {
  background-color: var(--color-bg-elevated);
  height: 48px;
  overflow: hidden;
  overscroll-behavior: none;
  border-bottom: 1px solid var(--color-border);
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px 0 8px;
}

.config-fusion-data-extraction-ribbon-buttons {
  display: inline-flex;
  justify-content: end;
  gap: 4px;
  padding: 0 8px;
  width: 100%;
}
.about-details-container {
  padding: 16px;
  height: 100%;
  overflow-y: auto;
  background: #fafafa;
}
.about-details-container .about-details-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e8e8e8;
}
.about-details-container .about-details-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
}
.about-details-container .about-details-octostar-tab {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.about-details-container .about-details-card {
  margin-bottom: 0;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.2s ease;
}
.about-details-container .about-details-card:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
.about-details-container .about-details-card .ant-card-head {
  min-height: 40px;
  padding: 0 16px;
  border-bottom: 1px solid #f0f0f0;
}
.about-details-container .about-details-card .ant-card-head .ant-card-head-title {
  font-weight: 600;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  padding: 10px 0;
}
.about-details-container .about-details-card .ant-card-body {
  padding: 12px 16px;
}
.about-details-container .about-details-card .ant-descriptions .ant-descriptions-row {
  border-bottom: 1px solid #f0f0f0;
}
.about-details-container .about-details-card .ant-descriptions .ant-descriptions-row:last-child {
  border-bottom: none;
}
.about-details-container .about-details-card .ant-descriptions .ant-descriptions-item-label {
  padding: 8px 12px 8px 0;
  font-weight: 500;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.65);
  background: transparent;
}
.about-details-container .about-details-card .ant-descriptions .ant-descriptions-item-content {
  padding: 8px 0 8px 12px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.85);
  background: transparent;
}
.about-details-container .about-details-card .ant-descriptions .ant-descriptions-item-content code {
  font-size: 12px;
  padding: 2px 6px;
  background: #f5f5f5;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
}
.about-details-container .about-details-table-tab {
  display: flex;
  flex-direction: column;
}
.about-details-container .about-details-search {
  margin-bottom: 16px;
}
.about-details-container .about-details-search .ant-input-affix-wrapper {
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.about-details-container .about-details-search .ant-input-affix-wrapper:hover,
.about-details-container .about-details-search .ant-input-affix-wrapper:focus,
.about-details-container .about-details-search .ant-input-affix-wrapper:focus-within {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
.about-details-container .about-details-search .ant-input-affix-wrapper .ant-input {
  font-size: 14px;
}
.about-details-container .about-details-search .ant-input-affix-wrapper .anticon-search {
  color: rgba(0, 0, 0, 0.45);
}
.about-details-container .about-details-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px 0;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.about-details-container .about-details-error {
  margin: 0;
  border-radius: 4px;
}
.about-details-container .about-details-table {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.about-details-container .about-details-table .ant-table {
  border-radius: 4px 4px 0 0;
}
.about-details-container .about-details-table .ant-table .ant-table-thead > tr > th {
  background: #fafafa;
  font-weight: 600;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  padding: 14px 16px;
  border-bottom: 2px solid #e0e0e0;
}
.about-details-container .about-details-table .ant-table .ant-table-thead > tr > th:first-child {
  padding-left: 20px;
}
.about-details-container .about-details-table .ant-table .ant-table-tbody > tr > td {
  padding: 14px 16px;
  font-size: 14px;
  transition: all 0.2s ease;
}
.about-details-container .about-details-table .ant-table .ant-table-tbody > tr > td:first-child {
  padding-left: 20px;
  padding-right: 8px;
}
.about-details-container .about-details-table .ant-table .ant-table-tbody > tr > td:last-child {
  padding-left: 8px;
}
.about-details-container .about-details-table .ant-table .ant-table-tbody > tr > td .version-cell {
  font-size: 15px;
  padding: 3px 8px;
  background: #f5f5f5;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  font-weight: 600;
  color: #1a1a1a;
}
.about-details-container .about-details-table .ant-table .ant-table-tbody > tr > td .app-name-cell {
  font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
  font-size: 15px;
  font-weight: 600;
  color: #2c3e50;
  letter-spacing: 0.2px;
}
.about-details-container .about-details-table .ant-table .ant-table-tbody > tr:hover > td {
  background: #f8f9fa !important;
}
.about-details-container .about-details-table.about-details-table-striped .ant-table-tbody > tr:nth-child(even) > td {
  background: #fafafa;
}
.about-details-container .about-details-table.about-details-table-striped .ant-table-tbody > tr:nth-child(odd) > td {
  background: #ffffff;
}
.about-details-container .about-details-table.about-details-table-striped .ant-table-tbody > tr:hover > td {
  background: #e8f4f8 !important;
}
.about-details-container .about-details-table.about-details-table-striped .ant-table-tbody > tr.about-details-table-row-outdated > td {
  background: #fff1f0 !important;
  border-left: 3px solid #ff4d4f;
}
.about-details-container .about-details-table.about-details-table-striped .ant-table-tbody > tr.about-details-table-row-outdated > td:first-child {
  border-left: 3px solid #ff4d4f;
}
.about-details-container .about-details-table.about-details-table-striped .ant-table-tbody > tr.about-details-table-row-outdated:hover > td {
  background: #ffe7e7 !important;
}
.about-details-container .about-details-table .ant-pagination {
  margin: 16px;
}
.about-details-container .about-details-table .ant-pagination .ant-pagination-total-text {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: 500;
}
.about-details-container .about-details-table .ant-pagination .ant-pagination-item,
.about-details-container .about-details-table .ant-pagination .ant-pagination-prev,
.about-details-container .about-details-table .ant-pagination .ant-pagination-next {
  font-size: 13px;
}
.about-details-container .ant-tabs .ant-tabs-nav {
  margin-bottom: 16px;
}
.about-details-container .ant-tabs .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
}
.about-details-container .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #1890ff;
  font-weight: 600;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.icon-container {
  margin: 0 !important;
}

.custom-menu-divider {
  display: flex;
  height: 40px;
  overflow: hidden;
  background-color: transparent;
}

.custom-menu-divider-search {
  display: flex;
  height: 40px;
  overflow: hidden;
  background-color: transparent;
  padding-left: 8px;
  padding-right: 8px;
}

.custom-investigations-divider {
  height: 40px;
  width: calc(100% - 52px);
}

.custom-investigations-text {
  font-weight: 500;
  color: var(--color-text-tertiary);
}

.custom-icons-divider {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-button-divider {
  background-color: rgba(0, 0, 0, 0) !important;
  padding: 4px 0 4px 8px !important;
  width: 100%;
  text-align: left;
}

.custom-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-button-divider-search {
  background-color: rgba(0, 0, 0, 0) !important;
  padding: 4px 0 4px 8px !important;
  display: flex;
  align-items: center;
  justify-content: end;
}

.custom-icon-header {
  color: var(--color-icon) !important;
}

.custom-icon {
  color: var(--color-icon) !important;
}

.custom-icon:hover {
  color: var(--color-icon-hover) !important;
}

.button {
  margin: 0 !important;
  padding: 0 !important;
  text-transform: uppercase;
}

.custom-search-divider {
  height: 40;
}

.search-input {
  width: 100%;
  margin: 2 0 4px !important;
  padding: 0 !important;
}
/**
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
/************************************************************************/
/* COLORS                                                               */
/* Please attempt to use and standardize on these colors,               */
/* rather than including specific color values in                       */
/* component styles. This will allow us to more easily adjust theming   */
/************************************************************************/
/**************************** text-specific *****************************/
/***************************** status colors ****************************/
/* general component effects */
/************************************************************************/
/* OPACITIES                                                            */
/* Used in LESS filters, e.g. fade(@someColorVar, @someOpacityBelow)    */
/************************************************************************/
/************************************************************************/
/* SHADES & TINTS                                                       */
/* Used in LESS filters for shadint/tinting,                            */
/* e.g. shade(@someColorVar, @colorstop-one) to darken                  */
/* or tint(@someColorVar, @colorstop-one) to lighten                    */
/************************************************************************/
/************************************************************************/
/* LAYOUT                                                               */
/* Widths and heights of things, that might be referred to often        */
/************************************************************************/
/* builder component pane */
/************************************************************************/
/* Z-INDEX                                                              */
/* Think of the site as "layers" rather than an arms race of numbers    */
/* Keep these to a minimum                                              */
/* Label semantic "layers" and add comments for usage notes             */
/* Use double dash modifiers to step up/down from a base layer          */
/* e.g. z-whatever--modifier                                            */
/************************************************************************/
/************************ toast messages, popovers **********************/
/***** filters, dashboard editor widgets, Explore reloading overlay *****/
/******************************** charts ********************************/
/************************************************************************/
/* TYPOGRAPHY                                                           */
/* Commonly used font weights, line heights, etc. These should be the   */
/* core values used to build more complex styles for headers, etc.      */
/************************************************************************/
/************************************************************************/
/* TRANSITIONS                                                          */
/* Timing and easings presets used in CSS transitions                   */
/************************************************************************/
/************************************************************************/
/* BORDER RADII                                                         */
/* Standard border-radius settings                                      */
/************************************************************************/
/************************************************************************/
/* BOOTSTRAP/BOOTSWATCH/COSMO                                           */
/* These are the legacy Cosmo theme overrides to Bootswatch's           */
/* overrides to Bootstrap. We should consolidate/deprecate these        */
/* in favor of custom/reusable CSS wherever possible                    */
/************************************************************************/
/**
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
.about-notification {
  width: 100%;
  padding: 16px 0 0;
  font-family: 'Inter', Helvetica, Arial;
}
.about-notification .cards-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 20px;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .about-notification .cards-container {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.about-notification .card {
  height: fit-content;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  overflow: hidden;
}
.about-notification .card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border-color: var(--app-colorBorder);
  transform: translateY(-1px);
}
.about-notification .card .ant5-card-head {
  padding: 12px 24px 10px !important;
  min-height: auto !important;
  border-bottom: 1px solid var(--app-colorBorderSecondary) !important;
  background-color: #f5f5f5 !important;
  margin: 0 !important;
}
@media (max-width: 768px) {
  .about-notification .card .ant5-card-head {
    padding: 10px 20px 8px !important;
  }
}
.about-notification .card .ant5-card-head-title {
  color: var(--app-colorTextBase);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  padding: 0 !important;
  margin: 0 !important;
}
.about-notification .card .ant5-card-body {
  padding: 24px !important;
  background-color: #ffffff !important;
}
@media (max-width: 768px) {
  .about-notification .card .ant5-card-body {
    padding: 20px !important;
  }
}
.about-notification .section {
  margin-bottom: 32px;
}
.about-notification .section-header {
  margin-bottom: 24px;
}
.about-notification .section-title {
  margin: 0;
  color: var(--app-colorText);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: normal;
}
.about-notification .grid {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 16px 28px;
  align-items: center;
}
.about-notification .grid--version {
  align-items: start;
}
@media (max-width: 768px) {
  .about-notification .grid {
    grid-template-columns: 120px 1fr;
    gap: 14px 20px;
  }
}
.about-notification .label {
  color: var(--app-colorTextSecondary);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .about-notification .label {
    font-size: 11px;
  }
}
.about-notification .value {
  color: var(--app-colorTextBase);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .about-notification .value {
    font-size: 14px;
  }
}
.about-notification .code {
  color: var(--app-colorTextBase);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 4px 10px;
  padding-left: 0;
  border-radius: var(--app-borderRadius, 6px);
  display: inline-block;
  line-height: 1.3;
  font-family: 'Fira Code', 'Courier New', monospace;
}
.about-notification .days-remaining {
  color: var(--app-colorTextSecondary);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
  font-style: normal;
  margin-left: 4px;
}
.about-notification .divider {
  margin: 32px 0;
  border-color: var(--app-colorBorder);
}
.about-notification .copy-section {
  text-align: center;
  padding: 4px 0 4px;
  margin-top: 4px;
}
.copy-button {
  position: absolute;
  top: 0;
  right: 0;
}

.scatterplot {
  position: relative;
}

.popover-content {
  position: relative;
  max-height: 200px;
  overflow-y: auto;
}

.tooltip-text {
  width: 100%;
  margin-bottom: 24px;
}

.popover {
  position: absolute;
  transform: translate(-50%, -100%);
}

.hidden-trigger {
  height: 1px;
  width: 1px;
  background-color: transparent;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.octo-popup-menu-content {
  overflow-y: auto;
  max-height: calc(100vh - 440px);
  overflow-x: visible;
}

.octo-popup-menu-footer {
  padding: 12px 0 4px;
  border-top: 1px solid var(--color-border-secondary);
}

.octo-popup-menu-header {
  padding: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.octo-popup-menu-header-title {
  width: 100%;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin: 0;
  color: var(--color-text);
}

.octo-popup-flex-element {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--color-border-secondary);
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.octo-search-container {
  z-index: 200;
}

.octo-popup-menu {
  width: 540px;
  overflow-x: visible; /* Allow dropdowns to extend outside */
  z-index: 1300;
  position: relative;
}

/* ONLY FOR APP MENU */

.octo-popup-menu-large {
  width: 680px !important;
}

.octo-app-disabled .octo-app-icon-container {
  opacity: 0.5;
  filter: grayscale(100%);
}

.octo-popup-menu-workspaces-search {
  padding: 12px 0;
  border-bottom: 1px solid var(--color-border-secondary);
  background-color: var(--color-bg-container);
  position: sticky;
  top: 0;
  z-index: 20;
}

.octo-popup-menu-workspaces-container {
  padding: 12px 8px;
  overflow-y: auto;
  scrollbar-width: thin;
}

.octo-popup-menu-notification-container {
  padding: 12px 0;
  overflow-y: auto;
  scrollbar-width: thin;
}

.octo-popup-menu-notification-container .flexlayout__tabset,
.octo-popup-menu-notification-container .flexlayout__tab {
  width: 100% !important;
}

.octo-popup-menu-notification-container .flexlayout__border.flexlayout__border_right {
  display: none;
}

.octo-popup-menu-notification-container .ant5-table-content {
  overflow-x: hidden;
}

.octo-popup-menu-notification-container .ant5-table-cell:first-child {
  min-width: 420px;
}

.octo-popup-menu-workspaces-search-container {
  padding: 12px 8px;
  border-bottom: 1px solid var(--color-border-secondary);
  position: sticky;
  top: 0;
  background-color: var(--color-bg-container);
  z-index: 999;
}

.octo-app-title-play {
  font-size: 20px;
  color: var(--color-primary-text);
}

.octo-app-title-play:hover {
  color: var(--color-primary-text-hover);
}

.octo-popup-menu-title {
  display: flex;
  justify-content: space-between;
}

.octo-popup-menu-badge-container {
  display: flex;
  align-items: center;
}

.octo-popup-menu-badge-container .ant5-badge {
  margin-left: 8px;
}

.actions-wrapper {
  display: flex;
  column-gap: 4px;
}

/* Fix z-index for dropdown menus within jobs menu */

.jobs-menu-select-dropdown {
  z-index: 990 !important; /* Below modals */
}

/* Scoped tooltip z-index fixes - only for JobsMenu tooltips */

.jobs-menu-container .ant5-tooltip {
  z-index: 950 !important; /* Below modals (1000) */
}

.jobs-menu-container .ant5-tooltip-inner {
  z-index: 950 !important;
}

.jobs-menu-container .ant5-tooltip-arrow {
  z-index: 949 !important;
}

/* Scoped popover z-index fixes - only for JobsMenu popovers */

.jobs-menu-container .ant5-popover {
  z-index: 955 !important; /* Below modals but above tooltips */
}

.jobs-menu-container .ant5-popover-inner {
  z-index: 955 !important;
}

.jobs-menu-container .ant5-popover-arrow {
  z-index: 954 !important;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.user-profile-container {
  border-top: 1px solid var(--color-border);
  overflow: hidden;
}

.user-profile {
  border: none !important;
  width: 48px;
}

.user-profile > .ant5-menu-submenu > .ant5-menu-submenu-title {
  display: flex;
  align-items: center;
  justify-items: center;
}

.user-profile > .ant5-menu-submenu > .ant5-menu-submenu-title:hover {
  color: var(--color-dark-primary-7) !important;
}

.fix-menu-icon-position > .fa {
  font-size: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fix-menu-icon-position > .ant5-badge {
  color: inherit;
}

.ant5-badge > .fa {
  font-size: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.octo-tooltip-jobs {
  width: 375px !important;
  overflow-x: hidden;
}

.octo-tooltip-notifications {
  width: 375px !important;
  overflow-x: hidden;
}

.octo-tooltip-header {
  padding: 12px 8px;
  border-bottom: 1px solid var(--color-border-secondary);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.octo-tooltip-container {
  overflow-y: auto;
  padding: 12px 8px;
  height: 440px;
}

/* max-height: calc(100vh - 48px - 224px - 104px); */

.octo-tooltip-footer {
  padding: 12px 0;
  border-top: 1px solid var(--color-border-secondary);
}

.octo-tooltip-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin: 0;
  color: var(--color-text);
}

.octo-fix-badge {
  height: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-profile-username {
  line-height: 24px;
  font-weight: 600;
  color: var(--color-text);
  margin: 0;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.workspaces-left-sidebar-tree {
  background-color: transparent;
  height: 100%;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.workspaces-left-sidebar-tree .ant5-tree-list,
.workspaces-left-sidebar-tree .ant5-tree.ant5-tree-directory .ant5-tree-list {
  height: 100% !important;
  flex: 1 !important;
  min-height: 0 !important;
}

.workspaces-left-sidebar-tree .ant5-tree-list-holder {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  min-height: 0 !important;
}

.workspaces-left-sidebar-tree .ant5-tree-list-holder > div {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  min-height: 0 !important;
}

.workspaces-left-sidebar-tree .ant5-tree-list-holder .ant5-tree-list-holder div .ant5-tree-list-holder-inner {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  min-height: 0 !important;
}

.ant5-tree .ant5-tree-indent-unit {
  width: 16px !important;
}

.workspace-container {
  height: 24px !important;
  width: 24px !important;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 50;
}

.ant5-tree-switcher,
.ant5-tree-switcher_open,
.ant5-tree-switcher_close {
  width: 20px !important;
  overflow: hidden !important;
  margin-left: 4px !important;
  margin-inline-end: 0px !important;
}

.ant5-tree-switcher:hover,
.ant5-tree-switcher_open:hover,
.ant5-tree-switcher_close:hover {
  width: 20px !important;
}

.ant5-tree-switcher::before,
.ant5-tree-switcher_open::before,
.ant5-tree-switcher_close::before,
.ant5-tree-switcher::after,
.ant5-tree-switcher_open::after,
.ant5-tree-switcher_close::after {
  width: 20px !important;
  min-width: 20px !important;
}

.ant5-tree-switcher .ant5-tree-switcher-icon[class],
.ant5-tree-switcher_open .ant5-tree-switcher-icon[class],
.ant5-tree-switcher_close .ant5-tree-switcher-icon[class],
.ant5-tree-switcher .anticon,
.ant5-tree-switcher_open .anticon,
.ant5-tree-switcher_close .anticon,
.ant5-tree-switcher .anticon-spin,
.ant5-tree-switcher_open .anticon-spin,
.ant5-tree-switcher_close .anticon-spin {
  height: 10px !important;
  width: 10px !important;
}

.ant5-tag .anticon[class],
.concept-count-tag .anticon[class],
.ant5-tag .anticon-spin,
.concept-count-tag .anticon-spin {
  height: 10px !important;
  width: 10px !important;
}

.ant5-tree .ant5-tree-treenode-draggable .ant5-tree-draggable-icon,
.ant5-tree .ant5-tree-draggable-icon {
  width: 10px !important;
}

.ant5-tree .ant5-tree-drop-indicator {
  display: none !important;
}

.octo-empty-container-workspace {
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-menu-investigations > .ant5-menu-item {
  padding: 0 4px !important;
}

.select {
  width: 95%;
  position: absolute;
  padding: 12px 0px 8px 0px;
  border-bottom: 1px solid var(--color-border-secondary);
  background-color: var(--color-bg-container);
  z-index: 999;
  top: 153px;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.sider-content {
  height: 100vh;
  border: none;
  position: relative;
  width: 100%;
  border-radius: var(--border-radius-none);
  -webkit-border-radius: var(--border-radius-none);
  -moz-border-radius: var(--border-radius-none);
  -ms-border-radius: var(--border-radius-none);
  -o-border-radius: var(--border-radius-none);

  .sider-content-top {
    position: relative;
    height: 100vh;
    width: 100%;
    z-index: 20;
    background-color: var(--color-bg-container);

    .sider-accordion-root {
      height: 100%;

      .sider-panel-group {
        .sider-workspaces-header {
          height: 48px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          background-color: var(--color-bg-layout);
          padding: 0 12px;
          border-bottom: 1px solid var(--color-border);
        }

        .sider-accordion-content {
          height: calc(100% - 48px);
          overflow: hidden;

          .sider-container {
            height: 100%;
            display: flex;
            flex-direction: column;

            .sider-workspace-search {
              padding: 12px 8px;
              border-bottom: 1px solid var(--color-border-secondary);
              background-color: var(--color-bg-container);
              position: sticky;
              top: 0;
              z-index: 20;
            }

            .sider-workspace-wrapper {
              height: 100%;
              overflow-y: auto;
              scrollbar-width: thin;
            }

            .sider-workspace-content {
              height: auto;
              flex: 1;
              padding: 12px 8px;
              overflow-y: auto;
              scrollbar-width: thin;
            }
          }
        }
      }
    }
  }
}

.sider-collapse-text {
  font-weight: 500;
  color: var(--color-text-secondary);
}/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.cropper-container img {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%;
  }

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3);
  }

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
  .cropper-center::after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
  }

.cropper-center::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
  }

.cropper-center::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
  }

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
  }

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
  }

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
  }

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
  }

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
  }

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
  }

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
  }

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
  }

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
  }

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
  }

@media (min-width: 768px) {

.cropper-point.point-se {
      height: 15px;
      width: 15px;
  }
    }

@media (min-width: 992px) {

.cropper-point.point-se {
      height: 10px;
      width: 10px;
  }
    }

@media (min-width: 1200px) {

.cropper-point.point-se {
      height: 5px;
      opacity: 0.75;
      width: 5px;
  }
    }

.cropper-point.point-se::before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
  }

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
.select-workspaces-modal .ant5-table-cell {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 200px;
}
.chat-history-menu {
  max-height: 600px;
  overflow-y: auto;
  border-right: none !important;
}
.chat-history-menu .ant-menu-item {
  line-height: 22px !important;
}

.chat-history-title {
  font-size: 12px;
  line-height: 20px;
  color: var(--color-text-secondary);
  padding: 12px 0px 4px 8px;
  display: block;
}

.chat-history-item {
  padding: 8px !important;
  min-width: 240px;
  max-width: 300px;
  flex-grow: 1;
  cursor: pointer;
  border-radius: 6px;

  &.empty {
    cursor: default;
  }
  &:hover:not(.empty) {
    background-color: var(--color-fill-secondary);
  }
  .title {
    font-size: 14px;
    line-height: 20px;
  }
  .workspace,
  .timestamp {
    font-size: 12px;
    line-height: 18px;
    color: var(--color-text-secondary);
  }
  .date-wrapper {
    flex-shrink: 0;
  }
  .text-wrapper {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    gap: 2px;
    overflow: hidden;
  }
  .icon-wrapper {
    flex-basis: 40px;
    flex-shrink: 0;
  }
}
.chat-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px !important;
  cursor: pointer;
  border-radius: 4px;
  width: 100%;
  height: fit-content !important;
  margin: 0px !important;
}
.chat-item .ant-menu-title-content {
  width: 100%;
  display: flex;

  justify-content: space-between;
}

.chat-item:hover {
  background-color: #f5f5f5;
}

.chat-item-label {
  display: flex;
  justify-content: space-between;
}

.chat-item-icon {
  display: flex;
  align-items: center;
}

.chat-title {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px !important;
}

.chat-date {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  justify-items: center;
}

.chat-history .ant-menu-item-group-title {
  padding: 4px 8px;
  color: var(--color-text-secondary);
}
.chat-history .ant-menu-item-group-title .ant-typography {
  color: var(--color-text-secondary);
  margin: 0;
  font-size: 14px;
}

.chat-workspace {
  color: var(--color-text-secondary);
}
.chat-history-search .ant-menu-title-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  color: var(--color-text-secondary) !important;
}

.chat-history-search .ant-typography {
  color: var(--color-text-secondary);
}

.custom-skeleton {
  background-color: rgba(190, 190, 190, 0.2);
  animation: skeleton-pulse 1.5s ease-in-out infinite;
}

@keyframes skeleton-pulse {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}
.octo-show-on-hover {
  display: none;
}

.octo-hover-row:hover .octo-show-on-hover,
.octo-hover-row:focus-within .octo-show-on-hover {
  display: inline-block;
}

.octo-clickable-list-item {
  padding: 0;
}

.octo-clickable-list {
  .ant5-list-item {
    padding: 4px 0;
  }
}

.octo-clickable-list .ant-list-item {
  padding: 0;
}

.octo-clickable-list-item {
  padding: 0 !important;
}

.octo-hover-row {
  transition:
    background 0.15s ease,
    box-shadow 0.15s ease;
}

.octo-hover-row:hover {
  background: var(--octo-bg-subtle, #fafafa);
}

.custom-skeleton {
  background-color: rgba(190, 190, 190, 0.2);
  animation: skeleton-pulse 1.5s ease-in-out infinite;
}

@keyframes skeleton-pulse {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}

.octo-popup-flex-element {
  padding: 16px;
  border-bottom: 1px solid var(--color-border-secondary);
}
.applayout {
  min-height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}
.upload__preview-container {
  margin-top: 16px;
  position: relative;
  max-width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 8px;
  overflow: hidden;
}

.upload__content-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.upload__actions-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
  gap: 8px;
}

.upload__image-wrapper {
  position: relative;
  max-width: 100%;
  text-align: center;
}

.upload__preview-image {
  max-width: 100%;
  max-height: 300px;
  object-fit: contain;
}

.upload__file-info {
  margin-top: 8px;
  text-align: left;
  font-size: 12px;
  color: #666;
}

.upload__file-icon {
  margin-top: 8px;
  display: flex;
  justify-content: center;
}

.upload__file-icon i,
.upload__file-icon svg {
  font-size: 50px;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.octostar-long-context-menu ul:first-child {
  overflow-y: auto;
  scrollbar-width: unset;
}

.octostar-long-context-menu ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px var(--color-scrollbar);
}

.ant5-dropdown-menu-sub {
  overflow-y: auto;
  max-height: calc(49vh - 30px);
}

.octostar-long-context-menu {
  z-index: 2002 !important;
}

.context-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2001;
}

.context-menu-hidden {
  pointer-events: none;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.add-relation-modal-container {
  width: 100%;
}

.add-relation-modal-data {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.add-relation-modal-options {
  border-top: 1px solid var(--color-border);
  margin-top: 24px;
  width: 100%;
  padding-top: 16px;
}

.add-relation-modal-target {
  padding-right: 30px;
}
.alert-wrapper {
  position: fixed;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  width: 85%;
}
:root {
  /* LIGHT COLOR */

  /* NEUTRAL */
  --color-light-neutral-1: #ffffff;
  --color-light-neutral-2: #f8fafc;
  --color-light-neutral-3: #f1f5f9;
  --color-light-neutral-4: #e2e8f0;
  --color-light-neutral-5: #cbd5e1;
  --color-light-neutral-6: #94a3b8;
  --color-light-neutral-7: #64748b;
  --color-light-neutral-8: #475569;
  --color-light-neutral-9: #334155;
  --color-light-neutral-10: #1e293b;
  --color-light-neutral-11: #0f172a;
  --color-light-neutral-12: #020617;

  /* PRIMARY */
  --color-light-primary-1: #f0f7ff;
  --color-light-primary-2: #cce3ff;
  --color-light-primary-3: #a3c9ff;
  --color-light-primary-4: #7aadff;
  --color-light-primary-5: #4f8af7;
  --color-light-primary-6: #2563eb;
  --color-light-primary-7: #1647c4;
  --color-light-primary-8: #092f9e;
  --color-light-primary-9: #011b78;
  --color-light-primary-10: #000f52;

  /* ERROR */
  --color-light-error-1: #fff2f0;
  --color-light-error-2: #ffedeb;
  --color-light-error-3: #ffc8c2;
  --color-light-error-4: #ffa099;
  --color-light-error-5: #fc746f;
  --color-light-error-6: #ef4444;
  --color-light-error-7: #c92e34;
  --color-light-error-8: #a31d26;
  --color-light-error-9: #7d101b;
  --color-light-error-10: #570a15;

  /* WARNING */
  --color-light-warning-1: #fffae6;
  --color-light-warning-2: #ffecad;
  --color-light-warning-3: #ffde85;
  --color-light-warning-4: #ffce5c;
  --color-light-warning-5: #ffbb33;
  --color-light-warning-6: #f59e0b;
  --color-light-warning-7: #cf7c00;
  --color-light-warning-8: #a85f00;
  --color-light-warning-9: #824500;
  --color-light-warning-10: #5c2e00;

  /* SUCCESS */
  --color-light-success-1: #f0fff3;
  --color-light-success-2: #c8f7d3;
  --color-light-success-3: #98ebae;
  --color-light-success-4: #6dde8f;
  --color-light-success-5: #45d174;
  --color-light-success-6: #22c55e;
  --color-light-success-7: #139e4b;
  --color-light-success-8: #087839;
  --color-light-success-9: #025227;
  --color-light-success-10: #002b16;

  /* INFO */
  --color-light-info-1: var(--color-light-primary-1);
  --color-light-info-2: var(--color-light-primary-2);
  --color-light-info-3: var(--color-light-primary-3);
  --color-light-info-4: var(--color-light-primary-4);
  --color-light-info-5: var(--color-light-primary-5);
  --color-light-info-6: var(--color-light-primary-6);
  --color-light-info-7: var(--color-light-primary-7);
  --color-light-info-8: var(--color-light-primary-8);
  --color-light-info-9: var(--color-light-primary-9);
  --color-light-info-10: var(--color-light-primary-10);

  /* RED */
  --color-light-red-1: #fff1f0;
  --color-light-red-2: #ffccc7;
  --color-light-red-3: #ffa39e;
  --color-light-red-4: #ff7875;
  --color-light-red-5: #ff4d4f;
  --color-light-red-6: #f5222d;
  --color-light-red-7: #cf1322;
  --color-light-red-8: #a8071a;
  --color-light-red-9: #820014;
  --color-light-red-10: #5c0011;

  /* VOLCANO */
  --color-light-volcano-1: #fff2e8;
  --color-light-volcano-2: #ffd8bf;
  --color-light-volcano-3: #ffbb96;
  --color-light-volcano-4: #ff9c6e;
  --color-light-volcano-5: #ff7a45;
  --color-light-volcano-6: #fa541c;
  --color-light-volcano-7: #d4380d;
  --color-light-volcano-8: #ad2102;
  --color-light-volcano-9: #871400;
  --color-light-volcano-10: #610b00;

  /* ORANGE */
  --color-light-orange-1: #fff7e6;
  --color-light-orange-2: #ffe7ba;
  --color-light-orange-3: #ffd591;
  --color-light-orange-4: #ffc069;
  --color-light-orange-5: #ffa940;
  --color-light-orange-6: #fa8c16;
  --color-light-orange-7: #d46b08;
  --color-light-orange-8: #ad4e00;
  --color-light-orange-9: #873800;
  --color-light-orange-10: #612500;

  /* GOLD */
  --color-light-gold-1: #fffbe6;
  --color-light-gold-2: #fff1b8;
  --color-light-gold-3: #ffe58f;
  --color-light-gold-4: #ffd666;
  --color-light-gold-5: #ffc53d;
  --color-light-gold-6: #faad14;
  --color-light-gold-7: #d48806;
  --color-light-gold-8: #ad6800;
  --color-light-gold-9: #874d00;
  --color-light-gold-10: #613400;

  /* YELLOW */
  --color-light-yellow-1: #feffe6;
  --color-light-yellow-2: #ffffb8;
  --color-light-yellow-3: #fffb8f;
  --color-light-yellow-4: #fff566;
  --color-light-yellow-5: #ffec3d;
  --color-light-yellow-6: #fadb14;
  --color-light-yellow-7: #d4b106;
  --color-light-yellow-8: #ad8b00;
  --color-light-yellow-9: #876800;
  --color-light-yellow-10: #614700;

  /* LIME */
  --color-light-lime-1: #fcffe6;
  --color-light-lime-2: #f4ffb8;
  --color-light-lime-3: #eaff8f;
  --color-light-lime-4: #d3f261;
  --color-light-lime-5: #bae637;
  --color-light-lime-6: #a0d911;
  --color-light-lime-7: #7cb305;
  --color-light-lime-8: #5b8c00;
  --color-light-lime-9: #3f6600;
  --color-light-lime-10: #254000;

  /* GREEN */
  --color-light-green-1: #f6ffed;
  --color-light-green-2: #d9f7be;
  --color-light-green-3: #b7eb8f;
  --color-light-green-4: #95de64;
  --color-light-green-5: #73d13d;
  --color-light-green-6: #52c41a;
  --color-light-green-7: #389e0d;
  --color-light-green-8: #237804;
  --color-light-green-9: #135200;
  --color-light-green-10: #092b00;

  /* CYAN */
  --color-light-cyan-1: #e6fffb;
  --color-light-cyan-2: #b5f5ec;
  --color-light-cyan-3: #87e8de;
  --color-light-cyan-4: #5cdbd3;
  --color-light-cyan-5: #36cfc9;
  --color-light-cyan-6: #13c2c2;
  --color-light-cyan-7: #08979c;
  --color-light-cyan-8: #006d75;
  --color-light-cyan-9: #00474f;
  --color-light-cyan-10: #002329;

  /* BLUE */
  --color-light-blue-1: #e6f4ff;
  --color-light-blue-2: #bae0ff;
  --color-light-blue-3: #91caff;
  --color-light-blue-4: #69b1ff;
  --color-light-blue-5: #4096ff;
  --color-light-blue-6: #1677ff;
  --color-light-blue-7: #0958d9;
  --color-light-blue-8: #003eb3;
  --color-light-blue-9: #002c8c;
  --color-light-blue-10: #001d66;

  /* GEEK BLUE */
  --color-light-geekblue-1: #f0f5ff;
  --color-light-geekblue-2: #d6e4ff;
  --color-light-geekblue-3: #adc6ff;
  --color-light-geekblue-4: #85a5ff;
  --color-light-geekblue-5: #597ef7;
  --color-light-geekblue-6: #2f54eb;
  --color-light-geekblue-7: #1d39c4;
  --color-light-geekblue-8: #10239e;
  --color-light-geekblue-9: #061178;
  --color-light-geekblue-10: #030852;

  /* PURPLE */
  --color-light-purple-1: #f9f0ff;
  --color-light-purple-2: #efdbff;
  --color-light-purple-3: #d3adf7;
  --color-light-purple-4: #b37feb;
  --color-light-purple-5: #9254de;
  --color-light-purple-6: #722ed1;
  --color-light-purple-7: #531dab;
  --color-light-purple-8: #391085;
  --color-light-purple-9: #22075e;
  --color-light-purple-10: #120338;

  /* MAGENTA */
  --color-light-magenta-1: #fff0f6;
  --color-light-magenta-2: #ffd6e7;
  --color-light-magenta-3: #ffadd2;
  --color-light-magenta-4: #ff85c0;
  --color-light-magenta-5: #f759ab;
  --color-light-magenta-6: #eb2f96;
  --color-light-magenta-7: #c41d7f;
  --color-light-magenta-8: #9e1068;
  --color-light-magenta-9: #780650;
  --color-light-magenta-10: #520339;

  /* OPACITY */
  --color-light-opacity-88: rgba(2, 6, 23, 0.88);
  --color-light-opacity-65: rgba(2, 6, 23, 0.65);
  --color-light-opacity-45: rgba(2, 6, 23, 0.45);
  --color-light-opacity-25: rgba(2, 6, 23, 0.25);
  --color-light-opacity-15: rgba(2, 6, 23, 0.15);
  --color-light-opacity-6: rgba(2, 6, 23, 0.06);
  --color-light-opacity-4: rgba(2, 6, 23, 0.04);
  --color-light-opacity-2: rgba(2, 6, 23, 0.02);

  /* DARK COLOR */

  /* NEUTRAL */
  --color-dark-neutral-1: var(--color-light-neutral-12);
  --color-dark-neutral-2: var(--color-light-neutral-11);
  --color-dark-neutral-3: var(--color-light-neutral-10);
  --color-dark-neutral-4: var(--color-light-neutral-9);
  --color-dark-neutral-5: var(--color-light-neutral-8);
  --color-dark-neutral-6: var(--color-light-neutral-7);
  --color-dark-neutral-7: var(--color-light-neutral-6);
  --color-dark-neutral-8: var(--color-light-neutral-5);
  --color-dark-neutral-9: var(--color-light-neutral-4);
  --color-dark-neutral-10: var(--color-light-neutral-3);
  --color-dark-neutral-11: var(--color-light-neutral-2);
  --color-dark-neutral-12: var(--color-light-neutral-1);

  /* PRIMARY */
  --color-dark-primary-1: #121829;
  --color-dark-primary-2: #152140;
  --color-dark-primary-3: #192c55;
  --color-dark-primary-4: #1c3875;
  --color-dark-primary-5: #1f47a0;
  --color-dark-primary-6: #2257cb;
  --color-dark-primary-7: #497ee0;
  --color-dark-primary-8: #75a5f3;
  --color-dark-primary-9: #9fc4f8;
  --color-dark-primary-10: #c8dffa;

  /* ERROR */
  --color-dark-error-1: #291517;
  --color-dark-error-2: #411b1c;
  --color-dark-error-3: #562222;
  --color-dark-error-4: #772a2a;
  --color-dark-error-5: #a23333;
  --color-dark-error-6: #ce3d3d;
  --color-dark-error-7: #e56a66;
  --color-dark-error-8: #f39992;
  --color-dark-error-9: #f8c3bd;
  --color-dark-error-10: #fae9e7;

  /* WARNING */
  --color-dark-warning-1: #2a1f11;
  --color-dark-warning-2: #432e0f;
  --color-dark-warning-3: #583d11;
  --color-dark-warning-4: #795210;
  --color-dark-warning-5: #a66e0e;
  --color-dark-warning-6: #d3890c;
  --color-dark-warning-7: #e8aa30;
  --color-dark-warning-8: #f3c558;
  --color-dark-warning-9: #f8d882;
  --color-dark-warning-10: #fae8aa;

  /* SUCCESS */
  --color-dark-success-1: #12231a;
  --color-dark-success-2: #143722;
  --color-dark-success-3: #18492a;
  --color-dark-success-4: #1a6435;
  --color-dark-success-5: #1d8744;
  --color-dark-success-6: #20aa53;
  --color-dark-success-7: #40be6a;
  --color-dark-success-8: #69d489;
  --color-dark-success-9: #94e5a9;
  --color-dark-success-10: #c4f2cf;

  /* INFO */
  --color-dark-info-1: var(--color-dark-primary-1);
  --color-dark-info-2: var(--color-dark-primary-2);
  --color-dark-info-3: var(--color-dark-primary-3);
  --color-dark-info-4: var(--color-dark-primary-4);
  --color-dark-info-5: var(--color-dark-primary-5);
  --color-dark-info-6: var(--color-dark-primary-6);
  --color-dark-info-7: var(--color-dark-primary-7);
  --color-dark-info-8: var(--color-dark-primary-8);
  --color-dark-info-9: var(--color-dark-primary-9);
  --color-dark-info-10: var(--color-dark-primary-10);

  /* RED */
  --color-dark-red-1: #2a1215;
  --color-dark-red-2: #431418;
  --color-dark-red-3: #58181c;
  --color-dark-red-4: #791a1f;
  --color-dark-red-5: #a61d24;
  --color-dark-red-6: #d32029;
  --color-dark-red-7: #e84749;
  --color-dark-red-8: #f37370;
  --color-dark-red-9: #f89f9a;
  --color-dark-red-10: #fac8c3;

  /* VOLCANO */
  --color-dark-volcano-1: #2b1611;
  --color-dark-volcano-2: #441d12;
  --color-dark-volcano-3: #592716;
  --color-dark-volcano-4: #7c3118;
  --color-dark-volcano-5: #aa3e19;
  --color-dark-volcano-6: #d84a1b;
  --color-dark-volcano-7: #e87040;
  --color-dark-volcano-8: #f3956a;
  --color-dark-volcano-9: #f8b692;
  --color-dark-volcano-10: #fad4bc;

  /* ORANGE */
  --color-dark-orange-1: #2b1d11;
  --color-dark-orange-2: #442a11;
  --color-dark-orange-3: #593815;
  --color-dark-orange-4: #7c4a15;
  --color-dark-orange-5: #aa6215;
  --color-dark-orange-6: #d87a16;
  --color-dark-orange-7: #e89a3c;
  --color-dark-orange-8: #f3b765;
  --color-dark-orange-9: #f8cf8d;
  --color-dark-orange-10: #fae3b7;

  /* GOLD */
  --color-dark-gold-1: #2b2111;
  --color-dark-gold-2: #443111;
  --color-dark-gold-3: #594214;
  --color-dark-gold-4: #7c5914;
  --color-dark-gold-5: #aa7714;
  --color-dark-gold-6: #d89614;
  --color-dark-gold-7: #e8b339;
  --color-dark-gold-8: #f3cc62;
  --color-dark-gold-9: #f8df8b;
  --color-dark-gold-10: #faedb5;

  /* YELLOW */
  --color-dark-yellow-1: #2b2611;
  --color-dark-yellow-2: #443b11;
  --color-dark-yellow-3: #595014;
  --color-dark-yellow-4: #7c6e14;
  --color-dark-yellow-5: #aa9514;
  --color-dark-yellow-6: #d8bd14;
  --color-dark-yellow-7: #e8d639;
  --color-dark-yellow-8: #f3ea62;
  --color-dark-yellow-9: #f8f48b;
  --color-dark-yellow-10: #fafab5;

  /* LIME */
  --color-dark-lime-1: #1f2611;
  --color-dark-lime-2: #2e3c10;
  --color-dark-lime-3: #3e4f13;
  --color-dark-lime-4: #536d13;
  --color-dark-lime-5: #6f9412;
  --color-dark-lime-6: #8bbb11;
  --color-dark-lime-7: #a9d134;
  --color-dark-lime-8: #c9e75d;
  --color-dark-lime-9: #e4f88b;
  --color-dark-lime-10: #f0fab5;

  /* GREEN */
  --color-dark-green-1: #162312;
  --color-dark-green-2: #1d3712;
  --color-dark-green-3: #274916;
  --color-dark-green-4: #306317;
  --color-dark-green-5: #3c8618;
  --color-dark-green-6: #49aa19;
  --color-dark-green-7: #6abe39;
  --color-dark-green-8: #8fd460;
  --color-dark-green-9: #b2e58b;
  --color-dark-green-10: #d5f2bb;

  /* CYAN */
  --color-dark-cyan-1: #112123;
  --color-dark-cyan-2: #113536;
  --color-dark-cyan-3: #144848;
  --color-dark-cyan-4: #146262;
  --color-dark-cyan-5: #138585;
  --color-dark-cyan-6: #13a8a8;
  --color-dark-cyan-7: #33bcb7;
  --color-dark-cyan-8: #58d1c9;
  --color-dark-cyan-9: #84e2d8;
  --color-dark-cyan-10: #b2f1e8;

  /* BLUE */
  --color-dark-blue-1: #111a2c;
  --color-dark-blue-2: #112545;
  --color-dark-blue-3: #15325b;
  --color-dark-blue-4: #15417e;
  --color-dark-blue-5: #1554ad;
  --color-dark-blue-6: #1668dc;
  --color-dark-blue-7: #3c89e8;
  --color-dark-blue-8: #65a9f3;
  --color-dark-blue-9: #8dc5f8;
  --color-dark-blue-10: #b7dcfa;

  /* GEEK BLUE */
  --color-dark-geekblue-1: #131629;
  --color-dark-geekblue-2: #161d40;
  --color-dark-geekblue-3: #1c2755;
  --color-dark-geekblue-4: #203175;
  --color-dark-geekblue-5: #263ea0;
  --color-dark-geekblue-6: #2b4acb;
  --color-dark-geekblue-7: #5273e0;
  --color-dark-geekblue-8: #7f9ef3;
  --color-dark-geekblue-9: #a8c1f8;
  --color-dark-geekblue-10: #d2e0fa;

  /* PURPLE */
  --color-dark-purple-1: #1a1325;
  --color-dark-purple-2: #24163a;
  --color-dark-purple-3: #301c4d;
  --color-dark-purple-4: #3e2069;
  --color-dark-purple-5: #51258f;
  --color-dark-purple-6: #642ab5;
  --color-dark-purple-7: #854eca;
  --color-dark-purple-8: #ab7ae0;
  --color-dark-purple-9: #cda8f0;
  --color-dark-purple-10: #ebd7fa;

  /* MAGENTA */
  --color-dark-magenta-1: #291321;
  --color-dark-magenta-2: #40162f;
  --color-dark-magenta-3: #551c3b;
  --color-dark-magenta-4: #75204f;
  --color-dark-magenta-5: #a02669;
  --color-dark-magenta-6: #cb2b83;
  --color-dark-magenta-7: #e0529c;
  --color-dark-magenta-8: #f37fb7;
  --color-dark-magenta-9: #f8a8cc;
  --color-dark-magenta-10: #fad2e3;

  /* OPACITY */
  --color-dark-opacity-88: rgba(255, 255, 255, 0.88);
  --color-dark-opacity-65: rgba(255, 255, 255, 0.65);
  --color-dark-opacity-45: rgba(255, 255, 255, 0.45);
  --color-dark-opacity-25: rgba(255, 255, 255, 0.25);
  --color-dark-opacity-18: rgba(255, 255, 255, 0.18);
  --color-dark-opacity-12: rgba(255, 255, 255, 0.12);
  --color-dark-opacity-8: rgba(255, 255, 255, 0.08);
  --color-dark-opacity-4: rgba(255, 255, 255, 0.04);

  /* SCALE */
  --scale-none: 0;
  --scale-xxs: 4px;
  --scale-xs: calc(var(--scale-xxs) * 2);
  --scale-sm: calc(var(--scale-xxs) * 3);
  --scale: calc(var(--scale-xxs) * 4);
  --scale-md: calc(var(--scale-xxs) * 5);
  --scale-lg: calc(var(--scale-xxs) * 6);
  --scale-xl: calc(var(--scale-xxs) * 8);
  --scale-xxl: calc(var(--scale-xxs) * 12);
}

:root {
  /* FONT SETTINGS */
  --text-font-family: Inter;

  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-light-neutral-3);
  --color-bg-container: var(--color-light-neutral-1);
  --color-bg-elevated: var(--color-light-neutral-1);
  --color-bg-spotlight: var(--color-light-neutral-10);

  --color-fill: var(--color-light-opacity-15);
  --color-fill-secondary: var(--color-light-opacity-6);
  --color-fill-tertiary: var(--color-light-opacity-4);
  --color-fill-quaternary: var(--color-light-opacity-2);

  --color-text: var(--color-light-neutral-11) !important;
  --color-text-secondary: var(--color-light-neutral-7);
  --color-text-tertiary: var(--color-light-neutral-6);
  --color-text-quaternary: var(--color-light-neutral-5);
  --color-text-light-solid: var(--color-light-neutral-2);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-light-neutral-9);
  --color-border: var(--color-light-neutral-4);
  --color-border-secondary: var(--color-light-neutral-3);
  --color-border-graph: var(--color-light-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-light-neutral-6);
  --color-icon-hover: var(--color-light-neutral-10);
  --color-icon-active: var(--color-light-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-light-primary-1);
  --color-primary-bg-hover: var(--color-light-primary-2);
  --color-primary-border: var(--color-light-primary-3);
  --color-primary-border-hover: var(--color-light-primary-4);
  --color-primary-hover: var(--color-light-primary-5);
  --color-primary: var(--color-light-primary-6);
  --color-primary-active: var(--color-light-primary-7);
  --color-primary-text-hover: var(--color-light-primary-5);
  --color-primary-text: var(--color-light-primary-6);
  --color-primary-text-active: var(--color-light-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-light-error-1);
  --color-error-bg-hover: var(--color-light-error-2);
  --color-error-border: var(--color-light-error-3);
  --color-error-border-hover: var(--color-light-error-4);
  --color-error-hover: var(--color-light-error-5);
  --color-error: var(--color-light-error-6);
  --color-error-active: var(--color-light-error-7);
  --color-error-text-hover: var(--color-light-error-5);
  --color-error-text: var(--color-light-error-6);
  --color-error-text-active: var(--color-light-error-7);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-light-warning-1);
  --color-warning-bg-hover: var(--color-light-warning-2);
  --color-warning-border: var(--color-light-warning-3);
  --color-warning-border-hover: var(--color-light-warning-4);
  --color-warning-hover: var(--color-light-warning-5);
  --color-warning: var(--color-light-warning-6);
  --color-warning-active: var(--color-light-warning-7);
  --color-warning-text-hover: var(--color-light-warning-5);
  --color-warning-text: var(--color-light-warning-6);
  --color-warning-text-active: var(--color-light-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-light-success-1);
  --color-success-bg-hover: var(--color-light-success-2);
  --color-success-border: var(--color-light-success-3);
  --color-success-border-hover: var(--color-light-success-4);
  --color-success-hover: var(--color-light-success-5);
  --color-success: var(--color-light-success-6);
  --color-success-active: var(--color-light-success-7);
  --color-success-text-hover: var(--color-light-success-5);
  --color-success-text: var(--color-light-success-6);
  --color-success-text-active: var(--color-light-success-7);

  /* COLOR - INFO */
  --color-info-bg: var(--color-primary-bg);
  --color-info-bg-hover: var(--color-primary-bg-hover);
  --color-info-border: var(--color-primary-border);
  --color-info-border-hover: var(--color-primary-border-hover);
  --color-info-hover: var(--color-primary-hover);
  --color-info: var(--color-primary);
  --color-info-active: var(--color-primary-active);
  --color-info-text-hover: var(--color-primary-text-hover);
  --color-info-text: var(--color-primary-text);
  --color-info-text-active: var(--color-primary-text-active);

  /* BORDER RADIUS */
  --border-radius-none: 0px;
  --border-radius-xs: 2px;
  --border-radius-sm: calc(var(--border-radius) - 2);
  --border-radius: 6px;
  --border-radius-lg: calc(var(--border-radius) + 2);
  --border-radius-full: 999px;

  /* SPACE */
  --space-none: var(--scale-none);
  --space-xxs: var(--scale-xxs);
  --space-xs: var(--scale-xs);
  --space-sm: var(--scale-sm);
  --space: var(--scale);
  --space-md: var(--scale-md);
  --space-lg: var(--scale-lg);
  --space-xl: var(--scale-xl);
  --space-xxl: var(--scale-xxl);

  /* SIZE */
  --size-none: var(--scale-none);
  --size-xxs: var(--scale-xxs);
  --size-xs: var(--scale-xs);
  --size-sm: var(--scale-sm);
  --size: var(--scale);
  --size-md: var(--scale-md);
  --size-lg: var(--scale-lg);
  --size-xl: var(--scale-xl);
  --size-xxl: var(--scale-xxl);

  /* LAYOUT */
  --layout-1: 64px;
  --layout-2: 80px;
  --layout-3: 104px;
  --layout-4: 128px;
  --layout-5: 168px;
  --layout-6: 208px;
  --layout-7: 272px;
  --layout-8: 336px;
  --layout-9: 440px;
  --layout-10: 720px;
  --layout-11: 896px;
  --layout-12: 1152px;
  --layout-13: 1440px;
  --layout-14: 1920px;

  /* CONTROL HEIGHT */
  --control-height-xs: 16px;
  --control-height-sm: 24px;
  --control-height: 32px;
  --control-height-lg: 40px;

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.dark {
  /* COLOR - NEUTRAL */
  --color-bg-layout: var(--color-dark-neutral-1);
  --color-bg-container: var(--color-dark-neutral-2);
  --color-bg-elevated: var(--color-dark-neutral-3);
  --color-bg-spotlight: var(--color-dark-neutral-4);

  --color-fill: var(--color-dark-opacity-18);
  --color-fill-secondary: var(--color-dark-opacity-12);
  --color-fill-tertiary: var(--color-dark-opacity-8);
  --color-fill-quaternary: var(--color-dark-opacity-4);

  --color-text: var(--color-dark-neutral-11) !important;
  --color-text-secondary: var(--color-dark-neutral-7);
  --color-text-tertiary: var(--color-dark-neutral-6);
  --color-text-quaternary: var(--color-dark-neutral-5);
  --color-text-light-solid: var(--color-dark-neutral-11);
  --color-text-graph-node: var(--color-dark-primary-1);

  --color-scrollbar: var(--color-dark-neutral-9);
  --color-border: var(--color-dark-neutral-3);
  --color-border-secondary: var(--color-dark-neutral-3);
  --color-border-graph: var(--color-dark-neutral-5);
  --color-graph-child-counter: var(--color-light-volcano-9);
  --color-graph-child-counter-text: var(--color-light-primary-1);

  --color-icon: var(--color-dark-neutral-6);
  --color-icon-hover: var(--color-dark-neutral-10);
  --color-icon-active: var(--color-dark-neutral-11);

  /* COLOR - PRIMARY */
  --color-primary-bg: var(--color-dark-primary-1);
  --color-primary-bg-hover: var(--color-dark-primary-2);
  --color-primary-border: var(--color-dark-primary-3);
  --color-primary-border-hover: var(--color-dark-primary-4);
  --color-primary-hover: var(--color-dark-primary-5);
  --color-primary: var(--color-dark-primary-6);
  --color-primary-active: var(--color-dark-primary-7);
  --color-primary-text-hover: var(--color-dark-primary-5);
  --color-primary-text: var(--color-dark-primary-6);
  --color-primary-text-active: var(--color-dark-primary-7);

  /* COLOR - ERROR */
  --color-error-bg: var(--color-dark-error-1);
  --color-error-bg-hover: var(--color-dark-error-1);
  --color-error-border: var(--color-dark-error-1);
  --color-error-border-hover: var(--color-dark-error-1);
  --color-error-hover: var(--color-dark-error-1);
  --color-error: var(--color-dark-error-1);
  --color-error-active: var(--color-dark-error-1);
  --color-error-text-hover: var(--color-dark-error-1);
  --color-error-text: var(--color-dark-error-1);
  --color-error-text-active: var(--color-dark-error-1);

  /* COLOR - WARNING */
  --color-warning-bg: var(--color-dark-warning-1);
  --color-warning-bg-hover: var(--color-dark-warning-2);
  --color-warning-border: var(--color-dark-warning-3);
  --color-warning-border-hover: var(--color-dark-warning-4);
  --color-warning-hover: var(--color-dark-warning-5);
  --color-warning: var(--color-dark-warning-6);
  --color-warning-active: var(--color-dark-warning-7);
  --color-warning-text-hover: var(--color-dark-warning-5);
  --color-warning-text: var(--color-dark-warning-6);
  --color-warning-text-active: var(--color-dark-warning-7);

  /* COLOR - SUCCESS */
  --color-success-bg: var(--color-dark-success-1);
  --color-success-bg-hover: var(--color-dark-success-2);
  --color-success-border: var(--color-dark-success-3);
  --color-success-border-hover: var(--color-dark-success-4);
  --color-success-hover: var(--color-dark-success-5);
  --color-success: var(--color-dark-success-6);
  --color-success-active: var(--color-dark-success-7);
  --color-success-text-hover: var(--color-dark-success-5);
  --color-success-text: var(--color-dark-success-6);
  --color-success-text-active: var(--color-dark-success-7);

  --linkchart-item-halo-fill-opacity: 0.7;
  --linkchart-item-halo-stroke-opacity: 0;
  --linkchart-item-halo-fill-opacity-superselected: 0.8;
  --linkchart-item-halo-fill-opacity-superselected-hover: 0.2;

  /* SUPERSELECT - linkchart */
  --linkchart-color-super-selected: #87c569;
  --linkchart-color-super-selected-halo: #52c41a;
  --linkchart-color-super-selected-transition: #fffc4f;
  --linkchart-color-super-selected-hull: #52c41a;
  --linkchart-super-selected-hull-opacity: 0.1;
  --linkchart-super-select-table-row-color-opacity: 0.2;
  --linkchart-super-select-table-tab-icon-color: var(--color-text-graph-node);
}

.ant5-tree-treenode-selected {
  background-color: var(--color-primary-bg-hover) !important;
}

.ant5-tree-treenode-selected:hover {
  background-color: var(--color-primary-bg-hover) !important;
}