:root, :host {
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free';
  --fa-font-light: normal 300 1em/1 'Font Awesome 6 Pro';
  --fa-font-thin: normal 100 1em/1 'Font Awesome 6 Pro';
  --fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone';
  --fa-font-duotone-regular: normal 400 1em/1 'Font Awesome 6 Duotone';
  --fa-font-duotone-light: normal 300 1em/1 'Font Awesome 6 Duotone';
  --fa-font-duotone-thin: normal 100 1em/1 'Font Awesome 6 Duotone';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
  --fa-font-sharp-solid: normal 900 1em/1 'Font Awesome 6 Sharp';
  --fa-font-sharp-regular: normal 400 1em/1 'Font Awesome 6 Sharp';
  --fa-font-sharp-light: normal 300 1em/1 'Font Awesome 6 Sharp';
  --fa-font-sharp-thin: normal 100 1em/1 'Font Awesome 6 Sharp';
  --fa-font-sharp-duotone-solid: normal 900 1em/1 'Font Awesome 6 Sharp Duotone';
  --fa-font-sharp-duotone-regular: normal 400 1em/1 'Font Awesome 6 Sharp Duotone';
  --fa-font-sharp-duotone-light: normal 300 1em/1 'Font Awesome 6 Sharp Duotone';
  --fa-font-sharp-duotone-thin: normal 100 1em/1 'Font Awesome 6 Sharp Duotone'; }

svg.svg-inline--fa:not(:root), svg.svg-inline--fa:not(:host) {
  overflow: visible;
  box-sizing: content-box; }

.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -.125em; }
  .svg-inline--fa.fa-2xs {
    vertical-align: 0.1em; }
  .svg-inline--fa.fa-xs {
    vertical-align: 0em; }
  .svg-inline--fa.fa-sm {
    vertical-align: -0.07143em; }
  .svg-inline--fa.fa-lg {
    vertical-align: -0.2em; }
  .svg-inline--fa.fa-xl {
    vertical-align: -0.25em; }
  .svg-inline--fa.fa-2xl {
    vertical-align: -0.3125em; }
  .svg-inline--fa.fa-pull-left {
    margin-right: var(--fa-pull-margin, 0.3em);
    width: auto; }
  .svg-inline--fa.fa-pull-right {
    margin-left: var(--fa-pull-margin, 0.3em);
    width: auto; }
  .svg-inline--fa.fa-li {
    width: var(--fa-li-width, 2em);
    top: 0.25em; }
  .svg-inline--fa.fa-fw {
    width: var(--fa-fw-width, 1.25em); }

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0; }

.fa-layers-counter, .fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center; }

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -.125em;
  width: 1em; }
  .fa-layers svg.svg-inline--fa {
    transform-origin: center center; }

.fa-layers-text {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center; }

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  transform: scale(var(--fa-counter-scale, 0.25));
  transform-origin: top right; }

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: bottom right; }

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: bottom left; }

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: top right; }

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: top left; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em; }

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em; }

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em; }

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em; }

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em; }

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit; }

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em); }

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em); }

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin-reverse {
  --fa-animation-direction: reverse; }

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8)); }

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s; } }

@keyframes fa-beat {
  0%, 90% {
    transform: scale(1); }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25)); } }

@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0); }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
  64% {
    transform: scale(1, 1) translateY(0); }
  100% {
    transform: scale(1, 1) translateY(0); } }

@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4); } }

@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1); }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125)); } }

@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }

@keyframes fa-shake {
  0% {
    transform: rotate(-15deg); }
  4% {
    transform: rotate(15deg); }
  8%, 24% {
    transform: rotate(-18deg); }
  12%, 28% {
    transform: rotate(18deg); }
  16% {
    transform: rotate(-22deg); }
  20% {
    transform: rotate(22deg); }
  32% {
    transform: rotate(-12deg); }
  36% {
    transform: rotate(12deg); }
  40%, 100% {
    transform: rotate(0deg); } }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fa-rotate-90 {
  transform: rotate(90deg); }

.fa-rotate-180 {
  transform: rotate(180deg); }

.fa-rotate-270 {
  transform: rotate(270deg); }

.fa-flip-horizontal {
  transform: scale(-1, 1); }

.fa-flip-vertical {
  transform: scale(1, -1); }

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1); }

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0)); }

.fa-stack {
  display: inline-block;
  vertical-align: middle;
  height: 2em;
  position: relative;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--fa-stack-z-index, auto); }

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em; }

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em; }

.fa-inverse {
  color: var(--fa-inverse, #fff); }

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1); }

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4); }

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4); }

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1); }

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black; }

/* Document
 * ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

:where(html) {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  text-size-adjust: 100%; /* 2 */
}

/* Sections
 * ========================================================================== */

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */

:where(h1) {
  font-size: 2em;
  margin-block-end: 0.67em;
  margin-block-start: 0.67em;
}

/* Grouping content
 * ========================================================================== */

/**
 * Remove the margin on nested lists in Chrome, Edge, and Safari.
 */

:where(dl, ol, ul) :where(dl, ol, ul) {
  margin-block-end: 0;
  margin-block-start: 0;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Correct the inheritance of border color in Firefox.
 */

:where(hr) {
  box-sizing: content-box; /* 1 */
  color: inherit; /* 2 */
  height: 0; /* 1 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Add the correct text decoration in Safari.
 */

:where(abbr[title]) {
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

:where(b, strong) {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

:where(code, kbd, pre, samp) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

:where(small) {
  font-size: 80%;
}

/* Tabular data
 * ========================================================================== */

/**
 * 1. Correct table border color in Chrome, Edge, and Safari.
 * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */

:where(table) {
  border-color: currentColor; /* 1 */
  text-indent: 0; /* 2 */
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin on controls in Safari.
 */

:where(button, input, select) {
  margin: 0;
}

/**
 * Remove the inheritance of text transform in Firefox.
 */

:where(button) {
  text-transform: none;
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */

:where(button, input:is([type="button" i], [type="reset" i], [type="submit" i])) {
  -webkit-appearance: button;
}

/**
 * Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */

:where(progress) {
  vertical-align: baseline;
}

/**
 * Remove the inheritance of text transform in Firefox.
 */

:where(select) {
  text-transform: none;
}

/**
 * Remove the margin in Firefox and Safari.
 */

:where(textarea) {
  margin: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */

:where(input[type="search" i]) {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */

:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */

:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */

:where(:-moz-ui-invalid) {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct styles in Safari.
 */

:where(dialog) {
  background-color: white;
  border: solid;
  color: black;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}

:where(dialog:not([open])) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */

:where(summary) {
  display: list-item;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}
.ember-power-select-trigger:not(.ember-power-select-multiple-trigger) .ember-power-select-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-multiple-options {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container {
  flex-grow: 1;
  display: flex;
}
.ember-power-select-multiple-options li.ember-power-select-trigger-multiple-input-container input {
  flex-grow: 1;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  background-color: transparent;
  text-indent: 2px;
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input {
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  line-height: 1.45;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-power-select-search-input-field {
  width: 100%;
  height: 100%;
  padding: 0 8px;
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  background-color: transparent;
}

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role=listbox] {
  overflow-y: auto; /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 12.25em;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #dddddd;
}

.ember-power-select-option[aria-current=true] {
  background-color: #5897fb;
  color: #ffffff;
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}

.ember-power-select-trigger {
  padding: 0 16px 0 0;
}

.ember-power-select-selected-item,
.ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item,
.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-visually-hidden {
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
          box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
          box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
      -ms-flex-preferred-size: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
          box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
          box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
          box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.ember-basic-dropdown-content-wormhole-origin {
  display: none !important;
}

.ember-basic-dropdown-overlay {
  z-index: 1000 !important;
  background: none;
  pointer-events: auto;
}

.ember-basic-dropdown-content {
  border: 1px solid var(--overlay-BorderColor) !important;
  filter: drop-shadow(0 2px 4px rgb(0 0 0 / 30%));
}

.phx-dropdown-content-transparent-bg {
  background-color: transparent;
  filter: drop-shadow(0 2px 4px rgb(0 0 0 / 30%));
}

/* stylelint-disable selector-class-pattern */

.ember-power-select-trigger,
.ember-power-select-multiple-trigger {
  font-size: var(--fs-sm);
  color: var(--text-medium-emph-Color);
  background-color: transparent;
  border: 0;
  border-radius: 0;
  line-height: 22px;
  min-height: 34px;

  .ember-power-select-status-icon {
    color: var(--icon-Color);
    border: none;
    width: auto;
    height: auto;
    /* stylelint-disable-next-line plugin/use-logical-properties-and-values */
    right: auto;
    inset-inline-end: 5px;
  }

  &:focus {
    background-color: var(--input-focus-BackgroundColor);
    color: var(--text-focus-Color);

    .ember-power-select-status-icon {
      color: var(--icon-focus-Color);
    }
  }

  &:hover {
    color: var(--text-hover-Color);

    .ember-power-select-status-icon {
      color: var(--icon-hover-Color);
    }
  }

  &[aria-expanded="true"] {
    background-color: var(--input-focus-BackgroundColor);
    color: var(--text-active-Color);

    .ember-power-select-status-icon {
      color: var(--icon-active-Color);
    }
  }
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border: 0;
}

.ember-power-select-dropdown {
  line-height: 34px;
  color: inherit;
  box-shadow: none;
}

.ember-power-select-placeholder {
  transition:
    transform 0.2s,
    color 0.2s;
  transform-origin: 0 0;

  .ember-power-select-trigger--active {
    outline: none;
  }

  .ember-power-select-trigger--active & {
    transform: scale(0.7) translateY(-10px);
  }
}

.ember-power-select-options {
  background-color: var(--select-BackgroundColor);

  .ember-power-select-group {
    color: var(--text-medium-emph-Color);
  }

  &[role="listbox"] {
    max-height: calc(7 * 34px);
  }
}

.ember-power-select-option {
  font-size: var(--fs-sm);
  color: var(--text-high-emph-Color);
  background-color: var(--select-BackgroundColor);

  &[aria-selected="true"] {
    color: var(--text-inactive-Color);
    background-color: var(--select-BackgroundColor);
  }

  &[aria-current="true"] {
    background-color: var(--select-option-hover-BackgroundColor);
    color: var(--text-medium-emph-Color);

    &:not([aria-selected="true"]) {
      color: var(--text-active-Color);
    }
  }
}

.ember-power-select-multiple-option {
  margin-inline: 8px 0;
  margin-block: 6px;
  color: var(--label-text-Color);
  background-color: var(--label-BackgroundColor);
  border: none;
  border-radius: 22px;
  padding: 2px 16px;
  line-height: 18px;

  .ember-power-select-multiple-remove-btn {
    display: none;
  }

  &:hover {
    display: flex;
    flex-direction: row-reverse;
    padding: 2px 10px;
    color: var(--label-hover-text-Color);
    background-color: var(--primary-Color);

    .ember-power-select-multiple-remove-btn {
      display: inline;
      opacity: 1;
      padding-inline-start: 4px;
      font-size: var(--fs-lg);
      font-weight: bold;
    }
  }
}

.ember-power-select-search {
  background-color: var(--select-BackgroundColor);

  .ember-power-select-search-input {
    color: var(--text-medium-emph-Color);
    background-color: var(--secondary-dark-Color);
    border: none;

    &:focus {
      border: none;
    }
  }
}

.ember-power-select-trigger-multiple-input {
  text-indent: 8px;
  color: var(--text-medium-emph-Color);
  line-height: 22px;
}

.ember-basic-dropdown-trigger--in-place
  ~ .ember-basic-dropdown-content-wormhole-origin {
  display: inline !important;
}

.ember-power-select-group .ember-power-select-group-name {
  padding-inline: 8px;
}

.ember-power-select-group .ember-power-select-option {
  padding-inline: 24px 8px;
}

/* stylelint-disable selector-class-pattern */

.flatpickr-calendar {
  background: var(--datepicker-BackgroundColor);
  margin-top: -2px;
  filter: drop-shadow(0 4px 4px rgb(0 0 0 / 25%));
  box-shadow: none;
  border-radius: 0;
  font-family: inherit;
  border: 1px solid var(--datepicker-BorderColor);
}

.flatpickr-calendar.multiMonth.flatpickr-days.dayContainer:nth-child(
    n + 1
  ).flatpickr-day.inRange:nth-child(7n + 7) {
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth.flatpickr-days.dayContainer:nth-child(
    n + 2
  ).flatpickr-day.inRange:nth-child(7n + 1) {
  box-shadow:
    -2px 0 0 var(--datepicker-separator-Color),
    5px 0 0 var(--datepicker-separator-Color);
}

.flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid var(--datepicker-separator-Color);
}

.flatpickr-calendar::before,
.flatpickr-calendar::after {
  border: none;
}

.flatpickr-months .flatpickr-month {
  background: var(--datepicker-BackgroundColor);
  color: var(--datepicker-month-Color);
  fill: var(--datepicker-month-Color);
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  color: var(--datepicker-month-prev-next-Color);
  fill: var(--datepicker-month-prev-next-Color);
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: var(--datepicker-month-prev-next-hover-Color);
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--datepicker-month-prev-next-hover-Color);
}

.numInputWrapper span {
  border: none;
  padding: 0 4px;
  inset-inline-start: unset;
  inset-inline-end: 0;
}

.numInputWrapper:dir(rtl) span {
  direction: rtl;
}

.numInputWrapper span:hover {
  background: none;
}

.numInputWrapper span:active {
  background: none;
}

.numInputWrapper span.arrowUp::after {
  border-inline: 4px solid transparent;
  border-bottom: 4px solid var(--datepicker-numinput-arrow-Color);
}

.numInputWrapper span.arrowDown::after {
  border-inline: 4px solid transparent;
  border-top: 4px solid var(--datepicker-numinput-arrow-Color);
}

.numInputWrapper:hover {
  background: var(--datepicker-input-hover-BackgroundColor);
}

.flatpickr-time .numInputWrapper span.arrowUp::after {
  border-bottom-color: var(--datepicker-numinput-arrow-Color);
}

.flatpickr-time .numInputWrapper span.arrowDown::after {
  border-top-color: var(--datepicker-numinput-arrow-Color);
}

.flatpickr-current-month:dir(rtl) {
  direction: rtl;
}

.flatpickr-current-month .numInputWrapper span.arrowUp::after {
  border-bottom-color: var(--datepicker-numinput-arrow-Color);
}

.flatpickr-current-month .numInputWrapper span.arrowDown::after {
  border-top-color: var(--datepicker-numinput-arrow-Color);
}

.flatpickr-current-month .numInputWrapper span.arrowUp:hover::after {
  border-bottom-color: var(--datepicker-numinput-arrow-hover-Color);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:hover::after {
  border-top-color: var(--datepicker-numinput-arrow-hover-Color);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  padding: unset;
  padding-inline-start: 0.5ch;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  background: transparent;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  background-color: var(--datepicker-BackgroundColor);
  padding: unset;
  padding-inline-start: 0.5ch;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: var(--datepicker-input-hover-BackgroundColor);
}

.flatpickr-current-month
  .flatpickr-monthDropdown-months
  .flatpickr-monthDropdown-month {
  background-color: var(--datepicker-BackgroundColor);
}

.flatpickr-weekdays {
  background: transparent;
}

span.flatpickr-weekday {
  background: var(--datepicker-BackgroundColor);
  color: var(--datepicker-weekday-Color);
}

.dayContainer + .dayContainer {
  box-shadow: none;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  color: var(--datepicker-day-Color);
}

.flatpickr-day.today {
  border-width: 2px;
  border-color: var(--datepicker-today-BorderColor);
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: var(--datepicker-today-hover-BorderColor);
  background: var(--datepicker-today-hover-BackgroundColor);
  color: var(--datepicker-today-hover-Color);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: var(--datepicker-selected-BackgroundColor);
  box-shadow: none;
  color: var(--datepicker-selected-Color);
  border-color: var(--datepicker-selected-BorderColor);
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  box-shadow: -10px 0 0 var(--datepicker-selected-BackgroundColor);
}

.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow:
    -5px 0 0 var(--datepicker-day-in-range-BackgroundColor),
    5px 0 0 var(--datepicker-day-in-range-BackgroundColor);
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: var(--datepicker-day-next-prev-month-Color);
  background: transparent;
  border-color: transparent;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  background: var(--datepicker-day-in-range-BackgroundColor);
  border-color: var(--datepicker-day-in-range-BorderColor);
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  color: var(--datepicker-day-disabled-Color);
  background: transparent;
  border-color: transparent;
}

.flatpickr-day.week.selected {
  box-shadow:
    -5px 0 0 var(--datepicker-week-selected-Color),
    5px 0 0 var(--datepicker-week-selected-Color);
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 var(--datepicker-separator-Color);
}

.flatpickr-time .numInputWrapper span.arrowUp:hover::after {
  border-bottom-color: var(--datepicker-numinput-arrow-hover-Color);
}

.flatpickr-time .numInputWrapper span.arrowDown:hover::after {
  border-top-color: var(--datepicker-numinput-arrow-hover-Color);
}

.numInputWrapper span.arrowUp,
.numInputWrapper span.arrowDown {
  padding-inline: 2px 4px;
}

.numInputWrapper:hover span.arrowUp,
.numInputWrapper:hover span.arrowDown {
  background-color: var(--datepicker-numinput-hover-arrow-BackgroundColor);
  border: 1px solid var(--datepicker-numinput-hover-arrow-BorderColor);
}

.numInputWrapper span.arrowUp:hover,
.numInputWrapper span.arrowDown:hover {
  background-color: var(--datepicker-numinput-arrow-hover-BackgroundColor);
  border: 1px solid var(--datepicker-numinput-arrow-hover-BorderColor);
}

.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  color: var(--datepicker-numinput-Color);
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  color: var(--datepicker-time-separator-Color);
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: var(--datepicker-input-hover-BackgroundColor);
}

.flatpickr-calendar:dir(rtl) .dayContainer,
.flatpickr-calendar:dir(rtl) .flatpickr-weekdaycontainer {
  flex-direction: row-reverse;
}

.flatpickr-calendar:dir(rtl) .flatpickr-months .flatpickr-month {
  height: 32px;
}

.flatpickr-calendar:dir(rtl) .flatpickr-months .flatpickr-prev-month {
  inset-inline-start: unset;
  inset-inline-end: 0;
  transform: scaleX(-1);
}

.flatpickr-calendar:dir(rtl) .flatpickr-months .flatpickr-next-month {
  inset-inline-end: unset;
  inset-inline-start: 0;
  transform: scaleX(-1);
}

.flatpickr-day:dir(rtl).selected.startRange,
.flatpickr-day:dir(rtl).startRange.startRange,
.flatpickr-day:dir(rtl).endRange.startRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day:dir(rtl).selected.endRange,
.flatpickr-day:dir(rtl).startRange.endRange,
.flatpickr-day:dir(rtl).endRange.endRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day:dir(rtl).selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day:dir(rtl).startRange.startRange
  + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day:dir(rtl).endRange.startRange
  + .endRange:not(:nth-child(7n + 1)) {
  box-shadow: 10px 0 0 var(--datepicker-selected-BackgroundColor);
}

/* stylelint-disable declaration-property-unit-allowed-list */
/* stylelint-disable alpha-value-notation */
/* stylelint-disable scss/double-slash-comment-empty-line-before */
/* stylelint-disable no-descending-specificity */
.highcharts-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: start;
  line-height: normal;
  z-index: 0;

  /* #1072 */
  -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
  font-size: var(--fs-sm);
  user-select: none;
  touch-action: manipulation;
  outline: none;
}

.highcharts-root {
  display: block;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif !important;
  font-size: var(--fs-sm) !important;
}

.highcharts-root text {
  stroke-width: 0;
}

.highcharts-strong {
  font-weight: bold;
}

.highcharts-emphasized {
  font-style: italic;
}

.highcharts-anchor {
  cursor: pointer;
}

.highcharts-background {
  fill: none;
}

.highcharts-plot-border,
.highcharts-plot-background {
  fill: none;
}

.highcharts-label-box {
  fill: none;
}

.highcharts-label text {
  fill: var(--highcharts-label-text);
}

.highcharts-button-box {
  fill: inherit;
}

.highcharts-tracker-line {
  stroke-linejoin: round;
  stroke: rgb(192 192 192 / 0.01%);
  stroke-width: 22;
  fill: none;
}

.highcharts-tracker-area {
  fill: rgb(192 192 192 / 0.01%);
  stroke-width: 0;
}

/* Titles */
.highcharts-title {
  fill: var(--highcharts-title);
  font-size: 1.35em;
}

.highcharts-subtitle {
  fill: var(--highcharts-subtitle);
  font-size: 1em;
}

/* Axes */
.highcharts-axis-line {
  fill: none;
  stroke: var(--highcharts-axis-line);
}

.highcharts-yaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-axis-title {
  fill: var(--highcharts-axis-title);
}

.highcharts-axis-labels {
  fill: var(--highcharts-axis-labels);
  cursor: default;
  font-size: 0.9em;
}

.highcharts-grid-line {
  fill: none;
  stroke: var(--highcharts-grid-line);
}

.highcharts-grid-line-hidden {
  stroke-width: 0;
}

.highcharts-grid-line-hidden .highcharts-tick {
  stroke-width: 0 !important;
}

.highcharts-xaxis .highcharts-axis-line {
  stroke-width: 2;
}

.highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0;
}

.highcharts-tick {
  stroke: var(--highcharts-tick);
}

.highcharts-yaxis .highcharts-tick {
  stroke-width: 1;
}

.highcharts-minor-grid-line {
  stroke: var(--highcharts-minor-grid-line);
}

.highcharts-crosshair-thin {
  stroke-width: 1px;
  stroke: var(--highcharts-crosshair-thin);
}

.highcharts-crosshair-category {
  stroke: var(--highcharts-crosshair-category);
  stroke-opacity: 0.25;
}

/* Credits */
.highcharts-credits {
  cursor: pointer;
  fill: var(--highcharts-credits);
  font-size: 0.7em;
  transition:
    fill 250ms,
    font-size 250ms;
}

.highcharts-credits:hover {
  fill: var(--highcharts-credits-hover);
  font-size: 1em;
}

/* Tooltip */
.highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  transition: stroke 150ms;
}

.highcharts-tooltip text {
  fill: var(--highcharts-tooltip-text);
}

.highcharts-tooltip .highcharts-header {
  font-size: 0.85em;
}

.highcharts-tooltip-box {
  stroke: var(--highcharts-tooltip-box-border);
  stroke-width: 1px;
  fill: var(--highcharts-tooltip-box);
  fill-opacity: 1;
}

.highcharts-tooltip-box .highcharts-label-box {
  fill: var(--highcharts-tooltip-box-label-box);
  fill-opacity: 1;
}

div.highcharts-tooltip {
  filter: none;
}

.highcharts-selection-marker {
  fill: var(--highcharts-selection-marker);
  fill-opacity: 0.25;
}

.highcharts-graph {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: butt;
  stroke-linejoin: round;
}

.highcharts-empty-series {
  stroke-width: 1px;
  fill: none;
  stroke: var(--highcharts-empty-series);
}

.highcharts-series-hover .highcharts-graph {
  stroke-width: 3;
}

.highcharts-scatter .highcharts-graph {
  stroke-width: 0;
}

.highcharts-point-inactive {
  transition: opacity 50ms;

  /* quick in */
}

.highcharts-series-inactive {
  transition: opacity 50ms;

  /* quick in */
}

.highcharts-state-hover path {
  transition: stroke-width 50ms;

  /* quick in */
}

.highcharts-state-normal path {
  transition: stroke-width 250ms;

  /* slow out */
}

/* Legend hover affects points and series */
g.highcharts-series,
.highcharts-point,
.highcharts-markers,
.highcharts-data-labels {
  transition: opacity 250ms;
}

.highcharts-legend-series-active
  g.highcharts-series:not(.highcharts-series-hover),
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active
  .highcharts-markers:not(.highcharts-series-hover),
.highcharts-legend-series-active
  .highcharts-data-labels:not(.highcharts-series-hover) {
  opacity: 0.2;
}

/* Series options */

/* Default colors */
.highcharts-color-0 {
  fill: var(--highcharts-color-0);
  stroke: var(--highcharts-color-0);
}

.highcharts-color-1 {
  fill: var(--highcharts-color-1);
  stroke: var(--highcharts-color-1);
}

.highcharts-color-2 {
  fill: var(--highcharts-color-2);
  stroke: var(--highcharts-color-2);
}

.highcharts-color-3 {
  fill: var(--highcharts-color-3);
  stroke: var(--highcharts-color-3);
}

.highcharts-color-4 {
  fill: var(--highcharts-color-4);
  stroke: var(--highcharts-color-4);
}

.highcharts-color-5 {
  fill: var(--highcharts-color-5);
  stroke: var(--highcharts-color-5);
}

.highcharts-color-6 {
  fill: var(--highcharts-color-6);
  stroke: var(--highcharts-color-6);
}

.highcharts-color-7 {
  fill: var(--highcharts-color-7);
  stroke: var(--highcharts-color-7);
}

.highcharts-color-8 {
  fill: var(--highcharts-color-8);
  stroke: var(--highcharts-color-8);
}

.highcharts-color-9 {
  fill: var(--highcharts-color-9);
  stroke: var(--highcharts-color-9);
}

.highcharts-color-10 {
  fill: var(--highcharts-color-10);
  stroke: var(--highcharts-color-10);
}

.highcharts-color-11 {
  fill: var(--highcharts-color-11);
  stroke: var(--highcharts-color-11);
}

.highcharts-color-12 {
  fill: var(--highcharts-color-12);
  stroke: var(--highcharts-color-12);
}

.highcharts-color-13 {
  fill: var(--highcharts-color-13);
  stroke: var(--highcharts-color-13);
}

.highcharts-color-14 {
  fill: var(--highcharts-color-14);
  stroke: var(--highcharts-color-14);
}

.highcharts-color-15 {
  fill: var(--highcharts-color-15);
  stroke: var(--highcharts-color-15);
}

.highcharts-color-16 {
  fill: var(--highcharts-color-16);
  stroke: var(--highcharts-color-16);
}

.highcharts-color-17 {
  fill: var(--highcharts-color-17);
  stroke: var(--highcharts-color-17);
}

.highcharts-color-18 {
  fill: var(--highcharts-color-18);
  stroke: var(--highcharts-color-18);
}

.highcharts-color-19 {
  fill: var(--highcharts-color-19);
  stroke: var(--highcharts-color-19);
}

.highcharts-area {
  fill-opacity: 0.75;
  stroke-width: 0;
}

.highcharts-markers {
  stroke-width: 1px;
  stroke: var(--highcharts-markers);
}

.highcharts-a11y-markers-hidden
  .highcharts-point:not(
    .highcharts-point-hover,
    .highcharts-a11y-marker-visible
  ),
.highcharts-a11y-marker-hidden {
  opacity: 0;
}

.highcharts-point {
  stroke-width: 1px;
}

.highcharts-dense-data .highcharts-point {
  stroke-width: 0;
}

.highcharts-data-label {
  font-size: 0.9em;
  font-weight: bold;
}

.highcharts-data-label-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-data-label text,
text.highcharts-data-label {
  fill: var(--highcharts-data-label-text);
}

.highcharts-data-label-connector {
  fill: none;
}

.highcharts-data-label-hidden {
  pointer-events: none;
}

.highcharts-halo {
  fill-opacity: 0.25;
  stroke-width: 0;
}

.highcharts-series:not(.highcharts-pie-series) .highcharts-point-select,
.highcharts-markers .highcharts-point-select {
  fill: var(--highcharts-series-or-markers-point-select);
  stroke: var(--highcharts-series-or-markers-point-select-border);
}

.highcharts-column-series rect.highcharts-point {
  stroke: var(--highcharts-column-series-point);
}

.highcharts-column-series .highcharts-point {
  transition: fill-opacity 250ms;
}

.highcharts-column-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-columnrange-series .highcharts-point-hover {
  stroke-width: 3;
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: var(--highcharts-pie-series-point);
}

.highcharts-pie-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point {
  stroke-linejoin: round;
  stroke: var(--highcharts-funnel-series-point);
}

.highcharts-funnel-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: var(--highcharts-pyramid-series-point);
}

.highcharts-pyramid-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pyramid-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-solidgauge-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-treemap-series .highcharts-point {
  stroke-width: 1px;
  stroke: var(--highcharts-treemap-series-point);
  transition:
    stroke 250ms,
    fill 250ms,
    fill-opacity 250ms;
}

.highcharts-treemap-series .highcharts-point-hover {
  stroke: var(--highcharts-treemap-series-point-hover);
  transition:
    stroke 25ms,
    fill 25ms,
    fill-opacity 25ms;
}

.highcharts-treemap-series .highcharts-above-level {
  display: none;
}

.highcharts-treemap-series .highcharts-internal-node {
  fill: none;
}

.highcharts-treemap-series .highcharts-internal-node-interactive {
  fill-opacity: 0.15;
  cursor: pointer;
}

.highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  fill-opacity: 0.75;
}

.highcharts-vector-series .highcharts-point {
  fill: none;
  stroke-width: 2px;
}

.highcharts-windbarb-series .highcharts-point {
  fill: none;
  stroke-width: 2px;
}

.highcharts-lollipop-stem {
  stroke: var(--highcharts-lollipop-stem);
}

.highcharts-focus-border {
  fill: none;
  stroke-width: 2px;
}

.highcharts-legend-item-hidden .highcharts-focus-border {
  fill: none !important;
}

/* Legend */
.highcharts-legend-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-legend-item > text {
  fill: var(--highcharts-legend-item-text);
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
  stroke-width: 0;
}

.highcharts-legend-item:hover text {
  fill: var(--highcharts-legend-item-hover-text);
}

.highcharts-legend-item-hidden * {
  fill: var(--highcharts-legend-item-hidden);
  stroke: var(--highcharts-legend-item-hidden-border);
  transition: fill 250ms;
}

.highcharts-legend-navigation {
  fill: var(--highcharts-legend-navigation);
}

.highcharts-legend-nav-active {
  fill: var(--highcharts-legend-nav-active);
  cursor: pointer;
}

.highcharts-legend-nav-inactive {
  fill: var(--highcharts-legend-nav-inactive);
}

circle.highcharts-legend-nav-active,
circle.highcharts-legend-nav-inactive {
  /* tracker */
  fill: rgb(192 192 192 / 0.01%);
}

.highcharts-legend-title-box {
  fill: none;
  stroke-width: 0;
}

/* Bubble legend */
.highcharts-bubble-legend-symbol {
  stroke-width: 2;
  fill-opacity: 0.5;
}

.highcharts-bubble-legend-connectors {
  stroke-width: 1;
}

.highcharts-bubble-legend-labels {
  fill: var(--highcharts-bubble-legend-labels);
}

/* Loading */
.highcharts-loading {
  position: absolute;
  background-color: var(--highcharts-loading);
  opacity: 1;
  text-align: center;
  z-index: 10;
  transition: opacity 250ms;
}

.highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition:
    opacity 250ms,
    height 250ms step-end;
}

.highcharts-loading-inner {
  font-weight: bold;
  position: relative;
  top: 45%;
}

/* Plot bands and polar pane backgrounds */
.highcharts-plot-band,
.highcharts-pane {
  fill: var(--highcharts-pane);
  fill-opacity: 0.05;
}

.highcharts-plot-line {
  fill: none;
  stroke: var(--highcharts-plot-line);
  stroke-width: 1px;
}

.highcharts-main-axis-plot-line {
  fill: none;
  stroke: var(--highcharts-grid-line);
  stroke-width: 2px;
}

.highcharts-plot-band-label,
.highcharts-plot-line-label {
  fill: var(--highcharts-label-text);
}

/* Highcharts More and modules */
.highcharts-boxplot-box {
  fill: var(--highcharts-boxplot-box);
}

.highcharts-boxplot-median {
  stroke-width: 2px;
}

.highcharts-bubble-series .highcharts-point {
  fill-opacity: 0.5;
}

.highcharts-errorbar-series .highcharts-point {
  stroke: var(--highcharts-errorbar-series-point);
}

.highcharts-gauge-series .highcharts-data-label-box {
  stroke: var(--highcharts-gauge-series-data-label-box);
  stroke-width: 1px;
}

.highcharts-gauge-series .highcharts-dial {
  fill: var(--highcharts-gauge-series-dial);
  stroke-width: 0;
}

.highcharts-polygon-series .highcharts-graph {
  fill: inherit;
  stroke-width: 0;
}

.highcharts-waterfall-series .highcharts-graph {
  stroke: var(--highcharts-waterfall-series-graph);
  stroke-dasharray: 1, 3;
}

.highcharts-sankey-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-sankey-series .highcharts-link {
  transition:
    fill 250ms,
    fill-opacity 250ms;
  fill-opacity: 0.5;
}

.highcharts-sankey-series .highcharts-point-hover.highcharts-link {
  transition:
    fill 50ms,
    fill-opacity 50ms;
  fill-opacity: 1;
}

.highcharts-venn-series .highcharts-point {
  fill-opacity: 0.75;
  stroke: var(--highcharts-venn-series-point);
  transition:
    stroke 250ms,
    fill-opacity 250ms;
}

.highcharts-venn-series .highcharts-point-hover {
  fill-opacity: 1;
  stroke: var(--highcharts-venn-series-point-hover);
}

/* Highstock */
.highcharts-navigator-mask-outside {
  fill-opacity: 0;
}

.highcharts-navigator-mask-inside {
  fill: var(--highcharts-navigator-mask-inside);

  /* navigator.maskFill option */
  cursor: move;
}

.highcharts-navigator-outline {
  stroke: var(--highcharts-navigator-outline);
  fill: none;
}

.highcharts-navigator-handle {
  stroke: var(--highcharts-navigator-handle-border);
  fill: var(--highcharts-navigator-handle);
  cursor: ew-resize;
}

.highcharts-navigator-series {
  fill: var(--highcharts-navigator-series);
  stroke: var(--highcharts-navigator-series-border);
}

.highcharts-navigator-series .highcharts-point {
  fill: var(--highcharts-navigator-series);
  stroke: var(--highcharts-navigator-series-border);
}

.highcharts-navigator-series .highcharts-graph {
  stroke-width: 1px;
}

.highcharts-navigator-series .highcharts-area {
  fill-opacity: 0.05;
}

.highcharts-navigator-xaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-navigator-xaxis .highcharts-grid-line {
  stroke-width: 1px;
  stroke: var(--highcharts-navigator-xaxis-grid-line);
}

.highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: var(--highcharts-navigator-xaxis-axis-labels);
}

.highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0;
}

.highcharts-scrollbar-thumb {
  fill: var(--highcharts-scrollbar-thumb);
  stroke: var(--highcharts-scrollbar-thumb-border);
  stroke-width: 1px;
  rx: 7px;
  ry: 7px;
}

.highcharts-scrollbar-button {
  fill: var(--highcharts-scrollbar-button);
  stroke: var(--highcharts-scrollbar-button-border);
  stroke-width: 1px;
  rx: 7px;
  ry: 7px;
}

.highcharts-scrollbar-arrow {
  fill: var(--highcharts-scrollbar-arrow);
}

.highcharts-scrollbar-rifles {
  stroke: var(--highcharts-scrollbar-rifles);
  stroke-width: 1px;
}

.highcharts-scrollbar-track {
  fill: var(--highcharts-scrollbar-track);
  stroke: var(--highcharts-scrollbar-track-border);
  stroke-width: 1px;
  rx: 8px;
  ry: 8px;
}

.highcharts-button {
  fill: var(--highcharts-button);
  stroke: var(--highcharts-button-border);
  cursor: pointer;
  stroke-width: 1px;
  transition: fill 250ms;
}

.highcharts-button text {
  fill: var(--highcharts-button-text);
}

.highcharts-button-hover {
  transition: fill 0ms;
  fill: var(--highcharts-button-hover);
  stroke: var(--highcharts-button-hover-border);
}

.highcharts-button-hover text {
  fill: var(--highcharts-button-hover-text);
}

.highcharts-button-pressed {
  font-weight: bold;
  fill: var(--highcharts-button-pressed);
  stroke: var(--highcharts-button-pressed-border);
}

.highcharts-button-pressed text {
  fill: var(--highcharts-button-pressed-text);
  font-weight: bold;
}

.highcharts-button-disabled text {
  fill: var(--highcharts-button-disabled-text);
}

.highcharts-range-selector-buttons .highcharts-button {
  stroke-width: 1;
}

.highcharts-range-label rect {
  fill: none;
}

.highcharts-range-label text {
  fill: var(--highcharts-range-label-text);
}

.highcharts-range-input rect {
  fill: none;
}

.highcharts-range-input text {
  fill: var(--highcharts-range-input-text);
}

.highcharts-range-input {
  stroke-width: 1px;
  stroke: var(--highcharts-range-input);
}

input.highcharts-range-selector {
  position: absolute;
  border: 0;
  width: 1px;

  /* Chrome needs a pixel to see it */
  height: 1px;
  padding: 0;
  text-align: center;
  inset-inline-start: -9em;

  /* #4798 */
}

.highcharts-crosshair-label text {
  fill: var(--highcharts-crosshair-label-text);
  font-size: 1.1em;
}

.highcharts-crosshair-label .highcharts-label-box {
  fill: inherit;
}

.highcharts-candlestick-series .highcharts-point {
  stroke: var(--highcharts-candlestick-series-point);
  stroke-width: 1px;
}

.highcharts-candlestick-series .highcharts-point-up {
  fill: var(--highcharts-candlestick-series-point-up);
}

.highcharts-hollowcandlestick-series .highcharts-point-down {
  fill: var(--highcharts-hollowcandlestick-series-point-down);
  stroke: var(--highcharts-hollowcandlestick-series-point-down-border);
}

.highcharts-hollowcandlestick-series .highcharts-point-down-bearish-up {
  fill: var(--highcharts-hollowcandlestick-series-point-down-bearish-up);
  stroke: var(
    --highcharts-hollowcandlestick-series-point-down-bearish-up-border
  );
}

.highcharts-hollowcandlestick-series .highcharts-point-up {
  fill: transparent;
  stroke: var(--highcharts-hollowcandlestick-series-point-up);
}

.highcharts-ohlc-series .highcharts-point-hover {
  stroke-width: 3px;
}

.highcharts-flags-series .highcharts-point .highcharts-label-box {
  stroke: var(--highcharts-flags-series-point-label-box-border);
  fill: var(--highcharts-flags-series-point-label-box);
  transition: fill 250ms;
}

.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  stroke: var(--highcharts-flags-series-point-hover-label-box-border);
  fill: var(--highcharts-flags-series-point-hover-label-box);
}

.highcharts-flags-series .highcharts-point text {
  fill: var(--highcharts-flags-series-point-text);
  font-size: 0.9em;
  font-weight: bold;
}

/* Highmaps */
.highcharts-map-series .highcharts-point {
  transition:
    fill 500ms,
    fill-opacity 500ms,
    stroke-width 250ms;
  stroke: var(--highcharts-map-series-point);
}

.highcharts-map-series .highcharts-point-hover {
  transition:
    fill 0ms,
    fill-opacity 0ms;
  fill-opacity: 0.5;
  stroke-width: 2px;
}

.highcharts-mapline-series .highcharts-point {
  fill: none;
}

.highcharts-heatmap-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-map-navigation {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}

.highcharts-coloraxis {
  stroke-width: 0;
}

.highcharts-coloraxis-marker {
  fill: var(--highcharts-coloraxis-marker);
}

.highcharts-null-point {
  fill: var(--highcharts-null-point);
}

/* 3d charts */
.highcharts-3d-frame {
  fill: transparent;
}

/* Exporting module */
.highcharts-contextbutton {
  fill: var(--highcharts-contextbutton);

  /* needed to capture hover */
  stroke: var(--highcharts-contextbutton-border);
  stroke-linecap: round;
}

.highcharts-contextbutton:hover {
  fill: var(--highcharts-contextbutton-hover);
  stroke: var(--highcharts-contextbutton-hover-border);
}

.highcharts-button-symbol {
  stroke: var(--highcharts-button-symbol);
  stroke-width: 3px;
}

.highcharts-menu {
  border: 1px solid var(--highcharts-menu-border);
  background: var(--highcharts-menu);
  padding: 5px 0;
  box-shadow: 0 2px 4px var(--highcharts-menu-shadow);
}

.highcharts-menu-item {
  padding: 0.5em 1em;
  background: none;
  color: var(--highcharts-menu-item-text);
  cursor: pointer;
  transition:
    background 250ms,
    color 250ms;
}

.highcharts-menu-item:hover {
  background: var(--highcharts-menu-item-hover);
  color: var(--highcharts-menu-item-hover-text);
}

/* Drilldown module */
.highcharts-drilldown-point {
  cursor: pointer;
}

.highcharts-drilldown-data-label text,
text.highcharts-drilldown-data-label,
.highcharts-drilldown-axis-label {
  cursor: pointer;
  fill: var(--highcharts-drilldown-data-or-axis-label);
  font-weight: bold;
  text-decoration: underline;
}

/* No-data module */
.highcharts-no-data text {
  font-weight: bold;
  font-size: var(--fs-base);
  fill: var(--highcharts-no-data-text);
}

/* Drag-panes module */
.highcharts-axis-resizer {
  cursor: ns-resize;
  stroke: var(--highcharts-axis-resizer);
  stroke-width: 2px;
}

/* Bullet type series */
.highcharts-bullet-target {
  stroke-width: 0;
}

/* Lineargauge type series */
.highcharts-lineargauge-target {
  stroke-width: 1px;
  stroke: var(--highcharts-lineargauge-target);
}

.highcharts-lineargauge-target-line {
  stroke-width: 1px;
  stroke: var(--highcharts-lineargauge-target-line);
}

/* Annotations module */
.highcharts-annotation-label-box {
  stroke-width: 1px;
  stroke: var(--highcharts-annotation-label-box-border);
  fill: var(--highcharts-annotation-label-box);
  fill-opacity: 1;
}

.highcharts-annotation-label text {
  fill: var(--highcharts-annotation-label-text);
}

/* A11y module */
.highcharts-a11y-proxy-button {
  border-width: 0;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  opacity: 0.001;
  z-index: 999;
  overflow: hidden;
  padding: 0;
  margin: 0;
  display: block;
  position: absolute;
}

.highcharts-a11y-proxy-group li {
  list-style: none;
}

.highcharts-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  margin-top: -3px;
  opacity: 0.01;
}

