/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/ContextMenu/ContextMenu.scss ***!
  \********************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.s360ContextMenu {
  display: block;
  position: absolute;
  z-index: 2001;
  overflow: visible;
}
.s360ContextMenu .submenu-container {
  position: absolute;
  top: 0;
  left: 0;
}
.s360ContextMenu .context-menu {
  border: 1px solid var(--border-secondary);
  background-color: var(--menu-bg);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.s360ContextMenu .context-menu:focus {
  outline: none;
}
.s360ContextMenu .sub-menu {
  position: absolute;
  left: 98%;
  top: 0;
  z-index: 10;
}
.s360ContextMenu .sub-menu.active {
  display: flex;
}
.s360ContextMenu .menu-item {
  display: flex;
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 0.2s;
  white-space: nowrap;
  color: var(--menu-txt);
}
.s360ContextMenu .menu-item.color-black {
  background-color: rgb(0, 0, 0);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-white {
  background-color: rgb(255, 255, 255);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-gold {
  background-color: rgb(232, 169, 9);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-indigo {
  background-color: rgb(67, 75, 230);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-mdindigo {
  background-color: rgb(96, 113, 242);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-ltindigo {
  background-color: rgb(127, 151, 248);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-purple {
  background-color: rgb(104, 56, 238);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-mdpurple {
  background-color: rgb(121, 89, 247);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-ltpurple {
  background-color: rgb(154, 137, 250);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-pink {
  background-color: rgb(219, 37, 144);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-mdpink {
  background-color: rgb(236, 69, 188);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-ltpink {
  background-color: rgb(244, 111, 198);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-blue {
  background-color: rgb(21, 111, 238);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-mdblue {
  background-color: rgb(46, 143, 249);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-ltblue {
  background-color: rgb(82, 176, 252);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-cyan {
  background-color: rgb(8, 137, 178);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-mdcyan {
  background-color: rgb(6, 173, 211);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-ltcyan {
  background-color: rgb(34, 202, 237);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-seagreen {
  background-color: rgb(14, 146, 132);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-mdseagreen {
  background-color: rgb(21, 182, 158);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-ltseagreen {
  background-color: rgb(46, 209, 183);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-green {
  background-color: rgb(9, 145, 80);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-mdgreen {
  background-color: rgb(22, 178, 100);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-ltgreen {
  background-color: rgb(60, 201, 127);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-olive {
  background-color: rgb(78, 121, 34);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-mdolive {
  background-color: rgb(101, 158, 43);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-ltolive {
  background-color: rgb(133, 201, 61);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-gray {
  background-color: rgb(74, 84, 101);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-mdgray {
  background-color: rgb(104, 116, 134);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-ltgray {
  background-color: rgb(153, 163, 178);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-brown {
  background-color: rgb(70, 50, 3);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-mdbrown {
  background-color: rgb(84, 58, 13);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-ltbrown {
  background-color: rgb(108, 86, 52);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-maroon {
  background-color: rgb(128, 0, 0);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-mdmaroon {
  background-color: rgb(178, 34, 34);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-ltmaroon {
  background-color: rgb(205, 92, 92);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-red {
  background-color: rgb(187, 7, 7);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-mdred {
  background-color: rgb(228, 6, 6);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-ltred {
  background-color: rgb(231, 43, 43);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-orange {
  background-color: rgb(222, 78, 23);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-mdorange {
  background-color: rgb(237, 103, 33);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-ltorange {
  background-color: rgb(241, 134, 68);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-yellow {
  background-color: rgb(232, 169, 9);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-mdyellow {
  background-color: rgb(248, 195, 22);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-ltyellow {
  background-color: rgb(251, 224, 114);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.separator {
  padding: 0;
  cursor: unset;
}
.s360ContextMenu .menu-item.separator hr {
  background-color: var(--border-secondary);
  width: 100%;
  height: 1px;
  border: none;
  margin: 3px 0;
}
.s360ContextMenu .menu-item.flyout {
  padding: 8px 2px 8px 12px;
}
.s360ContextMenu .menu-item.active:not(.no-hover) {
  background-color: var(--menu-item-hover);
}
.s360ContextMenu .menu-item.active:not(.no-hover).disabled {
  background-color: unset;
}
.s360ContextMenu .menu-item.selected {
  background-color: var(--highlight-primary);
}
.s360ContextMenu .menu-item i {
  color: var(--menu-txt);
  font-size: 1.125rem;
  margin-left: auto;
}
.s360ContextMenu .menu-item .menu-item-hotkey {
  margin-left: auto;
  padding-left: 10px;
  color: var(--text-tertiary);
}
.s360ContextMenu .menu-item .menu-item-text.has-icon {
  display: flex;
}
.s360ContextMenu .menu-item .menu-item-text.has-icon i {
  color: var(--text-tertiary);
  font-size: 1.125rem;
  margin-right: 8px;
}
.s360ContextMenu .menu-item.disabled .menu-item-text {
  opacity: 0.5;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Utility/LoadingThrobber/LoadingThrobber.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes search {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-3px);
  }
  75% {
    transform: translateX(3px);
  }
}
@keyframes press {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
}
.s360LoadingThrobber.throbber-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.3);
  display: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  z-index: 1004;
  height: 100%;
  overflow: hidden;
  /*.spinner {
  	// Spinner styling
  	display: none; // Initially hidden, will be toggled by JS
  	width: 40px; 
  	max-height: 40px; // will also set inline height in JS to match the parent elements height so for smaller ones like dropdowns it will still fit
  	background-image: url('/images/spinner.png'); // this image is external to our webpack build at this time
  	background-repeat: no-repeat;
  	background-position: center;
  	background-size: contain; 
  	animation: spin 1s linear infinite; // Animation to spin the image
  }*/
}
.s360LoadingThrobber.throbber-overlay .progress-bar {
  width: 0;
  height: 100%;
  background: var(--accent-color);
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  transition: width 0.3s;
}
.s360LoadingThrobber.throbber-overlay .spinner {
  border: 4px solid rgba(200, 200, 200, 0.5);
  border-top: 4px solid var(--accent-color);
  border-radius: 50%;
  height: 75%;
  width: auto;
  aspect-ratio: 1/1;
  max-height: 40px;
  max-width: 40px;
  animation: spin 2s linear infinite;
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Container/ScreenManager/ScreenManager_Single/ScreenManager_Single.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.s360ScreenManager_Single {
  height: 100%;
  width: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Container/ScreenManager/ScreenManager.scss ***!
  \**********************************************************************************************************************************************************************************************************************/

/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Container/ScreenGroup/ScreenGroup.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
/** Tile Breakpoints **/
.s360ScreenGroup {
  height: 100%;
  width: 100%;
}
.s360ScreenGroup .screen-container {
  height: 100%;
  width: 100%;
  position: relative;
  background-color: var(--window-screen-container);
  overflow: hidden;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.tiles-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
}
.tiles-container.disabled {
  pointer-events: none;
  opacity: 0.6;
}
.tiles-container .tiles-button-container {
  padding-top: 48px;
  padding-bottom: 10px;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 10px;
}
.tiles-container .tiles-button-container .s360Button {
  margin: 0;
}
.tiles-container .tiles-button-container .s360Button button {
  display: flex;
}
.tiles-container .tiles-grid-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  padding: 10px;
  height: calc(100% - 110px);
  overflow: auto;
}
.tiles-container .tiles-grid-layout .window-tile {
  text-align: center;
  border-radius: 10px;
  max-width: 480px;
}
@media (min-width: 1410px) {
  .tiles-container .tiles-grid-layout .window-tile {
    height: 400px;
  }
}
@media (min-width: 961px) and (max-width: 1409px) {
  .tiles-container .tiles-grid-layout .window-tile {
    height: 385px;
  }
}
@media (max-width: 960px) {
  .tiles-container .tiles-grid-layout .window-tile {
    height: 285px;
  }
}
.tiles-container .tiles-grid-layout .window-tile:hover {
  background-color: var(--highlight-secondary);
  cursor: pointer;
}
.tiles-container .tiles-grid-layout .window-tile:hover .tile-close .tile-close-button {
  visibility: visible;
}
.tiles-container .tiles-grid-layout .window-tile .tile-title {
  display: flex;
  align-items: center;
  background-color: var(--background-secondary);
  color: var(--text-secondary);
  margin: 10px 9.1px 0;
  border-top: 1px solid var(--border-secondary);
  border-left: 1px solid var(--border-secondary);
  border-right: 1px solid var(--border-secondary);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.tiles-container .tiles-grid-layout .window-tile .tile-title .tile-title-text {
  margin-right: auto;
  padding: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tiles-container .tiles-grid-layout .window-tile .tile-title .tile-close-button {
  margin-right: 5px;
  border-radius: 4px;
}
.tiles-container .tiles-grid-layout .window-tile .tile-title .tile-close-button:hover {
  background-color: var(--close-primary);
}
.tiles-container .tiles-grid-layout .window-tile .tile-title .tile-close-button i {
  font-size: 1.125rem;
}
.tiles-container .tiles-grid-layout .window-tile .tile-clone {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 0;
}
.tiles-container .tiles-grid-layout .window-tile .tile-clone > .s360ScreenWindow {
  pointer-events: none;
  transform: scale(0.5);
  transform-origin: top;
  position: relative;
  top: 0;
  overflow: hidden;
  flex-shrink: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 919px !important;
  box-shadow: 0 0 0 2px var(--border-secondary);
  border: none;
}
.tiles-container .tiles-grid-layout .window-tile .tile-clone > .s360ScreenWindow .window-bar {
  display: none;
}
.tiles-container .tiles-grid-layout .window-tile .tile-clone > .s360ScreenWindow .s360TabSet > .button-container button {
  justify-content: left;
}
.tiles-container .tiles-grid-layout .window-tile .tile-clone > .s360ScreenWindow .button-container {
  white-space: nowrap;
}
.tiles-container .tiles-grid-layout .window-tile .tile-clone > .s360ScreenWindow .selectionText {
  width: auto;
}
@media (min-width: 1410px) {
  .tiles-container .tiles-grid-layout .window-tile .tile-clone > .s360ScreenWindow {
    max-height: 819px;
  }
}
@media (min-width: 961px) and (max-width: 1409px) {
  .tiles-container .tiles-grid-layout .window-tile .tile-clone > .s360ScreenWindow {
    max-height: 669px;
  }
}
@media (max-width: 960px) {
  .tiles-container .tiles-grid-layout .window-tile .tile-clone > .s360ScreenWindow {
    max-height: 469px;
  }
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Button/Button.scss ***!
  \**********************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
/**
These are the default button styles
All instances of buttons should start by extending the .button-styles pseduo-class
From there, component specific styling can be applied within the component scss
IE ButtonsMixin.scss
Button.scss
 */
.button-styles button, .s360Button button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--accent-color);
  color: var(--text-accent-dark);
  padding: 2px 10px;
  border: 1px solid var(--accent-secondary);
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s;
  font-weight: 600;
  font-size: 0.8125rem;
}
.button-styles button.hidden, .s360Button button.hidden {
  display: none;
}
.button-styles button:disabled, .s360Button button:disabled {
  background-color: var(--background-tertiary);
  border: 1px solid var(--border-secondary);
  color: var(--text-secondary);
}
.button-styles button:disabled:hover, .s360Button button:disabled:hover {
  background-color: var(--background-tertiary);
  cursor: initial;
}
.button-styles button:hover, .s360Button button:hover {
  background-color: var(--highlight-secondary);
}
.button-styles button.container-style, .s360Button button.container-style {
  border: none;
  color: var(--text-primary);
  background-color: transparent;
  padding: 0.375rem 0.625rem;
}
.button-styles button.container-style.disabled > i, .s360Button button.container-style.disabled > i {
  opacity: 0.5;
}
.button-styles button.container-style:hover, .s360Button button.container-style:hover {
  background-color: var(--highlight-primary);
}
.button-styles button.secondary, .s360Button button.secondary {
  background-color: var(--background-secondary);
  color: var(--accent-secondary);
  border: 1px solid var(--accent-color);
}
.button-styles button.secondary:hover, .s360Button button.secondary:hover {
  background-color: var(--highlight-secondary);
}
.button-styles button.destructive, .s360Button button.destructive {
  background-color: var(--close-primary);
  border: 1px solid var(--close-secondary);
  color: var(--text-secondary);
}
.button-styles button.destructive:hover, .s360Button button.destructive:hover {
  background-color: var(--highlight-secondary);
}
.button-styles button.destructive-secondary, .s360Button button.destructive-secondary {
  background-color: transparent;
  color: var(--close-secondary);
  border: 1px solid var(--close-primary);
}
.button-styles button.destructive-secondary:hover, .s360Button button.destructive-secondary:hover {
  background-color: var(--highlight-secondary);
}
.button-styles button.tertiary, .s360Button button.tertiary {
  background-color: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  color: var(--text-secondary);
}
.button-styles button.tertiary:hover, .s360Button button.tertiary:hover {
  border: 1px solid var(--accent-secondary);
}

.s360Button {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--input-height);
  margin: 0 var(--input-spacing) var(--input-spacing) var(--input-spacing);
}
.s360Button button {
  height: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s360Button.button-size-large {
  height: 2.75rem;
}
.s360Button.button-size-large button {
  border-radius: 8px;
  padding: 0 10px;
}
.s360Button.button-width-full button {
  width: 100%;
}
.s360Button.inputWidth {
  padding-left: var(--label-width);
}
.screen-xxs .s360Button.inputWidth {
  padding-left: 0;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Container/Form/Form.scss ***!
  \****************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.s360Form {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.s360Form .form-content {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Container/Modal/Modal.scss ***!
  \******************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
/**
These are the default button styles
All instances of buttons should start by extending the .button-styles pseduo-class
From there, component specific styling can be applied within the component scss
IE ButtonsMixin.scss
Button.scss
 */
.button-styles button, .s360Modal > .modal-content > .button-container button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--accent-color);
  color: var(--text-accent-dark);
  padding: 2px 10px;
  border: 1px solid var(--accent-secondary);
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s;
  font-weight: 600;
  font-size: 0.8125rem;
}
.button-styles button.hidden, .s360Modal > .modal-content > .button-container button.hidden {
  display: none;
}
.button-styles button:disabled, .s360Modal > .modal-content > .button-container button:disabled {
  background-color: var(--background-tertiary);
  border: 1px solid var(--border-secondary);
  color: var(--text-secondary);
}
.button-styles button:disabled:hover, .s360Modal > .modal-content > .button-container button:disabled:hover {
  background-color: var(--background-tertiary);
  cursor: initial;
}
.button-styles button:hover, .s360Modal > .modal-content > .button-container button:hover {
  background-color: var(--highlight-secondary);
}
.button-styles button.container-style, .s360Modal > .modal-content > .button-container button.container-style {
  border: none;
  color: var(--text-primary);
  background-color: transparent;
  padding: 0.375rem 0.625rem;
}
.button-styles button.container-style.disabled > i, .s360Modal > .modal-content > .button-container button.container-style.disabled > i {
  opacity: 0.5;
}
.button-styles button.container-style:hover, .s360Modal > .modal-content > .button-container button.container-style:hover {
  background-color: var(--highlight-primary);
}
.button-styles button.secondary, .s360Modal > .modal-content > .button-container button.secondary {
  background-color: var(--background-secondary);
  color: var(--accent-secondary);
  border: 1px solid var(--accent-color);
}
.button-styles button.secondary:hover, .s360Modal > .modal-content > .button-container button.secondary:hover {
  background-color: var(--highlight-secondary);
}
.button-styles button.destructive, .s360Modal > .modal-content > .button-container button.destructive {
  background-color: var(--close-primary);
  border: 1px solid var(--close-secondary);
  color: var(--text-secondary);
}
.button-styles button.destructive:hover, .s360Modal > .modal-content > .button-container button.destructive:hover {
  background-color: var(--highlight-secondary);
}
.button-styles button.destructive-secondary, .s360Modal > .modal-content > .button-container button.destructive-secondary {
  background-color: transparent;
  color: var(--close-secondary);
  border: 1px solid var(--close-primary);
}
.button-styles button.destructive-secondary:hover, .s360Modal > .modal-content > .button-container button.destructive-secondary:hover {
  background-color: var(--highlight-secondary);
}
.button-styles button.tertiary, .s360Modal > .modal-content > .button-container button.tertiary {
  background-color: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  color: var(--text-secondary);
}
.button-styles button.tertiary:hover, .s360Modal > .modal-content > .button-container button.tertiary:hover {
  border: 1px solid var(--accent-secondary);
}

.form-designer-add-styles, .s360Modal.form-designer .modal-content > .form-designer-add {
  color: var(--text-primary);
  cursor: pointer;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-designer-add-styles:hover, .s360Modal.form-designer .modal-content > .form-designer-add:hover {
  background-color: var(--highlight-secondary);
  border-radius: 10px;
}

.s360Modal {
  display: none;
  position: absolute;
  background-color: var(--background-secondary);
  border-radius: 10px;
  border: 1px solid var(--screen-header-inactive-bg);
  min-width: 100px;
  min-height: 100px;
  max-width: 95%;
  max-height: 90vh;
  z-index: 999;
  box-shadow: 0 4px 10px 0px var(--box-shadow);
}
.s360Modal .modal-bar {
  background-color: var(--background-secondary);
  color: var(--text-primary);
  padding: 3px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--window-bar-height);
  box-sizing: border-box;
}
.s360Modal .modal-bar .modal-drag-area {
  cursor: move;
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding-left: 5px;
  min-height: 10px;
  height: 100%;
}
.s360Modal .modal-bar .modal-drag-area .modal-title {
  font-weight: bold;
  font-size: 1rem;
}
.s360Modal .modal-bar .control-button-container {
  display: flex;
  gap: 5px;
}
.s360Modal .modal-bar .control-button-container button i {
  font-size: 1.125rem;
}
.s360Modal > .modal-content {
  padding: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.s360Modal > .modal-content > .child-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}
.s360Modal > .modal-content > .child-container > .s360Chart, .s360Modal > .modal-content > .child-container > .s360Grid, .s360Modal > .modal-content > .child-container > .s360HTMLEditor, .s360Modal > .modal-content > .child-container > .autoResize {
  flex: 1 1 auto;
  overflow: hidden;
}
.s360Modal > .modal-content > .child-container > .s360Chart.s360HTMLEditor, .s360Modal > .modal-content > .child-container > .s360Grid.s360HTMLEditor, .s360Modal > .modal-content > .child-container > .s360HTMLEditor.s360HTMLEditor, .s360Modal > .modal-content > .child-container > .autoResize.s360HTMLEditor {
  min-height: 100px;
}
.s360Modal > .modal-content > .child-container > .s360Chart.s360Grid, .s360Modal > .modal-content > .child-container > .s360Grid.s360Grid, .s360Modal > .modal-content > .child-container > .s360HTMLEditor.s360Grid, .s360Modal > .modal-content > .child-container > .autoResize.s360Grid {
  min-height: 200px;
}
.s360Modal > .modal-content > .child-container > .s360Chart.s360Chart, .s360Modal > .modal-content > .child-container > .s360Grid.s360Chart, .s360Modal > .modal-content > .child-container > .s360HTMLEditor.s360Chart, .s360Modal > .modal-content > .child-container > .autoResize.s360Chart {
  min-height: 300px;
}
.s360Modal > .modal-content > .button-container {
  justify-content: center;
  margin-top: 10px;
  height: 1.5rem;
  gap: 10px;
}
.s360Modal > .modal-content > .button-container.button-container-lg {
  justify-content: right;
}
.s360Modal > .modal-content > .button-container.button-container-sm {
  flex-direction: column;
  height: auto;
}
.s360Modal > .modal-content > .button-container.button-container-sm button {
  width: 100%;
}
.s360Modal > .modal-content > .button-container button {
  width: auto;
  padding: 5px 20px;
  border-radius: 8px;
}
.s360Modal > .modal-content > .form-designer-add {
  display: none;
}
.s360Modal .modal-style-icon {
  display: none;
  margin-right: 5px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--modal-style-icon-padding);
}
.s360Modal.modal-success .modal-style-icon {
  display: inline;
  background-color: var(--success-color-transparent);
  color: var(--success-color);
}
.s360Modal.modal-error .modal-style-icon, .s360Modal.modal-destructive .modal-style-icon {
  display: inline;
  background-color: var(--error-color-transparent);
  color: var(--error-color);
}
.s360Modal.modal-warning .modal-style-icon {
  display: inline;
  background-color: var(--warning-color-transparent);
  color: var(--warning-color);
}
.s360Modal.modal-info .modal-style-icon {
  display: inline;
  background-color: var(--info-color-transparent);
  color: var(--info-color);
}
.s360Modal.form-designer {
  min-width: 500px;
  min-height: 300px;
}
.s360Modal .resizer {
  position: absolute;
  width: 10px;
  height: 10px;
}
.s360Modal .resizer {
  position: absolute;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.s360Modal .resizer-left {
  cursor: ew-resize;
  left: -5px;
  top: 0;
  bottom: 0;
  height: 100%;
}
.s360Modal .resizer-right {
  cursor: ew-resize;
  right: -5px;
  top: 0;
  bottom: 0;
  height: 100%;
}
.s360Modal .resizer-bottom {
  cursor: ns-resize;
  bottom: -5px;
  left: 0;
  right: 0;
  width: 100%;
}
.s360Modal .resizer-bottom-right {
  cursor: nwse-resize;
  right: -5px;
  bottom: -5px;
}
.s360Modal .resizer-bottom-left {
  cursor: nesw-resize;
  left: -5px;
  bottom: -5px;
}
.s360Modal.docked {
  border: none;
}
.s360Modal.docked .resizer-left:hover:after {
  content: "";
  display: block;
  position: relative;
  background-color: var(--accent-color);
  width: 1px;
  height: 100%;
  left: 6px;
}
.s360Modal:not(.form-designer-d-none):not(.d-none) {
  display: flex;
  flex-direction: column;
}

.screen-cover {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: black;
  opacity: 0.5;
  z-index: 998;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Mixin/ButtonsMixin/ButtonsMixin.scss ***!
  \******************************************************************************************************************************************************************************************************/
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes search {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-3px);
  }
  75% {
    transform: translateX(3px);
  }
}
@keyframes press {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
}
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
/**
These are the default button styles
All instances of buttons should start by extending the .button-styles pseduo-class
From there, component specific styling can be applied within the component scss
IE ButtonsMixin.scss
Button.scss
 */
.button-styles button, [class*=button-container] button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--accent-color);
  color: var(--text-accent-dark);
  padding: 2px 10px;
  border: 1px solid var(--accent-secondary);
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s;
  font-weight: 600;
  font-size: 0.8125rem;
}
.button-styles button.hidden, [class*=button-container] button.hidden {
  display: none;
}
.button-styles button:disabled, [class*=button-container] button:disabled {
  background-color: var(--background-tertiary);
  border: 1px solid var(--border-secondary);
  color: var(--text-secondary);
}
.button-styles button:disabled:hover, [class*=button-container] button:disabled:hover {
  background-color: var(--background-tertiary);
  cursor: initial;
}
.button-styles button:hover, [class*=button-container] button:hover {
  background-color: var(--highlight-secondary);
}
.button-styles button.container-style, [class*=button-container] button.container-style {
  border: none;
  color: var(--text-primary);
  background-color: transparent;
  padding: 0.375rem 0.625rem;
}
.button-styles button.container-style.disabled > i, [class*=button-container] button.container-style.disabled > i {
  opacity: 0.5;
}
.button-styles button.container-style:hover, [class*=button-container] button.container-style:hover {
  background-color: var(--highlight-primary);
}
.button-styles button.secondary, [class*=button-container] button.secondary {
  background-color: var(--background-secondary);
  color: var(--accent-secondary);
  border: 1px solid var(--accent-color);
}
.button-styles button.secondary:hover, [class*=button-container] button.secondary:hover {
  background-color: var(--highlight-secondary);
}
.button-styles button.destructive, [class*=button-container] button.destructive {
  background-color: var(--close-primary);
  border: 1px solid var(--close-secondary);
  color: var(--text-secondary);
}
.button-styles button.destructive:hover, [class*=button-container] button.destructive:hover {
  background-color: var(--highlight-secondary);
}
.button-styles button.destructive-secondary, [class*=button-container] button.destructive-secondary {
  background-color: transparent;
  color: var(--close-secondary);
  border: 1px solid var(--close-primary);
}
.button-styles button.destructive-secondary:hover, [class*=button-container] button.destructive-secondary:hover {
  background-color: var(--highlight-secondary);
}
.button-styles button.tertiary, [class*=button-container] button.tertiary {
  background-color: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  color: var(--text-secondary);
}
.button-styles button.tertiary:hover, [class*=button-container] button.tertiary:hover {
  border: 1px solid var(--accent-secondary);
}

.s360ContextMenu {
  display: block;
  position: absolute;
  z-index: 2001;
  overflow: visible;
}
.s360ContextMenu .submenu-container {
  position: absolute;
  top: 0;
  left: 0;
}
.s360ContextMenu .context-menu {
  border: 1px solid var(--border-secondary);
  background-color: var(--menu-bg);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.s360ContextMenu .context-menu:focus {
  outline: none;
}
.s360ContextMenu .sub-menu {
  position: absolute;
  left: 98%;
  top: 0;
  z-index: 10;
}
.s360ContextMenu .sub-menu.active {
  display: flex;
}
.s360ContextMenu .menu-item {
  display: flex;
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 0.2s;
  white-space: nowrap;
  color: var(--menu-txt);
}
.s360ContextMenu .menu-item.color-black {
  background-color: rgb(0, 0, 0);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-white {
  background-color: rgb(255, 255, 255);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-gold {
  background-color: rgb(232, 169, 9);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-indigo {
  background-color: rgb(67, 75, 230);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-mdindigo {
  background-color: rgb(96, 113, 242);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-ltindigo {
  background-color: rgb(127, 151, 248);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-purple {
  background-color: rgb(104, 56, 238);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-mdpurple {
  background-color: rgb(121, 89, 247);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-ltpurple {
  background-color: rgb(154, 137, 250);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-pink {
  background-color: rgb(219, 37, 144);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-mdpink {
  background-color: rgb(236, 69, 188);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-ltpink {
  background-color: rgb(244, 111, 198);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-blue {
  background-color: rgb(21, 111, 238);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-mdblue {
  background-color: rgb(46, 143, 249);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-ltblue {
  background-color: rgb(82, 176, 252);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-cyan {
  background-color: rgb(8, 137, 178);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-mdcyan {
  background-color: rgb(6, 173, 211);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-ltcyan {
  background-color: rgb(34, 202, 237);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-seagreen {
  background-color: rgb(14, 146, 132);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-mdseagreen {
  background-color: rgb(21, 182, 158);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-ltseagreen {
  background-color: rgb(46, 209, 183);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-green {
  background-color: rgb(9, 145, 80);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-mdgreen {
  background-color: rgb(22, 178, 100);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-ltgreen {
  background-color: rgb(60, 201, 127);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-olive {
  background-color: rgb(78, 121, 34);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-mdolive {
  background-color: rgb(101, 158, 43);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-ltolive {
  background-color: rgb(133, 201, 61);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-gray {
  background-color: rgb(74, 84, 101);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-mdgray {
  background-color: rgb(104, 116, 134);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-ltgray {
  background-color: rgb(153, 163, 178);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-brown {
  background-color: rgb(70, 50, 3);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-mdbrown {
  background-color: rgb(84, 58, 13);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-ltbrown {
  background-color: rgb(108, 86, 52);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-maroon {
  background-color: rgb(128, 0, 0);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-mdmaroon {
  background-color: rgb(178, 34, 34);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-ltmaroon {
  background-color: rgb(205, 92, 92);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-red {
  background-color: rgb(187, 7, 7);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-mdred {
  background-color: rgb(228, 6, 6);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-ltred {
  background-color: rgb(231, 43, 43);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-orange {
  background-color: rgb(222, 78, 23);
  color: var(--text-base-light);
}
.s360ContextMenu .menu-item.color-mdorange {
  background-color: rgb(237, 103, 33);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-ltorange {
  background-color: rgb(241, 134, 68);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-yellow {
  background-color: rgb(232, 169, 9);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-mdyellow {
  background-color: rgb(248, 195, 22);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.color-ltyellow {
  background-color: rgb(251, 224, 114);
  color: var(--text-base-dark);
}
.s360ContextMenu .menu-item.separator {
  padding: 0;
  cursor: unset;
}
.s360ContextMenu .menu-item.separator hr {
  background-color: var(--border-secondary);
  width: 100%;
  height: 1px;
  border: none;
  margin: 3px 0;
}
.s360ContextMenu .menu-item.flyout {
  padding: 8px 2px 8px 12px;
}
.s360ContextMenu .menu-item.active:not(.no-hover) {
  background-color: var(--menu-item-hover);
}
.s360ContextMenu .menu-item.active:not(.no-hover).disabled {
  background-color: unset;
}
.s360ContextMenu .menu-item.selected {
  background-color: var(--highlight-primary);
}
.s360ContextMenu .menu-item i {
  color: var(--menu-txt);
  font-size: 1.125rem;
  margin-left: auto;
}
.s360ContextMenu .menu-item .menu-item-hotkey {
  margin-left: auto;
  padding-left: 10px;
  color: var(--text-tertiary);
}
.s360ContextMenu .menu-item .menu-item-text.has-icon {
  display: flex;
}
.s360ContextMenu .menu-item .menu-item-text.has-icon i {
  color: var(--text-tertiary);
  font-size: 1.125rem;
  margin-right: 8px;
}
.s360ContextMenu .menu-item.disabled .menu-item-text {
  opacity: 0.5;
}

.overflow-menu {
  border: 1px solid var(--border-secondary);
  background-color: var(--menu-bg);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.overflow-menu:focus {
  outline: none;
}

.button-container.overflow-menu {
  display: none;
  position: absolute;
  z-index: 99999;
  overflow: hidden;
}
.button-container.overflow-menu.hover, .button-container.overflow-menu.active {
  display: flex;
}

.overflow-menu button {
  display: flex;
  justify-content: flex-start;
  padding: 8px 12px;
  margin: 0;
  border-radius: 0;
  border: none;
  width: 100%;
  white-space: nowrap;
}

.overflow-menu button:hover {
  background-color: #f0f0f0;
}

[class*=button-container] {
  display: flex;
  align-items: center;
}
[class*=button-container] button {
  overflow: hidden;
  box-sizing: border-box;
}
[class*=button-container] button:not(.button-style) {
  border: none;
  color: var(--text-primary);
  background-color: transparent;
  padding: 0.375rem 0.625rem;
}
[class*=button-container] button:not(.button-style).disabled > i {
  opacity: 0.5;
}
[class*=button-container] button:not(.button-style):hover {
  background-color: var(--highlight-primary);
}
[class*=button-container] button.button-style {
  height: var(--input-height);
}
[class*=button-container] button.menu-type {
  border: 1px solid var(--border-secondary);
  background-color: var(--background-tertiary);
  height: calc(100% - var(--input-spacing) * 2);
  margin: var(--input-spacing);
  padding: 0 5px;
}
[class*=button-container] button.menu-type > * {
  padding: 0 3px;
}
[class*=button-container] button.menu-type:after {
  font-family: "Material Symbols Outlined Local", "Material Symbols Outlined";
  content: "keyboard_arrow_down";
  padding: 0 3px;
}
[class*=button-container] button.active {
  background-color: var(--highlight-primary);
}
[class*=button-container] button.hover-spin, [class*=button-container] button.animate-spin {
  transition: transform 0.5s ease-in-out;
}
[class*=button-container] button.hover-spin i:hover {
  animation: spin 1s infinite;
}
[class*=button-container] button.animate-spin i {
  animation: spin 1s infinite;
}
[class*=button-container] button.timebill-stop i {
  position: relative;
}
[class*=button-container] button.timebill-stop i::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: var(--error-color);
  bottom: -1px;
  right: -2px;
  border-radius: 2px;
}
[class*=button-container] button.hover-search, [class*=button-container] button.animate-search {
  transition: transform 0.3s ease-in-out;
}
[class*=button-container] button.hover-search i:hover {
  animation: search 1s infinite;
}
[class*=button-container] button.animate-search i {
  animation: search 1s infinite;
}
[class*=button-container] button.hover-press, [class*=button-container] button.animate-press {
  transition: transform 0.2s ease-in-out;
}
[class*=button-container] button.hover-press i:hover {
  animation: press 0.5s infinite alternate;
}
[class*=button-container] button.animate-press i {
  animation: press 0.5s infinite alternate;
}
[class*=button-container].overflowtype-scroll, [class*=button-container].overflowtype-scroll-y {
  flex-wrap: nowrap;
  overflow: hidden;
}
[class*=button-container].overflowtype-scroll {
  overflow-x: auto;
}
[class*=button-container].overflowtype-scroll-y button {
  display: block;
  overflow-y: auto;
}
[class*=button-container] .button-scroll-container {
  overflow: scroll;
  display: inline-block;
  white-space: nowrap;
  scrollbar-width: none; /* Firefox */
}
[class*=button-container] .button-scroll-container::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
[class*=button-container] .button-scroll-container button:not(.hidden) {
  display: inline-flex;
}
[class*=button-container].overflowtype-menu {
  /* Overflow Menu Button */
}
[class*=button-container].overflowtype-menu .overflow-menu-button {
  margin-left: auto;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Container/Panel/FilterPanel/FilterPanel.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.form-designer-add-styles {
  color: var(--text-primary);
  cursor: pointer;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-designer-add-styles:hover {
  background-color: var(--highlight-secondary);
  border-radius: 10px;
}

.s360FilterPanel.form-designer {
  min-width: unset;
  min-height: unset;
}
.s360FilterPanel .filter-toggle-container {
  border-bottom: 1px solid var(--border-primary);
  padding-top: var(--input-spacing);
}
.s360FilterPanel .panel-footer {
  border-top: 1px solid var(--border-primary);
  padding: 5px;
}
.s360FilterPanel .panel-footer > .button-container {
  margin: 0 var(--input-spacing) var(--input-spacing) var(--input-spacing);
  justify-content: flex-end;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Field/Select/FilterToggle/FilterToggle.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.s360FilterToggle .customSelect {
  min-width: 150px;
}
.s360FilterToggle .customSelect .customSelectDisplayText {
  background-color: var(--background-tertiary);
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Field/Select/Select.scss ***!
  \****************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.link-styles {
  color: var(--accent-secondary);
  cursor: pointer;
  text-decoration: none;
}

.fieldInput-styles, .s360Select select.fieldInput, .s360Select .customSelect .customSelectDisplayText, .customSelectListBox .customSelectFilter {
  border: 1px solid var(--editable-input-border);
  color: var(--editable-input-txt);
  background-color: var(--editable-input-bg);
  border-radius: 4px;
  user-select: text;
}
.fieldInput-styles:focus, .s360Select select.fieldInput:focus, .s360Select .customSelect .customSelectDisplayText:focus, .customSelectListBox .customSelectFilter:focus {
  border: 1px solid var(--focused-input-border);
  outline: none;
}
.fieldInput-styles:focus.max-length-reached, .s360Select select.fieldInput:focus.max-length-reached, .s360Select .customSelect .customSelectDisplayText:focus.max-length-reached, .customSelectListBox .customSelectFilter:focus.max-length-reached {
  border: 1px solid var(--error-color);
}
.fieldInput-styles:disabled, .s360Select select.fieldInput:disabled, .s360Select .customSelect .customSelectDisplayText:disabled, .customSelectListBox .customSelectFilter:disabled, .fieldInput-styles.disabled, .s360Select select.disabled.fieldInput, .s360Select .customSelect .disabled.customSelectDisplayText, .customSelectListBox .disabled.customSelectFilter, .fieldInput-styles[disabled], .s360Select select[disabled].fieldInput, .s360Select .customSelect [disabled].customSelectDisplayText, .customSelectListBox [disabled].customSelectFilter {
  border: 1px solid var(--editable-input-border);
  color: var(--input-txt);
  background-color: var(--input-bg);
}
.fieldInput-styles[type=datetime-local], .s360Select select[type=datetime-local].fieldInput, .s360Select .customSelect [type=datetime-local].customSelectDisplayText, .customSelectListBox [type=datetime-local].customSelectFilter, .fieldInput-styles[type=date], .s360Select select[type=date].fieldInput, .s360Select .customSelect [type=date].customSelectDisplayText, .customSelectListBox [type=date].customSelectFilter {
  font-family: "Roboto Local", sans-serif;
}
.fieldInput-styles::placeholder, .s360Select select.fieldInput::placeholder, .s360Select .customSelect .customSelectDisplayText::placeholder, .customSelectListBox .customSelectFilter::placeholder {
  color: var(--input-placeholder);
  opacity: 0.6;
}

.largeFieldInput-styles .fieldInput {
  border-radius: 8px;
  padding: 0 10px;
  height: 2.75rem;
  font-size: 1rem;
}
.largeFieldInput-styles .input-icon {
  right: 10px;
  font-size: 1.125rem;
}

.s360Select {
  cursor: default;
}
.s360Select.multiple {
  align-items: start;
}
.s360Select.multiple .s360Label {
  padding-top: 9px;
}
.s360Select select.fieldInput .optionSeparator {
  font-style: italic;
  color: var(--text-tertiary);
}
.s360Select select.fieldInput[multiple] {
  height: 6.25rem;
}
.s360Select .customSelect {
  border: none;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.s360Select .customSelect.multiple .customSelectDisplayText {
  flex-wrap: wrap;
  min-height: var(--input-height);
  height: auto;
  gap: 5px;
}
.s360Select .customSelect.multiple .customSelectDisplayText::after {
  font-family: "Material Symbols Outlined Local", "Material Symbols Outlined";
  content: "expand_more";
  margin-left: auto;
  font-size: 0.875rem;
}
.s360Select .customSelect.multiple .customSelectDisplayText .select-bubble {
  background-color: var(--background-secondary);
  padding: 2px 6px;
  border-radius: 6px;
  border: 1px solid var(--border-secondary);
  display: flex;
  align-items: center;
}
.s360Select .customSelect.multiple .customSelectDisplayText .select-bubble:hover {
  background-color: var(--highlight-primary);
}
.s360Select .customSelect.multiple .customSelectDisplayText .select-bubble .select-bubble-remove {
  font-size: 0.75rem;
  margin-left: 5px;
  cursor: pointer;
  color: var(--text-tertiary);
}
.s360Select .customSelect.multiple .customSelectDisplayText .select-bubble .select-bubble-remove:hover {
  color: var(--close-primary);
}
.s360Select .customSelect .customSelectDisplayText {
  overflow: hidden;
  display: flex;
  padding: 4px 4px 4px 8px;
  align-items: center;
}
.s360Select .customSelect .customSelectDisplayText .selectionText {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
  width: 100%;
}
.s360Select .customSelect .customSelectDisplayText.disabled .select-bubble {
  background-color: var(--background-tertiary);
}
.s360Select .customSelect .customSelectDisplayText.disabled .select-bubble .select-bubble-remove {
  display: none;
}
.s360Select .customSelect .customSelectArrowIcon {
  color: var(--text-secondary);
  font-size: 0.875rem;
}
.s360Select .customSelect > .customSelectDisplayText.disabled .customSelectArrowIcon {
  display: none;
}
.s360Select .customSelect.expanded:not(.flipped) .customSelectDisplayText {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.s360Select .customSelect.expanded.flipped .customSelectDisplayText {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.s360Select.form-designer .customSelect > .customSelectDisplayText.disabled + .customSelectArrowIcon {
  display: initial;
}

.customSelectListBox {
  display: none;
  position: fixed;
  z-index: 2000;
  background-color: var(--background-secondary);
  color: var(--text-primary);
  box-sizing: border-box;
  border: 1px solid var(--border-secondary);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  overflow: hidden;
}
.customSelectListBox.expanded {
  display: block;
}
.customSelectListBox.expanded.flipped {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.customSelectListBox .customSelectFilter {
  height: var(--input-height);
  border-radius: 0;
}
.customSelectListBox .customSelectOptionsContainer {
  overflow: auto;
  max-height: 300px;
}
.customSelectListBox .customSelectOptionsContainer .customSelectSeparator {
  height: 1px;
  background-color: var(--border-secondary);
  margin: 5px 0;
}
.customSelectListBox .customSelectOptionsContainer .customSelectOption {
  padding: 5px;
  cursor: pointer;
  min-height: var(--input-height);
  font-size: 0.75rem;
  white-space: nowrap;
  min-width: fit-content;
  display: flex;
  align-items: center;
  /*&:hover,*/
}
.customSelectListBox .customSelectOptionsContainer .customSelectOption.disabled {
  opacity: 0.5;
}
.customSelectListBox .customSelectOptionsContainer .customSelectOption.highlight {
  font-weight: bold;
}
.customSelectListBox .customSelectOptionsContainer .customSelectOption.highlight:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: var(--accent-color);
  margin-right: 2px;
}
.customSelectListBox .customSelectOptionsContainer .customSelectOption.selected {
  background-color: var(--highlight-primary);
}
.customSelectListBox .customSelectOptionsContainer .customSelectOption.active:not(.disabled) {
  background-color: var(--highlight-secondary);
}
.customSelectListBox .customSelectOptionsContainer .customSelectOption.flexOption {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.customSelectListBox .customSelectOptionsContainer .customSelectOption .customSelectOptionDeleteIcon {
  font-size: 1.125rem;
}
.customSelectListBox .customSelectOptionsContainer .customSelectOption .customSelectOptionDeleteIcon:hover {
  color: var(--error-color);
  cursor: pointer;
  font-weight: bold;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Field/Field.scss ***!
  \********************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.link-styles {
  color: var(--accent-secondary);
  cursor: pointer;
  text-decoration: none;
}

.fieldInput-styles {
  border: 1px solid var(--editable-input-border);
  color: var(--editable-input-txt);
  background-color: var(--editable-input-bg);
  border-radius: 4px;
  user-select: text;
}
.fieldInput-styles:focus {
  border: 1px solid var(--focused-input-border);
  outline: none;
}
.fieldInput-styles:focus.max-length-reached {
  border: 1px solid var(--error-color);
}
.fieldInput-styles:disabled, .fieldInput-styles.disabled, .fieldInput-styles[disabled] {
  border: 1px solid var(--editable-input-border);
  color: var(--input-txt);
  background-color: var(--input-bg);
}
.fieldInput-styles[type=datetime-local], .fieldInput-styles[type=date] {
  font-family: "Roboto Local", sans-serif;
}
.fieldInput-styles::placeholder {
  color: var(--input-placeholder);
  opacity: 0.6;
}

.largeFieldInput-styles .fieldInput, .s360Field.largeField .fieldInput {
  border-radius: 8px;
  padding: 0 10px;
  height: 2.75rem;
  font-size: 1rem;
}
.largeFieldInput-styles .input-icon, .s360Field.largeField .input-icon {
  right: 10px;
  font-size: 1.125rem;
}

.s360Field {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 var(--input-spacing) var(--input-spacing) var(--input-spacing);
  flex-shrink: 0;
  clear: both;
  overflow: hidden;
}
.s360Field .fieldInputWrapper {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  min-height: var(--input-height);
  flex: 1 1 auto;
}
.s360Field .fieldInputWrapper > .button-container button {
  border: 1px solid var(--border-secondary);
  height: var(--input-height);
  width: calc(var(--input-height) + 8px);
  margin-left: 3px;
  padding: 1px 2px;
  border-radius: 4px;
  background-color: var(--background-secondary);
}
.s360Field .fieldInputWrapper > .button-container button.active, .s360Field .fieldInputWrapper > .button-container button:hover {
  background-color: var(--highlight-primary);
}
.s360Field .fieldInputWrapper > .button-container button.disabled {
  background-color: var(--background-tertiary);
}
.s360Field .fieldInputWrapper > .button-container button:focus-visible {
  outline: none;
  border: 1px solid var(--focused-input-border);
}
.s360Field .fieldInputWrapper > .button-container button i {
  font-size: 1.125rem;
  padding: 1px 0;
}
.s360Field .fieldInput {
  height: var(--input-height);
  width: 100%;
  padding: 4px 8px;
  font-size: 0.75rem;
  color: var(--label-txt);
  box-sizing: border-box;
  position: relative;
}
.s360Field .fieldInput.s360Grid {
  padding: 0;
}
.s360Field .s360Label:not(.d-none) ~ .s360LoadingThrobber.throbber-overlay {
  left: var(--label-width);
}
.s360Field:not(.label-pos-left).label-pos-top, .screen-xxs .s360Field:not(.label-pos-left) {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 2px;
}
.s360Field:not(.label-pos-left).label-pos-top .s360LoadingThrobber.throbber-overlay, .screen-xxs .s360Field:not(.label-pos-left) .s360LoadingThrobber.throbber-overlay {
  left: 0;
}
.s360Field.field-required .s360Label label:after {
  content: "*"; /* Display asterisk */
  color: red; /* Red color */
  margin-right: 0.2em; /* Adjust spacing between asterisk and label */
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/TextBase/Label/Label.scss ***!
  \*****************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.s360TextBase.s360Label {
  width: var(--label-width);
  flex-shrink: 0;
  padding-right: 10px;
  text-align: var(--label-position);
  color: var(--label-txt);
  font-weight: 600;
  /**
  likely temporary, labels show an ellipsis instead of wrapping so they dont stretch the input root element which messes with the form layout
   */
}
.s360TextBase.s360Label:not(.label-pos-left).label-pos-top, .screen-xxs .s360TextBase.s360Label:not(.label-pos-left) {
  width: 100%;
  text-align: left;
  padding-right: 0;
  padding-top: 4px;
}
.s360TextBase.s360Label label {
  white-space: var(--label-white-space); /* Prevents the text from wrapping to the next line */
  overflow: hidden; /* Hides the overflow text */
  text-overflow: ellipsis; /* Shows an ellipsis for overflow text */
  display: inline-block; /* Block display to fill the container width */
  max-width: 100%; /* Ensure the width does not exceed the parent container */
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/TextBase/TextBase.scss ***!
  \**************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.link-styles, .s360TextBase .link {
  color: var(--accent-secondary);
  cursor: pointer;
  text-decoration: none;
}

.fieldInput-styles {
  border: 1px solid var(--editable-input-border);
  color: var(--editable-input-txt);
  background-color: var(--editable-input-bg);
  border-radius: 4px;
  user-select: text;
}
.fieldInput-styles:focus {
  border: 1px solid var(--focused-input-border);
  outline: none;
}
.fieldInput-styles:focus.max-length-reached {
  border: 1px solid var(--error-color);
}
.fieldInput-styles:disabled, .fieldInput-styles.disabled, .fieldInput-styles[disabled] {
  border: 1px solid var(--editable-input-border);
  color: var(--input-txt);
  background-color: var(--input-bg);
}
.fieldInput-styles[type=datetime-local], .fieldInput-styles[type=date] {
  font-family: "Roboto Local", sans-serif;
}
.fieldInput-styles::placeholder {
  color: var(--input-placeholder);
  opacity: 0.6;
}

.largeFieldInput-styles .fieldInput {
  border-radius: 8px;
  padding: 0 10px;
  height: 2.75rem;
  font-size: 1rem;
}
.largeFieldInput-styles .input-icon {
  right: 10px;
  font-size: 1.125rem;
}

.s360TextBase {
  width: 100%;
  text-align: center;
  font-size: 0.8125rem;
  line-height: 0.875rem;
  font-family: var(--default-font);
  color: var(--text-primary);
  user-select: text;
}
.s360TextBase.bold {
  font-weight: bold;
}
.s360TextBase.left {
  text-align: left;
}
.s360TextBase.right {
  text-align: right;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Container/Application/Application.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.s360Viewport {
  flex: 1;
  overflow: hidden;
  background-color: var(--viewport-bg);
  border-top-left-radius: 12px;
}

/**
** These are the heights for specific application Viewports.
** They get imported into Application.scss for use
**/
.application-level-panels > .s360PanelSet.panel-right-open, .s360Application .main-container > .s360PanelSet.panel-right-open {
  border-radius: 0;
}
.application-level-panels > .s360PanelSet > .child-container .panels, .s360Application .main-container > .s360PanelSet > .child-container .panels {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.application-level-panels > .s360PanelSet > .child-container .panels.panels-right, .s360Application .main-container > .s360PanelSet > .child-container .panels.panels-right, .application-level-panels > .s360PanelSet > .child-container .panels.panels-left, .s360Application .main-container > .s360PanelSet > .child-container .panels.panels-left {
  border-color: var(--background-primary);
}
.application-level-panels > .s360PanelSet > .child-container .panels.panels-right:not(.has-right-button-container), .s360Application .main-container > .s360PanelSet > .child-container .panels.panels-right:not(.has-right-button-container), .application-level-panels > .s360PanelSet > .child-container .panels.panels-left:not(.has-right-button-container), .s360Application .main-container > .s360PanelSet > .child-container .panels.panels-left:not(.has-right-button-container) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.application-level-panels > .s360PanelSet > .child-container .panels .s360Modal.docked .modal-bar, .s360Application .main-container > .s360PanelSet > .child-container .panels .s360Modal.docked .modal-bar {
  background-color: var(--background-primary);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.application-level-panels > .s360PanelSet > .child-container .panels .s360Modal.docked .modal-content, .s360Application .main-container > .s360PanelSet > .child-container .panels .s360Modal.docked .modal-content {
  background-color: var(--background-primary);
}
.application-level-panels > .s360PanelSet > .child-container .panels .s360Modal.docked .modal-content .child-container, .s360Application .main-container > .s360PanelSet > .child-container .panels .s360Modal.docked .modal-content .child-container {
  border-radius: 8px;
  padding: 10px;
  background-color: var(--background-secondary);
}
.application-level-panels .s360Viewport:has(+ .s360PanelSet.panel-right-open), .s360Application .main-container .s360Viewport:has(+ .s360PanelSet.panel-right-open) {
  border-top-right-radius: 10px;
}
.application-level-panels .s360Viewport:has(+ .s360PanelSet.panel-right-open) .s360ScreenTab, .s360Application .main-container .s360Viewport:has(+ .s360PanelSet.panel-right-open) .s360ScreenTab, .application-level-panels .s360Viewport:has(+ .s360PanelSet.panel-right-open) .s360ScreenTab > .screen-content, .s360Application .main-container .s360Viewport:has(+ .s360PanelSet.panel-right-open) .s360ScreenTab > .screen-content,
.application-level-panels .s360Viewport:has(+ .s360PanelSet.panel-right-open) .screen-container:not(.s360ScreenGroupTab),
.s360Application .main-container .s360Viewport:has(+ .s360PanelSet.panel-right-open) .screen-container:not(.s360ScreenGroupTab) {
  border-top-right-radius: 10px;
}
.application-level-panels .s360Viewport:has(+ .s360PanelSet.panel-right-open) .s360ScreenGroupWindow, .s360Application .main-container .s360Viewport:has(+ .s360PanelSet.panel-right-open) .s360ScreenGroupWindow, .application-level-panels .s360Viewport:has(+ .s360PanelSet.panel-right-open) .s360ScreenGroupTab:last-child, .s360Application .main-container .s360Viewport:has(+ .s360PanelSet.panel-right-open) .s360ScreenGroupTab:last-child {
  padding-right: 8px;
}

.application-level-panels-mobile > .s360PanelSet {
  color: blue;
}
.application-level-panels-mobile > .s360PanelSet > .child-container .panels-right .s360Panel {
  width: 100vw !important;
}

body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: var(--viewport-bg);
  scrollbar-color: var(--scrollbar-primary) transparent;
}

.s360Application {
  display: flex;
  flex-direction: column;
  height: 100dvh;
}
.s360Application.s360Q360 > .main-container > .s360Viewport {
  max-height: calc(100vh - 3rem);
}
.s360Application.use-wallpaper {
  background-image: var(--wallpaper);
}
.s360Application.use-wallpaper .s360Navbar .navbar,
.s360Application.use-wallpaper .s360Toolbar {
  background-color: var(--background-primary-transparent);
  background-size: cover;
}
.s360Application.use-wallpaper .s360ScreenGroup .screen-container,
.s360Application.use-wallpaper .s360ScreenGroupWindow,
.s360Application.use-wallpaper .s360Viewport,
.s360Application.use-wallpaper .main-container {
  background-color: transparent;
}
.s360Application.use-wallpaper .s360ScreenGroupTab {
  background-color: transparent;
}
.s360Application.use-wallpaper .s360ScreenGroupTab .tab-button-container {
  background: transparent;
}
.s360Application .main-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  overflow: hidden;
  background-color: var(--background-primary);
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Container/Panel/Panel.scss ***!
  \******************************************************************************************************************************************************************************************************/
.s360Panel.docked {
  position: relative;
  min-height: 100%;
  max-height: 0;
  max-width: 100%;
  border-radius: 0;
}
.s360Panel.docked .modal-bar .modal-drag-area {
  cursor: initial;
}
.s360Panel.docked .modal-content {
  display: block;
  overflow-y: auto;
  padding: 5px;
  flex-grow: 1;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Container/Screen/ScreenSingle/ScreenSingle.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.s360ScreenSingle {
  background: var(--screen-bg);
}
.s360ScreenSingle > .screen-content {
  height: 100%;
  width: 100%;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Container/Screen/Screen.scss ***!
  \********************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.s360Screen {
  /*.screen-content {
  	.error-container {
  		display: flex;
  		flex-direction: column;
  		justify-content: center;
  		align-items: center;
  		height: 100%;

  		.error-icon {
  			font-size: $iconMD;
  			color: var(--error-color); 
  		}

  		.error-message {
  			color: var(--error-color);
  			font-size: px-to-rem(18);
  			font-weight: bold;
  			margin-top: 10px; // Space between icon and text
  		}
  	}
  }*/
}
.s360Screen > .screen-content {
  background-color: var(--screen-bg);
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Container/Modal/DialogModal/Alert/Alert.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.s360Modal.s360Alert {
  min-width: 300px;
  max-width: 600px;
  max-height: 80%;
}
.s360Modal.s360Alert .modal-content {
  display: flex;
  flex-direction: column;
}
.s360Modal.s360Alert .modal-content .child-container {
  overflow: auto;
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/DragManager/DragManager.scss ***!
  \**********************************************************************************************************************************************************************************************/
.drop-container {
  border: 1px var(--info-color) dashed;
}

.active-drop-target.drop-container {
  border: 2px var(--accent-color) dashed;
}

.drop-preview {
  background-color: var(--highlight-secondary);
}

.ghost-element {
  opacity: 0.5;
  border: 2px dashed #aaa;
  z-index: 999;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Container/Form/ErrorForm/ErrorForm.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.link-styles, .login-styles .form-wrapper .form-container form .form-group .s360TextBase a, .login-styles .form-wrapper [class*=form-container] form .form-group .s360TextBase a {
  color: var(--accent-secondary);
  cursor: pointer;
  text-decoration: none;
}

.fieldInput-styles {
  border: 1px solid var(--editable-input-border);
  color: var(--editable-input-txt);
  background-color: var(--editable-input-bg);
  border-radius: 4px;
  user-select: text;
}
.fieldInput-styles:focus {
  border: 1px solid var(--focused-input-border);
  outline: none;
}
.fieldInput-styles:focus.max-length-reached {
  border: 1px solid var(--error-color);
}
.fieldInput-styles:disabled, .fieldInput-styles.disabled, .fieldInput-styles[disabled] {
  border: 1px solid var(--editable-input-border);
  color: var(--input-txt);
  background-color: var(--input-bg);
}
.fieldInput-styles[type=datetime-local], .fieldInput-styles[type=date] {
  font-family: "Roboto Local", sans-serif;
}
.fieldInput-styles::placeholder {
  color: var(--input-placeholder);
  opacity: 0.6;
}

.largeFieldInput-styles .fieldInput {
  border-radius: 8px;
  padding: 0 10px;
  height: 2.75rem;
  font-size: 1rem;
}
.largeFieldInput-styles .input-icon {
  right: 10px;
  font-size: 1.125rem;
}

.login-styles {
  display: block;
  background-image: url(/dist/images/intersect_pattern.svg);
  background-repeat: no-repeat;
  background-position: top;
}
.login-styles .branding-logo {
  background-image: var(--logo-url);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 45px;
  width: 100%;
}
.login-styles .form-cover {
  display: var(--login-cover-display);
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 1;
  opacity: 0.7;
  background: var(--background-secondary);
}
.login-styles .form-wrapper {
  position: relative;
  z-index: 2;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.login-styles .form-wrapper .form-container, .login-styles .form-wrapper [class*=form-container] {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transform: translateX(0);
  opacity: 1;
}
.login-styles .form-wrapper .form-container header, .login-styles .form-wrapper [class*=form-container] header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
  color: var(--text-secondary);
}
@media screen and (max-width: 500px), screen and (max-height: 800px) {
  .login-styles .form-wrapper .form-container header, .login-styles .form-wrapper [class*=form-container] header {
    padding-top: 20px;
  }
}
.login-styles .form-wrapper .form-container header .heading, .login-styles .form-wrapper [class*=form-container] header .heading {
  margin: 24px 0 6px 0;
  font-size: 1.875rem;
  font-weight: 600;
}
.login-styles .form-wrapper .form-container header .sub-heading, .login-styles .form-wrapper [class*=form-container] header .sub-heading {
  margin: 6px 0 32px 0;
  font-size: 1rem;
  font-weight: 400;
}
.login-styles .form-wrapper .form-container form, .login-styles .form-wrapper [class*=form-container] form {
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 90%;
}
@media (min-width: 500px) {
  .login-styles .form-wrapper .form-container form.thin, .login-styles .form-wrapper [class*=form-container] form.thin {
    max-width: 360px;
  }
}
@media (min-width: 560px) {
  .login-styles .form-wrapper .form-container form.wide, .login-styles .form-wrapper [class*=form-container] form.wide {
    max-width: 560px;
  }
}
.login-styles .form-wrapper .form-container form .form-group, .login-styles .form-wrapper [class*=form-container] form .form-group {
  margin-bottom: 24px;
}
.login-styles .form-wrapper .form-container form .form-group .s360Field, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Field {
  margin: 0;
}
.login-styles .form-wrapper .form-container form .form-group .s360Field .s360Label, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Field .s360Label {
  font-weight: 500;
  margin-bottom: 6px;
}
.login-styles .form-wrapper .form-container form .form-group .s360Field .fieldInput, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Field .fieldInput {
  color: var(--text-secondary);
}
.login-styles .form-wrapper .form-container form .form-group .s360Button, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button {
  margin: 0;
}
.login-styles .form-wrapper .form-container form .form-group .s360Button.oauth.azure button:before, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button.oauth.azure button:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEuMDQ2ODggMS4wNDY4OEgxMS40ODE3VjExLjQ4MTdIMS4wNDY4OFYxLjA0Njg4WiIgZmlsbD0iI0YzNTMyNSIvPgo8cGF0aCBkPSJNMTIuNTIzNCAxLjA0Njg4SDIyLjk1ODJWMTEuNDgxN0gxMi41MjM0VjEuMDQ2ODhaIiBmaWxsPSIjODFCQzA2Ii8+CjxwYXRoIGQ9Ik0xLjA0Njg4IDEyLjUyMzRIMTEuNDgxN1YyMi45NTgySDEuMDQ2ODhWMTIuNTIzNFoiIGZpbGw9IiMwNUE2RjAiLz4KPHBhdGggZD0iTTEyLjUyMzQgMTIuNTIzNEgyMi45NTgyVjIyLjk1ODJIMTIuNTIzNFYxMi41MjM0WiIgZmlsbD0iI0ZGQkEwOCIvPgo8L3N2Zz4=);
}
.login-styles .form-wrapper .form-container form .form-group .s360Button.oauth.google button:before, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button.oauth.google button:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI1IDI0IiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfODc3XzExMDMxOSkiPgogICAgPHBhdGggZD0iTTI0LjI2ODIgMTIuMjc0M0MyNC4yNjgyIDExLjQ1ODYgMjQuMjAyMSAxMC42Mzg0IDI0LjA2MSA5LjgzNTk0SDEyLjc0MjJWMTQuNDU2OUgxOS4yMjM5QzE4Ljk1NSAxNS45NDczIDE4LjA5MDcgMTcuMjY1NyAxNi44MjUyIDE4LjEwMzRWMjEuMTAxOEgyMC42OTIyQzIyLjk2MyAxOS4wMTE4IDI0LjI2ODIgMTUuOTI1MiAyNC4yNjgyIDEyLjI3NDNaIiBmaWxsPSIjNDI4NUY0Ii8+CiAgICA8cGF0aCBkPSJNMTIuNzM5MSAyMy45OTc0QzE1Ljk3NTYgMjMuOTk3NCAxOC43MDUgMjIuOTM0OCAyMC42OTM2IDIxLjEwMDVMMTYuODI2NiAxOC4xMDIxQzE1Ljc1MDcgMTguODM0MSAxNC4zNjE4IDE5LjI0ODYgMTIuNzQzNSAxOS4yNDg2QzkuNjEyOTEgMTkuMjQ4NiA2Ljk1ODQ5IDE3LjEzNjUgNi4wMDYwNyAxNC4yOTY5SDIuMDE1NjJWMTcuMzg3OEM0LjA1Mjc0IDIxLjQ0IDguMjAxOTIgMjMuOTk3NCAxMi43MzkxIDIzLjk5NzRaIiBmaWxsPSIjMzRBODUzIi8+CiAgICA8cGF0aCBkPSJNNi4wMDQ3MyAxNC4zMDI3QzUuNTAyMDYgMTIuODEyMyA1LjUwMjA2IDExLjE5ODUgNi4wMDQ3MyA5LjcwODEzVjYuNjE3MTlIMi4wMTg2OUMwLjMxNjY4NyAxMC4wMDggMC4zMTY2ODcgMTQuMDAyOCAyLjAxODY5IDE3LjM5MzZMNi4wMDQ3MyAxNC4zMDI3WiIgZmlsbD0iI0ZCQkMwNCIvPgogICAgPHBhdGggZD0iTTEyLjczOTEgNC43NDk2NkMxNC40NDk5IDQuNzIzMiAxNi4xMDM0IDUuMzY2OTcgMTcuMzQyNSA2LjU0ODY3TDIwLjc2ODUgMy4xMjI2MkMxOC41OTkxIDEuMDg1NSAxNS43MTk4IC0wLjAzNDQ2NiAxMi43MzkxIDAuMDAwODA4NjY2QzguMjAxOTIgMC4wMDA4MDg2NjYgNC4wNTI3NCAyLjU1ODIyIDIuMDE1NjIgNi42MTQ4MUw2LjAwMTY2IDkuNzA1NzVDNi45NDk2NyA2Ljg2MTczIDkuNjA4NSA0Ljc0OTY2IDEyLjczOTEgNC43NDk2NloiIGZpbGw9IiNFQTQzMzUiLz4KICA8L2c+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzg3N18xMTAzMTkiPgogICAgICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUpIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KPC9zdmc+);
}
.login-styles .form-wrapper .form-container form .form-group .s360Button.oauth button:before, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button.oauth button:before {
  margin-right: 12px;
}
.login-styles .form-wrapper .form-container form .form-group .s360Button button, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button button {
  width: 100%;
  display: flex;
  font-size: 1rem;
}
.login-styles .form-wrapper .form-container form .form-group .s360TextBase a, .login-styles .form-wrapper [class*=form-container] form .form-group .s360TextBase a {
  font-weight: 600;
  font-size: 14px;
}
.login-styles .form-wrapper .form-container form .form-group .return-container, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-styles .form-wrapper .form-container form .form-group .return-container i, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container i {
  font-size: 1.125rem;
  padding-right: 4px;
}
.login-styles .form-wrapper .form-container form .form-group .return-container .s360TextBase, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase {
  width: auto;
}
.login-styles .form-wrapper .form-container form .form-group .return-container .s360TextBase a, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase a {
  display: flex;
}
.login-styles .form-wrapper .form-container form .form-group .return-container .s360TextBase a:before, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase a:before {
  font-family: "Material Symbols Outlined Local", "Material Symbols Outlined";
  content: "arrow_back";
  font-size: 1.125rem;
  padding-right: 4px;
}
.login-styles .form-wrapper footer {
  position: absolute;
  bottom: 2px;
  font-size: 10px;
  color: var(--text-secondary);
  width: calc(100% - 8px);
  margin: 0 4px;
}
.login-styles .form-wrapper footer .version {
  float: right;
}

.s360ErrorForm .error-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.s360ErrorForm .error-container .i {
  font-size: 1.5rem;
  color: var(--error-color);
}
.s360ErrorForm .error-container .error-message {
  color: var(--error-color);
  font-size: 1.125rem;
  font-weight: bold;
  margin-top: 10px;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/TextBase/DynamicText/DynamicText.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.s360TextBase.s360DynamicText {
  color: var(--text-secondary);
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/TooltipManager/Tooltip/Tooltip.scss ***!
  \***************************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.s360Tooltip {
  box-shadow: 0 4px 10px 0px var(--box-shadow);
  position: fixed;
  background-color: var(--background-tertiary);
  color: var(--text-secondary);
  padding: 8px;
  border-radius: 6px;
  border: 1px solid var(--border-secondary);
  z-index: 1000;
  user-select: text;
  box-sizing: border-box;
  width: max-content;
  max-width: 400px;
  overflow-wrap: anywhere;
  word-break: keep-all;
  max-height: 500px;
  overflow: auto;
}
.s360Tooltip table {
  color: var(--text-secondary);
}
.s360Tooltip p {
  margin: 8 0;
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Navbar/Navbar.scss ***!
  \**********************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.s360Navbar {
  height: 3rem;
  box-sizing: border-box;
}
.s360Navbar .navbar {
  height: 100%;
  display: flex;
  background-color: var(--navbar-bg);
  overflow: hidden;
  width: 100%;
  z-index: 1;
}
.s360Navbar .navbar .navbar-container {
  display: flex;
}
.s360Navbar .navbar .navbar-container.navbar-logo {
  min-width: 250px;
  justify-content: center;
}
.s360Navbar .navbar .navbar-container.navbar-logo .branding-logo {
  width: 100px;
  height: 100%;
  background-image: var(--logo-url);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.s360Navbar .navbar .navbar-container .navbar-search-container {
  display: none;
  width: 500px;
  margin: 0.5rem 0.625rem;
}
.s360Navbar .navbar .navbar-container .navbar-search-container.show {
  display: block;
}
.s360Navbar .navbar .navbar-container .navbar-search-container .search-input {
  background-color: var(--editable-input-bg);
  border-radius: 6px;
  padding: 0 5px;
  border: 1px solid var(--border-secondary);
}
.s360Navbar .navbar .navbar-container .navbar-search-container .search-input:focus-within {
  border-color: var(--accent-color);
}
.s360Navbar .navbar .navbar-container .navbar-search-container .search-input i {
  color: var(--text-primary);
}
.s360Navbar .navbar .navbar-container .navbar-search-container .search-input .fieldInputWrapper input {
  border: none;
  font-size: 0.875rem;
}
.s360Navbar .navbar .navbar-container .navbar-search-container .search-input .fieldInputWrapper input:before {
  font-family: "Material Symbols Outlined Local", "Material Symbols Outlined";
  content: "search";
}
.s360Navbar .navbar .navbar-container .navbar-button-container button {
  margin: 0 0.1875rem;
  border-radius: 8px;
  padding: 0;
  min-width: 1.875rem;
  height: 2rem;
  position: relative;
}
.s360Navbar .navbar .navbar-container .navbar-button-container button.new-content:after {
  content: attr(num-notifications);
  width: 12px;
  height: 12px;
  border-radius: 5px;
  background-color: var(--accent-color);
  position: absolute;
  bottom: 3px;
  right: 1px;
  font-size: 0.583333125rem;
  color: var(--text-accent-dark);
}
.s360Navbar .navbar .navbar-container .navbar-button-container button i {
  margin: 0 5px;
}
.s360Navbar .navbar .navbar-container .navbar-button-container button .button-text {
  font-size: 0.875rem;
  padding: 0 8px 0 0;
}
.s360Navbar .navbar .navbar-container .navbar-button-container button:hover {
  background-color: var(--navbar-item-hover);
}
.s360Navbar .navbar .navbar-container .dropdown-container {
  display: none;
  position: absolute;
  min-width: 160px;
  z-index: 1000;
  background-color: var(--menu-bg);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.s360Navbar .navbar .navbar-container .dropdown-container.show {
  display: block;
}
.s360Navbar .navbar .navbar-container .dropdown-container a {
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 0.875rem;
}
.s360Navbar .navbar .navbar-container .dropdown-container a:hover {
  background-color: var(--menu-item-hover);
  cursor: pointer;
}
.s360Navbar .navbar .navbar-container.navbar-right {
  width: 100%;
  margin-right: 10px;
}
.s360Navbar .navbar .navbar-container.navbar-right > .navbar-button-container {
  margin-left: auto;
}
.s360Navbar .navbar .navbar-container.navbar-left {
  flex: 0 0 70px;
  justify-content: center;
  display: none;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Viewport/Viewport.scss ***!
  \**************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.s360Viewport {
  flex: 1;
  overflow: hidden;
  background-color: var(--viewport-bg);
  border-top-left-radius: 12px;
}

/**
** These are the heights for specific application Viewports.
** They get imported into Application.scss for use
**/
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Container/Form/LoginForm/LoginForm.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.link-styles, .login-styles .form-wrapper .form-container form .form-group .s360TextBase a, .login-styles .form-wrapper [class*=form-container] form .form-group .s360TextBase a, .s360LoginForm .form-wrapper .form-container form .form-group .s360TextBase a, .s360LoginForm .form-wrapper [class*=form-container] form .form-group .s360TextBase a {
  color: var(--accent-secondary);
  cursor: pointer;
  text-decoration: none;
}

.fieldInput-styles {
  border: 1px solid var(--editable-input-border);
  color: var(--editable-input-txt);
  background-color: var(--editable-input-bg);
  border-radius: 4px;
  user-select: text;
}
.fieldInput-styles:focus {
  border: 1px solid var(--focused-input-border);
  outline: none;
}
.fieldInput-styles:focus.max-length-reached {
  border: 1px solid var(--error-color);
}
.fieldInput-styles:disabled, .fieldInput-styles.disabled, .fieldInput-styles[disabled] {
  border: 1px solid var(--editable-input-border);
  color: var(--input-txt);
  background-color: var(--input-bg);
}
.fieldInput-styles[type=datetime-local], .fieldInput-styles[type=date] {
  font-family: "Roboto Local", sans-serif;
}
.fieldInput-styles::placeholder {
  color: var(--input-placeholder);
  opacity: 0.6;
}

.largeFieldInput-styles .fieldInput {
  border-radius: 8px;
  padding: 0 10px;
  height: 2.75rem;
  font-size: 1rem;
}
.largeFieldInput-styles .input-icon {
  right: 10px;
  font-size: 1.125rem;
}

.login-styles, .s360LoginForm {
  display: block;
  background-image: url(/dist/images/intersect_pattern.svg);
  background-repeat: no-repeat;
  background-position: top;
}
.login-styles .branding-logo, .s360LoginForm .branding-logo {
  background-image: var(--logo-url);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 45px;
  width: 100%;
}
.login-styles .form-cover, .s360LoginForm .form-cover {
  display: var(--login-cover-display);
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 1;
  opacity: 0.7;
  background: var(--background-secondary);
}
.login-styles .form-wrapper, .s360LoginForm .form-wrapper {
  position: relative;
  z-index: 2;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.login-styles .form-wrapper .form-container, .s360LoginForm .form-wrapper .form-container, .login-styles .form-wrapper [class*=form-container], .s360LoginForm .form-wrapper [class*=form-container] {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transform: translateX(0);
  opacity: 1;
}
.login-styles .form-wrapper .form-container header, .s360LoginForm .form-wrapper .form-container header, .login-styles .form-wrapper [class*=form-container] header, .s360LoginForm .form-wrapper [class*=form-container] header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
  color: var(--text-secondary);
}
@media screen and (max-width: 500px), screen and (max-height: 800px) {
  .login-styles .form-wrapper .form-container header, .s360LoginForm .form-wrapper .form-container header, .login-styles .form-wrapper [class*=form-container] header, .s360LoginForm .form-wrapper [class*=form-container] header {
    padding-top: 20px;
  }
}
.login-styles .form-wrapper .form-container header .heading, .s360LoginForm .form-wrapper .form-container header .heading, .login-styles .form-wrapper [class*=form-container] header .heading, .s360LoginForm .form-wrapper [class*=form-container] header .heading {
  margin: 24px 0 6px 0;
  font-size: 1.875rem;
  font-weight: 600;
}
.login-styles .form-wrapper .form-container header .sub-heading, .s360LoginForm .form-wrapper .form-container header .sub-heading, .login-styles .form-wrapper [class*=form-container] header .sub-heading, .s360LoginForm .form-wrapper [class*=form-container] header .sub-heading {
  margin: 6px 0 32px 0;
  font-size: 1rem;
  font-weight: 400;
}
.login-styles .form-wrapper .form-container form, .s360LoginForm .form-wrapper .form-container form, .login-styles .form-wrapper [class*=form-container] form, .s360LoginForm .form-wrapper [class*=form-container] form {
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 90%;
}
@media (min-width: 500px) {
  .login-styles .form-wrapper .form-container form.thin, .s360LoginForm .form-wrapper .form-container form.thin, .login-styles .form-wrapper [class*=form-container] form.thin, .s360LoginForm .form-wrapper [class*=form-container] form.thin {
    max-width: 360px;
  }
}
@media (min-width: 560px) {
  .login-styles .form-wrapper .form-container form.wide, .s360LoginForm .form-wrapper .form-container form.wide, .login-styles .form-wrapper [class*=form-container] form.wide, .s360LoginForm .form-wrapper [class*=form-container] form.wide {
    max-width: 560px;
  }
}
.login-styles .form-wrapper .form-container form .form-group, .s360LoginForm .form-wrapper .form-container form .form-group, .login-styles .form-wrapper [class*=form-container] form .form-group, .s360LoginForm .form-wrapper [class*=form-container] form .form-group {
  margin-bottom: 24px;
}
.login-styles .form-wrapper .form-container form .form-group .s360Field, .s360LoginForm .form-wrapper .form-container form .form-group .s360Field, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Field, .s360LoginForm .form-wrapper [class*=form-container] form .form-group .s360Field {
  margin: 0;
}
.login-styles .form-wrapper .form-container form .form-group .s360Field .s360Label, .s360LoginForm .form-wrapper .form-container form .form-group .s360Field .s360Label, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Field .s360Label, .s360LoginForm .form-wrapper [class*=form-container] form .form-group .s360Field .s360Label {
  font-weight: 500;
  margin-bottom: 6px;
}
.login-styles .form-wrapper .form-container form .form-group .s360Field .fieldInput, .s360LoginForm .form-wrapper .form-container form .form-group .s360Field .fieldInput, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Field .fieldInput, .s360LoginForm .form-wrapper [class*=form-container] form .form-group .s360Field .fieldInput {
  color: var(--text-secondary);
}
.login-styles .form-wrapper .form-container form .form-group .s360Button, .s360LoginForm .form-wrapper .form-container form .form-group .s360Button, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button, .s360LoginForm .form-wrapper [class*=form-container] form .form-group .s360Button {
  margin: 0;
}
.login-styles .form-wrapper .form-container form .form-group .s360Button.oauth.azure button:before, .s360LoginForm .form-wrapper .form-container form .form-group .s360Button.oauth.azure button:before, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button.oauth.azure button:before, .s360LoginForm .form-wrapper [class*=form-container] form .form-group .s360Button.oauth.azure button:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEuMDQ2ODggMS4wNDY4OEgxMS40ODE3VjExLjQ4MTdIMS4wNDY4OFYxLjA0Njg4WiIgZmlsbD0iI0YzNTMyNSIvPgo8cGF0aCBkPSJNMTIuNTIzNCAxLjA0Njg4SDIyLjk1ODJWMTEuNDgxN0gxMi41MjM0VjEuMDQ2ODhaIiBmaWxsPSIjODFCQzA2Ii8+CjxwYXRoIGQ9Ik0xLjA0Njg4IDEyLjUyMzRIMTEuNDgxN1YyMi45NTgySDEuMDQ2ODhWMTIuNTIzNFoiIGZpbGw9IiMwNUE2RjAiLz4KPHBhdGggZD0iTTEyLjUyMzQgMTIuNTIzNEgyMi45NTgyVjIyLjk1ODJIMTIuNTIzNFYxMi41MjM0WiIgZmlsbD0iI0ZGQkEwOCIvPgo8L3N2Zz4=);
}
.login-styles .form-wrapper .form-container form .form-group .s360Button.oauth.google button:before, .s360LoginForm .form-wrapper .form-container form .form-group .s360Button.oauth.google button:before, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button.oauth.google button:before, .s360LoginForm .form-wrapper [class*=form-container] form .form-group .s360Button.oauth.google button:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI1IDI0IiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfODc3XzExMDMxOSkiPgogICAgPHBhdGggZD0iTTI0LjI2ODIgMTIuMjc0M0MyNC4yNjgyIDExLjQ1ODYgMjQuMjAyMSAxMC42Mzg0IDI0LjA2MSA5LjgzNTk0SDEyLjc0MjJWMTQuNDU2OUgxOS4yMjM5QzE4Ljk1NSAxNS45NDczIDE4LjA5MDcgMTcuMjY1NyAxNi44MjUyIDE4LjEwMzRWMjEuMTAxOEgyMC42OTIyQzIyLjk2MyAxOS4wMTE4IDI0LjI2ODIgMTUuOTI1MiAyNC4yNjgyIDEyLjI3NDNaIiBmaWxsPSIjNDI4NUY0Ii8+CiAgICA8cGF0aCBkPSJNMTIuNzM5MSAyMy45OTc0QzE1Ljk3NTYgMjMuOTk3NCAxOC43MDUgMjIuOTM0OCAyMC42OTM2IDIxLjEwMDVMMTYuODI2NiAxOC4xMDIxQzE1Ljc1MDcgMTguODM0MSAxNC4zNjE4IDE5LjI0ODYgMTIuNzQzNSAxOS4yNDg2QzkuNjEyOTEgMTkuMjQ4NiA2Ljk1ODQ5IDE3LjEzNjUgNi4wMDYwNyAxNC4yOTY5SDIuMDE1NjJWMTcuMzg3OEM0LjA1Mjc0IDIxLjQ0IDguMjAxOTIgMjMuOTk3NCAxMi43MzkxIDIzLjk5NzRaIiBmaWxsPSIjMzRBODUzIi8+CiAgICA8cGF0aCBkPSJNNi4wMDQ3MyAxNC4zMDI3QzUuNTAyMDYgMTIuODEyMyA1LjUwMjA2IDExLjE5ODUgNi4wMDQ3MyA5LjcwODEzVjYuNjE3MTlIMi4wMTg2OUMwLjMxNjY4NyAxMC4wMDggMC4zMTY2ODcgMTQuMDAyOCAyLjAxODY5IDE3LjM5MzZMNi4wMDQ3MyAxNC4zMDI3WiIgZmlsbD0iI0ZCQkMwNCIvPgogICAgPHBhdGggZD0iTTEyLjczOTEgNC43NDk2NkMxNC40NDk5IDQuNzIzMiAxNi4xMDM0IDUuMzY2OTcgMTcuMzQyNSA2LjU0ODY3TDIwLjc2ODUgMy4xMjI2MkMxOC41OTkxIDEuMDg1NSAxNS43MTk4IC0wLjAzNDQ2NiAxMi43MzkxIDAuMDAwODA4NjY2QzguMjAxOTIgMC4wMDA4MDg2NjYgNC4wNTI3NCAyLjU1ODIyIDIuMDE1NjIgNi42MTQ4MUw2LjAwMTY2IDkuNzA1NzVDNi45NDk2NyA2Ljg2MTczIDkuNjA4NSA0Ljc0OTY2IDEyLjczOTEgNC43NDk2NloiIGZpbGw9IiNFQTQzMzUiLz4KICA8L2c+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzg3N18xMTAzMTkiPgogICAgICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUpIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KPC9zdmc+);
}
.login-styles .form-wrapper .form-container form .form-group .s360Button.oauth button:before, .s360LoginForm .form-wrapper .form-container form .form-group .s360Button.oauth button:before, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button.oauth button:before, .s360LoginForm .form-wrapper [class*=form-container] form .form-group .s360Button.oauth button:before {
  margin-right: 12px;
}
.login-styles .form-wrapper .form-container form .form-group .s360Button button, .s360LoginForm .form-wrapper .form-container form .form-group .s360Button button, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button button, .s360LoginForm .form-wrapper [class*=form-container] form .form-group .s360Button button {
  width: 100%;
  display: flex;
  font-size: 1rem;
}
.login-styles .form-wrapper .form-container form .form-group .s360TextBase a, .s360LoginForm .form-wrapper .form-container form .form-group .s360TextBase a, .login-styles .form-wrapper [class*=form-container] form .form-group .s360TextBase a, .s360LoginForm .form-wrapper [class*=form-container] form .form-group .s360TextBase a {
  font-weight: 600;
  font-size: 14px;
}
.login-styles .form-wrapper .form-container form .form-group .return-container, .s360LoginForm .form-wrapper .form-container form .form-group .return-container, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container, .s360LoginForm .form-wrapper [class*=form-container] form .form-group .return-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-styles .form-wrapper .form-container form .form-group .return-container i, .s360LoginForm .form-wrapper .form-container form .form-group .return-container i, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container i, .s360LoginForm .form-wrapper [class*=form-container] form .form-group .return-container i {
  font-size: 1.125rem;
  padding-right: 4px;
}
.login-styles .form-wrapper .form-container form .form-group .return-container .s360TextBase, .s360LoginForm .form-wrapper .form-container form .form-group .return-container .s360TextBase, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase, .s360LoginForm .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase {
  width: auto;
}
.login-styles .form-wrapper .form-container form .form-group .return-container .s360TextBase a, .s360LoginForm .form-wrapper .form-container form .form-group .return-container .s360TextBase a, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase a, .s360LoginForm .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase a {
  display: flex;
}
.login-styles .form-wrapper .form-container form .form-group .return-container .s360TextBase a:before, .s360LoginForm .form-wrapper .form-container form .form-group .return-container .s360TextBase a:before, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase a:before, .s360LoginForm .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase a:before {
  font-family: "Material Symbols Outlined Local", "Material Symbols Outlined";
  content: "arrow_back";
  font-size: 1.125rem;
  padding-right: 4px;
}
.login-styles .form-wrapper footer, .s360LoginForm .form-wrapper footer {
  position: absolute;
  bottom: 2px;
  font-size: 10px;
  color: var(--text-secondary);
  width: calc(100% - 8px);
  margin: 0 4px;
}
.login-styles .form-wrapper footer .version, .s360LoginForm .form-wrapper footer .version {
  float: right;
}

.s360LoginForm {
  background-image: url(/dist/images/intersect_pattern.svg);
  background-repeat: no-repeat;
  background-position: top;
}
.s360LoginForm .tfa-icon {
  border: 1px solid var(--border-secondary);
  border-radius: 12px;
  background-color: var(--background-secondary);
  padding: 12px;
  box-shadow: 0 1px 2px 1px var(--background-primary-transparent);
}
.s360LoginForm .tfa-icon i {
  font-size: 2.25rem;
}
.s360LoginForm .form-group.trusted-device-container {
  display: flex;
  justify-content: center;
}
.s360LoginForm .form-group.trusted-device-container .s360InputCheckbox {
  flex-direction: row-reverse;
}
.s360LoginForm .form-group.trusted-device-container .s360InputCheckbox .s360Label {
  margin: 8px 0 0 8px;
  width: auto;
}
.s360LoginForm .form-wrapper .login-form-container:not(.active) {
  transform: translateX(-100%);
  opacity: 0;
  z-index: 1;
}
.s360LoginForm .form-wrapper .auth-form-container:not(.active) {
  transform: translateX(100%);
  opacity: 0;
  z-index: 1;
}
.s360LoginForm .form-wrapper .auth-form-container.left {
  transform: translateX(-100%);
  opacity: 0;
  z-index: 1;
}
.s360LoginForm .form-wrapper .code-form-container:not(.active) {
  transform: translateX(100%);
  opacity: 0;
  z-index: 1;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Container/Screen/ScreenCover/ScreenCover.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.s360ScreenCover {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 200000;
  display: none;
  background-color: var(--background-secondary-transparent);
  backdrop-filter: blur(10px);
}
.s360ScreenCover.show {
  display: initial;
}
.s360ScreenCover > .screen-content:not(.s360Modal) {
  background-color: transparent;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Container/PanelSet/PanelSet.scss ***!
  \************************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.form-designer-add-styles {
  color: var(--text-primary);
  cursor: pointer;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-designer-add-styles:hover {
  background-color: var(--highlight-secondary);
  border-radius: 10px;
}

/**
This mixin provides the styling specific to grid filter panels
 */
.s360PanelSet {
  display: flex;
  border-radius: 4px;
}
.s360PanelSet.row {
  flex-wrap: nowrap;
}
.s360PanelSet > .child-container {
  display: flex;
  overflow: hidden;
  flex-grow: 1;
}
.s360PanelSet > .child-container .panels {
  display: flex;
  background-color: var(--background-tertiary);
  border-top: 1px solid var(--border-secondary);
  border-bottom: 1px solid var(--border-secondary);
  z-index: 1;
}
.s360PanelSet > .child-container .panels.panels-left {
  border-right: 1px solid var(--border-secondary);
  box-shadow: 4px 0 8px 0 var(--box-shadow);
}
.s360PanelSet > .child-container .panels.panels-left:not(.has-left-button-container) {
  border-left: 1px solid var(--border-secondary);
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.s360PanelSet > .child-container .panels.panels-right {
  border-left: 1px solid var(--border-secondary);
  box-shadow: -4px 0 8px 0 var(--box-shadow);
}
.s360PanelSet > .child-container .panels.panels-right:not(.has-right-button-container) {
  border-right: 1px solid var(--border-secondary);
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.s360PanelSet > .child-container .content-container {
  flex-wrap: wrap;
  align-content: flex-start;
  display: flex;
  width: 100%;
  overflow: hidden;
}
.s360PanelSet:not(.form-designer) > .child-container > .content-container > .s360Column:first-child {
  padding-top: 0;
  padding-bottom: 0;
}
.s360PanelSet:not(.form-designer) > .child-container > .content-container.has-right-button-container > .s360Column:first-child, .s360PanelSet:not(.form-designer) > .child-container > .content-container.panel-right-open > .s360Column:first-child {
  padding-right: 0;
}
.s360PanelSet:not(.form-designer) > .child-container > .content-container.has-left-button-container > .s360Column:first-child, .s360PanelSet:not(.form-designer) > .child-container > .content-container.panel-left-open > .s360Column:first-child {
  padding-left: 0;
}
.s360PanelSet:not(.form-designer) > .child-container > .content-container > .form-designer-add {
  display: none;
}
.s360PanelSet > .button-container {
  min-width: 50px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-color: var(--background-tertiary);
  border-radius: 4px;
  border: 1px solid var(--border-secondary);
}
.s360PanelSet > .button-container.grid-filters.button-container-left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.s360PanelSet > .button-container.grid-filters.button-container-right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.s360PanelSet > .button-container.open.button-container-left {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.s360PanelSet > .button-container.open.button-container-right {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.s360PanelSet > .button-container button {
  border-radius: 8px;
  margin: 4px 2px;
}
.s360PanelSet.form-designer > .button-container.d-none {
  display: flex !important;
  opacity: 0.3;
}
.s360PanelSet:not(.form-designer) > .child-container .content-container.has-left-button-container > .s360Column:first-child > .s360Grid:first-child, .s360PanelSet:not(.form-designer) > .child-container .content-container.has-left-button-container > .s360Grid:first-child, .s360PanelSet:not(.form-designer) > .child-container .content-container.panel-left-open > .s360Column:first-child > .s360Grid:first-child, .s360PanelSet:not(.form-designer) > .child-container .content-container.panel-left-open > .s360Grid:first-child {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.s360PanelSet:not(.form-designer) > .child-container .content-container.has-right-button-container > .s360Column:first-child > .s360Grid:first-child, .s360PanelSet:not(.form-designer) > .child-container .content-container.has-right-button-container > .s360Grid:first-child, .s360PanelSet:not(.form-designer) > .child-container .content-container.panel-right-open > .s360Column:first-child > .s360Grid:first-child, .s360PanelSet:not(.form-designer) > .child-container .content-container.panel-right-open > .s360Grid:first-child {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Container/Row/Row.scss ***!
  \**************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.form-designer-add-styles, .s360Row.form-designer > .form-designer-add {
  color: var(--text-primary);
  cursor: pointer;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.form-designer-add-styles:hover, .s360Row.form-designer > .form-designer-add:hover {
  background-color: var(--highlight-secondary);
  border-radius: 10px;
}

.s360Row {
  width: 100%;
  position: relative;
}
.s360Row > .form-designer-add {
  display: none;
}
.s360Row.form-designer {
  border: 1px solid var(--success-color);
  border-radius: 10px;
  padding: 15px 30px 15px 15px;
  min-height: 75px;
}
.s360Row.form-designer:before {
  background-color: var(--background-tertiary);
  border: 1px solid var(--border-secondary);
  border-radius: 10px 0 10px 0;
  color: var(--text-secondary);
  content: "Row";
  font-size: 12px;
  font-weight: bold;
  left: -1px;
  line-height: 1;
  padding: 1px 5px;
  position: absolute;
  top: -1px;
}
.s360Row.form-designer > .form-designer-add {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/MemoryMonitor/MemoryMonitor.scss ***!
  \************************************************************************************************************************************************************************************************************/
.s360MemoryMonitor {
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 9999;
  opacity: 0.9;
}
.s360MemoryMonitor canvas {
  border: 1px solid #000;
  background-color: #262;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/ToastManager/ToastManager.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.s360ToastManager {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 4000;
}

.s360ToastStack {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: min(420px, 92vw);
  pointer-events: none;
  z-index: 2000;
}

.s360ToastStack--app {
  position: absolute;
  right: 0;
}

.s360ToastStack--component {
  position: absolute;
  bottom: 8px;
  right: 8px;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/ToastManager/Toast/Toast.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.s360Toast {
  pointer-events: auto;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
  transform: translateY(8px);
  opacity: 0;
  transition: transform 0.18s ease-out, opacity 0.18s ease-out;
  margin: 0 !important;
}
.s360Toast.is-enter {
  transform: translateY(0);
  opacity: 1;
}
.s360Toast.is-exit {
  transform: translateY(8px);
  opacity: 0;
}
.s360Toast .notification-elapsed {
  display: none;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/NotificationItem/NotificationItem.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.s360NotificationItem {
  display: flex;
  margin: 10px 0;
  background-color: var(--background-tertiary);
  padding: 10px 5px 10px 10px;
  border-radius: 8px;
  user-select: text;
}
.s360NotificationItem .notification-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  color: var(--text-primary);
}
.s360NotificationItem .notification-content .notification-subject {
  font-size: 1rem;
  font-weight: 600;
  margin: 5px 0 0 3px;
  color: var(--accent-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s360NotificationItem .notification-content .notification-subject span.link {
  cursor: pointer;
}
.s360NotificationItem .notification-content .notification-subject span.link i {
  font-size: 0.75rem;
  position: relative;
  top: -2px;
  margin-right: 3px;
}
.s360NotificationItem .notification-content .notification-message-container {
  margin: 5px 0 0 3px;
  position: relative;
}
.s360NotificationItem .notification-content .notification-message-container.has-overflow {
  max-height: 50px;
  overflow: hidden;
}
.s360NotificationItem .notification-content .notification-message-container.has-overflow:after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  top: 20px;
  height: 30px;
  background: linear-gradient(transparent 0px, var(--background-tertiary));
}
.s360NotificationItem .notification-content .notification-message-container .notification-message {
  font-size: 0.8125rem;
  overflow-wrap: anywhere;
}
.s360NotificationItem .notification-content .showmore-button-container > button {
  width: 100%;
  height: 15px;
}
.s360NotificationItem .notification-content .notification-elapsed {
  font-size: 0.75rem;
  font-style: italic;
  margin-top: 8px;
}
.s360NotificationItem .button-container {
  margin-left: auto;
  align-items: baseline;
}
.s360NotificationItem .button-container button > i {
  font-size: 1.125rem;
}
.s360NotificationItem.style--success {
  background-color: rgb(9, 145, 80);
  color: var(--text-base-light);
}
.s360NotificationItem.style--success .notification-content {
  color: unset;
}
.s360NotificationItem.style--success .notification-content .notification-subject {
  color: unset;
}
.s360NotificationItem.style--success .notification-content .notification-message-container.has-overflow:after {
  background: linear-gradient(transparent 0px, rgb(9, 145, 80));
}
.s360NotificationItem.style--warning {
  background-color: rgb(232, 169, 9);
  color: var(--text-base-dark);
}
.s360NotificationItem.style--warning .notification-content {
  color: unset;
}
.s360NotificationItem.style--warning .notification-content .notification-subject {
  color: unset;
}
.s360NotificationItem.style--warning .notification-content .notification-message-container.has-overflow:after {
  background: linear-gradient(transparent 0px, rgb(232, 169, 9));
}
.s360NotificationItem.style--error {
  background-color: rgb(187, 7, 7);
  color: var(--text-base-light);
}
.s360NotificationItem.style--error .notification-content {
  color: unset;
}
.s360NotificationItem.style--error .notification-content .notification-subject {
  color: unset;
}
.s360NotificationItem.style--error .notification-content .notification-message-container.has-overflow:after {
  background: linear-gradient(transparent 0px, rgb(187, 7, 7));
}
.s360NotificationItem:first-child {
  margin-top: 0;
}
.s360NotificationItem:last-child {
  margin-bottom: 0;
}
/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/css/Common.scss ***!
  \**********************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
div .or-separator {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 8px 0;
  font-size: 0.875rem;
  color: var(--text-secondary);
}
div .or-separator::before,
div .or-separator::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid var(--border-secondary);
  margin: 0 8px; /* Adjust spacing around the "OR" text */
}

.title-bar {
  display: flex;
  align-items: center;
  padding: 0 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: var(--grid-title-bg);
  color: var(--grid-title-txt);
  flex-shrink: 0;
  justify-content: flex-end;
  flex-wrap: wrap;
  container-type: inline-size;
}
.title-bar > h3 {
  font-size: 1rem;
  padding: 4px;
  font-weight: 600;
  flex: 1 1 auto;
  min-height: 28px;
  margin: 0 auto 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.title-bar > h3:empty {
  display: none;
}
.title-bar .buttonChildWrapper {
  display: contents;
  min-height: var(--grid-title-height);
}
.title-bar .buttonChildWrapper.left {
  margin-right: auto;
}
.title-bar .buttonChildWrapper.right {
  margin-left: auto;
}
.title-bar .buttonChildWrapper > .button-container {
  display: contents;
}
.title-bar .buttonChildWrapper > .button-container button {
  flex-shrink: 0;
}
.title-bar .buttonChildWrapper > .button-container button i {
  font-size: 1.25rem;
}
.title-bar .buttonChildWrapper > .button-container button.menu-type {
  height: calc(var(--grid-title-height) - var(--input-spacing) * 2);
}
.title-bar .buttonChildWrapper > .button-container button:disabled, .title-bar .buttonChildWrapper > .button-container button.disabled, .title-bar .buttonChildWrapper > .button-container button[disabled] {
  opacity: 0.2;
}
.title-bar .buttonChildWrapper .filter-toggle-container {
  display: flex;
}
.title-bar .buttonChildWrapper .filter-toggle-container .s360Field {
  margin: 0;
}
@container (max-width: 600px) {
  .title-bar .buttonChildWrapper .filter-toggle-container .s360Field .customSelect {
    display: none;
  }
}
.title-bar .buttonChildWrapper > .child-container {
  min-height: var(--grid-title-height);
  display: flex;
  flex-direction: row;
}
.title-bar .buttonChildWrapper > .child-container:empty {
  display: none;
}
.title-bar .buttonChildWrapper > .child-container .s360Field {
  border: 1px solid var(--border-secondary);
  margin: var(--input-spacing);
  border-radius: 8px;
  padding: 0 3px;
  min-height: 28px;
}
.title-bar .buttonChildWrapper > .child-container .s360Field .fieldInput.customSelectDisplayText, .title-bar .buttonChildWrapper > .child-container .s360Field .button-container button {
  height: var(--title-bar-element-height);
}
.title-bar .buttonChildWrapper > .child-container .s360Field .s360Label {
  width: auto;
  text-align: right;
}

.badge {
  background-color: var(--accent-transparent);
  color: var(--text-primary);
  border-radius: 4px;
  padding: 3px;
}
.badge.color-black {
  background-color: rgb(0, 0, 0);
  color: var(--text-base-light);
}
.badge.color-white {
  background-color: rgb(255, 255, 255);
  color: var(--text-base-dark);
}
.badge.color-gold {
  background-color: rgb(232, 169, 9);
  color: var(--text-base-dark);
}
.badge.color-indigo {
  background-color: rgb(67, 75, 230);
  color: var(--text-base-dark);
}
.badge.color-mdindigo {
  background-color: rgb(96, 113, 242);
  color: var(--text-base-dark);
}
.badge.color-ltindigo {
  background-color: rgb(127, 151, 248);
  color: var(--text-base-dark);
}
.badge.color-purple {
  background-color: rgb(104, 56, 238);
  color: var(--text-base-dark);
}
.badge.color-mdpurple {
  background-color: rgb(121, 89, 247);
  color: var(--text-base-dark);
}
.badge.color-ltpurple {
  background-color: rgb(154, 137, 250);
  color: var(--text-base-dark);
}
.badge.color-pink {
  background-color: rgb(219, 37, 144);
  color: var(--text-base-dark);
}
.badge.color-mdpink {
  background-color: rgb(236, 69, 188);
  color: var(--text-base-dark);
}
.badge.color-ltpink {
  background-color: rgb(244, 111, 198);
  color: var(--text-base-dark);
}
.badge.color-blue {
  background-color: rgb(21, 111, 238);
  color: var(--text-base-dark);
}
.badge.color-mdblue {
  background-color: rgb(46, 143, 249);
  color: var(--text-base-dark);
}
.badge.color-ltblue {
  background-color: rgb(82, 176, 252);
  color: var(--text-base-dark);
}
.badge.color-cyan {
  background-color: rgb(8, 137, 178);
  color: var(--text-base-light);
}
.badge.color-mdcyan {
  background-color: rgb(6, 173, 211);
  color: var(--text-base-light);
}
.badge.color-ltcyan {
  background-color: rgb(34, 202, 237);
  color: var(--text-base-dark);
}
.badge.color-seagreen {
  background-color: rgb(14, 146, 132);
  color: var(--text-base-light);
}
.badge.color-mdseagreen {
  background-color: rgb(21, 182, 158);
  color: var(--text-base-light);
}
.badge.color-ltseagreen {
  background-color: rgb(46, 209, 183);
  color: var(--text-base-light);
}
.badge.color-green {
  background-color: rgb(9, 145, 80);
  color: var(--text-base-light);
}
.badge.color-mdgreen {
  background-color: rgb(22, 178, 100);
  color: var(--text-base-light);
}
.badge.color-ltgreen {
  background-color: rgb(60, 201, 127);
  color: var(--text-base-dark);
}
.badge.color-olive {
  background-color: rgb(78, 121, 34);
  color: var(--text-base-light);
}
.badge.color-mdolive {
  background-color: rgb(101, 158, 43);
  color: var(--text-base-light);
}
.badge.color-ltolive {
  background-color: rgb(133, 201, 61);
  color: var(--text-base-dark);
}
.badge.color-gray {
  background-color: rgb(74, 84, 101);
  color: var(--text-base-light);
}
.badge.color-mdgray {
  background-color: rgb(104, 116, 134);
  color: var(--text-base-light);
}
.badge.color-ltgray {
  background-color: rgb(153, 163, 178);
  color: var(--text-base-dark);
}
.badge.color-brown {
  background-color: rgb(70, 50, 3);
  color: var(--text-base-light);
}
.badge.color-mdbrown {
  background-color: rgb(84, 58, 13);
  color: var(--text-base-light);
}
.badge.color-ltbrown {
  background-color: rgb(108, 86, 52);
  color: var(--text-base-light);
}
.badge.color-maroon {
  background-color: rgb(128, 0, 0);
  color: var(--text-base-light);
}
.badge.color-mdmaroon {
  background-color: rgb(178, 34, 34);
  color: var(--text-base-light);
}
.badge.color-ltmaroon {
  background-color: rgb(205, 92, 92);
  color: var(--text-base-dark);
}
.badge.color-red {
  background-color: rgb(187, 7, 7);
  color: var(--text-base-light);
}
.badge.color-mdred {
  background-color: rgb(228, 6, 6);
  color: var(--text-base-light);
}
.badge.color-ltred {
  background-color: rgb(231, 43, 43);
  color: var(--text-base-dark);
}
.badge.color-orange {
  background-color: rgb(222, 78, 23);
  color: var(--text-base-light);
}
.badge.color-mdorange {
  background-color: rgb(237, 103, 33);
  color: var(--text-base-dark);
}
.badge.color-ltorange {
  background-color: rgb(241, 134, 68);
  color: var(--text-base-dark);
}
.badge.color-yellow {
  background-color: rgb(232, 169, 9);
  color: var(--text-base-dark);
}
.badge.color-mdyellow {
  background-color: rgb(248, 195, 22);
  color: var(--text-base-dark);
}
.badge.color-ltyellow {
  background-color: rgb(251, 224, 114);
  color: var(--text-base-dark);
}

.word-wrap {
  word-wrap: break-word;
  text-wrap: auto;
}
/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/css/QStrap.scss ***!
  \**********************************************************************************************************************************************************************/
/**
* custom breakpoints instead of using media queries. Our Javascript will maintain the screen-sm classes on the window/tab root elements
*/
/**
* define all of our col-sm-6 type classes. and order-sm-1 etc
* like bootstrap, we need cascading so if you only define a col-sm class, it will apply to all breakpoints that are larger than that
*/
.screen-xl .col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.screen-xl .col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.screen-xl .col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.screen-xl .col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.screen-xl .col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.screen-xl .col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.screen-xl .col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.screen-xl .col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.screen-xl .col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.screen-xl .col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.screen-xl .col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.screen-xl .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.screen-xl .col-sm-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.screen-xl .col-sm-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.screen-xl .col-sm-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.screen-xl .col-sm-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.screen-xl .col-sm-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.screen-xl .col-sm-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.screen-xl .col-sm-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.screen-xl .col-sm-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.screen-xl .col-sm-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.screen-xl .col-sm-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.screen-xl .col-sm-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.screen-xl .col-sm-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.screen-xl .col-md-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.screen-xl .col-md-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.screen-xl .col-md-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.screen-xl .col-md-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.screen-xl .col-md-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.screen-xl .col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.screen-xl .col-md-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.screen-xl .col-md-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.screen-xl .col-md-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.screen-xl .col-md-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.screen-xl .col-md-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.screen-xl .col-md-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.screen-xl .col-lg-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.screen-xl .col-lg-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.screen-xl .col-lg-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.screen-xl .col-lg-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.screen-xl .col-lg-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.screen-xl .col-lg-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.screen-xl .col-lg-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.screen-xl .col-lg-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.screen-xl .col-lg-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.screen-xl .col-lg-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.screen-xl .col-lg-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.screen-xl .col-lg-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.screen-xl .col-xl-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.screen-xl .col-xl-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.screen-xl .col-xl-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.screen-xl .col-xl-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.screen-xl .col-xl-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.screen-xl .col-xl-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.screen-xl .col-xl-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.screen-xl .col-xl-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.screen-xl .col-xl-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.screen-xl .col-xl-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.screen-xl .col-xl-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.screen-xl .col-xl-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.screen-xl .order-1 {
  order: 1;
}
.screen-xl .order-2 {
  order: 2;
}
.screen-xl .order-3 {
  order: 3;
}
.screen-xl .order-4 {
  order: 4;
}
.screen-xl .order-5 {
  order: 5;
}
.screen-xl .order-6 {
  order: 6;
}
.screen-xl .order-7 {
  order: 7;
}
.screen-xl .order-8 {
  order: 8;
}
.screen-xl .order-9 {
  order: 9;
}
.screen-xl .order-10 {
  order: 10;
}
.screen-xl .order-11 {
  order: 11;
}
.screen-xl .order-12 {
  order: 12;
}
.screen-xl .order-sm-1 {
  order: 1;
}
.screen-xl .order-sm-2 {
  order: 2;
}
.screen-xl .order-sm-3 {
  order: 3;
}
.screen-xl .order-sm-4 {
  order: 4;
}
.screen-xl .order-sm-5 {
  order: 5;
}
.screen-xl .order-sm-6 {
  order: 6;
}
.screen-xl .order-sm-7 {
  order: 7;
}
.screen-xl .order-sm-8 {
  order: 8;
}
.screen-xl .order-sm-9 {
  order: 9;
}
.screen-xl .order-sm-10 {
  order: 10;
}
.screen-xl .order-sm-11 {
  order: 11;
}
.screen-xl .order-sm-12 {
  order: 12;
}
.screen-xl .order-md-1 {
  order: 1;
}
.screen-xl .order-md-2 {
  order: 2;
}
.screen-xl .order-md-3 {
  order: 3;
}
.screen-xl .order-md-4 {
  order: 4;
}
.screen-xl .order-md-5 {
  order: 5;
}
.screen-xl .order-md-6 {
  order: 6;
}
.screen-xl .order-md-7 {
  order: 7;
}
.screen-xl .order-md-8 {
  order: 8;
}
.screen-xl .order-md-9 {
  order: 9;
}
.screen-xl .order-md-10 {
  order: 10;
}
.screen-xl .order-md-11 {
  order: 11;
}
.screen-xl .order-md-12 {
  order: 12;
}
.screen-xl .order-lg-1 {
  order: 1;
}
.screen-xl .order-lg-2 {
  order: 2;
}
.screen-xl .order-lg-3 {
  order: 3;
}
.screen-xl .order-lg-4 {
  order: 4;
}
.screen-xl .order-lg-5 {
  order: 5;
}
.screen-xl .order-lg-6 {
  order: 6;
}
.screen-xl .order-lg-7 {
  order: 7;
}
.screen-xl .order-lg-8 {
  order: 8;
}
.screen-xl .order-lg-9 {
  order: 9;
}
.screen-xl .order-lg-10 {
  order: 10;
}
.screen-xl .order-lg-11 {
  order: 11;
}
.screen-xl .order-lg-12 {
  order: 12;
}
.screen-xl .order-xl-1 {
  order: 1;
}
.screen-xl .order-xl-2 {
  order: 2;
}
.screen-xl .order-xl-3 {
  order: 3;
}
.screen-xl .order-xl-4 {
  order: 4;
}
.screen-xl .order-xl-5 {
  order: 5;
}
.screen-xl .order-xl-6 {
  order: 6;
}
.screen-xl .order-xl-7 {
  order: 7;
}
.screen-xl .order-xl-8 {
  order: 8;
}
.screen-xl .order-xl-9 {
  order: 9;
}
.screen-xl .order-xl-10 {
  order: 10;
}
.screen-xl .order-xl-11 {
  order: 11;
}
.screen-xl .order-xl-12 {
  order: 12;
}

.screen-lg .col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.screen-lg .col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.screen-lg .col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.screen-lg .col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.screen-lg .col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.screen-lg .col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.screen-lg .col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.screen-lg .col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.screen-lg .col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.screen-lg .col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.screen-lg .col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.screen-lg .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.screen-lg .col-sm-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.screen-lg .col-sm-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.screen-lg .col-sm-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.screen-lg .col-sm-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.screen-lg .col-sm-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.screen-lg .col-sm-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.screen-lg .col-sm-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.screen-lg .col-sm-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.screen-lg .col-sm-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.screen-lg .col-sm-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.screen-lg .col-sm-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.screen-lg .col-sm-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.screen-lg .col-md-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.screen-lg .col-md-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.screen-lg .col-md-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.screen-lg .col-md-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.screen-lg .col-md-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.screen-lg .col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.screen-lg .col-md-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.screen-lg .col-md-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.screen-lg .col-md-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.screen-lg .col-md-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.screen-lg .col-md-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.screen-lg .col-md-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.screen-lg .col-lg-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.screen-lg .col-lg-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.screen-lg .col-lg-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.screen-lg .col-lg-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.screen-lg .col-lg-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.screen-lg .col-lg-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.screen-lg .col-lg-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.screen-lg .col-lg-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.screen-lg .col-lg-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.screen-lg .col-lg-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.screen-lg .col-lg-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.screen-lg .col-lg-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.screen-lg .order-1 {
  order: 1;
}
.screen-lg .order-2 {
  order: 2;
}
.screen-lg .order-3 {
  order: 3;
}
.screen-lg .order-4 {
  order: 4;
}
.screen-lg .order-5 {
  order: 5;
}
.screen-lg .order-6 {
  order: 6;
}
.screen-lg .order-7 {
  order: 7;
}
.screen-lg .order-8 {
  order: 8;
}
.screen-lg .order-9 {
  order: 9;
}
.screen-lg .order-10 {
  order: 10;
}
.screen-lg .order-11 {
  order: 11;
}
.screen-lg .order-12 {
  order: 12;
}
.screen-lg .order-sm-1 {
  order: 1;
}
.screen-lg .order-sm-2 {
  order: 2;
}
.screen-lg .order-sm-3 {
  order: 3;
}
.screen-lg .order-sm-4 {
  order: 4;
}
.screen-lg .order-sm-5 {
  order: 5;
}
.screen-lg .order-sm-6 {
  order: 6;
}
.screen-lg .order-sm-7 {
  order: 7;
}
.screen-lg .order-sm-8 {
  order: 8;
}
.screen-lg .order-sm-9 {
  order: 9;
}
.screen-lg .order-sm-10 {
  order: 10;
}
.screen-lg .order-sm-11 {
  order: 11;
}
.screen-lg .order-sm-12 {
  order: 12;
}
.screen-lg .order-md-1 {
  order: 1;
}
.screen-lg .order-md-2 {
  order: 2;
}
.screen-lg .order-md-3 {
  order: 3;
}
.screen-lg .order-md-4 {
  order: 4;
}
.screen-lg .order-md-5 {
  order: 5;
}
.screen-lg .order-md-6 {
  order: 6;
}
.screen-lg .order-md-7 {
  order: 7;
}
.screen-lg .order-md-8 {
  order: 8;
}
.screen-lg .order-md-9 {
  order: 9;
}
.screen-lg .order-md-10 {
  order: 10;
}
.screen-lg .order-md-11 {
  order: 11;
}
.screen-lg .order-md-12 {
  order: 12;
}
.screen-lg .order-lg-1 {
  order: 1;
}
.screen-lg .order-lg-2 {
  order: 2;
}
.screen-lg .order-lg-3 {
  order: 3;
}
.screen-lg .order-lg-4 {
  order: 4;
}
.screen-lg .order-lg-5 {
  order: 5;
}
.screen-lg .order-lg-6 {
  order: 6;
}
.screen-lg .order-lg-7 {
  order: 7;
}
.screen-lg .order-lg-8 {
  order: 8;
}
.screen-lg .order-lg-9 {
  order: 9;
}
.screen-lg .order-lg-10 {
  order: 10;
}
.screen-lg .order-lg-11 {
  order: 11;
}
.screen-lg .order-lg-12 {
  order: 12;
}

.screen-md .col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.screen-md .col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.screen-md .col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.screen-md .col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.screen-md .col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.screen-md .col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.screen-md .col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.screen-md .col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.screen-md .col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.screen-md .col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.screen-md .col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.screen-md .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.screen-md .col-sm-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.screen-md .col-sm-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.screen-md .col-sm-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.screen-md .col-sm-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.screen-md .col-sm-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.screen-md .col-sm-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.screen-md .col-sm-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.screen-md .col-sm-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.screen-md .col-sm-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.screen-md .col-sm-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.screen-md .col-sm-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.screen-md .col-sm-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.screen-md .col-md-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.screen-md .col-md-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.screen-md .col-md-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.screen-md .col-md-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.screen-md .col-md-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.screen-md .col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.screen-md .col-md-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.screen-md .col-md-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.screen-md .col-md-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.screen-md .col-md-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.screen-md .col-md-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.screen-md .col-md-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.screen-md .order-1 {
  order: 1;
}
.screen-md .order-2 {
  order: 2;
}
.screen-md .order-3 {
  order: 3;
}
.screen-md .order-4 {
  order: 4;
}
.screen-md .order-5 {
  order: 5;
}
.screen-md .order-6 {
  order: 6;
}
.screen-md .order-7 {
  order: 7;
}
.screen-md .order-8 {
  order: 8;
}
.screen-md .order-9 {
  order: 9;
}
.screen-md .order-10 {
  order: 10;
}
.screen-md .order-11 {
  order: 11;
}
.screen-md .order-12 {
  order: 12;
}
.screen-md .order-sm-1 {
  order: 1;
}
.screen-md .order-sm-2 {
  order: 2;
}
.screen-md .order-sm-3 {
  order: 3;
}
.screen-md .order-sm-4 {
  order: 4;
}
.screen-md .order-sm-5 {
  order: 5;
}
.screen-md .order-sm-6 {
  order: 6;
}
.screen-md .order-sm-7 {
  order: 7;
}
.screen-md .order-sm-8 {
  order: 8;
}
.screen-md .order-sm-9 {
  order: 9;
}
.screen-md .order-sm-10 {
  order: 10;
}
.screen-md .order-sm-11 {
  order: 11;
}
.screen-md .order-sm-12 {
  order: 12;
}
.screen-md .order-md-1 {
  order: 1;
}
.screen-md .order-md-2 {
  order: 2;
}
.screen-md .order-md-3 {
  order: 3;
}
.screen-md .order-md-4 {
  order: 4;
}
.screen-md .order-md-5 {
  order: 5;
}
.screen-md .order-md-6 {
  order: 6;
}
.screen-md .order-md-7 {
  order: 7;
}
.screen-md .order-md-8 {
  order: 8;
}
.screen-md .order-md-9 {
  order: 9;
}
.screen-md .order-md-10 {
  order: 10;
}
.screen-md .order-md-11 {
  order: 11;
}
.screen-md .order-md-12 {
  order: 12;
}

.screen-sm .col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.screen-sm .col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.screen-sm .col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.screen-sm .col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.screen-sm .col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.screen-sm .col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.screen-sm .col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.screen-sm .col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.screen-sm .col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.screen-sm .col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.screen-sm .col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.screen-sm .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.screen-sm .col-sm-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.screen-sm .col-sm-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.screen-sm .col-sm-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.screen-sm .col-sm-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.screen-sm .col-sm-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.screen-sm .col-sm-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.screen-sm .col-sm-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.screen-sm .col-sm-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.screen-sm .col-sm-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.screen-sm .col-sm-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.screen-sm .col-sm-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.screen-sm .col-sm-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.screen-sm .order-1 {
  order: 1;
}
.screen-sm .order-2 {
  order: 2;
}
.screen-sm .order-3 {
  order: 3;
}
.screen-sm .order-4 {
  order: 4;
}
.screen-sm .order-5 {
  order: 5;
}
.screen-sm .order-6 {
  order: 6;
}
.screen-sm .order-7 {
  order: 7;
}
.screen-sm .order-8 {
  order: 8;
}
.screen-sm .order-9 {
  order: 9;
}
.screen-sm .order-10 {
  order: 10;
}
.screen-sm .order-11 {
  order: 11;
}
.screen-sm .order-12 {
  order: 12;
}
.screen-sm .order-sm-1 {
  order: 1;
}
.screen-sm .order-sm-2 {
  order: 2;
}
.screen-sm .order-sm-3 {
  order: 3;
}
.screen-sm .order-sm-4 {
  order: 4;
}
.screen-sm .order-sm-5 {
  order: 5;
}
.screen-sm .order-sm-6 {
  order: 6;
}
.screen-sm .order-sm-7 {
  order: 7;
}
.screen-sm .order-sm-8 {
  order: 8;
}
.screen-sm .order-sm-9 {
  order: 9;
}
.screen-sm .order-sm-10 {
  order: 10;
}
.screen-sm .order-sm-11 {
  order: 11;
}
.screen-sm .order-sm-12 {
  order: 12;
}

.screen-xs .col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.screen-xs .col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.screen-xs .col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.screen-xs .col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.screen-xs .col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.screen-xs .col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.screen-xs .col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.screen-xs .col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.screen-xs .col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.screen-xs .col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.screen-xs .col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.screen-xs .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.screen-xs .order-1 {
  order: 1;
}
.screen-xs .order-2 {
  order: 2;
}
.screen-xs .order-3 {
  order: 3;
}
.screen-xs .order-4 {
  order: 4;
}
.screen-xs .order-5 {
  order: 5;
}
.screen-xs .order-6 {
  order: 6;
}
.screen-xs .order-7 {
  order: 7;
}
.screen-xs .order-8 {
  order: 8;
}
.screen-xs .order-9 {
  order: 9;
}
.screen-xs .order-10 {
  order: 10;
}
.screen-xs .order-11 {
  order: 11;
}
.screen-xs .order-12 {
  order: 12;
}

.d-flex {
  display: flex;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline;
}

.v-visible {
  visibility: visible;
}

.v-hidden {
  visibility: hidden;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-around {
  justify-content: space-around;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

.align-items-center {
  align-items: center;
}

.align-items-baseline {
  align-items: baseline;
}

.align-items-stretch {
  align-items: stretch;
}

/* Basic Flexbox Grid Styles */
.row {
  display: flex;
  flex-wrap: wrap;
}

.screen-content *,
.screen-content ::before,
.screen-content ::after {
  box-sizing: border-box;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
  position: relative;
  width: 100%;
  float: left;
}

/* debug - highlights the rows and columns so you can see if there is overflow etc*/
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/css/Theme.scss ***!
  \*********************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
/*******************************************/
/**************** Functions ****************/
/*******************************************/
/*******************************************/
/**************** Variables ****************/
/*******************************************/
/*******************************************/
/***************** Themes ******************/
/*******************************************/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/** create resuable vars for the generated values **/
/*******************************************/
/****************** Sizes ******************/
/*******************************************/
/*******************************************/
/*************** Application ***************/
/*******************************************/
:root {
  --background-primary: rgb(240, 240, 240);
  --background-secondary: rgb(255, 255, 255);
  --background-tertiary: rgb(246, 247, 248);
  --background-quarternary: rgb(220, 220, 220);
  --background-primary-transparent: rgba(240, 240, 240, 0.8);
  --background-secondary-transparent: rgba(255, 255, 255, 0.5);
  --background-primary-mc: rgb(230, 230, 230);
  --background-secondary-mc: rgb(255, 255, 255);
  --background-tertiary-mc: rgb(220, 220, 220);
  --background-quarternary-mc: rgb(210, 210, 210);
  --text-primary-mc: rgb(88, 98, 116);
  --text-secondary-mc: rgb(1.4285714286, 2.1428571429, 3.5714285714);
  --text-tertiary-mc: rgb(50.1896551724, 59.3793103448, 72.8103448276);
  --highlight-primary-mc: rgb(220, 220, 220);
  --highlight-secondary-mc: rgb(197.25, 197.25, 197.25);
  --highlight-tertiary-mc: rgb(204.0393881119, 201.665506993, 194.6606118881);
  --highlight-transparent-mc: rgba(197.25, 197.25, 197.25, 0.7);
  --highlight-transparent-secondary-mc: rgba(197.25, 197.25, 197.25, 0.4);
  --border-primary-mc: rgb(163.5, 163.5, 163.5);
  --border-secondary-mc: rgb(150.75, 150.75, 150.75);
  --border-tertiary-mc: #8a8a8a;
  --scrollbar-primary-mc: rgb(176.25, 176.25, 176.25);
  --background-primary-hc: rgb(210, 210, 210);
  --background-secondary-hc: rgb(255, 255, 255);
  --background-tertiary-hc: rgb(205, 205, 205);
  --background-quarternary-hc: rgb(180, 180, 180);
  --text-primary-hc: rgb(88, 98, 116);
  --text-secondary-hc: hsl(220, 42.8571428571%, -9.0196078431%);
  --text-tertiary-hc: rgb(29.3793103448, 34.7586206897, 42.6206896552);
  --highlight-primary-hc: rgb(220, 220, 220);
  --highlight-secondary-hc: rgb(184.5, 184.5, 184.5);
  --highlight-tertiary-hc: rgb(192.3637762238, 189.446013986, 180.8362237762);
  --highlight-transparent-hc: rgba(184.5, 184.5, 184.5, 0.7);
  --highlight-transparent-secondary-hc: rgba(184.5, 184.5, 184.5, 0.4);
  --border-primary-hc: rgb(150.75, 150.75, 150.75);
  --border-secondary-hc: #8a8a8a;
  --border-tertiary-hc: rgb(125.25, 125.25, 125.25);
  --scrollbar-primary-hc: rgb(163.5, 163.5, 163.5);
  --text-primary: rgb(88, 98, 116);
  --text-secondary: rgb(16, 24, 40);
  --text-tertiary: rgb(71, 84, 103);
  --accent-color: rgb(255, 194, 14);
  --accent-hue: 44.8132780083deg;
  --accent-sat: 100%;
  --accent-light: 52.7450980392%;
  --accent-secondary: rgb(219, 147, 1);
  --highlight-primary: rgb(220, 220, 220);
  --highlight-secondary: rgb(210, 210, 210);
  --highlight-tertiary: rgb(215.715, 213.885, 208.485);
  --highlight-transparent: rgba(210, 210, 210, 0.7);
  --highlight-transparent-secondary: rgba(210, 210, 210, 0.4);
  --accent-transparent: rgba(255, 194, 14, 0.7);
  --accent-transparent-secondary: rgba(255, 194, 14, 0.4);
  --border-primary: rgb(228, 231, 236);
  --border-secondary: rgb(177, 184, 194);
  --border-tertiary: rgb(163.5, 163.5, 163.5);
  --scrollbar-primary: rgb(230, 232, 236);
  --logo-url: url(/dist/images/logo_light.png);
  --logo-orb-url: url(/dist/images/logo_light_orb.png);
  --close-primary: #FF7F76;
  --close-secondary: rgb(255, 55.5255474453, 41.5);
  --error-color: #D32F2F;
  --error-color-transparent: rgba(211, 47, 47, 0.5);
  --success-color: #388E3C;
  --success-color-transparent: rgba(56, 142, 60, 0.5);
  --warning-color: #FBC02D;
  --warning-color-transparent: rgba(251, 192, 45, 0.4);
  --info-color: #1976D2;
  --info-color-transparent: rgba(25, 118, 210, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(0, 0, 0);
  --text-base-light: rgb(255, 255, 255);
  --text-accent-dark: rgb(16, 24, 40);
  --window-screen-container: rgba(255, 255, 255, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: none;
  --mono-base-background: rgb(255, 255, 255);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(0, 0, 1);
  --mono-text-gold: rgb(0, 0, 1);
  --mono-text-indigo: rgb(45, 49, 166);
  --mono-text-mdindigo: rgb(45, 49, 166);
  --mono-text-ltindigo: rgb(45, 49, 166);
  --mono-text-purple: rgb(73, 31, 184);
  --mono-text-mdpurple: rgb(73, 31, 184);
  --mono-text-ltpurple: rgb(73, 31, 184);
  --mono-text-pink: rgb(157, 22, 95);
  --mono-text-mdpink: rgb(157, 22, 95);
  --mono-text-ltpink: rgb(157, 22, 95);
  --mono-text-blue: rgb(23, 91, 210);
  --mono-text-mdblue: rgb(2, 105, 162);
  --mono-text-ltblue: rgb(14, 110, 144);
  --mono-text-cyan: rgb(18, 92, 86);
  --mono-text-mdcyan: rgb(18, 92, 86);
  --mono-text-ltcyan: rgb(18, 92, 86);
  --mono-text-seagreen: rgb(9, 91, 56);
  --mono-text-mdseagreen: rgb(9, 91, 56);
  --mono-text-ltseagreen: rgb(9, 91, 56);
  --mono-text-green: rgb(50, 97, 19);
  --mono-text-mdgreen: rgb(50, 97, 19);
  --mono-text-ltgreen: rgb(50, 97, 19);
  --mono-text-olive: rgb(51, 79, 22);
  --mono-text-mdolive: rgb(51, 79, 22);
  --mono-text-ltolive: rgb(51, 79, 22);
  --mono-text-gray: rgb(63, 63, 70);
  --mono-text-mdgray: rgb(63, 63, 70);
  --mono-text-ltgray: rgb(63, 63, 70);
  --mono-text-brown: rgb(83, 44, 14);
  --mono-text-mdbrown: rgb(83, 44, 14);
  --mono-text-ltbrown: rgb(83, 44, 14);
  --mono-text-maroon: rgb(86, 19, 11);
  --mono-text-mdmaroon: rgb(86, 19, 11);
  --mono-text-ltmaroon: rgb(86, 19, 11);
  --mono-text-red: rgb(187, 27, 7);
  --mono-text-mdred: rgb(150, 24, 13);
  --mono-text-ltred: rgb(187, 27, 7);
  --mono-text-orange: rgb(222, 78, 23);
  --mono-text-mdorange: rgb(222, 78, 23);
  --mono-text-ltorange: rgb(222, 78, 23);
  --mono-text-yellow: rgb(200, 132, 5);
  --mono-text-mdyellow: rgb(200, 132, 5);
  --mono-text-ltyellow: rgb(200, 132, 5);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background-primary: #252525;
    --background-secondary: rgb(49.75, 49.75, 49.75);
    --background-tertiary: rgb(75.25, 75.25, 75.25);
    --background-quarternary: rgb(80.35, 80.35, 80.35);
    --background-primary-transparent: rgba(37, 37, 37, 0.8);
    --background-secondary-transparent: rgba(49.75, 49.75, 49.75, 0.5);
    --background-primary-mc: rgb(24.25, 24.25, 24.25);
    --background-secondary-mc: rgb(44.65, 44.65, 44.65);
    --background-tertiary-mc: rgb(80.35, 80.35, 80.35);
    --background-quarternary-mc: rgb(67.6, 67.6, 67.6);
    --text-primary-mc: rgb(220, 220, 220);
    --text-secondary-mc: hsl(0, 0%, 101.2745098039%);
    --text-tertiary-mc: hsl(0, 0%, 106.2745098039%);
    --highlight-primary-mc: rgb(62.5, 62.5, 62.5);
    --highlight-secondary-mc: rgb(126.25, 126.25, 126.25);
    --highlight-tertiary-mc: rgb(80.1750506033, 78.5570474893, 73.7749493967);
    --highlight-transparent-mc: rgba(126.25, 126.25, 126.25, 0.7);
    --highlight-transparent-secondary-mc: rgba(126.25, 126.25, 126.25, 0.4);
    --border-primary-mc: rgb(113.5, 113.5, 113.5);
    --border-secondary-mc: rgb(126.25, 126.25, 126.25);
    --border-tertiary-mc: #8b8b8b;
    --scrollbar-primary-mc: rgb(100.75, 100.75, 100.75);
    --background-primary-hc: rgb(11.5, 11.5, 11.5);
    --background-secondary-hc: rgb(34.45, 34.45, 34.45);
    --background-tertiary-hc: rgb(75.25, 75.25, 75.25);
    --background-quarternary-hc: rgb(54.85, 54.85, 54.85);
    --text-primary-hc: rgb(220, 220, 220);
    --text-secondary-hc: hsl(0, 0%, 111.2745098039%);
    --text-tertiary-hc: hsl(0, 0%, 116.2745098039%);
    --highlight-primary-hc: rgb(62.5, 62.5, 62.5);
    --highlight-secondary-hc: #8b8b8b;
    --highlight-tertiary-hc: rgb(93.4551012067, 91.5690949786, 85.9948987933);
    --highlight-transparent-hc: rgba(139, 139, 139, 0.7);
    --highlight-transparent-secondary-hc: rgba(139, 139, 139, 0.4);
    --border-primary-hc: rgb(126.25, 126.25, 126.25);
    --border-secondary-hc: #8b8b8b;
    --border-tertiary-hc: rgb(151.75, 151.75, 151.75);
    --scrollbar-primary-hc: rgb(113.5, 113.5, 113.5);
    --text-primary: rgb(220, 220, 220);
    --text-secondary: rgb(232.75, 232.75, 232.75);
    --text-tertiary: rgb(245.5, 245.5, 245.5);
    --accent-color: #d1a41f;
    --accent-hue: 44.8314606742deg;
    --accent-sat: 74.1666666667%;
    --accent-light: 47.0588235294%;
    --accent-secondary: rgb(226.7125, 185.65, 64.2875);
    --highlight-primary: rgb(62.5, 62.5, 62.5);
    --highlight-secondary: rgb(113.5, 113.5, 113.5);
    --highlight-tertiary: rgb(66.895, 65.545, 61.555);
    --highlight-transparent: rgba(113.5, 113.5, 113.5, 0.7);
    --highlight-transparent-secondary: rgba(113.5, 113.5, 113.5, 0.4);
    --accent-transparent: rgba(209, 164, 31, 0.7);
    --accent-transparent-secondary: rgba(209, 164, 31, 0.4);
    --border-primary: #585858;
    --border-secondary: rgb(100.75, 100.75, 100.75);
    --border-tertiary: rgb(113.5, 113.5, 113.5);
    --scrollbar-primary: rgb(82.9, 82.9, 82.9);
    --logo-url: url(/dist/images/logo_dark.png);
    --logo-orb-url: url(/dist/images/logo_dark_orb.png);
    --close-primary: #D2574E;
    --close-secondary: rgb(225.5067567568, 144.8918918919, 138.9932432432);
    --error-color: #EF5350;
    --error-color-transparent: rgba(239, 83, 80, 0.5);
    --success-color: #66BB6A;
    --success-color-transparent: rgba(102, 187, 106, 0.5);
    --warning-color: #FFEE58;
    --warning-color-transparent: rgba(255, 238, 88, 0.4);
    --info-color: #29B6F6;
    --info-color-transparent: rgba(41, 182, 246, 0.5);
    --box-shadow: rgba(16, 24, 40, 0.2);
    --text-base-dark: rgb(49.75, 49.75, 49.75);
    --text-base-light: rgb(205.25, 205.25, 205.25);
    --text-accent-dark: rgb(22.25, 22.25, 22.25);
    --window-screen-container: rgba(49.75, 49.75, 49.75, 0.4);
    --depth-adjust: -8%;
    --login-cover-display: block;
    --mono-base-background: rgb(12, 17, 29);
    --mono-text-black: rgb(253, 176, 34);
    --mono-text-white: rgb(253, 253, 254);
    --mono-text-gold: rgb(253, 253, 254);
    --mono-text-indigo: rgb(163, 187, 252);
    --mono-text-mdindigo: rgb(163, 187, 252);
    --mono-text-ltindigo: rgb(163, 187, 252);
    --mono-text-purple: rgb(183, 174, 246);
    --mono-text-mdpurple: rgb(183, 174, 246);
    --mono-text-ltpurple: rgb(187, 178, 252);
    --mono-text-pink: rgb(248, 166, 223);
    --mono-text-mdpink: rgb(248, 166, 223);
    --mono-text-ltpink: rgb(248, 166, 223);
    --mono-text-blue: rgb(131, 172, 254);
    --mono-text-mdblue: rgb(131, 200, 254);
    --mono-text-ltblue: rgb(123, 210, 252);
    --mono-text-cyan: rgb(102, 225, 248);
    --mono-text-mdcyan: rgb(102, 225, 248);
    --mono-text-ltcyan: rgb(102, 225, 248);
    --mono-text-seagreen: rgb(94, 231, 207);
    --mono-text-mdseagreen: rgb(94, 231, 207);
    --mono-text-ltseagreen: rgb(94, 231, 207);
    --mono-text-green: rgb(114, 224, 163);
    --mono-text-mdgreen: rgb(114, 224, 163);
    --mono-text-ltgreen: rgb(114, 224, 163);
    --mono-text-olive: rgb(171, 218, 121);
    --mono-text-mdolive: rgb(171, 218, 121);
    --mono-text-ltolive: rgb(171, 218, 121);
    --mono-text-gray: rgb(203, 211, 222);
    --mono-text-mdgray: rgb(203, 211, 222);
    --mono-text-ltgray: rgb(203, 211, 222);
    --mono-text-brown: rgb(178, 114, 65);
    --mono-text-mdbrown: rgb(178, 114, 65);
    --mono-text-ltbrown: rgb(178, 114, 65);
    --mono-text-maroon: rgb(143, 89, 86);
    --mono-text-mdmaroon: rgb(169, 121, 123);
    --mono-text-ltmaroon: rgb(204, 142, 151);
    --mono-text-red: rgb(252, 29, 79);
    --mono-text-mdred: rgb(252, 29, 79);
    --mono-text-ltred: rgb(252, 29, 79);
    --mono-text-orange: rgb(253, 155, 102);
    --mono-text-mdorange: rgb(253, 155, 102);
    --mono-text-ltorange: rgb(253, 155, 102);
    --mono-text-yellow: rgb(251, 224, 114);
    --mono-text-mdyellow: rgb(251, 224, 114);
    --mono-text-ltyellow: rgb(251, 224, 114);
    --mono-background-black: rgba(0, 0, 0, 0.5);
    --mono-background-hover-black: rgba(0, 0, 0, 0.6);
    --mono-background-white: rgba(255, 255, 255, 0.5);
    --mono-background-hover-white: rgba(255, 255, 255, 0.6);
    --mono-background-gold: rgba(232, 169, 9, 0.5);
    --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
    --mono-background-indigo: rgba(67, 75, 230, 0.5);
    --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
    --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
    --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
    --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
    --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
    --mono-background-purple: rgba(104, 56, 238, 0.5);
    --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
    --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
    --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
    --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
    --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
    --mono-background-pink: rgba(219, 37, 144, 0.5);
    --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
    --mono-background-mdpink: rgba(236, 69, 188, 0.5);
    --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
    --mono-background-ltpink: rgba(244, 111, 198, 0.5);
    --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
    --mono-background-blue: rgba(21, 111, 238, 0.5);
    --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
    --mono-background-mdblue: rgba(46, 143, 249, 0.5);
    --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
    --mono-background-ltblue: rgba(82, 176, 252, 0.5);
    --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
    --mono-background-cyan: rgba(8, 137, 178, 0.5);
    --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
    --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
    --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
    --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
    --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
    --mono-background-seagreen: rgba(14, 146, 132, 0.5);
    --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
    --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
    --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
    --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
    --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
    --mono-background-green: rgba(9, 145, 80, 0.5);
    --mono-background-hover-green: rgba(9, 145, 80, 0.6);
    --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
    --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
    --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
    --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
    --mono-background-olive: rgba(78, 121, 34, 0.5);
    --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
    --mono-background-mdolive: rgba(101, 158, 43, 0.5);
    --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
    --mono-background-ltolive: rgba(133, 201, 61, 0.5);
    --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
    --mono-background-gray: rgba(74, 84, 101, 0.5);
    --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
    --mono-background-mdgray: rgba(104, 116, 134, 0.5);
    --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
    --mono-background-ltgray: rgba(153, 163, 178, 0.5);
    --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
    --mono-background-brown: rgba(70, 50, 3, 0.5);
    --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
    --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
    --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
    --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
    --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
    --mono-background-maroon: rgba(128, 0, 0, 0.5);
    --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
    --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
    --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
    --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
    --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
    --mono-background-red: rgba(187, 7, 7, 0.5);
    --mono-background-hover-red: rgba(187, 7, 7, 0.6);
    --mono-background-mdred: rgba(228, 6, 6, 0.5);
    --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
    --mono-background-ltred: rgba(231, 43, 43, 0.5);
    --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
    --mono-background-orange: rgba(222, 78, 23, 0.5);
    --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
    --mono-background-mdorange: rgba(237, 103, 33, 0.5);
    --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
    --mono-background-ltorange: rgba(241, 134, 68, 0.5);
    --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
    --mono-background-yellow: rgba(232, 169, 9, 0.5);
    --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
    --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
    --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
    --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
    --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
    --editable-input-bg: var(--background-secondary);
    --editable-input-border: var(--border-secondary);
    --editable-input-txt: var(--text-primary);
    --input-bg: var(--background-tertiary);
    --input-border: var(--border-secondary);
    --input-txt: var(--text-primary);
    --input-placeholder: var(--text-tertiary);
    --focused-input-border: var(--accent-color);
    --label-txt: var(--text-secondary);
    --label-link-txt: var(--accent-color);
    --grid-bg: var(--background-secondary);
    --grid-border: var(--border-secondary);
    --grid-title-bg: var(--background-secondary);
    --grid-title-txt: var(--text-secondary);
    --grid-headers-bg: var(--background-tertiary);
    --grid-headers-txt: var(--text-secondary);
    --grid-row-bg: var(--background-secondary);
    --grid-row-bg-ev: var(--background-tertiary);
    --grid-child-row-bg: var(--background-secondary);
    --grid-row-txt: var(--text-secondary);
    --grid-row-hover: var(--highlight-tertiary);
    --grid-selected-row-bg: var(--highlight-secondary);
    --grid-block-selection-bg: var(--accent-transparent-secondary);
    --grid-group-row-bg: var(--background-tertiary);
    --base-bg-hue: var(--accent-hue);
    --base-bg-sat: var(--accent-sat);
    --base-bg-light: var(--accent-light);
    --grid-group-row-txt: var(--text-secondary);
    --navbar-bg: var(--background-primary);
    --navbar-txt: var(--text-primary);
    --navbar-item-hover: var(--highlight-primary);
    --menu-bg: var(--background-secondary);
    --menu-item-hover: var(--highlight-secondary);
    --menu-txt: var(--text-secondary);
    --screen-bg: var(--background-secondary);
    --screen-header-bg: var(--background-secondary);
    --screen-header-txt: var(--text-secondary);
    --screen-header-inactive-bg: var(--background-tertiary);
    --screen-header-inactive-tab-bg: var(--background-primary);
    --screen-header-inactive-txt: var(--text-primary);
    --tab-txt: var(--text-secondary);
    --tab-inactive-txt: var(--text-primary);
    --tabset-bg: var(--background-primary);
    --tabset-txt: var(--text-secondary);
    --taskbar-bg: var(--background-primary);
    --taskbar-item-hover: var(--highlight-secondary);
    --taskbar-item-hover-txt: var(--text-primary);
    --taskbar-txt: var(--text-secondary);
    --toolbar-bg: var(--background-primary);
    --toolbar-filter-placeholder: var(--text-tertiary);
    --toolbar-filter-txt: var(--text-secondary);
    --toolbar-txt: var(--text-primary);
    --viewport-bg: var(--background-secondary);
    --dhx-scheduler-container-background: var(--background-secondary);
    --dhx-scheduler-timescale-background: var(--background-secondary);
    --dhx-scheduler-container-color: var(--text-primary);
    --dhx-scheduler-scale-color: var(--text-primary);
    --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
    --dhx-scheduler-base-colors-select: var(--highlight-secondary);
    --dhx-shapebar-item-font-color: var(--text-primary);
    --dhx-shapebar-item-background: var(--background-secondary);
    --dhx-shapebar-item-border-color: var(--border-secondary);
    --dhx-border-color: var(--border-secondary);
    --dhx-background-additional: var(--highlight-secondary);
    --dhx-background-primary: var(--background-secondary);
    --dhx-background-secondary: var(--background-tertiary);
    --dhx-font-color-primary: var(--text-primary);
    --dhx-font-color-secondary: var(--text-secondary);
    --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
    --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
    --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
    --dhx-gantt-base-colors-border: var(--grid-border);
    --dhx-gantt-container-background: var(--grid-bg);
    --dhx-gantt-font-family: var(--default-font);
  }
}
[data-theme=light] {
  --background-primary: rgb(240, 240, 240);
  --background-secondary: rgb(255, 255, 255);
  --background-tertiary: rgb(246, 247, 248);
  --background-quarternary: rgb(220, 220, 220);
  --background-primary-transparent: rgba(240, 240, 240, 0.8);
  --background-secondary-transparent: rgba(255, 255, 255, 0.5);
  --background-primary-mc: rgb(230, 230, 230);
  --background-secondary-mc: rgb(255, 255, 255);
  --background-tertiary-mc: rgb(220, 220, 220);
  --background-quarternary-mc: rgb(210, 210, 210);
  --text-primary-mc: rgb(88, 98, 116);
  --text-secondary-mc: rgb(1.4285714286, 2.1428571429, 3.5714285714);
  --text-tertiary-mc: rgb(50.1896551724, 59.3793103448, 72.8103448276);
  --highlight-primary-mc: rgb(220, 220, 220);
  --highlight-secondary-mc: rgb(197.25, 197.25, 197.25);
  --highlight-tertiary-mc: rgb(204.0393881119, 201.665506993, 194.6606118881);
  --highlight-transparent-mc: rgba(197.25, 197.25, 197.25, 0.7);
  --highlight-transparent-secondary-mc: rgba(197.25, 197.25, 197.25, 0.4);
  --border-primary-mc: rgb(163.5, 163.5, 163.5);
  --border-secondary-mc: rgb(150.75, 150.75, 150.75);
  --border-tertiary-mc: #8a8a8a;
  --scrollbar-primary-mc: rgb(176.25, 176.25, 176.25);
  --background-primary-hc: rgb(210, 210, 210);
  --background-secondary-hc: rgb(255, 255, 255);
  --background-tertiary-hc: rgb(205, 205, 205);
  --background-quarternary-hc: rgb(180, 180, 180);
  --text-primary-hc: rgb(88, 98, 116);
  --text-secondary-hc: hsl(220, 42.8571428571%, -9.0196078431%);
  --text-tertiary-hc: rgb(29.3793103448, 34.7586206897, 42.6206896552);
  --highlight-primary-hc: rgb(220, 220, 220);
  --highlight-secondary-hc: rgb(184.5, 184.5, 184.5);
  --highlight-tertiary-hc: rgb(192.3637762238, 189.446013986, 180.8362237762);
  --highlight-transparent-hc: rgba(184.5, 184.5, 184.5, 0.7);
  --highlight-transparent-secondary-hc: rgba(184.5, 184.5, 184.5, 0.4);
  --border-primary-hc: rgb(150.75, 150.75, 150.75);
  --border-secondary-hc: #8a8a8a;
  --border-tertiary-hc: rgb(125.25, 125.25, 125.25);
  --scrollbar-primary-hc: rgb(163.5, 163.5, 163.5);
  --text-primary: rgb(88, 98, 116);
  --text-secondary: rgb(16, 24, 40);
  --text-tertiary: rgb(71, 84, 103);
  --accent-color: rgb(255, 194, 14);
  --accent-hue: 44.8132780083deg;
  --accent-sat: 100%;
  --accent-light: 52.7450980392%;
  --accent-secondary: rgb(219, 147, 1);
  --highlight-primary: rgb(220, 220, 220);
  --highlight-secondary: rgb(210, 210, 210);
  --highlight-tertiary: rgb(215.715, 213.885, 208.485);
  --highlight-transparent: rgba(210, 210, 210, 0.7);
  --highlight-transparent-secondary: rgba(210, 210, 210, 0.4);
  --accent-transparent: rgba(255, 194, 14, 0.7);
  --accent-transparent-secondary: rgba(255, 194, 14, 0.4);
  --border-primary: rgb(228, 231, 236);
  --border-secondary: rgb(177, 184, 194);
  --border-tertiary: rgb(163.5, 163.5, 163.5);
  --scrollbar-primary: rgb(230, 232, 236);
  --logo-url: url(/dist/images/logo_light.png);
  --logo-orb-url: url(/dist/images/logo_light_orb.png);
  --close-primary: #FF7F76;
  --close-secondary: rgb(255, 55.5255474453, 41.5);
  --error-color: #D32F2F;
  --error-color-transparent: rgba(211, 47, 47, 0.5);
  --success-color: #388E3C;
  --success-color-transparent: rgba(56, 142, 60, 0.5);
  --warning-color: #FBC02D;
  --warning-color-transparent: rgba(251, 192, 45, 0.4);
  --info-color: #1976D2;
  --info-color-transparent: rgba(25, 118, 210, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(0, 0, 0);
  --text-base-light: rgb(255, 255, 255);
  --text-accent-dark: rgb(16, 24, 40);
  --window-screen-container: rgba(255, 255, 255, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: none;
  --mono-base-background: rgb(255, 255, 255);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(0, 0, 1);
  --mono-text-gold: rgb(0, 0, 1);
  --mono-text-indigo: rgb(45, 49, 166);
  --mono-text-mdindigo: rgb(45, 49, 166);
  --mono-text-ltindigo: rgb(45, 49, 166);
  --mono-text-purple: rgb(73, 31, 184);
  --mono-text-mdpurple: rgb(73, 31, 184);
  --mono-text-ltpurple: rgb(73, 31, 184);
  --mono-text-pink: rgb(157, 22, 95);
  --mono-text-mdpink: rgb(157, 22, 95);
  --mono-text-ltpink: rgb(157, 22, 95);
  --mono-text-blue: rgb(23, 91, 210);
  --mono-text-mdblue: rgb(2, 105, 162);
  --mono-text-ltblue: rgb(14, 110, 144);
  --mono-text-cyan: rgb(18, 92, 86);
  --mono-text-mdcyan: rgb(18, 92, 86);
  --mono-text-ltcyan: rgb(18, 92, 86);
  --mono-text-seagreen: rgb(9, 91, 56);
  --mono-text-mdseagreen: rgb(9, 91, 56);
  --mono-text-ltseagreen: rgb(9, 91, 56);
  --mono-text-green: rgb(50, 97, 19);
  --mono-text-mdgreen: rgb(50, 97, 19);
  --mono-text-ltgreen: rgb(50, 97, 19);
  --mono-text-olive: rgb(51, 79, 22);
  --mono-text-mdolive: rgb(51, 79, 22);
  --mono-text-ltolive: rgb(51, 79, 22);
  --mono-text-gray: rgb(63, 63, 70);
  --mono-text-mdgray: rgb(63, 63, 70);
  --mono-text-ltgray: rgb(63, 63, 70);
  --mono-text-brown: rgb(83, 44, 14);
  --mono-text-mdbrown: rgb(83, 44, 14);
  --mono-text-ltbrown: rgb(83, 44, 14);
  --mono-text-maroon: rgb(86, 19, 11);
  --mono-text-mdmaroon: rgb(86, 19, 11);
  --mono-text-ltmaroon: rgb(86, 19, 11);
  --mono-text-red: rgb(187, 27, 7);
  --mono-text-mdred: rgb(150, 24, 13);
  --mono-text-ltred: rgb(187, 27, 7);
  --mono-text-orange: rgb(222, 78, 23);
  --mono-text-mdorange: rgb(222, 78, 23);
  --mono-text-ltorange: rgb(222, 78, 23);
  --mono-text-yellow: rgb(200, 132, 5);
  --mono-text-mdyellow: rgb(200, 132, 5);
  --mono-text-ltyellow: rgb(200, 132, 5);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=cream] {
  --background-primary: #f5f5f5;
  --background-secondary: rgb(232.25, 232.25, 232.25);
  --background-tertiary: rgb(206.75, 206.75, 206.75);
  --background-quarternary: rgb(201.65, 201.65, 201.65);
  --background-primary-transparent: rgba(245, 245, 245, 0.8);
  --background-secondary-transparent: rgba(232.25, 232.25, 232.25, 0.5);
  --background-primary-mc: rgb(247.55, 247.55, 247.55);
  --background-secondary-mc: rgb(224.6, 224.6, 224.6);
  --background-tertiary-mc: #c2c2c2;
  --background-quarternary-mc: rgb(188.9, 188.9, 188.9);
  --text-primary-mc: rgb(50, 50, 50);
  --text-secondary-mc: rgb(11.75, 11.75, 11.75);
  --text-tertiary-mc: hsl(0, 0%, -0.3921568627%);
  --highlight-primary-mc: rgb(219.5, 219.5, 219.5);
  --highlight-secondary-mc: rgb(155.75, 155.75, 155.75);
  --highlight-tertiary-mc: rgb(206.5807920925, 203.5592079075, 204.2441003228);
  --highlight-transparent-mc: rgba(155.75, 155.75, 155.75, 0.7);
  --highlight-transparent-secondary-mc: rgba(155.75, 155.75, 155.75, 0.4);
  --border-primary-mc: rgb(168.5, 168.5, 168.5);
  --border-secondary-mc: rgb(155.75, 155.75, 155.75);
  --border-tertiary-mc: #8f8f8f;
  --scrollbar-primary-mc: rgb(181.25, 181.25, 181.25);
  --background-primary-hc: rgb(250.1, 250.1, 250.1);
  --background-secondary-hc: rgb(219.5, 219.5, 219.5);
  --background-tertiary-hc: rgb(181.25, 181.25, 181.25);
  --background-quarternary-hc: rgb(176.15, 176.15, 176.15);
  --text-primary-hc: rgb(50, 50, 50);
  --text-secondary-hc: hsl(0, 0%, -5.3921568627%);
  --text-tertiary-hc: hsl(0, 0%, -10.3921568627%);
  --highlight-primary-hc: rgb(219.5, 219.5, 219.5);
  --highlight-secondary-hc: #8f8f8f;
  --highlight-tertiary-hc: rgb(194.216584185, 190.423415815, 191.2832006455);
  --highlight-transparent-hc: rgba(143, 143, 143, 0.7);
  --highlight-transparent-secondary-hc: rgba(143, 143, 143, 0.4);
  --border-primary-hc: rgb(155.75, 155.75, 155.75);
  --border-secondary-hc: #8f8f8f;
  --border-tertiary-hc: rgb(130.25, 130.25, 130.25);
  --scrollbar-primary-hc: rgb(168.5, 168.5, 168.5);
  --text-primary: rgb(50, 50, 50);
  --text-secondary: rgb(37.25, 37.25, 37.25);
  --text-tertiary: rgb(24.5, 24.5, 24.5);
  --accent-color: #c97e8f;
  --accent-hue: 346.4deg;
  --accent-sat: 40.9836065574%;
  --accent-light: 64.1176470588%;
  --accent-secondary: rgb(185.9508196721, 90.0491803279, 111.7868852459);
  --highlight-primary: rgb(219.5, 219.5, 219.5);
  --highlight-secondary: rgb(168.5, 168.5, 168.5);
  --highlight-tertiary: rgb(218.945, 216.695, 217.205);
  --highlight-transparent: rgba(168.5, 168.5, 168.5, 0.7);
  --highlight-transparent-secondary: rgba(168.5, 168.5, 168.5, 0.4);
  --accent-transparent: rgba(201, 126, 143, 0.7);
  --accent-transparent-secondary: rgba(201, 126, 143, 0.4);
  --border-primary: #c2c2c2;
  --border-secondary: rgb(181.25, 181.25, 181.25);
  --border-tertiary: rgb(168.5, 168.5, 168.5);
  --scrollbar-primary: rgb(199.1, 199.1, 199.1);
  --logo-url: url(/dist/images/logo_light.png);
  --logo-orb-url: url(/dist/images/logo_light_orb.png);
  --close-primary: #FF7F76;
  --close-secondary: rgb(255, 55.5255474453, 41.5);
  --error-color: #D32F2F;
  --error-color-transparent: rgba(211, 47, 47, 0.5);
  --success-color: #388E3C;
  --success-color-transparent: rgba(56, 142, 60, 0.5);
  --warning-color: #FBC02D;
  --warning-color-transparent: rgba(251, 192, 45, 0.4);
  --info-color: #1976D2;
  --info-color-transparent: rgba(25, 118, 210, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(22.75, 22.75, 22.75);
  --text-base-light: rgb(232.25, 232.25, 232.25);
  --text-accent-dark: rgb(37.25, 37.25, 37.25);
  --window-screen-container: rgba(232.25, 232.25, 232.25, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: none;
  --mono-base-background: rgb(255, 255, 255);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(0, 0, 1);
  --mono-text-gold: rgb(0, 0, 1);
  --mono-text-indigo: rgb(45, 49, 166);
  --mono-text-mdindigo: rgb(45, 49, 166);
  --mono-text-ltindigo: rgb(45, 49, 166);
  --mono-text-purple: rgb(73, 31, 184);
  --mono-text-mdpurple: rgb(73, 31, 184);
  --mono-text-ltpurple: rgb(73, 31, 184);
  --mono-text-pink: rgb(157, 22, 95);
  --mono-text-mdpink: rgb(157, 22, 95);
  --mono-text-ltpink: rgb(157, 22, 95);
  --mono-text-blue: rgb(23, 91, 210);
  --mono-text-mdblue: rgb(2, 105, 162);
  --mono-text-ltblue: rgb(14, 110, 144);
  --mono-text-cyan: rgb(18, 92, 86);
  --mono-text-mdcyan: rgb(18, 92, 86);
  --mono-text-ltcyan: rgb(18, 92, 86);
  --mono-text-seagreen: rgb(9, 91, 56);
  --mono-text-mdseagreen: rgb(9, 91, 56);
  --mono-text-ltseagreen: rgb(9, 91, 56);
  --mono-text-green: rgb(50, 97, 19);
  --mono-text-mdgreen: rgb(50, 97, 19);
  --mono-text-ltgreen: rgb(50, 97, 19);
  --mono-text-olive: rgb(51, 79, 22);
  --mono-text-mdolive: rgb(51, 79, 22);
  --mono-text-ltolive: rgb(51, 79, 22);
  --mono-text-gray: rgb(63, 63, 70);
  --mono-text-mdgray: rgb(63, 63, 70);
  --mono-text-ltgray: rgb(63, 63, 70);
  --mono-text-brown: rgb(83, 44, 14);
  --mono-text-mdbrown: rgb(83, 44, 14);
  --mono-text-ltbrown: rgb(83, 44, 14);
  --mono-text-maroon: rgb(86, 19, 11);
  --mono-text-mdmaroon: rgb(86, 19, 11);
  --mono-text-ltmaroon: rgb(86, 19, 11);
  --mono-text-red: rgb(187, 27, 7);
  --mono-text-mdred: rgb(150, 24, 13);
  --mono-text-ltred: rgb(187, 27, 7);
  --mono-text-orange: rgb(222, 78, 23);
  --mono-text-mdorange: rgb(222, 78, 23);
  --mono-text-ltorange: rgb(222, 78, 23);
  --mono-text-yellow: rgb(200, 132, 5);
  --mono-text-mdyellow: rgb(200, 132, 5);
  --mono-text-ltyellow: rgb(200, 132, 5);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=mist] {
  --background-primary: #f5f5f5;
  --background-secondary: rgb(232.25, 232.25, 232.25);
  --background-tertiary: rgb(206.75, 206.75, 206.75);
  --background-quarternary: rgb(201.65, 201.65, 201.65);
  --background-primary-transparent: rgba(245, 245, 245, 0.8);
  --background-secondary-transparent: rgba(232.25, 232.25, 232.25, 0.5);
  --background-primary-mc: rgb(247.55, 247.55, 247.55);
  --background-secondary-mc: rgb(224.6, 224.6, 224.6);
  --background-tertiary-mc: #c2c2c2;
  --background-quarternary-mc: rgb(188.9, 188.9, 188.9);
  --text-primary-mc: rgb(50, 50, 50);
  --text-secondary-mc: rgb(11.75, 11.75, 11.75);
  --text-tertiary-mc: hsl(0, 0%, -0.3921568627%);
  --highlight-primary-mc: rgb(219.5, 219.5, 219.5);
  --highlight-secondary-mc: rgb(155.75, 155.75, 155.75);
  --highlight-tertiary-mc: rgb(202.7372550857, 204.9101191113, 207.0427449143);
  --highlight-transparent-mc: rgba(155.75, 155.75, 155.75, 0.7);
  --highlight-transparent-secondary-mc: rgba(155.75, 155.75, 155.75, 0.4);
  --border-primary-mc: rgb(168.5, 168.5, 168.5);
  --border-secondary-mc: rgb(155.75, 155.75, 155.75);
  --border-tertiary-mc: #8f8f8f;
  --scrollbar-primary-mc: rgb(181.25, 181.25, 181.25);
  --background-primary-hc: rgb(250.1, 250.1, 250.1);
  --background-secondary-hc: rgb(219.5, 219.5, 219.5);
  --background-tertiary-hc: rgb(181.25, 181.25, 181.25);
  --background-quarternary-hc: rgb(176.15, 176.15, 176.15);
  --text-primary-hc: rgb(50, 50, 50);
  --text-secondary-hc: hsl(0, 0%, -5.3921568627%);
  --text-tertiary-hc: hsl(0, 0%, -10.3921568627%);
  --highlight-primary-hc: rgb(219.5, 219.5, 219.5);
  --highlight-secondary-hc: #8f8f8f;
  --highlight-tertiary-hc: rgb(189.4395101713, 192.1652382227, 194.8404898287);
  --highlight-transparent-hc: rgba(143, 143, 143, 0.7);
  --highlight-transparent-secondary-hc: rgba(143, 143, 143, 0.4);
  --border-primary-hc: rgb(155.75, 155.75, 155.75);
  --border-secondary-hc: #8f8f8f;
  --border-tertiary-hc: rgb(130.25, 130.25, 130.25);
  --scrollbar-primary-hc: rgb(168.5, 168.5, 168.5);
  --text-primary: rgb(50, 50, 50);
  --text-secondary: rgb(37.25, 37.25, 37.25);
  --text-tertiary: rgb(24.5, 24.5, 24.5);
  --accent-color: #689ed3;
  --accent-hue: 209.7196261682deg;
  --accent-sat: 54.8717948718%;
  --accent-light: 61.7647058824%;
  --accent-secondary: rgb(64.5076923077, 132.6307692308, 199.4923076923);
  --highlight-primary: rgb(219.5, 219.5, 219.5);
  --highlight-secondary: rgb(168.5, 168.5, 168.5);
  --highlight-tertiary: rgb(216.035, 217.655, 219.245);
  --highlight-transparent: rgba(168.5, 168.5, 168.5, 0.7);
  --highlight-transparent-secondary: rgba(168.5, 168.5, 168.5, 0.4);
  --accent-transparent: rgba(104, 158, 211, 0.7);
  --accent-transparent-secondary: rgba(104, 158, 211, 0.4);
  --border-primary: #c2c2c2;
  --border-secondary: rgb(181.25, 181.25, 181.25);
  --border-tertiary: rgb(168.5, 168.5, 168.5);
  --scrollbar-primary: rgb(199.1, 199.1, 199.1);
  --logo-url: url(/dist/images/logo_light.png);
  --logo-orb-url: url(/dist/images/logo_light_orb.png);
  --close-primary: #FF7F76;
  --close-secondary: rgb(255, 55.5255474453, 41.5);
  --error-color: #D32F2F;
  --error-color-transparent: rgba(211, 47, 47, 0.5);
  --success-color: #388E3C;
  --success-color-transparent: rgba(56, 142, 60, 0.5);
  --warning-color: #FBC02D;
  --warning-color-transparent: rgba(251, 192, 45, 0.4);
  --info-color: #1976D2;
  --info-color-transparent: rgba(25, 118, 210, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(22.75, 22.75, 22.75);
  --text-base-light: rgb(232.25, 232.25, 232.25);
  --text-accent-dark: rgb(37.25, 37.25, 37.25);
  --window-screen-container: rgba(232.25, 232.25, 232.25, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: none;
  --mono-base-background: rgb(255, 255, 255);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(0, 0, 1);
  --mono-text-gold: rgb(0, 0, 1);
  --mono-text-indigo: rgb(45, 49, 166);
  --mono-text-mdindigo: rgb(45, 49, 166);
  --mono-text-ltindigo: rgb(45, 49, 166);
  --mono-text-purple: rgb(73, 31, 184);
  --mono-text-mdpurple: rgb(73, 31, 184);
  --mono-text-ltpurple: rgb(73, 31, 184);
  --mono-text-pink: rgb(157, 22, 95);
  --mono-text-mdpink: rgb(157, 22, 95);
  --mono-text-ltpink: rgb(157, 22, 95);
  --mono-text-blue: rgb(23, 91, 210);
  --mono-text-mdblue: rgb(2, 105, 162);
  --mono-text-ltblue: rgb(14, 110, 144);
  --mono-text-cyan: rgb(18, 92, 86);
  --mono-text-mdcyan: rgb(18, 92, 86);
  --mono-text-ltcyan: rgb(18, 92, 86);
  --mono-text-seagreen: rgb(9, 91, 56);
  --mono-text-mdseagreen: rgb(9, 91, 56);
  --mono-text-ltseagreen: rgb(9, 91, 56);
  --mono-text-green: rgb(50, 97, 19);
  --mono-text-mdgreen: rgb(50, 97, 19);
  --mono-text-ltgreen: rgb(50, 97, 19);
  --mono-text-olive: rgb(51, 79, 22);
  --mono-text-mdolive: rgb(51, 79, 22);
  --mono-text-ltolive: rgb(51, 79, 22);
  --mono-text-gray: rgb(63, 63, 70);
  --mono-text-mdgray: rgb(63, 63, 70);
  --mono-text-ltgray: rgb(63, 63, 70);
  --mono-text-brown: rgb(83, 44, 14);
  --mono-text-mdbrown: rgb(83, 44, 14);
  --mono-text-ltbrown: rgb(83, 44, 14);
  --mono-text-maroon: rgb(86, 19, 11);
  --mono-text-mdmaroon: rgb(86, 19, 11);
  --mono-text-ltmaroon: rgb(86, 19, 11);
  --mono-text-red: rgb(187, 27, 7);
  --mono-text-mdred: rgb(150, 24, 13);
  --mono-text-ltred: rgb(187, 27, 7);
  --mono-text-orange: rgb(222, 78, 23);
  --mono-text-mdorange: rgb(222, 78, 23);
  --mono-text-ltorange: rgb(222, 78, 23);
  --mono-text-yellow: rgb(200, 132, 5);
  --mono-text-mdyellow: rgb(200, 132, 5);
  --mono-text-ltyellow: rgb(200, 132, 5);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=sand] {
  --background-primary: #f8f0e3;
  --background-secondary: rgb(242.9, 229.0714285714, 206.6);
  --background-tertiary: rgb(232.7, 207.2142857143, 165.8);
  --background-quarternary: rgb(230.66, 202.8428571429, 157.64);
  --background-primary-transparent: rgba(248, 240, 227, 0.8);
  --background-secondary-transparent: rgba(242.9, 229.0714285714, 206.6, 0.5);
  --background-primary-mc: rgb(249.02, 242.1857142857, 231.08);
  --background-secondary-mc: rgb(239.84, 222.5142857143, 194.36);
  --background-tertiary-mc: rgb(227.6, 196.2857142857, 145.4);
  --background-quarternary-mc: rgb(225.56, 191.9142857143, 137.24);
  --text-primary-mc: rgb(50, 50, 50);
  --text-secondary-mc: rgb(11.75, 11.75, 11.75);
  --text-tertiary-mc: hsl(0, 0%, -0.3921568627%);
  --highlight-primary-mc: rgb(237.8, 218.1428571429, 186.2);
  --highlight-secondary-mc: rgb(212.3, 163.5, 84.2);
  --highlight-tertiary-mc: rgb(225.4436183305, 206.0391305016, 166.0963816695);
  --highlight-transparent-mc: rgba(212.3, 163.5, 84.2, 0.7);
  --highlight-transparent-secondary-mc: rgba(212.3, 163.5, 84.2, 0.4);
  --border-primary-mc: rgb(217.4, 174.4285714286, 104.6);
  --border-secondary-mc: rgb(212.3, 163.5, 84.2);
  --border-tertiary-mc: rgb(207.2, 152.5714285714, 63.8);
  --scrollbar-primary-mc: rgb(222.5, 185.3571428571, 125);
  --background-primary-hc: rgb(250.04, 244.3714285714, 235.16);
  --background-secondary-hc: rgb(237.8, 218.1428571429, 186.2);
  --background-tertiary-hc: rgb(222.5, 185.3571428571, 125);
  --background-quarternary-hc: rgb(220.46, 180.9857142857, 116.84);
  --text-primary-hc: rgb(50, 50, 50);
  --text-secondary-hc: hsl(0, 0%, -5.3921568627%);
  --text-tertiary-hc: hsl(0, 0%, -10.3921568627%);
  --highlight-primary-hc: rgb(237.8, 218.1428571429, 186.2);
  --highlight-secondary-hc: rgb(207.2, 152.5714285714, 63.8);
  --highlight-tertiary-hc: rgb(219.0812366609, 195.4996895746, 146.9587633391);
  --highlight-transparent-hc: rgba(207.2, 152.5714285714, 63.8, 0.7);
  --highlight-transparent-secondary-hc: rgba(207.2, 152.5714285714, 63.8, 0.4);
  --border-primary-hc: rgb(212.3, 163.5, 84.2);
  --border-secondary-hc: rgb(207.2, 152.5714285714, 63.8);
  --border-tertiary-hc: rgb(196.4, 140.2857142857, 49.1);
  --scrollbar-primary-hc: rgb(217.4, 174.4285714286, 104.6);
  --text-primary: rgb(50, 50, 50);
  --text-secondary: rgb(37.25, 37.25, 37.25);
  --text-tertiary: rgb(24.5, 24.5, 24.5);
  --accent-color: #26a69a;
  --accent-hue: 174.375deg;
  --accent-sat: 62.7450980392%;
  --accent-light: 40%;
  --accent-secondary: rgb(28.5, 124.5, 115.5);
  --highlight-primary: rgb(237.8, 218.1428571429, 186.2);
  --highlight-secondary: rgb(217.4, 174.4285714286, 104.6);
  --highlight-tertiary: rgb(231.806, 216.5785714286, 185.234);
  --highlight-transparent: rgba(217.4, 174.4285714286, 104.6, 0.7);
  --highlight-transparent-secondary: rgba(217.4, 174.4285714286, 104.6, 0.4);
  --accent-transparent: rgba(38, 166, 154, 0.7);
  --accent-transparent-secondary: rgba(38, 166, 154, 0.4);
  --border-primary: rgb(227.6, 196.2857142857, 145.4);
  --border-secondary: rgb(222.5, 185.3571428571, 125);
  --border-tertiary: rgb(217.4, 174.4285714286, 104.6);
  --scrollbar-primary: rgb(229.64, 200.6571428571, 153.56);
  --logo-url: url(/dist/images/logo_light.png);
  --logo-orb-url: url(/dist/images/logo_light_orb.png);
  --close-primary: #FF7F76;
  --close-secondary: rgb(255, 55.5255474453, 41.5);
  --error-color: #D32F2F;
  --error-color-transparent: rgba(211, 47, 47, 0.5);
  --success-color: #388E3C;
  --success-color-transparent: rgba(56, 142, 60, 0.5);
  --warning-color: #FBC02D;
  --warning-color-transparent: rgba(251, 192, 45, 0.4);
  --info-color: #1976D2;
  --info-color-transparent: rgba(25, 118, 210, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(12.1, 25.9285714286, 48.4);
  --text-base-light: rgb(242.9, 229.0714285714, 206.6);
  --text-accent-dark: rgb(37.25, 37.25, 37.25);
  --window-screen-container: rgba(242.9, 229.0714285714, 206.6, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: none;
  --mono-base-background: rgb(255, 255, 255);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(0, 0, 1);
  --mono-text-gold: rgb(0, 0, 1);
  --mono-text-indigo: rgb(45, 49, 166);
  --mono-text-mdindigo: rgb(45, 49, 166);
  --mono-text-ltindigo: rgb(45, 49, 166);
  --mono-text-purple: rgb(73, 31, 184);
  --mono-text-mdpurple: rgb(73, 31, 184);
  --mono-text-ltpurple: rgb(73, 31, 184);
  --mono-text-pink: rgb(157, 22, 95);
  --mono-text-mdpink: rgb(157, 22, 95);
  --mono-text-ltpink: rgb(157, 22, 95);
  --mono-text-blue: rgb(23, 91, 210);
  --mono-text-mdblue: rgb(2, 105, 162);
  --mono-text-ltblue: rgb(14, 110, 144);
  --mono-text-cyan: rgb(18, 92, 86);
  --mono-text-mdcyan: rgb(18, 92, 86);
  --mono-text-ltcyan: rgb(18, 92, 86);
  --mono-text-seagreen: rgb(9, 91, 56);
  --mono-text-mdseagreen: rgb(9, 91, 56);
  --mono-text-ltseagreen: rgb(9, 91, 56);
  --mono-text-green: rgb(50, 97, 19);
  --mono-text-mdgreen: rgb(50, 97, 19);
  --mono-text-ltgreen: rgb(50, 97, 19);
  --mono-text-olive: rgb(51, 79, 22);
  --mono-text-mdolive: rgb(51, 79, 22);
  --mono-text-ltolive: rgb(51, 79, 22);
  --mono-text-gray: rgb(63, 63, 70);
  --mono-text-mdgray: rgb(63, 63, 70);
  --mono-text-ltgray: rgb(63, 63, 70);
  --mono-text-brown: rgb(83, 44, 14);
  --mono-text-mdbrown: rgb(83, 44, 14);
  --mono-text-ltbrown: rgb(83, 44, 14);
  --mono-text-maroon: rgb(86, 19, 11);
  --mono-text-mdmaroon: rgb(86, 19, 11);
  --mono-text-ltmaroon: rgb(86, 19, 11);
  --mono-text-red: rgb(187, 27, 7);
  --mono-text-mdred: rgb(150, 24, 13);
  --mono-text-ltred: rgb(187, 27, 7);
  --mono-text-orange: rgb(222, 78, 23);
  --mono-text-mdorange: rgb(222, 78, 23);
  --mono-text-ltorange: rgb(222, 78, 23);
  --mono-text-yellow: rgb(200, 132, 5);
  --mono-text-mdyellow: rgb(200, 132, 5);
  --mono-text-ltyellow: rgb(200, 132, 5);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=dark] {
  --background-primary: #252525;
  --background-secondary: rgb(49.75, 49.75, 49.75);
  --background-tertiary: rgb(75.25, 75.25, 75.25);
  --background-quarternary: rgb(80.35, 80.35, 80.35);
  --background-primary-transparent: rgba(37, 37, 37, 0.8);
  --background-secondary-transparent: rgba(49.75, 49.75, 49.75, 0.5);
  --background-primary-mc: rgb(24.25, 24.25, 24.25);
  --background-secondary-mc: rgb(44.65, 44.65, 44.65);
  --background-tertiary-mc: rgb(80.35, 80.35, 80.35);
  --background-quarternary-mc: rgb(67.6, 67.6, 67.6);
  --text-primary-mc: rgb(220, 220, 220);
  --text-secondary-mc: hsl(0, 0%, 101.2745098039%);
  --text-tertiary-mc: hsl(0, 0%, 106.2745098039%);
  --highlight-primary-mc: rgb(62.5, 62.5, 62.5);
  --highlight-secondary-mc: rgb(126.25, 126.25, 126.25);
  --highlight-tertiary-mc: rgb(80.1750506033, 78.5570474893, 73.7749493967);
  --highlight-transparent-mc: rgba(126.25, 126.25, 126.25, 0.7);
  --highlight-transparent-secondary-mc: rgba(126.25, 126.25, 126.25, 0.4);
  --border-primary-mc: rgb(113.5, 113.5, 113.5);
  --border-secondary-mc: rgb(126.25, 126.25, 126.25);
  --border-tertiary-mc: #8b8b8b;
  --scrollbar-primary-mc: rgb(100.75, 100.75, 100.75);
  --background-primary-hc: rgb(11.5, 11.5, 11.5);
  --background-secondary-hc: rgb(34.45, 34.45, 34.45);
  --background-tertiary-hc: rgb(75.25, 75.25, 75.25);
  --background-quarternary-hc: rgb(54.85, 54.85, 54.85);
  --text-primary-hc: rgb(220, 220, 220);
  --text-secondary-hc: hsl(0, 0%, 111.2745098039%);
  --text-tertiary-hc: hsl(0, 0%, 116.2745098039%);
  --highlight-primary-hc: rgb(62.5, 62.5, 62.5);
  --highlight-secondary-hc: #8b8b8b;
  --highlight-tertiary-hc: rgb(93.4551012067, 91.5690949786, 85.9948987933);
  --highlight-transparent-hc: rgba(139, 139, 139, 0.7);
  --highlight-transparent-secondary-hc: rgba(139, 139, 139, 0.4);
  --border-primary-hc: rgb(126.25, 126.25, 126.25);
  --border-secondary-hc: #8b8b8b;
  --border-tertiary-hc: rgb(151.75, 151.75, 151.75);
  --scrollbar-primary-hc: rgb(113.5, 113.5, 113.5);
  --text-primary: rgb(220, 220, 220);
  --text-secondary: rgb(232.75, 232.75, 232.75);
  --text-tertiary: rgb(245.5, 245.5, 245.5);
  --accent-color: #d1a41f;
  --accent-hue: 44.8314606742deg;
  --accent-sat: 74.1666666667%;
  --accent-light: 47.0588235294%;
  --accent-secondary: rgb(226.7125, 185.65, 64.2875);
  --highlight-primary: rgb(62.5, 62.5, 62.5);
  --highlight-secondary: rgb(113.5, 113.5, 113.5);
  --highlight-tertiary: rgb(66.895, 65.545, 61.555);
  --highlight-transparent: rgba(113.5, 113.5, 113.5, 0.7);
  --highlight-transparent-secondary: rgba(113.5, 113.5, 113.5, 0.4);
  --accent-transparent: rgba(209, 164, 31, 0.7);
  --accent-transparent-secondary: rgba(209, 164, 31, 0.4);
  --border-primary: #585858;
  --border-secondary: rgb(100.75, 100.75, 100.75);
  --border-tertiary: rgb(113.5, 113.5, 113.5);
  --scrollbar-primary: rgb(82.9, 82.9, 82.9);
  --logo-url: url(/dist/images/logo_dark.png);
  --logo-orb-url: url(/dist/images/logo_dark_orb.png);
  --close-primary: #D2574E;
  --close-secondary: rgb(225.5067567568, 144.8918918919, 138.9932432432);
  --error-color: #EF5350;
  --error-color-transparent: rgba(239, 83, 80, 0.5);
  --success-color: #66BB6A;
  --success-color-transparent: rgba(102, 187, 106, 0.5);
  --warning-color: #FFEE58;
  --warning-color-transparent: rgba(255, 238, 88, 0.4);
  --info-color: #29B6F6;
  --info-color-transparent: rgba(41, 182, 246, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(49.75, 49.75, 49.75);
  --text-base-light: rgb(205.25, 205.25, 205.25);
  --text-accent-dark: rgb(22.25, 22.25, 22.25);
  --window-screen-container: rgba(49.75, 49.75, 49.75, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: block;
  --mono-base-background: rgb(12, 17, 29);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(253, 253, 254);
  --mono-text-gold: rgb(253, 253, 254);
  --mono-text-indigo: rgb(163, 187, 252);
  --mono-text-mdindigo: rgb(163, 187, 252);
  --mono-text-ltindigo: rgb(163, 187, 252);
  --mono-text-purple: rgb(183, 174, 246);
  --mono-text-mdpurple: rgb(183, 174, 246);
  --mono-text-ltpurple: rgb(187, 178, 252);
  --mono-text-pink: rgb(248, 166, 223);
  --mono-text-mdpink: rgb(248, 166, 223);
  --mono-text-ltpink: rgb(248, 166, 223);
  --mono-text-blue: rgb(131, 172, 254);
  --mono-text-mdblue: rgb(131, 200, 254);
  --mono-text-ltblue: rgb(123, 210, 252);
  --mono-text-cyan: rgb(102, 225, 248);
  --mono-text-mdcyan: rgb(102, 225, 248);
  --mono-text-ltcyan: rgb(102, 225, 248);
  --mono-text-seagreen: rgb(94, 231, 207);
  --mono-text-mdseagreen: rgb(94, 231, 207);
  --mono-text-ltseagreen: rgb(94, 231, 207);
  --mono-text-green: rgb(114, 224, 163);
  --mono-text-mdgreen: rgb(114, 224, 163);
  --mono-text-ltgreen: rgb(114, 224, 163);
  --mono-text-olive: rgb(171, 218, 121);
  --mono-text-mdolive: rgb(171, 218, 121);
  --mono-text-ltolive: rgb(171, 218, 121);
  --mono-text-gray: rgb(203, 211, 222);
  --mono-text-mdgray: rgb(203, 211, 222);
  --mono-text-ltgray: rgb(203, 211, 222);
  --mono-text-brown: rgb(178, 114, 65);
  --mono-text-mdbrown: rgb(178, 114, 65);
  --mono-text-ltbrown: rgb(178, 114, 65);
  --mono-text-maroon: rgb(143, 89, 86);
  --mono-text-mdmaroon: rgb(169, 121, 123);
  --mono-text-ltmaroon: rgb(204, 142, 151);
  --mono-text-red: rgb(252, 29, 79);
  --mono-text-mdred: rgb(252, 29, 79);
  --mono-text-ltred: rgb(252, 29, 79);
  --mono-text-orange: rgb(253, 155, 102);
  --mono-text-mdorange: rgb(253, 155, 102);
  --mono-text-ltorange: rgb(253, 155, 102);
  --mono-text-yellow: rgb(251, 224, 114);
  --mono-text-mdyellow: rgb(251, 224, 114);
  --mono-text-ltyellow: rgb(251, 224, 114);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=dark-alt] {
  --background-primary: rgb(31, 36, 47);
  --background-secondary: rgb(12, 17, 29);
  --background-tertiary: rgb(22, 27, 38);
  --background-quarternary: rgb(51, 55, 65);
  --background-primary-transparent: rgba(31, 36, 47, 0.8);
  --background-secondary-transparent: rgba(12, 17, 29, 0.5);
  --background-primary-mc: rgb(33, 38, 49);
  --background-secondary-mc: rgb(10, 15, 27);
  --background-tertiary-mc: rgb(24, 29, 40);
  --background-quarternary-mc: rgb(53, 57, 67);
  --text-primary-mc: rgb(234, 235, 239);
  --text-secondary-mc: hsl(240, 5.2631578947%, 106.2745098039%);
  --text-tertiary-mc: rgb(242.4583333333, 243.9166666667, 246.5416666667);
  --highlight-primary-mc: rgb(51.2692307692, 59.5384615385, 77.7307692308);
  --highlight-secondary-mc: rgb(102.25, 118.5, 154.25);
  --highlight-tertiary-mc: rgb(68.2504900438, 75.0505808055, 90.9895099562);
  --highlight-transparent-mc: rgba(102.25, 118.5, 154.25, 0.7);
  --highlight-transparent-secondary-mc: rgba(102.25, 118.5, 154.25, 0.4);
  --border-primary-mc: rgb(91.8076923077, 106.6153846154, 139.1923076923);
  --border-secondary-mc: rgb(102.25, 118.5, 154.25);
  --border-tertiary-mc: rgb(117.6153846154, 132.2307692308, 164.3846153846);
  --scrollbar-primary-mc: rgb(81.6730769231, 94.8461538462, 123.8269230769);
  --background-primary-hc: rgb(33, 38, 49);
  --background-secondary-hc: rgb(10, 15, 27);
  --background-tertiary-hc: rgb(24, 29, 40);
  --background-quarternary-hc: rgb(53, 57, 67);
  --text-primary-hc: rgb(234, 235, 239);
  --text-secondary-hc: hsl(240, 5.2631578947%, 116.2745098039%);
  --text-tertiary-hc: hsl(218.5714285714, 19.4444444444%, 105.8823529412%);
  --highlight-primary-hc: rgb(51.2692307692, 59.5384615385, 77.7307692308);
  --highlight-secondary-hc: rgb(117.6153846154, 132.2307692308, 164.3846153846);
  --highlight-tertiary-hc: rgb(79.1798262415, 87.0688539186, 105.5601737585);
  --highlight-transparent-hc: rgba(117.6153846154, 132.2307692308, 164.3846153846, 0.7);
  --highlight-transparent-secondary-hc: rgba(117.6153846154, 132.2307692308, 164.3846153846, 0.4);
  --border-primary-hc: rgb(102.25, 118.5, 154.25);
  --border-secondary-hc: rgb(117.6153846154, 132.2307692308, 164.3846153846);
  --border-tertiary-hc: rgb(132.9807692308, 145.9615384615, 174.5192307692);
  --scrollbar-primary-hc: rgb(91.8076923077, 106.6153846154, 139.1923076923);
  --text-primary: rgb(234, 235, 239);
  --text-secondary: rgb(245, 245, 246);
  --text-tertiary: rgb(212, 217, 226);
  --accent-color: rgb(253, 176, 34);
  --accent-hue: 38.904109589deg;
  --accent-sat: 98.2062780269%;
  --accent-light: 56.2745098039%;
  --accent-secondary: rgb(253.4573991031, 194.067264574, 84.5426008969);
  --highlight-primary: rgb(51.2692307692, 59.5384615385, 77.7307692308);
  --highlight-secondary: rgb(91.8076923077, 106.6153846154, 139.1923076923);
  --highlight-tertiary: rgb(57.3211538462, 63.0323076923, 76.4188461538);
  --highlight-transparent: rgba(91.8076923077, 106.6153846154, 139.1923076923, 0.7);
  --highlight-transparent-secondary: rgba(91.8076923077, 106.6153846154, 139.1923076923, 0.4);
  --accent-transparent: rgba(253, 176, 34, 0.7);
  --accent-transparent-secondary: rgba(253, 176, 34, 0.4);
  --border-primary: rgb(51, 56, 65);
  --border-secondary: rgb(55, 60, 71);
  --border-tertiary: rgb(91.8076923077, 106.6153846154, 139.1923076923);
  --scrollbar-primary: rgb(67.4846153846, 78.3692307692, 102.3153846154);
  --logo-url: url(/dist/images/logo_dark.png);
  --logo-orb-url: url(/dist/images/logo_dark_orb.png);
  --close-primary: #D2574E;
  --close-secondary: rgb(225.5067567568, 144.8918918919, 138.9932432432);
  --error-color: #EF5350;
  --error-color-transparent: rgba(239, 83, 80, 0.5);
  --success-color: #66BB6A;
  --success-color-transparent: rgba(102, 187, 106, 0.5);
  --warning-color: #FFEE58;
  --warning-color-transparent: rgba(255, 238, 88, 0.4);
  --info-color: #29B6F6;
  --info-color-transparent: rgba(41, 182, 246, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(12, 17, 29);
  --text-base-light: rgb(243, 238, 226);
  --text-accent-dark: rgb(10, 10, 9);
  --window-screen-container: rgba(12, 17, 29, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: block;
  --mono-base-background: rgb(12, 17, 29);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(253, 253, 254);
  --mono-text-gold: rgb(253, 253, 254);
  --mono-text-indigo: rgb(163, 187, 252);
  --mono-text-mdindigo: rgb(163, 187, 252);
  --mono-text-ltindigo: rgb(163, 187, 252);
  --mono-text-purple: rgb(183, 174, 246);
  --mono-text-mdpurple: rgb(183, 174, 246);
  --mono-text-ltpurple: rgb(187, 178, 252);
  --mono-text-pink: rgb(248, 166, 223);
  --mono-text-mdpink: rgb(248, 166, 223);
  --mono-text-ltpink: rgb(248, 166, 223);
  --mono-text-blue: rgb(131, 172, 254);
  --mono-text-mdblue: rgb(131, 200, 254);
  --mono-text-ltblue: rgb(123, 210, 252);
  --mono-text-cyan: rgb(102, 225, 248);
  --mono-text-mdcyan: rgb(102, 225, 248);
  --mono-text-ltcyan: rgb(102, 225, 248);
  --mono-text-seagreen: rgb(94, 231, 207);
  --mono-text-mdseagreen: rgb(94, 231, 207);
  --mono-text-ltseagreen: rgb(94, 231, 207);
  --mono-text-green: rgb(114, 224, 163);
  --mono-text-mdgreen: rgb(114, 224, 163);
  --mono-text-ltgreen: rgb(114, 224, 163);
  --mono-text-olive: rgb(171, 218, 121);
  --mono-text-mdolive: rgb(171, 218, 121);
  --mono-text-ltolive: rgb(171, 218, 121);
  --mono-text-gray: rgb(203, 211, 222);
  --mono-text-mdgray: rgb(203, 211, 222);
  --mono-text-ltgray: rgb(203, 211, 222);
  --mono-text-brown: rgb(178, 114, 65);
  --mono-text-mdbrown: rgb(178, 114, 65);
  --mono-text-ltbrown: rgb(178, 114, 65);
  --mono-text-maroon: rgb(143, 89, 86);
  --mono-text-mdmaroon: rgb(169, 121, 123);
  --mono-text-ltmaroon: rgb(204, 142, 151);
  --mono-text-red: rgb(252, 29, 79);
  --mono-text-mdred: rgb(252, 29, 79);
  --mono-text-ltred: rgb(252, 29, 79);
  --mono-text-orange: rgb(253, 155, 102);
  --mono-text-mdorange: rgb(253, 155, 102);
  --mono-text-ltorange: rgb(253, 155, 102);
  --mono-text-yellow: rgb(251, 224, 114);
  --mono-text-mdyellow: rgb(251, 224, 114);
  --mono-text-ltyellow: rgb(251, 224, 114);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=dark-red] {
  --background-primary: #252525;
  --background-secondary: rgb(49.75, 49.75, 49.75);
  --background-tertiary: rgb(75.25, 75.25, 75.25);
  --background-quarternary: rgb(80.35, 80.35, 80.35);
  --background-primary-transparent: rgba(37, 37, 37, 0.8);
  --background-secondary-transparent: rgba(49.75, 49.75, 49.75, 0.5);
  --background-primary-mc: rgb(24.25, 24.25, 24.25);
  --background-secondary-mc: rgb(44.65, 44.65, 44.65);
  --background-tertiary-mc: rgb(80.35, 80.35, 80.35);
  --background-quarternary-mc: rgb(67.6, 67.6, 67.6);
  --text-primary-mc: rgb(220, 220, 220);
  --text-secondary-mc: hsl(0, 0%, 101.2745098039%);
  --text-tertiary-mc: hsl(0, 0%, 106.2745098039%);
  --highlight-primary-mc: rgb(62.5, 62.5, 62.5);
  --highlight-secondary-mc: rgb(126.25, 126.25, 126.25);
  --highlight-tertiary-mc: rgb(79.4271619933, 74.1028380067, 74.5345399516);
  --highlight-transparent-mc: rgba(126.25, 126.25, 126.25, 0.7);
  --highlight-transparent-secondary-mc: rgba(126.25, 126.25, 126.25, 0.4);
  --border-primary-mc: rgb(113.5, 113.5, 113.5);
  --border-secondary-mc: rgb(126.25, 126.25, 126.25);
  --border-tertiary-mc: #8b8b8b;
  --scrollbar-primary-mc: rgb(100.75, 100.75, 100.75);
  --background-primary-hc: rgb(11.5, 11.5, 11.5);
  --background-secondary-hc: rgb(34.45, 34.45, 34.45);
  --background-tertiary-hc: rgb(75.25, 75.25, 75.25);
  --background-quarternary-hc: rgb(54.85, 54.85, 54.85);
  --text-primary-hc: rgb(220, 220, 220);
  --text-secondary-hc: hsl(0, 0%, 111.2745098039%);
  --text-tertiary-hc: hsl(0, 0%, 116.2745098039%);
  --highlight-primary-hc: rgb(62.5, 62.5, 62.5);
  --highlight-secondary-hc: #8b8b8b;
  --highlight-tertiary-hc: rgb(92.6193239866, 86.4106760134, 86.9140799031);
  --highlight-transparent-hc: rgba(139, 139, 139, 0.7);
  --highlight-transparent-secondary-hc: rgba(139, 139, 139, 0.4);
  --border-primary-hc: rgb(126.25, 126.25, 126.25);
  --border-secondary-hc: #8b8b8b;
  --border-tertiary-hc: rgb(151.75, 151.75, 151.75);
  --scrollbar-primary-hc: rgb(113.5, 113.5, 113.5);
  --text-primary: rgb(220, 220, 220);
  --text-secondary: rgb(232.75, 232.75, 232.75);
  --text-tertiary: rgb(245.5, 245.5, 245.5);
  --accent-color: #bb2733;
  --accent-hue: 355.1351351351deg;
  --accent-sat: 65.4867256637%;
  --accent-light: 44.3137254902%;
  --accent-secondary: rgb(214.7920353982, 62.2079646018, 74.5796460177);
  --highlight-primary: rgb(62.5, 62.5, 62.5);
  --highlight-secondary: rgb(113.5, 113.5, 113.5);
  --highlight-tertiary: rgb(66.235, 61.795, 62.155);
  --highlight-transparent: rgba(113.5, 113.5, 113.5, 0.7);
  --highlight-transparent-secondary: rgba(113.5, 113.5, 113.5, 0.4);
  --accent-transparent: rgba(187, 39, 51, 0.7);
  --accent-transparent-secondary: rgba(187, 39, 51, 0.4);
  --border-primary: #585858;
  --border-secondary: rgb(100.75, 100.75, 100.75);
  --border-tertiary: rgb(113.5, 113.5, 113.5);
  --scrollbar-primary: rgb(82.9, 82.9, 82.9);
  --logo-url: url(/dist/images/logo_dark.png);
  --logo-orb-url: url(/dist/images/logo_dark_orb.png);
  --close-primary: #D2574E;
  --close-secondary: rgb(225.5067567568, 144.8918918919, 138.9932432432);
  --error-color: #EF5350;
  --error-color-transparent: rgba(239, 83, 80, 0.5);
  --success-color: #66BB6A;
  --success-color-transparent: rgba(102, 187, 106, 0.5);
  --warning-color: #FFEE58;
  --warning-color-transparent: rgba(255, 238, 88, 0.4);
  --info-color: #29B6F6;
  --info-color-transparent: rgba(41, 182, 246, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(49.75, 49.75, 49.75);
  --text-base-light: rgb(205.25, 205.25, 205.25);
  --text-accent-dark: rgb(22.25, 22.25, 22.25);
  --window-screen-container: rgba(49.75, 49.75, 49.75, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: block;
  --mono-base-background: rgb(12, 17, 29);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(253, 253, 254);
  --mono-text-gold: rgb(253, 253, 254);
  --mono-text-indigo: rgb(163, 187, 252);
  --mono-text-mdindigo: rgb(163, 187, 252);
  --mono-text-ltindigo: rgb(163, 187, 252);
  --mono-text-purple: rgb(183, 174, 246);
  --mono-text-mdpurple: rgb(183, 174, 246);
  --mono-text-ltpurple: rgb(187, 178, 252);
  --mono-text-pink: rgb(248, 166, 223);
  --mono-text-mdpink: rgb(248, 166, 223);
  --mono-text-ltpink: rgb(248, 166, 223);
  --mono-text-blue: rgb(131, 172, 254);
  --mono-text-mdblue: rgb(131, 200, 254);
  --mono-text-ltblue: rgb(123, 210, 252);
  --mono-text-cyan: rgb(102, 225, 248);
  --mono-text-mdcyan: rgb(102, 225, 248);
  --mono-text-ltcyan: rgb(102, 225, 248);
  --mono-text-seagreen: rgb(94, 231, 207);
  --mono-text-mdseagreen: rgb(94, 231, 207);
  --mono-text-ltseagreen: rgb(94, 231, 207);
  --mono-text-green: rgb(114, 224, 163);
  --mono-text-mdgreen: rgb(114, 224, 163);
  --mono-text-ltgreen: rgb(114, 224, 163);
  --mono-text-olive: rgb(171, 218, 121);
  --mono-text-mdolive: rgb(171, 218, 121);
  --mono-text-ltolive: rgb(171, 218, 121);
  --mono-text-gray: rgb(203, 211, 222);
  --mono-text-mdgray: rgb(203, 211, 222);
  --mono-text-ltgray: rgb(203, 211, 222);
  --mono-text-brown: rgb(178, 114, 65);
  --mono-text-mdbrown: rgb(178, 114, 65);
  --mono-text-ltbrown: rgb(178, 114, 65);
  --mono-text-maroon: rgb(143, 89, 86);
  --mono-text-mdmaroon: rgb(169, 121, 123);
  --mono-text-ltmaroon: rgb(204, 142, 151);
  --mono-text-red: rgb(252, 29, 79);
  --mono-text-mdred: rgb(252, 29, 79);
  --mono-text-ltred: rgb(252, 29, 79);
  --mono-text-orange: rgb(253, 155, 102);
  --mono-text-mdorange: rgb(253, 155, 102);
  --mono-text-ltorange: rgb(253, 155, 102);
  --mono-text-yellow: rgb(251, 224, 114);
  --mono-text-mdyellow: rgb(251, 224, 114);
  --mono-text-ltyellow: rgb(251, 224, 114);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=dark-green] {
  --background-primary: #252525;
  --background-secondary: rgb(49.75, 49.75, 49.75);
  --background-tertiary: rgb(75.25, 75.25, 75.25);
  --background-quarternary: rgb(80.35, 80.35, 80.35);
  --background-primary-transparent: rgba(37, 37, 37, 0.8);
  --background-secondary-transparent: rgba(49.75, 49.75, 49.75, 0.5);
  --background-primary-mc: rgb(24.25, 24.25, 24.25);
  --background-secondary-mc: rgb(44.65, 44.65, 44.65);
  --background-tertiary-mc: rgb(80.35, 80.35, 80.35);
  --background-quarternary-mc: rgb(67.6, 67.6, 67.6);
  --text-primary-mc: rgb(220, 220, 220);
  --text-secondary-mc: hsl(0, 0%, 101.2745098039%);
  --text-tertiary-mc: hsl(0, 0%, 106.2745098039%);
  --highlight-primary-mc: rgb(62.5, 62.5, 62.5);
  --highlight-secondary-mc: rgb(126.25, 126.25, 126.25);
  --highlight-tertiary-mc: rgb(75.3766507663, 79.2987073819, 74.0812926181);
  --highlight-transparent-mc: rgba(126.25, 126.25, 126.25, 0.7);
  --highlight-transparent-secondary-mc: rgba(126.25, 126.25, 126.25, 0.4);
  --border-primary-mc: rgb(113.5, 113.5, 113.5);
  --border-secondary-mc: rgb(126.25, 126.25, 126.25);
  --border-tertiary-mc: #8b8b8b;
  --scrollbar-primary-mc: rgb(100.75, 100.75, 100.75);
  --background-primary-hc: rgb(11.5, 11.5, 11.5);
  --background-secondary-hc: rgb(34.45, 34.45, 34.45);
  --background-tertiary-hc: rgb(75.25, 75.25, 75.25);
  --background-quarternary-hc: rgb(54.85, 54.85, 54.85);
  --text-primary-hc: rgb(220, 220, 220);
  --text-secondary-hc: hsl(0, 0%, 111.2745098039%);
  --text-tertiary-hc: hsl(0, 0%, 116.2745098039%);
  --highlight-primary-hc: rgb(62.5, 62.5, 62.5);
  --highlight-secondary-hc: #8b8b8b;
  --highlight-tertiary-hc: rgb(87.9083015327, 92.4824147638, 86.3975852362);
  --highlight-transparent-hc: rgba(139, 139, 139, 0.7);
  --highlight-transparent-secondary-hc: rgba(139, 139, 139, 0.4);
  --border-primary-hc: rgb(126.25, 126.25, 126.25);
  --border-secondary-hc: #8b8b8b;
  --border-tertiary-hc: rgb(151.75, 151.75, 151.75);
  --scrollbar-primary-hc: rgb(113.5, 113.5, 113.5);
  --text-primary: rgb(220, 220, 220);
  --text-secondary: rgb(232.75, 232.75, 232.75);
  --text-tertiary: rgb(245.5, 245.5, 245.5);
  --accent-color: #4ab726;
  --accent-hue: 105.1034482759deg;
  --accent-sat: 65.6108597285%;
  --accent-light: 43.3333333333%;
  --accent-secondary: rgb(96.6923076923, 214.0769230769, 57.9230769231);
  --highlight-primary: rgb(62.5, 62.5, 62.5);
  --highlight-secondary: rgb(113.5, 113.5, 113.5);
  --highlight-tertiary: rgb(62.845, 66.115, 61.765);
  --highlight-transparent: rgba(113.5, 113.5, 113.5, 0.7);
  --highlight-transparent-secondary: rgba(113.5, 113.5, 113.5, 0.4);
  --accent-transparent: rgba(74, 183, 38, 0.7);
  --accent-transparent-secondary: rgba(74, 183, 38, 0.4);
  --border-primary: #585858;
  --border-secondary: rgb(100.75, 100.75, 100.75);
  --border-tertiary: rgb(113.5, 113.5, 113.5);
  --scrollbar-primary: rgb(82.9, 82.9, 82.9);
  --logo-url: url(/dist/images/logo_dark.png);
  --logo-orb-url: url(/dist/images/logo_dark_orb.png);
  --close-primary: #D2574E;
  --close-secondary: rgb(225.5067567568, 144.8918918919, 138.9932432432);
  --error-color: #EF5350;
  --error-color-transparent: rgba(239, 83, 80, 0.5);
  --success-color: #66BB6A;
  --success-color-transparent: rgba(102, 187, 106, 0.5);
  --warning-color: #FFEE58;
  --warning-color-transparent: rgba(255, 238, 88, 0.4);
  --info-color: #29B6F6;
  --info-color-transparent: rgba(41, 182, 246, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(49.75, 49.75, 49.75);
  --text-base-light: rgb(205.25, 205.25, 205.25);
  --text-accent-dark: rgb(22.25, 22.25, 22.25);
  --window-screen-container: rgba(49.75, 49.75, 49.75, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: block;
  --mono-base-background: rgb(12, 17, 29);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(253, 253, 254);
  --mono-text-gold: rgb(253, 253, 254);
  --mono-text-indigo: rgb(163, 187, 252);
  --mono-text-mdindigo: rgb(163, 187, 252);
  --mono-text-ltindigo: rgb(163, 187, 252);
  --mono-text-purple: rgb(183, 174, 246);
  --mono-text-mdpurple: rgb(183, 174, 246);
  --mono-text-ltpurple: rgb(187, 178, 252);
  --mono-text-pink: rgb(248, 166, 223);
  --mono-text-mdpink: rgb(248, 166, 223);
  --mono-text-ltpink: rgb(248, 166, 223);
  --mono-text-blue: rgb(131, 172, 254);
  --mono-text-mdblue: rgb(131, 200, 254);
  --mono-text-ltblue: rgb(123, 210, 252);
  --mono-text-cyan: rgb(102, 225, 248);
  --mono-text-mdcyan: rgb(102, 225, 248);
  --mono-text-ltcyan: rgb(102, 225, 248);
  --mono-text-seagreen: rgb(94, 231, 207);
  --mono-text-mdseagreen: rgb(94, 231, 207);
  --mono-text-ltseagreen: rgb(94, 231, 207);
  --mono-text-green: rgb(114, 224, 163);
  --mono-text-mdgreen: rgb(114, 224, 163);
  --mono-text-ltgreen: rgb(114, 224, 163);
  --mono-text-olive: rgb(171, 218, 121);
  --mono-text-mdolive: rgb(171, 218, 121);
  --mono-text-ltolive: rgb(171, 218, 121);
  --mono-text-gray: rgb(203, 211, 222);
  --mono-text-mdgray: rgb(203, 211, 222);
  --mono-text-ltgray: rgb(203, 211, 222);
  --mono-text-brown: rgb(178, 114, 65);
  --mono-text-mdbrown: rgb(178, 114, 65);
  --mono-text-ltbrown: rgb(178, 114, 65);
  --mono-text-maroon: rgb(143, 89, 86);
  --mono-text-mdmaroon: rgb(169, 121, 123);
  --mono-text-ltmaroon: rgb(204, 142, 151);
  --mono-text-red: rgb(252, 29, 79);
  --mono-text-mdred: rgb(252, 29, 79);
  --mono-text-ltred: rgb(252, 29, 79);
  --mono-text-orange: rgb(253, 155, 102);
  --mono-text-mdorange: rgb(253, 155, 102);
  --mono-text-ltorange: rgb(253, 155, 102);
  --mono-text-yellow: rgb(251, 224, 114);
  --mono-text-mdyellow: rgb(251, 224, 114);
  --mono-text-ltyellow: rgb(251, 224, 114);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=dark-blue] {
  --background-primary: #252525;
  --background-secondary: rgb(49.75, 49.75, 49.75);
  --background-tertiary: rgb(75.25, 75.25, 75.25);
  --background-quarternary: rgb(80.35, 80.35, 80.35);
  --background-primary-transparent: rgba(37, 37, 37, 0.8);
  --background-secondary-transparent: rgba(49.75, 49.75, 49.75, 0.5);
  --background-primary-mc: rgb(24.25, 24.25, 24.25);
  --background-secondary-mc: rgb(44.65, 44.65, 44.65);
  --background-tertiary-mc: rgb(80.35, 80.35, 80.35);
  --background-quarternary-mc: rgb(67.6, 67.6, 67.6);
  --text-primary-mc: rgb(220, 220, 220);
  --text-secondary-mc: hsl(0, 0%, 101.2745098039%);
  --text-tertiary-mc: hsl(0, 0%, 106.2745098039%);
  --highlight-primary-mc: rgb(62.5, 62.5, 62.5);
  --highlight-secondary-mc: rgb(126.25, 126.25, 126.25);
  --highlight-tertiary-mc: rgb(74.5602065987, 77.0409528441, 79.4497934013);
  --highlight-transparent-mc: rgba(126.25, 126.25, 126.25, 0.7);
  --highlight-transparent-secondary-mc: rgba(126.25, 126.25, 126.25, 0.4);
  --border-primary-mc: rgb(113.5, 113.5, 113.5);
  --border-secondary-mc: rgb(126.25, 126.25, 126.25);
  --border-tertiary-mc: #8b8b8b;
  --scrollbar-primary-mc: rgb(100.75, 100.75, 100.75);
  --background-primary-hc: rgb(11.5, 11.5, 11.5);
  --background-secondary-hc: rgb(34.45, 34.45, 34.45);
  --background-tertiary-hc: rgb(75.25, 75.25, 75.25);
  --background-quarternary-hc: rgb(54.85, 54.85, 54.85);
  --text-primary-hc: rgb(220, 220, 220);
  --text-secondary-hc: hsl(0, 0%, 111.2745098039%);
  --text-tertiary-hc: hsl(0, 0%, 116.2745098039%);
  --highlight-primary-hc: rgb(62.5, 62.5, 62.5);
  --highlight-secondary-hc: #8b8b8b;
  --highlight-tertiary-hc: rgb(86.9054131974, 89.7969056883, 92.6045868026);
  --highlight-transparent-hc: rgba(139, 139, 139, 0.7);
  --highlight-transparent-secondary-hc: rgba(139, 139, 139, 0.4);
  --border-primary-hc: rgb(126.25, 126.25, 126.25);
  --border-secondary-hc: #8b8b8b;
  --border-tertiary-hc: rgb(151.75, 151.75, 151.75);
  --scrollbar-primary-hc: rgb(113.5, 113.5, 113.5);
  --text-primary: rgb(220, 220, 220);
  --text-secondary: rgb(232.75, 232.75, 232.75);
  --text-tertiary: rgb(245.5, 245.5, 245.5);
  --accent-color: #357ABD;
  --accent-hue: 209.5588235294deg;
  --accent-sat: 56.1983471074%;
  --accent-light: 47.4509803922%;
  --accent-secondary: rgb(85.5247933884, 147.3966942149, 207.4752066116);
  --highlight-primary: rgb(62.5, 62.5, 62.5);
  --highlight-secondary: rgb(113.5, 113.5, 113.5);
  --highlight-tertiary: rgb(62.215, 64.285, 66.295);
  --highlight-transparent: rgba(113.5, 113.5, 113.5, 0.7);
  --highlight-transparent-secondary: rgba(113.5, 113.5, 113.5, 0.4);
  --accent-transparent: rgba(53, 122, 189, 0.7);
  --accent-transparent-secondary: rgba(53, 122, 189, 0.4);
  --border-primary: #585858;
  --border-secondary: rgb(100.75, 100.75, 100.75);
  --border-tertiary: rgb(113.5, 113.5, 113.5);
  --scrollbar-primary: rgb(82.9, 82.9, 82.9);
  --logo-url: url(/dist/images/logo_dark.png);
  --logo-orb-url: url(/dist/images/logo_dark_orb.png);
  --close-primary: #D2574E;
  --close-secondary: rgb(225.5067567568, 144.8918918919, 138.9932432432);
  --error-color: #EF5350;
  --error-color-transparent: rgba(239, 83, 80, 0.5);
  --success-color: #66BB6A;
  --success-color-transparent: rgba(102, 187, 106, 0.5);
  --warning-color: #FFEE58;
  --warning-color-transparent: rgba(255, 238, 88, 0.4);
  --info-color: #29B6F6;
  --info-color-transparent: rgba(41, 182, 246, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(49.75, 49.75, 49.75);
  --text-base-light: rgb(205.25, 205.25, 205.25);
  --text-accent-dark: rgb(22.25, 22.25, 22.25);
  --window-screen-container: rgba(49.75, 49.75, 49.75, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: block;
  --mono-base-background: rgb(12, 17, 29);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(253, 253, 254);
  --mono-text-gold: rgb(253, 253, 254);
  --mono-text-indigo: rgb(163, 187, 252);
  --mono-text-mdindigo: rgb(163, 187, 252);
  --mono-text-ltindigo: rgb(163, 187, 252);
  --mono-text-purple: rgb(183, 174, 246);
  --mono-text-mdpurple: rgb(183, 174, 246);
  --mono-text-ltpurple: rgb(187, 178, 252);
  --mono-text-pink: rgb(248, 166, 223);
  --mono-text-mdpink: rgb(248, 166, 223);
  --mono-text-ltpink: rgb(248, 166, 223);
  --mono-text-blue: rgb(131, 172, 254);
  --mono-text-mdblue: rgb(131, 200, 254);
  --mono-text-ltblue: rgb(123, 210, 252);
  --mono-text-cyan: rgb(102, 225, 248);
  --mono-text-mdcyan: rgb(102, 225, 248);
  --mono-text-ltcyan: rgb(102, 225, 248);
  --mono-text-seagreen: rgb(94, 231, 207);
  --mono-text-mdseagreen: rgb(94, 231, 207);
  --mono-text-ltseagreen: rgb(94, 231, 207);
  --mono-text-green: rgb(114, 224, 163);
  --mono-text-mdgreen: rgb(114, 224, 163);
  --mono-text-ltgreen: rgb(114, 224, 163);
  --mono-text-olive: rgb(171, 218, 121);
  --mono-text-mdolive: rgb(171, 218, 121);
  --mono-text-ltolive: rgb(171, 218, 121);
  --mono-text-gray: rgb(203, 211, 222);
  --mono-text-mdgray: rgb(203, 211, 222);
  --mono-text-ltgray: rgb(203, 211, 222);
  --mono-text-brown: rgb(178, 114, 65);
  --mono-text-mdbrown: rgb(178, 114, 65);
  --mono-text-ltbrown: rgb(178, 114, 65);
  --mono-text-maroon: rgb(143, 89, 86);
  --mono-text-mdmaroon: rgb(169, 121, 123);
  --mono-text-ltmaroon: rgb(204, 142, 151);
  --mono-text-red: rgb(252, 29, 79);
  --mono-text-mdred: rgb(252, 29, 79);
  --mono-text-ltred: rgb(252, 29, 79);
  --mono-text-orange: rgb(253, 155, 102);
  --mono-text-mdorange: rgb(253, 155, 102);
  --mono-text-ltorange: rgb(253, 155, 102);
  --mono-text-yellow: rgb(251, 224, 114);
  --mono-text-mdyellow: rgb(251, 224, 114);
  --mono-text-ltyellow: rgb(251, 224, 114);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=carbon] {
  --background-primary: #2b2b2c;
  --background-secondary: rgb(55.6034482759, 55.6034482759, 56.8965517241);
  --background-tertiary: rgb(80.8103448276, 80.8103448276, 82.6896551724);
  --background-quarternary: rgb(85.8517241379, 85.8517241379, 87.8482758621);
  --background-primary-transparent: rgba(43, 43, 44, 0.8);
  --background-secondary-transparent: rgba(55.6034482759, 55.6034482759, 56.8965517241, 0.5);
  --background-primary-mc: rgb(30.3965517241, 30.3965517241, 31.1034482759);
  --background-secondary-mc: rgb(50.5620689655, 50.5620689655, 51.7379310345);
  --background-tertiary-mc: rgb(85.8517241379, 85.8517241379, 87.8482758621);
  --background-quarternary-mc: rgb(73.2482758621, 73.2482758621, 74.9517241379);
  --text-primary-mc: rgb(220, 220, 220);
  --text-secondary-mc: hsl(0, 0%, 101.2745098039%);
  --text-tertiary-mc: hsl(0, 0%, 106.2745098039%);
  --highlight-primary-mc: rgb(68.2068965517, 68.2068965517, 69.7931034483);
  --highlight-secondary-mc: rgb(131.3448275862, 131.3448275862, 134.1551724138);
  --highlight-tertiary-mc: rgb(84.6315009839, 83.9225033348, 81.2384990161);
  --highlight-transparent-mc: rgba(131.3448275862, 131.3448275862, 134.1551724138, 0.7);
  --highlight-transparent-secondary-mc: rgba(131.3448275862, 131.3448275862, 134.1551724138, 0.4);
  --border-primary-mc: rgb(118.6206896552, 118.6206896552, 121.3793103448);
  --border-secondary-mc: rgb(131.3448275862, 131.3448275862, 134.1551724138);
  --border-tertiary-mc: rgb(144.2413793103, 144.2413793103, 146.7586206897);
  --scrollbar-primary-mc: rgb(106.0172413793, 106.0172413793, 108.4827586207);
  --background-primary-hc: rgb(17.7931034483, 17.7931034483, 18.2068965517);
  --background-secondary-hc: rgb(40.4793103448, 40.4793103448, 41.4206896552);
  --background-tertiary-hc: rgb(80.8103448276, 80.8103448276, 82.6896551724);
  --background-quarternary-hc: rgb(60.6448275862, 60.6448275862, 62.0551724138);
  --text-primary-hc: rgb(220, 220, 220);
  --text-secondary-hc: hsl(0, 0%, 111.2745098039%);
  --text-tertiary-hc: hsl(0, 0%, 116.2745098039%);
  --highlight-primary-hc: rgb(68.2068965517, 68.2068965517, 69.7931034483);
  --highlight-secondary-hc: rgb(144.2413793103, 144.2413793103, 146.7586206897);
  --highlight-tertiary-hc: rgb(97.6423123125, 96.8243170144, 93.7276876875);
  --highlight-transparent-hc: rgba(144.2413793103, 144.2413793103, 146.7586206897, 0.7);
  --highlight-transparent-secondary-hc: rgba(144.2413793103, 144.2413793103, 146.7586206897, 0.4);
  --border-primary-hc: rgb(131.3448275862, 131.3448275862, 134.1551724138);
  --border-secondary-hc: rgb(144.2413793103, 144.2413793103, 146.7586206897);
  --border-tertiary-hc: rgb(157.1379310345, 157.1379310345, 159.3620689655);
  --scrollbar-primary-hc: rgb(118.6206896552, 118.6206896552, 121.3793103448);
  --text-primary: rgb(220, 220, 220);
  --text-secondary: rgb(232.75, 232.75, 232.75);
  --text-tertiary: rgb(245.5, 245.5, 245.5);
  --accent-color: #b6a223;
  --accent-hue: 51.8367346939deg;
  --accent-sat: 67.7419354839%;
  --accent-light: 42.5490196078%;
  --accent-secondary: rgb(215.9677419355, 193.66359447, 52.0322580645);
  --highlight-primary: rgb(68.2068965517, 68.2068965517, 69.7931034483);
  --highlight-secondary: rgb(118.6206896552, 118.6206896552, 121.3793103448);
  --highlight-tertiary: rgb(71.6206896552, 71.0206896552, 68.7493103448);
  --highlight-transparent: rgba(118.6206896552, 118.6206896552, 121.3793103448, 0.7);
  --highlight-transparent-secondary: rgba(118.6206896552, 118.6206896552, 121.3793103448, 0.4);
  --accent-transparent: rgba(182, 162, 35, 0.7);
  --accent-transparent-secondary: rgba(182, 162, 35, 0.4);
  --border-primary: rgb(93.4137931034, 93.4137931034, 95.5862068966);
  --border-secondary: rgb(106.0172413793, 106.0172413793, 108.4827586207);
  --border-tertiary: rgb(118.6206896552, 118.6206896552, 121.3793103448);
  --scrollbar-primary: rgb(88.3724137931, 88.3724137931, 90.4275862069);
  --logo-url: url(/dist/images/logo_dark.png);
  --logo-orb-url: url(/dist/images/logo_dark_orb.png);
  --close-primary: #D2574E;
  --close-secondary: rgb(225.5067567568, 144.8918918919, 138.9932432432);
  --error-color: #EF5350;
  --error-color-transparent: rgba(239, 83, 80, 0.5);
  --success-color: #66BB6A;
  --success-color-transparent: rgba(102, 187, 106, 0.5);
  --warning-color: #FFEE58;
  --warning-color-transparent: rgba(255, 238, 88, 0.4);
  --info-color: #29B6F6;
  --info-color-transparent: rgba(41, 182, 246, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(55.6034482759, 55.6034482759, 56.8965517241);
  --text-base-light: rgb(199.3965517241, 199.3965517241, 198.1034482759);
  --text-accent-dark: rgb(22.25, 22.25, 22.25);
  --window-screen-container: rgba(55.6034482759, 55.6034482759, 56.8965517241, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: block;
  --mono-base-background: rgb(12, 17, 29);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(253, 253, 254);
  --mono-text-gold: rgb(253, 253, 254);
  --mono-text-indigo: rgb(163, 187, 252);
  --mono-text-mdindigo: rgb(163, 187, 252);
  --mono-text-ltindigo: rgb(163, 187, 252);
  --mono-text-purple: rgb(183, 174, 246);
  --mono-text-mdpurple: rgb(183, 174, 246);
  --mono-text-ltpurple: rgb(187, 178, 252);
  --mono-text-pink: rgb(248, 166, 223);
  --mono-text-mdpink: rgb(248, 166, 223);
  --mono-text-ltpink: rgb(248, 166, 223);
  --mono-text-blue: rgb(131, 172, 254);
  --mono-text-mdblue: rgb(131, 200, 254);
  --mono-text-ltblue: rgb(123, 210, 252);
  --mono-text-cyan: rgb(102, 225, 248);
  --mono-text-mdcyan: rgb(102, 225, 248);
  --mono-text-ltcyan: rgb(102, 225, 248);
  --mono-text-seagreen: rgb(94, 231, 207);
  --mono-text-mdseagreen: rgb(94, 231, 207);
  --mono-text-ltseagreen: rgb(94, 231, 207);
  --mono-text-green: rgb(114, 224, 163);
  --mono-text-mdgreen: rgb(114, 224, 163);
  --mono-text-ltgreen: rgb(114, 224, 163);
  --mono-text-olive: rgb(171, 218, 121);
  --mono-text-mdolive: rgb(171, 218, 121);
  --mono-text-ltolive: rgb(171, 218, 121);
  --mono-text-gray: rgb(203, 211, 222);
  --mono-text-mdgray: rgb(203, 211, 222);
  --mono-text-ltgray: rgb(203, 211, 222);
  --mono-text-brown: rgb(178, 114, 65);
  --mono-text-mdbrown: rgb(178, 114, 65);
  --mono-text-ltbrown: rgb(178, 114, 65);
  --mono-text-maroon: rgb(143, 89, 86);
  --mono-text-mdmaroon: rgb(169, 121, 123);
  --mono-text-ltmaroon: rgb(204, 142, 151);
  --mono-text-red: rgb(252, 29, 79);
  --mono-text-mdred: rgb(252, 29, 79);
  --mono-text-ltred: rgb(252, 29, 79);
  --mono-text-orange: rgb(253, 155, 102);
  --mono-text-mdorange: rgb(253, 155, 102);
  --mono-text-ltorange: rgb(253, 155, 102);
  --mono-text-yellow: rgb(251, 224, 114);
  --mono-text-mdyellow: rgb(251, 224, 114);
  --mono-text-ltyellow: rgb(251, 224, 114);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=graphite] {
  --background-primary: #4a4a4a;
  --background-secondary: rgb(86.75, 86.75, 86.75);
  --background-tertiary: rgb(112.25, 112.25, 112.25);
  --background-quarternary: rgb(117.35, 117.35, 117.35);
  --background-primary-transparent: rgba(74, 74, 74, 0.8);
  --background-secondary-transparent: rgba(86.75, 86.75, 86.75, 0.5);
  --background-primary-mc: rgb(61.25, 61.25, 61.25);
  --background-secondary-mc: rgb(81.65, 81.65, 81.65);
  --background-tertiary-mc: rgb(117.35, 117.35, 117.35);
  --background-quarternary-mc: rgb(104.6, 104.6, 104.6);
  --text-primary-mc: rgb(220, 220, 220);
  --text-secondary-mc: hsl(0, 0%, 101.2745098039%);
  --text-tertiary-mc: hsl(0, 0%, 106.2745098039%);
  --highlight-primary-mc: rgb(99.5, 99.5, 99.5);
  --highlight-secondary-mc: rgb(163.25, 163.25, 163.25);
  --highlight-tertiary-mc: rgb(111.1704685405, 115.6995314595, 115.2939437354);
  --highlight-transparent-mc: rgba(163.25, 163.25, 163.25, 0.7);
  --highlight-transparent-secondary-mc: rgba(163.25, 163.25, 163.25, 0.4);
  --border-primary-mc: rgb(150.5, 150.5, 150.5);
  --border-secondary-mc: rgb(163.25, 163.25, 163.25);
  --border-tertiary-mc: #b0b0b0;
  --scrollbar-primary-mc: rgb(137.75, 137.75, 137.75);
  --background-primary-hc: rgb(48.5, 48.5, 48.5);
  --background-secondary-hc: rgb(71.45, 71.45, 71.45);
  --background-tertiary-hc: rgb(112.25, 112.25, 112.25);
  --background-quarternary-hc: rgb(91.85, 91.85, 91.85);
  --text-primary-hc: rgb(220, 220, 220);
  --text-secondary-hc: hsl(0, 0%, 111.2745098039%);
  --text-tertiary-hc: hsl(0, 0%, 116.2745098039%);
  --highlight-primary-hc: rgb(99.5, 99.5, 99.5);
  --highlight-secondary-hc: #b0b0b0;
  --highlight-tertiary-hc: rgb(123.665937081, 128.704062919, 128.2528874708);
  --highlight-transparent-hc: rgba(176, 176, 176, 0.7);
  --highlight-transparent-secondary-hc: rgba(176, 176, 176, 0.4);
  --border-primary-hc: rgb(163.25, 163.25, 163.25);
  --border-secondary-hc: #b0b0b0;
  --border-tertiary-hc: rgb(188.75, 188.75, 188.75);
  --scrollbar-primary-hc: rgb(150.5, 150.5, 150.5);
  --text-primary: rgb(220, 220, 220);
  --text-secondary: rgb(232.75, 232.75, 232.75);
  --text-tertiary: rgb(245.5, 245.5, 245.5);
  --accent-color: #48cec2;
  --accent-hue: 174.6268656716deg;
  --accent-sat: 57.7586206897%;
  --accent-light: 54.5098039216%;
  --accent-secondary: rgb(112.2284482759, 216.7715517241, 207.4094827586);
  --highlight-primary: rgb(99.5, 99.5, 99.5);
  --highlight-secondary: rgb(150.5, 150.5, 150.5);
  --highlight-tertiary: rgb(98.675, 102.695, 102.335);
  --highlight-transparent: rgba(150.5, 150.5, 150.5, 0.7);
  --highlight-transparent-secondary: rgba(150.5, 150.5, 150.5, 0.4);
  --accent-transparent: rgba(72, 206, 194, 0.7);
  --accent-transparent-secondary: rgba(72, 206, 194, 0.4);
  --border-primary: #7d7d7d;
  --border-secondary: rgb(137.75, 137.75, 137.75);
  --border-tertiary: rgb(150.5, 150.5, 150.5);
  --scrollbar-primary: rgb(119.9, 119.9, 119.9);
  --logo-url: url(/dist/images/logo_dark.png);
  --logo-orb-url: url(/dist/images/logo_dark_orb.png);
  --close-primary: #D2574E;
  --close-secondary: rgb(225.5067567568, 144.8918918919, 138.9932432432);
  --error-color: #EF5350;
  --error-color-transparent: rgba(239, 83, 80, 0.5);
  --success-color: #66BB6A;
  --success-color-transparent: rgba(102, 187, 106, 0.5);
  --warning-color: #FFEE58;
  --warning-color-transparent: rgba(255, 238, 88, 0.4);
  --info-color: #29B6F6;
  --info-color-transparent: rgba(41, 182, 246, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(86.75, 86.75, 86.75);
  --text-base-light: rgb(168.25, 168.25, 168.25);
  --text-accent-dark: rgb(22.25, 22.25, 22.25);
  --window-screen-container: rgba(86.75, 86.75, 86.75, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: block;
  --mono-base-background: rgb(12, 17, 29);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(253, 253, 254);
  --mono-text-gold: rgb(253, 253, 254);
  --mono-text-indigo: rgb(163, 187, 252);
  --mono-text-mdindigo: rgb(163, 187, 252);
  --mono-text-ltindigo: rgb(163, 187, 252);
  --mono-text-purple: rgb(183, 174, 246);
  --mono-text-mdpurple: rgb(183, 174, 246);
  --mono-text-ltpurple: rgb(187, 178, 252);
  --mono-text-pink: rgb(248, 166, 223);
  --mono-text-mdpink: rgb(248, 166, 223);
  --mono-text-ltpink: rgb(248, 166, 223);
  --mono-text-blue: rgb(131, 172, 254);
  --mono-text-mdblue: rgb(131, 200, 254);
  --mono-text-ltblue: rgb(123, 210, 252);
  --mono-text-cyan: rgb(102, 225, 248);
  --mono-text-mdcyan: rgb(102, 225, 248);
  --mono-text-ltcyan: rgb(102, 225, 248);
  --mono-text-seagreen: rgb(94, 231, 207);
  --mono-text-mdseagreen: rgb(94, 231, 207);
  --mono-text-ltseagreen: rgb(94, 231, 207);
  --mono-text-green: rgb(114, 224, 163);
  --mono-text-mdgreen: rgb(114, 224, 163);
  --mono-text-ltgreen: rgb(114, 224, 163);
  --mono-text-olive: rgb(171, 218, 121);
  --mono-text-mdolive: rgb(171, 218, 121);
  --mono-text-ltolive: rgb(171, 218, 121);
  --mono-text-gray: rgb(203, 211, 222);
  --mono-text-mdgray: rgb(203, 211, 222);
  --mono-text-ltgray: rgb(203, 211, 222);
  --mono-text-brown: rgb(178, 114, 65);
  --mono-text-mdbrown: rgb(178, 114, 65);
  --mono-text-ltbrown: rgb(178, 114, 65);
  --mono-text-maroon: rgb(143, 89, 86);
  --mono-text-mdmaroon: rgb(169, 121, 123);
  --mono-text-ltmaroon: rgb(204, 142, 151);
  --mono-text-red: rgb(252, 29, 79);
  --mono-text-mdred: rgb(252, 29, 79);
  --mono-text-ltred: rgb(252, 29, 79);
  --mono-text-orange: rgb(253, 155, 102);
  --mono-text-mdorange: rgb(253, 155, 102);
  --mono-text-ltorange: rgb(253, 155, 102);
  --mono-text-yellow: rgb(251, 224, 114);
  --mono-text-mdyellow: rgb(251, 224, 114);
  --mono-text-ltyellow: rgb(251, 224, 114);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=charcoal] {
  --background-primary: #333940;
  --background-secondary: rgb(62.3086956522, 69.6391304348, 78.1913043478);
  --background-tertiary: rgb(84.9260869565, 94.9173913043, 106.5739130435);
  --background-quarternary: rgb(89.4495652174, 99.9730434783, 112.2504347826);
  --background-primary-transparent: rgba(51, 57, 64, 0.8);
  --background-secondary-transparent: rgba(62.3086956522, 69.6391304348, 78.1913043478, 0.5);
  --background-primary-mc: rgb(39.6913043478, 44.3608695652, 49.8086956522);
  --background-secondary-mc: rgb(57.7852173913, 64.5834782609, 72.5147826087);
  --background-tertiary-mc: rgb(89.4495652174, 99.9730434783, 112.2504347826);
  --background-quarternary-mc: rgb(78.1408695652, 87.3339130435, 98.0591304348);
  --text-primary-mc: rgb(220, 220, 220);
  --text-secondary-mc: hsl(0, 0%, 101.2745098039%);
  --text-tertiary-mc: hsl(0, 0%, 106.2745098039%);
  --highlight-primary-mc: rgb(73.6173913043, 82.2782608696, 92.3826086957);
  --highlight-secondary-mc: rgb(134.5130434783, 145.8086956522, 158.9869565217);
  --highlight-tertiary-mc: rgb(88.734938503, 97.5706516075, 106.395061497);
  --highlight-transparent-mc: rgba(134.5130434783, 145.8086956522, 158.9869565217, 0.7);
  --highlight-transparent-secondary-mc: rgba(134.5130434783, 145.8086956522, 158.9869565217, 0.4);
  --border-primary-mc: rgb(120.3217391304, 132.947826087, 147.6782608696);
  --border-secondary-mc: rgb(134.5130434783, 145.8086956522, 158.9869565217);
  --border-tertiary-mc: rgb(148.7043478261, 158.6695652174, 170.2956521739);
  --scrollbar-primary-mc: rgb(107.5434782609, 120.1956521739, 134.9565217391);
  --background-primary-hc: rgb(28.3826086957, 31.7217391304, 35.6173913043);
  --background-secondary-hc: rgb(48.7382608696, 54.472173913, 61.1617391304);
  --background-tertiary-hc: rgb(84.9260869565, 94.9173913043, 106.5739130435);
  --background-quarternary-hc: rgb(66.832173913, 74.6947826087, 83.867826087);
  --text-primary-hc: rgb(220, 220, 220);
  --text-secondary-hc: hsl(0, 0%, 111.2745098039%);
  --text-tertiary-hc: hsl(0, 0%, 116.2745098039%);
  --highlight-primary-hc: rgb(73.6173913043, 82.2782608696, 92.3826086957);
  --highlight-secondary-hc: rgb(148.7043478261, 158.6695652174, 170.2956521739);
  --highlight-tertiary-hc: rgb(100.3310074407, 110.3213901714, 120.2989925593);
  --highlight-transparent-hc: rgba(148.7043478261, 158.6695652174, 170.2956521739, 0.7);
  --highlight-transparent-secondary-hc: rgba(148.7043478261, 158.6695652174, 170.2956521739, 0.4);
  --border-primary-hc: rgb(134.5130434783, 145.8086956522, 158.9869565217);
  --border-secondary-hc: rgb(148.7043478261, 158.6695652174, 170.2956521739);
  --border-tertiary-hc: rgb(162.8956521739, 171.5304347826, 181.6043478261);
  --scrollbar-primary-hc: rgb(120.3217391304, 132.947826087, 147.6782608696);
  --text-primary: rgb(220, 220, 220);
  --text-secondary: rgb(232.75, 232.75, 232.75);
  --text-tertiary: rgb(245.5, 245.5, 245.5);
  --accent-color: #bfa760;
  --accent-hue: 44.8421052632deg;
  --accent-sat: 42.600896861%;
  --accent-light: 56.2745098039%;
  --accent-secondary: rgb(205.6367713004, 187.1255605381, 132.3632286996);
  --highlight-primary: rgb(73.6173913043, 82.2782608696, 92.3826086957);
  --highlight-secondary: rgb(120.3217391304, 132.947826087, 147.6782608696);
  --highlight-tertiary: rgb(77.1388695652, 84.8199130435, 92.4911304348);
  --highlight-transparent: rgba(120.3217391304, 132.947826087, 147.6782608696, 0.7);
  --highlight-transparent-secondary: rgba(120.3217391304, 132.947826087, 147.6782608696, 0.4);
  --accent-transparent: rgba(191, 167, 96, 0.7);
  --accent-transparent-secondary: rgba(191, 167, 96, 0.4);
  --border-primary: rgb(96.2347826087, 107.5565217391, 120.7652173913);
  --border-secondary: rgb(107.5434782609, 120.1956521739, 134.9565217391);
  --border-tertiary: rgb(120.3217391304, 132.947826087, 147.6782608696);
  --scrollbar-primary: rgb(91.7113043478, 102.5008695652, 115.0886956522);
  --logo-url: url(/dist/images/logo_dark.png);
  --logo-orb-url: url(/dist/images/logo_dark_orb.png);
  --close-primary: #D2574E;
  --close-secondary: rgb(225.5067567568, 144.8918918919, 138.9932432432);
  --error-color: #EF5350;
  --error-color-transparent: rgba(239, 83, 80, 0.5);
  --success-color: #66BB6A;
  --success-color-transparent: rgba(102, 187, 106, 0.5);
  --warning-color: #FFEE58;
  --warning-color-transparent: rgba(255, 238, 88, 0.4);
  --info-color: #29B6F6;
  --info-color-transparent: rgba(41, 182, 246, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(62.3086956522, 69.6391304348, 78.1913043478);
  --text-base-light: rgb(192.6913043478, 185.3608695652, 176.8086956522);
  --text-accent-dark: rgb(22.25, 22.25, 22.25);
  --window-screen-container: rgba(62.3086956522, 69.6391304348, 78.1913043478, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: block;
  --mono-base-background: rgb(12, 17, 29);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(253, 253, 254);
  --mono-text-gold: rgb(253, 253, 254);
  --mono-text-indigo: rgb(163, 187, 252);
  --mono-text-mdindigo: rgb(163, 187, 252);
  --mono-text-ltindigo: rgb(163, 187, 252);
  --mono-text-purple: rgb(183, 174, 246);
  --mono-text-mdpurple: rgb(183, 174, 246);
  --mono-text-ltpurple: rgb(187, 178, 252);
  --mono-text-pink: rgb(248, 166, 223);
  --mono-text-mdpink: rgb(248, 166, 223);
  --mono-text-ltpink: rgb(248, 166, 223);
  --mono-text-blue: rgb(131, 172, 254);
  --mono-text-mdblue: rgb(131, 200, 254);
  --mono-text-ltblue: rgb(123, 210, 252);
  --mono-text-cyan: rgb(102, 225, 248);
  --mono-text-mdcyan: rgb(102, 225, 248);
  --mono-text-ltcyan: rgb(102, 225, 248);
  --mono-text-seagreen: rgb(94, 231, 207);
  --mono-text-mdseagreen: rgb(94, 231, 207);
  --mono-text-ltseagreen: rgb(94, 231, 207);
  --mono-text-green: rgb(114, 224, 163);
  --mono-text-mdgreen: rgb(114, 224, 163);
  --mono-text-ltgreen: rgb(114, 224, 163);
  --mono-text-olive: rgb(171, 218, 121);
  --mono-text-mdolive: rgb(171, 218, 121);
  --mono-text-ltolive: rgb(171, 218, 121);
  --mono-text-gray: rgb(203, 211, 222);
  --mono-text-mdgray: rgb(203, 211, 222);
  --mono-text-ltgray: rgb(203, 211, 222);
  --mono-text-brown: rgb(178, 114, 65);
  --mono-text-mdbrown: rgb(178, 114, 65);
  --mono-text-ltbrown: rgb(178, 114, 65);
  --mono-text-maroon: rgb(143, 89, 86);
  --mono-text-mdmaroon: rgb(169, 121, 123);
  --mono-text-ltmaroon: rgb(204, 142, 151);
  --mono-text-red: rgb(252, 29, 79);
  --mono-text-mdred: rgb(252, 29, 79);
  --mono-text-ltred: rgb(252, 29, 79);
  --mono-text-orange: rgb(253, 155, 102);
  --mono-text-mdorange: rgb(253, 155, 102);
  --mono-text-ltorange: rgb(253, 155, 102);
  --mono-text-yellow: rgb(251, 224, 114);
  --mono-text-mdyellow: rgb(251, 224, 114);
  --mono-text-ltyellow: rgb(251, 224, 114);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=slate] {
  --background-primary: #5f6a7d;
  --background-secondary: rgb(106.0113636364, 118.2863636364, 139.4886363636);
  --background-tertiary: rgb(133.6931818182, 144.3681818182, 162.8068181818);
  --background-quarternary: rgb(139.4886363636, 149.6536363636, 167.2113636364);
  --background-primary-transparent: rgba(95, 106, 125, 0.8);
  --background-secondary-transparent: rgba(106.0113636364, 118.2863636364, 139.4886363636, 0.5);
  --background-primary-mc: rgb(83.9886363636, 93.7136363636, 110.5113636364);
  --background-secondary-mc: rgb(101.6068181818, 113.3718181818, 133.6931818182);
  --background-tertiary-mc: rgb(139.4886363636, 149.6536363636, 167.2113636364);
  --background-quarternary-mc: rgb(125, 136.44, 156.2);
  --text-primary-mc: rgb(220, 220, 220);
  --text-secondary-mc: hsl(0, 0%, 101.2745098039%);
  --text-tertiary-mc: hsl(0, 0%, 106.2745098039%);
  --highlight-primary-mc: rgb(119.2045454545, 131.1545454545, 151.7954545455);
  --highlight-secondary-mc: rgb(191.6477272727, 197.2227272727, 206.8522727273);
  --highlight-tertiary-mc: rgb(131.531733715, 143.1036207248, 163.018266285);
  --highlight-transparent-mc: rgba(191.6477272727, 197.2227272727, 206.8522727273, 0.7);
  --highlight-transparent-secondary-mc: rgba(191.6477272727, 197.2227272727, 206.8522727273, 0.4);
  --border-primary-mc: rgb(177.1590909091, 184.0090909091, 195.8409090909);
  --border-secondary-mc: rgb(191.6477272727, 197.2227272727, 206.8522727273);
  --border-tertiary-mc: rgb(206.1363636364, 210.4363636364, 217.8636363636);
  --scrollbar-primary-mc: rgb(162.6704545455, 170.7954545455, 184.8295454545);
  --background-primary-hc: rgb(72.9772727273, 81.4272727273, 96.0227272727);
  --background-secondary-hc: rgb(92.7977272727, 103.5427272727, 122.1022727273);
  --background-tertiary-hc: rgb(133.6931818182, 144.3681818182, 162.8068181818);
  --background-quarternary-hc: rgb(110.5113636364, 123.2263636364, 145.1886363636);
  --text-primary-hc: rgb(220, 220, 220);
  --text-secondary-hc: hsl(0, 0%, 111.2745098039%);
  --text-tertiary-hc: hsl(0, 0%, 116.2745098039%);
  --highlight-primary-hc: rgb(119.2045454545, 131.1545454545, 151.7954545455);
  --highlight-secondary-hc: rgb(206.1363636364, 210.4363636364, 217.8636363636);
  --highlight-tertiary-hc: rgb(146.1450583391, 156.3473323587, 173.9049416609);
  --highlight-transparent-hc: rgba(206.1363636364, 210.4363636364, 217.8636363636, 0.7);
  --highlight-transparent-secondary-hc: rgba(206.1363636364, 210.4363636364, 217.8636363636, 0.4);
  --border-primary-hc: rgb(191.6477272727, 197.2227272727, 206.8522727273);
  --border-secondary-hc: rgb(206.1363636364, 210.4363636364, 217.8636363636);
  --border-tertiary-hc: rgb(220.625, 223.65, 228.875);
  --scrollbar-primary-hc: rgb(177.1590909091, 184.0090909091, 195.8409090909);
  --text-primary: rgb(220, 220, 220);
  --text-secondary: rgb(232.75, 232.75, 232.75);
  --text-tertiary: rgb(245.5, 245.5, 245.5);
  --accent-color: #2b58a3;
  --accent-hue: 217.5deg;
  --accent-sat: 58.2524271845%;
  --accent-light: 40.3921568627%;
  --accent-secondary: rgb(54.8106796117, 110.0776699029, 202.1893203883);
  --highlight-primary: rgb(119.2045454545, 131.1545454545, 151.7954545455);
  --highlight-secondary: rgb(177.1590909091, 184.0090909091, 195.8409090909);
  --highlight-tertiary: rgb(116.9184090909, 129.8599090909, 152.1315909091);
  --highlight-transparent: rgba(177.1590909091, 184.0090909091, 195.8409090909, 0.7);
  --highlight-transparent-secondary: rgba(177.1590909091, 184.0090909091, 195.8409090909, 0.4);
  --accent-transparent: rgba(43, 88, 163, 0.7);
  --accent-transparent-secondary: rgba(43, 88, 163, 0.4);
  --border-primary: rgb(148.1818181818, 157.5818181818, 173.8181818182);
  --border-secondary: rgb(162.6704545455, 170.7954545455, 184.8295454545);
  --border-tertiary: rgb(177.1590909091, 184.0090909091, 195.8409090909);
  --scrollbar-primary: rgb(142.3863636364, 152.2963636364, 169.4136363636);
  --logo-url: url(/dist/images/logo_dark.png);
  --logo-orb-url: url(/dist/images/logo_dark_orb.png);
  --close-primary: #D2574E;
  --close-secondary: rgb(225.5067567568, 144.8918918919, 138.9932432432);
  --error-color: #EF5350;
  --error-color-transparent: rgba(239, 83, 80, 0.5);
  --success-color: #66BB6A;
  --success-color-transparent: rgba(102, 187, 106, 0.5);
  --warning-color: #FFEE58;
  --warning-color-transparent: rgba(255, 238, 88, 0.4);
  --info-color: #29B6F6;
  --info-color-transparent: rgba(41, 182, 246, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(106.0113636364, 118.2863636364, 139.4886363636);
  --text-base-light: rgb(148.9886363636, 136.7136363636, 115.5113636364);
  --text-accent-dark: rgb(22.25, 22.25, 22.25);
  --window-screen-container: rgba(106.0113636364, 118.2863636364, 139.4886363636, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: block;
  --mono-base-background: rgb(12, 17, 29);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(253, 253, 254);
  --mono-text-gold: rgb(253, 253, 254);
  --mono-text-indigo: rgb(163, 187, 252);
  --mono-text-mdindigo: rgb(163, 187, 252);
  --mono-text-ltindigo: rgb(163, 187, 252);
  --mono-text-purple: rgb(183, 174, 246);
  --mono-text-mdpurple: rgb(183, 174, 246);
  --mono-text-ltpurple: rgb(187, 178, 252);
  --mono-text-pink: rgb(248, 166, 223);
  --mono-text-mdpink: rgb(248, 166, 223);
  --mono-text-ltpink: rgb(248, 166, 223);
  --mono-text-blue: rgb(131, 172, 254);
  --mono-text-mdblue: rgb(131, 200, 254);
  --mono-text-ltblue: rgb(123, 210, 252);
  --mono-text-cyan: rgb(102, 225, 248);
  --mono-text-mdcyan: rgb(102, 225, 248);
  --mono-text-ltcyan: rgb(102, 225, 248);
  --mono-text-seagreen: rgb(94, 231, 207);
  --mono-text-mdseagreen: rgb(94, 231, 207);
  --mono-text-ltseagreen: rgb(94, 231, 207);
  --mono-text-green: rgb(114, 224, 163);
  --mono-text-mdgreen: rgb(114, 224, 163);
  --mono-text-ltgreen: rgb(114, 224, 163);
  --mono-text-olive: rgb(171, 218, 121);
  --mono-text-mdolive: rgb(171, 218, 121);
  --mono-text-ltolive: rgb(171, 218, 121);
  --mono-text-gray: rgb(203, 211, 222);
  --mono-text-mdgray: rgb(203, 211, 222);
  --mono-text-ltgray: rgb(203, 211, 222);
  --mono-text-brown: rgb(178, 114, 65);
  --mono-text-mdbrown: rgb(178, 114, 65);
  --mono-text-ltbrown: rgb(178, 114, 65);
  --mono-text-maroon: rgb(143, 89, 86);
  --mono-text-mdmaroon: rgb(169, 121, 123);
  --mono-text-ltmaroon: rgb(204, 142, 151);
  --mono-text-red: rgb(252, 29, 79);
  --mono-text-mdred: rgb(252, 29, 79);
  --mono-text-ltred: rgb(252, 29, 79);
  --mono-text-orange: rgb(253, 155, 102);
  --mono-text-mdorange: rgb(253, 155, 102);
  --mono-text-ltorange: rgb(253, 155, 102);
  --mono-text-yellow: rgb(251, 224, 114);
  --mono-text-mdyellow: rgb(251, 224, 114);
  --mono-text-ltyellow: rgb(251, 224, 114);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=mono-q] {
  --background-primary: #242521;
  --background-secondary: #161615;
  --background-tertiary: #323126;
  --background-quarternary: #49483E;
  --background-primary-transparent: rgba(36, 37, 33, 0.8);
  --background-secondary-transparent: rgba(22, 22, 21, 0.5);
  --background-primary-mc: rgb(22.8857142857, 23.5214285714, 20.9785714286);
  --background-secondary-mc: rgb(16.7813953488, 16.7813953488, 16.0186046512);
  --background-tertiary-mc: rgb(55.7954545455, 54.6795454545, 42.4045454545);
  --background-quarternary-mc: rgb(59.2111111111, 58.4, 50.2888888889);
  --text-primary-mc: #F8F8F2;
  --text-secondary-mc: hsl(60, 16.2790697674%, 101.568627451%);
  --text-tertiary-mc: rgb(229.4587155963, 229.4587155963, 222.5412844037);
  --highlight-primary-mc: #515151;
  --highlight-secondary-mc: rgb(98.546875, 98.546875, 86.953125);
  --highlight-tertiary-mc: rgb(81.4963043975, 75.905621735, 70.5869813168);
  --highlight-transparent-mc: rgba(98.546875, 98.546875, 86.953125, 0.7);
  --highlight-transparent-secondary-mc: rgba(98.546875, 98.546875, 86.953125, 0.4);
  --border-primary-mc: rgb(114.6857142857, 117.8714285714, 105.1285714286);
  --border-secondary-mc: rgb(127.8, 131.35, 117.15);
  --border-tertiary-mc: rgb(140.3714285714, 143.7428571429, 130.2571428571);
  --scrollbar-primary-mc: rgb(101.5714285714, 104.3928571429, 93.1071428571);
  --background-primary-hc: rgb(9.7714285714, 10.0428571429, 8.9571428571);
  --background-secondary-hc: rgb(6.3441860465, 6.3441860465, 6.0558139535);
  --background-tertiary-hc: #323126;
  --background-quarternary-hc: rgb(45.4222222222, 44.8, 38.5777777778);
  --text-primary-hc: #F8F8F2;
  --text-secondary-hc: hsl(60, 16.2790697674%, 111.568627451%);
  --text-tertiary-hc: rgb(251.9174311927, 251.9174311927, 251.0825688073);
  --highlight-primary-hc: #515151;
  --highlight-secondary-hc: rgb(112.09375, 112.09375, 98.90625);
  --highlight-tertiary-hc: rgb(95.1608945092, 88.6328148987, 82.422391205);
  --highlight-transparent-hc: rgba(112.09375, 112.09375, 98.90625, 0.7);
  --highlight-transparent-secondary-hc: rgba(112.09375, 112.09375, 98.90625, 0.4);
  --border-primary-hc: rgb(127.8, 131.35, 117.15);
  --border-secondary-hc: rgb(140.3714285714, 143.7428571429, 130.2571428571);
  --border-tertiary-hc: rgb(152.7571428571, 155.7642857143, 143.7357142857);
  --scrollbar-primary-hc: rgb(114.6857142857, 117.8714285714, 105.1285714286);
  --text-primary: #F8F8F2;
  --text-secondary: #EDEDE6;
  --text-tertiary: #CFCFC2;
  --accent-color: #F92672;
  --accent-hue: 338.3886255924deg;
  --accent-sat: 94.6188340807%;
  --accent-light: 56.2745098039%;
  --accent-secondary: #FD971F;
  --highlight-primary: #515151;
  --highlight-secondary: #55554b;
  --highlight-tertiary: rgb(67.8317142857, 63.1784285714, 58.7515714286);
  --highlight-transparent: rgba(85, 85, 75, 0.7);
  --highlight-transparent-secondary: rgba(85, 85, 75, 0.4);
  --accent-transparent: rgba(249, 38, 114, 0.7);
  --accent-transparent-secondary: rgba(249, 38, 114, 0.4);
  --border-primary: #49483E;
  --border-secondary: #3E3D32;
  --border-tertiary: #5B5A4E;
  --scrollbar-primary: #3E3D32;
  --logo-url: url(/dist/images/logo_dark.png);
  --logo-orb-url: url(/dist/images/logo_dark_orb.png);
  --close-primary: #D2574E;
  --close-secondary: rgb(225.5067567568, 144.8918918919, 138.9932432432);
  --error-color: #EF5350;
  --error-color-transparent: rgba(239, 83, 80, 0.5);
  --success-color: #66BB6A;
  --success-color-transparent: rgba(102, 187, 106, 0.5);
  --warning-color: #FFEE58;
  --warning-color-transparent: rgba(255, 238, 88, 0.4);
  --info-color: #29B6F6;
  --info-color-transparent: rgba(41, 182, 246, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: #161615;
  --text-base-light: rgb(233, 233, 234);
  --text-accent-dark: #F8F8F2;
  --window-screen-container: rgba(22, 22, 21, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: block;
  --mono-base-background: rgb(12, 17, 29);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(253, 253, 254);
  --mono-text-gold: rgb(253, 253, 254);
  --mono-text-indigo: rgb(163, 187, 252);
  --mono-text-mdindigo: rgb(163, 187, 252);
  --mono-text-ltindigo: rgb(163, 187, 252);
  --mono-text-purple: rgb(183, 174, 246);
  --mono-text-mdpurple: rgb(183, 174, 246);
  --mono-text-ltpurple: rgb(187, 178, 252);
  --mono-text-pink: rgb(248, 166, 223);
  --mono-text-mdpink: rgb(248, 166, 223);
  --mono-text-ltpink: rgb(248, 166, 223);
  --mono-text-blue: rgb(131, 172, 254);
  --mono-text-mdblue: rgb(131, 200, 254);
  --mono-text-ltblue: rgb(123, 210, 252);
  --mono-text-cyan: rgb(102, 225, 248);
  --mono-text-mdcyan: rgb(102, 225, 248);
  --mono-text-ltcyan: rgb(102, 225, 248);
  --mono-text-seagreen: rgb(94, 231, 207);
  --mono-text-mdseagreen: rgb(94, 231, 207);
  --mono-text-ltseagreen: rgb(94, 231, 207);
  --mono-text-green: rgb(114, 224, 163);
  --mono-text-mdgreen: rgb(114, 224, 163);
  --mono-text-ltgreen: rgb(114, 224, 163);
  --mono-text-olive: rgb(171, 218, 121);
  --mono-text-mdolive: rgb(171, 218, 121);
  --mono-text-ltolive: rgb(171, 218, 121);
  --mono-text-gray: rgb(203, 211, 222);
  --mono-text-mdgray: rgb(203, 211, 222);
  --mono-text-ltgray: rgb(203, 211, 222);
  --mono-text-brown: rgb(178, 114, 65);
  --mono-text-mdbrown: rgb(178, 114, 65);
  --mono-text-ltbrown: rgb(178, 114, 65);
  --mono-text-maroon: rgb(143, 89, 86);
  --mono-text-mdmaroon: rgb(169, 121, 123);
  --mono-text-ltmaroon: rgb(204, 142, 151);
  --mono-text-red: rgb(252, 29, 79);
  --mono-text-mdred: rgb(252, 29, 79);
  --mono-text-ltred: rgb(252, 29, 79);
  --mono-text-orange: rgb(253, 155, 102);
  --mono-text-mdorange: rgb(253, 155, 102);
  --mono-text-ltorange: rgb(253, 155, 102);
  --mono-text-yellow: rgb(251, 224, 114);
  --mono-text-mdyellow: rgb(251, 224, 114);
  --mono-text-ltyellow: rgb(251, 224, 114);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=navy] {
  --background-primary: #162036;
  --background-secondary: rgb(29.3815789474, 42.7368421053, 72.1184210526);
  --background-tertiary: rgb(44.1447368421, 64.2105263158, 108.3552631579);
  --background-quarternary: rgb(47.0973684211, 68.5052631579, 115.6026315789);
  --background-primary-transparent: rgba(22, 32, 54, 0.8);
  --background-secondary-transparent: rgba(29.3815789474, 42.7368421053, 72.1184210526, 0.5);
  --background-primary-mc: rgb(14.6184210526, 21.2631578947, 35.8815789474);
  --background-secondary-mc: rgb(26.4289473684, 38.4421052632, 64.8710526316);
  --background-tertiary-mc: rgb(47.0973684211, 68.5052631579, 115.6026315789);
  --background-quarternary-mc: rgb(39.7157894737, 57.7684210526, 97.4842105263);
  --text-primary-mc: rgb(220, 220, 220);
  --text-secondary-mc: hsl(0, 0%, 101.2745098039%);
  --text-tertiary-mc: hsl(0, 0%, 106.2745098039%);
  --highlight-primary-mc: rgb(36.7631578947, 53.4736842105, 90.2368421053);
  --highlight-secondary-mc: rgb(73.6710526316, 107.1578947368, 180.8289473684);
  --highlight-tertiary-mc: rgb(49.2048175953, 67.8829168527, 105.9951824047);
  --highlight-transparent-mc: rgba(73.6710526316, 107.1578947368, 180.8289473684, 0.7);
  --highlight-transparent-secondary-mc: rgba(73.6710526316, 107.1578947368, 180.8289473684, 0.4);
  --border-primary-mc: rgb(66.2894736842, 96.4210526316, 162.7105263158);
  --border-secondary-mc: rgb(73.6710526316, 107.1578947368, 180.8289473684);
  --border-tertiary-mc: rgb(91.5789473684, 121.8421052632, 188.4210526316);
  --scrollbar-primary-mc: rgb(58.9078947368, 85.6842105263, 144.5921052632);
  --background-primary-hc: rgb(7.2368421053, 10.5263157895, 17.7631578947);
  --background-secondary-hc: rgb(20.5236842105, 29.8526315789, 50.3763157895);
  --background-tertiary-hc: rgb(44.1447368421, 64.2105263158, 108.3552631579);
  --background-quarternary-hc: rgb(32.3342105263, 47.0315789474, 79.3657894737);
  --text-primary-hc: rgb(220, 220, 220);
  --text-secondary-hc: hsl(0, 0%, 111.2745098039%);
  --text-tertiary-hc: hsl(0, 0%, 116.2745098039%);
  --highlight-primary-hc: rgb(36.7631578947, 53.4736842105, 90.2368421053);
  --highlight-secondary-hc: rgb(91.5789473684, 121.8421052632, 188.4210526316);
  --highlight-tertiary-hc: rgb(57.2893720326, 79.0363600211, 123.4106279674);
  --highlight-transparent-hc: rgba(91.5789473684, 121.8421052632, 188.4210526316, 0.7);
  --highlight-transparent-secondary-hc: rgba(91.5789473684, 121.8421052632, 188.4210526316, 0.4);
  --border-primary-hc: rgb(73.6710526316, 107.1578947368, 180.8289473684);
  --border-secondary-hc: rgb(91.5789473684, 121.8421052632, 188.4210526316);
  --border-tertiary-hc: rgb(109.6973684211, 136.6052631579, 195.8026315789);
  --scrollbar-primary-hc: rgb(66.2894736842, 96.4210526316, 162.7105263158);
  --text-primary: rgb(220, 220, 220);
  --text-secondary: rgb(232.75, 232.75, 232.75);
  --text-tertiary: rgb(245.5, 245.5, 245.5);
  --accent-color: #b6a223;
  --accent-hue: 51.8367346939deg;
  --accent-sat: 67.7419354839%;
  --accent-light: 42.5490196078%;
  --accent-secondary: rgb(215.9677419355, 193.66359447, 52.0322580645);
  --highlight-primary: rgb(36.7631578947, 53.4736842105, 90.2368421053);
  --highlight-secondary: rgb(66.2894736842, 96.4210526316, 162.7105263158);
  --highlight-tertiary: rgb(41.1202631579, 56.7294736842, 88.5797368421);
  --highlight-transparent: rgba(66.2894736842, 96.4210526316, 162.7105263158, 0.7);
  --highlight-transparent-secondary: rgba(66.2894736842, 96.4210526316, 162.7105263158, 0.4);
  --accent-transparent: rgba(182, 162, 35, 0.7);
  --accent-transparent-secondary: rgba(182, 162, 35, 0.4);
  --border-primary: rgb(51.5263157895, 74.9473684211, 126.4736842105);
  --border-secondary: rgb(58.9078947368, 85.6842105263, 144.5921052632);
  --border-tertiary: rgb(66.2894736842, 96.4210526316, 162.7105263158);
  --scrollbar-primary: rgb(48.5736842105, 70.6526315789, 119.2263157895);
  --logo-url: url(/dist/images/logo_dark.png);
  --logo-orb-url: url(/dist/images/logo_dark_orb.png);
  --close-primary: #D2574E;
  --close-secondary: rgb(225.5067567568, 144.8918918919, 138.9932432432);
  --error-color: #EF5350;
  --error-color-transparent: rgba(239, 83, 80, 0.5);
  --success-color: #66BB6A;
  --success-color-transparent: rgba(102, 187, 106, 0.5);
  --warning-color: #FFEE58;
  --warning-color-transparent: rgba(255, 238, 88, 0.4);
  --info-color: #29B6F6;
  --info-color-transparent: rgba(41, 182, 246, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(29.3815789474, 42.7368421053, 72.1184210526);
  --text-base-light: rgb(225.6184210526, 212.2631578947, 182.8815789474);
  --text-accent-dark: rgb(22.25, 22.25, 22.25);
  --window-screen-container: rgba(29.3815789474, 42.7368421053, 72.1184210526, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: block;
  --mono-base-background: rgb(12, 17, 29);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(253, 253, 254);
  --mono-text-gold: rgb(253, 253, 254);
  --mono-text-indigo: rgb(163, 187, 252);
  --mono-text-mdindigo: rgb(163, 187, 252);
  --mono-text-ltindigo: rgb(163, 187, 252);
  --mono-text-purple: rgb(183, 174, 246);
  --mono-text-mdpurple: rgb(183, 174, 246);
  --mono-text-ltpurple: rgb(187, 178, 252);
  --mono-text-pink: rgb(248, 166, 223);
  --mono-text-mdpink: rgb(248, 166, 223);
  --mono-text-ltpink: rgb(248, 166, 223);
  --mono-text-blue: rgb(131, 172, 254);
  --mono-text-mdblue: rgb(131, 200, 254);
  --mono-text-ltblue: rgb(123, 210, 252);
  --mono-text-cyan: rgb(102, 225, 248);
  --mono-text-mdcyan: rgb(102, 225, 248);
  --mono-text-ltcyan: rgb(102, 225, 248);
  --mono-text-seagreen: rgb(94, 231, 207);
  --mono-text-mdseagreen: rgb(94, 231, 207);
  --mono-text-ltseagreen: rgb(94, 231, 207);
  --mono-text-green: rgb(114, 224, 163);
  --mono-text-mdgreen: rgb(114, 224, 163);
  --mono-text-ltgreen: rgb(114, 224, 163);
  --mono-text-olive: rgb(171, 218, 121);
  --mono-text-mdolive: rgb(171, 218, 121);
  --mono-text-ltolive: rgb(171, 218, 121);
  --mono-text-gray: rgb(203, 211, 222);
  --mono-text-mdgray: rgb(203, 211, 222);
  --mono-text-ltgray: rgb(203, 211, 222);
  --mono-text-brown: rgb(178, 114, 65);
  --mono-text-mdbrown: rgb(178, 114, 65);
  --mono-text-ltbrown: rgb(178, 114, 65);
  --mono-text-maroon: rgb(143, 89, 86);
  --mono-text-mdmaroon: rgb(169, 121, 123);
  --mono-text-ltmaroon: rgb(204, 142, 151);
  --mono-text-red: rgb(252, 29, 79);
  --mono-text-mdred: rgb(252, 29, 79);
  --mono-text-ltred: rgb(252, 29, 79);
  --mono-text-orange: rgb(253, 155, 102);
  --mono-text-mdorange: rgb(253, 155, 102);
  --mono-text-ltorange: rgb(253, 155, 102);
  --mono-text-yellow: rgb(251, 224, 114);
  --mono-text-mdyellow: rgb(251, 224, 114);
  --mono-text-ltyellow: rgb(251, 224, 114);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=chocolate] {
  --background-primary: #280e04;
  --background-secondary: rgb(63.1818181818, 22.1136363636, 6.3181818182);
  --background-tertiary: rgb(109.5454545455, 38.3409090909, 10.9545454545);
  --background-quarternary: rgb(118.8181818182, 41.5863636364, 11.8818181818);
  --background-primary-transparent: rgba(40, 14, 4, 0.8);
  --background-secondary-transparent: rgba(63.1818181818, 22.1136363636, 6.3181818182, 0.5);
  --background-primary-mc: rgb(16.8181818182, 5.8863636364, 1.6818181818);
  --background-secondary-mc: rgb(53.9090909091, 18.8681818182, 5.3909090909);
  --background-tertiary-mc: rgb(118.8181818182, 41.5863636364, 11.8818181818);
  --background-quarternary-mc: rgb(95.6363636364, 33.4727272727, 9.5636363636);
  --text-primary-mc: rgb(220, 220, 220);
  --text-secondary-mc: hsl(0, 0%, 101.2745098039%);
  --text-tertiary-mc: hsl(0, 0%, 106.2745098039%);
  --highlight-primary-mc: rgb(86.3636363636, 30.2272727273, 8.6363636364);
  --highlight-secondary-mc: rgb(202.2727272727, 70.7954545455, 20.2272727273);
  --highlight-tertiary-mc: rgb(111.773246833, 40.5696210337, 11.396753167);
  --highlight-transparent-mc: rgba(202.2727272727, 70.7954545455, 20.2272727273, 0.7);
  --highlight-transparent-secondary-mc: rgba(202.2727272727, 70.7954545455, 20.2272727273, 0.4);
  --border-primary-mc: rgb(179.0909090909, 62.6818181818, 17.9090909091);
  --border-secondary-mc: rgb(202.2727272727, 70.7954545455, 20.2272727273);
  --border-tertiary-mc: rgb(225.4545454545, 78.9090909091, 22.5454545455);
  --scrollbar-primary-mc: rgb(155.9090909091, 54.5681818182, 15.5909090909);
  --background-primary-hc: hsl(16.6666666667, 81.8181818182%, -1.3725490196%);
  --background-secondary-hc: rgb(35.3636363636, 12.3772727273, 3.5363636364);
  --background-tertiary-hc: rgb(109.5454545455, 38.3409090909, 10.9545454545);
  --background-quarternary-hc: rgb(72.4545454545, 25.3590909091, 7.2454545455);
  --text-primary-hc: rgb(220, 220, 220);
  --text-secondary-hc: hsl(0, 0%, 111.2745098039%);
  --text-tertiary-hc: hsl(0, 0%, 116.2745098039%);
  --highlight-primary-hc: rgb(86.3636363636, 30.2272727273, 8.6363636364);
  --highlight-secondary-hc: rgb(225.4545454545, 78.9090909091, 22.5454545455);
  --highlight-tertiary-hc: rgb(134.9137663933, 48.968787522, 13.7562336067);
  --highlight-transparent-hc: rgba(225.4545454545, 78.9090909091, 22.5454545455, 0.7);
  --highlight-transparent-secondary-hc: rgba(225.4545454545, 78.9090909091, 22.5454545455, 0.4);
  --border-primary-hc: rgb(202.2727272727, 70.7954545455, 20.2272727273);
  --border-secondary-hc: rgb(225.4545454545, 78.9090909091, 22.5454545455);
  --border-tertiary-hc: rgb(233.5, 93.75, 40);
  --scrollbar-primary-hc: rgb(179.0909090909, 62.6818181818, 17.9090909091);
  --text-primary: rgb(220, 220, 220);
  --text-secondary: rgb(232.75, 232.75, 232.75);
  --text-tertiary: rgb(245.5, 245.5, 245.5);
  --accent-color: #a25f16;
  --accent-hue: 31.2857142857deg;
  --accent-sat: 76.0869565217%;
  --accent-light: 36.0784313725%;
  --accent-secondary: rgb(206.902173913, 121.3315217391, 28.097826087);
  --highlight-primary: rgb(86.3636363636, 30.2272727273, 8.6363636364);
  --highlight-secondary: rgb(179.0909090909, 62.6818181818, 17.9090909091);
  --highlight-tertiary: rgb(88.6327272727, 32.1704545455, 9.0372727273);
  --highlight-transparent: rgba(179.0909090909, 62.6818181818, 17.9090909091, 0.7);
  --highlight-transparent-secondary: rgba(179.0909090909, 62.6818181818, 17.9090909091, 0.4);
  --accent-transparent: rgba(162, 95, 22, 0.7);
  --accent-transparent-secondary: rgba(162, 95, 22, 0.4);
  --border-primary: rgb(132.7272727273, 46.4545454545, 13.2727272727);
  --border-secondary: rgb(155.9090909091, 54.5681818182, 15.5909090909);
  --border-tertiary: rgb(179.0909090909, 62.6818181818, 17.9090909091);
  --scrollbar-primary: rgb(123.4545454545, 43.2090909091, 12.3454545455);
  --logo-url: url(/dist/images/logo_dark.png);
  --logo-orb-url: url(/dist/images/logo_dark_orb.png);
  --close-primary: #D2574E;
  --close-secondary: rgb(225.5067567568, 144.8918918919, 138.9932432432);
  --error-color: #EF5350;
  --error-color-transparent: rgba(239, 83, 80, 0.5);
  --success-color: #66BB6A;
  --success-color-transparent: rgba(102, 187, 106, 0.5);
  --warning-color: #FFEE58;
  --warning-color-transparent: rgba(255, 238, 88, 0.4);
  --info-color: #29B6F6;
  --info-color-transparent: rgba(41, 182, 246, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(63.1818181818, 22.1136363636, 6.3181818182);
  --text-base-light: rgb(191.8181818182, 232.8863636364, 248.6818181818);
  --text-accent-dark: rgb(22.25, 22.25, 22.25);
  --window-screen-container: rgba(63.1818181818, 22.1136363636, 6.3181818182, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: block;
  --mono-base-background: rgb(12, 17, 29);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(253, 253, 254);
  --mono-text-gold: rgb(253, 253, 254);
  --mono-text-indigo: rgb(163, 187, 252);
  --mono-text-mdindigo: rgb(163, 187, 252);
  --mono-text-ltindigo: rgb(163, 187, 252);
  --mono-text-purple: rgb(183, 174, 246);
  --mono-text-mdpurple: rgb(183, 174, 246);
  --mono-text-ltpurple: rgb(187, 178, 252);
  --mono-text-pink: rgb(248, 166, 223);
  --mono-text-mdpink: rgb(248, 166, 223);
  --mono-text-ltpink: rgb(248, 166, 223);
  --mono-text-blue: rgb(131, 172, 254);
  --mono-text-mdblue: rgb(131, 200, 254);
  --mono-text-ltblue: rgb(123, 210, 252);
  --mono-text-cyan: rgb(102, 225, 248);
  --mono-text-mdcyan: rgb(102, 225, 248);
  --mono-text-ltcyan: rgb(102, 225, 248);
  --mono-text-seagreen: rgb(94, 231, 207);
  --mono-text-mdseagreen: rgb(94, 231, 207);
  --mono-text-ltseagreen: rgb(94, 231, 207);
  --mono-text-green: rgb(114, 224, 163);
  --mono-text-mdgreen: rgb(114, 224, 163);
  --mono-text-ltgreen: rgb(114, 224, 163);
  --mono-text-olive: rgb(171, 218, 121);
  --mono-text-mdolive: rgb(171, 218, 121);
  --mono-text-ltolive: rgb(171, 218, 121);
  --mono-text-gray: rgb(203, 211, 222);
  --mono-text-mdgray: rgb(203, 211, 222);
  --mono-text-ltgray: rgb(203, 211, 222);
  --mono-text-brown: rgb(178, 114, 65);
  --mono-text-mdbrown: rgb(178, 114, 65);
  --mono-text-ltbrown: rgb(178, 114, 65);
  --mono-text-maroon: rgb(143, 89, 86);
  --mono-text-mdmaroon: rgb(169, 121, 123);
  --mono-text-ltmaroon: rgb(204, 142, 151);
  --mono-text-red: rgb(252, 29, 79);
  --mono-text-mdred: rgb(252, 29, 79);
  --mono-text-ltred: rgb(252, 29, 79);
  --mono-text-orange: rgb(253, 155, 102);
  --mono-text-mdorange: rgb(253, 155, 102);
  --mono-text-ltorange: rgb(253, 155, 102);
  --mono-text-yellow: rgb(251, 224, 114);
  --mono-text-mdyellow: rgb(251, 224, 114);
  --mono-text-ltyellow: rgb(251, 224, 114);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=pastel-blue] {
  --background-primary: #AEC6CF;
  --background-secondary: rgb(157.988372093, 186.7325581395, 197.511627907);
  --background-tertiary: rgb(125.9651162791, 164.1976744186, 178.5348837209);
  --background-quarternary: rgb(119.5604651163, 159.6906976744, 174.7395348837);
  --background-primary-transparent: rgba(174, 198, 207, 0.8);
  --background-secondary-transparent: rgba(157.988372093, 186.7325581395, 197.511627907, 0.5);
  --background-primary-mc: rgb(177.2023255814, 200.2534883721, 208.8976744186);
  --background-secondary-mc: rgb(148.3813953488, 179.9720930233, 191.8186046512);
  --background-tertiary-mc: rgb(109.9534883721, 152.9302325581, 169.0465116279);
  --background-quarternary-mc: rgb(103.5488372093, 148.423255814, 165.2511627907);
  --text-primary-mc: rgb(50, 50, 50);
  --text-secondary-mc: rgb(11.75, 11.75, 11.75);
  --text-tertiary-mc: hsl(0, 0%, -0.3921568627%);
  --highlight-primary-mc: rgb(141.976744186, 175.4651162791, 188.023255814);
  --highlight-secondary-mc: rgb(75.3488372093, 113.023255814, 127.1511627907);
  --highlight-tertiary-mc: rgb(124.1875320094, 163.2179553175, 178.7524679906);
  --highlight-transparent-mc: rgba(75.3488372093, 113.023255814, 127.1511627907, 0.7);
  --highlight-transparent-secondary-mc: rgba(75.3488372093, 113.023255814, 127.1511627907, 0.4);
  --border-primary-mc: rgb(84.8372093023, 127.2558139535, 143.1627906977);
  --border-secondary-mc: rgb(75.3488372093, 113.023255814, 127.1511627907);
  --border-tertiary-mc: rgb(65.8604651163, 98.7906976744, 111.1395348837);
  --scrollbar-primary-mc: rgb(94.3255813953, 141.488372093, 159.1744186047);
  --background-primary-hc: rgb(180.4046511628, 202.5069767442, 210.7953488372);
  --background-secondary-hc: rgb(141.976744186, 175.4651162791, 188.023255814);
  --background-tertiary-hc: rgb(94.3255813953, 141.488372093, 159.1744186047);
  --background-quarternary-hc: rgb(90.5302325581, 135.7953488372, 152.7697674419);
  --text-primary-hc: rgb(50, 50, 50);
  --text-secondary-hc: hsl(0, 0%, -5.3921568627%);
  --text-tertiary-hc: hsl(0, 0%, -10.3921568627%);
  --highlight-primary-hc: rgb(141.976744186, 175.4651162791, 188.023255814);
  --highlight-secondary-hc: rgb(65.8604651163, 98.7906976744, 111.1395348837);
  --highlight-tertiary-hc: rgb(108.0776221583, 151.9147478443, 169.3623778417);
  --highlight-transparent-hc: rgba(65.8604651163, 98.7906976744, 111.1395348837, 0.7);
  --highlight-transparent-secondary-hc: rgba(65.8604651163, 98.7906976744, 111.1395348837, 0.4);
  --border-primary-hc: rgb(75.3488372093, 113.023255814, 127.1511627907);
  --border-secondary-hc: rgb(65.8604651163, 98.7906976744, 111.1395348837);
  --border-tertiary-hc: rgb(56.3720930233, 84.5581395349, 95.1279069767);
  --scrollbar-primary-hc: rgb(84.8372093023, 127.2558139535, 143.1627906977);
  --text-primary: rgb(50, 50, 50);
  --text-secondary: rgb(37.25, 37.25, 37.25);
  --text-tertiary: rgb(24.5, 24.5, 24.5);
  --accent-color: #5690c0;
  --accent-hue: 207.1698113208deg;
  --accent-sat: 45.6896551724%;
  --accent-light: 54.5098039216%;
  --accent-secondary: rgb(61.6422413793, 118.3922413793, 165.3577586207);
  --highlight-primary: rgb(141.976744186, 175.4651162791, 188.023255814);
  --highlight-secondary: rgb(84.8372093023, 127.2558139535, 143.1627906977);
  --highlight-tertiary: rgb(140.2974418605, 174.5211627907, 188.1425581395);
  --highlight-transparent: rgba(84.8372093023, 127.2558139535, 143.1627906977, 0.7);
  --highlight-transparent-secondary: rgba(84.8372093023, 127.2558139535, 143.1627906977, 0.4);
  --accent-transparent: rgba(86, 144, 192, 0.7);
  --accent-transparent-secondary: rgba(86, 144, 192, 0.4);
  --border-primary: rgb(109.9534883721, 152.9302325581, 169.0465116279);
  --border-secondary: rgb(94.3255813953, 141.488372093, 159.1744186047);
  --border-tertiary: rgb(84.8372093023, 127.2558139535, 143.1627906977);
  --scrollbar-primary: rgb(116.3581395349, 157.4372093023, 172.8418604651);
  --logo-url: url(/dist/images/logo_light.png);
  --logo-orb-url: url(/dist/images/logo_light_orb.png);
  --close-primary: #FF7F76;
  --close-secondary: rgb(255, 55.5255474453, 41.5);
  --error-color: #D32F2F;
  --error-color-transparent: rgba(211, 47, 47, 0.5);
  --success-color: #388E3C;
  --success-color-transparent: rgba(56, 142, 60, 0.5);
  --warning-color: #FBC02D;
  --warning-color-transparent: rgba(251, 192, 45, 0.4);
  --info-color: #1976D2;
  --info-color-transparent: rgba(25, 118, 210, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(97.011627907, 68.2674418605, 57.488372093);
  --text-base-light: rgb(157.988372093, 186.7325581395, 197.511627907);
  --text-accent-dark: rgb(37.25, 37.25, 37.25);
  --window-screen-container: rgba(157.988372093, 186.7325581395, 197.511627907, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: none;
  --mono-base-background: rgb(255, 255, 255);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(0, 0, 1);
  --mono-text-gold: rgb(0, 0, 1);
  --mono-text-indigo: rgb(45, 49, 166);
  --mono-text-mdindigo: rgb(45, 49, 166);
  --mono-text-ltindigo: rgb(45, 49, 166);
  --mono-text-purple: rgb(73, 31, 184);
  --mono-text-mdpurple: rgb(73, 31, 184);
  --mono-text-ltpurple: rgb(73, 31, 184);
  --mono-text-pink: rgb(157, 22, 95);
  --mono-text-mdpink: rgb(157, 22, 95);
  --mono-text-ltpink: rgb(157, 22, 95);
  --mono-text-blue: rgb(23, 91, 210);
  --mono-text-mdblue: rgb(2, 105, 162);
  --mono-text-ltblue: rgb(14, 110, 144);
  --mono-text-cyan: rgb(18, 92, 86);
  --mono-text-mdcyan: rgb(18, 92, 86);
  --mono-text-ltcyan: rgb(18, 92, 86);
  --mono-text-seagreen: rgb(9, 91, 56);
  --mono-text-mdseagreen: rgb(9, 91, 56);
  --mono-text-ltseagreen: rgb(9, 91, 56);
  --mono-text-green: rgb(50, 97, 19);
  --mono-text-mdgreen: rgb(50, 97, 19);
  --mono-text-ltgreen: rgb(50, 97, 19);
  --mono-text-olive: rgb(51, 79, 22);
  --mono-text-mdolive: rgb(51, 79, 22);
  --mono-text-ltolive: rgb(51, 79, 22);
  --mono-text-gray: rgb(63, 63, 70);
  --mono-text-mdgray: rgb(63, 63, 70);
  --mono-text-ltgray: rgb(63, 63, 70);
  --mono-text-brown: rgb(83, 44, 14);
  --mono-text-mdbrown: rgb(83, 44, 14);
  --mono-text-ltbrown: rgb(83, 44, 14);
  --mono-text-maroon: rgb(86, 19, 11);
  --mono-text-mdmaroon: rgb(86, 19, 11);
  --mono-text-ltmaroon: rgb(86, 19, 11);
  --mono-text-red: rgb(187, 27, 7);
  --mono-text-mdred: rgb(150, 24, 13);
  --mono-text-ltred: rgb(187, 27, 7);
  --mono-text-orange: rgb(222, 78, 23);
  --mono-text-mdorange: rgb(222, 78, 23);
  --mono-text-ltorange: rgb(222, 78, 23);
  --mono-text-yellow: rgb(200, 132, 5);
  --mono-text-mdyellow: rgb(200, 132, 5);
  --mono-text-ltyellow: rgb(200, 132, 5);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=pastel-lavender] {
  --background-primary: #E6E6FA;
  --background-secondary: rgb(208.75, 208.75, 245.75);
  --background-tertiary: rgb(166.25, 166.25, 237.25);
  --background-quarternary: rgb(157.75, 157.75, 235.55);
  --background-primary-transparent: rgba(230, 230, 250, 0.8);
  --background-secondary-transparent: rgba(208.75, 208.75, 245.75, 0.5);
  --background-primary-mc: rgb(234.25, 234.25, 250.85);
  --background-secondary-mc: rgb(196, 196, 243.2);
  --background-tertiary-mc: #9191e9;
  --background-quarternary-mc: rgb(136.5, 136.5, 231.3);
  --text-primary-mc: rgb(50, 50, 50);
  --text-secondary-mc: rgb(11.75, 11.75, 11.75);
  --text-tertiary-mc: hsl(0, 0%, -0.3921568627%);
  --highlight-primary-mc: rgb(187.5, 187.5, 241.5);
  --highlight-secondary-mc: rgb(81.25, 81.25, 220.25);
  --highlight-tertiary-mc: rgb(168.20875, 165.3280357143, 233.4919642857);
  --highlight-transparent-mc: rgba(81.25, 81.25, 220.25, 0.7);
  --highlight-transparent-secondary-mc: rgba(81.25, 81.25, 220.25, 0.4);
  --border-primary-mc: rgb(102.5, 102.5, 224.5);
  --border-secondary-mc: rgb(81.25, 81.25, 220.25);
  --border-tertiary-mc: #3c3cd8;
  --scrollbar-primary-mc: rgb(123.75, 123.75, 228.75);
  --background-primary-hc: rgb(238.5, 238.5, 251.7);
  --background-secondary-hc: rgb(187.5, 187.5, 241.5);
  --background-tertiary-hc: rgb(123.75, 123.75, 228.75);
  --background-quarternary-hc: rgb(115.25, 115.25, 227.05);
  --text-primary-hc: rgb(50, 50, 50);
  --text-secondary-hc: hsl(0, 0%, -5.3921568627%);
  --text-tertiary-hc: hsl(0, 0%, -10.3921568627%);
  --highlight-primary-hc: rgb(187.5, 187.5, 241.5);
  --highlight-secondary-hc: #3c3cd8;
  --highlight-tertiary-hc: rgb(148.3025, 144.7610714286, 228.5589285714);
  --highlight-transparent-hc: rgba(60, 60, 216, 0.7);
  --highlight-transparent-secondary-hc: rgba(60, 60, 216, 0.4);
  --border-primary-hc: rgb(81.25, 81.25, 220.25);
  --border-secondary-hc: #3c3cd8;
  --border-tertiary-hc: rgb(41.75, 41.75, 208.75);
  --scrollbar-primary-hc: rgb(102.5, 102.5, 224.5);
  --text-primary: rgb(50, 50, 50);
  --text-secondary: rgb(37.25, 37.25, 37.25);
  --text-tertiary: rgb(24.5, 24.5, 24.5);
  --accent-color: #d0868b;
  --accent-hue: 355.9459459459deg;
  --accent-sat: 44.0476190476%;
  --accent-light: 67.0588235294%;
  --accent-secondary: rgb(193.7321428571, 97.2678571429, 103.7857142857);
  --highlight-primary: rgb(187.5, 187.5, 241.5);
  --highlight-secondary: rgb(102.5, 102.5, 224.5);
  --highlight-tertiary: rgb(188.115, 185.895, 238.425);
  --highlight-transparent: rgba(102.5, 102.5, 224.5, 0.7);
  --highlight-transparent-secondary: rgba(102.5, 102.5, 224.5, 0.4);
  --accent-transparent: rgba(208, 134, 139, 0.7);
  --accent-transparent-secondary: rgba(208, 134, 139, 0.4);
  --border-primary: #9191e9;
  --border-secondary: rgb(123.75, 123.75, 228.75);
  --border-tertiary: rgb(102.5, 102.5, 224.5);
  --scrollbar-primary: rgb(153.5, 153.5, 234.7);
  --logo-url: url(/dist/images/logo_light.png);
  --logo-orb-url: url(/dist/images/logo_light_orb.png);
  --close-primary: #FF7F76;
  --close-secondary: rgb(255, 55.5255474453, 41.5);
  --error-color: #D32F2F;
  --error-color-transparent: rgba(211, 47, 47, 0.5);
  --success-color: #388E3C;
  --success-color-transparent: rgba(56, 142, 60, 0.5);
  --warning-color: #FBC02D;
  --warning-color-transparent: rgba(251, 192, 45, 0.4);
  --info-color: #1976D2;
  --info-color-transparent: rgba(25, 118, 210, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(46.25, 46.25, 9.25);
  --text-base-light: rgb(208.75, 208.75, 245.75);
  --text-accent-dark: rgb(37.25, 37.25, 37.25);
  --window-screen-container: rgba(208.75, 208.75, 245.75, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: none;
  --mono-base-background: rgb(255, 255, 255);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(0, 0, 1);
  --mono-text-gold: rgb(0, 0, 1);
  --mono-text-indigo: rgb(45, 49, 166);
  --mono-text-mdindigo: rgb(45, 49, 166);
  --mono-text-ltindigo: rgb(45, 49, 166);
  --mono-text-purple: rgb(73, 31, 184);
  --mono-text-mdpurple: rgb(73, 31, 184);
  --mono-text-ltpurple: rgb(73, 31, 184);
  --mono-text-pink: rgb(157, 22, 95);
  --mono-text-mdpink: rgb(157, 22, 95);
  --mono-text-ltpink: rgb(157, 22, 95);
  --mono-text-blue: rgb(23, 91, 210);
  --mono-text-mdblue: rgb(2, 105, 162);
  --mono-text-ltblue: rgb(14, 110, 144);
  --mono-text-cyan: rgb(18, 92, 86);
  --mono-text-mdcyan: rgb(18, 92, 86);
  --mono-text-ltcyan: rgb(18, 92, 86);
  --mono-text-seagreen: rgb(9, 91, 56);
  --mono-text-mdseagreen: rgb(9, 91, 56);
  --mono-text-ltseagreen: rgb(9, 91, 56);
  --mono-text-green: rgb(50, 97, 19);
  --mono-text-mdgreen: rgb(50, 97, 19);
  --mono-text-ltgreen: rgb(50, 97, 19);
  --mono-text-olive: rgb(51, 79, 22);
  --mono-text-mdolive: rgb(51, 79, 22);
  --mono-text-ltolive: rgb(51, 79, 22);
  --mono-text-gray: rgb(63, 63, 70);
  --mono-text-mdgray: rgb(63, 63, 70);
  --mono-text-ltgray: rgb(63, 63, 70);
  --mono-text-brown: rgb(83, 44, 14);
  --mono-text-mdbrown: rgb(83, 44, 14);
  --mono-text-ltbrown: rgb(83, 44, 14);
  --mono-text-maroon: rgb(86, 19, 11);
  --mono-text-mdmaroon: rgb(86, 19, 11);
  --mono-text-ltmaroon: rgb(86, 19, 11);
  --mono-text-red: rgb(187, 27, 7);
  --mono-text-mdred: rgb(150, 24, 13);
  --mono-text-ltred: rgb(187, 27, 7);
  --mono-text-orange: rgb(222, 78, 23);
  --mono-text-mdorange: rgb(222, 78, 23);
  --mono-text-ltorange: rgb(222, 78, 23);
  --mono-text-yellow: rgb(200, 132, 5);
  --mono-text-mdyellow: rgb(200, 132, 5);
  --mono-text-ltyellow: rgb(200, 132, 5);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=pastel-mint] {
  --background-primary: #C5E3BF;
  --background-secondary: rgb(180.9239130435, 219.2391304348, 173.2608695652);
  --background-tertiary: rgb(148.7717391304, 203.7173913043, 137.7826086957);
  --background-quarternary: rgb(142.3413043478, 200.6130434783, 130.6869565217);
  --background-primary-transparent: rgba(197, 227, 191, 0.8);
  --background-secondary-transparent: rgba(180.9239130435, 219.2391304348, 173.2608695652, 0.5);
  --background-primary-mc: rgb(200.2152173913, 228.552173913, 194.547826087);
  --background-secondary-mc: rgb(171.2782608696, 214.5826086957, 162.6173913043);
  --background-tertiary-mc: rgb(132.6956521739, 195.9565217391, 120.0434782609);
  --background-quarternary-mc: rgb(126.2652173913, 192.852173913, 112.947826087);
  --text-primary-mc: rgb(50, 50, 50);
  --text-secondary-mc: rgb(11.75, 11.75, 11.75);
  --text-tertiary-mc: hsl(0, 0%, -0.3921568627%);
  --highlight-primary-mc: rgb(164.847826087, 211.4782608696, 155.5217391304);
  --highlight-secondary-mc: rgb(88.5108695652, 166.6086956522, 72.8913043478);
  --highlight-tertiary-mc: rgb(146.0626140855, 201.3525871362, 139.1574128638);
  --highlight-transparent-mc: rgba(88.5108695652, 166.6086956522, 72.8913043478, 0.7);
  --highlight-transparent-secondary-mc: rgba(88.5108695652, 166.6086956522, 72.8913043478, 0.4);
  --border-primary-mc: rgb(100.5434782609, 180.4347826087, 84.5652173913);
  --border-secondary-mc: rgb(88.5108695652, 166.6086956522, 72.8913043478);
  --border-tertiary-mc: rgb(79.0869565217, 148.8695652174, 65.1304347826);
  --scrollbar-primary-mc: rgb(116.6195652174, 188.1956521739, 102.3043478261);
  --background-primary-hc: rgb(203.4304347826, 230.1043478261, 198.0956521739);
  --background-secondary-hc: rgb(164.847826087, 211.4782608696, 155.5217391304);
  --background-tertiary-hc: rgb(116.6195652174, 188.1956521739, 102.3043478261);
  --background-quarternary-hc: rgb(110.1891304348, 185.0913043478, 95.2086956522);
  --text-primary-hc: rgb(50, 50, 50);
  --text-secondary-hc: hsl(0, 0%, -5.3921568627%);
  --text-tertiary-hc: hsl(0, 0%, -10.3921568627%);
  --highlight-primary-hc: rgb(164.847826087, 211.4782608696, 155.5217391304);
  --highlight-secondary-hc: rgb(79.0869565217, 148.8695652174, 65.1304347826);
  --highlight-tertiary-hc: rgb(129.6728368667, 193.2812612289, 121.7287387711);
  --highlight-transparent-hc: rgba(79.0869565217, 148.8695652174, 65.1304347826, 0.7);
  --highlight-transparent-secondary-hc: rgba(79.0869565217, 148.8695652174, 65.1304347826, 0.4);
  --border-primary-hc: rgb(88.5108695652, 166.6086956522, 72.8913043478);
  --border-secondary-hc: rgb(79.0869565217, 148.8695652174, 65.1304347826);
  --border-tertiary-hc: rgb(69.6630434783, 131.1304347826, 57.3695652174);
  --scrollbar-primary-hc: rgb(100.5434782609, 180.4347826087, 84.5652173913);
  --text-primary: rgb(50, 50, 50);
  --text-secondary: rgb(37.25, 37.25, 37.25);
  --text-tertiary: rgb(24.5, 24.5, 24.5);
  --accent-color: #558fbf;
  --accent-hue: 207.1698113208deg;
  --accent-sat: 45.2991452991%;
  --accent-light: 54.1176470588%;
  --accent-secondary: rgb(61.5384615385, 117.3076923077, 163.4615384615);
  --highlight-primary: rgb(164.847826087, 211.4782608696, 155.5217391304);
  --highlight-secondary: rgb(100.5434782609, 180.4347826087, 84.5652173913);
  --highlight-tertiary: rgb(162.4523913043, 209.4239130435, 156.5860869565);
  --highlight-transparent: rgba(100.5434782609, 180.4347826087, 84.5652173913, 0.7);
  --highlight-transparent-secondary: rgba(100.5434782609, 180.4347826087, 84.5652173913, 0.4);
  --accent-transparent: rgba(85, 143, 191, 0.7);
  --accent-transparent-secondary: rgba(85, 143, 191, 0.4);
  --border-primary: rgb(132.6956521739, 195.9565217391, 120.0434782609);
  --border-secondary: rgb(116.6195652174, 188.1956521739, 102.3043478261);
  --border-tertiary: rgb(100.5434782609, 180.4347826087, 84.5652173913);
  --scrollbar-primary: rgb(139.1260869565, 199.0608695652, 127.1391304348);
  --logo-url: url(/dist/images/logo_light.png);
  --logo-orb-url: url(/dist/images/logo_light_orb.png);
  --close-primary: #FF7F76;
  --close-secondary: rgb(255, 55.5255474453, 41.5);
  --error-color: #D32F2F;
  --error-color-transparent: rgba(211, 47, 47, 0.5);
  --success-color: #388E3C;
  --success-color-transparent: rgba(56, 142, 60, 0.5);
  --warning-color: #FBC02D;
  --warning-color-transparent: rgba(251, 192, 45, 0.4);
  --info-color: #1976D2;
  --info-color-transparent: rgba(25, 118, 210, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(74.0760869565, 35.7608695652, 81.7391304348);
  --text-base-light: rgb(180.9239130435, 219.2391304348, 173.2608695652);
  --text-accent-dark: rgb(37.25, 37.25, 37.25);
  --window-screen-container: rgba(180.9239130435, 219.2391304348, 173.2608695652, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: none;
  --mono-base-background: rgb(255, 255, 255);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(0, 0, 1);
  --mono-text-gold: rgb(0, 0, 1);
  --mono-text-indigo: rgb(45, 49, 166);
  --mono-text-mdindigo: rgb(45, 49, 166);
  --mono-text-ltindigo: rgb(45, 49, 166);
  --mono-text-purple: rgb(73, 31, 184);
  --mono-text-mdpurple: rgb(73, 31, 184);
  --mono-text-ltpurple: rgb(73, 31, 184);
  --mono-text-pink: rgb(157, 22, 95);
  --mono-text-mdpink: rgb(157, 22, 95);
  --mono-text-ltpink: rgb(157, 22, 95);
  --mono-text-blue: rgb(23, 91, 210);
  --mono-text-mdblue: rgb(2, 105, 162);
  --mono-text-ltblue: rgb(14, 110, 144);
  --mono-text-cyan: rgb(18, 92, 86);
  --mono-text-mdcyan: rgb(18, 92, 86);
  --mono-text-ltcyan: rgb(18, 92, 86);
  --mono-text-seagreen: rgb(9, 91, 56);
  --mono-text-mdseagreen: rgb(9, 91, 56);
  --mono-text-ltseagreen: rgb(9, 91, 56);
  --mono-text-green: rgb(50, 97, 19);
  --mono-text-mdgreen: rgb(50, 97, 19);
  --mono-text-ltgreen: rgb(50, 97, 19);
  --mono-text-olive: rgb(51, 79, 22);
  --mono-text-mdolive: rgb(51, 79, 22);
  --mono-text-ltolive: rgb(51, 79, 22);
  --mono-text-gray: rgb(63, 63, 70);
  --mono-text-mdgray: rgb(63, 63, 70);
  --mono-text-ltgray: rgb(63, 63, 70);
  --mono-text-brown: rgb(83, 44, 14);
  --mono-text-mdbrown: rgb(83, 44, 14);
  --mono-text-ltbrown: rgb(83, 44, 14);
  --mono-text-maroon: rgb(86, 19, 11);
  --mono-text-mdmaroon: rgb(86, 19, 11);
  --mono-text-ltmaroon: rgb(86, 19, 11);
  --mono-text-red: rgb(187, 27, 7);
  --mono-text-mdred: rgb(150, 24, 13);
  --mono-text-ltred: rgb(187, 27, 7);
  --mono-text-orange: rgb(222, 78, 23);
  --mono-text-mdorange: rgb(222, 78, 23);
  --mono-text-ltorange: rgb(222, 78, 23);
  --mono-text-yellow: rgb(200, 132, 5);
  --mono-text-mdyellow: rgb(200, 132, 5);
  --mono-text-ltyellow: rgb(200, 132, 5);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=vibrant-teal] {
  --background-primary: #40eeee;
  --background-secondary: rgb(40.5841346154, 235.9158653846, 235.9158653846);
  --background-tertiary: rgb(18.4302884615, 207.0697115385, 207.0697115385);
  --background-quarternary: rgb(17.5966346154, 197.7033653846, 197.7033653846);
  --background-primary-transparent: rgba(64, 238, 238, 0.8);
  --background-secondary-transparent: rgba(40.5841346154, 235.9158653846, 235.9158653846, 0.5);
  --background-primary-mc: rgb(68.6831730769, 238.4168269231, 238.4168269231);
  --background-secondary-mc: rgb(26.5346153846, 234.6653846154, 234.6653846154);
  --background-tertiary-mc: rgb(16.3461538462, 183.6538461538, 183.6538461538);
  --background-quarternary-mc: rgb(15.5125, 174.2875, 174.2875);
  --text-primary-mc: rgb(50, 50, 50);
  --text-secondary-mc: rgb(11.75, 11.75, 11.75);
  --text-tertiary-mc: hsl(0, 0%, -0.3921568627%);
  --highlight-primary-mc: rgb(20.5144230769, 230.4855769231, 230.4855769231);
  --highlight-secondary-mc: rgb(10.09375, 113.40625, 113.40625);
  --highlight-tertiary-mc: rgb(23.3875782532, 203.2524217468, 203.0366939765);
  --highlight-transparent-mc: rgba(10.09375, 113.40625, 113.40625, 0.7);
  --highlight-transparent-secondary-mc: rgba(10.09375, 113.40625, 113.40625, 0.4);
  --border-primary-mc: rgb(12.1778846154, 136.8221153846, 136.8221153846);
  --border-secondary-mc: rgb(10.09375, 113.40625, 113.40625);
  --border-tertiary-mc: rgb(8.0096153846, 89.9903846154, 89.9903846154);
  --scrollbar-primary-mc: rgb(14.2620192308, 160.2379807692, 160.2379807692);
  --background-primary-hc: rgb(73.3663461538, 238.8336538462, 238.8336538462);
  --background-secondary-hc: rgb(20.5144230769, 230.4855769231, 230.4855769231);
  --background-tertiary-hc: rgb(14.2620192308, 160.2379807692, 160.2379807692);
  --background-quarternary-hc: rgb(13.4283653846, 150.8716346154, 150.8716346154);
  --text-primary-hc: rgb(50, 50, 50);
  --text-secondary-hc: hsl(0, 0%, -5.3921568627%);
  --text-tertiary-hc: hsl(0, 0%, -10.3921568627%);
  --highlight-primary-hc: rgb(20.5144230769, 230.4855769231, 230.4855769231);
  --highlight-secondary-hc: rgb(8.0096153846, 89.9903846154, 89.9903846154);
  --highlight-tertiary-hc: rgb(20.7561661218, 180.3838338782, 180.1923783376);
  --highlight-transparent-hc: rgba(8.0096153846, 89.9903846154, 89.9903846154, 0.7);
  --highlight-transparent-secondary-hc: rgba(8.0096153846, 89.9903846154, 89.9903846154, 0.4);
  --border-primary-hc: rgb(10.09375, 113.40625, 113.40625);
  --border-secondary-hc: rgb(8.0096153846, 89.9903846154, 89.9903846154);
  --border-tertiary-hc: rgb(5.9254807692, 66.5745192308, 66.5745192308);
  --scrollbar-primary-hc: rgb(12.1778846154, 136.8221153846, 136.8221153846);
  --text-primary: rgb(50, 50, 50);
  --text-secondary: rgb(37.25, 37.25, 37.25);
  --text-tertiary: rgb(24.5, 24.5, 24.5);
  --accent-color: #cc554d;
  --accent-hue: 3.7795275591deg;
  --accent-sat: 55.4585152838%;
  --accent-light: 55.0980392157%;
  --accent-secondary: rgb(178.7772925764, 59.2576419214, 51.2227074236);
  --highlight-primary: rgb(20.5144230769, 230.4855769231, 230.4855769231);
  --highlight-secondary: rgb(12.1778846154, 136.8221153846, 136.8221153846);
  --highlight-tertiary: rgb(26.0189903846, 226.1210096154, 225.8810096154);
  --highlight-transparent: rgba(12.1778846154, 136.8221153846, 136.8221153846, 0.7);
  --highlight-transparent-secondary: rgba(12.1778846154, 136.8221153846, 136.8221153846, 0.4);
  --accent-transparent: rgba(204, 85, 77, 0.7);
  --accent-transparent-secondary: rgba(204, 85, 77, 0.4);
  --border-primary: rgb(16.3461538462, 183.6538461538, 183.6538461538);
  --border-secondary: rgb(14.2620192308, 160.2379807692, 160.2379807692);
  --border-tertiary: rgb(12.1778846154, 136.8221153846, 136.8221153846);
  --scrollbar-primary: rgb(17.1798076923, 193.0201923077, 193.0201923077);
  --logo-url: url(/dist/images/logo_light.png);
  --logo-orb-url: url(/dist/images/logo_light_orb.png);
  --close-primary: #FF7F76;
  --close-secondary: rgb(255, 55.5255474453, 41.5);
  --error-color: #D32F2F;
  --error-color-transparent: rgba(211, 47, 47, 0.5);
  --success-color: #388E3C;
  --success-color-transparent: rgba(56, 142, 60, 0.5);
  --warning-color: #FBC02D;
  --warning-color-transparent: rgba(251, 192, 45, 0.4);
  --info-color: #1976D2;
  --info-color-transparent: rgba(25, 118, 210, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(214.4158653846, 19.0841346154, 19.0841346154);
  --text-base-light: rgb(40.5841346154, 235.9158653846, 235.9158653846);
  --text-accent-dark: rgb(37.25, 37.25, 37.25);
  --window-screen-container: rgba(40.5841346154, 235.9158653846, 235.9158653846, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: none;
  --mono-base-background: rgb(255, 255, 255);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(0, 0, 1);
  --mono-text-gold: rgb(0, 0, 1);
  --mono-text-indigo: rgb(45, 49, 166);
  --mono-text-mdindigo: rgb(45, 49, 166);
  --mono-text-ltindigo: rgb(45, 49, 166);
  --mono-text-purple: rgb(73, 31, 184);
  --mono-text-mdpurple: rgb(73, 31, 184);
  --mono-text-ltpurple: rgb(73, 31, 184);
  --mono-text-pink: rgb(157, 22, 95);
  --mono-text-mdpink: rgb(157, 22, 95);
  --mono-text-ltpink: rgb(157, 22, 95);
  --mono-text-blue: rgb(23, 91, 210);
  --mono-text-mdblue: rgb(2, 105, 162);
  --mono-text-ltblue: rgb(14, 110, 144);
  --mono-text-cyan: rgb(18, 92, 86);
  --mono-text-mdcyan: rgb(18, 92, 86);
  --mono-text-ltcyan: rgb(18, 92, 86);
  --mono-text-seagreen: rgb(9, 91, 56);
  --mono-text-mdseagreen: rgb(9, 91, 56);
  --mono-text-ltseagreen: rgb(9, 91, 56);
  --mono-text-green: rgb(50, 97, 19);
  --mono-text-mdgreen: rgb(50, 97, 19);
  --mono-text-ltgreen: rgb(50, 97, 19);
  --mono-text-olive: rgb(51, 79, 22);
  --mono-text-mdolive: rgb(51, 79, 22);
  --mono-text-ltolive: rgb(51, 79, 22);
  --mono-text-gray: rgb(63, 63, 70);
  --mono-text-mdgray: rgb(63, 63, 70);
  --mono-text-ltgray: rgb(63, 63, 70);
  --mono-text-brown: rgb(83, 44, 14);
  --mono-text-mdbrown: rgb(83, 44, 14);
  --mono-text-ltbrown: rgb(83, 44, 14);
  --mono-text-maroon: rgb(86, 19, 11);
  --mono-text-mdmaroon: rgb(86, 19, 11);
  --mono-text-ltmaroon: rgb(86, 19, 11);
  --mono-text-red: rgb(187, 27, 7);
  --mono-text-mdred: rgb(150, 24, 13);
  --mono-text-ltred: rgb(187, 27, 7);
  --mono-text-orange: rgb(222, 78, 23);
  --mono-text-mdorange: rgb(222, 78, 23);
  --mono-text-ltorange: rgb(222, 78, 23);
  --mono-text-yellow: rgb(200, 132, 5);
  --mono-text-mdyellow: rgb(200, 132, 5);
  --mono-text-ltyellow: rgb(200, 132, 5);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=electric-purple] {
  --background-primary: #6a0dad;
  --background-secondary: rgb(91.4677419355, 11.2177419355, 149.2822580645);
  --background-tertiary: rgb(62.4032258065, 7.6532258065, 101.8467741935);
  --background-quarternary: rgb(56.5903225806, 6.9403225806, 92.3596774194);
  --background-primary-transparent: rgba(106, 13, 173, 0.8);
  --background-secondary-transparent: rgba(91.4677419355, 11.2177419355, 149.2822580645, 0.5);
  --background-primary-mc: rgb(108.9064516129, 13.3564516129, 177.7435483871);
  --background-secondary-mc: rgb(82.7483870968, 10.1483870968, 135.0516129032);
  --background-tertiary-mc: rgb(47.8709677419, 5.8709677419, 78.1290322581);
  --background-quarternary-mc: rgb(42.0580645161, 5.1580645161, 68.6419354839);
  --text-primary-mc: rgb(50, 50, 50);
  --text-secondary-mc: rgb(11.75, 11.75, 11.75);
  --text-tertiary-mc: hsl(0, 0%, -0.3921568627%);
  --highlight-primary-mc: rgb(76.935483871, 9.435483871, 125.564516129);
  --highlight-secondary-mc: rgb(4.2741935484, 0.5241935484, 6.9758064516);
  --highlight-tertiary-mc: rgb(66.1616678257, 11.8558341257, 99.0241658743);
  --highlight-transparent-mc: rgba(4.2741935484, 0.5241935484, 6.9758064516, 0.7);
  --highlight-transparent-secondary-mc: rgba(4.2741935484, 0.5241935484, 6.9758064516, 0.4);
  --border-primary-mc: rgb(18.8064516129, 2.3064516129, 30.6935483871);
  --border-secondary-mc: rgb(4.2741935484, 0.5241935484, 6.9758064516);
  --border-tertiary-mc: hsl(274.875, 86.0215053763%, -3.5294117647%);
  --scrollbar-primary-mc: rgb(33.3387096774, 4.0887096774, 54.4112903226);
  --background-primary-hc: rgb(111.8129032258, 13.7129032258, 182.4870967742);
  --background-secondary-hc: rgb(76.935483871, 9.435483871, 125.564516129);
  --background-tertiary-hc: rgb(33.3387096774, 4.0887096774, 54.4112903226);
  --background-quarternary-hc: rgb(27.5258064516, 3.3758064516, 44.9241935484);
  --text-primary-hc: rgb(50, 50, 50);
  --text-secondary-hc: hsl(0, 0%, -5.3921568627%);
  --text-tertiary-hc: hsl(0, 0%, -10.3921568627%);
  --highlight-primary-hc: rgb(76.935483871, 9.435483871, 125.564516129);
  --highlight-secondary-hc: hsl(274.875, 86.0215053763%, -3.5294117647%);
  --highlight-tertiary-hc: rgb(50.9459162965, 9.1292488966, 76.2507511034);
  --highlight-transparent-hc: hsla(274.875, 86.0215053763%, -3.5294117647%, 0.7);
  --highlight-transparent-secondary-hc: hsla(274.875, 86.0215053763%, -3.5294117647%, 0.4);
  --border-primary-hc: rgb(4.2741935484, 0.5241935484, 6.9758064516);
  --border-secondary-hc: hsl(274.875, 86.0215053763%, -3.5294117647%);
  --border-tertiary-hc: hsl(274.875, 86.0215053763%, -8.5294117647%);
  --scrollbar-primary-hc: rgb(18.8064516129, 2.3064516129, 30.6935483871);
  --text-primary: rgb(50, 50, 50);
  --text-secondary: rgb(37.25, 37.25, 37.25);
  --text-tertiary: rgb(24.5, 24.5, 24.5);
  --accent-color: #e1b500;
  --accent-hue: 48.2666666667deg;
  --accent-sat: 100%;
  --accent-light: 44.1176470588%;
  --accent-secondary: rgb(174, 139.9733333333, 0);
  --highlight-primary: rgb(76.935483871, 9.435483871, 125.564516129);
  --highlight-secondary: rgb(18.8064516129, 2.3064516129, 30.6935483871);
  --highlight-tertiary: rgb(81.3774193548, 14.5824193548, 121.7975806452);
  --highlight-transparent: rgba(18.8064516129, 2.3064516129, 30.6935483871, 0.7);
  --highlight-transparent-secondary: rgba(18.8064516129, 2.3064516129, 30.6935483871, 0.4);
  --accent-transparent: rgba(225, 181, 0, 0.7);
  --accent-transparent-secondary: rgba(225, 181, 0, 0.4);
  --border-primary: rgb(47.8709677419, 5.8709677419, 78.1290322581);
  --border-secondary: rgb(33.3387096774, 4.0887096774, 54.4112903226);
  --border-tertiary: rgb(18.8064516129, 2.3064516129, 30.6935483871);
  --scrollbar-primary: rgb(53.6838709677, 6.5838709677, 87.6161290323);
  --logo-url: url(/dist/images/logo_light.png);
  --logo-orb-url: url(/dist/images/logo_light_orb.png);
  --close-primary: #FF7F76;
  --close-secondary: rgb(255, 55.5255474453, 41.5);
  --error-color: #D32F2F;
  --error-color-transparent: rgba(211, 47, 47, 0.5);
  --success-color: #388E3C;
  --success-color-transparent: rgba(56, 142, 60, 0.5);
  --warning-color: #FBC02D;
  --warning-color-transparent: rgba(251, 192, 45, 0.4);
  --info-color: #1976D2;
  --info-color-transparent: rgba(25, 118, 210, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(91.4677419355, 11.2177419355, 149.2822580645);
  --text-base-light: rgb(163.5322580645, 243.7822580645, 105.7177419355);
  --text-accent-dark: rgb(37.25, 37.25, 37.25);
  --window-screen-container: rgba(91.4677419355, 11.2177419355, 149.2822580645, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: none;
  --mono-base-background: rgb(255, 255, 255);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(0, 0, 1);
  --mono-text-gold: rgb(0, 0, 1);
  --mono-text-indigo: rgb(45, 49, 166);
  --mono-text-mdindigo: rgb(45, 49, 166);
  --mono-text-ltindigo: rgb(45, 49, 166);
  --mono-text-purple: rgb(73, 31, 184);
  --mono-text-mdpurple: rgb(73, 31, 184);
  --mono-text-ltpurple: rgb(73, 31, 184);
  --mono-text-pink: rgb(157, 22, 95);
  --mono-text-mdpink: rgb(157, 22, 95);
  --mono-text-ltpink: rgb(157, 22, 95);
  --mono-text-blue: rgb(23, 91, 210);
  --mono-text-mdblue: rgb(2, 105, 162);
  --mono-text-ltblue: rgb(14, 110, 144);
  --mono-text-cyan: rgb(18, 92, 86);
  --mono-text-mdcyan: rgb(18, 92, 86);
  --mono-text-ltcyan: rgb(18, 92, 86);
  --mono-text-seagreen: rgb(9, 91, 56);
  --mono-text-mdseagreen: rgb(9, 91, 56);
  --mono-text-ltseagreen: rgb(9, 91, 56);
  --mono-text-green: rgb(50, 97, 19);
  --mono-text-mdgreen: rgb(50, 97, 19);
  --mono-text-ltgreen: rgb(50, 97, 19);
  --mono-text-olive: rgb(51, 79, 22);
  --mono-text-mdolive: rgb(51, 79, 22);
  --mono-text-ltolive: rgb(51, 79, 22);
  --mono-text-gray: rgb(63, 63, 70);
  --mono-text-mdgray: rgb(63, 63, 70);
  --mono-text-ltgray: rgb(63, 63, 70);
  --mono-text-brown: rgb(83, 44, 14);
  --mono-text-mdbrown: rgb(83, 44, 14);
  --mono-text-ltbrown: rgb(83, 44, 14);
  --mono-text-maroon: rgb(86, 19, 11);
  --mono-text-mdmaroon: rgb(86, 19, 11);
  --mono-text-ltmaroon: rgb(86, 19, 11);
  --mono-text-red: rgb(187, 27, 7);
  --mono-text-mdred: rgb(150, 24, 13);
  --mono-text-ltred: rgb(187, 27, 7);
  --mono-text-orange: rgb(222, 78, 23);
  --mono-text-mdorange: rgb(222, 78, 23);
  --mono-text-ltorange: rgb(222, 78, 23);
  --mono-text-yellow: rgb(200, 132, 5);
  --mono-text-mdyellow: rgb(200, 132, 5);
  --mono-text-ltyellow: rgb(200, 132, 5);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=sunny-orange] {
  --background-primary: #ff9800;
  --background-secondary: rgb(229.5, 136.8, 0);
  --background-tertiary: rgb(178.5, 106.4, 0);
  --background-quarternary: rgb(168.3, 100.32, 0);
  --background-primary-transparent: rgba(255, 152, 0, 0.8);
  --background-secondary-transparent: rgba(229.5, 136.8, 0, 0.5);
  --background-primary-mc: rgb(255, 154.06, 5.1);
  --background-secondary-mc: rgb(214.2, 127.68, 0);
  --background-tertiary-mc: rgb(153, 91.2, 0);
  --background-quarternary-mc: rgb(142.8, 85.12, 0);
  --text-primary-mc: rgb(50, 50, 50);
  --text-secondary-mc: rgb(11.75, 11.75, 11.75);
  --text-tertiary-mc: hsl(0, 0%, -0.3921568627%);
  --highlight-primary-mc: rgb(204, 121.6, 0);
  --highlight-secondary-mc: rgb(76.5, 45.6, 0);
  --highlight-tertiary-mc: rgb(173.2374599912, 107.0914523565, 5.5925400088);
  --highlight-transparent-mc: rgba(76.5, 45.6, 0, 0.7);
  --highlight-transparent-secondary-mc: rgba(76.5, 45.6, 0, 0.4);
  --border-primary-mc: rgb(102, 60.8, 0);
  --border-secondary-mc: rgb(76.5, 45.6, 0);
  --border-tertiary-mc: rgb(51, 30.4, 0);
  --scrollbar-primary-mc: rgb(127.5, 76, 0);
  --background-primary-hc: rgb(255, 156.12, 10.2);
  --background-secondary-hc: rgb(204, 121.6, 0);
  --background-tertiary-hc: rgb(127.5, 76, 0);
  --background-quarternary-hc: rgb(117.3, 69.92, 0);
  --text-primary-hc: rgb(50, 50, 50);
  --text-secondary-hc: hsl(0, 0%, -5.3921568627%);
  --text-tertiary-hc: hsl(0, 0%, -10.3921568627%);
  --highlight-primary-hc: rgb(204, 121.6, 0);
  --highlight-secondary-hc: rgb(51, 30.4, 0);
  --highlight-tertiary-hc: rgb(148.5349199824, 91.820904713, 4.7950800176);
  --highlight-transparent-hc: rgba(51, 30.4, 0, 0.7);
  --highlight-transparent-secondary-hc: rgba(51, 30.4, 0, 0.4);
  --border-primary-hc: rgb(76.5, 45.6, 0);
  --border-secondary-hc: rgb(51, 30.4, 0);
  --border-tertiary-hc: rgb(25.5, 15.2, 0);
  --scrollbar-primary-hc: rgb(102, 60.8, 0);
  --text-primary: rgb(50, 50, 50);
  --text-secondary: rgb(37.25, 37.25, 37.25);
  --text-tertiary: rgb(24.5, 24.5, 24.5);
  --accent-color: #0293d5;
  --accent-hue: 198.7677725118deg;
  --accent-sat: 98.1395348837%;
  --accent-light: 42.1568627451%;
  --accent-secondary: rgb(1.5255813953, 112.1302325581, 162.4744186047);
  --highlight-primary: rgb(204, 121.6, 0);
  --highlight-secondary: rgb(102, 60.8, 0);
  --highlight-tertiary: rgb(197.94, 122.362, 6.39);
  --highlight-transparent: rgba(102, 60.8, 0, 0.7);
  --highlight-transparent-secondary: rgba(102, 60.8, 0, 0.4);
  --accent-transparent: rgba(2, 147, 213, 0.7);
  --accent-transparent-secondary: rgba(2, 147, 213, 0.4);
  --border-primary: rgb(153, 91.2, 0);
  --border-secondary: rgb(127.5, 76, 0);
  --border-tertiary: rgb(102, 60.8, 0);
  --scrollbar-primary: rgb(163.2, 97.28, 0);
  --logo-url: url(/dist/images/logo_light.png);
  --logo-orb-url: url(/dist/images/logo_light_orb.png);
  --close-primary: #FF7F76;
  --close-secondary: rgb(255, 55.5255474453, 41.5);
  --error-color: #D32F2F;
  --error-color-transparent: rgba(211, 47, 47, 0.5);
  --success-color: #388E3C;
  --success-color-transparent: rgba(56, 142, 60, 0.5);
  --warning-color: #FBC02D;
  --warning-color-transparent: rgba(251, 192, 45, 0.4);
  --info-color: #1976D2;
  --info-color-transparent: rgba(25, 118, 210, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(229.5, 136.8, 0);
  --text-base-light: rgb(25.5, 118.2, 255);
  --text-accent-dark: rgb(37.25, 37.25, 37.25);
  --window-screen-container: rgba(229.5, 136.8, 0, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: none;
  --mono-base-background: rgb(255, 255, 255);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(0, 0, 1);
  --mono-text-gold: rgb(0, 0, 1);
  --mono-text-indigo: rgb(45, 49, 166);
  --mono-text-mdindigo: rgb(45, 49, 166);
  --mono-text-ltindigo: rgb(45, 49, 166);
  --mono-text-purple: rgb(73, 31, 184);
  --mono-text-mdpurple: rgb(73, 31, 184);
  --mono-text-ltpurple: rgb(73, 31, 184);
  --mono-text-pink: rgb(157, 22, 95);
  --mono-text-mdpink: rgb(157, 22, 95);
  --mono-text-ltpink: rgb(157, 22, 95);
  --mono-text-blue: rgb(23, 91, 210);
  --mono-text-mdblue: rgb(2, 105, 162);
  --mono-text-ltblue: rgb(14, 110, 144);
  --mono-text-cyan: rgb(18, 92, 86);
  --mono-text-mdcyan: rgb(18, 92, 86);
  --mono-text-ltcyan: rgb(18, 92, 86);
  --mono-text-seagreen: rgb(9, 91, 56);
  --mono-text-mdseagreen: rgb(9, 91, 56);
  --mono-text-ltseagreen: rgb(9, 91, 56);
  --mono-text-green: rgb(50, 97, 19);
  --mono-text-mdgreen: rgb(50, 97, 19);
  --mono-text-ltgreen: rgb(50, 97, 19);
  --mono-text-olive: rgb(51, 79, 22);
  --mono-text-mdolive: rgb(51, 79, 22);
  --mono-text-ltolive: rgb(51, 79, 22);
  --mono-text-gray: rgb(63, 63, 70);
  --mono-text-mdgray: rgb(63, 63, 70);
  --mono-text-ltgray: rgb(63, 63, 70);
  --mono-text-brown: rgb(83, 44, 14);
  --mono-text-mdbrown: rgb(83, 44, 14);
  --mono-text-ltbrown: rgb(83, 44, 14);
  --mono-text-maroon: rgb(86, 19, 11);
  --mono-text-mdmaroon: rgb(86, 19, 11);
  --mono-text-ltmaroon: rgb(86, 19, 11);
  --mono-text-red: rgb(187, 27, 7);
  --mono-text-mdred: rgb(150, 24, 13);
  --mono-text-ltred: rgb(187, 27, 7);
  --mono-text-orange: rgb(222, 78, 23);
  --mono-text-mdorange: rgb(222, 78, 23);
  --mono-text-ltorange: rgb(222, 78, 23);
  --mono-text-yellow: rgb(200, 132, 5);
  --mono-text-mdyellow: rgb(200, 132, 5);
  --mono-text-ltyellow: rgb(200, 132, 5);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=galen-dark] {
  --background-primary: #000000;
  --background-secondary: rgb(12.75, 12.75, 12.75);
  --background-tertiary: rgb(38.25, 38.25, 38.25);
  --background-quarternary: rgb(43.35, 43.35, 43.35);
  --background-primary-transparent: rgba(0, 0, 0, 0.8);
  --background-secondary-transparent: rgba(12.75, 12.75, 12.75, 0.5);
  --background-primary-mc: hsl(0, 0%, -5%);
  --background-secondary-mc: rgb(7.65, 7.65, 7.65);
  --background-tertiary-mc: rgb(43.35, 43.35, 43.35);
  --background-quarternary-mc: rgb(30.6, 30.6, 30.6);
  --text-primary-mc: rgb(220, 220, 220);
  --text-secondary-mc: hsl(0, 0%, 101.2745098039%);
  --text-tertiary-mc: hsl(0, 0%, 106.2745098039%);
  --highlight-primary-mc: rgb(25.5, 25.5, 25.5);
  --highlight-secondary-mc: rgb(89.25, 89.25, 89.25);
  --highlight-tertiary-mc: rgb(46.8425892857, 39.2054464286, 35.7774107143);
  --highlight-transparent-mc: rgba(89.25, 89.25, 89.25, 0.7);
  --highlight-transparent-secondary-mc: rgba(89.25, 89.25, 89.25, 0.4);
  --border-primary-mc: rgb(76.5, 76.5, 76.5);
  --border-secondary-mc: rgb(89.25, 89.25, 89.25);
  --border-tertiary-mc: #666666;
  --scrollbar-primary-mc: rgb(63.75, 63.75, 63.75);
  --background-primary-hc: hsl(0, 0%, -10%);
  --background-secondary-hc: hsl(0, 0%, -1%);
  --background-tertiary-hc: rgb(38.25, 38.25, 38.25);
  --background-quarternary-hc: rgb(17.85, 17.85, 17.85);
  --text-primary-hc: rgb(220, 220, 220);
  --text-secondary-hc: hsl(0, 0%, 111.2745098039%);
  --text-tertiary-hc: hsl(0, 0%, 116.2745098039%);
  --highlight-primary-hc: rgb(25.5, 25.5, 25.5);
  --highlight-secondary-hc: #666666;
  --highlight-tertiary-hc: rgb(61.3001785714, 51.3058928571, 46.8198214286);
  --highlight-transparent-hc: rgba(102, 102, 102, 0.7);
  --highlight-transparent-secondary-hc: rgba(102, 102, 102, 0.4);
  --border-primary-hc: rgb(89.25, 89.25, 89.25);
  --border-secondary-hc: #666666;
  --border-tertiary-hc: rgb(114.75, 114.75, 114.75);
  --scrollbar-primary-hc: rgb(76.5, 76.5, 76.5);
  --text-primary: rgb(220, 220, 220);
  --text-secondary: rgb(232.75, 232.75, 232.75);
  --text-tertiary: rgb(245.5, 245.5, 245.5);
  --accent-color: #ff4f00;
  --accent-hue: 18.5882352941deg;
  --accent-sat: 100%;
  --accent-light: 50%;
  --accent-secondary: rgb(255, 114.2, 51);
  --highlight-primary: rgb(25.5, 25.5, 25.5);
  --highlight-secondary: rgb(76.5, 76.5, 76.5);
  --highlight-tertiary: rgb(32.385, 27.105, 24.735);
  --highlight-transparent: rgba(76.5, 76.5, 76.5, 0.7);
  --highlight-transparent-secondary: rgba(76.5, 76.5, 76.5, 0.4);
  --accent-transparent: rgba(255, 79, 0, 0.7);
  --accent-transparent-secondary: rgba(255, 79, 0, 0.4);
  --border-primary: #333333;
  --border-secondary: rgb(63.75, 63.75, 63.75);
  --border-tertiary: rgb(76.5, 76.5, 76.5);
  --scrollbar-primary: rgb(45.9, 45.9, 45.9);
  --logo-url: url(/dist/images/logo_dark.png);
  --logo-orb-url: url(/dist/images/logo_dark_orb.png);
  --close-primary: #D2574E;
  --close-secondary: rgb(225.5067567568, 144.8918918919, 138.9932432432);
  --error-color: #EF5350;
  --error-color-transparent: rgba(239, 83, 80, 0.5);
  --success-color: #66BB6A;
  --success-color-transparent: rgba(102, 187, 106, 0.5);
  --warning-color: #FFEE58;
  --warning-color-transparent: rgba(255, 238, 88, 0.4);
  --info-color: #29B6F6;
  --info-color-transparent: rgba(41, 182, 246, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(12.75, 12.75, 12.75);
  --text-base-light: rgb(242.25, 242.25, 242.25);
  --text-accent-dark: rgb(22.25, 22.25, 22.25);
  --window-screen-container: rgba(12.75, 12.75, 12.75, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: block;
  --mono-base-background: rgb(12, 17, 29);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(253, 253, 254);
  --mono-text-gold: rgb(253, 253, 254);
  --mono-text-indigo: rgb(163, 187, 252);
  --mono-text-mdindigo: rgb(163, 187, 252);
  --mono-text-ltindigo: rgb(163, 187, 252);
  --mono-text-purple: rgb(183, 174, 246);
  --mono-text-mdpurple: rgb(183, 174, 246);
  --mono-text-ltpurple: rgb(187, 178, 252);
  --mono-text-pink: rgb(248, 166, 223);
  --mono-text-mdpink: rgb(248, 166, 223);
  --mono-text-ltpink: rgb(248, 166, 223);
  --mono-text-blue: rgb(131, 172, 254);
  --mono-text-mdblue: rgb(131, 200, 254);
  --mono-text-ltblue: rgb(123, 210, 252);
  --mono-text-cyan: rgb(102, 225, 248);
  --mono-text-mdcyan: rgb(102, 225, 248);
  --mono-text-ltcyan: rgb(102, 225, 248);
  --mono-text-seagreen: rgb(94, 231, 207);
  --mono-text-mdseagreen: rgb(94, 231, 207);
  --mono-text-ltseagreen: rgb(94, 231, 207);
  --mono-text-green: rgb(114, 224, 163);
  --mono-text-mdgreen: rgb(114, 224, 163);
  --mono-text-ltgreen: rgb(114, 224, 163);
  --mono-text-olive: rgb(171, 218, 121);
  --mono-text-mdolive: rgb(171, 218, 121);
  --mono-text-ltolive: rgb(171, 218, 121);
  --mono-text-gray: rgb(203, 211, 222);
  --mono-text-mdgray: rgb(203, 211, 222);
  --mono-text-ltgray: rgb(203, 211, 222);
  --mono-text-brown: rgb(178, 114, 65);
  --mono-text-mdbrown: rgb(178, 114, 65);
  --mono-text-ltbrown: rgb(178, 114, 65);
  --mono-text-maroon: rgb(143, 89, 86);
  --mono-text-mdmaroon: rgb(169, 121, 123);
  --mono-text-ltmaroon: rgb(204, 142, 151);
  --mono-text-red: rgb(252, 29, 79);
  --mono-text-mdred: rgb(252, 29, 79);
  --mono-text-ltred: rgb(252, 29, 79);
  --mono-text-orange: rgb(253, 155, 102);
  --mono-text-mdorange: rgb(253, 155, 102);
  --mono-text-ltorange: rgb(253, 155, 102);
  --mono-text-yellow: rgb(251, 224, 114);
  --mono-text-mdyellow: rgb(251, 224, 114);
  --mono-text-ltyellow: rgb(251, 224, 114);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

[data-theme=galen-light] {
  --background-primary: #ffb85e;
  --background-secondary: rgb(255, 172.7546583851, 68.5);
  --background-tertiary: rgb(255, 150.2639751553, 17.5);
  --background-quarternary: rgb(255, 145.7658385093, 7.3);
  --background-primary-transparent: rgba(255, 184, 94, 0.8);
  --background-secondary-transparent: rgba(255, 172.7546583851, 68.5, 0.5);
  --background-primary-mc: rgb(255, 186.249068323, 99.1);
  --background-secondary-mc: rgb(255, 166.0074534161, 53.2);
  --background-tertiary-mc: rgb(247, 138.0745341615, 0);
  --background-quarternary-mc: rgb(236.8, 132.3726708075, 0);
  --text-primary-mc: rgb(50, 50, 50);
  --text-secondary-mc: rgb(11.75, 11.75, 11.75);
  --text-tertiary-mc: hsl(0, 0%, -0.3921568627%);
  --highlight-primary-mc: rgb(255, 161.5093167702, 43);
  --highlight-secondary-mc: rgb(170.5, 95.3105590062, 0);
  --highlight-tertiary-mc: rgb(255, 147.5607752778, 16.21);
  --highlight-transparent-mc: rgba(170.5, 95.3105590062, 0, 0.7);
  --highlight-transparent-secondary-mc: rgba(170.5, 95.3105590062, 0, 0.4);
  --border-primary-mc: rgb(196, 109.5652173913, 0);
  --border-secondary-mc: rgb(170.5, 95.3105590062, 0);
  --border-tertiary-mc: rgb(145, 81.0559006211, 0);
  --scrollbar-primary-mc: rgb(221.5, 123.8198757764, 0);
  --background-primary-hc: rgb(255, 188.498136646, 104.2);
  --background-secondary-hc: rgb(255, 161.5093167702, 43);
  --background-tertiary-hc: rgb(221.5, 123.8198757764, 0);
  --background-quarternary-hc: rgb(211.3, 118.1180124224, 0);
  --text-primary-hc: rgb(50, 50, 50);
  --text-secondary-hc: hsl(0, 0%, -5.3921568627%);
  --text-tertiary-hc: hsl(0, 0%, -10.3921568627%);
  --highlight-primary-hc: rgb(255, 161.5093167702, 43);
  --highlight-secondary-hc: rgb(145, 81.0559006211, 0);
  --highlight-tertiary-hc: rgb(245.71, 135.1572469262, 0);
  --highlight-transparent-hc: rgba(145, 81.0559006211, 0, 0.7);
  --highlight-transparent-secondary-hc: rgba(145, 81.0559006211, 0, 0.4);
  --border-primary-hc: rgb(170.5, 95.3105590062, 0);
  --border-secondary-hc: rgb(145, 81.0559006211, 0);
  --border-tertiary-hc: rgb(119.5, 66.801242236, 0);
  --scrollbar-primary-hc: rgb(196, 109.5652173913, 0);
  --text-primary: rgb(50, 50, 50);
  --text-secondary: rgb(37.25, 37.25, 37.25);
  --text-tertiary: rgb(24.5, 24.5, 24.5);
  --accent-color: #ff4f00;
  --accent-hue: 18.5882352941deg;
  --accent-sat: 100%;
  --accent-light: 50%;
  --accent-secondary: rgb(204, 63.2, 0);
  --highlight-primary: rgb(255, 161.5093167702, 43);
  --highlight-secondary: rgb(196, 109.5652173913, 0);
  --highlight-tertiary: rgb(255, 159.0340372671, 41.71);
  --highlight-transparent: rgba(196, 109.5652173913, 0, 0.7);
  --highlight-transparent-secondary: rgba(196, 109.5652173913, 0, 0.4);
  --accent-transparent: rgba(255, 79, 0, 0.7);
  --accent-transparent-secondary: rgba(255, 79, 0, 0.4);
  --border-primary: rgb(247, 138.0745341615, 0);
  --border-secondary: rgb(221.5, 123.8198757764, 0);
  --border-tertiary: rgb(196, 109.5652173913, 0);
  --scrollbar-primary: rgb(255, 143.5167701863, 2.2);
  --logo-url: url(/dist/images/logo_light.png);
  --logo-orb-url: url(/dist/images/logo_light_orb.png);
  --close-primary: #FF7F76;
  --close-secondary: rgb(255, 55.5255474453, 41.5);
  --error-color: #D32F2F;
  --error-color-transparent: rgba(211, 47, 47, 0.5);
  --success-color: #388E3C;
  --success-color-transparent: rgba(56, 142, 60, 0.5);
  --warning-color: #FBC02D;
  --warning-color-transparent: rgba(251, 192, 45, 0.4);
  --info-color: #1976D2;
  --info-color-transparent: rgba(25, 118, 210, 0.5);
  --box-shadow: rgba(16, 24, 40, 0.2);
  --text-base-dark: rgb(0, 82.2453416149, 186.5);
  --text-base-light: rgb(255, 172.7546583851, 68.5);
  --text-accent-dark: rgb(37.25, 37.25, 37.25);
  --window-screen-container: rgba(255, 172.7546583851, 68.5, 0.4);
  --depth-adjust: -8%;
  --login-cover-display: none;
  --mono-base-background: rgb(255, 255, 255);
  --mono-text-black: rgb(253, 176, 34);
  --mono-text-white: rgb(0, 0, 1);
  --mono-text-gold: rgb(0, 0, 1);
  --mono-text-indigo: rgb(45, 49, 166);
  --mono-text-mdindigo: rgb(45, 49, 166);
  --mono-text-ltindigo: rgb(45, 49, 166);
  --mono-text-purple: rgb(73, 31, 184);
  --mono-text-mdpurple: rgb(73, 31, 184);
  --mono-text-ltpurple: rgb(73, 31, 184);
  --mono-text-pink: rgb(157, 22, 95);
  --mono-text-mdpink: rgb(157, 22, 95);
  --mono-text-ltpink: rgb(157, 22, 95);
  --mono-text-blue: rgb(23, 91, 210);
  --mono-text-mdblue: rgb(2, 105, 162);
  --mono-text-ltblue: rgb(14, 110, 144);
  --mono-text-cyan: rgb(18, 92, 86);
  --mono-text-mdcyan: rgb(18, 92, 86);
  --mono-text-ltcyan: rgb(18, 92, 86);
  --mono-text-seagreen: rgb(9, 91, 56);
  --mono-text-mdseagreen: rgb(9, 91, 56);
  --mono-text-ltseagreen: rgb(9, 91, 56);
  --mono-text-green: rgb(50, 97, 19);
  --mono-text-mdgreen: rgb(50, 97, 19);
  --mono-text-ltgreen: rgb(50, 97, 19);
  --mono-text-olive: rgb(51, 79, 22);
  --mono-text-mdolive: rgb(51, 79, 22);
  --mono-text-ltolive: rgb(51, 79, 22);
  --mono-text-gray: rgb(63, 63, 70);
  --mono-text-mdgray: rgb(63, 63, 70);
  --mono-text-ltgray: rgb(63, 63, 70);
  --mono-text-brown: rgb(83, 44, 14);
  --mono-text-mdbrown: rgb(83, 44, 14);
  --mono-text-ltbrown: rgb(83, 44, 14);
  --mono-text-maroon: rgb(86, 19, 11);
  --mono-text-mdmaroon: rgb(86, 19, 11);
  --mono-text-ltmaroon: rgb(86, 19, 11);
  --mono-text-red: rgb(187, 27, 7);
  --mono-text-mdred: rgb(150, 24, 13);
  --mono-text-ltred: rgb(187, 27, 7);
  --mono-text-orange: rgb(222, 78, 23);
  --mono-text-mdorange: rgb(222, 78, 23);
  --mono-text-ltorange: rgb(222, 78, 23);
  --mono-text-yellow: rgb(200, 132, 5);
  --mono-text-mdyellow: rgb(200, 132, 5);
  --mono-text-ltyellow: rgb(200, 132, 5);
  --mono-background-black: rgba(0, 0, 0, 0.5);
  --mono-background-hover-black: rgba(0, 0, 0, 0.6);
  --mono-background-white: rgba(255, 255, 255, 0.5);
  --mono-background-hover-white: rgba(255, 255, 255, 0.6);
  --mono-background-gold: rgba(232, 169, 9, 0.5);
  --mono-background-hover-gold: rgba(232, 169, 9, 0.6);
  --mono-background-indigo: rgba(67, 75, 230, 0.5);
  --mono-background-hover-indigo: rgba(67, 75, 230, 0.6);
  --mono-background-mdindigo: rgba(96, 113, 242, 0.5);
  --mono-background-hover-mdindigo: rgba(96, 113, 242, 0.6);
  --mono-background-ltindigo: rgba(127, 151, 248, 0.5);
  --mono-background-hover-ltindigo: rgba(127, 151, 248, 0.6);
  --mono-background-purple: rgba(104, 56, 238, 0.5);
  --mono-background-hover-purple: rgba(104, 56, 238, 0.6);
  --mono-background-mdpurple: rgba(121, 89, 247, 0.5);
  --mono-background-hover-mdpurple: rgba(121, 89, 247, 0.6);
  --mono-background-ltpurple: rgba(154, 137, 250, 0.5);
  --mono-background-hover-ltpurple: rgba(154, 137, 250, 0.6);
  --mono-background-pink: rgba(219, 37, 144, 0.5);
  --mono-background-hover-pink: rgba(219, 37, 144, 0.6);
  --mono-background-mdpink: rgba(236, 69, 188, 0.5);
  --mono-background-hover-mdpink: rgba(236, 69, 188, 0.6);
  --mono-background-ltpink: rgba(244, 111, 198, 0.5);
  --mono-background-hover-ltpink: rgba(244, 111, 198, 0.6);
  --mono-background-blue: rgba(21, 111, 238, 0.5);
  --mono-background-hover-blue: rgba(21, 111, 238, 0.6);
  --mono-background-mdblue: rgba(46, 143, 249, 0.5);
  --mono-background-hover-mdblue: rgba(46, 143, 249, 0.6);
  --mono-background-ltblue: rgba(82, 176, 252, 0.5);
  --mono-background-hover-ltblue: rgba(82, 176, 252, 0.6);
  --mono-background-cyan: rgba(8, 137, 178, 0.5);
  --mono-background-hover-cyan: rgba(8, 137, 178, 0.6);
  --mono-background-mdcyan: rgba(6, 173, 211, 0.5);
  --mono-background-hover-mdcyan: rgba(6, 173, 211, 0.6);
  --mono-background-ltcyan: rgba(34, 202, 237, 0.5);
  --mono-background-hover-ltcyan: rgba(34, 202, 237, 0.6);
  --mono-background-seagreen: rgba(14, 146, 132, 0.5);
  --mono-background-hover-seagreen: rgba(14, 146, 132, 0.6);
  --mono-background-mdseagreen: rgba(21, 182, 158, 0.5);
  --mono-background-hover-mdseagreen: rgba(21, 182, 158, 0.6);
  --mono-background-ltseagreen: rgba(46, 209, 183, 0.5);
  --mono-background-hover-ltseagreen: rgba(46, 209, 183, 0.6);
  --mono-background-green: rgba(9, 145, 80, 0.5);
  --mono-background-hover-green: rgba(9, 145, 80, 0.6);
  --mono-background-mdgreen: rgba(22, 178, 100, 0.5);
  --mono-background-hover-mdgreen: rgba(22, 178, 100, 0.6);
  --mono-background-ltgreen: rgba(60, 201, 127, 0.5);
  --mono-background-hover-ltgreen: rgba(60, 201, 127, 0.6);
  --mono-background-olive: rgba(78, 121, 34, 0.5);
  --mono-background-hover-olive: rgba(78, 121, 34, 0.6);
  --mono-background-mdolive: rgba(101, 158, 43, 0.5);
  --mono-background-hover-mdolive: rgba(101, 158, 43, 0.6);
  --mono-background-ltolive: rgba(133, 201, 61, 0.5);
  --mono-background-hover-ltolive: rgba(133, 201, 61, 0.6);
  --mono-background-gray: rgba(74, 84, 101, 0.5);
  --mono-background-hover-gray: rgba(74, 84, 101, 0.6);
  --mono-background-mdgray: rgba(104, 116, 134, 0.5);
  --mono-background-hover-mdgray: rgba(104, 116, 134, 0.6);
  --mono-background-ltgray: rgba(153, 163, 178, 0.5);
  --mono-background-hover-ltgray: rgba(153, 163, 178, 0.6);
  --mono-background-brown: rgba(70, 50, 3, 0.5);
  --mono-background-hover-brown: rgba(70, 50, 3, 0.6);
  --mono-background-mdbrown: rgba(84, 58, 13, 0.5);
  --mono-background-hover-mdbrown: rgba(84, 58, 13, 0.6);
  --mono-background-ltbrown: rgba(108, 86, 52, 0.5);
  --mono-background-hover-ltbrown: rgba(108, 86, 52, 0.6);
  --mono-background-maroon: rgba(128, 0, 0, 0.5);
  --mono-background-hover-maroon: rgba(128, 0, 0, 0.6);
  --mono-background-mdmaroon: rgba(178, 34, 34, 0.5);
  --mono-background-hover-mdmaroon: rgba(178, 34, 34, 0.6);
  --mono-background-ltmaroon: rgba(205, 92, 92, 0.5);
  --mono-background-hover-ltmaroon: rgba(205, 92, 92, 0.6);
  --mono-background-red: rgba(187, 7, 7, 0.5);
  --mono-background-hover-red: rgba(187, 7, 7, 0.6);
  --mono-background-mdred: rgba(228, 6, 6, 0.5);
  --mono-background-hover-mdred: rgba(228, 6, 6, 0.6);
  --mono-background-ltred: rgba(231, 43, 43, 0.5);
  --mono-background-hover-ltred: rgba(231, 43, 43, 0.6);
  --mono-background-orange: rgba(222, 78, 23, 0.5);
  --mono-background-hover-orange: rgba(222, 78, 23, 0.6);
  --mono-background-mdorange: rgba(237, 103, 33, 0.5);
  --mono-background-hover-mdorange: rgba(237, 103, 33, 0.6);
  --mono-background-ltorange: rgba(241, 134, 68, 0.5);
  --mono-background-hover-ltorange: rgba(241, 134, 68, 0.6);
  --mono-background-yellow: rgba(232, 169, 9, 0.5);
  --mono-background-hover-yellow: rgba(232, 169, 9, 0.6);
  --mono-background-mdyellow: rgba(248, 195, 22, 0.5);
  --mono-background-hover-mdyellow: rgba(248, 195, 22, 0.6);
  --mono-background-ltyellow: rgba(251, 224, 114, 0.5);
  --mono-background-hover-ltyellow: rgba(251, 224, 114, 0.6);
  --editable-input-bg: var(--background-secondary);
  --editable-input-border: var(--border-secondary);
  --editable-input-txt: var(--text-primary);
  --input-bg: var(--background-tertiary);
  --input-border: var(--border-secondary);
  --input-txt: var(--text-primary);
  --input-placeholder: var(--text-tertiary);
  --focused-input-border: var(--accent-color);
  --label-txt: var(--text-secondary);
  --label-link-txt: var(--accent-color);
  --grid-bg: var(--background-secondary);
  --grid-border: var(--border-secondary);
  --grid-title-bg: var(--background-secondary);
  --grid-title-txt: var(--text-secondary);
  --grid-headers-bg: var(--background-tertiary);
  --grid-headers-txt: var(--text-secondary);
  --grid-row-bg: var(--background-secondary);
  --grid-row-bg-ev: var(--background-tertiary);
  --grid-child-row-bg: var(--background-secondary);
  --grid-row-txt: var(--text-secondary);
  --grid-row-hover: var(--highlight-tertiary);
  --grid-selected-row-bg: var(--highlight-secondary);
  --grid-block-selection-bg: var(--accent-transparent-secondary);
  --grid-group-row-bg: var(--background-tertiary);
  --base-bg-hue: var(--accent-hue);
  --base-bg-sat: var(--accent-sat);
  --base-bg-light: var(--accent-light);
  --grid-group-row-txt: var(--text-secondary);
  --navbar-bg: var(--background-primary);
  --navbar-txt: var(--text-primary);
  --navbar-item-hover: var(--highlight-primary);
  --menu-bg: var(--background-secondary);
  --menu-item-hover: var(--highlight-secondary);
  --menu-txt: var(--text-secondary);
  --screen-bg: var(--background-secondary);
  --screen-header-bg: var(--background-secondary);
  --screen-header-txt: var(--text-secondary);
  --screen-header-inactive-bg: var(--background-tertiary);
  --screen-header-inactive-tab-bg: var(--background-primary);
  --screen-header-inactive-txt: var(--text-primary);
  --tab-txt: var(--text-secondary);
  --tab-inactive-txt: var(--text-primary);
  --tabset-bg: var(--background-primary);
  --tabset-txt: var(--text-secondary);
  --taskbar-bg: var(--background-primary);
  --taskbar-item-hover: var(--highlight-secondary);
  --taskbar-item-hover-txt: var(--text-primary);
  --taskbar-txt: var(--text-secondary);
  --toolbar-bg: var(--background-primary);
  --toolbar-filter-placeholder: var(--text-tertiary);
  --toolbar-filter-txt: var(--text-secondary);
  --toolbar-txt: var(--text-primary);
  --viewport-bg: var(--background-secondary);
  --dhx-scheduler-container-background: var(--background-secondary);
  --dhx-scheduler-timescale-background: var(--background-secondary);
  --dhx-scheduler-container-color: var(--text-primary);
  --dhx-scheduler-scale-color: var(--text-primary);
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary);
  --dhx-scheduler-base-colors-select: var(--highlight-secondary);
  --dhx-shapebar-item-font-color: var(--text-primary);
  --dhx-shapebar-item-background: var(--background-secondary);
  --dhx-shapebar-item-border-color: var(--border-secondary);
  --dhx-border-color: var(--border-secondary);
  --dhx-background-additional: var(--highlight-secondary);
  --dhx-background-primary: var(--background-secondary);
  --dhx-background-secondary: var(--background-tertiary);
  --dhx-font-color-primary: var(--text-primary);
  --dhx-font-color-secondary: var(--text-secondary);
  --dhx-gantt-base-colors-select: var(--grid-selected-row-bg);
  --dhx-gantt-task-row-background: var(--grid-row-bg-ev);
  --dhx-gantt-task-row-background--odd: var(--grid-row-bg);
  --dhx-gantt-base-colors-border: var(--grid-border);
  --dhx-gantt-container-background: var(--grid-bg);
  --dhx-gantt-font-family: var(--default-font);
}

:root {
  --input-height: 2rem;
  --input-spacing: 8px;
  --label-position: left;
  --label-width: 125px;
  --label-white-space: normal;
  --actionbar-height: 4.25rem;
  --grid-title-height: 48px;
  --grid-row-height: 32px;
  --grid-template-line-height: 28px;
  --grid-template-icon-cell-height: 36px;
  --grid-filter-calc: 2.5;
  --window-bar-height: 3rem;
  --parked-window-button-height: 42px;
  --qs-input-button-width: 1.625rem;
  --tabset-margin-top-bottom: 10px;
  --tabset-padding: 5px;
  --tabset-button-padding-top-bottom: 7px;
  --modal-style-icon-padding: 8px;
  --tb-stop-grid-bottom-position: 5px;
  --title-bar-element-height: 28px;
}

[data-sizing=compact] {
  --input-height: 1.5rem;
  --input-spacing: 2px;
  --label-position: left;
  --label-width: 115px;
  --label-white-space: nowrap;
  --actionbar-height: 2.5rem;
  --grid-title-height: 32px;
  --grid-row-height: 24px;
  --grid-template-line-height: 24px;
  --grid-template-icon-cell-height: 26px;
  --grid-filter-calc: 2;
  --window-bar-height: 2rem;
  --parked-window-button-height: 30px;
  --qs-input-button-width: 1.375rem;
  --tabset-margin-top-bottom: 5px;
  --tabset-padding: 2px;
  --tabset-button-padding-top-bottom: 4px;
  --modal-style-icon-padding: 4px;
  --tb-stop-grid-bottom-position: 2px;
  --title-bar-element-height: 20px;
}

[data-grid-sizing=compact] {
  --grid-row-height: 24px;
  --grid-template-line-height: 24px;
  --grid-template-icon-cell-height: 26px;
}

[data-grid-sizing=normal] {
  --grid-row-height: 32px;
  --grid-template-line-height: 28px;
  --grid-template-icon-cell-height: 36px;
}

[data-contrast=high] {
  /* backgrounds */
  --background-primary: var(--background-primary-hc);
  --background-secondary: var(--background-secondary-hc);
  --background-tertiary: var(--background-tertiary-hc);
  --background-quarternary: var(--background-quarternary-hc);
  /* text */
  --text-primary: var(--text-primary-hc);
  --text-secondary: var(--text-secondary-hc);
  --text-tertiary: var(--text-tertiary-hc);
  --highlight-primary: var(--highlight-primary-hc);
  --highlight-secondary: var(--highlight-secondary-hc);
  --highlight-tertiary: var(--highlight-tertiary-hc);
  --highlight-transparent: var(--highlight-transparent-hc);
  --highlight-transparent-secondary: var(--highlight-transparent-secondary-hc);
  --border-primary: var(--border-primary-hc);
  --border-secondary: var(--border-secondary-hc);
  --border-tertiary: var(--border-tertiary-hc);
  --scrollbar-primary: var(--scrollbar-primary-hc);
}

[data-contrast=medium] {
  /* backgrounds */
  --background-primary: var(--background-primary-mc);
  --background-secondary: var(--background-secondary-mc);
  --background-tertiary: var(--background-tertiary-mc);
  --background-quarternary: var(--background-quarternary-mc);
  /* text */
  --text-primary: var(--text-primary-mc);
  --text-secondary: var(--text-secondary-mc);
  --text-tertiary: var(--text-tertiary-mc);
  --highlight-primary: var(--highlight-primary-mc);
  --highlight-secondary: var(--highlight-secondary-mc);
  --highlight-tertiary: var(--highlight-tertiary-mc);
  --highlight-transparent: var(--highlight-transparent-mc);
  --highlight-transparent-secondary: var(--highlight-transparent-secondary-mc);
  --border-primary: var(--border-primary-mc);
  --border-secondary: var(--border-secondary-mc);
  --border-tertiary: var(--border-tertiary-mc);
  --scrollbar-primary: var(--scrollbar-primary-mc);
}

body, button, input, textarea {
  font-family: var(--default-font);
}

html {
  user-select: none;
}

*:focus-visible {
  outline: none;
}

button:focus-visible {
  outline: var(--accent-color) 1px solid;
}

:root {
  --default-font: "Inter Local", sans-serif;
  accent-color: var(--accent-color);
  --wallpaper: url(/dist/images/wallpaper.jpg);
}

:root, [data-dhx-theme] {
  --dhx-background-primary: var(--background-secondary) !important;
  --dhx-background-additional: var(--highlight-secondary) !important;
  --dhx-font-color-primary: var(--text-primary) !important;
  --dhx-shapebar-item-font-color: var(--text-primary) !important;
  --dhx-shapebar-item-background: var(--background-secondary) !important;
  --dhx-shapebar-item-border-color: var(--border-secondary) !important;
  --dhx-border-color: var(--border-secondary) !important;
  --dhx-background-additional: var(--highlight-secondary) !important;
  --dhx-background-primary: var(--background-secondary) !important;
  --dhx-background-secondary: var(--background-tertiary) !important;
  --dhx-font-color-primary: var(--text-primary) !important;
  --dhx-font-color-secondary: var(--text-secondary) !important;
  --dhx_menu: var(--background-secondary) !important;
  --dhx-scheduler-container-background: var(--background-secondary) !important;
  --dhx-scheduler-timescale-background: var(--background-secondary) !important;
  --dhx-scheduler-container-color: var(--text-primary) !important;
  --dhx-scheduler-scale-color: var(--text-primary) !important;
  --dhx-scheduler-timescale-today-background: var(--accent-transparent-secondary) !important;
  --dhx-scheduler-base-colors-select: var(--highlight-secondary) !important;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/css/Login.scss ***!
  \*********************************************************************************************************************************************************************/
.s360ScreenSingle .screen-content {
  background-color: var(--background-secondary);
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Container/Form/ForgotPasswordForm/ForgotPasswordForm.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.link-styles, .login-styles .form-wrapper .form-container form .form-group .s360TextBase a, .login-styles .form-wrapper [class*=form-container] form .form-group .s360TextBase a, .s360ForgotPasswordForm .form-wrapper .form-container form .form-group .s360TextBase a, .s360ForgotPasswordForm .form-wrapper [class*=form-container] form .form-group .s360TextBase a {
  color: var(--accent-secondary);
  cursor: pointer;
  text-decoration: none;
}

.fieldInput-styles {
  border: 1px solid var(--editable-input-border);
  color: var(--editable-input-txt);
  background-color: var(--editable-input-bg);
  border-radius: 4px;
  user-select: text;
}
.fieldInput-styles:focus {
  border: 1px solid var(--focused-input-border);
  outline: none;
}
.fieldInput-styles:focus.max-length-reached {
  border: 1px solid var(--error-color);
}
.fieldInput-styles:disabled, .fieldInput-styles.disabled, .fieldInput-styles[disabled] {
  border: 1px solid var(--editable-input-border);
  color: var(--input-txt);
  background-color: var(--input-bg);
}
.fieldInput-styles[type=datetime-local], .fieldInput-styles[type=date] {
  font-family: "Roboto Local", sans-serif;
}
.fieldInput-styles::placeholder {
  color: var(--input-placeholder);
  opacity: 0.6;
}

.largeFieldInput-styles .fieldInput {
  border-radius: 8px;
  padding: 0 10px;
  height: 2.75rem;
  font-size: 1rem;
}
.largeFieldInput-styles .input-icon {
  right: 10px;
  font-size: 1.125rem;
}

.login-styles, .s360ForgotPasswordForm {
  display: block;
  background-image: url(/dist/images/intersect_pattern.svg);
  background-repeat: no-repeat;
  background-position: top;
}
.login-styles .branding-logo, .s360ForgotPasswordForm .branding-logo {
  background-image: var(--logo-url);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 45px;
  width: 100%;
}
.login-styles .form-cover, .s360ForgotPasswordForm .form-cover {
  display: var(--login-cover-display);
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 1;
  opacity: 0.7;
  background: var(--background-secondary);
}
.login-styles .form-wrapper, .s360ForgotPasswordForm .form-wrapper {
  position: relative;
  z-index: 2;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.login-styles .form-wrapper .form-container, .s360ForgotPasswordForm .form-wrapper .form-container, .login-styles .form-wrapper [class*=form-container], .s360ForgotPasswordForm .form-wrapper [class*=form-container] {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transform: translateX(0);
  opacity: 1;
}
.login-styles .form-wrapper .form-container header, .s360ForgotPasswordForm .form-wrapper .form-container header, .login-styles .form-wrapper [class*=form-container] header, .s360ForgotPasswordForm .form-wrapper [class*=form-container] header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
  color: var(--text-secondary);
}
@media screen and (max-width: 500px), screen and (max-height: 800px) {
  .login-styles .form-wrapper .form-container header, .s360ForgotPasswordForm .form-wrapper .form-container header, .login-styles .form-wrapper [class*=form-container] header, .s360ForgotPasswordForm .form-wrapper [class*=form-container] header {
    padding-top: 20px;
  }
}
.login-styles .form-wrapper .form-container header .heading, .s360ForgotPasswordForm .form-wrapper .form-container header .heading, .login-styles .form-wrapper [class*=form-container] header .heading, .s360ForgotPasswordForm .form-wrapper [class*=form-container] header .heading {
  margin: 24px 0 6px 0;
  font-size: 1.875rem;
  font-weight: 600;
}
.login-styles .form-wrapper .form-container header .sub-heading, .s360ForgotPasswordForm .form-wrapper .form-container header .sub-heading, .login-styles .form-wrapper [class*=form-container] header .sub-heading, .s360ForgotPasswordForm .form-wrapper [class*=form-container] header .sub-heading {
  margin: 6px 0 32px 0;
  font-size: 1rem;
  font-weight: 400;
}
.login-styles .form-wrapper .form-container form, .s360ForgotPasswordForm .form-wrapper .form-container form, .login-styles .form-wrapper [class*=form-container] form, .s360ForgotPasswordForm .form-wrapper [class*=form-container] form {
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 90%;
}
@media (min-width: 500px) {
  .login-styles .form-wrapper .form-container form.thin, .s360ForgotPasswordForm .form-wrapper .form-container form.thin, .login-styles .form-wrapper [class*=form-container] form.thin, .s360ForgotPasswordForm .form-wrapper [class*=form-container] form.thin {
    max-width: 360px;
  }
}
@media (min-width: 560px) {
  .login-styles .form-wrapper .form-container form.wide, .s360ForgotPasswordForm .form-wrapper .form-container form.wide, .login-styles .form-wrapper [class*=form-container] form.wide, .s360ForgotPasswordForm .form-wrapper [class*=form-container] form.wide {
    max-width: 560px;
  }
}
.login-styles .form-wrapper .form-container form .form-group, .s360ForgotPasswordForm .form-wrapper .form-container form .form-group, .login-styles .form-wrapper [class*=form-container] form .form-group, .s360ForgotPasswordForm .form-wrapper [class*=form-container] form .form-group {
  margin-bottom: 24px;
}
.login-styles .form-wrapper .form-container form .form-group .s360Field, .s360ForgotPasswordForm .form-wrapper .form-container form .form-group .s360Field, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Field, .s360ForgotPasswordForm .form-wrapper [class*=form-container] form .form-group .s360Field {
  margin: 0;
}
.login-styles .form-wrapper .form-container form .form-group .s360Field .s360Label, .s360ForgotPasswordForm .form-wrapper .form-container form .form-group .s360Field .s360Label, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Field .s360Label, .s360ForgotPasswordForm .form-wrapper [class*=form-container] form .form-group .s360Field .s360Label {
  font-weight: 500;
  margin-bottom: 6px;
}
.login-styles .form-wrapper .form-container form .form-group .s360Field .fieldInput, .s360ForgotPasswordForm .form-wrapper .form-container form .form-group .s360Field .fieldInput, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Field .fieldInput, .s360ForgotPasswordForm .form-wrapper [class*=form-container] form .form-group .s360Field .fieldInput {
  color: var(--text-secondary);
}
.login-styles .form-wrapper .form-container form .form-group .s360Button, .s360ForgotPasswordForm .form-wrapper .form-container form .form-group .s360Button, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button, .s360ForgotPasswordForm .form-wrapper [class*=form-container] form .form-group .s360Button {
  margin: 0;
}
.login-styles .form-wrapper .form-container form .form-group .s360Button.oauth.azure button:before, .s360ForgotPasswordForm .form-wrapper .form-container form .form-group .s360Button.oauth.azure button:before, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button.oauth.azure button:before, .s360ForgotPasswordForm .form-wrapper [class*=form-container] form .form-group .s360Button.oauth.azure button:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEuMDQ2ODggMS4wNDY4OEgxMS40ODE3VjExLjQ4MTdIMS4wNDY4OFYxLjA0Njg4WiIgZmlsbD0iI0YzNTMyNSIvPgo8cGF0aCBkPSJNMTIuNTIzNCAxLjA0Njg4SDIyLjk1ODJWMTEuNDgxN0gxMi41MjM0VjEuMDQ2ODhaIiBmaWxsPSIjODFCQzA2Ii8+CjxwYXRoIGQ9Ik0xLjA0Njg4IDEyLjUyMzRIMTEuNDgxN1YyMi45NTgySDEuMDQ2ODhWMTIuNTIzNFoiIGZpbGw9IiMwNUE2RjAiLz4KPHBhdGggZD0iTTEyLjUyMzQgMTIuNTIzNEgyMi45NTgyVjIyLjk1ODJIMTIuNTIzNFYxMi41MjM0WiIgZmlsbD0iI0ZGQkEwOCIvPgo8L3N2Zz4=);
}
.login-styles .form-wrapper .form-container form .form-group .s360Button.oauth.google button:before, .s360ForgotPasswordForm .form-wrapper .form-container form .form-group .s360Button.oauth.google button:before, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button.oauth.google button:before, .s360ForgotPasswordForm .form-wrapper [class*=form-container] form .form-group .s360Button.oauth.google button:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI1IDI0IiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfODc3XzExMDMxOSkiPgogICAgPHBhdGggZD0iTTI0LjI2ODIgMTIuMjc0M0MyNC4yNjgyIDExLjQ1ODYgMjQuMjAyMSAxMC42Mzg0IDI0LjA2MSA5LjgzNTk0SDEyLjc0MjJWMTQuNDU2OUgxOS4yMjM5QzE4Ljk1NSAxNS45NDczIDE4LjA5MDcgMTcuMjY1NyAxNi44MjUyIDE4LjEwMzRWMjEuMTAxOEgyMC42OTIyQzIyLjk2MyAxOS4wMTE4IDI0LjI2ODIgMTUuOTI1MiAyNC4yNjgyIDEyLjI3NDNaIiBmaWxsPSIjNDI4NUY0Ii8+CiAgICA8cGF0aCBkPSJNMTIuNzM5MSAyMy45OTc0QzE1Ljk3NTYgMjMuOTk3NCAxOC43MDUgMjIuOTM0OCAyMC42OTM2IDIxLjEwMDVMMTYuODI2NiAxOC4xMDIxQzE1Ljc1MDcgMTguODM0MSAxNC4zNjE4IDE5LjI0ODYgMTIuNzQzNSAxOS4yNDg2QzkuNjEyOTEgMTkuMjQ4NiA2Ljk1ODQ5IDE3LjEzNjUgNi4wMDYwNyAxNC4yOTY5SDIuMDE1NjJWMTcuMzg3OEM0LjA1Mjc0IDIxLjQ0IDguMjAxOTIgMjMuOTk3NCAxMi43MzkxIDIzLjk5NzRaIiBmaWxsPSIjMzRBODUzIi8+CiAgICA8cGF0aCBkPSJNNi4wMDQ3MyAxNC4zMDI3QzUuNTAyMDYgMTIuODEyMyA1LjUwMjA2IDExLjE5ODUgNi4wMDQ3MyA5LjcwODEzVjYuNjE3MTlIMi4wMTg2OUMwLjMxNjY4NyAxMC4wMDggMC4zMTY2ODcgMTQuMDAyOCAyLjAxODY5IDE3LjM5MzZMNi4wMDQ3MyAxNC4zMDI3WiIgZmlsbD0iI0ZCQkMwNCIvPgogICAgPHBhdGggZD0iTTEyLjczOTEgNC43NDk2NkMxNC40NDk5IDQuNzIzMiAxNi4xMDM0IDUuMzY2OTcgMTcuMzQyNSA2LjU0ODY3TDIwLjc2ODUgMy4xMjI2MkMxOC41OTkxIDEuMDg1NSAxNS43MTk4IC0wLjAzNDQ2NiAxMi43MzkxIDAuMDAwODA4NjY2QzguMjAxOTIgMC4wMDA4MDg2NjYgNC4wNTI3NCAyLjU1ODIyIDIuMDE1NjIgNi42MTQ4MUw2LjAwMTY2IDkuNzA1NzVDNi45NDk2NyA2Ljg2MTczIDkuNjA4NSA0Ljc0OTY2IDEyLjczOTEgNC43NDk2NloiIGZpbGw9IiNFQTQzMzUiLz4KICA8L2c+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzg3N18xMTAzMTkiPgogICAgICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUpIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KPC9zdmc+);
}
.login-styles .form-wrapper .form-container form .form-group .s360Button.oauth button:before, .s360ForgotPasswordForm .form-wrapper .form-container form .form-group .s360Button.oauth button:before, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button.oauth button:before, .s360ForgotPasswordForm .form-wrapper [class*=form-container] form .form-group .s360Button.oauth button:before {
  margin-right: 12px;
}
.login-styles .form-wrapper .form-container form .form-group .s360Button button, .s360ForgotPasswordForm .form-wrapper .form-container form .form-group .s360Button button, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button button, .s360ForgotPasswordForm .form-wrapper [class*=form-container] form .form-group .s360Button button {
  width: 100%;
  display: flex;
  font-size: 1rem;
}
.login-styles .form-wrapper .form-container form .form-group .s360TextBase a, .s360ForgotPasswordForm .form-wrapper .form-container form .form-group .s360TextBase a, .login-styles .form-wrapper [class*=form-container] form .form-group .s360TextBase a, .s360ForgotPasswordForm .form-wrapper [class*=form-container] form .form-group .s360TextBase a {
  font-weight: 600;
  font-size: 14px;
}
.login-styles .form-wrapper .form-container form .form-group .return-container, .s360ForgotPasswordForm .form-wrapper .form-container form .form-group .return-container, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container, .s360ForgotPasswordForm .form-wrapper [class*=form-container] form .form-group .return-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-styles .form-wrapper .form-container form .form-group .return-container i, .s360ForgotPasswordForm .form-wrapper .form-container form .form-group .return-container i, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container i, .s360ForgotPasswordForm .form-wrapper [class*=form-container] form .form-group .return-container i {
  font-size: 1.125rem;
  padding-right: 4px;
}
.login-styles .form-wrapper .form-container form .form-group .return-container .s360TextBase, .s360ForgotPasswordForm .form-wrapper .form-container form .form-group .return-container .s360TextBase, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase, .s360ForgotPasswordForm .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase {
  width: auto;
}
.login-styles .form-wrapper .form-container form .form-group .return-container .s360TextBase a, .s360ForgotPasswordForm .form-wrapper .form-container form .form-group .return-container .s360TextBase a, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase a, .s360ForgotPasswordForm .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase a {
  display: flex;
}
.login-styles .form-wrapper .form-container form .form-group .return-container .s360TextBase a:before, .s360ForgotPasswordForm .form-wrapper .form-container form .form-group .return-container .s360TextBase a:before, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase a:before, .s360ForgotPasswordForm .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase a:before {
  font-family: "Material Symbols Outlined Local", "Material Symbols Outlined";
  content: "arrow_back";
  font-size: 1.125rem;
  padding-right: 4px;
}
.login-styles .form-wrapper footer, .s360ForgotPasswordForm .form-wrapper footer {
  position: absolute;
  bottom: 2px;
  font-size: 10px;
  color: var(--text-secondary);
  width: calc(100% - 8px);
  margin: 0 4px;
}
.login-styles .form-wrapper footer .version, .s360ForgotPasswordForm .form-wrapper footer .version {
  float: right;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Field/Input/Input.scss ***!
  \**************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.link-styles {
  color: var(--accent-secondary);
  cursor: pointer;
  text-decoration: none;
}

.fieldInput-styles, .s360Input input.fieldInput, .s360Input textarea.fieldInput {
  border: 1px solid var(--editable-input-border);
  color: var(--editable-input-txt);
  background-color: var(--editable-input-bg);
  border-radius: 4px;
  user-select: text;
}
.fieldInput-styles:focus, .s360Input input.fieldInput:focus, .s360Input textarea.fieldInput:focus {
  border: 1px solid var(--focused-input-border);
  outline: none;
}
.fieldInput-styles:focus.max-length-reached, .s360Input input.fieldInput:focus.max-length-reached, .s360Input textarea.fieldInput:focus.max-length-reached {
  border: 1px solid var(--error-color);
}
.fieldInput-styles:disabled, .s360Input input.fieldInput:disabled, .s360Input textarea.fieldInput:disabled, .fieldInput-styles.disabled, .s360Input input.disabled.fieldInput, .s360Input textarea.disabled.fieldInput, .fieldInput-styles[disabled], .s360Input input[disabled].fieldInput, .s360Input textarea[disabled].fieldInput {
  border: 1px solid var(--editable-input-border);
  color: var(--input-txt);
  background-color: var(--input-bg);
}
.fieldInput-styles[type=datetime-local], .s360Input input[type=datetime-local].fieldInput, .s360Input textarea[type=datetime-local].fieldInput, .fieldInput-styles[type=date], .s360Input input[type=date].fieldInput, .s360Input textarea[type=date].fieldInput {
  font-family: "Roboto Local", sans-serif;
}
.fieldInput-styles::placeholder, .s360Input input.fieldInput::placeholder, .s360Input textarea.fieldInput::placeholder {
  color: var(--input-placeholder);
  opacity: 0.6;
}

.largeFieldInput-styles .fieldInput {
  border-radius: 8px;
  padding: 0 10px;
  height: 2.75rem;
  font-size: 1rem;
}
.largeFieldInput-styles .input-icon {
  right: 10px;
  font-size: 1.125rem;
}

.s360Input input.fieldInput:has(+ i.input-icon) {
  padding-right: 30px;
}
.s360Input .input-icon {
  position: absolute;
  font-size: 1.125rem;
  right: 8px;
  cursor: pointer;
  color: var(--input-txt);
  z-index: 1;
}
.s360Input .input-icon:hover {
  color: var(--accent-color); /* Changes the icon color on hover */
  transform: scale(1.05); /* Slightly scales up the icon */
  transition: color 0.2s ease, transform 0.3s ease;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Container/Form/ResetPasswordForm/ResetPasswordForm.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.link-styles, .login-styles .form-wrapper .form-container form .form-group .s360TextBase a, .login-styles .form-wrapper [class*=form-container] form .form-group .s360TextBase a, .s360ResetPasswordForm .form-wrapper .form-container form .form-group .s360TextBase a, .s360ResetPasswordForm .form-wrapper [class*=form-container] form .form-group .s360TextBase a {
  color: var(--accent-secondary);
  cursor: pointer;
  text-decoration: none;
}

.fieldInput-styles {
  border: 1px solid var(--editable-input-border);
  color: var(--editable-input-txt);
  background-color: var(--editable-input-bg);
  border-radius: 4px;
  user-select: text;
}
.fieldInput-styles:focus {
  border: 1px solid var(--focused-input-border);
  outline: none;
}
.fieldInput-styles:focus.max-length-reached {
  border: 1px solid var(--error-color);
}
.fieldInput-styles:disabled, .fieldInput-styles.disabled, .fieldInput-styles[disabled] {
  border: 1px solid var(--editable-input-border);
  color: var(--input-txt);
  background-color: var(--input-bg);
}
.fieldInput-styles[type=datetime-local], .fieldInput-styles[type=date] {
  font-family: "Roboto Local", sans-serif;
}
.fieldInput-styles::placeholder {
  color: var(--input-placeholder);
  opacity: 0.6;
}

.largeFieldInput-styles .fieldInput {
  border-radius: 8px;
  padding: 0 10px;
  height: 2.75rem;
  font-size: 1rem;
}
.largeFieldInput-styles .input-icon {
  right: 10px;
  font-size: 1.125rem;
}

.login-styles, .s360ResetPasswordForm {
  display: block;
  background-image: url(/dist/images/intersect_pattern.svg);
  background-repeat: no-repeat;
  background-position: top;
}
.login-styles .branding-logo, .s360ResetPasswordForm .branding-logo {
  background-image: var(--logo-url);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 45px;
  width: 100%;
}
.login-styles .form-cover, .s360ResetPasswordForm .form-cover {
  display: var(--login-cover-display);
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 1;
  opacity: 0.7;
  background: var(--background-secondary);
}
.login-styles .form-wrapper, .s360ResetPasswordForm .form-wrapper {
  position: relative;
  z-index: 2;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.login-styles .form-wrapper .form-container, .s360ResetPasswordForm .form-wrapper .form-container, .login-styles .form-wrapper [class*=form-container], .s360ResetPasswordForm .form-wrapper [class*=form-container] {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transform: translateX(0);
  opacity: 1;
}
.login-styles .form-wrapper .form-container header, .s360ResetPasswordForm .form-wrapper .form-container header, .login-styles .form-wrapper [class*=form-container] header, .s360ResetPasswordForm .form-wrapper [class*=form-container] header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
  color: var(--text-secondary);
}
@media screen and (max-width: 500px), screen and (max-height: 800px) {
  .login-styles .form-wrapper .form-container header, .s360ResetPasswordForm .form-wrapper .form-container header, .login-styles .form-wrapper [class*=form-container] header, .s360ResetPasswordForm .form-wrapper [class*=form-container] header {
    padding-top: 20px;
  }
}
.login-styles .form-wrapper .form-container header .heading, .s360ResetPasswordForm .form-wrapper .form-container header .heading, .login-styles .form-wrapper [class*=form-container] header .heading, .s360ResetPasswordForm .form-wrapper [class*=form-container] header .heading {
  margin: 24px 0 6px 0;
  font-size: 1.875rem;
  font-weight: 600;
}
.login-styles .form-wrapper .form-container header .sub-heading, .s360ResetPasswordForm .form-wrapper .form-container header .sub-heading, .login-styles .form-wrapper [class*=form-container] header .sub-heading, .s360ResetPasswordForm .form-wrapper [class*=form-container] header .sub-heading {
  margin: 6px 0 32px 0;
  font-size: 1rem;
  font-weight: 400;
}
.login-styles .form-wrapper .form-container form, .s360ResetPasswordForm .form-wrapper .form-container form, .login-styles .form-wrapper [class*=form-container] form, .s360ResetPasswordForm .form-wrapper [class*=form-container] form {
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 90%;
}
@media (min-width: 500px) {
  .login-styles .form-wrapper .form-container form.thin, .s360ResetPasswordForm .form-wrapper .form-container form.thin, .login-styles .form-wrapper [class*=form-container] form.thin, .s360ResetPasswordForm .form-wrapper [class*=form-container] form.thin {
    max-width: 360px;
  }
}
@media (min-width: 560px) {
  .login-styles .form-wrapper .form-container form.wide, .s360ResetPasswordForm .form-wrapper .form-container form.wide, .login-styles .form-wrapper [class*=form-container] form.wide, .s360ResetPasswordForm .form-wrapper [class*=form-container] form.wide {
    max-width: 560px;
  }
}
.login-styles .form-wrapper .form-container form .form-group, .s360ResetPasswordForm .form-wrapper .form-container form .form-group, .login-styles .form-wrapper [class*=form-container] form .form-group, .s360ResetPasswordForm .form-wrapper [class*=form-container] form .form-group {
  margin-bottom: 24px;
}
.login-styles .form-wrapper .form-container form .form-group .s360Field, .s360ResetPasswordForm .form-wrapper .form-container form .form-group .s360Field, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Field, .s360ResetPasswordForm .form-wrapper [class*=form-container] form .form-group .s360Field {
  margin: 0;
}
.login-styles .form-wrapper .form-container form .form-group .s360Field .s360Label, .s360ResetPasswordForm .form-wrapper .form-container form .form-group .s360Field .s360Label, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Field .s360Label, .s360ResetPasswordForm .form-wrapper [class*=form-container] form .form-group .s360Field .s360Label {
  font-weight: 500;
  margin-bottom: 6px;
}
.login-styles .form-wrapper .form-container form .form-group .s360Field .fieldInput, .s360ResetPasswordForm .form-wrapper .form-container form .form-group .s360Field .fieldInput, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Field .fieldInput, .s360ResetPasswordForm .form-wrapper [class*=form-container] form .form-group .s360Field .fieldInput {
  color: var(--text-secondary);
}
.login-styles .form-wrapper .form-container form .form-group .s360Button, .s360ResetPasswordForm .form-wrapper .form-container form .form-group .s360Button, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button, .s360ResetPasswordForm .form-wrapper [class*=form-container] form .form-group .s360Button {
  margin: 0;
}
.login-styles .form-wrapper .form-container form .form-group .s360Button.oauth.azure button:before, .s360ResetPasswordForm .form-wrapper .form-container form .form-group .s360Button.oauth.azure button:before, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button.oauth.azure button:before, .s360ResetPasswordForm .form-wrapper [class*=form-container] form .form-group .s360Button.oauth.azure button:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEuMDQ2ODggMS4wNDY4OEgxMS40ODE3VjExLjQ4MTdIMS4wNDY4OFYxLjA0Njg4WiIgZmlsbD0iI0YzNTMyNSIvPgo8cGF0aCBkPSJNMTIuNTIzNCAxLjA0Njg4SDIyLjk1ODJWMTEuNDgxN0gxMi41MjM0VjEuMDQ2ODhaIiBmaWxsPSIjODFCQzA2Ii8+CjxwYXRoIGQ9Ik0xLjA0Njg4IDEyLjUyMzRIMTEuNDgxN1YyMi45NTgySDEuMDQ2ODhWMTIuNTIzNFoiIGZpbGw9IiMwNUE2RjAiLz4KPHBhdGggZD0iTTEyLjUyMzQgMTIuNTIzNEgyMi45NTgyVjIyLjk1ODJIMTIuNTIzNFYxMi41MjM0WiIgZmlsbD0iI0ZGQkEwOCIvPgo8L3N2Zz4=);
}
.login-styles .form-wrapper .form-container form .form-group .s360Button.oauth.google button:before, .s360ResetPasswordForm .form-wrapper .form-container form .form-group .s360Button.oauth.google button:before, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button.oauth.google button:before, .s360ResetPasswordForm .form-wrapper [class*=form-container] form .form-group .s360Button.oauth.google button:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI1IDI0IiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfODc3XzExMDMxOSkiPgogICAgPHBhdGggZD0iTTI0LjI2ODIgMTIuMjc0M0MyNC4yNjgyIDExLjQ1ODYgMjQuMjAyMSAxMC42Mzg0IDI0LjA2MSA5LjgzNTk0SDEyLjc0MjJWMTQuNDU2OUgxOS4yMjM5QzE4Ljk1NSAxNS45NDczIDE4LjA5MDcgMTcuMjY1NyAxNi44MjUyIDE4LjEwMzRWMjEuMTAxOEgyMC42OTIyQzIyLjk2MyAxOS4wMTE4IDI0LjI2ODIgMTUuOTI1MiAyNC4yNjgyIDEyLjI3NDNaIiBmaWxsPSIjNDI4NUY0Ii8+CiAgICA8cGF0aCBkPSJNMTIuNzM5MSAyMy45OTc0QzE1Ljk3NTYgMjMuOTk3NCAxOC43MDUgMjIuOTM0OCAyMC42OTM2IDIxLjEwMDVMMTYuODI2NiAxOC4xMDIxQzE1Ljc1MDcgMTguODM0MSAxNC4zNjE4IDE5LjI0ODYgMTIuNzQzNSAxOS4yNDg2QzkuNjEyOTEgMTkuMjQ4NiA2Ljk1ODQ5IDE3LjEzNjUgNi4wMDYwNyAxNC4yOTY5SDIuMDE1NjJWMTcuMzg3OEM0LjA1Mjc0IDIxLjQ0IDguMjAxOTIgMjMuOTk3NCAxMi43MzkxIDIzLjk5NzRaIiBmaWxsPSIjMzRBODUzIi8+CiAgICA8cGF0aCBkPSJNNi4wMDQ3MyAxNC4zMDI3QzUuNTAyMDYgMTIuODEyMyA1LjUwMjA2IDExLjE5ODUgNi4wMDQ3MyA5LjcwODEzVjYuNjE3MTlIMi4wMTg2OUMwLjMxNjY4NyAxMC4wMDggMC4zMTY2ODcgMTQuMDAyOCAyLjAxODY5IDE3LjM5MzZMNi4wMDQ3MyAxNC4zMDI3WiIgZmlsbD0iI0ZCQkMwNCIvPgogICAgPHBhdGggZD0iTTEyLjczOTEgNC43NDk2NkMxNC40NDk5IDQuNzIzMiAxNi4xMDM0IDUuMzY2OTcgMTcuMzQyNSA2LjU0ODY3TDIwLjc2ODUgMy4xMjI2MkMxOC41OTkxIDEuMDg1NSAxNS43MTk4IC0wLjAzNDQ2NiAxMi43MzkxIDAuMDAwODA4NjY2QzguMjAxOTIgMC4wMDA4MDg2NjYgNC4wNTI3NCAyLjU1ODIyIDIuMDE1NjIgNi42MTQ4MUw2LjAwMTY2IDkuNzA1NzVDNi45NDk2NyA2Ljg2MTczIDkuNjA4NSA0Ljc0OTY2IDEyLjczOTEgNC43NDk2NloiIGZpbGw9IiNFQTQzMzUiLz4KICA8L2c+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzg3N18xMTAzMTkiPgogICAgICA8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUpIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KPC9zdmc+);
}
.login-styles .form-wrapper .form-container form .form-group .s360Button.oauth button:before, .s360ResetPasswordForm .form-wrapper .form-container form .form-group .s360Button.oauth button:before, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button.oauth button:before, .s360ResetPasswordForm .form-wrapper [class*=form-container] form .form-group .s360Button.oauth button:before {
  margin-right: 12px;
}
.login-styles .form-wrapper .form-container form .form-group .s360Button button, .s360ResetPasswordForm .form-wrapper .form-container form .form-group .s360Button button, .login-styles .form-wrapper [class*=form-container] form .form-group .s360Button button, .s360ResetPasswordForm .form-wrapper [class*=form-container] form .form-group .s360Button button {
  width: 100%;
  display: flex;
  font-size: 1rem;
}
.login-styles .form-wrapper .form-container form .form-group .s360TextBase a, .s360ResetPasswordForm .form-wrapper .form-container form .form-group .s360TextBase a, .login-styles .form-wrapper [class*=form-container] form .form-group .s360TextBase a, .s360ResetPasswordForm .form-wrapper [class*=form-container] form .form-group .s360TextBase a {
  font-weight: 600;
  font-size: 14px;
}
.login-styles .form-wrapper .form-container form .form-group .return-container, .s360ResetPasswordForm .form-wrapper .form-container form .form-group .return-container, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container, .s360ResetPasswordForm .form-wrapper [class*=form-container] form .form-group .return-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-styles .form-wrapper .form-container form .form-group .return-container i, .s360ResetPasswordForm .form-wrapper .form-container form .form-group .return-container i, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container i, .s360ResetPasswordForm .form-wrapper [class*=form-container] form .form-group .return-container i {
  font-size: 1.125rem;
  padding-right: 4px;
}
.login-styles .form-wrapper .form-container form .form-group .return-container .s360TextBase, .s360ResetPasswordForm .form-wrapper .form-container form .form-group .return-container .s360TextBase, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase, .s360ResetPasswordForm .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase {
  width: auto;
}
.login-styles .form-wrapper .form-container form .form-group .return-container .s360TextBase a, .s360ResetPasswordForm .form-wrapper .form-container form .form-group .return-container .s360TextBase a, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase a, .s360ResetPasswordForm .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase a {
  display: flex;
}
.login-styles .form-wrapper .form-container form .form-group .return-container .s360TextBase a:before, .s360ResetPasswordForm .form-wrapper .form-container form .form-group .return-container .s360TextBase a:before, .login-styles .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase a:before, .s360ResetPasswordForm .form-wrapper [class*=form-container] form .form-group .return-container .s360TextBase a:before {
  font-family: "Material Symbols Outlined Local", "Material Symbols Outlined";
  content: "arrow_back";
  font-size: 1.125rem;
  padding-right: 4px;
}
.login-styles .form-wrapper footer, .s360ResetPasswordForm .form-wrapper footer {
  position: absolute;
  bottom: 2px;
  font-size: 10px;
  color: var(--text-secondary);
  width: calc(100% - 8px);
  margin: 0 4px;
}
.login-styles .form-wrapper footer .version, .s360ResetPasswordForm .form-wrapper footer .version {
  float: right;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Field/Radio/Radio.scss ***!
  \**************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.s360Radio {
  display: grid;
  grid-template-columns: auto 1fr;
  row-gap: 8px;
  align-items: center;
}
.s360Radio input[type=radio] {
  justify-self: start;
}
.s360Radio label {
  color: var(--label-txt);
  margin-left: 8px;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Field/Input/InputAuthCode/InputAuthCode.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.s360InputAuthCode .auth-code-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.s360InputAuthCode .auth-code-container .auth-code-digit {
  display: flex;
  width: 80px;
  height: 80px;
  border: 2px solid var(--border-primary);
  background-color: var(--background-secondary);
  border-radius: 12px;
  font-size: 48px;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  color: var(--text-primary);
  transition: border-color 0.3s;
}
.s360InputAuthCode .auth-code-container .auth-code-digit.filled {
  border-color: var(--accent-transparent);
}
.s360InputAuthCode .auth-code-container .auth-code-digit.next-digit {
  border-color: var(--accent-color);
}
@keyframes pulse-border {
  50% {
    border-color: var(--accent-transparent);
  }
}
.s360InputAuthCode .auth-code-container .auth-code-digit.invalid {
  animation: error-border 0.5s linear;
}
@keyframes error-border {
  50% {
    border-color: var(--error-color);
  }
}
.s360InputAuthCode .fieldInputWrapper {
  min-height: 0;
}
.s360InputAuthCode .fieldInputWrapper .hidden-auth {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap; /* Prevent the text from wrapping */
  border: 0;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/components/Component/Field/Input/InputCheckbox/InputCheckbox.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/**
 * Pixel conversion cheatsheet. Also ensures consistency for sizing
 * It's important to use rem for items that are, or contain, text as it will scale relative to browser settings
 */
/**
 * Application component heights
 */
/**
 * Fonts
 */
/** Element focus vars **/
/**
 * Viewport heights
 */
/**
 * Tabs and windows
 */
/**
 * Borders
 */
/** Border radii **/
/**
 * Buttons
 */
/**
 * Input Sizes
 */
/**
 * Label sizes
 */
/**
 * Font Sizes
 */
/**
 * The Material Icon Font sizes are optimized at the following sizes: 18px, 24px, 36px, 48px
 * Sizes here are maintained in rem for accessibility scaling reasons to support browser font-size settings
 */
/**
 * Grids
 */
.s360InputCheckbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
.s360InputCheckbox input[type=checkbox]:disabled ~ i {
  background-color: var(--background-tertiary);
}
.s360InputCheckbox input[type=checkbox]:disabled ~ i.checked {
  background-color: var(--accent-transparent-secondary);
}
.s360InputCheckbox i {
  cursor: default;
  color: var(--text-accent-dark);
  height: 0.875rem;
  width: 0.875rem;
  border-radius: 4px;
  border: 1px solid var(--border-secondary);
  background-color: var(--background-secondary);
}
.s360InputCheckbox i.checked {
  background-color: var(--accent-color);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: bold;
}
.s360InputCheckbox:focus i, .s360InputCheckbox:focus-within i {
  border: 1px solid var(--focused-input-border);
}
.s360InputCheckbox:focus i.checked, .s360InputCheckbox:focus-within i.checked {
  border: 1px solid var(--focused-input-border);
}

/*# sourceMappingURL=maps/s360Login.css.map*/