.highcharts-a11y-invisible {
  visibility: hidden;
}

.highcharts-a11y-proxy-container,
.highcharts-a11y-proxy-container-before,
.highcharts-a11y-proxy-container-after {
  position: absolute;
  white-space: nowrap;
}

g.highcharts-series,
.highcharts-markers,
.highcharts-point {
  outline: none;
}

/* Gantt */
.highcharts-treegrid-node-collapsed,
.highcharts-treegrid-node-expanded {
  cursor: pointer;
}

.highcharts-point-connecting-path {
  fill: none;
}

.highcharts-grid-axis .highcharts-tick {
  stroke-width: 1px;
}

.highcharts-grid-axis .highcharts-axis-line {
  stroke-width: 1px;
}

/* Categories module */
.highcharts-categories > path:not([class]) {
  fill: none;
  stroke: var(--highcharts-grid-line);
}

/* Severity colors */
.highcharts-color-severity-critical {
  fill: var(--highcharts-color-severity-critical);
  stroke: var(--highcharts-color-severity-critical);
}

.highcharts-color-severity-high {
  fill: var(--highcharts-color-severity-high);
  stroke: var(--highcharts-color-severity-high);
}

.highcharts-color-severity-medium {
  fill: var(--highcharts-color-severity-medium);
  stroke: var(--highcharts-color-severity-medium);
}

.highcharts-color-severity-low {
  fill: var(--highcharts-color-severity-low);
  stroke: var(--highcharts-color-severity-low);
}

.highcharts-color-severity-none,
.highcharts-color-severity-unknown,
.highcharts-color-severity-undefined,
.highcharts-color-severity-null {
  fill: var(--highcharts-color-severity-none);
  stroke: var(--highcharts-color-severity-none);
}

/* Status colors */
.highcharts-color-status-critical {
  fill: var(--highcharts-color-status-critical);
  stroke: var(--highcharts-color-status-critical);
}

.highcharts-color-status-high {
  fill: var(--highcharts-color-status-high);
  stroke: var(--highcharts-color-status-high);
}

.highcharts-color-status-medium {
  fill: var(--highcharts-color-status-medium);
  stroke: var(--highcharts-color-status-medium);
}

.highcharts-color-status-low {
  fill: var(--highcharts-color-status-low);
  stroke: var(--highcharts-color-status-low);
}

.highcharts-color-status-ok {
  fill: var(--highcharts-color-status-ok);
  stroke: var(--highcharts-color-status-ok);
}

.highcharts-color-status-none,
.highcharts-color-status-unknown,
.highcharts-color-status-undefined,
.highcharts-color-status-null {
  fill: var(--highcharts-color-status-none);
  stroke: var(--highcharts-color-status-none);
}

.highcharts-color-status-connected {
  fill: var(--highcharts-color-connected-ok);
  stroke: var(--highcharts-color-connected-ok);
}

.highcharts-color-status-disconnected {
  fill: var(--highcharts-color-disconnected-ok);
  stroke: var(--highcharts-color-disconnected-ok);
}

.highcharts-color-status-warning {
  fill: var(--highcharts-color-warning-ok);
  stroke: var(--highcharts-color-warning-ok);
}

.highcharts-stroke {
  stroke-width: 1;
}

.highcharts-stroke-dash {
  stroke-width: 2;
  stroke-dasharray: 8, 6;
}

.highcharts-stroke-dot {
  stroke-width: 2;
  stroke-dasharray: 2, 6;
}

.highcharts-stroke-long-dash {
  stroke-width: 2;
  stroke-dasharray: 16, 6;
}

.highcharts-stroke-short-dash {
  stroke-width: 2;
  stroke-dasharray: 6, 2;
}

/* measurement-gates */
.highcharts-pre-gate-plot-band,
.highcharts-post-gate-plot-band {
  fill-opacity: 0;
}

.highcharts-axle-area-plot-band {
  fill-opacity: 0.05;
}

.highcharts-measuring-gate-plot-band {
  fill-opacity: 0.1;
}

/* alternating-bands */
.highcharts-alternating-band-even {
  fill-opacity: 0;
}

.highcharts-alternating-band-odd {
  fill-opacity: 0.2;
}

/* special bands */
.highcharts-irregularity-band {
  fill-opacity: 0.2;
}

.highcharts-threshold-band .highcharts-area {
  fill-opacity: 0.2;
}

.highcharts-threshold-band .highcharts-graph {
  stroke: transparent;
}

.highcharts-cursor-pointer {
  cursor: pointer;
}

#highcharts-area-temperature-gradient-0 stop[offset="0"] {
  stop-color: #c70100;
}

#highcharts-area-temperature-gradient-0 stop[offset="0.5"] {
  stop-color: #f57600;
}

#highcharts-area-temperature-gradient-0 stop[offset="0.8"] {
  stop-color: #ffdd2a;
}

#highcharts-area-temperature-gradient-0 stop[offset="1"] {
  stop-color: #1565c0;
}

#highcharts-area-temperature-gradient-1 stop[offset="0"] {
  stop-color: #1565c0;
}

#highcharts-area-temperature-gradient-1 stop[offset="0.2"] {
  stop-color: #ffdd2a;
}

#highcharts-area-temperature-gradient-1 stop[offset="0.5"] {
  stop-color: #f57600;
}

#highcharts-area-temperature-gradient-1 stop[offset="1"] {
  stop-color: #c70100;
}

.highcharts-area-temperature {
  fill: url("#highcharts-area-temperature-gradient-0");
}

.highcharts-area-temperature-inverted {
  fill: url("#highcharts-area-temperature-gradient-1");
}

.highcharts-live-button rect {
  width: 32px;
  height: 22px;
}

.highcharts-live-button text {
  transform: translate(-2px, -4px);
}

.highcharts-live-button.active {
  font-weight: bold;
  fill: var(--highcharts-button-pressed);
  stroke: var(--highcharts-button-pressed-border);
}

.highcharts-live-button.active text {
  fill: var(--highcharts-button-pressed-text);
  font-weight: bold;
}

.highcharts-live-button.active:hover {
  transition: fill 0ms;
  fill: var(--highcharts-button-hover);
  stroke: var(--highcharts-button-hover-border);
}

.highcharts-live-button.active:hover text {
  fill: var(--highcharts-button-hover-text);
}

.highcharts-color-axle-plotline {
  fill: var(--highcharts-color-axle-plotline);
  stroke: var(--highcharts-color-axle-plotline);
}

.storybook-container {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: var(--fs-base);
  line-height: 20px;
  color: var(--text-medium-emph-Color);
}

.leaflet-popup-content-wrapper {
  background-color: var(--overlay-BackgroundColor);
  border-radius: 0;
}

.leaflet-popup-tip {
  background-color: var(--overlay-BackgroundColor);
}

.leaflet-popup-content {
  margin: 0;
}

.leaflet-container {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

.phx-cms-theme-dark {
  /* ================================
     PALETTE (scoped to this class)
     ================================ */

  /* base-colors */
  --base-white: #fff;
  --base--40: #fafafa;
  --base-000: #f6f6f6;
  --base-30: #f4f4f4;
  --base-50: #f0f0f0;
  --base-55: #e9e9e9;
  --base-60: #e3e3e3;
  --base-75: #dedede;
  --base-100: #c8c8c8;
  --base-200: #b4b4b4;
  --base-250: #a5a5a5;
  --base-300: #999;
  --base-350: #7e7e7e;
  --base-400: #646464;
  --base-500: #464646;
  --base-600: #373737;
  --base-700: #2d2d2d;
  --base-800: #2a2a2a;
  --base-900: #1e1e1e;
  --base-1000: #181818;
  --base-1100: #0f0f0f;
  --base-1200: #080808;
  --base-black: #000;

  /* primary-colors */
  --primary-50: #e0f4f9;
  --primary-100: #b2e2f0;
  --primary-200: #81cfe7;
  --primary-300: #54bcde;
  --primary-400: #35aed9;
  --primary-500: #17a1d4;
  --primary-600: #0e93c7;
  --primary-700: #0082b4;
  --primary-800: #0170a1;
  --primary-900: #00517f;

  /* secondary-colors */
  --secondary-50: #fbfbfb;
  --secondary-100: #f6f6f6;
  --secondary-200: #f1f1f1;
  --secondary-300: #e3e3e3;
  --secondary-400: #c4c4c4;
  --secondary-500: #a5a5a5;
  --secondary-600: #7b7b7b;
  --secondary-700: #676767;
  --secondary-800: #373737;
  --secondary-900: #262626;

  /* data-colors (dark set) */
  --data-0: #0082b4;
  --data-1: #b029cc;
  --data-2: #7e8036;
  --data-3: #40568b;
  --data-4: #b80052;
  --data-5: #225c22;
  --data-6: #802ab5;
  --data-7: #ee0160;
  --data-8: #917a4f;
  --data-9: #da6045;
  --data-10: #35aed9;
  --data-11: #e55cff;
  --data-12: #b4b725;
  --data-13: #6183d6;
  --data-14: #bb5180;
  --data-15: #57a857;
  --data-16: #9976ae;
  --data-17: #fa6f9e;
  --data-18: #a6977a;
  --data-19: #fd9781;

  /* special-colors */
  --black: #000;
  --white: #fff;
  --vaBlue: #0082b4;
  --vaGreen: #82b83c;
  --vaRed: #c70100;
  --vaYellow: #f3c301;

  /* severity */
  --severity-critical: #c70100;
  --severity-high: #e64801;
  --severity-medium: #f3c301;
  --severity-low: #e5d389;
  --severity-undefined: #707070;
  --severity-null: #707070;
  --severity-none: #707070;

  /* status */
  --status-critical: #c70100;
  --status-high: #e64801;
  --status-medium: #f3c301;
  --status-low: #e5d389;
  --status-ok: #82b83c;
  --status-unknown: #707070;
  --status-undefined: #707070;
  --status-null: #707070;
  --status-none: #707070;
  --status-connected: #82b83c;
  --status-disconnected: #a003ea;
  --status-warning: #f3c301;

  /* =========================================
     SEMANTIC VARIABLES (use the palette above)
     ========================================= */

  /* app */
  --app-BackgroundColor: var(--base-1200);

  /* border */
  --border-dark-Color: var(--base-1200);
  --border-light-Color: var(--base-300);

  /* vehicles minimap */
  --brush-handle-BackgroundColor: var(--base-900);

  /* button */
  --button-active-BackgroundColor: var(--primary-700);
  --button-active-BorderColor: var(--primary-700);
  --button-active-Color: var(--base-white);
  --button-active-hover-BackgroundColor: var(--primary-400);
  --button-active-hover-BorderColor: var(--primary-400);
  --button-BorderColor: transparent;
  --button-Color: var(--base-300);
  --button-focus-BorderColor: var(--base-000);
  --button-hover-BackgroundColor: var(--primary-700);
  --button-hover-BorderColor: transparent;
  --button-hover-Color: var(--base-white);
  --button-login-Color: var(--base-white);
  --button-login-BackgroundColor: var(--primary-700);
  --button-login-BorderColor: var(--primary-700);
  --button-login-hover-BackgroundColor: var(--primary-900);
  --button-login-hover-BorderColor: var(--primary-900);
  --button-login-hover-Color: var(--base-white);
  --button-login-link-Color: var(--primary-700);
  --button-login-link-BorderColor: var(--primary-700);
  --button-login-link-hover-BorderColor: var(--primary-700);
  --button-login-link-hover-Color: var(--primary-900);
  --button-primary-BackgroundColor: var(--base-900);
  --button-secondary-BackgroundColor: var(--base-600);
  --button-tab-BackgroundColor: var(--base-600);
  --button-tab-hover-BackgroundColor: var(--base-500);
  --button-tab-hover-BorderColor: var(--base-500);
  --button-tab-hover-Color: var(--base-white);
  --button-toggle-active-Color: var(--base-white);
  --button-toggle-active-BackgroundColor: var(--primary-700);
  --button-toggle-active-BorderColor: var(--primary-700);
  --button-toggle-active-hover-BackgroundColor: var(--primary-400);
  --button-toggle-active-hover-BorderColor: var(--primary-400);
  --button-toggle-Color: var(--base-300);
  --button-toggle-icon-Color: var(--base-300);
  --button-toggle-BackgroundColor: var(--base-600);
  --button-toggle-BorderColor: var(--base-600);
  --button-toggle-hover-Color: var(--base-white);
  --button-toggle-hover-BackgroundColor: var(--base-500);
  --button-toggle-hover-BorderColor: var(--base-500);
  --button-toggle-contained-Color: var(--base-100);
  --button-toggle-contained-BackgroundColor: var(--base-900);
  --button-toggle-contained-hover-BorderColor: var(--base-100);

  /* checkbox */
  --checkbox-active-Color: var(--primary-700);
  --checkbox-active-hover-Color: var(--primary-400); /* primary-light-Color */
  --checkbox-Color: var(--base-300);
  --checkbox-hover-Color: var(--base-60);
  --checkbox-label-active-Color: var(--base-200);
  --checkbox-label-active-hover-Color: var(--base-60);
  --checkbox-label-Color: var(--base-300);
  --checkbox-label-hover-Color: var(--base-100);

  /* checkpoint-marker */
  --checkpoint-marker-BackgroundColor: var(--base-1200);
  --checkpoint-marker-hover-BorderColor: var(--base-000);
  --checkpoint-marker-active-BorderColor: var(
    --primary-700
  ); /* primary-Color */

  /* expose palette as basic colors */
  --color-black: var(--black);
  --color-white: var(--white);
  --color-blue: var(--vaBlue);
  --color-green: var(--vaGreen);
  --color-red: var(--vaRed);
  --color-yellow: var(--vaYellow);

  /* datepicker */
  --datepicker-BackgroundColor: var(--base-900);
  --datepicker-BorderColor: var(--base-900);
  --datepicker-day-Color: var(--base-white);
  --datepicker-day-disabled-Color: var(--base-400);
  --datepicker-day-in-range-BackgroundColor: var(--base-700);
  --datepicker-day-in-range-BorderColor: var(--base-700);
  --datepicker-day-next-prev-month-Color: var(--base-300);
  --datepicker-input-hover-BackgroundColor: var(--base-800);
  --datepicker-month-Color: var(--base-white);
  --datepicker-month-prev-next-Color: var(--base-300);
  --datepicker-month-prev-next-hover-Color: var(--base-white);
  --datepicker-numinput-arrow-Color: var(--base-300);
  --datepicker-numinput-arrow-hover-BackgroundColor: var(--base-600);
  --datepicker-numinput-arrow-hover-BorderColor: var(--base-600);
  --datepicker-numinput-arrow-hover-Color: var(--base-white);
  --datepicker-numinput-Color: var(--base-white);
  --datepicker-numinput-hover-arrow-BackgroundColor: var(--base-600);
  --datepicker-numinput-hover-arrow-BorderColor: var(--base-600);
  --datepicker-selected-BackgroundColor: var(--primary-700);
  --datepicker-selected-BorderColor: var(--primary-700);
  --datepicker-selected-Color: var(--base-white);
  --datepicker-separator-Color: var(--base-900);
  --datepicker-time-separator-Color: var(--base-white);
  --datepicker-today-BorderColor: var(--base-400);
  --datepicker-today-hover-BackgroundColor: var(--base-700);
  --datepicker-today-hover-BorderColor: var(--base-400);
  --datepicker-today-hover-Color: var(--base-white);
  --datepicker-week-selected-Color: var(--primary-700);
  --datepicker-weekday-Color: var(--base-300);

  /* generic-toggle */
  --generic-toggle-hover-BackgroundColor: var(--base-600);

  /* gfx */
  --gfx-alarm-icon-FillColor: var(--base-900);
  --gfx-bearing-bracket-Color: var(--base-900);
  --gfx-bearing-component-BackgroundColor: var(--base-1000);
  --gfx-bearing-component-BorderColor: var(--base-1200);
  --gfx-cam-indicator-frame-Color: var(--base-1000);
  --gfx-cam-indicator-icon-Color: var(--base-300);
  --gfx-cam-indicator-icon-active-Color: var(--base-100);
  --gfx-cam-indicator-icon-selected-Color: var(--primary-700);
  --gfx-cam-indicator-primary-FillColor: var(--base-1000);
  --gfx-cam-indicator-secondary-FillColor: var(--base-700);
  --gfx-cam-indicator-StrokeColor: var(--base-1200);
  --gfx-ded-track-BorderColor: var(--base-900);
  --gfx-ded-vehicle-BackgroundColor: var(--base-1000);
  --gfx-ded-vehicle-BorderColor: var(--base-1200);
  --gfx-ded-vehicle-components-BackgroundColor: var(--base-700);
  --gfx-pvs-portal-BackgroundColor: var(--base-600);
  --gfx-pvs-vehicle-BackgroundColor: var(--base-1000);
  --gfx-pvs-vehicle-BorderColor: var(--base-1200);
  --gfx-pvs-vehicle-components-BackgroundColor: var(--base-700);
  --gfx-rg-BorderColor: var(--base-1200);
  --gfx-rg-ws-BackgroundColor: var(--base-1000);
  --gfx-tbogi-track-divider-Color: var(--base-400);
  --gfx-tbogi-rail-Color: var(--base-1200);
  --gfx-tbogi-ws-BackgroundColor: var(--base-1000);
  --gfx-tbogi-ws-BorderColor: var(--base-1200);
  --gfx-train-BackgroundColor: var(--base-1000);
  --gfx-train-BorderColor: var(--base-1200);
  --gfx-train-components-BackgroundColor: var(--base-700);
  --gfx-train-tr-BackgroundColor: var(--base-900);
  --gfx-train-tr-BorderColor: var(--base-900);
  --gfx-vehicle-BackgroundColor: var(--base-1000);
  --gfx-vehicle-ptfm-BackgroundColor: var(--base-600);
  --gfx-vehicle-rg-BackgroundColor: var(--base-700);
  --gfx-vehicle-BorderColor: var(--base-1200);
  --gfx-vehicle-ws-BackgroundColor: var(--base-400);
  --gfx-wheelset-axle-BackgroundColor: var(--base-1000);
  --gfx-wheelset-axle-Color: var(--base-1200);
  --gfx-wheelset-track-Color: var(--base-900);

  /* app header */
  --header-BackgroundColor: var(--base-800);
  --header-nav-BackgroundColor: var(--base-800);

  /* highcharts */
  --highcharts-annotation-label-box-border: #00000073; /* base-black + 0x73 */
  --highcharts-annotation-label-box: #00000073;
  --highcharts-annotation-label-text: var(--base-100);
  --highcharts-axis-labels: var(--base-300);
  --highcharts-axis-line: var(--base-400);
  --highcharts-axis-title: var(--base-300);
  --highcharts-BackgroundColor: var(--base-700);
  --highcharts-button: var(--base-600);
  --highcharts-button-border: var(--base-600);
  --highcharts-button-text: var(--base-100);
  --highcharts-button-hover: var(--base-1000);
  --highcharts-button-hover-border: var(--base-1000);
  --highcharts-button-hover-text: var(--base-white);
  --highcharts-button-pressed: var(--primary-700);
  --highcharts-button-pressed-border: var(--primary-700);
  --highcharts-button-pressed-text: var(--base-white);
  --highcharts-button-symbol: var(--base-100);
  --highcharts-color-0: var(--data-0);
  --highcharts-color-1: var(--data-1);
  --highcharts-color-2: var(--data-2);
  --highcharts-color-3: var(--data-3);
  --highcharts-color-4: var(--data-4);
  --highcharts-color-5: var(--data-5);
  --highcharts-color-6: var(--data-6);
  --highcharts-color-7: var(--data-7);
  --highcharts-color-8: var(--data-8);
  --highcharts-color-9: var(--data-9);
  --highcharts-color-10: var(--data-10);
  --highcharts-color-11: var(--data-11);
  --highcharts-color-12: var(--data-12);
  --highcharts-color-13: var(--data-13);
  --highcharts-color-14: var(--data-14);
  --highcharts-color-15: var(--data-15);
  --highcharts-color-16: var(--data-16);
  --highcharts-color-17: var(--data-17);
  --highcharts-color-18: var(--data-18);
  --highcharts-color-19: var(--data-19);
  --highcharts-color-axle-plotline: var(--base-500);
  --highcharts-color-severity-critical: var(--severity-critical);
  --highcharts-color-severity-high: var(--severity-high);
  --highcharts-color-severity-medium: var(--severity-medium);
  --highcharts-color-severity-low: var(--severity-low);
  --highcharts-color-severity-none: var(--severity-none);
  --highcharts-color-status-critical: var(--status-critical);
  --highcharts-color-status-high: var(--status-high);
  --highcharts-color-status-medium: var(--status-medium);
  --highcharts-color-status-low: var(--status-low);
  --highcharts-color-status-ok: var(--status-ok);
  --highcharts-color-status-none: var(--status-none);
  --highcharts-color-status-connected: var(--status-connected);
  --highcharts-color-status-disconnected: var(--status-disconnected);
  --highcharts-color-status-warning: var(--status-warning);
  --highcharts-contextbutton: var(--base-600);
  --highcharts-contextbutton-border: var(--base-600);
  --highcharts-contextbutton-hover: var(--base-1000);
  --highcharts-contextbutton-hover-border: var(--base-1000);
  --highcharts-data-label-text: var(--base-200);
  --highcharts-grid-line: var(--base-400);
  --highcharts-label-text: var(--base-100);
  --highcharts-legend-item-hidden: var(--base-400);
  --highcharts-legend-item-hidden-border: var(--base-400);
  --highcharts-legend-item-hover-text: var(--base-white);
  --highcharts-legend-item-text: var(--base-100);
  --highcharts-legend-nav-active: var(--base-300);
  --highcharts-legend-nav-inactive: var(--base-300);
  --highcharts-legend-navigation: var(--base-300);
  --highcharts-loading: #00000080;
  --highcharts-menu: var(--base-800);
  --highcharts-menu-border: var(--base-800);
  --highcharts-menu-item-hover: var(--base-500);
  --highcharts-menu-item-hover-text: var(--base-white);
  --highcharts-menu-item-text: var(--base-white);
  --highcharts-menu-shadow: var(--base-black);
  --highcharts-minor-grid-line: var(--base-400);
  --highcharts-navigator-handle: var(--base-400);
  --highcharts-navigator-handle-border: var(--base-350);
  --highcharts-navigator-mask-inside: #ffffff1a;
  --highcharts-navigator-outline: var(--base-100);
  --highcharts-navigator-series: var(--primary-700);
  --highcharts-navigator-series-border: var(--primary-700);
  --highcharts-navigator-xaxis-axis-labels: var(--base-300);
  --highcharts-navigator-xaxis-grid-line: var(--base-500);
  --highcharts-no-data-text: var(--base-300);
  --highcharts-plot-line: var(--base-500);
  --highcharts-scrollbar-arrow: var(--base-600);
  --highcharts-scrollbar-button-border: var(--base-350);
  --highcharts-scrollbar-button: var(--base-350);
  --highcharts-scrollbar-rifles: var(--base-600);
  --highcharts-scrollbar-thumb-border: transparent;
  --highcharts-scrollbar-thumb: var(--base-350);
  --highcharts-scrollbar-track-border: var(--base-100);
  --highcharts-scrollbar-track: transparent;
  --highcharts-subtitle: var(--base-white);
  --highcharts-tick: var(--base-400);
  --highcharts-title: var(--base-white);
  --highcharts-tooltip-box: #000000d9;
  --highcharts-tooltip-box-border: #000000d9;
  --highcharts-tooltip-box-label-box: #000000d9;
  --highcharts-tooltip-text: var(--base-100);

  /* icon */
  --icon-Color: var(--base-300);
  --icon-active-Color: var(--primary-700); /* primary-Color */
  --icon-active-hover-Color: var(--primary-400); /* primary-light-Color */
  --icon-focus-Color: var(--white);
  --icon-hover-Color: var(--white);

  /* img viewer */
  --img-viewer-details-img-BorderColor: var(--base-black);
  --img-viewer-event-body-BackgroundColor: var(--base-900);
  --img-viewer-event-pointer-Color: var(--base-1200);
  --img-viewer-indicator-icon-color: var(--base-300);
  --img-viewer-linked-alarm-BorderColor: var(--base-900);
  --img-viewer-streams-BorderColor: var(--base-500);

  /* input */
  --input-BorderColor: var(--base-600);
  --input-active-BorderColor: var(--primary-700);
  --input-error-BorderColor: var(--vaRed);
  --input-focus-BackgroundColor: #ffffff0d;
  --input-hover-BackgroundColor: #ffffff0d;
  --input-hover-BorderColor: var(--base-000);
  --input-option-BorderColor: var(--base-900);
  --input-option-hover-BorderColor: var(--primary-700);
  --input-option-focus-BorderColor: var(--base-000);

  /* label */
  --label-BackgroundColor: var(--base-900);
  --label-BorderColor: var(--base-900);
  --label-hover-text-Color: var(--white);
  --label-hover-BackgroundColor: var(--primary-700); /* primary-Color */
  --label-hover-BorderColor: var(--primary-700);
  --label-text-Color: var(--base-100);

  /* launcher */
  --launcher-app-BackgroundColor: var(--base-600);
  --launcher-app-hover-BackgroundColor: var(--base-500);
  --launcher-app-hover-BorderColor: var(--base-500);
  --launcher-app-BorderColor: transparent;
  --launcher-app-focus-BorderColor: var(--secondary-100);
  --launcher-app-active-BackgroundColor: var(--vaBlue);
  --launcher-app-active-BorderColor: var(--vaBlue);
  --launcher-app-active-hover-BackgroundColor: var(--primary-400);
  --launcher-app-active-hover-BorderColor: var(--primary-400);
  --launcher-app-icon-Color: var(--base-100);
  --launcher-app-icon-active-Color: var(--white);
  --launcher-app-icon-hover-Color: var(--base-white);
  --launcher-app-label-Color: var(--base-300);
  --launcher-app-label-hover-Color: var(--base-white);
  --launcher-app-label-active-Color: var(--white);

  /* list */
  --list-header-BackgroundColor: var(--base-700);
  --list-superitem-BackgroundColor: var(--base-700);
  --list-superitem-hover-BackgroundColor: var(--base-1000);
  --list-superitem-selected-BackgroundColor: var(--base-900);
  --list-item-BackgroundColor: var(--base-600);
  --list-item-hover-BackgroundColor: var(--base-700);
  --list-item-selected-BackgroundColor: var(--base-500);
  --list-subitem-activated-BackgroundColor: #08080880; /* base-1200 + 80 */
  --list-subitem-activated-BorderColor: #08080880;
  --list-subitem-BackgroundColor: #0808084c;
  --list-subitem-BorderColor: #0808084c;
  --list-subitem-hover-BackgroundColor: #080808b3;
  --list-subitem-hover-BorderColor: #080808b3;

  /* login */
  --login-error-message-BackgroundColor: #fbece8;
  --login-error-message-Color: var(--vaRed);
  --login-separator-BackgroundColor: var(
    --secondary-300
  ); /* secondary-light-Color */

  /* map-popup */
  --map-popup-subitem-BackgroundColor: #4646464c; /* base-500 + 4c */
  --map-popup-subitem-hover-BackgroundColor: #464646b3;
  --map-popup-subitem-activated-BackgroundColor: #46464680;

  /* map tooltip */
  --map-tooltip-BackgroundColor: var(--base-1000);
  --map-tooltip-BorderColor: var(--base-1200);

  /* map system group widgets */
  --system-group-widget-BackgroundColor: var(--base-700);
  --system-group-widget-hover-BackgroundColor: var(--base-1000);
  --system-group-widget-selected-BackgroundColor: var(--base-900);

  /* component status gfx */
  --outer-circle-StrokeColor: var(--base-1200);

  /* overlay */
  --overlay-BackgroundColor: var(--base-1000);
  --overlay-body-BackgroundColor: var(--base-700);
  --overlay-BorderColor: var(--base-1200);
  --overlay-header-Color: var(--base-300);
  --overlay-header-BackgroundColor: var(--base-1000);
  --overlay-separator-Color: var(--base-1200);

  /* panel */
  --panel-body-BackgroundColor: var(--base-700);
  --panel-header-BackgroundColor: var(--base-900);
  --panel-BorderColor: var(--base-900);
  --panel-children-BorderColor: var(--base-900);
  --panel-separator-Color: var(--base-900);
  --panel-tab-hover-BackgroundColor: var(--secondary-900);

  /* perspective details */
  --perspective-details-panel-BackgroundColor: var(--base-500);

  /* primary colors (semantic aliases) */
  --primary-Color: var(--primary-700);
  --primary-dark-Color: var(--primary-900);
  --primary-light-Color: var(--primary-400);

  /* profile */
  --profile-avatar-backdropColor: var(--base-1200);

  /* quick filter */
  --quick-filter-BackgroundColor: var(--base-900);
  --quick-filter-BorderColor: transparent;
  --quick-filter-active-BorderColor: var(--primary-700);
  --quick-filter-active-hover-BorderColor: var(--primary-400);
  --quick-filter-hover-BorderColor: var(--base-100);

  /* radio buttons */
  --radio-button-active-BackgroundColor: var(--primary-700);
  --radio-button-active-BorderColor: var(--base-60);
  --radio-button-active-Color: var(--base-200);
  --radio-button-active-hover-BackgroundColor: var(
    --primary-400
  ); /* primary-light-Color */

  --radio-button-active-hover-BorderColor: var(--primary-400);
  --radio-button-active-hover-Color: var(--base-60);
  --radio-button-BackgroundColor: transparent;
  --radio-button-BorderColor: var(--base-60);
  --radio-button-Color: var(--base-300);
  --radio-button-hover-Color: var(--base-100);
  --radio-button-hover-BorderColor: var(--base-60);

  /* region marker */
  --region-marker-BackgroundColor: var(--base-1200);
  --region-marker-hover-BorderColor: var(--base-000);
  --region-marker-active-BorderColor: var(--primary-700); /* primary-Color */

  /* sash container */
  --sash-BackgroundColor: var(--base-1200);
  --sash-button-BackgroundColor: var(--base-1200);
  --sash-button-BorderColor: var(--base-1200);
  --sash-button-Color: var(--base-300);
  --sash-button-hover-BackgroundColor: var(--primary-700);
  --sash-button-hover-BorderColor: var(--primary-700);
  --sash-button-hover-Color: var(--base-white);

  /* running-gear */
  --running-gear-component-BackgroundColor: var(--base-1000);
  --running-gear-component-BorderColor: var(--base-black);
  --running-gear-component-disabled-BackgroundColor: var(--base-700);
  --running-gear-component-disabled-BorderColor: var(--base-900);
  --running-gear-component-hover-Color: var(--base-350);
  --running-gear-component-icon-BackgroundColor: var(--base-700);
  --running-gear-component-selected-Color: var(--primary-700);
  --running-gear-component-selected-hover-Color: var(--primary-400);
  --running-gear-label-BackgroundColor: var(--base-400);
  --running-gear-label-highlighted-BackgroundColor: var(--primary-700);

  /* scroller */
  --scroller-handle-BackgroundColor: #64646485; /* base-400 + 0x85 */

  /* secondary pointer colors (semantic aliases) */
  --secondary-Color: var(--secondary-500);
  --secondary-dark-Color: var(--secondary-800);
  --secondary-light-Color: var(--secondary-300);

  /* select */
  --select-BackgroundColor: var(--base-900);
  --select-BorderColor: var(--base-900);
  --select-option-hover-BackgroundColor: var(--base-700);

  /* set component summary */
  --set-component-summary-BackgroundColor: var(--base-900);
  --set-component-summary-BorderColor: transparent;

  /* set navigator */
  --set-navigator-BackgroundColor: var(--base-700);
  --set-navigator-label-BackgroundColor: var(--base-600);
  --set-navigator-label-BorderColor: var(--base-1000);
  --set-navigator-label-Color: var(--base-300);
  --set-navigator-label-disabled-BackgroundColor: var(--base-600);
  --set-navigator-label-disabled-BorderColor: var(--base-800);
  --set-navigator-label-hover-BackgroundColor: var(--base-500);
  --set-navigator-label-hover-BorderColor: var(--base-1200);
  --set-navigator-label-hover-Color: var(--base-white);
  --set-navigator-label-selected-BackgroundColor: var(--primary-700);
  --set-navigator-label-selected-BorderColor: var(--primary-700);
  --set-navigator-label-selected-Color: var(--base-white);
  --set-navigator-label-selected-hover-BackgroundColor: var(--primary-400);
  --set-navigator-label-selected-hover-BorderColor: var(--primary-400);
  --set-navigator-label-selected-hover-Color: var(--base-white);
  --set-navigator-label-line-Color: var(--base-1200);
  --set-navigator-label-line-disabled-Color: var(--base-800);
  --set-navigator-running-gear-BackgroundColor: var(--base-700);
  --set-navigator-running-gear-BorderColor: var(--base-black);
  --set-navigator-running-gear-disabled-BackgroundColor: var(--base-700);
  --set-navigator-running-gear-disabled-BorderColor: var(--base-900);
  --set-navigator-platform-BackgroundColor: var(--base-600);
  --set-navigator-platform-BorderColor: var(--base-black);
  --set-navigator-platform-disabled-BackgroundColor: var(--base-700);
  --set-navigator-platform-disabled-BorderColor: var(--base-900);
  --set-navigator-vehicle-BackgroundColor: var(--base-1000);
  --set-navigator-vehicle-BorderColor: var(--base-black);
  --set-navigator-vehicle-disabled-BackgroundColor: var(--base-700);
  --set-navigator-vehicle-disabled-BorderColor: var(--base-900);
  --set-navigator-wheelset-BackgroundColor: var(--base-400);
  --set-navigator-wheelset-BorderColor: var(--base-black);
  --set-navigator-wheelset-disabled-BackgroundColor: var(--base-700);
  --set-navigator-wheelset-disabled-BorderColor: var(--base-900);
  --set-navigator-wheelset-powered-BackgroundColor: var(--primary-200);
  --set-navigator-wheelset-individually-powered-BackgroundColor: var(
    --primary-500
  );

  /* status-bar */
  --status-bar-BackgroundColor: var(--base-700);
  --status-bar-BorderColor: var(--base-700);

  /* switch */
  --switch-thumb-active-BackgroundColor: var(--primary-700);
  --switch-thumb-active-hover-BackgroundColor: var(--primary-400);
  --switch-thumb-BackgroundColor: var(--base-250);
  --switch-thumb-hover-BackgroundColor: var(--base-60);
  --switch-track-BackgroundColor: var(--base-500);

  /* table */
  --table-BorderColor: var(--base-700);
  --table-button-BackgroundColor: var(--base-700);
  --table-header-BackgroundColor: var(--base-700);
  --table-generic-header-BackgroundColor: var(--base-500);
  --table-generic-body-BackgroundColor: var(--base-600);
  --table-generic-body-hover-BackgroundColor: var(--base-500);
  --table-cell-Color: var(--secondary-100);
  --table-cell-duration-BackgroundColor: var(--primary-700);

  /* text */
  --text-high-emph-Color: var(--base-white);
  --text-medium-emph-Color: var(--base-300);
  --text-on-primary-Color: var(--base-white);
  --text-error-Color: var(--vaRed);
  --text-focus-Color: var(--base-white);
  --text-hover-Color: var(--base-white);
  --text-active-Color: var(--base-white);
  --text-inactive-Color: #ffffff5c;
  --text-disabled-Color: var(--base-400);
  --text-primary-Color: var(--primary-700);

  /* thread */
  --thread-line-Color: var(--base-1200);
  --thread-line-hover-Color: var(--base-white);
  --thread-root-attachment-BackgroundColor: var(--base-800);

  /* thumbnails */
  --thumbnail-BorderColor: var(--base-black);
  --thumbnail-hover-BorderColor: var(--base-100);

  /* tile */
  --tile-BackgroundColor: var(--base-900);
  --tile-BorderColor: var(--base-900);
  --tile-icon-Color: var(--base-300);
  --tile-label-Color: var(--base-300);
  --tile-hover-BackgroundColor: var(--base-900);
  --tile-hover-BorderColor: var(--base-100);
  --tile-hover-icon-Color: var(--base-300);
  --tile-hover-label-Color: var(--base-300);
  --tile-selected-BackgroundColor: var(--base-900);
  --tile-selected-BorderColor: var(--primary-700); /* primary-Color */
  --tile-selected-icon-Color: var(--base-300);
  --tile-selected-label-Color: var(--base-300);
  --tile-selected-hover-BackgroundColor: var(--base-900);
  --tile-selected-hover-BorderColor: var(
    --primary-400
  ); /* primary-light-Color */

  --tile-selected-hover-icon-Color: var(--base-300);
  --tile-selected-hover-label-Color: var(--base-300);

  /* toasts */
  --toast-BackgroundColor: var(--base-1200);
  --toast-delimiter-Color: var(--base-500);
  --toast-success-BorderColor: var(--vaGreen);
  --toast-warning-BorderColor: var(--vaYellow);
  --toast-error-BorderColor: var(--vaRed);

  /* train-graph */
  --train-graph-BackgroundColor: var(--base-700);
  --train-graph-dot-BorderColor: var(--base-black);
  --train-graph-grid-Color: var(--base-400);
  --train-graph-scrollbar-thumb-BackgroundColor: #646464cc; /* base-400 + CC */
  --train-graph-scrollbar-track-BackgroundColor: var(--base-600);
  --train-graph-text-Color: var(--base-300);
  --train-graph-tooltip-Color: var(--base-100);
  --train-graph-tooltip-BackgroundColor: #000000d9;
  --train-graph-tooltip-BorderColor: #000000d9;
  --train-graph-vehicle-gfx-BackgroundColor: var(--base-900);
  --train-graph-vehicle-gfx-ws-BackgroundColor: var(--base-500);
  --train-graph-ws-bar-BorderColor: var(--base-black);
}

.phx-cms-theme-light {
  /* ================================
     PALETTE (scoped to this class)
     ================================ */

  /* base-colors */
  --base-white: #fff;
  --base--40: #fafafa;
  --base-000: #f6f6f6;
  --base-30: #f4f4f4;
  --base-50: #f0f0f0;
  --base-55: #e9e9e9;
  --base-60: #e3e3e3;
  --base-75: #dedede;
  --base-100: #c8c8c8;
  --base-200: #b4b4b4;
  --base-250: #a5a5a5;
  --base-300: #999;
  --base-350: #7e7e7e;
  --base-400: #646464;
  --base-500: #464646;
  --base-600: #373737;
  --base-700: #2d2d2d;
  --base-800: #2a2a2a;
  --base-900: #1e1e1e;
  --base-1000: #181818;
  --base-1100: #0f0f0f;
  --base-1200: #080808;
  --base-black: #000;

  /* primary-colors */
  --primary-50: #e0f4f9;
  --primary-100: #b2e2f0;
  --primary-200: #81cfe7;
  --primary-300: #54bcde;
  --primary-400: #35aed9;
  --primary-500: #17a1d4;
  --primary-600: #0e93c7;
  --primary-700: #0082b4;
  --primary-800: #0170a1;
  --primary-900: #00517f;

  /* secondary-colors */
  --secondary-50: #fbfbfb;
  --secondary-100: #f6f6f6;
  --secondary-200: #f1f1f1;
  --secondary-300: #e3e3e3;
  --secondary-400: #c4c4c4;
  --secondary-500: #a5a5a5;
  --secondary-600: #7b7b7b;
  --secondary-700: #676767;
  --secondary-800: #373737;
  --secondary-900: #262626;

  /* data-colors */
  --data-0: #0082b4;
  --data-1: #b029cc;
  --data-2: #97a744;
  --data-3: #40568b;
  --data-4: #b80052;
  --data-5: #3c7e5e;
  --data-6: #802ab5;
  --data-7: #ee0160;
  --data-8: #bb9a5d;
  --data-9: #fa6a4a;
  --data-10: #35aed9;
  --data-11: #e55cff;
  --data-12: #b3d262;
  --data-13: #6183d6;
  --data-14: #ef4c7e;
  --data-15: #4ad7a0;
  --data-16: #c691d6;
  --data-17: #f88eb1;
  --data-18: #efcb8b;
  --data-19: #fd9781;

  /* special-colors */
  --black: #000;
  --white: #fff;
  --vaBlue: #0082b4;
  --vaGreen: #82b83c;
  --vaRed: #c70100;
  --vaYellow: #f3c301;

  /* severity */
  --severity-critical: #c70100;
  --severity-high: #e64801;
  --severity-medium: #f3c301;
  --severity-low: #e5d389;
  --severity-undefined: #707070;
  --severity-null: #707070;
  --severity-none: #707070;

  /* status */
  --status-critical: #c70100;
  --status-high: #f57600;
  --status-medium: #ffb800;
  --status-low: #e5d389;
  --status-ok: #82b83c;
  --status-unknown: #707070;
  --status-undefined: #707070;
  --status-null: #707070;
  --status-none: #707070;
  --status-connected: #82b83c;
  --status-disconnected: #a003ea;
  --status-warning: #f3c301;

  /* =========================================
     SEMANTIC VARIABLES (use the palette above)
     ========================================= */

  /* app */
  --app-BackgroundColor: var(--base-75);

  /* border */
  --border-dark-Color: var(--base-100);
  --border-light-Color: var(--base-200);

  /* vehicles minimap */
  --brush-handle-BackgroundColor: var(--base-55);

  /* button */
  --button-active-BackgroundColor: var(--primary-700);
  --button-active-BorderColor: var(--primary-700);
  --button-active-Color: var(--base-white);
  --button-active-hover-BackgroundColor: var(--primary-900);
  --button-active-hover-BorderColor: var(--primary-900);
  --button-BorderColor: var(--base-55);
  --button-Color: var(--base-400);
  --button-focus-BorderColor: var(--base-300);
  --button-hover-BackgroundColor: var(--primary-700);
  --button-hover-BorderColor: var(--primary-700);
  --button-hover-Color: var(--base-white);
  --button-login-Color: var(--base-white);
  --button-login-BackgroundColor: var(--primary-700);
  --button-login-BorderColor: var(--primary-700);
  --button-login-hover-BackgroundColor: var(--primary-900);
  --button-login-hover-BorderColor: var(--primary-900);
  --button-login-hover-Color: var(--base-white);
  --button-login-link-Color: var(--primary-700);
  --button-login-link-BorderColor: var(--primary-700);
  --button-login-link-hover-BorderColor: var(--primary-700);
  --button-login-link-hover-Color: var(--primary-900);
  --button-primary-BackgroundColor: var(--base-30);
  --button-secondary-BackgroundColor: var(--base-white);
  --button-tab-BackgroundColor: var(--base-white);
  --button-tab-hover-BackgroundColor: var(--base--40);
  --button-tab-hover-BorderColor: var(--base-100);
  --button-tab-hover-Color: var(--base-1200);
  --button-toggle-active-Color: var(--base-white);
  --button-toggle-active-BackgroundColor: var(--primary-700);
  --button-toggle-active-BorderColor: var(--primary-700);
  --button-toggle-active-hover-BackgroundColor: var(--primary-900);
  --button-toggle-active-hover-BorderColor: var(--primary-900);
  --button-toggle-Color: var(--base-400);
  --button-toggle-icon-Color: var(--base-350);
  --button-toggle-BackgroundColor: var(--base-white);
  --button-toggle-BorderColor: var(--base-55);
  --button-toggle-hover-Color: var(--base-1200);
  --button-toggle-hover-BackgroundColor: var(--base--40);
  --button-toggle-hover-BorderColor: var(--base-100);
  --button-toggle-contained-Color: var(--base-400);
  --button-toggle-contained-BackgroundColor: var(--base-white);
  --button-toggle-contained-hover-BorderColor: var(--base-300);

  /* checkbox */
  --checkbox-active-Color: var(--primary-700);
  --checkbox-active-hover-Color: var(--primary-900);
  --checkbox-Color: var(--base-400);
  --checkbox-hover-Color: var(--base-600);
  --checkbox-label-active-Color: var(--base-600);
  --checkbox-label-active-hover-Color: var(--base-1200);
  --checkbox-label-Color: var(--base-400);
  --checkbox-label-hover-Color: var(--base-600);

  /* checkpoint-marker */
  --checkpoint-marker-BackgroundColor: var(--base-white);
  --checkpoint-marker-hover-BorderColor: var(--base-900);
  --checkpoint-marker-active-BorderColor: var(--primary-700);

  /* colors (expose palette as semantic too) */
  --color-black: var(--black);
  --color-white: var(--white);
  --color-blue: var(--vaBlue);
  --color-green: var(--vaGreen);
  --color-red: var(--vaRed);
  --color-yellow: var(--vaYellow);

  /* datepicker */
  --datepicker-BackgroundColor: var(--base-white);
  --datepicker-BorderColor: var(--base-75);
  --datepicker-day-Color: var(--base-600);
  --datepicker-day-disabled-Color: var(--base-200);
  --datepicker-day-in-range-BackgroundColor: var(--base-30);
  --datepicker-day-in-range-BorderColor: var(--base-30);
  --datepicker-day-next-prev-month-Color: var(--base-300);
  --datepicker-input-hover-BackgroundColor: var(--base--40);
  --datepicker-month-Color: var(--base-600);
  --datepicker-month-prev-next-Color: var(--base-350);
  --datepicker-month-prev-next-hover-Color: var(--base-1200);
  --datepicker-numinput-arrow-Color: var(--base-350);
  --datepicker-numinput-arrow-hover-BackgroundColor: var(--base-30);
  --datepicker-numinput-arrow-hover-BorderColor: var(--base-55);
  --datepicker-numinput-arrow-hover-Color: var(--base-350);
  --datepicker-numinput-Color: var(--base-500);
  --datepicker-numinput-hover-arrow-BackgroundColor: var(--base-white);
  --datepicker-numinput-hover-arrow-BorderColor: var(--base-55);
  --datepicker-selected-BackgroundColor: var(--primary-700);
  --datepicker-selected-BorderColor: var(--primary-700);
  --datepicker-selected-Color: var(--base-white);
  --datepicker-separator-Color: var(--base-30);
  --datepicker-time-separator-Color: var(--base-500);
  --datepicker-today-BorderColor: var(--base-75);
  --datepicker-today-hover-BackgroundColor: var(--base-30);
  --datepicker-today-hover-BorderColor: var(--base-75);
  --datepicker-today-hover-Color: var(--base-600);
  --datepicker-week-selected-Color: var(--primary-700);
  --datepicker-weekday-Color: var(--base-350);

  /* generic-toggle */
  --generic-toggle-hover-BackgroundColor: var(--base-000);

  /* gfx (subset) */
  --gfx-alarm-icon-FillColor: var(--base-white);
  --gfx-bearing-bracket-Color: var(--base-55);
  --gfx-bearing-component-BackgroundColor: var(--base--40);
  --gfx-bearing-component-BorderColor: var(--base-200);
  --gfx-cam-indicator-frame-Color: var(--base-200);
  --gfx-cam-indicator-icon-Color: var(--base-350);
  --gfx-cam-indicator-icon-active-Color: var(--base-600);
  --gfx-cam-indicator-icon-selected-Color: var(--primary-700);
  --gfx-cam-indicator-primary-FillColor: var(--base--40);
  --gfx-cam-indicator-secondary-FillColor: var(--base-white);
  --gfx-cam-indicator-StrokeColor: var(--base-200);
  --gfx-ded-track-BorderColor: var(--base-55);
  --gfx-ded-vehicle-BackgroundColor: var(--base--40);
  --gfx-ded-vehicle-BorderColor: var(--base-200);
  --gfx-ded-vehicle-components-BackgroundColor: var(--base-white);
  --gfx-pvs-portal-BackgroundColor: var(--base-000);
  --gfx-pvs-vehicle-BackgroundColor: var(--base-white);
  --gfx-pvs-vehicle-BorderColor: var(--base-200);
  --gfx-pvs-vehicle-components-BackgroundColor: var(--base--40);
  --gfx-rg-BorderColor: var(--base-200);
  --gfx-rg-ws-BackgroundColor: var(--base--40);
  --gfx-tbogi-track-divider-Color: var(--base-55);
  --gfx-tbogi-rail-Color: var(--base-55);
  --gfx-tbogi-ws-BackgroundColor: var(--base--40);
  --gfx-tbogi-ws-BorderColor: var(--base-200);
  --gfx-train-BackgroundColor: var(--base--40);
  --gfx-train-BorderColor: var(--base-200);
  --gfx-train-components-BackgroundColor: var(--base-white);
  --gfx-train-tr-BackgroundColor: var(--base-white);
  --gfx-train-tr-BorderColor: var(--base-200);
  --gfx-vehicle-BackgroundColor: var(--base-55);
  --gfx-vehicle-ptfm-BackgroundColor: var(--base--40);
  --gfx-vehicle-rg-BackgroundColor: var(--base-000);
  --gfx-vehicle-BorderColor: var(--base-200);
  --gfx-vehicle-ws-BackgroundColor: var(--base-white);
  --gfx-wheelset-axle-BackgroundColor: var(--base--40);
  --gfx-wheelset-axle-Color: var(--base-200);
  --gfx-wheelset-track-Color: var(--base-55);

  /* app header */
  --header-BackgroundColor: var(--base-white);
  --header-nav-BackgroundColor: var(--base-white);

  /* highcharts (series + UI colors) */
  --highcharts-annotation-label-box-border: var(--base-55);
  --highcharts-annotation-label-box: #ffffff73;
  --highcharts-annotation-label-text: var(--base-400);
  --highcharts-axis-labels: var(--base-400);
  --highcharts-axis-line: var(--base-400);
  --highcharts-axis-title: var(--base-400);
  --highcharts-BackgroundColor: var(--base-white);
  --highcharts-button: var(--base-white);
  --highcharts-button-border: var(--base-55);
  --highcharts-button-text: var(--base-400);
  --highcharts-button-hover: var(--base-white);
  --highcharts-button-hover-border: var(--base-300);
  --highcharts-button-hover-text: var(--base-400);
  --highcharts-button-pressed: var(--primary-700);
  --highcharts-button-pressed-border: var(--primary-700);
  --highcharts-button-pressed-text: var(--base-white);
  --highcharts-button-symbol: var(--base-400);
  --highcharts-color-0: var(--data-0);
  --highcharts-color-1: var(--data-1);
  --highcharts-color-2: var(--data-2);
  --highcharts-color-3: var(--data-3);
  --highcharts-color-4: var(--data-4);
  --highcharts-color-5: var(--data-5);
  --highcharts-color-6: var(--data-6);
  --highcharts-color-7: var(--data-7);
  --highcharts-color-8: var(--data-8);
  --highcharts-color-9: var(--data-9);
  --highcharts-color-10: var(--data-10);
  --highcharts-color-11: var(--data-11);
  --highcharts-color-12: var(--data-12);
  --highcharts-color-13: var(--data-13);
  --highcharts-color-14: var(--data-14);
  --highcharts-color-15: var(--data-15);
  --highcharts-color-16: var(--data-16);
  --highcharts-color-17: var(--data-17);
  --highcharts-color-18: var(--data-18);
  --highcharts-color-19: var(--data-19);
  --highcharts-color-axle-plotline: var(--base-60);
  --highcharts-color-severity-critical: var(--severity-critical);
  --highcharts-color-severity-high: var(--severity-high);
  --highcharts-color-severity-medium: var(--severity-medium);
  --highcharts-color-severity-low: var(--severity-low);
  --highcharts-color-severity-none: var(--severity-none);
  --highcharts-color-status-critical: var(--status-critical);
  --highcharts-color-status-high: var(--status-high);
  --highcharts-color-status-medium: var(--status-medium);
  --highcharts-color-status-low: var(--status-low);
  --highcharts-color-status-ok: var(--status-ok);
  --highcharts-color-status-none: var(--status-none);
  --highcharts-color-status-connected: var(--status-connected);
  --highcharts-color-status-disconnected: var(--status-disconnected);
  --highcharts-color-status-warning: var(--status-warning);
  --highcharts-contextbutton: var(--base-white);
  --highcharts-contextbutton-border: var(--base-55);
  --highcharts-contextbutton-hover: var(--base-white);
  --highcharts-contextbutton-hover-border: var(--base-300);
  --highcharts-data-label-text: var(--base-400);
  --highcharts-grid-line: var(--base-200);
  --highcharts-label-text: var(--base-400);
  --highcharts-legend-item-hidden: var(--base-400);
  --highcharts-legend-item-hidden-border: var(--base-200);
  --highcharts-legend-item-hover-text: var(--base-600);
  --highcharts-legend-item-text: var(--base-400);
  --highcharts-legend-nav-active: var(--base-350);
  --highcharts-legend-nav-inactive: var(--base-350);
  --highcharts-legend-navigation: var(--base-400);
  --highcharts-loading: #ffffff80;
  --highcharts-menu: var(--base-white);
  --highcharts-menu-border: var(--base-white);
  --highcharts-menu-item-hover: var(--base-000);
  --highcharts-menu-item-hover-text: var(--base-600);
  --highcharts-menu-item-text: var(--base-600);
  --highcharts-menu-shadow: var(--base-black);
  --highcharts-minor-grid-line: var(--base-400);
  --highcharts-navigator-handle: var(--base-white);
  --highcharts-navigator-handle-border: var(--base-75);
  --highcharts-navigator-mask-inside: #0082b41a;
  --highcharts-navigator-outline: var(--base-75);
  --highcharts-navigator-series: var(--primary-700);
  --highcharts-navigator-series-border: var(--primary-700);
  --highcharts-navigator-xaxis-axis-labels: var(--base-400);
  --highcharts-navigator-xaxis-grid-line: var(--base-75);
  --highcharts-no-data-text: var(--base-400);
  --highcharts-plot-line: var(--base-500);
  --highcharts-scrollbar-arrow: var(--base-400);
  --highcharts-scrollbar-button-border: transparent;
  --highcharts-scrollbar-button: var(--base-30);
  --highcharts-scrollbar-rifles: var(--base-400);
  --highcharts-scrollbar-thumb-border: transparent;
  --highcharts-scrollbar-thumb: var(--base-30);
  --highcharts-scrollbar-track-border: var(--base-75);
  --highcharts-scrollbar-track: transparent;
  --highcharts-subtitle: var(--base-600);
  --highcharts-tick: var(--base-200);
  --highcharts-title: var(--base-600);
  --highcharts-tooltip-box: #ffffffd9;
  --highcharts-tooltip-box-border: var(--base-55);
  --highcharts-tooltip-box-label-box: #ffffffd9;
  --highcharts-tooltip-text: var(--base-400);

  /* icon */
  --icon-Color: var(--base-350);
  --icon-active-Color: var(--primary-700);
  --icon-active-hover-Color: var(--primary-900);
  --icon-focus-Color: var(--base-1200);
  --icon-hover-Color: var(--base-1200);

  /* img viewer */
  --img-viewer-details-img-BorderColor: var(--base-55);
  --img-viewer-event-body-BackgroundColor: var(--base-30);
  --img-viewer-event-pointer-Color: var(--base-75);
  --img-viewer-indicator-icon-color: var(--base-350);
  --img-viewer-linked-alarm-BorderColor: var(--base-55);
  --img-viewer-streams-BorderColor: var(--base-75);

  /* input */
  --input-BorderColor: var(--base-30);
  --input-active-BorderColor: var(--primary-700);
  --input-error-BorderColor: var(--vaRed);
  --input-focus-BackgroundColor: #00000008;
  --input-hover-BackgroundColor: #00000008;
  --input-hover-BorderColor: var(--base-400);
  --input-option-BorderColor: var(--base-55);
  --input-option-hover-BorderColor: var(--primary-700);
  --input-option-focus-BorderColor: var(--base-300);

  /* label */
  --label-BackgroundColor: var(--base-white);
  --label-BorderColor: var(--base-55);
  --label-hover-text-Color: var(--white);
  --label-hover-BackgroundColor: var(--primary-700);
  --label-hover-BorderColor: var(--primary-700);
  --label-text-Color: var(--base-400);

  /* launcher */
  --launcher-app-BackgroundColor: var(--base-white);
  --launcher-app-hover-BackgroundColor: var(--base--40);
  --launcher-app-hover-BorderColor: var(--base-100);
  --launcher-app-BorderColor: var(--base-55);
  --launcher-app-focus-BorderColor: var(--base-white);
  --launcher-app-active-BackgroundColor: var(--vaBlue);
  --launcher-app-active-BorderColor: var(--vaBlue);
  --launcher-app-active-hover-BackgroundColor: var(--primary-900);
  --launcher-app-active-hover-BorderColor: var(--primary-900);
  --launcher-app-icon-Color: var(--base-350);
  --launcher-app-icon-active-Color: var(--white);
  --launcher-app-icon-hover-Color: var(--base-600);
  --launcher-app-label-Color: var(--base-400);
  --launcher-app-label-hover-Color: var(--base-1200);
  --launcher-app-label-active-Color: var(--white);

  /* list */
  --list-header-BackgroundColor: var(--base-000);
  --list-superitem-BackgroundColor: var(--base--40);
  --list-superitem-hover-BackgroundColor: var(--base-55);
  --list-superitem-selected-BackgroundColor: var(--base-50);
  --list-item-BackgroundColor: var(--base-white);
  --list-item-hover-BackgroundColor: var(--base-000);
  --list-item-selected-BackgroundColor: var(--base--40);
  --list-subitem-activated-BackgroundColor: var(--base-white);
  --list-subitem-activated-BorderColor: var(--base-400);
  --list-subitem-BackgroundColor: #e9e9e94c;
  --list-subitem-BorderColor: var(--base-75);
  --list-subitem-hover-BackgroundColor: var(--base-white);
  --list-subitem-hover-BorderColor: var(--base-400);

  /* login */
  --login-error-message-BackgroundColor: #fbece8;
  --login-error-message-Color: var(--vaRed);
  --login-separator-BackgroundColor: var(--secondary-300);

  /* map-popup */
  --map-popup-subitem-BackgroundColor: #e9e9e94c;
  --map-popup-subitem-hover-BackgroundColor: var(--base-white);
  --map-popup-subitem-activated-BackgroundColor: var(--base-white);

  /* map tooltip */
  --map-tooltip-BackgroundColor: var(--base-white);
  --map-tooltip-BorderColor: var(--base-55);

  /* map system group widgets */
  --system-group-widget-BackgroundColor: var(--base--40);
  --system-group-widget-hover-BackgroundColor: var(--base-55);
  --system-group-widget-selected-BackgroundColor: var(--base-50);

  /* component status gfx */
  --outer-circle-StrokeColor: var(--base-200);

  /* overlay */
  --overlay-BackgroundColor: var(--base-white);
  --overlay-body-BackgroundColor: var(--base-white);
  --overlay-BorderColor: var(--base-75);
  --overlay-header-Color: var(--base-1200);
  --overlay-header-BackgroundColor: var(--base-white);
  --overlay-separator-Color: var(--base-75);

  /* panel */
  --panel-body-BackgroundColor: var(--base-white);
  --panel-header-BackgroundColor: var(--base-30);
  --panel-BorderColor: var(--base-75);
  --panel-children-BorderColor: var(--base-75);
  --panel-separator-Color: var(--base-75);
  --panel-tab-hover-BackgroundColor: var(--base--40);

  /* perspective details */
  --perspective-details-panel-BackgroundColor: var(--base--40);

  /* primary colors (semantic aliases) */
  --primary-Color: var(--primary-700);
  --primary-dark-Color: var(--primary-900);
  --primary-light-Color: var(--primary-400);

  /* profile */
  --profile-avatar-backdropColor: var(--base-30);

  /* quick filter */
  --quick-filter-BackgroundColor: var(--base-white);
  --quick-filter-BorderColor: var(--base-55);
  --quick-filter-active-BorderColor: var(--primary-700);
  --quick-filter-active-hover-BorderColor: var(--primary-900);
  --quick-filter-hover-BorderColor: var(--base-400);

  /* radio buttons */
  --radio-button-active-BackgroundColor: var(--primary-700);
  --radio-button-active-BorderColor: var(--base-400);
  --radio-button-active-Color: var(--base-600);
  --radio-button-active-hover-BackgroundColor: var(--primary-900);
  --radio-button-active-hover-BorderColor: var(--primary-900);
  --radio-button-active-hover-Color: var(--base-1200);
  --radio-button-BackgroundColor: transparent;
  --radio-button-BorderColor: var(--base-400);
  --radio-button-Color: var(--base-400);
  --radio-button-hover-Color: var(--base-600);
  --radio-button-hover-BorderColor: var(--base-600);

  /* region marker */
  --region-marker-BackgroundColor: var(--base-white);
  --region-marker-hover-BorderColor: var(--base-400);
  --region-marker-active-BorderColor: var(--primary-700);

  /* sash container */
  --sash-BackgroundColor: var(--base-75);
  --sash-button-BackgroundColor: var(--base-30);
  --sash-button-BorderColor: var(--base-75);
  --sash-button-Color: var(--base-350);
  --sash-button-hover-BackgroundColor: var(--primary-700);
  --sash-button-hover-BorderColor: var(--primary-700);
  --sash-button-hover-Color: var(--base-white);

  /* running-gear */
  --running-gear-component-BackgroundColor: var(--base--40);
  --running-gear-component-BorderColor: var(--base-200);
  --running-gear-component-disabled-BackgroundColor: var(--base--40);
  --running-gear-component-disabled-BorderColor: var(--base-55);
  --running-gear-component-hover-Color: var(--base-400);
  --running-gear-component-icon-BackgroundColor: var(--base-200);
  --running-gear-component-selected-Color: var(--primary-700);
  --running-gear-component-selected-hover-Color: var(--primary-900);
  --running-gear-label-BackgroundColor: var(--base-350);
  --running-gear-label-highlighted-BackgroundColor: var(--primary-700);

  /* scroller */
  --scroller-handle-BackgroundColor: #6464644c;

  /* secondary colors (semantic aliases) */
  --secondary-Color: var(--base-75);
  --secondary-dark-Color: var(--base-white);
  --secondary-light-Color: var(--secondary-300);

  /* select */
  --select-BackgroundColor: var(--base-white);
  --select-BorderColor: var(--base-75);
  --select-option-hover-BackgroundColor: var(--base-30);

  /* set component summary */
  --set-component-summary-BackgroundColor: var(--base-white);
  --set-component-summary-BorderColor: var(--base-55);

  /* set navigator */
  --set-navigator-BackgroundColor: var(--base-white);
  --set-navigator-label-BackgroundColor: var(--base-white);
  --set-navigator-label-BorderColor: var(--base-55);
  --set-navigator-label-Color: var(--base-400);
  --set-navigator-label-disabled-BackgroundColor: var(--base-white);
  --set-navigator-label-disabled-BorderColor: var(--base-30);
  --set-navigator-label-hover-BackgroundColor: var(--base--40);
  --set-navigator-label-hover-BorderColor: var(--base-100);
  --set-navigator-label-hover-Color: var(--base-1200);
  --set-navigator-label-selected-BackgroundColor: var(--primary-700);
  --set-navigator-label-selected-BorderColor: var(--primary-700);
  --set-navigator-label-selected-Color: var(--base-white);
  --set-navigator-label-selected-hover-BackgroundColor: var(--primary-900);
  --set-navigator-label-selected-hover-BorderColor: var(--primary-900);
  --set-navigator-label-selected-hover-Color: var(--base-white);
  --set-navigator-label-line-Color: var(--base-55);
  --set-navigator-label-line-disabled-Color: var(--base-000);
  --set-navigator-running-gear-BackgroundColor: var(--base-000);
  --set-navigator-running-gear-BorderColor: var(--base-200);
  --set-navigator-running-gear-disabled-BackgroundColor: var(--base-white);
  --set-navigator-running-gear-disabled-BorderColor: var(--base-55);
  --set-navigator-platform-BackgroundColor: var(--base--40);
  --set-navigator-platform-BorderColor: var(--base-200);
  --set-navigator-platform-disabled-BackgroundColor: var(--base-white);
  --set-navigator-platform-disabled-BorderColor: var(--base-55);
  --set-navigator-vehicle-BackgroundColor: var(--base-55);
  --set-navigator-vehicle-BorderColor: var(--base-55);
  --set-navigator-vehicle-disabled-BackgroundColor: var(--base-white);
  --set-navigator-vehicle-disabled-BorderColor: var(--base-55);
  --set-navigator-wheelset-BackgroundColor: var(--base-white);
  --set-navigator-wheelset-BorderColor: var(--base-200);
  --set-navigator-wheelset-disabled-BackgroundColor: var(--base-white);
  --set-navigator-wheelset-disabled-BorderColor: var(--base-55);
  --set-navigator-wheelset-powered-BackgroundColor: var(--primary-200);
  --set-navigator-wheelset-individually-powered-BackgroundColor: var(
    --primary-500
  );

  /* status-bar */
  --status-bar-BackgroundColor: var(--base--40);
  --status-bar-BorderColor: var(--base-55);

  /* switch */
  --switch-thumb-active-BackgroundColor: var(--primary-700);
  --switch-thumb-active-hover-BackgroundColor: var(--primary-900);
  --switch-thumb-BackgroundColor: var(--base-100);
  --switch-thumb-hover-BackgroundColor: var(--base-600);
  --switch-track-BackgroundColor: var(--base-75);

  /* table */
  --table-BorderColor: var(--base-50);
  --table-button-BackgroundColor: var(--base-700);
  --table-header-BackgroundColor: var(--base-000);
  --table-generic-header-BackgroundColor: var(--base-000);
  --table-generic-body-BackgroundColor: var(--base-white);
  --table-generic-body-hover-BackgroundColor: var(--base-000);
  --table-cell-Color: var(--base-600);
  --table-cell-duration-BackgroundColor: var(--primary-700);

  /* text */
  --text-high-emph-Color: var(--base-600);
  --text-medium-emph-Color: var(--base-400);
  --text-on-primary-Color: var(--base-white);
  --text-error-Color: var(--vaRed);
  --text-focus-Color: var(--base-1200);
  --text-hover-Color: var(--base-1200);
  --text-active-Color: var(--base-1200);
  --text-inactive-Color: #3737375c;
  --text-disabled-Color: var(--base-400);
  --text-primary-Color: var(--primary-700);

  /* thread */
  --thread-line-Color: var(--base-350);
  --thread-line-hover-Color: var(--base-1200);
  --thread-root-attachment-BackgroundColor: var(--base-white);

  /* thumbnails */
  --thumbnail-BorderColor: var(--base-75);
  --thumbnail-hover-BorderColor: var(--base-400);

  /* tile */
  --tile-BackgroundColor: var(--base-white);
  --tile-BorderColor: var(--base-55);
  --tile-icon-Color: var(--base-350);
  --tile-label-Color: var(--base-400);
  --tile-hover-BackgroundColor: var(--base-white);
  --tile-hover-BorderColor: var(--base-400);
  --tile-hover-icon-Color: var(--base-350);
  --tile-hover-label-Color: var(--base-400);
  --tile-selected-BackgroundColor: var(--base-white);
  --tile-selected-BorderColor: var(--primary-700);
  --tile-selected-icon-Color: var(--base-350);
  --tile-selected-label-Color: var(--base-400);
  --tile-selected-hover-BackgroundColor: var(--base-white);
  --tile-selected-hover-BorderColor: var(--primary-900);
  --tile-selected-hover-icon-Color: var(--base-350);
  --tile-selected-hover-label-Color: var(--base-400);

  /* toasts */
  --toast-BackgroundColor: var(--base-white);
  --toast-delimiter-Color: var(--base-55);
  --toast-success-BorderColor: var(--vaGreen);
  --toast-warning-BorderColor: var(--vaYellow);
  --toast-error-BorderColor: var(--vaRed);

  /* train-graph */
  --train-graph-BackgroundColor: var(--base-white);
  --train-graph-dot-BorderColor: var(--base-white);
  --train-graph-grid-Color: var(--base-50);
  --train-graph-scrollbar-thumb-BackgroundColor: #7e7e7e66;
  --train-graph-scrollbar-track-BackgroundColor: var(--base-75);
  --train-graph-text-Color: var(--base-400);
  --train-graph-tooltip-Color: var(--base-400);
  --train-graph-tooltip-BackgroundColor: #ffffffd9;
  --train-graph-tooltip-BorderColor: var(--base-55);
  --train-graph-vehicle-gfx-BackgroundColor: var(--base-55);
  --train-graph-vehicle-gfx-ws-BackgroundColor: var(--base-200);
  --train-graph-ws-bar-BorderColor: var(--base-white);
}

/* source-sans-pro-regular - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;

  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: url(/c02412e60fcbe90fd912.eot);

  /* IE9 Compat Modes */
  src:
    url(/c02412e60fcbe90fd912.eot?#iefix)
      format("embedded-opentype"),
    /* IE6-IE8 */
      url(/52243f82a35bab260a88.woff2)
      format("woff2"),
    /* Super Modern Browsers */
      url(/1882629b5eaf2ec74fbf.woff)
      format("woff"),
    /* Modern Browsers */
      url(/a5357cc4e5d4eeb42793.ttf)
      format("truetype") /* Safari, Android, iOS */;
}

/* source-sans-pro-600 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;

  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  src: url(/c9897a50434a63883e42.eot);

  /* IE9 Compat Modes */
  src:
    url(/c9897a50434a63883e42.eot?#iefix)
      format("embedded-opentype"),
    /* IE6-IE8 */
      url(/0e5413e43371301c41e7.woff2)
      format("woff2"),
    /* Super Modern Browsers */
      url(/dc404c2900bb751a6d7c.woff)
      format("woff"),
    /* Modern Browsers */
      url(/a8dc1b60c9ad609f0b4a.ttf)
      format("truetype") /* Safari, Android, iOS */;
}

:root {
  --fs-xs: 0.625rem; /* 10px */
  --fs-sm: 0.75rem; /* 12px */
  --fs-base: 0.875rem; /* 14px */
  --fs-lg: 1rem; /* 16px */
  --fs-xl: 1.25rem; /* 20px */
  --fs-2xl: 1.5rem; /* 24px */
  --fs-3xl: 2rem; /* 32px */
}

html {
  /* stylelint-disable-next-line declaration-property-unit-allowed-list */
  font-size: 100%;
}

body.ember-application, #ember-testing {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size: var(--fs-base);
  line-height: 20px;
  background-color: var(--app-BackgroundColor);
}

body {
  margin: 0;
  height: 100vh;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  /* stylelint-disable-next-line declaration-property-unit-allowed-list */
  font-size: 100%;
  font-family: inherit;
  background-color: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}

[role="button"] {
  cursor: pointer;
}

input {
  border: none;
  font-family: inherit;
  font-size: inherit;
}

p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: inherit;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  border-style: solid;
  border-width: 0;
}

:focus {
  outline: none;
}

@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-color: var(--scroller-handle-BackgroundColor) transparent;
    scrollbar-width: thin;
  }
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: var(--scroller-handle-BackgroundColor);
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

::-webkit-resizer {
  /* background-image: url("/assets/svgs/icons/resizer.svg"); */
  width: 8px;
  height: 8px;
}

.tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{transform:rotate(90deg);top:calc(50% - 3px);left:11px}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{transform:rotate(-90deg);top:calc(50% - 3px);right:11px}.tippy-svg-arrow{width:16px;height:16px;fill:#333;text-align:initial}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}
.ZL3KP {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-high-emph-Color);

  .zFLR1 {
    display: flex;
    align-items: center;
  }

  .jG\+VJ {
    font-size: var(--fs-sm);
    color: var(--text-medium-emph-Color);
    overflow: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: -moz-min-content;
    max-width: min-content;

    span {
      text-overflow: inherit;
      overflow: inherit;

      p {
        text-overflow: inherit;
        overflow: inherit;
      }
    }
  }

  .dBuje {
    min-width: 16px;
    color: var(--icon-Color);
    font-size: var(--fs-sm);

    &._6s8X3 {
      color: var(--icon-active-Color);
    }
  }

  .NZIWm {
    &:hover .dBuje {
      color: var(--icon-hover-Color);
    }
  }

  .ciNV8 > * {
    min-width: 16px;
    vertical-align: baseline;
  }

  ._0d7TH {
    display: flex;
    gap: 4px;
    align-items: center;
    overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;
  }

  .T0Kw- {
    min-height: 20px;
    overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;

    span {
      text-overflow: inherit;
      overflow: inherit;

      p {
        text-overflow: inherit;
        overflow: inherit;
      }
    }
  }

  &.fE9TY {
    display: none;
  }

  &._9\+dwC {
    visibility: hidden;
  }
}

.P3XUC {
  white-space: normal;
}

.rXQAH {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(142px, max-content));
  gap: 16px 32px;
}

.CjgPP {
  padding: 8px 20px;
  display: flex;
  background-color: var(--list-header-BackgroundColor);
  border-bottom: 1px solid var(--border-dark-Color);
  gap: 16px;
  position: relative;
  min-height: 20px;

  &.G\+m4L:not(._4tFfU) {
    border-bottom: none;
  }

  .aWOYM {
    position: absolute;
    top: 6px;
    inset-inline-start: 9px;
    width: 2px;
    height: 22px;
  }

  .rMInG {
    flex: 1;
    color: var(--text-high-emph-Color);
    white-space: nowrap;
  }

  &:hover {
    .Q4KWn {
      color: var(--icon-hover-Color);
    }
  }

  ._8lGVN {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    color: var(--icon-Color);
    gap: 16px;
    cursor: auto;

    &:hover {
      .Q4KWn {
        color: var(--icon-Color);
      }

      .Q4KWn:hover {
        color: var(--icon-hover-Color);
      }
    }

    .LaK5- {
      color: var(--icon-active-Color);
    }

    ._17p8E {
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}

.rJqDA {
  .cnefr {
    color: var(--text-high-emph-Color);
    border-bottom: 1px solid var(--border-light-Color);
  }

  .qAyEM {
    color: var(--text-medium-emph-Color);
  }
}

.WAcUX {
  margin-inline-end: -4px;
}

.G\+m4L {
  cursor: pointer;
}

.IeYby {
  height: 44px;
  padding-inline: 24px;
  padding-block: 0;
  background-color: var(--header-BackgroundColor);
  color: var(--text-medium-emph-Color);

  .JpVbU {
    font-size: var(--fs-lg);
    font-weight: bold;
    color: var(--text-high-emph-Color);
  }

  .p\+SVO {
    box-sizing: border-box;
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    border-bottom: 1px solid var(--border-light-Color);
  }

  .dpFIZ {
    flex: 0 0 auto;
  }

  .NNRVw {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .aHQ6i {
    padding-inline: 16px;
    padding-block: 0;

    &:last-child {
      padding-inline: 16px 0;
      padding-block: 0;
    }
  }

  .uBc7P {
    width: 0;
    height: 14px;
    border-inline-start: 1px solid var(--border-light-Color);
  }
}

.E2gPO {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-inline-end: 10px;
  font-size: var(--fs-lg);

  .Yzb50 {
    path {
      fill: var(--icon-Color);
    }
  }

  &:not(.KjUk7) {
    cursor: default;
  }

  &:hover.KjUk7,
  &:focus-visible.KjUk7 {
    .Yzb50 {
      path {
        fill: var(--icon-hover-Color);
      }
    }
  }

  &._3R\+9m.KjUk7 {
    .Yzb50 {
      path {
        fill: var(--icon-active-Color);
      }
    }
  }
}

.a7J8n {
  z-index: 1001 !important;
}

.iiKXg {
  display: grid;
  grid-template:
    "header" min-content
    "body" minmax(0, 1fr) / 1fr;
  max-width: 324px;
  color: var(--text-medium-emph-Color);
  background-color: var(--overlay-BackgroundColor);

  .h7vMJ {
    grid-area: header;
    font-size: var(--fs-sm);
    line-height: 15px;
    padding: 8px 20px;
    border-bottom: 1px solid var(--border-dark-Color);
    color: var(--overlay-header-Color);
  }

  .C\+WaV {
    grid-area: body;
    padding: 8px;

    .Y6XKQ {
      display: flex;
      flex-wrap: wrap;
      gap: 4px;

      .nsrz8 {
        flex: 0 0 auto;
        height: 100px;
        width: 100px;
        box-sizing: border-box;
        justify-content: space-between;
        position: relative;
        cursor: pointer;
        background-color: var(--launcher-app-BackgroundColor);
        border: 1px solid var(--launcher-app-BorderColor);

        .Ur2-z {
          display: inline-block;
          width: 48px;
          height: 48px;
          margin-inline: 26px;
          margin-block: 8px 2px;
          fill: var(--launcher-app-icon-Color);
        }

        .Wun6H {
          text-align: center;
          height: 22px;
          font-size: var(--fs-xs);
          line-height: 13px;
          padding: 0 16px;
          color: var(--launcher-app-label-Color);
        }

        &:hover,
        &:focus-visible {
          background-color: var(--launcher-app-hover-BackgroundColor);
          border-color: var(--launcher-app-hover-BorderColor);

          .Ur2-z {
            fill: var(--launcher-app-icon-hover-Color);
          }

          .Wun6H {
            color: var(--launcher-app-label-hover-Color);
          }
        }

        &.pG8aJ {
          background-color: var(--launcher-app-active-BackgroundColor);
          border-color: var(--launcher-app-active-BorderColor);

          .Ur2-z {
            fill: var(--launcher-app-icon-active-Color);
          }

          .Wun6H {
            color: var(--launcher-app-label-active-Color);
          }

          &:hover,
          &:focus-visible {
            background-color: var(--launcher-app-active-hover-BackgroundColor);
            border-color: var(--launcher-app-active-hover-BorderColor);
          }
        }

        .pXg1J {
          opacity: 0.36;
        }
      }
    }
  }
}

a {
  display: block;
}

.YBxjE {
  position: fixed;
  z-index: 1000;
  background: transparent;
  width: 100%;
  height: 100%;
  top: 0;
  inset-inline-start: 0;
}

.YuUhA {
  z-index: 1000;
  position: absolute;
  color: var(--text-medium-emph-Color);
  background-color: var(--overlay-BackgroundColor);
  border: 1px solid var(--overlay-BorderColor);
  filter: drop-shadow(0 2px 4px rgb(0 0 0 / 30%));
  width: -moz-max-content;
  width: max-content;
  top: 0;
  /* stylelint-disable-next-line plugin/use-logical-properties-and-values */
  left: 0;
}

.L-JVJ {
  position: absolute;
  width: 18px;
  height: 18px;
  z-index: 1001;
}

.gQKYb {
  width: 21px;
  height: 8px;
  overflow: hidden;
  position: relative;
  top: -2px;
  inset-inline-start: -1.5px;

  &::after {
    position: absolute;
    top: 2px;
    inset-inline-start: 1.5px;
    content: "";
    border-inline: 9px solid transparent;
    border-bottom: 6px solid var(--overlay-BackgroundColor);
  }

  &::before {
    position: absolute;
    content: "";
    border-inline: 12px solid transparent;
    top: 1px;
    /* stylelint-disable-next-line plugin/use-logical-properties-and-values */
    left: 1.5px;
    transform: translateX(-3px);
    border-bottom: 8px solid var(--overlay-BorderColor);
  }
}

.nsjwx {
  background-color: var(--primary-Color);
  min-width: 1.335em;
  height: 1.335em;
}

.YQFQ2:dir(rtl) {
  transform: scaleX(-1);
}

.eT5cX {
  /* stylelint-disable-next-line plugin/use-logical-properties-and-values */
  right: unset;
  /* stylelint-disable-next-line plugin/use-logical-properties-and-values */
  left: unset;
  bottom: var(--fa-bottom, 0);
  inset-inline-end: var(--fa-right, 0);
  top: auto;
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: bottom right;

  &:dir(rtl) {
    transform-origin: bottom left;
  }
}

.e9Mml {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.hrwzy {
  background-color: var(--color-green);
  filter: brightness(140%) saturate(180%);
}

.n29Ne {
  background-color: var(--color-red);
  animation: none !important;
}

@keyframes _3hpGs {
  0% {
    background-color: var(--color-green);
    filter: brightness(140%) saturate(180%);
  }

  50% {
    background-color: var(--color-green);
    filter: brightness(80%) saturate(80%);
  }

  100% {
    background-color: var(--color-green);
    filter: brightness(140%) saturate(180%);
  }
}

.l9nwP {
  display: flex;
  flex-flow: row nowrap;
  height: 36px;
  padding-inline: 24px;
  background-color: var(--header-nav-BackgroundColor);
}

.kLK-A {
  min-width: 0;
  margin-inline-end: 16px;
}

.MB5PG {
  flex: 1 0 280px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;

  ._5zbAg {
    flex: 0 0 auto;
    line-height: 20px;

    .fa-messages {
      & + .fa-layers-counter {
        display: none;
      }

      --fa-primary-color: var(--icon-Color);
      --fa-secondary-color: var(--icon-Color);

      .fa-secondary {
        opacity: 1;
      }
    }

    .fa-messages:has(+ .fa-layers-counter) {
      --fa-secondary-color: var(--primary-Color);
    }

    &:hover {
      .fa-messages {
        --fa-primary-color: var(--icon-hover-Color);
        --fa-secondary-color: var(--icon-hover-Color);
      }

      .fa-messages:has(+ .fa-layers-counter) {
        --fa-secondary-color: var(--icon-active-hover-Color);
      }
    }
  }
}

._8KqZW {
  line-height: 0;
}

.c5Xcu {
  &:focus-visible:not(:disabled),
  &:hover:not(:disabled) {
    color: var(--icon-hover-Color) !important;
  }
}

.c5Xcu.tfNZJ:not(:hover, :focus) > span > svg {
  opacity: 1;
  animation: xsHyW 0.7s infinite;

  @keyframes xsHyW {
    0% {
      opacity: 1;
    }

    50% {
      opacity: 0.2;
    }

    100% {
      opacity: 1;
    }
  }
}

.LeWE2 {
  display: flex;
  flex-flow: column nowrap;
  max-width: 433px;
  min-width: 433px;
  color: var(--text-medium-emph-Color);
  background-color: var(--overlay-BackgroundColor) !important;

  .ldrja {
    padding: 8px 20px;
    border-bottom: 1px solid var(--overlay-separator-Color);
    background-color: var(--overlay-header-BackgroundColor);
    font-size: var(--fs-sm);
    height: 20px;
  }

  .eFW6z {
    flex: 1 0 auto;
    display: flex;
    flex-flow: row nowrap;
    gap: 16px;
    border-bottom: 1px solid var(--overlay-separator-Color);
    padding: 16px 20px;
    background-color: var(--secondary-dark-Color);
  }

  ._75cRU {
    flex: 1 1 auto;
    padding: 12px 16px;
    text-align: center;
    background-color: var(--secondary-dark-Color);
  }

  .tk9Wl {
    flex: 0 1 auto;
    background-color: var(--overlay-BackgroundColor);
  }
}

.tBw\+P {
  font-size: var(--fs-base);
  line-height: inherit;
  color: var(--icon-Color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

  & > * {
    pointer-events: none;
  }

  .a1QzV {
    opacity: 0.36;
    cursor: progress;
  }

  &:disabled {
    opacity: 0.36;
    cursor: not-allowed;
  }

  &:focus-visible:not(:disabled, .a1QzV),
  &:hover:not(:disabled, .a1QzV) {
    color: var(--icon-hover-Color);
  }

  .nd4gf {
    background-color: var(--primary-Color);
    min-width: 1.33em;
    height: 1.33em;
  }

  &.ZCCH8 {
    color: var(--icon-active-Color);

    &:focus-visible:not(:disabled, .a1QzV),
    &:hover:not(:disabled, .a1QzV) {
      color: var(--icon-active-hover-Color);
    }
  }
}

.BJrqz {
  min-height: 2px;
  margin-top: -2px;
}

.qlzdF {
  height: 2px;
  overflow: hidden;
  position: relative;
}

.iUUB\+ {
  height: 100%;
  position: absolute;
  width: 50%;
  background-color: var(--primary-Color);
  animation: WsX23 2s ease-in-out infinite;

  &:dir(rtl) {
    animation: Q10gL 2s ease-in-out infinite;
  }
}

@keyframes WsX23 {
  0%,
  100% {
    transform: translateX(-50%);
  }

  50% {
    transform: translateX(150%);
  }
}

@keyframes Q10gL {
  0%,
  100% {
    transform: translateX(50%);
  }

  50% {
    transform: translateX(-150%);
  }
}

.EpiCI {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 7px;
  font-size: var(--fs-base);
  line-height: 18px;
  min-height: 26px;
  color: var(--button-Color);
  border: 1px solid var(--button-BorderColor);
  position: relative;
  overflow: hidden;
  gap: 4px;

  &.w3Zd3 {
    background-color: var(--button-secondary-BackgroundColor);
  }

  &.ol71l {
    background-color: transparent;
    border-color: transparent;
  }

  &.x-HzN {
    background-color: var(--button-primary-BackgroundColor);
  }

  &.XSEVl {
    opacity: 0.36;
    cursor: progress;
  }

  &.XSEVl::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: var(--primary-Color);
    animation: xlK97 2s ease-in-out infinite;

    @keyframes xlK97 {
      0%,
      100% {
        transform: translateX(-70%);
      }

      50% {
        transform: translateX(70%);
      }
    }
  }

  &:disabled {
    opacity: 0.36;
    cursor: not-allowed;
  }

  &:hover:not(:disabled, .XSEVl),
  &:focus-visible:not(:disabled, .XSEVl) {
    color: var(--button-hover-Color);
    background-color: var(--button-hover-BackgroundColor);
    border-color: var(--button-hover-BorderColor);
  }
}

.dG9X2 {
  flex: 1 0;
  display: flex;
  overflow: hidden;
  background-color: var(--secondary-dark-Color);
  position: relative;

  .OBSXX {
    flex: 1 0;
  }

  .VimUM {
    min-width: -moz-min-content;
    min-width: min-content;
  }

  .AuTA\+ {
    position: absolute;
    top: 8px;
    width: 26px;
    inset-inline: 0;
    border-radius: 26px;
    margin: auto;
  }
}

.simplebar-placeholder {
  width: auto !important;
}

.simplebar-track.simplebar-horizontal {
  height: 12px;
}

.simplebar-scrollbar.simplebar-hover {
  cursor: pointer;
  pointer-events: auto;
}

.simplebar-track.simplebar-vertical {
  width: 12px;
}

.simplebar-scrollbar::before {
  background: var(--scroller-handle-BackgroundColor);
}

.simplebar-track .simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}

.occluded-content {
  display: block;
  position: relative;
  width: 100%;

  /* prevents margin overflow on item container */
  min-height: 0.01px;

  /* hides text visually while still being readable by screen readers */
  color: rgb(0 0 0 / 0%);

  /*
   * Prevents the debug text ("And X items before/after") from affecting
   * the element's layout height. Without this, inherited line-height values
   * can cause the text to create a line box that inflates the element's
   * actual height above its inline style height, especially when used
   * inside tables with display: table-row.
   */
  font-size: 0;
  line-height: 0;
}

table .occluded-content,
tbody .occluded-content,
thead .occluded-content,
tfoot .occluded-content {
  display: table-row;
  position: relative;
  width: 100%;
}

ul .occluded-content,
ol .occluded-content {
  display: list-item;
  position: relative;
  width: 100%;
  list-style-type: none;
  height: 0;
}

._9kRSJ {
  display: flex;
  padding-inline: 44px 20px;
  padding-block: 6px;
  background-color: var(--list-header-BackgroundColor);
  border-bottom: 1px solid var(--border-dark-Color);
  min-height: 24px;
}

.xXEw- {
  display: grid;
  grid-template-columns: 24px minmax(auto, calc(100% - 24px));
  grid-template-areas: "status-indicator content-body";
  border-bottom: 1px solid var(--border-dark-Color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: var(--list-item-BackgroundColor);

  .n5krw {
    pointer-events: auto;
    align-self: center;
  }

  &.tp68a {
    &:focus-visible {
      background-color: var(--list-item-hover-BackgroundColor);

      &._45Ufk .n5krw {
        color: var(--icon-hover-Color);
      }
    }

    &:hover {
      background-color: var(--list-item-hover-BackgroundColor);

      &._45Ufk .n5krw {
        color: var(--icon-hover-Color);
      }
    }
  }

  &.XxHix {
    background-color: var(--list-item-selected-BackgroundColor);
  }

  ._5QTQD {
    grid-area: status-indicator;
    width: 4px;
    margin: 16px 20px;
    margin-inline-end: 0;
  }

  .Hbe8q {
    grid-area: content-body;
    display: grid;
    grid-template-columns: minmax(0, 100%);
    padding: 16px 20px;
    row-gap: 10px;

    .Hb5W7 {
      display: grid;
      height: 25px;
      grid-template-columns: auto minmax(0, min-content);

      .qY0BV {
        line-height: 25px;
        white-space: nowrap;
        overflow: hidden;
        color: var(--text-high-emph-Color);

        > span > p {
          overflow: hidden;
          text-overflow: ellipsis;
        }
      }

      ._0\+qYu {
        display: flex;
        align-items: center;
        gap: 4px;

        .OxDxM {
          pointer-events: auto;
          color: var(--icon-Color);
        }
      }
    }

    .X-d4K {
      border-bottom: 1px solid var(--border-light-Color);
    }

    .cjpoc {
      display: grid;
      grid-template-columns: repeat(auto-fill, 61px);
      gap: 10px 32px;

      .EvoHy {
        grid-column: span 2;
        color: var(--text-medium-emph-Color);

        .LfBWL {
          font-size: var(--fs-sm);
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
        }

        .DmlZ2 {
          text-overflow: ellipsis;
          overflow: hidden;
          color: var(--text-high-emph-Color);
        }
      }
    }

    ._4pT46 {
      display: flex;
      flex-flow: row wrap;
      gap: 8px 16px;

      .iMBu2 {
        font-size: var(--fs-sm);
        color: var(--text-high-emph-Color);
      }
    }
  }
}

.DlFbD {
  cursor: none;
}

.kDh-a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._0fev0 {
  color: var(--icon-Color);

  &:hover {
    color: var(--icon-hover-Color);
  }

  &.lLpYK {
    color: var(--icon-active-Color);
  }
}

.qwjVb {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(4px);

  .B-GXh {
    filter: drop-shadow(0 2px 4px rgb(0 0 0 / 30%));
  }
}

.\+5cdx {
  max-width: 40vw;
}

.Hb--e {
  color: var(--text-medium-emph-Color);
  padding: 0;
  min-width: 370px;
  display: flex;
  flex-direction: column;
  max-height: inherit;

  .nH6tf {
    color: var(--overlay-header-Color);
    background-color: var(--overlay-header-BackgroundColor);
    flex: 1 0 auto;
    padding: 8px 20px;
    font-size: var(--fs-sm);
    border-bottom: 1px solid var(--overlay-separator-Color);
  }

  .dkZ7s {
    background-color: var(--overlay-body-BackgroundColor);
    display: flex;
    flex-flow: column nowrap;
    padding-block: 16px 32px;
    padding-inline: 20px;
    gap: 16px;
    min-height: 0;

    &._5osf6 {
      padding: 0;
    }
  }

  .V5dFy {
    flex: 0 0 auto;
    display: flex;
    flex-flow: row nowrap;
    padding: 16px 20px;
    justify-content: flex-end;
    gap: 24px;
    background-color: var(--overlay-body-BackgroundColor);
    border-top: 1px solid var(--overlay-BorderColor);

    &._5osf6 {
      border-top: none;
      padding: 16px 0;
    }

    .nNcVf {
      flex: 0 0 auto;
    }
  }
}

.HWUmg {
  flex: 1 1;
  min-height: 0;
}

.RqlGm {
  overflow: hidden;
}

.o2zof {
  &.ember-power-select-multiple-trigger {
    box-sizing: border-box;
    min-height: 52px;
    display: flex;
    padding: 4px 8px;
    background-color: transparent;
    border-bottom: 2px solid var(--input-BorderColor);

    .ember-power-select-multiple-options {
      align-self: flex-end;
      display: flex;
      align-items: flex-end;
      flex-flow: row wrap;
      gap: 8px 16px;
      margin-top: 16px;
      margin-bottom: 4px;
      flex: 1;
    }

    .ember-power-select-multiple-option {
      margin: 0;
      padding: 0 16px;
      line-height: 20px;
      border: 1px solid var(--input-option-BorderColor);
      box-sizing: border-box;

      &:hover {
        padding: 0 10px;
        border: 1px solid var(--input-option-hover-BorderColor);
      }

      &:focus {
        padding: 0 10px;
        border: 1px solid var(--input-option-focus-BorderColor);
      }

      &:last-of-type {
        margin-inline-end: 4px;
      }
    }

    .search-enabled.ember-power-select-multiple-option:nth-last-of-type(2) {
      max-width: calc(100% - 110px);
      min-width: 48px;
    }

    .ember-power-select-multiple-option:nth-last-of-type(2) {
      max-width: 100%;
    }

    &.ember-power-select-trigger[aria-disabled="true"] {
      background-color: transparent;
      cursor: not-allowed;
      opacity: 0.36;
      color: var(--text-medium-emph-Color);

      .ember-power-select-multiple-option {
        pointer-events: none;
      }
    }

    &:focus-visible {
      background-color: var(--input-focus-BackgroundColor);
      border-bottom-color: var(--input-active-BorderColor);
    }

    &:hover:not([aria-disabled="true"], [aria-expanded="true"]) {
      background-color: var(--input-hover-BackgroundColor);

      &:not(.yt7HQ) {
        border-bottom-color: var(--input-hover-BorderColor);
      }
    }

    &[aria-expanded="true"] {
      border-bottom: 2px solid var(--input-active-BorderColor);
      background-color: var(--input-focus-BackgroundColor);
    }
  }

  /* stylelint-disable-next-line selector-class-pattern */
  &.ember-power-select-trigger--active {
    border-bottom: 2px solid var(--input-active-BorderColor);
    background-color: var(--input-focus-BackgroundColor);
  }

  .ember-power-select-trigger-multiple-input {
    flex: 1;
    align-self: flex-end;
    text-indent: 0;
    height: 22px;
    color: var(--text-high-emph-Color);

    &:disabled {
      background-color: transparent;
      cursor: not-allowed;
      pointer-events: none;
    }
  }
}

.o2zof.yt7HQ {
  border-bottom: 2px solid var(--input-error-BorderColor);
}

.LHaqn {
  &.ember-power-select-dropdown {
    border: 1px solid var(--select-BorderColor) !important;
    filter: drop-shadow(0 4px 4px rgb(0 0 0 / 25%));
  }
}

.wdZeX,
._9pFGF {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 4px;
  padding: 0 8px;
  font-size: var(--fs-sm);
  line-height: 14px;
  font-weight: 600;
}

.ZNaUu {
  &:not([aria-disabled="true"]) {
    .ember-power-select-group-name {
      cursor: pointer !important;
    }
  }

  &[aria-current="true"] {
    .ember-power-select-group-name {
      color: var(--text-inactive-Color);
      background-color: var(--select-option-hover-BackgroundColor) !important;
    }
  }
}

.nY5VV {
  &.ember-power-select-options[role="listbox"] {
    background-color: var(--select-BackgroundColor);
  }

  .ember-power-select-group-name {
    background-color: var(--select-BackgroundColor);
    display: block;
    font-size: var(--fs-xs);
    line-height: 34px;
    font-weight: 600;
  }

  .ember-power-select-option {
    height: 36px;
    background-color: var(--select-BackgroundColor);
    line-height: 18px;
    padding-top: 9px;
    padding-bottom: 9px;
    display: flex;
    align-items: center;

    span {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      min-width: 0;
    }

    &:hover {
      background-color: var(--select-option-hover-BackgroundColor);
    }
  }
}

._4DS48 {
  min-width: 2px;
  height: 100%;
  margin-inline-end: 9px;
}

._7jK3K {
  pointer-events: none;
  position: absolute;
  inset-inline-start: 8px;
  top: 16px;
  line-height: 18px;
  font-size: var(--fs-base);
  color: var(--text-medium-emph-Color);
  transition: 150ms ease all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 16px);

  /* stylelint-disable-next-line selector-class-pattern */
  .ember-power-select-trigger--active & {
    top: 4px;
    line-height: 12px;
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--text-medium-emph-Color);
  }
}

.eSq0k {
  top: 4px;
  line-height: 12px;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-medium-emph-Color);
}

._9TZQf {
  align-self: center;
}

.LLC-7 {
  display: flex;
  flex: 1 1;
}

.uZbvz {
  top: 0;
  inset-inline: 0;
  position: absolute;
}

.ember-power-select-multiple-option {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ember-power-select-multiple-options {
  overflow: hidden;
}

.ember-power-select-multiple-remove-btn {
  width: 8px;
}

.s9laE {
  display: flex;
  align-items: center;
  min-width: 0;
}

.EVf3b {
  position: relative;
  inset-inline-start: -10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.ember-power-select-multiple-option {
  &:hover {
    .EVf3b {
      inset-inline-start: -4px;
    }
  }
}

.JmNaG {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  min-width: 0;
}

.kzPEF {
  position: relative;

  &.\+m\+4O {
    cursor: not-allowed;
    opacity: 0.36;
  }

  .V8x2l {
    pointer-events: none;
    position: absolute;
    inset-inline: 8px 33px;
    top: 16px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-medium-emph-Color);
    transition: 150ms ease all;
  }

  .BIqQb {
    position: absolute;
    inset-inline-end: 8px;
    top: 50%;
    transform: translateY(-50%);
  }

  .JBFJa {
    box-sizing: border-box;
    width: 100%;
    font-size: var(--fs-sm);
    padding-inline: 8px 33px;
    padding-block: 22px 10px;
    line-height: 18px;
    background-color: transparent;
    border-bottom: 2px solid var(--input-BorderColor);
    color: var(--text-high-emph-Color);

    &.\+m\+4O {
      pointer-events: none;
    }

    &.RoaXn {
      border-color: var(--input-error-BorderColor);
    }

    &:hover {
      background-color: var(--input-hover-BackgroundColor);
    }

    &:focus-visible {
      background-color: var(--input-focus-BackgroundColor);
    }

    &:hover:not(.RoaXn) {
      border-bottom-color: var(--input-hover-BorderColor);
    }

    &:focus-visible:not(.RoaXn),
    &.gjlAN {
      border-bottom-color: var(--input-active-BorderColor);
    }

    &:focus-visible ~ .V8x2l,
    &.lpFo9 ~ .V8x2l {
      top: 4px;
      line-height: 12px;
      font-size: var(--fs-sm);
      font-weight: 600;
      color: var(--text-medium-emph-Color);
    }
  }

  .GMmgn,
  ._02MS0 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 4px;
    padding: 0 8px;
    font-size: var(--fs-sm);
    line-height: 14px;
    font-weight: 600;
  }
}

.flatpickr-overlay {
  position: fixed;
  z-index: 9001;
  background: transparent;
  top: 0;
  /* stylelint-disable-next-line plugin/use-logical-properties-and-values */
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}

.E3gUQ {
  display: flex;
  justify-content: center;
  margin: 10px;
  gap: 8px;

  &:dir(rtl) {
    direction: rtl;
  }
}

.SxgPM.lpFo9 {
  background-color: var(--button-active-BackgroundColor);
  border-color: var(--button-active-BorderColor);
  color: var(--button-active-Color);

  &:hover {
    background-color: var(--button-active-hover-BackgroundColor);
    border-color: var(--button-active-hover-BorderColor);
  }
}

.agsGk {
  min-width: 34px;
  line-height: 12px;
  display: flex;
  flex-flow: column nowrap;
  position: relative;

  &.g0EpH {
    cursor: not-allowed;
    opacity: 0.36;
  }
}

.TNa75 {
  position: relative;
  pointer-events: none;
  margin: 2px 8px;
  width: 18px;
  height: 6px;
  border-radius: 3px;
  background-color: var(--switch-track-BackgroundColor);
}

.Al-GC {
  position: absolute;
  pointer-events: none;
  top: -2px;
  inset-inline-start: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--switch-thumb-BackgroundColor);
  transition: 150ms ease all;
}

.FG2DM {
  position: absolute;
  opacity: 0;
  inset: 0;
  width: 18px;
  pointer-events: auto;
  cursor: pointer;
  inset-inline-start: 8px;
  top: 20px;
  height: 10px;

  &:disabled {
    pointer-events: none;
    cursor: not-allowed;
  }

  &:hover ~ .TNa75 .Al-GC,
  &:focus-visible ~ .TNa75 .Al-GC {
    background-color: var(--switch-thumb-hover-BackgroundColor);
  }

  &:checked ~ .TNa75 .Al-GC {
    inset-inline-start: 8px;
    background-color: var(--switch-thumb-active-BackgroundColor);
  }

  &:checked:hover ~ .TNa75 .Al-GC,
  &:checked:focus-visible ~ .TNa75 .Al-GC {
    background-color: var(--switch-thumb-active-hover-BackgroundColor);
  }
}

.PEUsu {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 8px;
  margin-bottom: 8px;
  line-height: 12px;
  font-size: var(--fs-sm);
  font-weight: 600;
  pointer-events: none;
  color: var(--text-medium-emph-Color);
}

.I2X0w,
.W9dSy {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 8px;
  padding: 4px 8px 0;
  font-size: var(--fs-sm);
  line-height: 14px;
  font-weight: 600;
  border-top: 2px solid var(--input-BorderColor);
}

.I2X0w {
  border-top: 2px solid var(--input-error-BorderColor);
}

.BjGGt {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  height: 18px;

  &::-webkit-slider-runnable-track {
    height: 4px;
    border-radius: 3px;
    background: linear-gradient(
      to right,
      var(--switch-thumb-active-BackgroundColor),
      var(--switch-thumb-active-BackgroundColor) var(--percentage),
      var(--switch-track-BackgroundColor) var(--percentage),
      var(--switch-track-BackgroundColor)
    );
  }

  &::-moz-range-track {
    height: 4px;
    border-radius: 3px;
    background: linear-gradient(
      to right,
      var(--switch-thumb-active-BackgroundColor),
      var(--switch-thumb-active-BackgroundColor) var(--percentage),
      var(--switch-track-BackgroundColor) var(--percentage),
      var(--switch-track-BackgroundColor)
    );
  }

  &:dir(rtl) {
    &::-webkit-slider-runnable-track {
      background: linear-gradient(
        to left,
        var(--switch-thumb-active-BackgroundColor),
        var(--switch-thumb-active-BackgroundColor) var(--percentage),
        var(--switch-track-BackgroundColor) var(--percentage),
        var(--switch-track-BackgroundColor)
      );
    }

    &::-moz-range-track {
      background: linear-gradient(
        to left,
        var(--switch-thumb-active-BackgroundColor),
        var(--switch-thumb-active-BackgroundColor) var(--percentage),
        var(--switch-track-BackgroundColor) var(--percentage),
        var(--switch-track-BackgroundColor)
      );
    }
  }

  /* Thumb: webkit */
  &::-webkit-slider-thumb {
    -webkit-appearance: none;
            appearance: none;
    height: 16px;
    width: 16px;
    background-color: var(--switch-thumb-active-BackgroundColor);
    border-radius: 50%;
    margin-top: -6px;

    &:hover {
      transform: scale(1.1);
    }

    &:active {
      transform: scale(1.2);
    }
  }

  /* Thumb: Firefox */
  &::-moz-range-thumb {
    -moz-appearance: none;
         appearance: none;
    height: 16px;
    width: 16px;
    background-color: var(--switch-thumb-active-BackgroundColor);
    border-radius: 50%;
    border: none;

    &:hover {
      transform: scale(1.1);
    }

    &:active {
      transform: scale(1.2);
    }
  }
}

.kdUh5 {
  padding: 4px 10px;
  position: absolute;
  /* stylelint-disable-next-line plugin/use-logical-properties-and-values */
  inset-inline-start: 50%;
  transform: translateX(-50%);
  top: -14px;
  color: var(--text-high-emph-Color);
  background-color: var(--button-active-BackgroundColor);
  overflow-wrap: break-word;
  filter: drop-shadow(0 2px 4px rgb(0 0 0 / 30%));
  display: none;

  &:dir(rtl) {
    transform: translateX(50%);
  }
}

.WI\+Kw {
  display: flex;
  flex-direction: column;
  position: relative;

  &:hover {
    .kdUh5 {
      display: block;
    }

    .kdUh5.wZ7sc {
      display: none;
    }
  }

  &.QNpw2 {
    opacity: 0.36;

    .BjGGt {
      &::-webkit-slider-thumb {
        &:hover {
          transform: none;
        }

        &:active {
          transform: none;
        }
      }

      &::-moz-range-thumb {
        &:hover {
          transform: none;
        }

        &:active {
          transform: none;
        }
      }
    }

    *|* {
      cursor: not-allowed !important;
    }
  }
}

.dJAVX {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 8px;
  line-height: 12px;
  font-size: var(--fs-sm);
  font-weight: 600;
  pointer-events: none;
  color: var(--text-medium-emph-Color);
}

.gD0zw,
.M7tT- {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 8px;
  padding: 4px 8px 0;
  font-size: var(--fs-sm);
  line-height: 14px;
  font-weight: 600;
}

.egz8d {
  position: relative;
  min-height: 52px;
  display: flex;
  flex-direction: column;

  &._35Rv7 {
    cursor: not-allowed;
    opacity: 0.36;
  }

  .Ab9Xa {
    pointer-events: none;
    position: absolute;
    inset-inline: 8px;
    top: 16px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-medium-emph-Color);
    transition: 150ms ease all;
  }

  .Hzsza {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-block: 22px 10px;
    padding-inline: 8px;
    line-height: 18px;
    background-color: transparent;
    border-bottom: 2px solid var(--input-BorderColor);
    color: var(--text-high-emph-Color);

    &.EI4bX {
      border-color: var(--input-error-BorderColor);
    }

    &:disabled {
      pointer-events: none;
    }

    &:hover {
      background-color: var(--input-hover-BackgroundColor);
    }

    &:focus-visible {
      background-color: var(--input-focus-BackgroundColor);
    }

    &:hover:not(.EI4bX) {
      border-bottom-color: var(--input-hover-BorderColor);
    }

    &:focus-visible:not(.EI4bX) {
      border-bottom-color: var(--input-active-BorderColor);
    }

    &:focus-visible ~ .Ab9Xa,
    &.OJcv4 ~ .Ab9Xa,
    &:-webkit-autofill ~ .Ab9Xa {
      top: 4px;
      line-height: 12px;
      font-size: var(--fs-sm);
      font-weight: 600;
      color: var(--text-medium-emph-Color);
    }
  }

  input[type="file"]::file-selector-button {
    background-color: var(--button-secondary-BackgroundColor);
    padding: 3px 7px;
    font-size: var(--fs-base);
    line-height: 18px;
    min-height: 26px;
    color: var(--button-Color);
    border: 1px solid var(--button-BorderColor);
    cursor: pointer;

    &:hover,
    &:focus-visible {
      color: var(--button-hover-Color);
      background-color: var(--button-hover-BackgroundColor);
      border-color: var(--button-hover-BorderColor);
    }
  }

  .RNYQj {
    inset-inline-end: 32px;
  }

  .RczxL {
    position: absolute;
    inset-inline-end: 8px;
    top: 20px;
    color: var(--icon-Color);

    &:hover {
      color: var(--icon-hover-Color);
    }
  }

  .lXl8l.EI4bX {
    padding-bottom: 4px;
    border-bottom: 2px solid var(--input-error-BorderColor);
  }

  ._3L0zS,
  .Hv-K- {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 4px;
    padding: 0 8px;
    font-size: var(--fs-sm);
    line-height: 14px;
    font-weight: 600;
  }
}

.IW1na {
  min-height: 52px;
  height: 156px;
  min-width: 330px;
  max-width: 100%;
}

._3BAL\+ {
  margin: 0;
  background-color: var(--select-BackgroundColor);
  filter: drop-shadow(0 2px 4px rgb(0 0 0 / 30%));
  z-index: 1000;

  ul {
    list-style: none;
    padding: 0;
    margin-block: 0;
    margin-inline: 0;
    max-height: 400px;
    max-width: 300px;
    min-width: 200px;
    overflow: auto;
  }

  ._2gPkc {
    height: 36px;
    background-color: var(--select-BackgroundColor);
    line-height: 18px;
    padding: 8px 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--text-medium-emph-Color);

    &:hover,
    &.K69OP {
      background-color: var(--select-option-hover-BackgroundColor);
    }
  }
}

.UU0RP {
  color: var(--text-medium-emph-Color);
  padding: 0;

  ._2HJM3 {
    color: var(--overlay-header-Color);
    background-color: var(--overlay-header-BackgroundColor);
    flex: 1 0 auto;
    padding: 8px 20px;
    font-size: var(--fs-sm);
    border-bottom: 1px solid var(--overlay-separator-Color);
  }

  ._5gpTX {
    background-color: var(--overlay-body-BackgroundColor);
    display: flex;
    flex-flow: column nowrap;
    gap: 16px;
  }

  .sssWR {
    flex: 1 0 auto;

    &._6kGeb {
      input,
      textarea {
        padding-inline-end: 28px;
      }
    }
  }
}

.hYsDX {
  display: flex;
  flex-direction: column;
  gap: 2px;
  border: none !important;
  background-color: transparent !important;
  filter: drop-shadow(0 0 5px rgb(0 0 0 / 40%)) !important;
  backdrop-filter: blur(10px);

  .uUbAb {
    width: 20px;
    min-height: 20px;
    height: 20px;
    padding: 0;
  }
}

._1mc1M {
  display: flex;
  flex-flow: column;
  max-height: 100%;
  max-width: 800px;

  .YUN5S {
    * {
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .IYCm1 {
      min-height: 22px;
      line-height: 22px;

      .qftQ- {
        color: var(--text-medium-emph-Color);
      }

      .aYPx7 {
        position: absolute;
        top: 8px;
        inset-inline-start: 9px;
        width: 2px;
        height: 22px;
      }
    }
  }

  .CVOEV {
    display: flex;
    flex-flow: column;
    gap: 16px;

    .TuNPb {
      color: var(--text-high-emph-Color);
      overflow-y: auto;
    }

    .vrpb1 {
      display: flex;
      gap: 24px;
      justify-content: flex-end;
      width: 100%;
    }
  }
}

.ii8i0 {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(4px);
  max-height: 100vh;
  max-width: 100vw;
  padding: 16px 20px;
  box-sizing: border-box;

  ._1mc1M {
    filter: drop-shadow(0 2px 4px rgb(0 0 0 / 30%));
  }
}

.U2qX4 {
  margin-inline-end: auto;
}

.NflfJ {
  display: grid;
  grid-template:
    "header" min-content
    "body" minmax(0, 1fr) / minmax(0, 1fr);
  border: 1px solid var(--panel-BorderColor);

  .IATMa {
    grid-area: header;
    padding: 8px 20px;
    line-height: 22px;
    color: var(--text-high-emph-Color);
    background-color: var(--panel-header-BackgroundColor);
    min-height: 22px;
  }

  ._9W88w {
    grid-area: body;
    padding-inline: 20px;
    padding-block: 16px;
    background-color: var(--panel-body-BackgroundColor);
    position: relative;
  }
}

.eDFiG {
  flex-flow: row wrap;
  gap: 8px;
}

.yim2D {
  flex-flow: column nowrap;

  .L0FcT {
    padding: 4px 8px;
    margin: 0;
  }
}

.yTL5J {
  display: flex;

  .L0FcT {
    outline: none;
    cursor: pointer;
    background-color: var(--secondary-dark-Color);
    color: var(--text-medium-emph-Color);

    &:hover {
      color: var(--text-hover-Color);
      background-color: var(--button-hover-BackgroundColor);
    }
  }

  .jflsi {
    background-color: var(--overlay-BackgroundColor);

    &:hover {
      color: var(--text-hover-Color);
      background-color: var(--secondary-dark-Color);
    }
  }
}

.eDFiG .L0FcT:first-of-type {
  margin-inline-start: 0;
}

._7YnBi {
  display: flex;
  flex-flow: column;
  min-height: 600px;
  min-width: 800px;
  max-width: 80vw;
  max-height: 600px;

  ._8L8LZ {
    * {
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .mWlAy {
      min-height: 22px;

      .Q09MM {
        color: var(--text-medium-emph-Color);
      }
    }
  }

  .Gt4h9 {
    flex: 1;
    display: flex;
    flex-flow: column;
    gap: 16px;
    justify-content: space-between;
    padding: 0;
    min-height: 0;

    ._3OJZd {
      color: var(--text-high-emph-Color);
    }

    .X2tHn {
      padding: 16px 20px;
    }

    ._6I8YL {
      display: flex;
      gap: 24px;
      border-top: 1px solid var(--overlay-BorderColor);
      padding: 16px 20px;
      justify-content: space-between;

      .fbN-U {
        display: flex;
        align-content: flex-end;
        gap: 16px;

        .\-0GPg {
          flex-direction: row-reverse;
          gap: 4px;
        }
      }
    }
  }
}

.YMuaN {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(4px);

  ._7YnBi {
    filter: drop-shadow(0 2px 4px rgb(0 0 0 / 30%));
  }
}

.QfuDc {
  position: absolute;
  inset: 0;
  padding: 64px;
  text-align: center;
  vertical-align: middle;
  font-size: var(--fs-3xl);
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent !important;
}

.x2anH {
  filter: blur(2px);
}

.NK3sI {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  min-height: 0;
  gap: 20px;
  background-color: var(--perspective-details-panel-BackgroundColor);
  padding: 16px 20px;
}

._2FUTz {
  height: 100%;
  flex: 1;

  .wJZxD {
    line-height: 20px;
  }

  .bpLF3 {
    display: flex;
    flex-flow: column;
    background-color: var(--secondary-dark-Color);
  }
}

._8Aq8O {
  background-color: var(--secondary-dark-Color);
  min-height: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.-MjjX {
  max-width: 406px;

  .wE21H {
    cursor: grab;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

  .wE21H:active {
    cursor: grabbing;
  }

  .Tpp0I {
    display: flex;
    max-height: 100%;
    padding: 0;
  }
}

._7DVBl {
  background-color: transparent;
  border-top: 3px solid var(--secondary-dark-Color);
  border-bottom: 3px solid var(--secondary-dark-Color);
  height: 2px;
}

.-n\+9W {
  background-color: var(--primary-light-Color);
}

.HeTQ7 {
  border: 1px solid var(--border-dark-Color);
  background-color: var(--panel-body-BackgroundColor);

  &[draggable="true"] {
    cursor: grab;
  }

  ._7DVBl {
    background-color: var(--panel-body-BackgroundColor);
    border-color: var(--panel-body-BackgroundColor);
  }

  .-n\+9W {
    background-color: var(--primary-light-Color);
  }

  .ZR7F3 {
    padding: 8px 20px;
    display: flex;
    align-items: center;
    background-color: var(--panel-header-BackgroundColor);

    .YFqKw {
      color: var(--text-high-emph-Color);
      flex: 1;
    }

    ._8zByE {
      align-self: flex-end;
    }
  }

  .wEllR {
    padding: 0 20px;
    display: flex;
    flex-flow: column nowrap;
  }

  .J95NE {
    margin: 8px 0;
  }
}

.HeTQ7:active {
  &[draggable="true"] {
    cursor: grabbing;
  }
}

.jRUXv {
  * {
    pointer-events: none;
  }
}

.h4B2s {
  color: var(--icon-Color);

  &:hover {
    color: var(--icon-hover-Color);
  }

  &.mqnSs {
    color: var(--icon-active-Color);
  }
}

.BNWer {
  background-color: var(--overlay-BackgroundColor);
  color: var(--text-high-emph-Color);
  max-height: inherit;
  min-width: 250px;
  width: 310px;
  max-width: 450px;
  display: grid;
  grid-template:
    "header" 37px
    "content" minmax(0, 1fr) / minmax(auto, 1fr);
  flex-flow: column nowrap;

  .h5JmT {
    grid-area: header;
    padding: 8px 20px;
    background-color: var(--overlay-header-BackgroundColor);
    color: var(--overlay-header-Color);
    border-bottom: 1px solid var(--overlay-separator-Color);
    font-size: var(--fs-sm);
  }

  .WXqxB {
    grid-area: content;
    overflow: hidden;
    display: flex;
    flex-flow: column nowrap;

    .SHV0P {
      min-height: 0;
    }

    .FI9la:not(:nth-child(1)) {
      border-top: 1px solid var(--border-dark-Color);
    }

    ._0Zi\+2 {
      padding: 16px 20px;
      margin: 0;
      outline: none;
      cursor: pointer;
      background-color: var(--list-item-BackgroundColor);
      position: relative;

      &:hover,
      &.c\+AhP {
        color: var(--text-hover-Color);
        background-color: var(--list-item-hover-BackgroundColor);
      }

      .kWdMH {
        position: absolute;
        bottom: 0;
        inset-inline: 0;
      }
    }
  }
}

.Jr6mi {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: inherit;
  box-sizing: border-box;
  background-color: var(--perspective-details-panel-BackgroundColor);
  padding: 16px 20px;

  ._2nUxC {
    margin-bottom: 20px;
  }

  ._1UYsv {
    overflow: hidden;
    flex: 1;
    padding-bottom: 16px;
    background-color: var(--panel-body-BackgroundColor);
    border: 1px solid var(--panel-BorderColor);
    border-top: none;
    background-clip: padding-box;
  }

  .PT8x5 {
    border-bottom: none;
  }

  .\+er10 {
    padding-inline: 0 20px;
    padding-block: 0;
    display: flex;
    gap: 20px;

    .aPpqG {
      display: flex;
      padding: 0;
      min-width: 0;

      ._3Dy29 {
        border-inline-end: 2px solid var(--panel-body-BackgroundColor);
      }

      .fax91 {
        padding: 0 4px;
        border-radius: 4px;
        font-size: var(--fs-sm);
        line-height: 16px;
        color: var(--button-Color);
        background-color: var(--button-tab-BackgroundColor);
        border: 1px solid var(--button-BorderColor);

        &:hover:not(:disabled),
        &:focus-visible:not(:disabled) {
          color: var(--button-toggle-hover-Color);
          background-color: var(--button-toggle-hover-BackgroundColor);
          border-color: var(--button-toggle-hover-BorderColor);
        }

        &.Grg-Z {
          color: var(--button-toggle-active-Color);
          background-color: var(--button-toggle-active-BackgroundColor);
          border-color: var(--button-toggle-active-BorderColor);

          &:hover:not(:disabled),
          &:focus-visible:not(:disabled) {
            color: var(--button-toggle-active-Color);
            background-color: var(--button-toggle-active-hover-BackgroundColor);
            border-color: var(--button-toggle-active-hover-BorderColor);
          }
        }
      }
    }

    ._0cHKy {
      flex: 1 1 auto;
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }
  }

  .lNI7v {
    border: 1px solid var(--panel-BorderColor);
    border-top: none;
  }
}

.BhXMz {
  min-height: 2px;
}

.AQ5\+q {
  padding-inline: 9px 20px;
  padding-block: 8px;
  font-size: var(--fs-base);
  line-height: 22px;
  color: var(--text-medium-emph-Color);
  background-color: var(--panel-header-BackgroundColor);
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;

  &._84bxW {
    color: var(--text-active-Color);
    background-color: var(--panel-body-BackgroundColor);
  }

  &:disabled {
    opacity: 0.36;
    cursor: not-allowed;
  }

  &:focus-visible:not(:disabled) {
    color: var(--text-focus-Color);
  }

  &:hover:not(:disabled, ._84bxW) {
    background-color: var(--panel-tab-hover-BackgroundColor);
  }

  .G0kZ1 {
    flex: 0 0 auto;
    width: 2px;
    height: 100%;
  }

  span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}

.Ga52M {
  display: flex;
  flex-flow: column nowrap;

  ._3zL26 {
    padding-inline: 20px;
    padding-block: 16px;
    display: flex;

    .ECrN9 {
      flex: 1 1 auto;
      color: var(--text-high-emph-Color);
    }

    .t4Dcy {
      flex: 1 1 auto;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 16px;
    }
  }

  .RpG7\+ {
    flex: 1;
    min-height: 0;

    .hOwJ5 {
      margin-inline: 20px;
      margin-block: 0 20px;

      &:last-of-type {
        margin-bottom: 1px;
      }
    }
  }
}

._4\+pui {
  display: flex;
  align-items: center;
  gap: 16px;

  .GnnDF {
    background-color: var(--secondary-dark-Color);

    ._0lJIv {
      display: flex;
      flex-flow: row nowrap;
      gap: 11px;
    }
  }
}

.MOlOS {
  display: inline-flex;
  border-radius: 26px;
  padding: 0 11px;
  white-space: nowrap;
  font-size: var(--fs-sm);
  line-height: 20px;
  place-items: center center;
  color: var(--label-text-Color);
  background-color: var(--label-BackgroundColor);
  border: 1px solid var(--label-BorderColor);
  overflow: hidden;
}

.ODU5K {
  padding-inline-start: 6px;
}

.Nl3\+2 {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin-inline-end: 5px;
}

.zQngD {
  margin-inline-start: 5px;
  display: none;
}

.bkJ6T {
  &:hover {
    padding: 0 6px;
    color: var(--label-hover-text-Color);
    background-color: var(--label-hover-BackgroundColor);
    border-color: var(--label-hover-BorderColor);

    .zQngD {
      display: block;
    }
  }
}

.VcONu {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.DFMGF {
  border: 1px solid var(--panel-children-BorderColor);

  .b8yAv {
    display: flex;
    gap: 16px;
    position: sticky;
    top: 0;
    align-items: center;
    z-index: 1;

    ._2hczD {
      position: absolute;
      top: 8px;
      inset-inline-start: 9px;
      height: 22px;
      width: 2px;
    }

    .Exdwi {
      flex: 1 1 auto;
    }

    .qOxsn {
      background-color: var(--secondary-dark-Color);
    }
  }

  .nkHyS {
    padding: 0;

    .zpbfO {
      padding: 16px 20px;
    }

    .stGQV {
      display: flex;
      flex-flow: row wrap;
      background-color: var(--panel-separator-Color);
      gap: 1px;
      border-top: 1px solid var(--panel-separator-Color);

      .JIPEo {
        flex: 1 1 509px;
        background-color: var(--panel-body-BackgroundColor);
        display: grid;
        grid-template-columns: min-content auto;
        padding: 16px 20px;

        .f-bIs {
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          gap: 16px;
        }
      }

      ._6wcbC {
        background-color: var(--panel-body-BackgroundColor);
        flex: 25 1 0;
        padding: 16px 20px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        min-width: 522px;
        overflow-wrap: break-word;
        box-sizing: border-box;

        ._7uxVI {
          margin-bottom: 8px;
        }

        .JVfTD {
          display: grid;
          gap: 16px 32px;
          grid-template-columns: repeat(2, minmax(150px, 1fr));

          ._9qy23 {
            display: flex;
          }

          .\+-mDF {
            min-height: 40px;
            overflow: hidden;
            white-space: normal;
            text-overflow: ellipsis;
          }
        }

        .tiJjI {
          flex: 1 1 96px;
          min-width: 332px;
          display: flex;

          span {
            margin: auto;
            text-align: center;
          }
        }

        .wjgaa {
          flex: 1 1 auto;
          display: flex;
          justify-content: flex-end;
          align-items: flex-end;
          gap: 16px;
        }
      }
    }
  }

  .-VNGv {
    font-size: var(--fs-sm);
    color: var(--text-medium-emph-Color);
  }

  .zgFDN {
    color: var(--text-high-emph-Color);

    code {
      font: inherit;
    }
  }
}

.laDCx {
  display: flex;
  flex-flow: column;

  .L6roL {
    background-color: var(--overlay-BackgroundColor);
    padding: 5px 10px;
    border-bottom: var(--border-dark-Color);
    color: var(--text-medium-emph-Color);

    &:hover {
      background-color: var(--list-item-hover-BackgroundColor);
      color: var(--text-hover-Color);
    }
  }
}

.glAR9 {
  border-top: 1px solid var(--panel-separator-Color);
  padding: 16px 20px;
}

.H72-q {
  display: flex;
  align-items: center;
  justify-content: center;
}

.L58yD {
  color: var(--icon-Color);

  &:hover {
    color: var(--icon-hover-Color);
  }

  &.z8Y2X {
    color: var(--icon-active-Color);
  }
}

.LIJfD {
  flex: 0;

  &:last-child {
    margin-inline-end: 16px;
  }

  &:only-child {
    margin-inline-end: 0;
  }
}

.pylAl {
  max-height: inherit;
}

.Z55Z3 {
  display: flex;
  flex-flow: column nowrap;
  color: var(--text-medium-emph-Color);
  background-color: var(--overlay-BackgroundColor);
  width: 520px;
  max-width: 520px;

  .PuJww {
    color: var(--overlay-header-Color);
    background-color: var(--overlay-header-BackgroundColor);
    font-size: var(--fs-sm);
    padding: 8px 20px;
    border-bottom: 1px solid var(--overlay-separator-Color);
    display: flex;
    justify-content: space-between;
  }

  .-pLyi {
    flex: 1 1;
    display: flex;
  }

  .XahVM {
    height: 100%;
    padding-block: 0 16px;
    padding-inline: 4px;
    display: flex;
    flex-flow: column nowrap;
    background-color: var(--overlay-body-BackgroundColor);
  }

  .Zjvsy {
    padding: 16px 20px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    gap: 24px;
    background-color: var(--overlay-body-BackgroundColor);
    border-top: 1px solid var(--overlay-BorderColor);
  }

  .SQaZy {
    align-items: center;
    display: grid;
    grid-template-columns: 20px 1fr 1fr 10px;
    gap: 10px;
    margin-inline-end: 10px;

    &._2vjQS {
      grid-template-columns: 20px 1fr;
    }

    .fwTc\+ {
      flex: 1;
    }

    .HQn1Z {
      grid-column: 4;
    }
  }

  .B7wch {
    height: 16px;
    display: flex;
    align-items: flex-end;
  }

  ._1zaZU {
    flex: 1;
    height: 2px;
    margin-inline-start: 16px;
  }

  .fdPjL {
    ._1zaZU {
      background-color: var(--primary-light-Color);
    }
  }

  .iqd0V {
    cursor: grab;
    margin-inline-start: 6px;
    width: 12px;
    height: 12px;
  }

  .X1nmF {
    padding: 0 4px;
    border-radius: 4px;
    font-size: var(--fs-sm);
    line-height: 16px;
    color: var(--button-Color);
    background-color: transparent;
    border: 1px solid var(--button-BorderColor);

    &:hover:not(:disabled),
    &:focus-visible:not(:disabled) {
      color: var(--button-toggle-hover-Color);
      background-color: var(--button-toggle-hover-BackgroundColor);
      border-color: var(--button-toggle-hover-BorderColor);
    }

    &.Hw\+P- {
      color: var(--button-toggle-active-Color);
      background-color: var(--button-toggle-active-BackgroundColor);
      border-color: var(--button-toggle-active-BorderColor);

      &:hover:not(:disabled),
      &:focus-visible:not(:disabled) {
        color: var(--button-toggle-active-Color);
        background-color: var(--button-toggle-active-hover-BackgroundColor);
        border-color: var(--button-toggle-active-hover-BorderColor);
      }
    }
  }

  ._2QJb0 {
    visibility: hidden;
  }
}

.adDYz {
  max-height: inherit;
}

.prFXI {
  min-width: -moz-min-content;
  min-width: min-content;
}

.YdgEH {
  display: flex;
  flex-flow: column nowrap;
  color: var(--text-medium-emph-Color);
  background-color: var(--overlay-BackgroundColor);
  min-width: 410px;
  width: 410px;

  &.Ckwdg {
    width: 800px;
    max-width: 800px;
  }
}

.R5Bd- {
  color: var(--overlay-header-Color);
  background-color: var(--overlay-header-BackgroundColor);
  font-size: var(--fs-sm);
  padding: 8px 20px;
  border-bottom: 1px solid var(--overlay-separator-Color);
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.kTZC2 {
  min-height: 0;
  flex: 1 1;
  display: flex;
}

.TzQZ0 {
  padding-block: 16px 32px;
  padding-inline: 20px;
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
  background-color: var(--overlay-body-BackgroundColor);
}

.R9DrM {
  padding: 16px 20px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  gap: 24px;
  background-color: var(--overlay-body-BackgroundColor);
  border-top: 1px solid var(--overlay-BorderColor);
}

.UWtyY {
  padding: 0 4px;
  border-radius: 4px;
  font-size: var(--fs-sm);
  line-height: 16px;
  color: var(--button-Color);
  background-color: transparent;
  border: 1px solid var(--button-BorderColor);

  &:hover:not(:disabled),
  &:focus-visible:not(:disabled) {
    color: var(--button-toggle-hover-Color);
    background-color: var(--button-toggle-hover-BackgroundColor);
    border-color: var(--button-toggle-hover-BorderColor);
  }

  &.Mfmig {
    color: var(--button-toggle-active-Color);
    background-color: var(--button-toggle-active-BackgroundColor);
    border-color: var(--button-toggle-active-BorderColor);

    &:hover:not(:disabled),
    &:focus-visible:not(:disabled) {
      color: var(--button-toggle-active-Color);
      background-color: var(--button-toggle-active-hover-BackgroundColor);
      border-color: var(--button-toggle-active-hover-BorderColor);
    }
  }
}

.h-FBV {
  margin-inline-start: auto;
}

.jW7OS {
  padding: 0 4px;
  border-radius: 4px;
  font-size: var(--fs-sm);
  line-height: 16px;
  color: var(--button-Color);
  background-color: transparent;
  border: 1px solid var(--button-BorderColor);

  &:hover:not(:disabled),
  &:focus-visible:not(:disabled) {
    color: var(--button-toggle-hover-Color);
    background-color: var(--button-toggle-hover-BackgroundColor);
    border-color: var(--button-toggle-hover-BorderColor);
  }

  &._0vHp\+ {
    color: var(--button-toggle-active-Color);
    background-color: var(--button-toggle-active-BackgroundColor);
    border-color: var(--button-toggle-active-BorderColor);

    &:hover:not(:disabled),
    &:focus-visible:not(:disabled) {
      color: var(--button-toggle-active-Color);
      background-color: var(--button-toggle-active-hover-BackgroundColor);
      border-color: var(--button-toggle-active-hover-BorderColor);
    }
  }
}

.QaCrE {
  padding: 16px 20px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  gap: 24px;
  background-color: var(--overlay-body-BackgroundColor);
  border-top: 1px solid var(--overlay-BorderColor);
}

.bj31H {
  display: flex;
  flex-direction: column;
}

.nqc4R {
  display: flex;
  gap: 8px;
  flex-direction: column;
  min-height: 26px;
  padding: 16px 20px;
}

div.V469O {
  border: none;
  min-height: 0;
  min-width: 320px;
}

.SSUR8 {
  padding-block: 0 !important;
  padding-inline: 0 !important;
  display: flex;
}

._4s1i9 {
  min-height: 0;
  flex: 1 1;
  display: flex;
}

._1m3tt {
  display: flex;
  gap: 8px;
  margin-inline-start: auto;
}

._7Aqkr {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._1EzvG {
  padding-inline: 4px 12px;
  padding-block: 3px;
  font-size: var(--fs-base);
  line-height: 20px;
  color: var(--button-toggle-contained-Color);
  background-color: var(--button-toggle-contained-BackgroundColor);
  display: flex;
  align-items: center;
  gap: 6px;
  border: 2px solid var(--button-BorderColor);

  &.WdsNd {
    border-color: var(--button-active-BorderColor);
  }

  &:hover {
    border-color: var(--button-toggle-contained-hover-BorderColor);
  }

  &:focus-visible {
    border-color: var(--button-toggle-contained-hover-BorderColor);
  }

  &.WdsNd:hover {
    border-color: var(--button-toggle-active-hover-BorderColor);
  }

  &.WdsNd:focus-visible {
    border-color: var(--button-toggle-active-hover-BorderColor);
  }

  &:disabled {
    opacity: 0.36;
    cursor: not-allowed;
  }

  .hsYGY {
    align-self: stretch;
    flex: 0 0 auto;
    width: 2px;
  }
}

.D4yb9 {
  display: grid;
  grid-template-columns: 1fr 0.7fr 1fr 20px;
  gap: 10px;
  max-width: inherit;

  &.R4lr4 {
    grid-template-columns: 1fr 20px;
  }

  .egouS {
    grid-column: 4;
  }
}

.XfPny {
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 0.25rem;
  background-color: var(--secondary-dark-Color);
}

.uVoSd {
  padding-inline-start: 10px;
  background: none;
  flex: 1 0 auto;
  color: var(--text-medium-emph-Color);
}

.PTnPz,
._4ki73 {
  padding: 0 4px;
  color: var(--icon-Color);
}

.PTnPz:hover {
  color: var(--icon-hover-Color);
}

.GPpSX {
  fill: var(--gfx-wheelset-track-Color);
}

.S1I2T {
  fill: var(--gfx-wheelset-axle-Color);
}

.hoCCZ {
  fill: var(--gfx-wheelset-axle-BackgroundColor);
}

._4wV0Q {
  fill: var(--icon-Color);
  stroke: none;
}

.vUUe8 {
  fill: var(--gfx-alarm-icon-FillColor);
  stroke: none;
}

.ydaRW {
  fill: var(--gfx-vehicle-BackgroundColor);
}

.d0e0D {
  fill: var(--gfx-vehicle-ptfm-BackgroundColor);
}

.Br27g {
  fill: var(--gfx-vehicle-BorderColor);
}

.GexDo {
  fill: var(--gfx-vehicle-rg-BackgroundColor);
}

._9kumD {
  fill: var(--gfx-vehicle-ws-BackgroundColor);
}

.Wt1X\+ {
  fill: var(--gfx-rg-BorderColor);
}

.AIL\+w {
  fill: var(--gfx-rg-ws-BackgroundColor);
}

.ZvYGb {
  fill: var(--gfx-ded-vehicle-BorderColor);
}

.BQ5RF {
  fill: var(--gfx-ded-track-BorderColor);
}

.oFoIi {
  fill: var(--gfx-ded-vehicle-components-BackgroundColor);
}

._0QhG2,
.oNszm,
.otm8\+ {
  stroke-miterlimit: 10;
  stroke-width: 2;
}

._0QhG2 {
  fill: none;
  stroke: var(--gfx-ded-track-BorderColor);
}

.oNszm {
  fill: var(--gfx-ded-vehicle-BackgroundColor);
  stroke: var(--gfx-ded-vehicle-BorderColor);
}

.otm8\+ {
  fill: var(--gfx-ded-vehicle-components-BackgroundColor);
  stroke: var(--gfx-ded-vehicle-BorderColor);
}

.SzuSD {
  fill: var(--gfx-pvs-portal-BackgroundColor);
}

.f-r0F,
.ivt9e,
.dLMTF,
.muqki,
._8cuC2,
._4j7XB,
.WcRu3,
._5KYtX {
  stroke-miterlimit: 10;
  stroke-width: 2;
  stroke: var(--gfx-pvs-vehicle-BorderColor);
  fill: none;
}

.dLMTF,
.ivt9e,
.WcRu3 {
  fill: var(--gfx-pvs-vehicle-components-BackgroundColor);
}

.f-r0F,
.muqki,
._4j7XB {
  fill: var(--gfx-pvs-vehicle-BackgroundColor);
}

.JIekG {
  fill: none;
  stroke-miterlimit: 10;
  stroke-width: 2;
  stroke: var(--gfx-bearing-bracket-Color);
}

.uu63E {
  fill: var(--gfx-bearing-component-BackgroundColor);
}

.hS-Jq {
  fill: var(--gfx-bearing-component-BorderColor);
}

.eoKug {
  fill: var(--gfx-train-tr-BackgroundColor);
}

.lJ4W-,
.WmWo0,
.B6Vmh {
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.lJ4W- {
  stroke: var(--gfx-train-tr-BorderColor);
  fill: none;
}

.WmWo0,
.B6Vmh {
  stroke: var(--gfx-train-BorderColor);
}

.WmWo0 {
  fill: var(--gfx-train-BackgroundColor);
}

.B6Vmh {
  fill: var(--gfx-train-components-BackgroundColor);
}

.l8fS7 {
  fill: var(--gfx-tbogi-track-divider-Color);
}

.m5LK2 {
  fill: var(--gfx-tbogi-rail-Color);
}

.wIiqR {
  fill: var(--gfx-tbogi-ws-BorderColor);
}

.uCvMo {
  fill: var(--gfx-tbogi-ws-BackgroundColor);
}

.Id\+88 {
  fill: var(--gfx-train-BorderColor);
}

.bBuX\+ {
  fill: var(--gfx-train-BackgroundColor);
}

.fj6ne {
  stroke: var(--gfx-train-BorderColor);
  stroke-miterlimit: 10;
  stroke-width: 2px;
  fill: none;
}

.uoMgG {
  fill: var(--gfx-train-components-BackgroundColor);
}

.dePEL {
  stop-color: var(--gfx-train-components-BackgroundColor);
}

._05JDz {
  display: flex;
}

.Ipzd8 {
  box-sizing: border-box;
  border: 2px solid var(--border-dark-Color);

  &:hover {
    border: 2px solid var(--thumbnail-hover-BorderColor);
  }

  &.R\+jz- {
    border: 2px solid var(--primary-Color);
  }
}

.UWPYY {
  display: flex;
  flex-flow: column;
  padding: 6px 8px;
  width: 660px;
  height: 495px;

  img {
    margin: auto;
  }
}

.d3-tip.tooltip span {
  color: var(--train-graph-tooltip-Color) !important;
  background: var(--train-graph-tooltip-BackgroundColor) !important;
  border: 1px solid var(--train-graph-tooltip-BorderColor);
}

._9HIsE {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  flex: 1 0;

  .Bgok0 {
    display: flex;
    flex: 0 1 auto;
    background-color: var(--panel-body-BackgroundColor);
    padding: 16px 20px;
    gap: 20px;

    .UmrMg {
      min-width: 0;

      .fhj6r {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        min-width: 0;
        flex: 1 0 0;
      }
    }

    .AV-eX {
      display: flex;
      flex: 1 0 auto;
      gap: 20px;
      align-items: flex-start;

      &.-PjZO {
        transition: all 0.2s;
        flex: 1 0 auto;
        min-width: 200px;
        border-inline-end: 1px solid var(--panel-separator-Color);
        padding-inline-end: 20px;
      }

      &.-PjZO:only-child {
        border-inline-end: none;
      }

      &.GjS\+l {
        transition: all 0.2s;
        flex: 0 0 auto;
      }

      .UmrMg {
        flex: 0 0 auto;
        min-width: auto;
      }

      .Q3nUh {
        height: 30px;
        flex: 1 0 auto;
        min-width: 200px;
        max-width: 200px;

        &.LKcf9 {
          display: none;
        }

        .ember-power-select-trigger {
          border-color: var(--secondary-dark-Color);
          min-height: 28px;
          line-height: 28px;

          &:focus {
            border-color: var(--secondary-dark-Color);
            background-color: var(--panel-body-BackgroundColor);
          }
        }

        /* stylelint-disable selector-class-pattern */
        .ember-power-select-trigger--active
          .ember-power-select-placeholder {
          transform: none;
        }

        .ember-power-select-trigger[aria-expanded="true"] {
          background-color: var(--panel-body-BackgroundColor);
        }
      }
    }

    .lIsyH {
      display: flex;
      flex: 0 1 auto;
      min-width: 0;
      gap: 20px;
      overflow: hidden;
    }
  }

  .k7TrP {
    flex: 1 0;
    flex-basis: 0;
    overflow: hidden;
    background-color: var(--panel-body-BackgroundColor);
    display: flex;
    flex-flow: column;

    ._7MBqJ {
      min-height: 1px;
      margin: 0 20px;
      background-color: var(--panel-separator-Color);
    }

    .-ICHn {
      height: 100%;

      svg > rect {
        fill: var(--train-graph-BackgroundColor);
      }

      svg text {
        fill: var(--train-graph-text-Color);
      }

      .axis-y-grid line {
        stroke: var(--train-graph-grid-Color);
      }

      .vehicle-gfx rect {
        fill: var(--train-graph-vehicle-gfx-BackgroundColor);
      }

      .wheelset-gfx rect {
        fill: var(--train-graph-vehicle-gfx-ws-BackgroundColor);
      }

      .wheelset-bars {
        g {
          opacity: 1;
        }

        rect {
          stroke: var(--train-graph-ws-bar-BorderColor);
        }
      }

      .wheelset-dots {
        circle {
          stroke: var(--train-graph-dot-BorderColor);
        }
      }

      .scrollbar {
        .bg {
          fill: var(--train-graph-scrollbar-track-BackgroundColor);
        }

        .selection {
          fill: var(--train-graph-scrollbar-thumb-BackgroundColor);
        }
      }
    }

    .ayHG5 {
      justify-content: flex-end;
      padding: 8px 20px;
    }

    .bcj4w {
      flex: 1;
      padding-inline: 20px 10px;
      padding-block: 0;

      .highcharts-wrapper, .chart-container {
        height: 100%;
      }
    }
  }
}

._4VVeQ {
  height: 100%;
  display: grid;
  grid-template: "body" minmax(0, 1fr) / 1fr;

  .JEHOZ {
    grid-area: sidebar;
    padding: 0 8px;
    background-color: var(--panel-body-BackgroundColor);

    ._4at\+u {
      background-color: var(--table-generic-body-BackgroundColor);
      border-radius: 7px;
    }
  }

  .Mlc9a {
    padding-inline: 18px 0;
    padding-block: 16px;
    grid-area: body;
    background-color: var(--panel-body-BackgroundColor);
    display: flex;
    flex: 1 0;
  }

  .B3Am6 {
    flex: 1;

    .simplebar-wrapper {
      margin-inline-end: -17px !important;
    }

    .simplebar-track.simplebar-vertical {
      inset-inline-end: -17px;
      pointer-events: auto;
      cursor: pointer;
    }

    .simplebar-scrollbar::before {
      inset: 0 3px;
    }
  }
}

.RxE1n {
  display: inline-block;
  min-width: 100%;
}

.MxW5n {
  display: flex;
  padding-inline: 8px 16px;
  padding-block: 4px;
  background-color: var(--secondary-dark-Color);
  border: 1px solid var(--table-BorderColor);
  margin-bottom: 6px;
  position: sticky;
  inset-inline-start: 0;
  box-sizing: border-box;

  .kdGN4 {
    min-width: 2px;
    height: 48px;
    margin-inline-end: 16px;
  }

  .vG1PT {
    margin-inline-end: 24px;
    margin-top: 4px;
    line-height: 20px;
    min-width: 36px;
    font-size: var(--fs-2xl);
    color: var(--table-cell-Color);
    text-align: end;
  }

  .JyOZk {
    margin-inline: 0 32px;
    margin-block: 4px;
  }

  .M\+CK1 {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
  }
}

.HRWwg {
  min-width: 100%;
  border-collapse: separate;

  &:last-of-type {
    margin-bottom: 0;
  }

  thead {
    position: sticky;
    top: 0;
    z-index: 1;
  }

  th,
  td {
    padding: 4px 8px;
    border: 1px solid var(--table-BorderColor);
  }

  th {
    text-align: center;
    line-height: 20px;
    color: var(--text-medium-emph-Color);
    background-color: var(--table-generic-header-BackgroundColor);
    border-top: none;
    font-weight: 600;
  }

  tr {
    vertical-align: top;
    height: 15px;
  }

  td {
    padding: 4px 8px;
    position: relative;
    color: var(--table-cell-Color);
    background-color: var(--secondary-dark-Color);
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  tbody {
    .occluded-content {
      display: table-caption;
    }
  }
}

.Ye3bg {
  ._5dZjG {
    padding: 10px 16px;
    border-bottom: 1px solid var(--border-dark-Color);

    &:nth-last-child(2) {
      border-bottom: none;
    }
  }
}

.QvCPc {
  margin-bottom: 16px;
}

td.gjFSK {
  padding-block: 0 !important;
  padding-inline: 0 !important;

  &:hover,
  &:focus-visible {
    background-color: var(--table-generic-body-hover-BackgroundColor);
  }
}

a.kdbPY {
  padding: 4px 8px;
  text-align: inherit;
}

.KNReI {
  color: var(--icon-Color);

  &:hover {
    color: var(--icon-hover-Color);
  }
}

.x5yL- {
  display: block;
  width: 56px;
  margin: auto;
}

.DzEih {
  fill: var(--set-navigator-vehicle-BackgroundColor);
  width: 56px;
}

.ItlVJ {
  fill: var(--set-navigator-platform-BackgroundColor);
  stroke: var(--set-navigator-platform-BorderColor);
  stroke-width: 2;
  width: calc(56px - 10px);
}

.SrP7x {
  display: block;
  width: 46px;
  margin: auto;
}

._4VYE\+ {
  fill: var(--set-navigator-running-gear-BackgroundColor);
  stroke: var(--set-navigator-running-gear-BorderColor);
  stroke-width: 2;
}

.ixfXg {
  rect {
    fill: var(--set-navigator-wheelset-BackgroundColor);
  }

  polygon {
    fill: var(--set-navigator-wheelset-BackgroundColor);
  }

  path {
    fill: var(--set-navigator-wheelset-BorderColor);
  }
}

.k3xwl {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 20px;
}

._7rN1n {
  flex: 1 0;
}

.k3xwl,
._7rN1n {
  text-align: start;
  flex-direction: row;

  &._6hpP9 {
    flex-direction: row;
    /* stylelint-disable-next-line plugin/use-logical-properties-and-values */
    text-align: left;

    &:dir(rtl) {
      flex-direction: row-reverse;
    }
  }

  &._8ABB4 {
    text-align: end;
    flex-direction: row-reverse;
  }

  &._4b6EM {
    flex-direction: row-reverse;
    text-align: end;

    &:dir(rtl) {
      flex-direction: row;
      /* stylelint-disable-next-line plugin/use-logical-properties-and-values */
      text-align: right;
    }
  }
}

.OAjoO {
  flex: 0 0 32px;
}

.CsKap {
  display: flex;
  border: 1px solid var(--status-bar-BorderColor);
  height: 10px;

  .xQ1Zr {
    background: var(--status-bar-BackgroundColor);
  }
}

.HJ\+ed {
  position: absolute;
  top: 4px;
  inset-inline-start: 8px;
  width: 4px;
  height: 20px;
  vertical-align: inherit;
}

.SoQfz {
  margin-inline: 10px;
}

.ZfDM- {
  background-color: var(--table-generic-body-BackgroundColor);
  padding: 4px 16px;
  border: 1px solid var(--table-BorderColor);
  display: flex;
  align-items: center;
  justify-content: flex-end;

  .xyKbQ {
    flex: 1;
  }
}

.Vztmp {
  &.NqAij {
    cursor: not-allowed;
    opacity: 0.36;
  }

  .Scr6\+ {
    padding: 0 8px;
    line-height: 12px;
    font-size: var(--fs-sm);
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-medium-emph-Color);
  }

  .l7tAl,
  .swslS {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 8px;
    padding: 4px 8px 0;
    font-size: var(--fs-sm);
    line-height: 14px;
    font-weight: 600;
    border-top: 2px solid var(--input-BorderColor);
  }

  .n7uQP {
    display: flex;
    flex-flow: column nowrap;
    gap: 8px;
    padding: 4px 8px;
    margin: 4px 0;

    &._0COu7 {
      flex-direction: row;

      .vDabE {
        overflow: hidden;
        min-width: 28px;
      }
    }

    &.OYtam {
      border-bottom: 2px solid var(--input-error-BorderColor);
    }
  }
}

.GAPmo {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;

  .DGen4 {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid var(--radio-button-BorderColor);
    background-color: var(--radio-button-BackgroundColor);

    .eUkbC {
      border-radius: 50%;
      width: 6px;
      height: 6px;
    }
  }

  .H9hAl {
    pointer-events: none;
    flex: 1;
    font-size: var(--fs-sm);
    line-height: 20px;
    color: var(--radio-button-Color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .N\+A9Z {
    position: absolute;
    opacity: 0;
    pointer-events: auto;
    cursor: inherit;
    inset: 0;
    width: 100%;
    height: 100%;

    &:hover,
    &:focus-visible {
      ~ .DGen4 {
        border-color: var(--radio-button-hover-BorderColor);
      }

      ~ .H9hAl {
        color: var(--radio-button-hover-Color);
      }
    }

    &:checked {
      ~ .DGen4 .eUkbC {
        background-color: var(--radio-button-active-BackgroundColor);
      }

      ~ .DGen4 {
        border-color: var(--radio-button-active-BorderColor);
      }

      ~ .H9hAl {
        color: var(--radio-button-active-Color);
      }

      &:focus-visible,
      &:hover {
        ~ .DGen4 .eUkbC {
          background-color: var(--radio-button-active-hover-BackgroundColor);
        }

        ~ .DGen4 {
          border-color: var(--radio-button-active-hover-BorderColor);
        }

        ~ .H9hAl {
          color: var(--radio-button-active-hover-Color);
        }
      }
    }
  }
}

.Tf2oi {
  height: 450px;
  display: flex;
  flex-flow: column;
}

.g5svj {
  position: absolute;
  top: 0;
  inset-inline: 0;
}

._3XtLh {
  flex: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: var(--highcharts-BackgroundColor);
  min-height: 0;
}

.kbpxw {
  padding: 16px 20px;

  ._3XtLh {
    border: 1px solid var(--panel-BorderColor);
  }
}

._2VnBW {
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
  flex: 1;
  background-color: var(--panel-body-BackgroundColor);
  border: 1px solid var(--panel-BorderColor);
  border-top: none;
  background-clip: padding-box;
}

.yseNw {
  padding: 16px 0;
  margin: 0 20px;
  color: var(--text-high-emph-Color);
  border-bottom: 1px solid var(--panel-separator-Color);
}

.r8onx {
  flex: 1;
  min-height: 0;
}

.sVKBM {
  .lEKxC {
    padding: 16px 0;
    margin: 0 20px;
    border-bottom: 1px solid var(--panel-separator-Color);

    &:last-of-type {
      border-bottom: none;
    }
  }
}

._6MTUk {
  background-color: var(--perspective-details-panel-BackgroundColor);
  height: 100%;
  padding: 16px 20px;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 20px;

  .jXnA1 {
    margin-bottom: 20px;

    &.oCEzZ {
      border: 1px solid var(--panel-BorderColor);
    }

    &:last-of-type {
      margin-bottom: 0;
    }
  }

  .exQ-z {
    height: 100%;

    .nu8vU {
      display: flex;

      .L1cxM {
        flex: 1 1 auto;
        display: flex;
        justify-content: flex-end;
        align-items: center;
      }
    }

    .QhA7k {
      padding-block: 0 16px;
      padding-inline: 0;
      overflow: hidden;

      .iVbW4 {
        height: 100%;
      }
    }
  }

  .qGEZq,
  .tgttD {
    .jVNRR,
    ._4bZBs {
      display: flex;
      gap: 8px;
      justify-content: space-between;
    }
  }

  .tgttD {
    margin-top: 20px;

    .Kqibo {
      ._1iqeZ {
        display: flex;
        margin-bottom: 16px;

        ._8nUIP {
          height: 20px;
          margin-inline-end: 20px;
          margin-top: 10px;
        }

        .KMf9D {
          flex: 1;
        }

        &:last-child {
          margin-bottom: 0;
        }
      }
    }
  }

  .Wq-0X {
    overflow: hidden;

    .IxhQy {
      height: 100%;
    }
  }
}

.ipfpy {
  height: 100%;
  display: grid;
  overflow: hidden;
  grid-template:
    "header" min-content
    "quick-filter" min-content
    "body" minmax(0, 1fr) / minmax(0, 1fr);
  background-color: var(--perspective-details-panel-BackgroundColor);

  .fqVFD {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .AYrOQ {
    grid-area: header;
    padding: 8px 20px;
    background-color: var(--list-header-BackgroundColor);
    border-bottom: 1px solid var(--border-dark-Color);

    .Y0-Ni {
      display: flex;
      gap: 8px;
      flex: 1 1 auto;

      .sTMZB {
        position: relative;
        flex: 0 0 auto;
        display: flex;
        flex-flow: column nowrap;
        font-size: var(--fs-base);
        line-height: 18px;
        padding-inline: 16px;
        padding-block: 10px 8px;
        align-items: center;

        &:first-child {
          padding-inline-start: 0;
        }

        &:last-of-type {
          padding-inline-end: 0;
        }

        &.koa8k {
          color: var(--text-active-Color);
        }
      }
    }

    /* stylelint-disable-next-line selector-type-no-unknown */
    titlecontainer {
      display: flex;
      min-width: 0;
    }
  }

  .Ea2mr {
    padding-block: 0 !important;
    padding-inline: 0 !important;
    display: flex;
    height: 35px;

    ._5B-BD {
      flex: 0 1 auto;
      border-inline-end: 2px solid var(--panel-body-BackgroundColor);
    }

    .jalWh {
      flex: 1 0 auto;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 16px;
      margin-inline-end: 20px;
    }
  }

  ._5qcAG {
    position: relative;

    .AN9x2 {
      position: absolute;
      top: 0;
      inset-inline: 0;
    }
  }

  ._7FMik,
  .EJLqP {
    grid-area: body;
  }
}

.XbpFn {
  padding: 16px 20px;

  ._6Dj-Y {
    margin-bottom: 16px;

    ._0mK99 {
      .eyidj {
        border-top: 1px solid var(--border-light-Color);
        margin-top: 16px;
        padding-top: 16px;
      }
    }
  }

  .zNRnV {
    max-height: 360px;
  }
}

.QOiKJ {
  padding: 16px 20px;
  display: grid;
  grid-template:
    "set-navigator set-navigator" min-content
    "component-master component-details" minmax(0, 1fr) / auto minmax(0, 1fr);

  .De2bS {
    grid-area: set-navigator;
    margin-bottom: 16px;
  }

  .h\+Wks {
    grid-area: component-master;

    .KXs8u,
    .gdwZE {
      margin-inline-end: 16px;

      .b0Fmj {
        display: flex;
        flex-flow: row wrap;
        gap: 10px 4px;
        max-width: 428px;
      }
    }
  }

  .jGlLS {
    grid-area: component-details;
  }
}

.NoyVM {
  padding: 16px 20px;
}

.fzN\+m {
  line-height: 22px;
  color: var(--text-high-emph-Color);
  text-align: center;
  padding: 6px 20px;
}

.D0--Z {
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  align-items: center;

  &:dir(rtl) {
    flex-direction: row-reverse;
  }

  .I6NaI {
    cursor: pointer;
    outline: none;
    padding-inline: 8px;
    margin: 0 8px;
    color: var(--icon-Color);

    &:first-child {
      /* stylelint-disable-next-line plugin/use-logical-properties-and-values */
      margin-left: -8px;
    }

    &:last-child {
      /* stylelint-disable-next-line plugin/use-logical-properties-and-values */
      margin-right: -8px;
    }
  }

  .I6NaI.oG-w9 {
    color: var(--icon-hover-Color);
  }

  .uogY5 {
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden;
  }
}

.sR3lV {
  display: flex;
  flex-flow: row nowrap;
  color: var(--text-medium-emph-Color);
}

.yNtin {
  padding: 1px 15px;
  border-radius: 4px;
  font-size: var(--fs-base);
  line-height: 16px;
  color: var(--button-Color);
  background-color: var(--button-tab-BackgroundColor);
  border: 1px solid var(--button-BorderColor);

  &:disabled {
    opacity: 0.36;
    cursor: not-allowed;
  }

  &:hover:not(:disabled),
  &:focus-visible:not(:disabled) {
    color: var(--button-tab-hover-Color);
    background-color: var(--button-tab-hover-BackgroundColor);
    border-color: var(--button-tab-hover-BorderColor);
  }

  &.Yhl1p {
    color: var(--button-active-Color);
    background-color: var(--button-active-BackgroundColor);
    border-color: var(--button-active-BorderColor);

    &:hover:not(:disabled),
    &:focus-visible:not(:disabled) {
      color: var(--button-active-Color);
      background-color: var(--button-active-hover-BackgroundColor);
      border-color: var(--button-active-hover-BorderColor);
    }
  }
}

.emrcO {
  display: flex;
  align-items: center;

  .l5h7i {
    margin-inline-end: 20px;
    line-height: 20px;
    font-size: var(--fs-sm);
  }

  .JvDLr {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 4px;
    min-height: 24px;
  }

  .S0yzo {
    display: flex;
    justify-content: flex-end;
    flex: 1 0 auto;
  }
}

.GOuSu {
  color: var(--icon-Color);

  &:hover {
    color: var(--icon-hover-Color);
  }
}

.jggBW {
  color: var(--icon-active-Color);
}

._3zwUc {
  ._8a6RB {
    padding-inline: 0 !important;
    padding-block: 0 !important;
    display: flex;
    flex-flow: column;

    .rVb9k {
      flex: 1;
      min-height: 0;
      box-sizing: border-box;
    }
  }

  .gCKB\+ {
    display: flex;
  }

  ._4KKWD {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    align-items: center;
  }
}

.HpNsy {
  min-width: 100%;
  border-collapse: separate;
  table-layout: fixed;

  th,
  ._4ElZu {
    padding: 4px 8px;
    border: 1px solid var(--table-BorderColor);
  }

  th {
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    color: var(--text-medium-emph-Color);
    background-color: var(--table-generic-header-BackgroundColor);
    border-top: none;
    position: sticky;
    top: 0;
    z-index: 1;
    font-weight: 600;
  }

  th.HOCfn {
    padding-inline: 30px;
  }

  .wU1G7 {
    &:hover,
    &:focus-visible {
      background-color: var(--table-generic-body-hover-BackgroundColor);
    }
  }

  .DLIjY {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
  }

  ._4ElZu {
    display: table-cell;
    text-align: end;
    padding: 4px 8px;
    position: relative;
    color: var(--table-cell-Color);
    white-space: nowrap;
    text-overflow: ellipsis;

    &.sepmz {
      padding-inline-start: 16px;
    }

    &.lqekx {
      text-align: center;
    }

    &.p1D7y {
      text-align: start;

      .DLIjY {
        width: 100%;
      }
    }

    &.WJQUD {
      text-align: end;
    }
  }

  .Ah1nm {
    display: table-row;
    vertical-align: top;
    background-color: var(--table-generic-body-BackgroundColor);
  }

  tbody {
    .occluded-content {
      display: table-caption;
    }
  }

  .YzELo {
    position: absolute;
    top: 4px;
    inset-inline-start: 6px;
    width: 2px;
    height: 20px;
    vertical-align: inherit;
  }

  .h\+7dK {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    inset-inline-end: 5px;
    width: 20px;
    min-height: 20px;
    vertical-align: inherit;
    display: flex;
    flex-direction: column;
    justify-items: center;

    .Y9tU9 {
      transform: translateY(48%);
    }

    .sIxZn {
      transform: translateY(-48%);
    }

    .Y9tU9,
    .sIxZn {
      height: 12px;
      width: 20px;
      color: var(--icon-Color);

      &.LUGHQ {
        color: var(--icon-active-Color);
      }
    }

    &:focus-visible:not(:disabled),
    &:hover:not(:disabled) {
      .Y9tU9,
      .sIxZn {
        color: var(--icon-hover-Color);

        &.LUGHQ {
          color: var(--icon-active-Color);
        }
      }
    }
  }
}

.BwWVm {
  min-height: 0;
}

._3pCM0 {
  display: flex;
  flex-flow: column;
  background-color: var(--perspective-details-panel-BackgroundColor);
  overflow: hidden;
}

.Vj3jM {
  padding: 16px 20px;
}

.O0ngB {
  background-color: var(--panel-body-BackgroundColor);
  overflow: hidden;
  min-height: 0;
  display: flex;
  flex-flow: column;
  flex: 1;
}

.xKCdc {
  border: 1px solid var(--panel-BorderColor);
}

.oEuYd {
  position: absolute;
  top: 0;
  inset-inline: 0;
}

.OgsAj {
  width: 100%;
  position: relative;
  display: inline-flex;
  justify-content: end;
}

.oOiuv {
  position: absolute;
  bottom: -2px;
  inset-inline: 0;
  height: 2px;
  border: none;

  &:first-child {
    background-color: var(--table-cell-duration-BackgroundColor);
  }
}

.d2hcJ {
  display: flex;
  flex-direction: row-reverse;
  gap: 4px 8px;
}

.Lsei8 {
  display: flex;
  flex-flow: row nowrap;

  .ZfBsb {
    display: flex;
    flex-direction: column;
    margin-inline-end: 26px;
    gap: 12px;
  }

  .UN0G\+ {
    cursor: default;

    &:hover {
      border-color: var(--quick-filter-BorderColor);
    }
  }

  .BAblf {
    flex: 1 1 0%;
    text-align: start;
    font-weight: 600;
  }

  ._56xOj {
    display: flex;
    flex-flow: row wrap;
  }

  .LOIrt {
    margin-inline-end: 28px;
    margin-top: 12px;
    margin-bottom: 16px;
    width: 130px;

    &:last-child {
      margin-inline-end: 0;
    }
  }

  ._8F\+c9 {
    flex: 1;
  }
}

.FZziI {
  display: flex;
  align-items: center;
  background-color: var(--quick-filter-BackgroundColor);
  border: 2px solid var(--quick-filter-BorderColor);
  border-radius: 26px;
  min-height: 24px;
  justify-content: space-between;

  .FDhRO {
    margin: 5px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
  }

  ._1lNhw {
    margin: 3px 2.5px;
    color: var(--icon-Color);
  }

  .Sr-XJ {
    margin: 0 10px;
    min-width: 22px;
    text-align: end;
    line-height: 20px;
    color: var(--label-text-Color);
  }

  &.mUXL8 .Sr-XJ {
    margin-inline: 0 10px;
    margin-block: 0;
  }

  &:hover,
  &:focus-visible {
    border-color: var(--quick-filter-hover-BorderColor);
  }

  &.-zRlo {
    border-color: var(--quick-filter-active-BorderColor);

    &:hover,
    &:focus-visible {
      border-color: var(--quick-filter-active-hover-BorderColor);
    }
  }
}

.HV33g {
  width: 130px;
}

.YimCX > circle {
  fill: none;
  stroke-width: 1.5px;
  stroke: var(--outer-circle-StrokeColor);
}

.XhSUm {
  margin-top: 20px;
  text-align: center;
  color: var(--text-high-emph-Color);
}

.XHnzd {
  font-size: var(--fs-3xl);
  line-height: 30px;
  fill: var(--text-high-emph-Color);
}

.qZqF2 {
  display: flex;
}

.XF8s0 {
  flex-direction: column;
}

.HEAm6 {
  .DrhBT {
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    height: 35px;

    .x2nON {
      flex: 1 0;
    }

    .M\+-5c {
      border-bottom: none;
      min-width: 160px;
      min-height: 20px;
      line-height: 20px;
      border-radius: 0.25rem;
      background-color: var(--secondary-dark-Color);
      color: var(--text-medium-emph-Color);

      .ember-power-select-placeholder {
        margin-inline-end: 8px;
      }

      /* stylelint-disable selector-class-pattern */
      &.ember-power-select-trigger--active
        .ember-power-select-placeholder {
        transform: none;
      }
      /* stylelint-enable selector-class-pattern */

      .ember-power-select-status-icon {
        display: flex;
        align-items: center;
      }
    }
  }

  .N6TFc {
    padding: 0 20px 16px;
  }
}

._2VRQT {
  height: 24px;
  width: 100%;

  &:dir(rtl) {
    transform: scaleX(-1);
  }
}

._8D\+-2 {
  background-color: var(--set-navigator-BackgroundColor);
  overflow: auto;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-bottom: 4px;

  svg {
    overflow: visible !important;
  }

  &:dir(rtl) {
    > svg {
      transform: scaleX(-1);
    }
  }

  &::-webkit-scrollbar {
    display: none;
  }
}

.iWKlA {
  fill: var(--brush-handle-BackgroundColor);
}

.jGREZ {
  fill: var(--set-navigator-vehicle-BackgroundColor);
}

.ceuR- {
  fill: var(--set-navigator-vehicle-disabled-BackgroundColor);
  stroke: var(--set-navigator-vehicle-disabled-BorderColor);
}

.jGREZ.arcid:hover:not(.ceuR-) ~ .h0\+QA {
  rect {
    fill: var(--set-navigator-label-hover-BackgroundColor);
    stroke: var(--set-navigator-label-hover-BorderColor);
  }

  text {
    fill: var(--set-navigator-label-hover-Color);
  }
}

.jGREZ.arcid.bVMIy:hover:not(.ceuR-) ~ .h0\+QA {
  rect {
    fill: var(--set-navigator-label-selected-hover-BackgroundColor) !important;
    stroke: var(--set-navigator-label-selected-hover-BorderColor) !important;
  }

  text {
    fill: var(--set-navigator-label-selected-hover-Color);
  }
}

.WAqFB {
  cursor: default;

  rect {
    fill: var(--set-navigator-label-BackgroundColor);
    stroke: var(--set-navigator-label-BorderColor);
  }

  text {
    fill: var(--set-navigator-label-Color);
  }
}

polyline {
  fill: none;
  stroke: var(--set-navigator-label-line-Color);
}

.mW7Fg {
  cursor: default;

  polyline {
    stroke: var(--set-navigator-label-line-disabled-Color);
  }

  rect {
    fill: var(--set-navigator-label-disabled-BackgroundColor);
    stroke: var(--set-navigator-label-disabled-BorderColor);
  }

  text {
    opacity: 0.36;
  }
}

.acfmq {
  rect {
    fill: var(--set-navigator-label-selected-BackgroundColor);
    stroke: var(--set-navigator-label-selected-BorderColor);
  }

  text {
    fill: var(--set-navigator-label-selected-Color);
  }
}

.tE2VK,
.WAqFB._1buus:hover:not(.mW7Fg),
.WAqFB._1buus:focus-visible:not(.mW7Fg) {
  cursor: pointer;

  rect {
    fill: var(--set-navigator-label-hover-BackgroundColor);
    stroke: var(--set-navigator-label-hover-BorderColor);
  }

  text {
    fill: var(--set-navigator-label-hover-Color);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
}

.WAqFB._1buus:hover:not(.mW7Fg),
.WAqFB._1buus:focus-visible:not(.mW7Fg) {
  &.acfmq {
    rect {
      fill: var(--set-navigator-label-selected-hover-BackgroundColor);
      stroke: var(--set-navigator-label-selected-hover-BorderColor);
    }

    text {
      fill: var(--set-navigator-label-selected-hover-Color);
    }
  }
}

.XL2Ab {
  pointer-events: none;
}

.wRVQ0 {
  fill: var(--set-navigator-platform-BackgroundColor);
}

.g7Y5g {
  fill: var(--set-navigator-platform-disabled-BackgroundColor);
  stroke: var(--set-navigator-platform-disabled-BorderColor);
}

.wRVQ0.a8-wC:hover:not(.g7Y5g) ~ ._1Qe87 {
  rect {
    fill: var(--set-navigator-label-hover-BackgroundColor);
    stroke: var(--set-navigator-label-hover-BorderColor);
  }

  text {
    fill: var(--set-navigator-label-hover-Color);
  }
}

.wRVQ0.a8-wC._8Mh34:hover:not(.g7Y5g) ~ ._1Qe87 {
  rect {
    fill: var(--set-navigator-label-selected-hover-BackgroundColor) !important;
    stroke: var(--set-navigator-label-selected-hover-BorderColor) !important;
  }

  text {
    fill: var(--set-navigator-label-selected-hover-Color);
  }
}

.RgHgY {
  fill: var(--set-navigator-running-gear-BackgroundColor);
}

.P3l0C {
  fill: var(--set-navigator-running-gear-disabled-BackgroundColor);
  stroke: var(--set-navigator-running-gear-disabled-BorderColor);
}

.RgHgY.KtK7h:hover:not(.P3l0C) ~ .HIb6d {
  rect {
    fill: var(--set-navigator-label-hover-BackgroundColor);
    stroke: var(--set-navigator-label-hover-BorderColor);
  }

  text {
    fill: var(--set-navigator-label-hover-Color);
  }
}

.RgHgY.KtK7h._9ajuA:hover:not(.P3l0C) ~ .HIb6d {
  rect {
    fill: var(--set-navigator-label-selected-hover-BackgroundColor) !important;
    stroke: var(--set-navigator-label-selected-hover-BorderColor) !important;
  }

  text {
    fill: var(--set-navigator-label-selected-hover-Color);
  }
}

.r09TY {
  pointer-events: none;

  rect,
  polygon {
    fill: var(--set-navigator-wheelset-BackgroundColor);
  }

  path {
    fill: var(--set-navigator-wheelset-BorderColor);
  }
}

.IadkE {
  rect {
    fill: var(--set-navigator-wheelset-disabled-BackgroundColor);
  }

  path {
    fill: var(--set-navigator-wheelset-disabled-BorderColor);
  }
}

.mus\+C {
  circle {
    fill: var(--set-navigator-wheelset-BackgroundColor);
    stroke: var(--set-navigator-wheelset-BorderColor);
    stroke-width: 4px;
  }
}

._5wBE1 {
  fill: var(--set-navigator-label-Color);

  &:dir(rtl) {
    transform: scaleX(-1);
  }
}

.aults {
  rect {
    fill: var(--set-navigator-label-BackgroundColor);
    stroke: var(--set-navigator-label-BorderColor);
  }

  text {
    fill: var(--set-navigator-label-Color);
  }
}

.taaQF,
.aults._1Q9pq:hover:not(._6Dx\+c),
.aults._1Q9pq:focus-visible:not(._6Dx\+c) {
  cursor: pointer;

  rect {
    fill: var(--set-navigator-label-hover-BackgroundColor);
    stroke: var(--set-navigator-label-hover-BorderColor);
  }

  text {
    fill: var(--set-navigator-label-hover-Color);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
}

._2B1Us:dir(rtl) {
  transform: scaleX(-1);
}

._5lObA {
  rect {
    fill: transparent;
  }

  path {
    stroke: var(--running-gear-component-hover-Color);
  }
}

._4gRgg {
  rect {
    fill: transparent;
  }

  path {
    stroke: var(--running-gear-component-selected-Color);
  }
}

._5Yj9V {
  rect {
    fill: transparent;
  }

  path {
    stroke: var(--running-gear-component-selected-hover-Color);
  }
}

.lqyIM:dir(rtl) {
  transform: scaleX(-1);
}

.VMGf1 {
  fill: var(--running-gear-component-disabled-BorderColor);
}

.ZMuSa {
  rect {
    fill: var(--running-gear-component-BackgroundColor);
  }
}

.ZMuSa.Ymh5M {
  rect {
    fill: var(--running-gear-component-disabled-BackgroundColor);
  }

  path {
    fill: var(--running-gear-component-disabled-BorderColor);
  }
}

.ZMuSa._2vT6R {
  rect {
    fill: url("#selected-hatch");
  }
}

.ZMuSa:hover:not(.Ymh5M) {
  rect {
    fill: url("#hover-hatch");
  }
}

.ZMuSa:hover:not(.Ymh5M)._2vT6R {
  rect {
    fill: url("#selected-hover-hatch");
  }
}

.DnUnt {
  .O0E1\+ {
    fill: var(--running-gear-component-BackgroundColor);
  }

  .dgVPA {
    fill: transparent;
  }
}

.DnUnt._64Da0 {
  .O0E1\+ {
    fill: var(--running-gear-component-disabled-BackgroundColor);
  }

  path {
    fill: var(--running-gear-component-disabled-BorderColor);
  }
}

.DnUnt.YYio3 {
  .dgVPA {
    fill: url("#selected-hatch");
  }
}

.DnUnt:hover:not(._64Da0) {
  .dgVPA {
    fill: url("#hover-hatch");
  }
}

.DnUnt:hover:not(._64Da0).YYio3 {
  .dgVPA {
    fill: url("#selected-hover-hatch");
  }
}

.tqCen {
  fill: var(--running-gear-label-BackgroundColor) !important;
}

.tqCen.g\+u5T {
  fill: var(--running-gear-label-highlighted-BackgroundColor) !important;
}

.KvGW1 {
  polygon {
    fill: var(--running-gear-component-BackgroundColor);
  }
}

.KvGW1.\-2yge {
  polygon {
    fill: var(--running-gear-component-disabled-BackgroundColor);
  }

  path {
    fill: var(--running-gear-component-disabled-BorderColor);
  }
}

.KvGW1._45vu7 {
  polygon {
    fill: url("#selected-hatch");
  }
}

.KvGW1:hover:not(.\-2yge) {
  polygon {
    fill: url("#hover-hatch");
  }

  .jdHy0 {
    rect {
      fill: var(--set-navigator-label-hover-BackgroundColor);
    }

    text {
      fill: var(--set-navigator-label-hover-Color);
    }
  }
}

.KvGW1:hover:not(.\-2yge)._45vu7 {
  polygon {
    fill: url("#selected-hover-hatch");
  }

  .jdHy0 {
    rect {
      fill: var(
        --set-navigator-label-selected-hover-BackgroundColor
      ) !important;
    }

    text {
      fill: var(--set-navigator-label-selected-hover-Color);
    }
  }
}

.SgJid {
  polygon {
    fill: var(--running-gear-component-BackgroundColor);
  }
}

.SgJid.Nima2 {
  polygon {
    fill: var(--running-gear-component-disabled-BackgroundColor);
  }

  path {
    fill: var(--running-gear-component-disabled-BorderColor);
  }
}

.SgJid.-EiTE {
  polygon {
    fill: url("#selected-hatch");
  }
}

.SgJid:hover:not(.Nima2) {
  polygon {
    fill: url("#hover-hatch");
  }
}

.SgJid:hover:not(.Nima2).-EiTE {
  polygon {
    fill: url("#selected-hover-hatch");
  }
}

.kvVoP {
  rect {
    fill: var(--running-gear-component-BackgroundColor);
  }
}

.kvVoP.WiZfc {
  rect {
    fill: var(--running-gear-component-disabled-BackgroundColor);
  }

  path {
    fill: var(--running-gear-component-disabled-BorderColor);
  }
}

.kvVoP.TWeOy {
  rect {
    fill: url("#selected-hatch");
  }
}

.kvVoP:hover:not(.WiZfc) {
  rect {
    fill: url("#hover-hatch");
  }
}

.kvVoP:hover:not(.WiZfc).TWeOy {
  rect {
    fill: url("#selected-hover-hatch");
  }
}

.rQ-L9 path {
  fill: var(--running-gear-component-icon-BackgroundColor);
}

.TALoT {
  margin-top: 8px;
  width: 100%;
  height: 16px;
  border-width: 2px 2px 0;
  border-color: var(--set-navigator-label-line-Color);
  display: flex;
  align-items: center;
  justify-content: center;

  .m\+Yks {
    height: 20px;
    color: var(--set-navigator-label-Color);
    background: var(--set-navigator-label-BackgroundColor);
    border: 2px solid var(--set-navigator-label-BorderColor);
    font-size: var(--fs-sm);
    font-weight: 600;
    position: relative;
    top: -8px;
    padding: 0 4px;

    &:hover,
    &:focus-visible {
      color: var(--set-navigator-label-hover-Color);
      border-color: var(--set-navigator-label-hover-BorderColor);
      background: var(--set-navigator-label-hover-BackgroundColor);
    }

    &.Q6Ug2 {
      background: var(--set-navigator-label-selected-BackgroundColor);
      color: var(--set-navigator-label-selected-Color);
      border-color: var(--set-navigator-label-selected-BorderColor);
    }

    &.Q6Ug2:hover,
    &.Q6Ug2:focus-visible {
      background: var(--set-navigator-label-selected-hover-BackgroundColor);
      color: var(--set-navigator-label-selected-hover-Color);
      border-color: var(--set-navigator-label-selected-hover-BorderColor);
    }
  }
}

.KNBjR {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  width: 104px;
  padding-inline: 4px;
  padding-block: 32px 24px;
  border: 2px solid var(--tile-BorderColor);
  background: var(--tile-BackgroundColor);
  position: relative;

  ._15upo {
    position: absolute;
    inset-block: 6px;
    inset-inline: 8px auto;
    width: 3px;
    background: transparent;
  }

  .roFxt {
    position: absolute;
    inset-block: 6px;
    inset-inline: auto 6px;
    width: 8px;
    height: 3px;
    background: var(--tile-icon-Color);
  }

  .WcKjD {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    height: 44px;
    font-size: var(--fs-2xl);

    .dhQYo {
      color: var(--tile-icon-Color);
    }
  }

  .rP6uT {
    align-self: stretch;
    color: var(--tile-icon-Color);
    text-align: center;
    font-size: var(--fs-3xl);
    font-weight: 600;
    line-height: 44px;
    padding: 0 16px;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .\+HTm- {
    align-self: stretch;
    color: var(--tile-label-Color);
    text-align: center;
    font-size: var(--fs-sm);
    font-weight: 600;
    line-height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 16px;
  }

  &:disabled {
    opacity: 0.36;
    cursor: not-allowed;
  }

  &:hover:not(:disabled),
  &:focus-visible:not(:disabled) {
    background: var(--tile-hover-BackgroundColor);
    border-color: var(--tile-hover-BorderColor);
  }

  &.D9IfA:not(:disabled) {
    background: var(--tile-selected-BackgroundColor);
    border-color: var(--tile-selected-BorderColor);
  }

  &.D9IfA:hover:not(:disabled),
  &.D9IfA:focus-visible:not(:disabled) {
    background: var(--tile-selected-hover-BackgroundColor);
    border-color: var(--tile-selected-hover-BorderColor);
  }
}

._9dDIK {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 16px;

  .jvV2I {
    display: flex;
    flex-flow: row nowrap;
    gap: 16px;

    ._1pf9j {
      flex: 1;
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }

  .iLmX\+ {
    position: absolute;
    inset-inline: 0;
  }
}

.N8Wva {
  border-top: 1px solid var(--border-light-Color);
  margin-top: 16px;
  padding-top: 16px;
}

.SyQUF {
  ._4sVjX {
    padding: 0;
    display: flex;

    .sKlcS {
      flex: 0 1 auto;
      border-inline-end: 2px solid var(--panel-body-BackgroundColor);
    }
  }

  .LQdBc {
    padding-inline: 12px;
    padding-block: 4px 0;

    .NyyNU {
      height: 450px;
    }
  }
}

.JiAR6 {
  display: flex;
  flex-flow: column;

  .wRZOs {
    display: flex;
    gap: 16px;

    .osfq3 {
      flex: 1;
      display: flex;
      gap: 16px;
      justify-content: flex-end;
      align-items: center;
    }
  }

  .TMSMo {
    flex: 1 0;
    margin-bottom: 16px;
    overflow: hidden;
    display: flex;
    flex-flow: column;
  }
}

._7o7Sl {
  display: flex;
  flex-direction: column;
  background-color: var(--secondary-dark-Color);
  position: relative;

  .XRGXd {
    position: absolute;
    z-index: 1;
    top: 0;
    margin-top: 0;
    width: 100%;
  }
}

.gY5fK {
  display: flex;
  align-items: center;

  .Bd3Y4 {
    font-size: var(--fs-sm);
    flex: 0 0 80px;
    min-width: 80px;
    margin-inline-end: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .EVbzD {
    display: flex;
    flex-flow: row wrap;
    gap: 8px 16px;
  }
}

.S2kvY {
  min-height: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;

  &._49vAk {
    border: 1px solid var(--border-dark-Color);

    ._3h5dg:last-of-type {
      border-bottom: none;
    }
  }

  .PmxYN {
    flex-grow: 1;
  }

  .Ws35p {
    height: 100%;
    background-color: var(--secondary-dark-Color);
    padding: 6px 44px;
  }
}

.cM3aK {
  border-bottom: 1px solid var(--border-dark-Color);
  list-style: none;

  &.gAVNC {
    background-color: var(--list-item-selected-BackgroundColor);
  }

  .WJhd9 {
    padding: 0 20px;
    display: flex;

    .fTFK3 {
      flex: 0 0 auto;
      min-width: 15px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      margin-inline-start: 20px;

      .A3YOL {
        color: var(--icon-Color);
      }
    }

    &:hover {
      &.MZDX9 {
        background-color: var(--list-item-selected-BackgroundColor);
      }

      .fTFK3 {
        .A3YOL {
          color: var(--icon-hover-Color);
        }
      }
    }

    ._6fGIT {
      margin-inline: 0 16px;
      margin-block: 16px;
      flex: 0 0 4px;
    }

    .lwMMO {
      color: var(--text-medium-emph-Color);
      white-space: normal;

      code {
        color: var(--text-high-emph-Color);
        font-family: inherit;
      }
    }

    .eRrjI {
      flex: 1;
    }

    .hXafs {
      display: flex;
      flex-flow: row wrap;
      margin-bottom: 16px;
      gap: 8px 16px;
    }
  }

  .xDW2i {
    border-top: 1px solid var(--border-dark-Color);

    &.XZOcS {
      min-height: 760px;
    }
  }
}

.OjJpM {
  display: grid;
  grid-template-columns: repeat(auto-fit, 77px);
  gap: 10px 32px;
  width: 100%;
  padding: 16px 0;
}

._69\+sr {
  display: flex;
  flex-flow: column;
  padding: 16px 20px;

  .EOh2y {
    background-color: var(--panel-body-BackgroundColor);
    padding: 16px 20px;
    border: 1px solid var(--panel-BorderColor);
    min-height: 0;
    flex: 1;
  }

  ._4xmBy {
    height: 100%;
    background-color: var(--panel-body-BackgroundColor);

    .highcharts-wrapper, .chart-container {
      height: 100%;
    }

    .highcharts-scrollable-mask {
      fill: var(--panel-body-BackgroundColor);
    }
  }
}

.VZhDT {
  flex: 1;
  min-height: 0;
  padding-block: 0 !important;
  padding-inline: 0 !important;
  display: flex;
  flex-direction: column;
}

.I1ELN {
  padding: 16px 20px;
  flex: 1;
  min-height: 0;
}

.kyzlU {
  border-inline-end: 2px solid var(--panel-body-BackgroundColor);

  .WPgA8 {
    display: contents;

    & > * {
      margin-inline-end: -12px;
    }
  }
}

.gjXp6 {
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;

  .b27-e {
    flex: 0 0 auto;
  }

  .IeuOG {
    .vlPUn {
      padding: 0;
      display: flex;

      .kyzlU {
        flex: 0 1 auto;
        border-inline-end: 2px solid var(--panel-body-BackgroundColor);
      }
    }

    .jdppn {
      display: flex;
      flex-flow: column;
    }

    ._2vjbf {
      min-height: 0;
      margin-top: 20px;
    }
  }
}

.pbuQN {
  background-color: var(--panel-body-BackgroundColor);
}

.bWSUp {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
  min-height: 0;
}

.\+NSEl {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  align-items: center;

  .l2zhi {
    display: inline-flex;
    align-items: center;

    button {
      display: inline-flex;
      align-items: center;
    }
  }
}

.AoR1P {
  min-height: 1px;
  width: 100%;
  background-color: var(--panel-separator-Color);
}

.MoDSR,
.c8xtR {
  white-space: nowrap;
}

.XAzf6 {
  min-height: 0;
  flex: 1 0;
}

.LvAE6 {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
  padding-top: 16px;

  .g-M9D {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;

    .V-eqV {
      font-size: var(--fs-sm);
      color: var(--text-medium-emph-Color);
      overflow: inherit;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }

  .JLcSD {
    padding: 16px 20px;
    background-color: var(--panel-body-BackgroundColor);
    border: 1px solid var(--panel-BorderColor);
  }

  ._3wbWZ {
    flex: 1;
    min-height: 1px;
    width: 100%;
    background-color: var(--panel-separator-Color);
  }

  .T9-1u {
    ._9y9Ju {
      display: flex;
      position: relative;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    .vSihw {
      position: absolute;
      flex: 1;
      min-height: 2px;
      width: 100%;
      background-color: var(--panel-separator-Color);
    }

    .hyLFy {
      z-index: 1;
    }

    ._71H6r {
      min-width: 0;
      flex: 1 1 auto;
      top: 6px;
    }

    .simplebar-wrapper {
      margin-bottom: 11px !important;
    }

    ._0\+Npt {
      min-width: -moz-min-content;
      min-width: min-content;
      display: flex;
      flex-flow: row nowrap;
      gap: 20px;
      justify-content: center;

      .knT3H {
        min-width: -moz-min-content;
        min-width: min-content;
        flex: 0 0 auto;
        white-space: nowrap;

        .RWqnZ {
          display: inline-flex;
          align-items: center;

          button {
            display: inline-flex;
            align-items: center;
          }
        }
      }

      .SHyN9 {
        display: flex;
        align-items: stretch;
      }
    }
  }

  .\+cK4n {
    .g-M9D {
      margin-bottom: 12px;
    }

    ._9y9Ju {
      display: flex;
      gap: 20px;
    }
  }

  .htThz {
    min-height: 0;
  }
}

.GoU26 {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
  min-height: 0;

  .qdi5W {
    padding-top: 16px;
  }
}

.kDsLT {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  align-items: center;

  ._1r6h8 {
    display: inline-flex;
    align-items: center;

    button {
      display: inline-flex;
      align-items: center;
    }

    ._6v60K {
      color: var(--icon-Color);

      &:hover {
        color: var(--icon-hover-Color);
      }

      &._5U7T\+ {
        color: var(--icon-active-Color);
      }
    }
  }
}

.C7rXD {
  min-height: 0;
  flex: 1 0;
}

.GiVAo {
  min-height: 1px;
  width: 100%;
  background-color: var(--panel-separator-Color);
}

._8gQbG,
.PEHTx {
  white-space: nowrap;
}

.tSxRc {
  height: 100%;
}

.sqLL0 {
  min-height: 0;
  display: flex;
  flex-flow: column;
  gap: 20px;
  padding: 16px 20px;

  .bBLjH {
    display: flex;
    flex-flow: column;
    gap: 16px;

    .IpGoa {
      height: 1px;
      background-color: var(--panel-separator-Color);
    }
  }

  .WX9sq {
    height: auto;
    padding-block: 0 !important;
    padding-inline: 0 !important;

    .ZH6pu {
      margin: 16px 20px;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
  }
}

.mnfjo {
  background-color: var(--set-navigator-BackgroundColor);

  > svg:dir(rtl) {
    transform: scaleX(-1);
  }
}

.stagF {
  padding: 16px 20px;
  background-color: var(--panel-body-BackgroundColor);

  ._9ldjH {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    box-sizing: border-box;

    .Nvd1G {
      background-color: var(--secondary-dark-Color);
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      border: 1px solid var(--panel-BorderColor);
      width: calc(100vw / 12 * 0.8);
      max-width: 200px;
      min-width: 80px;
      padding: 8px;
      display: flex;
      flex-flow: column wrap;
      align-items: center;
      gap: 8px;

      &:hover,
      &:focus-visible,
      &.-QKb- {
        background-color: var(--list-item-selected-BackgroundColor);
      }

      .S\+mOI {
        max-width: 100%;
        padding-inline: 0 !important;
        padding-block: 0 !important;

        * {
          padding: 0 11px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          text-align: center;
        }
      }

      .p8ugf {
        flex: 1 0 auto;
        font-size: var(--fs-3xl);
        font-weight: 400;
        line-height: 36px;
        display: flex;
        align-items: flex-end;
        color: var(--text-high-emph-Color);
        overflow: inherit;
        text-overflow: inherit;
        white-space: inherit;
      }
    }

    .F6Vxf {
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      display: inline-flex;
      border-radius: 26px;
      padding: 0 11px;
      white-space: nowrap;
      font-size: var(--fs-sm);
      line-height: 20px;
      place-items: center center;
      color: var(--label-text-Color);
      background-color: var(--label-BackgroundColor);
      border: 1px solid var(--label-BorderColor);
      width: calc(100vw / 12 * 0.8);
      max-width: 200px;
      min-width: 120px;
      box-sizing: border-box;
      justify-content: space-between;
      gap: 11px;

      &:hover,
      &:focus-visible,
      &.-QKb- {
        color: var(--label-hover-text-Color);
        background-color: var(--label-hover-BackgroundColor);
        border-color: var(--label-hover-BorderColor);
      }

      .S\+mOI {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center;
      }
    }
  }
}

.KRo\+g {
  filter: drop-shadow(0 2px 4px rgb(0 0 0 / 30%));
  color: var(--text-medium-emph-Color);
  min-width: 406px;
  max-width: 406px;
  min-height: 37px;

  .fUpK7 {
    background-color: var(--overlay-BackgroundColor);
    font-size: var(--fs-sm);

    div {
      color: var(--text-medium-emph-Color);
    }
  }

  .Mk8gq {
    max-height: 40vh;
    width: 406px;
    background-color: var(--overlay-BackgroundColor);
    box-sizing: border-box;

    .wPW4Z {
      background-color: var(--list-item-BackgroundColor);

      &:hover {
        background-color: var(--list-item-hover-BackgroundColor);
      }

      &:last-of-type {
        border-bottom: none;
      }
    }
  }
}

._3fQLa {
  padding: 8px 20px;
  display: flex;
  background-color: var(--list-header-BackgroundColor);
  border-bottom: 1px solid var(--border-dark-Color);
  gap: 16px;
}

._06iCn {
  flex: 1;
  color: var(--text-high-emph-Color);
  white-space: nowrap;
  min-height: 20px;
}

.P5PBv {
  flex: 0;
}

.eZHMB {
  display: flex;
  align-items: center;
  color: var(--icon-Color);

  .IQqAj {
    &:last-child {
      margin-inline-end: -4px;
    }
  }

  .SGSKL {
    padding: 0 4px;
  }
}

.kkUr1 {
  padding: 4px 8px;
  color: var(--text-medium-emph-Color);
  background-color: var(--overlay-BackgroundColor);

  &:hover {
    color: var(--text-hover-Color);
    background-color: var(--secondary-dark-Color);
  }
}

._9EksJ {
  position: relative;
  max-height: 100%;
  min-height: 0;
  padding: 16px 20px;
  background-color: var(--panel-body-BackgroundColor);

  .AYZpt {
    position: absolute;
    top: 0;
    inset-inline: 0;
  }

  .FXBK9 {
    flex: 1;
  }

  .\+71KH {
    display: flex;
    flex-flow: column nowrap;
    min-width: -moz-fit-content;
    min-width: fit-content;
    gap: 8px;
    container: status-widgets / inline-size;
  }

  @container status-widgets (width <= 360px) {
    ._2jhc2 {
      flex-flow: column nowrap;
      align-items: stretch;
    }
  }
}

.k9eUR {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 8px;
  border-bottom: 1px solid var(--panel-separator-Color);
  padding-bottom: 8px;
  justify-content: space-between;

  &:last-of-type {
    border-bottom: none;
  }

  .Ze8bA {
    flex: 1 0 0%;
    min-width: 0;
    max-width: 100%;
    color: var(--text-medium-emph-Color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-inline-end: 8px;
  }

  .GuI9o {
    flex: 1 0 auto;
    font-size: var(--fs-3xl);
    font-weight: 400;
    line-height: 36px;
    display: flex;
    align-items: flex-end;
    color: var(--text-high-emph-Color);
    overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;
  }

  .r0qb7 {
    display: flex;
    flex-flow: nowrap;
    justify-content: space-between;
    flex-grow: 0.3;

    .sq7M2 {
      height: 28px;
      width: 28px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid;
      margin: 4px;
      filter: drop-shadow(0 0 4px rgb(0 0 0 / 30%));

      &:hover {
        border-color: var(--icon-hover-Color) !important;
      }

      &.zQCZ7 {
        border-color: var(--icon-active-Color) !important;
      }

      span {
        color: black;
        font-size: var(--fs-base);
        font-weight: 400;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
    }

    .a-ZAh {
      visibility: hidden;
    }
  }
}

.Rjp0J {
  filter: drop-shadow(0 2px 4px rgb(0 0 0 / 30%));
  color: var(--text-medium-emph-Color);
  min-width: 406px;
  max-width: 406px;
  min-height: 37px;

  .CVu7B {
    background-color: var(--overlay-BackgroundColor);
    font-size: var(--fs-sm);

    div {
      color: var(--text-medium-emph-Color);
    }
  }

  ._7lLuI {
    max-height: 40vh;
    width: 406px;
    background-color: var(--overlay-BackgroundColor);

    ._92SPH {
      background-color: var(--list-item-BackgroundColor);

      &:last-of-type {
        border-bottom: none;
      }

      &:hover {
        background-color: var(--list-item-hover-BackgroundColor);
      }
    }
  }
}

.njG7u {
  position: relative;
  max-height: 100%;
  min-height: 0;
  padding: 16px 20px;
  background-color: var(--panel-body-BackgroundColor);
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  gap: 28px;

  .Vp2JL {
    position: absolute;
    top: 0;
    inset-inline: 0;
  }
}

.B64Y4 {
  width: 130px;
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: default !important;
}

.bKs5k {
  cursor: pointer !important;
}

.uFuQ7 {
  fill: var(--outer-circle-StrokeColor);
}

._6zehB {
  margin-top: 20px;
  text-align: center;
  color: var(--text-high-emph-Color);
}

.JAsWW {
  font-size: var(--fs-3xl);
  line-height: 30px;
  fill: var(--text-high-emph-Color);
}

.END5s {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  visibility: hidden;
}

.B64Y4:hover .END5s {
  visibility: visible;
}

.N-kbr {
  background-color: var(--perspective-details-panel-BackgroundColor);
  color: var(--text-high-emph-Color);
  display: grid;
  overflow: hidden;
  grid-template: "body" minmax(0, 1fr) / minmax(0, 1fr);

  .pCPpV {
    grid-area: body;
    height: 100%;
  }

  .L82BT {
    padding: 8px 16px;

    .HooMH {
      margin-bottom: 8px;

      &:nth-last-child(2) {
        margin-bottom: 0;
      }
    }

    .eWIsT {
      font-size: var(--fs-2xl);
      text-align: center;
    }
  }
}

.lzX3V {
  .yoBxk {
    display: flex;
    flex-flow: row wrap;
    padding-bottom: 0;

    .tXrKc {
      flex: 0 0 400px;
      max-width: 400px;
      margin-inline-end: 16px;
      margin-bottom: 16px;
      min-height: 40px;
    }
  }
}

.OEMWc {
  position: relative;

  ._4FagT {
    border: 1px solid var(--panel-BorderColor);
    padding: 16px 20px;
    background-color: var(--panel-body-BackgroundColor);
  }
}

.b-Bj9 {
  padding: 16px 20px;
  background-color: var(--perspective-details-panel-BackgroundColor);
  box-sizing: border-box;
  display: grid;
  gap: 16px;
  height: 100%;
  grid-template:
    "properties-panel" auto
    "links-panel" minmax(0, 1fr) / auto;

  .qnkkX {
    grid-area: properties-panel;
  }

  .Ulk2b {
    grid-area: links-panel;
  }
}

.APMzF {
  width: 100%;

  .hUgu2 {
    display: flex;
    padding-block: 0 !important;
    padding-inline: 0 !important;

    ._4jnbW {
      border-inline-end: 2px solid var(--panel-body-BackgroundColor);

      .ya4ev {
        display: contents;

        & > * {
          margin-inline-end: -12px;
        }
      }
    }
  }

  .XnLjL {
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-flow: column nowrap;
    overflow: hidden;
    position: relative;

    .F3zm8 {
      position: absolute;
      margin-top: 0;
      top: 0;
      inset-inline: 0;
    }
  }

  .R4h8W {
    gap: 16px 20px;
  }

  .XnLjL.zFV8H {
    padding: 2px;

    .kh2sW {
      padding-inline: 20px;
      padding-block: 14px 16px;
      flex: 1 1 auto;
    }
  }

  .WkX5L {
    margin-bottom: 16px;
    color: var(--text-high-emph-Color);
  }
}

.hGn4e {
  min-height: 0;
  flex: 1 1 0;

  .HRflp {
    display: flex;
    justify-content: space-between;
  }

  ._0j3eM {
    min-height: 100px;
    height: 100%;
  }
}

.Kn6EH {
  height: 100%;
}

.kwX1h {
  overflow: hidden;

  table {
    text-align: start;
    width: 100%;

    tr {
      background-color: var(--secondary-dark-Color);
      border-bottom: 2px solid var(--table-BorderColor);
      border-inline: 1px solid var(--table-BorderColor);
    }

    tbody > tr:last-child {
      border-bottom: 1px solid var(--table-BorderColor);
    }

    th,
    td {
      padding: 4px 8px;
      border-inline: 2px solid var(--table-BorderColor);
    }

    th {
      text-align: start;
      line-height: 20px;
      color: var(--text-medium-emph-Color);
      background-color: var(--table-generic-header-BackgroundColor);
      position: sticky;
      top: 0;
      z-index: 1;
      font-weight: 600;
    }

    td {
      text-align: start;
      padding: 4px 8px;
      position: relative;
      color: var(--table-cell-Color);
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    td:first-child,
    th:first-child {
      border-inline-start: none;
    }

    td:last-child,
    th:last-child {
      border-inline-end: none;
    }

    .q10L8 {
      position: relative;
    }

    .BkDLv {
      position: absolute;
      bottom: 2px;
      inset-inline: 8px;
      height: 2px;
      min-width: 100px;
      border: none;
    }

    ._6F852 {
      color: var(--icon-Color);

      &:hover {
        color: var(--icon-hover-Color);
      }
    }
  }
}

.etDpj {
  width: 100%;
  height: 100%;
}

.d1d6D {
  background-color: var(--overlay-BackgroundColor);
  min-width: 260px;

  .JUprY {
    padding: 8px 20px;
    color: var(--text-medium-emph-Color);
    border-bottom: 1px solid var(--border-dark-Color);
  }

  .ykr0w {
    padding: 16px 20px;
    display: flex;
    flex-flow: column nowrap;
    gap: 8px;

    .U\+I-\+ {
      padding: 7px;
      justify-content: space-between;

      .CT8ie {
        line-height: 20px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
    }
  }
}

.RwUtD {
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  padding: 4px;

  .us39Y {
    margin-inline-end: 20px;
    flex: 0 0 auto;
    display: flex;
    flex-flow: column nowrap;
    background-color: var(--secondary-dark-Color);
    border: 1px solid var(--panel-BorderColor);

    .KiklI {
      flex: 0 0 auto;
      padding: 8px 20px;
      display: flex;
      flex-flow: row nowrap;
      background-color: var(--panel-header-BackgroundColor);
      font-size: var(--fs-sm);
      align-items: center;

      .CT8ie {
        flex: 1;
        text-overflow: ellipsis;
        color: var(--text-high-emph-Color);
      }

      .REC-H {
        flex: 0 0 auto;
      }
    }

    .QzhKp {
      flex: 1 0;
      display: flex;
      flex-flow: column nowrap;
    }

    .oocB1 {
      padding: 16px 0;
      margin: auto;
    }

    .QALYF {
      display: flex;
      flex-flow: row nowrap;

      .JW7MV {
        flex: 1 0 auto;
        padding: 8px 20px;
        width: 114px;
        display: flex;
        flex-flow: row nowrap;
        background-color: var(--panel-header-BackgroundColor);
        font-size: var(--fs-sm);

        &:not(:first-child) {
          border-inline-start: 1px solid var(--img-viewer-streams-BorderColor);
        }

        .CT8ie {
          flex: 1 1;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          margin-inline-end: 10px;
        }

        ._4XWvy {
          flex: 0 0 auto;
        }
      }
    }

    .KX7Hk {
      flex: 1 0;
      flex-basis: 0;
      overflow: hidden;

      ._7JKCx {
        height: 100%;
      }

      .simplebar-content {
        min-height: 100%;
        display: flex;
      }
    }

    .ayxHh {
      flex: 1 0;
      display: flex;
      flex-flow: row nowrap;

      .wmoRX {
        min-height: 100%;
        width: 154px;
        position: relative;
        flex: 1 0 154px;

        &:not(:first-child) {
          border-inline-start: 1px solid var(--img-viewer-streams-BorderColor);
        }

        .Y7tFs {
          position: absolute;
          inset-inline: 20px;
          display: flex;
          flex-flow: row nowrap;
          justify-content: center;

          .pRsPI {
            width: 4px;
            margin-inline-end: 4px;
          }

          .qLVLW {
            border: 2px solid var(--thumbnail-BorderColor);
            max-width: 120px;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: 0 0;
               object-position: 0 0;

            &:hover {
              border-color: var(--thumbnail-hover-BorderColor);
            }
          }

          .FNdbc {
            border: 2px solid var(--primary-Color);
          }

          .XhSqc {
            width: 12px;
            margin-inline-start: 2px;
            display: flex;
            flex-flow: column nowrap;
            gap: 4px;
            color: var(--img-viewer-indicator-icon-color);
          }
        }

        .ORfs7 {
          position: absolute;
          inset-inline-start: 20px;
          max-width: 88px;
          display: flex;
          flex-flow: column nowrap;
          align-items: flex-start;
          font-size: var(--fs-sm);
          font-weight: 600;

          svg {
            color: var(--img-viewer-event-pointer-Color);
          }

          .mMVE3 {
            line-height: 22px;
            margin-top: -3px;
            padding: 0 12px;
            background-color: var(--img-viewer-event-body-BackgroundColor);
            max-width: 100%;

            .KBWaf {
              max-width: 100%;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
            }
          }
        }
      }
    }
  }
}

.soRIH {
  line-height: 0;
  padding: 3px;
  font-size: var(--fs-base);
  color: var(--button-toggle-Color);
  background-color: var(--button-toggle-BackgroundColor);
  border: 1px solid var(--button-toggle-BorderColor);
  display: flex;
  gap: 4px;
  align-items: center;

  &:disabled {
    opacity: 0.36;
    cursor: not-allowed;
  }

  &:not(:hover, :focus-visible, .b0u1G) {
    ._1oBqX {
      color: var(--button-toggle-icon-Color);
    }
  }

  &:hover:not(:disabled),
  &:focus-visible:not(:disabled) {
    color: var(--button-toggle-hover-Color);
    background-color: var(--button-toggle-hover-BackgroundColor);
    border-color: var(--button-toggle-hover-BorderColor);
  }

  &.b0u1G {
    color: var(--button-toggle-active-Color);
    background-color: var(--button-toggle-active-BackgroundColor);
    border-color: var(--button-toggle-active-BorderColor);

    &:hover:not(:disabled),
    &:focus-visible:not(:disabled) {
      color: var(--button-toggle-active-Color);
      background-color: var(--button-toggle-active-hover-BackgroundColor);
      border-color: var(--button-toggle-active-hover-BorderColor);
    }
  }
}

.NejOT {
  ._8bjsh {
    fill: var(--gfx-cam-indicator-icon-Color);

    &.GwX7n {
      fill: var(--gfx-cam-indicator-icon-active-Color);
    }

    &.dmJTm {
      fill: var(--gfx-cam-indicator-icon-selected-Color);
    }
  }

  .QXrD4,
  ._9cMnS,
  .HOqlN,
  .c-pHZ,
  .US-8q {
    fill: var(--gfx-cam-indicator-secondary-FillColor);
    stroke: var(--gfx-cam-indicator-StrokeColor);
    stroke-miterlimit: 10;
  }

  .R99vp,
  ._16XQr {
    fill: var(--gfx-cam-indicator-StrokeColor);
  }

  .WI1Re {
    fill: var(--gfx-cam-indicator-frame-Color);
  }

  .aNlgk {
    fill: var(--gfx-cam-indicator-primary-FillColor);
    stroke: var(--gfx-cam-indicator-StrokeColor);
    stroke-miterlimit: 10;
  }
}

.CmxWr {
  height: 100%;
  width: 100%;

  .simplebar-content {
    min-height: 100%;
  }

  .simplebar-content-wrapper {
    min-height: 100%;
  }
}

.RLh2- {
  background-color: var(--perspective-details-panel-BackgroundColor);
  display: grid;
  gap: 20px;
  grid-template: "image-panel image-panel" minmax(590px, 2.5fr);

  &:has(.k5jbF) {
    grid-template:
      "image-panel image-panel" minmax(590px, 2.5fr)
      "alarms-panel alarms-panel" minmax(236px, 1fr);
  }

  &:has(.INLl9) {
    grid-template:
      "image-panel image-panel" minmax(590px, 2.5fr)
      "comments-panel comments-panel" minmax(236px, 1fr);
  }

  &:has(.k5jbF):has(.INLl9) {
    grid-template:
      "image-panel image-panel" minmax(590px, 2.5fr)
      "alarms-panel comments-panel" minmax(236px, 1fr) / minmax(
        min-content,
        2fr
      );
  }

  .tKiqA {
    grid-area: image-panel;

    ._3zIJj {
      display: flex;
      justify-content: center;
      flex-flow: row nowrap;
      gap: 8px;

      .hX\+xp {
        display: flex;
        flex-flow: column nowrap;
        gap: 8px;
        align-items: center;
      }
    }
  }

  .k5jbF {
    grid-area: alarms-panel;
    grid-template-columns: minmax(min-content, 1fr);

    ._3zIJj {
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      padding: 0 20px;

      ._5iL\+I {
        flex: 0 0 auto;
        display: flex;
        gap: 20px;
        flex-flow: row nowrap;
        align-items: center;
        position: relative;
        min-height: 72px;
        padding: 16px 0;
        border-bottom: 1px solid var(--panel-separator-Color);

        .oV0Gd {
          flex: 0 0 auto;
        }

        .g03jl {
          display: flex;
          flex-flow: row wrap;
          gap: 20px;
        }

        .Rx5mm {
          position: absolute;
          top: 16px;
          inset-inline-end: 0;
        }

        &:last-child {
          border-bottom: none;
        }
      }
    }
  }

  .INLl9 {
    grid-area: comments-panel;
    grid-template-columns: minmax(min-content, 1fr);

    ._3zIJj {
      display: flex;
      flex-flow: row;
      align-items: flex-start;
      justify-content: space-between;
      gap: 32px;

      .Z6cDE {
        flex: 0 0 auto;
      }

      .mFjlW {
        flex: 0 0 auto;
      }
    }
  }
}

.scISl {
  position: absolute;
  top: 6px;
  inset-inline-start: 9px;
  width: 2px;
  height: 22px;
}

.hv4o8 {
  position: relative;
}

.Fr1PX {
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: var(--overlay-body-BackgroundColor);
  width: 240px;
}

.eTszy {
  padding: 16px 20px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  gap: 24px;
  background-color: var(--overlay-body-BackgroundColor);
  border-top: 1px solid var(--overlay-BorderColor);
}

.oD-kF {
  display: flex;
  justify-content: center;
  flex-flow: row nowrap;
  min-width: 0;
}

.vk7VA {
  align-self: start;
  position: relative;
  flex: 0 1 fit-content;
  min-width: 0;
  border: 2px solid var(--img-viewer-details-img-BorderColor);

  &.EJBR5 {
    border: none;
  }
}

.cgdJY {
  overflow: auto;
  scrollbar-width: auto;

  &::-webkit-scrollbar {
    height: 12px;
  }
}

.BKoYq {
  display: block;
  max-height: 586px;

  &.WFSxi {
    cursor: zoom-in;
  }

  &.UehGh {
    cursor: none;
  }
}

.SfJZ1 {
  visibility: hidden;
  position: absolute;
  height: 100vh;
  width: 100vw;
  z-index: 1001;
  overflow: hidden;
  top: 0;
  inset-inline-start: 0;

  &.z0NDJ {
    visibility: visible;
  }
}

.fEKk5 {
  position: absolute;
  border: 3px solid var(--img-viewer-details-img-BorderColor);
  border-radius: 50%;
  cursor: none;
  width: 130px;
  height: 130px;
  background-repeat: no-repeat;
  background-color: var(--img-viewer-details-img-BorderColor);
  margin: 0 !important;
  padding: 0 !important;
  transform: translate(-50%, -50%);
}

.u1ByA {
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  padding-inline: 9px 19px;
  padding-block: 9px;
  border: 1px solid var(--img-viewer-linked-alarm-BorderColor);
  background-color: var(--label-BackgroundColor);
  gap: 6px;

  .l8Hw4 {
    flex: 0 0 auto;
    width: 2px;
  }

  .ODeBZ {
    flex: 1 0;
  }

  .\+7DjH {
    position: absolute;
    top: 6px;
    inset-inline-end: 6px;
    cursor: pointer;

    &:hover {
      color: var(--icon-hover-Color);
    }
  }
}

.VcTF9 {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  background-color: var(--perspective-details-panel-BackgroundColor);
  padding: 16px 20px;

  .McsdY {
    margin-bottom: 20px;

    .ETXOO,
    .jZPGM {
      display: flex;
      padding-inline: 20px 12px;
      padding-bottom: 8px;
    }

    .jZPGM {
      padding-inline-start: 9px;

      ._1u72B {
        width: 2px;
        margin-inline-end: 9px;
      }
    }
  }

  .iSZEn {
    padding: 0 8px;
  }

  .lz\+Wv {
    border-bottom: none;

    .Z3a4N {
      padding-inline: 0 20px;
      padding-block: 0;
      display: flex;
      gap: 20px;

      .cLcwM {
        display: flex;
        padding: 0;
        min-width: 0;

        .WGrOm {
          border-inline-end: 2px solid var(--panel-body-BackgroundColor);
        }
      }

      .knAVr {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
      }
    }
  }

  .ALpRr {
    justify-content: flex-end;
    padding: 8px 20px;
    background-color: var(--panel-body-BackgroundColor);
    margin: 0;
  }

  .B4H6K {
    position: absolute;
    top: 0;
    inset-inline: 0;
  }

  .YGwhY {
    flex: 1 0;
    overflow: hidden;
    padding-bottom: 16px;
    background-color: var(--panel-body-BackgroundColor);
    border: 1px solid var(--panel-BorderColor);
    border-top: none;
    background-clip: padding-box;
  }

  .Flk1K {
    flex: 1 0;
    min-height: 0;
    border: 1px solid var(--panel-BorderColor);
    border-top: none;
    display: flex;
    flex-flow: column nowrap;
    position: relative;
  }

  ._12sOo {
    flex: 1;
    background-color: var(--panel-body-BackgroundColor);
    padding-inline: 20px 10px;
    padding-block: 0;
  }
}

.Yh1cx {
  height: 450px;
  display: flex;
  flex-flow: column;
}

.O6s\+S {
  position: absolute;
  top: 0;
  inset-inline: 0;
}

.EDUc1 {
  flex: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: var(--highcharts-BackgroundColor);
}

._8YJXd {
  padding: 16px 20px;

  .EDUc1 {
    border: 1px solid var(--panel-BorderColor);
  }
}

.F90nr {
  background-color: var(--perspective-details-panel-BackgroundColor);
  padding: 16px 20px;

  .qKaE7 {
    height: 100%;
  }

  .fIOTy {
    .zyD7Y {
      padding-inline: 40px 52px;
      padding-block: 0 16px;
    }
  }

  .KCvVe {
    margin-top: 16px;
  }
}

.pizHT {
  display: flex;

  .\+re6y {
    min-width: 180px;
    display: grid;
    grid-template-rows: 32px 1fr;
    grid-template-areas:
      "tag"
      "border";

    ._1\+JWB {
      grid-area: tag;
      display: flex;
      align-items: flex-end;
      overflow: hidden;
      margin-inline-end: 32px;
      place-self: flex-end start;
    }

    .VlvTP {
      grid-area: border;
      margin-inline-start: 12px;
      border: solid var(--border-dark-Color);
      border-width: 0 0 1px;

      &.AFrKf {
        border-inline-start-width: 1px;
      }
    }
  }

  .EQJxU {
    display: flex;
    flex-grow: 1;
    border-bottom: 1px solid var(--border-dark-Color);
    overflow: hidden;

    .K6SMv,
    .-vlz5,
    .cduLP {
      min-height: 40px;
      margin-bottom: 14px;
      margin-inline-end: 32px;
    }

    .K6SMv {
      flex: 0 0 160px;
      max-width: 160px;
    }

    .-vlz5 {
      flex: 0 0 120px;
      max-width: 120px;
    }

    .cduLP {
      color: var(--text-medium-emph-Color);
      flex: 1 0 350px;
      white-space: normal;
      overflow: hidden;

      code {
        color: var(--text-high-emph-Color);
        font-family: inherit;
      }
    }
  }
}

.FY8Li {
  display: flex;
  flex-flow: column;
  background-color: var(--perspective-details-panel-BackgroundColor);
  padding: 16px 20px;

  .rZbeg {
    flex: 1;
    min-height: 0;
    padding: 16px 20px;
    background-color: var(--panel-body-BackgroundColor);
    border: 1px solid var(--panel-BorderColor);
  }

  .My3ho {
    height: 100%;
  }

  .qkbg9 {
    margin-block: 1px 24px;
    margin-inline: 0;
    text-align: start;
    border-style: solid;
    border-color: var(--table-BorderColor);
    border-collapse: separate;

    thead {
      top: 0;
      position: sticky;
      z-index: 2;
      background-color: var(--panel-body-BackgroundColor);
    }

    tr,
    tbody,
    th,
    thead {
      border-color: var(--table-BorderColor);
      text-overflow: ellipsis;
    }

    tbody th {
      border-width: 1px;
    }

    td {
      border: 1px solid var(--table-BorderColor);
      color: var(--table-cell-Color);
      background-color: var(--table-generic-body-BackgroundColor);
    }
  }

  ._1I9Ly {
    padding: 4px 8px;
    background-color: var(--table-generic-header-BackgroundColor);
    color: var(--text-medium-emph-Color);
    position: sticky;
    inset-inline-start: 0;
    z-index: 1;
  }

  .abu9U {
    padding: 4px 8px;
    vertical-align: bottom;
    color: var(--text-medium-emph-Color);
    background-color: var(--panel-body-BackgroundColor);
    z-index: 3;
    position: sticky;
    inset-inline-start: 0;
    box-shadow: 0 -1px 0 var(--panel-body-BackgroundColor);

    span {
      position: relative;
      bottom: 24px;
    }

    &::before {
      content: "";
      position: absolute;
      inset-inline-end: 0;
      top: 0;
      width: 200%;
      height: 100%;
      background-color: var(--panel-body-BackgroundColor);
      transform-origin: bottom left;
      box-shadow: 0 -1px 0 var(--panel-body-BackgroundColor);
      transform: skew(-45deg);
    }

    &:dir(rtl) {
      &::before {
        transform: skew(45deg);
      }
    }
  }

  .PXIqW {
    min-width: 64px;
    height: 200px;
    position: relative;
    vertical-align: bottom;
    padding: 0;

    div {
      background-color: var(--table-generic-header-BackgroundColor);
      color: var(--text-medium-emph-Color);
      border-inline-width: 1px 2px;
      border-block-width: 0 1px;
      border-color: var(--table-BorderColor);
      height: 100%;
      transform: skew(-45deg);
      transform-origin: bottom left;

      &:dir(rtl) {
        transform: skew(45deg);
      }
    }

    span {
      position: absolute;

      /* MAGIC */
      bottom: 8px;
      inset-inline-start: 16px;

      /* Because it looked good, but there is probably a mathematical link here as well */
      display: inline-block;
      width: 240px;
      text-overflow: ellipsis;

      /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell,
      40 the width of the cell and 45 the transform angle */
      white-space: nowrap;
      overflow: hidden;
      transform: skew(45deg) rotate(-45deg);
      transform-origin: top left;

      &:dir(rtl) {
        transform: skew(-45deg) rotate(45deg);
        transform-origin: top right;
      }

      /* whether to display in one line or not */
    }
  }

  .pIPZt {
    padding: 8px;
    height: 31px;
  }

  ._4txU6 {
    align-items: center;
    justify-content: center;
    font-size: var(--fs-xl);
  }
}

.SHi7Q {
  position: relative;
  min-width: 34px;
  line-height: 12px;
  display: flex;
  flex-flow: row nowrap;

  &.v95Cn {
    cursor: not-allowed;
    opacity: 0.36;
  }

  .TJHj- {
    pointer-events: none;
    padding: 0 8px;
    color: var(--checkbox-Color);

    &:hover,
    &:focus-visible {
      color: var(--checkbox-hover-Color);
    }
  }

  .YsH9r {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 8px;
    padding: 0 8px;
    font-size: var(--fs-sm);
    font-weight: 600;
    pointer-events: none;
    color: var(--checkbox-label-Color);
  }

  .OI-9A {
    position: absolute;
    opacity: 0;
    inset: 0;
    cursor: pointer;
    pointer-events: auto;
    width: 100%;
    height: 100%;

    &:disabled {
      pointer-events: none;
    }

    &:checked ~ .TJHj- {
      color: var(--checkbox-active-Color);
    }

    &:hover ~ .TJHj-,
    &:focus-visible ~ .TJHj- {
      color: var(--checkbox-hover-Color);
    }

    &:hover:checked ~ .TJHj-,
    &:focus-visible:checked ~ .TJHj- {
      color: var(--checkbox-active-hover-Color);
    }

    &:checked ~ .YsH9r {
      color: var(--checkbox-label-active-Color);
    }

    &:hover ~ .YsH9r,
    &:focus-visible ~ .YsH9r {
      color: var(--checkbox-label-hover-Color);
    }

    &:hover:checked ~ .YsH9r,
    &:focus-visible:checked ~ .YsH9r {
      color: var(--checkbox-label-active-hover-Color);
    }
  }

  .f1Gfh,
  .ey3eU {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 8px;
    padding: 4px 8px 0;
    font-size: var(--fs-sm);
    line-height: 14px;
    font-weight: 600;
    border-top: 2px solid var(--input-BorderColor);
  }

  .f1Gfh {
    border-top: 2px solid var(--input-error-BorderColor);
  }
}

.k4aHy {
  display: flex;
  flex-direction: column;
  gap: 16px;

  .pDmlh {
    overflow: hidden;

    textarea {
      min-width: 100%;
      max-width: 100%;
      height: 100px;
      min-height: 100px;
    }
  }
}

.xmDUG {
  list-style: none;
  margin: 0;
  padding: 0 20px;
}

.HUKcH {
  &:last-child {
    border-bottom: 0;
  }
}

.QAbRt {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 40px;
}

.qxYGh {
  flex: 1 0;
  min-height: 0;
  max-height: 100%;

  .simplebar-content-wrapper {
    min-height: 100%;
    display: flex;
    flex-flow: column;
  }

  .simplebar-content {
    flex: 1 0 auto;
    display: flex;
    flex-flow: column;
  }
}

.yajAC {
  display: flex;
  flex-flow: column;
  flex: 1 0 auto;
  min-height: 100%;
  padding-inline: 20px;
  padding-block: 16px;
  margin-inline: 20px;
  margin-block: 16px;
  box-sizing: border-box;
  background-color: var(--panel-body-BackgroundColor);
}

.-Whj3 {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-dark-Color);
  box-sizing: border-box;
  flex: 1 0 220px;
  min-height: 220px;
  position: relative;
  padding-inline-start: 24px;

  &:last-child {
    border-bottom: none;
  }
}

.JSX4O {
  position: absolute;
  top: 50%;
  /* stylelint-disable-next-line plugin/use-logical-properties-and-values */
  left: 0;
  line-height: 22px;
  transform: translateY(-50%) rotate(180deg);
  color: var(--text-high-emph-Color);
  writing-mode: vertical-lr;
}

.Nue8T {
  flex: 1 0;
  min-width: 0;
  min-height: 0;
  height: auto !important;
}

.fws0I {
  background-color: transparent !important;
  border: none !important;
}

button._3nAUY {
  border: 1px solid var(--overlay-BorderColor) !important;
  font-size: var(--fs-lg);
}

.bBsRS {
  padding-top: 2px;
}

.iFRTR {
  position: fixed;
  bottom: 16px;
  /* stylelint-disable-next-line plugin/use-logical-properties-and-values */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 4px;
}

.U4LoD,
.l25Mj {
  order: 1;
}

.P0bHU {
  order: 2;
}

.q8Lb0 {
  order: 3;

  &:dir(rtl) {
    order: 4;
  }
}

.S2J5Z {
  order: 4;

  &:dir(rtl) {
    order: 3;
  }
}

.yAcd9 {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

  .jHIpb {
    font-size: var(--fs-2xl);
  }
}

.lvaH6 {
  flex: 1;
  min-height: 0;
}

.qzn3g {
  background-color: var(--perspective-details-panel-BackgroundColor);
}

.Zlbsi {
  background-color: var(--panel-body-BackgroundColor);
}

._8nod\+,
._8eR-f,
._9DMO- {
  display: flex;
  flex-flow: column nowrap;
}

._8nod\+,
._8eR-f {
  flex: 1;
  min-height: 0;
}

._2oJg- {
  display: contents;
}

.WK3HA {
  height: 100%;
  min-height: 0;
}

._3U0JT {
  gap: 8px;
}

.XgNa1 {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.i2U0w {
  border: none;
  margin-bottom: 4px;
}

.sT7bG {
  display: flex;

  ._1VuIu {
    flex: 1 1 auto;
  }
}

.NvxhF {
  .grid-stack-item-content {
    display: flex;
    flex-flow: column nowrap;
    border: 1px solid var(--panel-BorderColor);
  }

  ._61Bk\+ {
    line-height: 22px;
    color: var(--text-high-emph-Color);
    background-color: var(--panel-header-BackgroundColor);
  }

  &.WK3HA {
    .grid-stack-item-content {
      border: none;
    }

    .HR7R6 {
      border: 1px solid var(--panel-BorderColor);
    }
  }
}

._4Uzao {
  height: 100%;
  justify-content: stretch;
  overflow: hidden;
}

.YPDFx {
  padding-inline: 4px 0;
  padding-block: 4px;
  display: flex;
  flex-flow: column nowrap;
}

.UQMCh {
  padding-inline: 0 4px;
  padding-block: 4px;
  background-color: var(--secondary-dark-Color) !important;
  background-clip: content-box;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-flow: column nowrap;
}

.HZdO5 {
  z-index: 1;
}

.V\+PUY {
  background-color: var(--perspective-details-panel-BackgroundColor);
  padding: 6px 10px;
  box-sizing: border-box;
  height: 100% !important;
}

.uX2dq {
  .grid-stack-item-content {
    overflow: hidden !important;
  }
}

.b0tHE {
  position: relative;
  background-color: var(--sash-BackgroundColor);

  .oHTsV {
    position: relative;
    background-color: var(--sash-BackgroundColor);
  }

  .LH\+BT.Augck {
    z-index: 1;
    filter: drop-shadow(0 4px 20px rgb(0 0 0 / 20%));
  }

  .LH\+BT.nRuAK {
    background-color: var(--list-header-BackgroundColor);
    margin-inline: 4px 0;
    margin-block: 4px;
    padding: 0;

    * {
      display: none;
    }
  }

  ._6O15n.D87EM {
    position: absolute;
    inset-inline: 24px 0;
    inset-block: 0;
    grid-area: none;
  }

  .ykogM {
    position: absolute;
    bottom: 38px;
    background: var(--sash-button-BackgroundColor);
    color: var(--sash-button-Color);
    width: 26px;
    height: 26px;
    border: 1px solid var(--sash-button-BorderColor);

    &:hover {
      background: var(--sash-button-hover-BackgroundColor);
      color: var(--sash-button-hover-Color);
      border-color: var(--sash-button-hover-BorderColor);
    }

    .tg4Vh {
      pointer-events: none;
    }
  }

  .ethl- {
    inset-inline-start: -26px;
    z-index: 1;
    border-inline-end: none;
  }

  .rVQjI {
    inset-inline-start: -52px;
  }

  button:first-of-type.ethl-,
  button:first-of-type.rVQjI {
    border-start-start-radius: 200px;
    border-end-start-radius: 200px;
  }

  button:first-of-type.rVQjI {
    animation-duration: 0.25s;
    animation-name: saQ4o;
    animation-direction: normal;
  }

  .ZLOnG {
    inset-inline-end: -26px;
    z-index: 1;
    border-inline-start: none;
  }

  .Oo8qU {
    inset-inline-end: -52px;
  }

  button:last-of-type.ZLOnG,
  button:last-of-type.Oo8qU {
    border-start-end-radius: 200px;
    border-end-end-radius: 200px;
  }

  button:last-of-type.Oo8qU {
    animation-duration: 0.25s;
    animation-name: D59JP;
    animation-direction: normal;
  }

  @keyframes D59JP {
    from {
      inset-inline-end: -26px;
      opacity: 0;
    }

    to {
      inset-inline-end: -52px;
      opacity: 1;
    }
  }

  @keyframes saQ4o {
    from {
      inset-inline-start: -26px;
      opacity: 0;
    }

    to {
      inset-inline-start: -52px;
      opacity: 1;
    }
  }
}

.aQJMi {
  display: grid;

  ._25Zff {
    grid-area: first-part;
  }

  .J0g77 {
    grid-area: sash;
  }

  .zNsAb {
    grid-area: second-part;
  }
}

.s1L2q {
  grid-template-rows: 100%;
  grid-template-areas: "first-part sash second-part";

  .J0g77.L1b0a {
    cursor: col-resize;
  }
}

.tvBo9 {
  grid-template-columns: 100%;
  grid-template-areas:
    "first-part"
    "sash"
    "second-part";

  .J0g77.L1b0a {
    cursor: row-resize;
  }
}

.qmewd {
  margin-bottom: 4px;
}

.qmewd:last-of-type {
  margin-bottom: 0;
}

.e5RW2 {
  flex: 1 0;
  min-height: 0;
  transition: all 0.1s;
}

.GMO9E {
  flex: 0 0 auto;
  transition: all 0.1s;
}

.dCsHM {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
}

.oXrss {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 20px;
}

.DOTmq {
  background-color: var(--perspective-details-panel-BackgroundColor);
  flex: 1 1;
  min-height: 0;
}

.BdId5 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 20px;
}

.OWMzP {
  position: absolute;
  top: 13px;
  inset-inline-start: -35px;
  width: 32px;
  height: calc(100% - 13px);
  pointer-events: none;
}

.wlYTZ {
  margin-inline-start: auto;
  width: 16px;
  border-bottom: thin solid var(--thread-line-Color);
}

.leWhh {
  width: 100%;
  height: 100%;
  background-color: var(--perspective-details-panel-BackgroundColor);
  pointer-events: all;

  &.JY067 {
    background-color: var(--panel-body-BackgroundColor);
  }
}

.bt6\+S {
  height: calc(100% - 2px);
  margin-top: 2px;
  border-inline-start: thin solid var(--thread-line-Color);
}

._4ZtfS {
  position: absolute;
  inset-inline-start: -27px;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: var(--button-primary-BackgroundColor);
  color: var(--button-Color);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.ZsVL8 {
  position: absolute;
  inset-inline-start: -3px;
  top: 26px;
  width: 32px;
  height: calc(100% - 26px);
  cursor: pointer;
  display: flex;
  justify-content: center;
}

.rq8DG {
  margin-inline-start: 32px;
  position: relative;

  &.ZI2xA {
    margin-inline-start: 0;
  }

  &:has(> .ZsVL8:hover),
  &:has(> .aiUjW ._4ZtfS:hover) {
    & > .Qy2GJ > .rq8DG > .OWMzP .wlYTZ {
      border-color: var(--thread-line-hover-Color);
    }

    & > .aiUjW ._4ZtfS {
      color: var(--thread-line-hover-Color);
    }

    & > .ZsVL8 .bt6\+S {
      border-color: var(--thread-line-hover-Color);
    }
  }
}

.aiUjW {
  display: flex;
  gap: 8px;
}

._5XUKz {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid var(--perspective-details-panel-BackgroundColor);
}

.beK4v {
  display: flex;
  flex-direction: column;
  min-width: 248px;
  flex: 1 1;
}

.VK77- {
  font-size: var(--fs-sm);
  color: var(--text-medium-emph-Color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: -moz-min-content;
  max-width: min-content;
}

._5qUn9 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 8px 0;
}

.HiWip {
  color: var(--text-high-emph-Color);
  min-height: 20px;
  overflow-wrap: break-word;
}

.wPSKk {
  display: inline;
  margin: 0 4px;
  font-size: var(--fs-base);
  line-height: 12px;
}

._4lW\+9 {
  display: flex;
  gap: 8px;
  position: relative;

  &:has(*:nth-child(1)) {
    margin-top: 8px;
  }

  &.QlraH {
    min-height: 12px;
  }
}

.Qy2GJ {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}

.cTCqX {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  flex: 1 1;
}

.QgDNh {
  display: flex;
  align-items: center;
  padding: 4px;
  gap: 4px;
  border: 1px solid var(--panel-BorderColor);
  background-color: var(--panel-body-BackgroundColor);

  &.qX5aA {
    background-color: var(--thread-root-attachment-BackgroundColor);
  }
}

.N4jw5 {
  font-size: var(--fs-sm);
  color: var(--text-medium-emph-Color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 128px;
}

._6DyB3 {
  display: flex;
  gap: 4px;
  align-items: center;
  margin-inline-start: 8px;
}

.BHAdh {
  flex: 1 1;
  max-width: 100%;
}

.RpN7y {
  display: flex;
  gap: 8px;
}

.cF0Ty {
  display: none;
  position: absolute;
  top: 8px;
  inset-inline-end: 8px;
}

.ci4Sz {
  display: flex;
  border: 1px solid var(--panel-BorderColor);
  background-color: var(--panel-body-BackgroundColor);
  position: relative;

  &.GW\+qf {
    background-color: var(--thread-root-attachment-BackgroundColor);
  }

  &:hover {
    border-color: var(--icon-hover-Color);

    .cF0Ty {
      display: block;
    }
  }

  &._5RZvL {
    border-color: var(--icon-active-Color);
  }
}

.pQMyN {
  max-height: 128px;
  height: 128px;
  max-width: 248px;
  min-width: 48px;
  -o-object-fit: contain;
     object-fit: contain;
}

.u6QNg {
  max-height: inherit;
}

.AREK1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.QVi79 {
  max-height: 480px;
  max-width: 860px;
}

.dOSAY {
  display: block;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  min-width: 64px;
  min-height: 64px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.rmA1L {
  margin: 16px 20px;
}

.ZVFO1 {
  display: flex;
  gap: 64px;
}

.BmtCI {
  width: inherit;
  height: inherit;
  line-height: 184px;
  text-align: center;
}

.ck3Bw {
  background-color: var(--profile-avatar-backdropColor);
  height: inherit;
  width: inherit;
  position: absolute;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity ease-in-out 400ms;
}

._5wZEz {
  color: var(--icon-hover-Color);
}

.DCtt2 {
  min-width: 184px;
  min-height: 184px;
  width: 184px;
  height: 184px;
  border-radius: 50%;
  border: 1px solid var(--perspective-details-panel-BackgroundColor);
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;

  &.tzj9A {
    cursor: default;
  }

  &:hover:not(.tzj9A) {
    .ck3Bw {
      opacity: 0.6;
      backdrop-filter: blur(1px);
    }
  }
}

.pp84N {
  width: inherit;
  height: inherit;
}

.m4bvz {
  flex-grow: 1;
  height: -moz-min-content;
  height: min-content;
}

.RPFNR {
  width: 480px;
}

.aX4vB {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.RCgpR {
  min-height: 0;
  flex: 1 0;
}

.Oxngx {
  display: flex;
  gap: 16px;
  flex-direction: column;
  padding: 16px 20px;
}

.nG-ec {
  flex: 1 0;
  min-height: 0;
  max-height: 100%;

  .simplebar-content-wrapper {
    height: 100% !important;
  }
}

._4BSTx {
  padding: 16px 20px;

  img {
    -o-object-fit: contain;
       object-fit: contain;
    min-width: var(--img-min-width);
    max-height: 256px;
    min-height: 200px;
    width: 100%;
  }
}

.kor\+6 {
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: var(--overlay-body-BackgroundColor);
  width: 240px;
}

._7ln4F {
  padding: 16px 20px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  gap: 24px;
  background-color: var(--overlay-body-BackgroundColor);
  border-top: 1px solid var(--overlay-BorderColor);
}

._5XKMZ {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.w7DXO {
  color: var(--overlay-header-Color);
  background-color: var(--overlay-header-BackgroundColor);
  font-size: var(--fs-sm);
  padding: 8px 20px;
  border-bottom: 1px solid var(--overlay-separator-Color);
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.e8agA {
  display: flex;
  gap: 8px;
}

.eGZjz {
  padding-block: 0 !important;
  padding-inline: 0 !important;
}

.fL-qy {
  padding: 16px 20px;
  background-color: var(--overlay-body-BackgroundColor);
}

.vBjal {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 20px;
  min-height: 0;
}

.p\+1qS {
  min-height: 0;
  flex: 1;
}

._7Kr1E {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.GDD28 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.j5OMx {
  display: flex;
  gap: 8px;
}

.wlJPu {
  display: flex;
}

.fJDPL {
  min-height: 0;
  flex: 1;
}

.kenh2 {
  padding: 16px 20px;
  background-color: var(--panel-body-BackgroundColor);
}

.WRU1x {
  display: flex;
  gap: 20px;
}

.J3ZMW {
  flex: 1 0;
  min-width: 0;
}

.LIObj {
  max-height: 240px;
}

.Vk34i {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 20px;
}

.e7Avx {
  color: var(--text-medium-emph-Color);
}

._3K2DO {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 20px;
  min-height: 0;
  height: 100%;
}

.BWVBz {
  min-height: 0;
  flex: 1;
}

.De-8B {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  min-height: 22px;
}

.P1Eau {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.i9mO0 {
  display: flex;
  gap: 8px;
}

.X\+QBt {
  display: flex;
}

._6SR86 {
  min-height: 0;
  flex: 1;
}

.kWF3A {
  padding: 16px 20px;
  background-color: var(--panel-body-BackgroundColor);
}

.We2pu {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.ALqNb {
  box-sizing: border-box;
  transition: all ease-in-out 250ms;
}

.P7OpV {
  min-height: 0;
  flex: 1 0;
  display: flex;
}

.phx-img-comparator-simple-bar
    > .simplebar-wrapper
    > .simplebar-mask
    > .simplebar-offset {
  > .simplebar-content-wrapper {
    height: 100% !important;

    > .simplebar-content {
      height: 100% !important;
    }
  }

  height: 100% !important;
}

.EbsDu {
  width: 100%;
  display: flex;
  gap: 20px;
}

.FNN3v {
  display: flex;
  gap: 20px;
  height: 100%;
  padding: 16px 20px;
  box-sizing: border-box;
  flex-wrap: wrap;

  &._1V0P9 {
    .ALqNb {
      height: 248px;
      width: calc(50% - 10px);

      img {
        height: 200px;
        max-height: 200px;
      }
    }

    .EbsDu {
      height: calc(100% - 240px - 20px);
    }
  }

  &.ityvj {
    .ALqNb {
      width: 100%;

      img {
        max-height: 256px;
      }
    }

    .EbsDu {
      height: 648px;
    }
  }
}

.AMRxA {
  width: 100%;
  background-color: var(--panel-body-BackgroundColor);
  border-bottom: 1px solid var(--border-dark-Color);
  padding: 6px 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: end;
  gap: 8px;
}

button.tSYrc {
  display: flex;
  align-items: center;
  padding: 3px 15px;
}

.rVjQI {
  img {
    -o-object-fit: contain;
       object-fit: contain;
    min-width: var(--img-min-width);
    min-height: 200px;
    max-height: 256px;
    width: 100%;
  }
}

.eX2pE {
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: var(--overlay-body-BackgroundColor);
  width: 240px;
}

.-HjQe {
  padding: 16px 20px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  gap: 24px;
  background-color: var(--overlay-body-BackgroundColor);
  border-top: 1px solid var(--overlay-BorderColor);
}

.BzOj\+ {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ePE1C {
  color: var(--overlay-header-Color);
  background-color: var(--overlay-header-BackgroundColor);
  font-size: var(--fs-sm);
  padding: 8px 20px;
  border-bottom: 1px solid var(--overlay-separator-Color);
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

._2rTaK {
  display: flex;
  gap: 8px;
  align-items: center;
}

.g9\+lN {
  display: flex;
  gap: 8px;
}

.IZO3q {
  width: 1px;
  height: 16px;
  background-color: var(--border-light-Color);
}

.ZjIao {
  padding-inline: 0 !important;
  padding-block: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.GqlPo {
  padding: 16px 20px;
  background-color: var(--overlay-body-BackgroundColor);
}

.PbSFd {
  font-size: var(--fs-2xl);
  padding: 20px 16px;
  box-sizing: border-box;
  align-content: center;
  width: 100%;
  height: 100%;
  max-height: 256px;
  min-height: 200px;
  line-height: 28px;
  text-align: center;
}

.okNua {
  width: 100%;
  background-color: var(--panel-body-BackgroundColor);
  border-bottom: 1px solid var(--border-dark-Color);
  padding: 6px 20px;
  box-sizing: border-box;
}

.\+KHIF {
  display: flex;
  justify-content: space-between;
}

.uLz6\+ {
  display: flex;
  gap: 8px;
}

.E0iDu {
  width: 100%;
  box-sizing: border-box;
}

.pdbaS {
  display: flex;
  padding-inline: 0 !important;
  padding-block: 0 !important;
  flex-direction: column;
}

._6iLDx {
  min-height: 0;
}

._69yxY {
  border-bottom: 1px solid var(--border-dark-Color);
  padding-inline: 44px 20px;
  padding-block: 6px;
}

.D22XZ {
  grid-area: header;
  padding: 8px 20px;
  background-color: var(--list-header-BackgroundColor);
  border-bottom: 1px solid var(--border-dark-Color);

  .aJjrc {
    display: flex;
    gap: 8px;
    flex: 1 1 auto;
  }
}

.yVBbL {
  display: flex;
  flex: 1 0 0;
  flex-flow: column;
  min-height: 0;
  gap: 16px;
  padding: 16px 20px;
}

.S5r\+d {
  padding: 16px 20px;
  background-color: var(--panel-body-BackgroundColor);
  border: 1px solid var(--panel-BorderColor);
}

._8AMEf {
  display: flex;
  flex: 1 0 0;
  flex-flow: column;
  min-height: 0;

  .X8UNC {
    border: 1px solid var(--panel-children-BorderColor);

    & > div {
      border: none;
    }

    &.oyhmj,
    .oyhmj {
      background-color: var(--panel-body-BackgroundColor);
    }
  }

  &.XtK0H {
    border: none;
  }
}

.VRDfY {
  flex: 1 0 0;
  min-height: 0;
  border: none;

  .uIZeZ {
    border: 1px solid var(--panel-children-BorderColor);
    border-bottom: none;
    padding: 0;
    display: flex;

    .aJjrc {
      display: flex;
      padding: 0;

      .Pt970 {
        border-inline-end: 2px solid var(--panel-body-BackgroundColor);
        position: relative;

        .f8eTy {
          display: flex;
          align-items: center;
          flex-direction: row-reverse;
          gap: 4px;
          margin-inline-end: -11px;

          &:empty {
            display: none;
          }
        }
      }
    }
  }

  .YQNHI {
    border: 1px solid var(--panel-children-BorderColor);
    border-top: none;
    padding: 0;

    ._6wFY4 {
      padding-inline: 20px;
      padding-block: 16px;
    }
  }
}

.DaO9Y {
  max-height: 100%;
}

.uafPz {
  margin-bottom: 16px;

  .nPLmO {
    display: flex;

    .VqFHL {
      margin-inline-start: auto;
      display: flex;
      flex-direction: row-reverse;
      gap: 16px;
    }
  }

  .llwFv {
    padding: 16px 20px;
    background-color: var(--secondary-dark-Color);
  }

  .COkcY {
    display: flex;
    flex-flow: column;
    gap: 8px;
  }
}

.nV3so {
  max-height: 100%;
}

.vghoU {
  min-height: 0;
  color: var(--text-high-emph-Color);

  &.Spl4C {
    border: none;
  }

  .M0MlK {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 16px;
    padding-inline-start: 9px !important;

    .QtbvJ {
      width: 2px;
      margin-inline-end: -7px;
      height: 100%;
    }

    .DJafx {
      flex: 1 1 auto;
      min-height: 22px;
    }

    .S-Kz9 {
      flex: 0 0 auto;
      align-self: center;

      ._4-g77 {
        color: var(--icon-Color);

        &:hover {
          color: var(--icon-hover-Color);
        }
      }
    }

    &.P1D0U:hover,
    &.P1D0U:focus-visible {
      .\+P2Pk {
        color: var(--icon-hover-Color);
      }
    }

    .Mx6ja {
      display: flex;
      gap: 16px;
      flex-direction: row-reverse;
      align-items: center;

      &:hover {
        .\+P2Pk {
          color: var(--icon-Color);
        }

        .\+P2Pk:hover {
          color: var(--icon-hover-Color);
        }
      }
    }
  }

  .UgPkx {
    height: auto;
    padding-inline: 0 !important;
    padding-block: 0 !important;
    background-color: transparent !important;

    .VxRzT {
      height: 100%;
    }

    .KEguJ {
      padding: 16px 20px;
      display: flex;
      flex-flow: column;
      gap: 16px;
      position: relative;

      &.eh3mb {
        padding: 0;
      }
    }

    .qWQor {
      padding: 16px 20px;
      background-color: var(--panel-body-BackgroundColor);
      border: 1px solid var(--panel-BorderColor);
    }

    .RbXen {
      display: flex;
      flex-flow: column;
      gap: 16px;

      ._0HX7- {
        border: 1px solid var(--panel-children-BorderColor);

        & > div {
          border: none;
        }

        &.KEguJ,
        .KEguJ {
          background-color: var(--panel-body-BackgroundColor);
        }
      }

      &.qWQor {
        border: none;
      }
    }
  }

  .Wp-3C {
    border: none;

    .B6flz {
      border: 1px solid var(--panel-children-BorderColor);
      border-bottom: none;
      padding: 0;
      display: flex;
      gap: 20px;

      ._3o4vH {
        display: flex;
        padding: 0;
        width: 100%;

        .hMIXn {
          border-inline-end: 2px solid var(--panel-body-BackgroundColor);
          position: relative;

          .uhM7s {
            display: flex;
            align-items: center;
            flex-direction: row-reverse;
            gap: 4px;
            margin-inline-end: -11px;

            &:empty {
              display: none;
            }
          }
        }
      }
    }

    .jKn4K {
      border: 1px solid var(--panel-children-BorderColor);
      border-top: none;
      padding: 0;

      & > ._0HX7- {
        border: none;
      }
    }
  }
}

.Phix6 {
  display: flex;
  flex-flow: column;
  align-items: center;

  img {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
}

.ZUuA\+ {
  position: relative;
  display: flex;
  gap: 8px;
  align-items: center;

  .gRlvk {
    z-index: 1;
    color: var(--icon-Color);
    min-width: 20px;
    font-size: var(--fs-lg);

    &:hover {
      color: var(--icon-hover-Color);
    }
  }

  .C\+nPs {
    display: none;
    position: absolute;
    height: calc(100% + 16px);
    width: calc(100% + 40px);
    background-color: var(--generic-toggle-hover-BackgroundColor);
    top: -8px;
    inset-inline-start: -20px;
    pointer-events: none;
  }

  &:hover,
  &:focus-within {
    .C\+nPs {
      display: block;
    }
  }

  ._8xZCJ {
    display: flex;
    flex-flow: column nowrap;
    flex: 1 1 auto;
    z-index: 1;

    .adgbp {
      flex: 0 0 auto;
      font-size: var(--fs-base);
    }

    .e4tJd {
      flex: 0 0 auto;
      color: var(--text-medium-emph-Color);
      font-size: var(--fs-sm);
    }
  }
}

.FIuHo {
  display: flex;
  flex-flow: row nowrap;

  .p6Fvf {
    max-width: 100%;
    max-height: 320px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.DNltA {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;

  .oQUdP {
    border: 1px solid var(--border-dark-Color);
  }
}

.J8T0U {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._1mb2j {
  color: var(--icon-Color);

  &:hover {
    color: var(--icon-hover-Color);
  }

  &.Kv0Xh {
    color: var(--icon-active-Color);
  }
}

.D\+BBD {
  line-height: 0;
}

.TCpYn {
  padding: 8px 20px;
  border-bottom: 1px solid var(--overlay-separator-Color);
  font-size: var(--fs-sm);
  background-color: var(--overlay-header-BackgroundColor);
  display: flex;
  justify-content: space-between;
}

.B2nMw {
  display: flex;
  flex-flow: column nowrap;
  min-width: 446px;
  max-width: 40rem;
  width: 350px;
  background-color: var(--overlay-BackgroundColor);
  color: var(--text-medium-emph-Color);

  .pOG1S {
    flex: 0 1 auto;
    background-color: var(--overlay-BackgroundColor);
  }

  .NLx0k {
    background-color: var(--list-subitem-BackgroundColor);
    border: 1px solid var(--list-subitem-BorderColor);
    padding: 0;
    grid-template-columns: 0 minmax(auto, 100%);
  }
}

.nZalc {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}

.t6IKk {
  list-style-type: none;
  border-bottom: 1px solid var(--overlay-separator-Color);

  &:last-child {
    border: none;
  }
}

.T3Fu- {
  background-color: var(--overlay-header-BackgroundColor) !important;
}

._3Cloz {
  padding-block: 0 !important;
  padding-inline: 0 !important;
  background-color: var(--list-item-BackgroundColor) !important;
  min-width: 256px;
}

._9vJnl {
  color: var(--icon-Color);
}

.ivJbl {
  display: flex;
  align-items: center;
  color: var(--text-high-emph-Color);
  padding: 8px 20px;
  cursor: pointer;
  gap: 8px;

  &:hover {
    background-color: var(--list-item-hover-BackgroundColor);
  }
}

.THds4 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 20px;
}

.UL1m9 {
  color: var(--text-high-emph-Color);
  display: flex;
  flex-direction: column;
}

.X3tss {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 1px solid var(--perspective-details-panel-BackgroundColor);
}

.jT2F\+ {
  display: grid;
  grid-template:
    "header customer-logo" 44px
    "second-header customer-logo" 36px
    "content content" minmax(0, 1fr) / minmax(0, 1fr);
  gap: 0;
  height: 100vh;
  width: 100vw;
  min-width: 1024px;
  min-height: 600px;
  background-color: var(--app-BackgroundColor);
  color: var(--text-medium-emph-Color);
}

._94Ma3 {
  grid-area: header;
}

._43-Sx {
  grid-area: second-header;
}

.uNmE4 {
  grid-area: content;
  background-color: var(--app-BackgroundColor);
  color: var(--text-medium-emph-Color);
  position: relative;
}

.NiH49 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.J9mkJ {
  font-size: var(--fs-3xl);
  text-align: center;
}

.QZ-s8 {
  position: absolute;
  background-color: transparent;
  width: 0;
  height: 0;
  border-inline: 9px solid transparent;
  border-bottom: 6px solid var(--app-BackgroundColor);
  bottom: 0;
  display: none;
}

.CbkI9 {
  color: var(--text-medium-emph-Color);

  &:hover {
    color: var(--text-hover-Color);
  }

  &.active {
    color: var(--text-active-Color);

    .QZ-s8 {
      display: block;
    }
  }
}

._7oUv2 {
  grid-area: customer-logo;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 85px;
  background-color: var(--header-BackgroundColor);

  > img {
    width: 100%;
    height: 100%;
  }
}

.GfkqL {
  .kzKTs {
    position: relative;
    white-space: nowrap;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: flex;
    flex-flow: column nowrap;
    line-height: 18px;
    padding-inline: 16px;
    padding-block: 8px 10px;
    align-items: center;

    &:first-child {
      padding-inline-start: 0;
    }

    &:last-of-type {
      padding-inline-end: 0;
    }
  }
}

.ixoM- {
  grid-area: content;
  background-color: var(--app-BackgroundColor);
  color: var(--text-medium-emph-Color);
  position: relative;
}

.w\+WWQ {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.W5EZ2 {
  font-size: var(--fs-3xl);
  text-align: center;
}

.j6di\+ {
  position: absolute;
  top: 6px;
  inset-inline: 4px;
  height: 2px;
  z-index: 1;
}

.JxBnx {
  background-color: var(--perspective-details-panel-BackgroundColor);
  position: absolute;
  inset: 4px;
  padding: 16px 20px;
  display: grid;
  grid-template-columns: repeat(3, 120px) repeat(9, 1fr [col-start]);
  grid-template-rows: auto minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 20px;
  overflow: hidden;

  .F5a3Y {
    grid-column: 1 / 4;
    grid-row: 1 / 5;
  }

  .na-4E {
    grid-column: 4 / 13;
    grid-row: 1 / 2;
  }

  .EbURc {
    grid-column: 4 / 13;
    grid-row: 2 / 3;
  }

  .YQsut {
    grid-column: 4 / 13;
    grid-row: 3 / 4;
  }

  .XZT1B {
    grid-column: 4 / 13;
    grid-row: 4 / 5;
  }
}

._7Mh5- {
  .n1Bss {
    font-size: var(--fs-sm);
  }

  .\+c69X {
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
    margin-top: 4px;
  }
}

.B4tpg {
  pointer-events: auto;
  flex: 1 1 max-content;
  display: flex;
  padding: 4px 8px;
  align-items: center;
  height: 20px;
  gap: 8px;
  background-color: var(--list-subitem-BackgroundColor);
  border: 1px solid var(--list-subitem-BorderColor);
  min-width: calc(50% - 24px);

  .vTLnk {
    font-size: var(--fs-base);
    flex: 1 1 max-content;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 32px;
    color: var(--text-medium-emph-Color);
  }

  .lW6tI {
    flex: 0 0 max-content;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--text-medium-emph-Color);
    max-width: calc(100% - 50px);
  }

  .KX03L {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--text-medium-emph-Color);

    * {
      pointer-events: auto;
    }
  }

  &:hover,
  &:focus-visible {
    background-color: var(--list-subitem-hover-BackgroundColor);
    border-color: var(--list-subitem-hover-BorderColor);

    .vTLnk {
      color: var(--text-hover-Color);
    }
  }

  &._0PfEe {
    background-color: var(--list-subitem-activated-BackgroundColor);
    border-color: var(--list-subitem-activated-BorderColor);

    .vTLnk {
      color: var(--text-hover-Color);
    }
  }

  .IwH-H {
    min-width: 2px;
    min-height: 20px;
    height: 100%;
  }
}

.R5pIw {
  display: flex;
  flex-flow: column;
  padding: 4px;
  height: 100%;
  box-sizing: border-box;
  background-color: inherit;
}

.TXQ53 {
  padding: 0;
}

.Lz4Zi {
  flex: 1;
  min-height: 0;
}

.zkdE\+ {
  background-color: var(--perspective-details-panel-BackgroundColor);
}

._1EiQW {
  background-color: var(--panel-body-BackgroundColor);
}

.EpgKe {
  width: 100%;
}

._9bq25 {
  height: 20px;
  background-color: var(--list-header-BackgroundColor);
  border-bottom: 1px solid var(--border-dark-Color);
  padding: 8px 20px;
  display: flex;
  line-height: 20px;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  position: relative;

  .DjHUB {
    position: absolute;
    top: 6px;
    inset-inline-start: 9px;
    width: 2px;
    height: 22px;
  }

  .hk0rc {
    display: flex;
    flex: 1 0;
    min-width: 0;
    color: var(--text-high-emph-Color);

    span {
      text-overflow: ellipsis;
      overflow: hidden;
    }
  }

  .kU7Vw {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 16px;
  }
}

.L5LTf {
  flex: 1;
  background-color: var(--perspective-details-panel-BackgroundColor);
  min-height: 0;
}

.ozlx5 {
  position: absolute;
  top: 43px;
  inset-inline: 0 4px;
}

.-EiOY {
  ._9ctcK {
    display: flex;
    flex-flow: row nowrap;
    gap: 4px;
  }

  .DXJK3 {
    padding: 8px;
    cursor: pointer;
    background-color: var(--secondary-dark-Color);
    display: flex;
    flex: 1 0;
    white-space: nowrap;
    filter: drop-shadow(0 0 4px rgb(0 0 0 / 30%));

    .OT7k1 {
      width: 4px;
      margin-inline-end: 8px;
    }

    &:hover {
      background-color: var(--list-item-hover-BackgroundColor);
    }
  }
}

.C-WnN {
  height: 100%;

  .kUXxo {
    z-index: 2 !important;
    flex-grow: 1;
    margin-inline: 4px 0;
    margin-block: 4px;
    min-width: -moz-min-content;
    min-width: min-content;
    max-width: 406px;
    display: flex;
    flex-flow: column nowrap;

    .nbyAu {
      ._0ZBH7 {
        flex: 0 1 auto;
        margin: 0 8px;

        &:first-child {
          margin-inline-start: 0;
        }
      }
    }
  }

  .QdBI7 {
    z-index: 2;
  }

  .Vjvm2 {
    position: absolute;
    margin-inline-end: 0;
    top: 41px;
    z-index: 1;
  }

  .oV37- {
    display: flex;
    margin-inline: 0 4px;
    margin-block: 4px;
    position: relative;
  }
}

._8\+VcR {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 24px;
  padding-block: 6px !important;
  padding-inline: 20px !important;
  gap: 16px;

  ._9QQIS {
    display: flex;
    color: var(--icon-Color);

    &:hover {
      color: var(--icon-hover-Color);
    }

    &:focus-visible,
    &:hover:not(:disabled) {
      color: var(--icon-hover-Color);
    }

    &.SO7cX {
      color: var(--icon-active-Color);

      &:hover:not(:disabled) {
        color: var(--primary-light-Color);
      }
    }
  }
}

.o-rqG {
  width: 300px;
  overflow: unset;

  ._3H5ij {
    min-height: 56px;
    border-top: 4px solid var(--overlay-BackgroundColor);
  }
}

.TFB\+v {
  position: relative !important;
}

.OFZFZ {
  border-bottom: 4px solid var(--overlay-BackgroundColor) !important;
  border-inline: 4px solid var(--overlay-BackgroundColor) !important;
}

._8f02d {
  display: grid;
  grid-template-areas:
    "title-row"
    "content-body";
  border-bottom: 1px solid var(--border-dark-Color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: var(--list-superitem-BackgroundColor);

  .kYiRG {
    grid-area: status-indicator;
    width: 8px;
    height: 8px;
    border-radius: 50%;
  }

  .zRbxQ {
    pointer-events: none;
    grid-area: title-row;
    padding-block: 8px;
    padding-inline: 18px 20px;
    display: flex;
    align-items: center;
    gap: 16px;

    .dFUbv {
      flex: 1;
      line-height: 20px;
      white-space: nowrap;
      overflow: hidden;
      color: var(--text-medium-emph-Color);

      > span > p {
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }

  .fH0tE {
    pointer-events: auto;
    align-self: center;
  }

  &.jy4b7 {
    background-color: var(--list-superitem-selected-BackgroundColor);

    .dFUbv {
      color: var(--text-active-Color);
    }
  }

  &.pK52O {
    &:focus-visible {
      background-color: var(--list-superitem-hover-BackgroundColor);

      &._3sidC .fH0tE {
        color: var(--icon-hover-Color);
      }

      .dFUbv {
        color: var(--text-hover-Color);
      }
    }

    &:hover {
      background-color: var(--list-superitem-hover-BackgroundColor);

      &._3sidC .fH0tE {
        color: var(--icon-hover-Color);
      }

      .dFUbv {
        color: var(--text-hover-Color);
      }
    }
  }
}

.dFeN2 {
  grid-area: content-body;
  background-color: var(--list-superitem-BackgroundColor);
  pointer-events: all;
  border-top: 1px solid var(--border-dark-Color);
}

.dFeN2 > div:last-of-type {
  border-bottom: none;
}

._3UAk8 {
  width: 100%;
  height: calc(100% - 37px);
  top: 37px;
  inset-inline-start: 0;
  position: absolute;
  gap: 8px;
  padding: 4px;
  box-sizing: border-box;
  display: flex;
  z-index: 1;
  pointer-events: none;

  &.R95xq {
    &.Iqrhj {
      align-content: start;
      flex-flow: column wrap;

      &.QZi8m {
        flex-direction: column-reverse;
      }
    }

    &.AzsxC {
      align-content: end;
      flex-flow: column wrap-reverse;

      &.QZi8m {
        flex-direction: column-reverse;
      }
    }
  }

  &.c7V76 {
    &.Iqrhj {
      flex-direction: row;

      &._66ydq {
        align-content: start;
        flex-wrap: wrap;
      }

      &.QZi8m {
        align-content: end;
        flex-wrap: wrap-reverse;
      }
    }

    &.AzsxC {
      flex-direction: row-reverse;

      &._66ydq {
        align-content: start;
        flex-wrap: wrap;
      }

      &.QZi8m {
        align-content: end;
        flex-wrap: wrap-reverse;
      }
    }
  }
}

.pK0fY {
  pointer-events: auto;
  padding: 8px;
  height: 20px;
  line-height: 20px;
  display: flex;
  max-width: 128px;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--border-dark-Color);
  background-color: var(--system-group-widget-BackgroundColor);

  &:hover {
    background-color: var(--system-group-widget-hover-BackgroundColor);
  }

  &.pgHue {
    background-color: var(--system-group-widget-selected-BackgroundColor);
  }
}

._5bAeN {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k72K0 {
  min-width: 2px;
  width: 2px;
  height: 100%;
}

.Hqw4R {
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
}

.u48bI {
  min-width: 70px;

  /* stylelint-disable custom-property-pattern */
  --list-subitem-BackgroundColor: var(--map-popup-subitem-BackgroundColor);
  --list-subitem-hover-BackgroundColor: var(
    --map-popup-subitem-hover-BackgroundColor
  );
  --list-subitem-activated-BackgroundColor: var(
    --map-popup-subitem-activated-BackgroundColor
  );
  /* stylelint-enable custom-property-pattern */
}

.UlgUk {
  background-color: transparent;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;

  .leaflet-tooltip.leaflet-tooltip-top {
    color: var(--text-medium-emph-Color);
    background-color: var(--map-tooltip-BackgroundColor);
    border-color: var(--map-tooltip-BorderColor);
    font-size: var(--fs-base);
    line-height: 18px;
    box-sizing: border-box;
    border-radius: 0;

    &::before {
      border-inline: 7.5px solid transparent;
      border-top: 6px solid var(--map-tooltip-BorderColor);
      border-bottom: none;
      margin-bottom: -6px;
      /* stylelint-disable-next-line plugin/use-logical-properties-and-values */
      left: 50%;
      /* stylelint-disable-next-line plugin/use-logical-properties-and-values */
      margin-left: -7.5px;
    }

    &::after {
      content: "";
      position: absolute;
      border-inline: 7.5px solid transparent;
      border-top: 6px solid var(--map-tooltip-BackgroundColor);
      border-bottom: none;
      margin-bottom: -5px;
      bottom: 0;
      /* stylelint-disable-next-line plugin/use-logical-properties-and-values */
      left: 50%;
      /* stylelint-disable-next-line plugin/use-logical-properties-and-values */
      margin-left: -7.5px;
    }
  }

  &:dir(rtl) {
    .leaflet-tooltip-pane > * {
      direction: rtl;
    }

    .leaflet-tooltip-pane {
      direction: ltr;
    }
  }
}

.Bhz8z {
  .hpxeM {
    fill: var(--region-marker-BackgroundColor);
  }

  &:hover {
    .hpxeM {
      stroke: var(--region-marker-hover-BorderColor);
    }
  }

  &._3ZhLM {
    .hpxeM {
      stroke: var(--region-marker-active-BorderColor);
    }
  }
}

._5Ac79 {
  .\+gEbe {
    fill: var(--checkpoint-marker-BackgroundColor);
  }

  &:hover {
    .\+gEbe {
      stroke: var(--checkpoint-marker-hover-BorderColor);
    }
  }

  &.kFTBd {
    .\+gEbe {
      stroke: var(--checkpoint-marker-active-BorderColor);
    }
  }
}

.m-7fc {
  color: var(--text-medium-emph-Color);
  text-align: start;

  .fq2Mn {
    padding: 8px 20px;
    height: 20px;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid var(--border-dark-Color);

    .Ha\+EN {
      width: 2px;
      height: 100%;
    }

    .oNyi4 {
      font-size: var(--fs-sm);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }

  ._5cWiu {
    padding: 12px 20px;
    display: flex;
    flex-flow: column;
    gap: 16px;

    .vPRkS {
      /* stylelint-disable custom-property-pattern */
      --list-subitem-BackgroundColor: var(--map-popup-subitem-BackgroundColor);
      --list-subitem-hover-BackgroundColor: var(
        --map-popup-subitem-hover-BackgroundColor
      );
      --list-subitem-activated-BackgroundColor: var(
        --map-popup-subitem-activated-BackgroundColor
      );
      /* stylelint-enable custom-property-pattern */
    }
  }
}

.oGPmb {
  ._95eGw {
    display: flex;
    flex-flow: column nowrap;
    gap: 16px;
  }
}

.EWcsW {
  display: flex;
}

.AH48O {
  height: 100%;
  background-color: var(--secondary-dark-Color);
}

.UCppP {
  flex: 1 1;
  display: flex;
  flex-flow: column;
  min-height: 0;
  position: relative;
}

.MqKFc {
  background-color: var(--list-header-BackgroundColor);
  border-bottom: 1px solid var(--border-dark-Color);
  padding: 6px 20px;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;

  .CkFUm {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: var(--fs-sm);
  }

  .ZMQcV {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 16px;
  }
}

.PfJLJ {
  z-index: 0;
  overflow: hidden;
  flex: 1 0;
}

.rtJIx {
  position: absolute;
  inset: 37px 0 0;
}

.eJpOl {
  position: absolute;
  inset: 37px 0 0;
  height: auto;
  z-index: 1;
}

.iHxv1 {
  padding-inline: 22px 0;
  padding-block: 0;
}

.XFjpB {
  display: flex;
}

.tKi6E {
  opacity: 0.7;
  background-color: var(--app-BackgroundColor);
  position: absolute;
  height: 100vh;
  width: 100vw;
  min-width: 1024px;
  min-height: 600px;
  z-index: 1000;
}

.ALY2R {
  position: absolute;
  display: grid;
  grid-template:
    "header" auto
    "content" minmax(0, 1fr) / minmax(0, 1fr);
  gap: 0;
  height: 100vh;
  width: 100vw;
  min-width: 1024px;
  min-height: 600px;
  color: var(--text-medium-emph-Color);
  z-index: 1000;

  .vWIvV {
    margin-inline: 4px;
    margin-block: 84px 0;
    padding: 8px 20px;
    grid-area: header;

    .JGk6Y {
      margin-inline-start: 16px;

      &:last-child {
        margin-inline-start: 0;
      }
    }
  }

  ._3wFGs {
    align-items: center;
    gap: 8px;
    font-size: var(--fs-sm);

    .w1\+Zk {
      &.o8dM5 {
        color: var(--text-active-Color);
      }
    }
  }

  .rphCu {
    grid-area: content;
    margin-inline: 4px;
    margin-block: 0 4px;
    display: grid;
    grid-template: auto minmax(0, 1fr) / minmax(0, 1fr);
    background: var(--perspective-details-panel-BackgroundColor);

    .Em2zO {
      height: 100%;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 16px;

      .s-YgN {
        font-size: var(--fs-2xl);
      }
    }
  }
}

.NtzTM {
  position: absolute;
  bottom: 48px;
  inset-inline-end: 48px;
  z-index: 1000;
}

.QnXM1 {
  display: flex;
  width: 580px;
  margin-top: 24px;
  background: var(--toast-BackgroundColor);
  border: 2px solid transparent;
}

.jc5b9 {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  padding: 14px;
  color: var(--text-high-emph-Color);

  .YzpxW {
    font-weight: 600;
    font-size: var(--fs-lg);
    line-height: 22px;

    &.tI-i9 {
      padding: 8px 0;
    }
  }

  .x4K-k {
    margin-top: 4px;
    font-size: var(--fs-sm);
    line-height: 18px;
  }
}

.EJ78i {
  display: flex;
  align-items: center;
  padding: 0 14px;
  border-inline-end: 1px solid var(--toast-delimiter-Color);
}

.lHquK {
  width: 30px;
  height: 30px;
  border: 2px solid transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;

  .LfMX- {
    margin: auto;
    color: var(--icon-Color);
  }
}

.ozZqk {
  align-self: flex-start;
  padding: 8px;
  font-size: var(--fs-2xl) !important;
}

.MaN0i {
  border-color: var(--toast-success-BorderColor);
}

.Lg529 {
  border-color: var(--toast-warning-BorderColor);
}

._8vtYJ {
  border-color: var(--toast-warning-BorderColor);
}

.KPuzE {
  border-color: var(--toast-error-BorderColor);
}

.tao7O {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9000;
  backdrop-filter: blur(4px);
  max-height: 100vh;
  max-width: 100vw;
  padding: 16px 20px;
  box-sizing: border-box;

  ._7P7QB {
    filter: drop-shadow(0 2px 4px rgb(0 0 0 / 30%));
  }
}

.Z3zBh {
  color: var(--text-medium-emph-Color);
}

.HZzIg {
  margin-inline-start: auto;
  margin-top: 8px;
}

.a06k9 {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9000;
  backdrop-filter: blur(4px);
  max-height: 100vh;
  max-width: 100vw;
  padding: 16px 20px;
  box-sizing: border-box;

  .gVjVX {
    filter: drop-shadow(0 2px 4px rgb(0 0 0 / 30%));
  }
}

._9HL5m {
  color: var(--text-medium-emph-Color);
}

.qAIh\+ {
  margin-inline-start: auto;
  margin-top: 8px;
}

.YfRGC {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9000;
  backdrop-filter: blur(4px);
  max-height: 100vh;
  max-width: 100vw;
  padding: 16px 20px;
  box-sizing: border-box;

  .h\+tfz {
    filter: drop-shadow(0 2px 4px rgb(0 0 0 / 30%));
  }
}

.eP4mL {
  color: var(--text-medium-emph-Color);
}

.tDJ6E {
  margin-inline-start: auto;
  margin-top: 8px;
}

.right-to-left {
  direction: rtl;
}

#phx-tippy-wormhole {
  .tippy-content {
    padding-block: 12px;
    padding-inline: 20px;
    margin: 0;
    color: var(--text-medium-emph-Color);
    background-color: var(--overlay-BackgroundColor);
    overflow-wrap: break-word;
    filter: drop-shadow(0 2px 4px rgb(0 0 0 / 30%));
  }

  .tippy-svg-arrow {
    fill: var(--overlay-BackgroundColor);
  }
}

._9qhVB {
  height: 100vh;
  background-color: var(--primary-Color);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.tU1bI {
  position: absolute;
  height: 80px;
  top: 24px;
  inset-inline-start: 24px;
}

.Z4beO {
  z-index: 1;
  margin-bottom: 100px;
  width: 350px;
  margin-top: 40px;
  background: var(--overlay-BackgroundColor);
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  padding: 16px 20px;
  gap: 16px;
  position: relative;
}

.sg5x1 {
  display: block;
  align-self: flex-start;
  max-width: 100%;
  box-sizing: border-box;
  margin: auto;
}

.LGzGF {
  align-self: center;
}

.gx2Iy {
  height: 1px;
  background: var(--panel-BorderColor);
}

.XXlNK {
  .v4y3v {
    display: flex;
    flex-flow: column nowrap;
  }

  .WJCOQ {
    font-size: var(--fs-base);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    text-align: center;
    font-weight: 600;
  }

  .Egzce {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    text-align: center;
    color: var(--text-primary-Color);

    &:hover {
      text-decoration: underline;
    }
  }
}

.o4rMd {
  min-height: 100vh;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--primary-Color);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 36px;
  position: relative;

  ._3Wocy {
    position: absolute;
    height: 74px;
    top: 48px;
    inset-inline-start: 90px;
  }

  form .JXT6m {
    min-width: 0;

    /* stylelint-disable-next-line no-descending-specificity */
    button {
      width: 100%;
      color: var(--button-login-Color);
      border: 1px solid var(--button-login-BorderColor);
      background-color: var(--button-login-BackgroundColor);

      &:hover:not(:disabled, .SPNkz),
      &:focus-visible:not(:disabled, .SPNkz) {
        color: var(--button-login-hover-Color);
        background-color: var(--button-login-hover-BackgroundColor);
        border-color: var(--button-login-hover-BorderColor);
      }
    }
  }
}

.kj2hA {
  min-width: 350px;
  max-width: 700px;
  box-sizing: border-box;
  margin-bottom: 24px;

  .g3jNn {
    text-align: justify;
  }
}

.uk8NC {
  margin-top: 150px;
  margin-bottom: 60px;
  width: 392px;
}

.g2BHA {
  display: block;
  margin-inline: auto;
  margin-block: 0 36px;
  max-width: 100%;
  box-sizing: border-box;
}

.QyvqE {
  background: var(--overlay-BackgroundColor);
  box-sizing: border-box;
  padding: 36px;
  position: relative;
}

.iU7Tk {
  padding-inline: 12px 16px;
  padding-block: 12px;
  background-color: var(--login-error-message-BackgroundColor);
  color: var(--login-error-message-Color);
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 16px;
}

.oSl9z {
  position: absolute;
  top: 2px;
  inset-inline-start: 0;
  width: 100%;
}

.jejum {
  margin: 16px 20px;
  text-align: justify;
}

._93i-j {
  height: 1px;
  background-color: var(--login-separator-BackgroundColor);
}

.gz3m9 {
  width: 320px;
  height: 132px;
  position: relative;

  .zxYVY {
    position: absolute;
    bottom: 0;
    inset-inline-end: 0;
  }
}

.aJ9US {
  color: var(--text-on-primary-Color);
  margin: 24px;
}

._6ZeUz {
  display: inline;
  text-decoration: underline;

  &:hover {
    color: var(--button-active-hover-BackgroundColor);
  }
}

.\+cTv3 {
  width: 100vw;
  height: 30px;
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  display: flex;
  justify-content: center;
  background-color: var(--overlay-BackgroundColor);
}

.J4nGd {
  font-size: var(--fs-base);
  line-height: 24px;
  color: var(--button-login-link-Color);
  border: 2px solid transparent;
  padding: 0 2px;

  &:hover {
    color: var(--button-login-link-hover-Color);
    text-decoration: underline;
  }

  &:focus-visible {
    border-color: var(--button-login-link-hover-BorderColor);
    text-decoration: underline;
  }

  &:active {
    text-decoration: underline;
  }
}

.HyCde {
  display: flex;
  flex-flow: column;
  max-width: 800px;
  width: 60vw;

  .Al8uS {
    * {
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .SVY0F {
      min-height: 22px;
    }
  }

  ._75EU9 {
    display: flex;
    flex-flow: column;
    gap: 16px;

    .ngWgi {
      color: var(--text-high-emph-Color);
    }

    .b4lmE {
      display: flex;
      gap: 24px;
      align-self: flex-end;
    }
  }
}

._6ySWH {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(4px);

  .HyCde {
    filter: drop-shadow(0 2px 4px rgb(0 0 0 / 30%));
  }
}