: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);
}

.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 */;
}

.maplibregl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0,0,0,0)}.maplibregl-canvas{left:0;position:absolute;top:0}.maplibregl-map:fullscreen{height:100%;width:100%}.maplibregl-ctrl-group button.maplibregl-ctrl-compass{touch-action:none}.maplibregl-canvas-container.maplibregl-interactive,.maplibregl-ctrl-group button.maplibregl-ctrl-compass{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer{cursor:pointer}.maplibregl-canvas-container.maplibregl-interactive:active,.maplibregl-ctrl-group button.maplibregl-ctrl-compass:active{cursor:grabbing}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas{touch-action:pan-x pan-y}.maplibregl-canvas-container.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:pinch-zoom}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:none}.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures,.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures .maplibregl-canvas{touch-action:pan-x pan-y}.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-top-left,.maplibregl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.maplibregl-ctrl-top-left{left:0;top:0}.maplibregl-ctrl-top-right{right:0;top:0}.maplibregl-ctrl-bottom-left{bottom:0;left:0}.maplibregl-ctrl-bottom-right{bottom:0;right:0}.maplibregl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.maplibregl-ctrl-top-left .maplibregl-ctrl{float:left;margin:10px 0 0 10px}.maplibregl-ctrl-top-right .maplibregl-ctrl{float:right;margin:10px 10px 0 0}.maplibregl-ctrl-bottom-left .maplibregl-ctrl{float:left;margin:0 0 10px 10px}.maplibregl-ctrl-bottom-right .maplibregl-ctrl{float:right;margin:0 10px 10px 0}.maplibregl-ctrl-group{background:#fff;border-radius:4px}.maplibregl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (forced-colors:active){.maplibregl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.maplibregl-ctrl-group button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;padding:0;width:29px}.maplibregl-ctrl-group button+button{border-top:1px solid #ddd}.maplibregl-ctrl button .maplibregl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (forced-colors:active){.maplibregl-ctrl-icon{background-color:transparent}.maplibregl-ctrl-group button+button{border-top:1px solid ButtonText}}.maplibregl-ctrl button::-moz-focus-inner{border:0;padding:0}.maplibregl-ctrl-attrib-button:focus,.maplibregl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.maplibregl-ctrl button:disabled{cursor:not-allowed}.maplibregl-ctrl button:disabled .maplibregl-ctrl-icon{opacity:.25}@media (hover:hover){.maplibregl-ctrl button:not(:disabled):hover{background-color:rgba(0,0,0,.05)}}.maplibregl-ctrl button:not(:disabled):active{background-color:rgba(0,0,0,.05)}.maplibregl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.maplibregl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.maplibregl-ctrl-group button:focus:first-child{border-radius:4px 4px 0 0}.maplibregl-ctrl-group button:focus:last-child{border-radius:0 0 4px 4px}.maplibregl-ctrl-group button:focus:only-child{border-radius:inherit}.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-globe .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23333' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='8.5'/%3E%3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E%3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E%3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138q.07-.058.224-.138c.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138 1.3 1.3 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.3 1.3 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5 1.5 0 0 1-.39-.272.3.3 0 0 1-.047-.064.3.3 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.3.3 0 0 1 .047.064.3.3 0 0 1-.048.064 1.4 1.4 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0 .018v.002zm17.002.002v-.002zm0-.018v-.002z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-globe-enabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%2333b5e5' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='8.5'/%3E%3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E%3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E%3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138q.07-.058.224-.138c.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138 1.3 1.3 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.3 1.3 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5 1.5 0 0 1-.39-.272.3.3 0 0 1-.047-.064.3.3 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.3.3 0 0 1 .047.064.3.3 0 0 1-.048.064 1.4 1.4 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0 .018v.002zm17.002.002v-.002zm0-.018v-.002z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-terrain .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23333' viewBox='0 0 22 22'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-terrain-enabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%2333b5e5' viewBox='0 0 22 22'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23aaa' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-waiting .maplibregl-ctrl-icon{animation:maplibregl-spin 2s linear infinite}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23999' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23666' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}}@keyframes maplibregl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.maplibregl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.maplibregl-ctrl-logo.maplibregl-compact{width:14px}@media (forced-colors:active){a.maplibregl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){a.maplibregl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E")}}.maplibregl-ctrl.maplibregl-ctrl-attrib{background-color:hsla(0,0%,100%,.5);margin:0;padding:0 5px}@media screen{.maplibregl-ctrl-attrib.maplibregl-compact{background-color:#fff;border-radius:12px;box-sizing:content-box;color:#000;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.maplibregl-ctrl-attrib.maplibregl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact-show,.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner{display:none}.maplibregl-ctrl-attrib-button{background-color:hsla(0,0%,100%,.5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;list-style:none}.maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button::-webkit-details-marker{display:none}.maplibregl-ctrl-bottom-left .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-top-left .maplibregl-ctrl-attrib-button{left:0}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner{display:block}.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button{background-color:rgba(0,0,0,.05)}.maplibregl-ctrl-bottom-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;right:0}.maplibregl-ctrl-top-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{right:0;top:0}.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{left:0;top:0}.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;left:0}}@media screen and (forced-colors:active){.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.maplibregl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.maplibregl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.maplibregl-attrib-empty{display:none}.maplibregl-ctrl-scale{background-color:hsla(0,0%,100%,.75);border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.maplibregl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.maplibregl-popup-anchor-top,.maplibregl-popup-anchor-top-left,.maplibregl-popup-anchor-top-right{flex-direction:column}.maplibregl-popup-anchor-bottom,.maplibregl-popup-anchor-bottom-left,.maplibregl-popup-anchor-bottom-right{flex-direction:column-reverse}.maplibregl-popup-anchor-left{flex-direction:row}.maplibregl-popup-anchor-right{flex-direction:row-reverse}.maplibregl-popup-tip{border:10px solid transparent;height:0;width:0;z-index:1}.maplibregl-popup-anchor-top .maplibregl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.maplibregl-popup-anchor-top-left .maplibregl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.maplibregl-popup-anchor-left .maplibregl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.maplibregl-popup-anchor-right .maplibregl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}[dir=rtl] .maplibregl-popup-anchor-left{flex-direction:row-reverse}[dir=rtl] .maplibregl-popup-anchor-right{flex-direction:row}[dir=rtl] .maplibregl-popup-anchor-top-left .maplibregl-popup-tip{align-self:flex-end}[dir=rtl] .maplibregl-popup-anchor-top-right .maplibregl-popup-tip{align-self:flex-start}[dir=rtl] .maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{align-self:flex-end}[dir=rtl] .maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{align-self:flex-start}.maplibregl-popup-close-button{background-color:transparent;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.maplibregl-popup-close-button:hover{background-color:rgba(0,0,0,.05)}.maplibregl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:15px 10px;pointer-events:auto;position:relative}.maplibregl-popup-anchor-top-left .maplibregl-popup-content{border-top-left-radius:0}.maplibregl-popup-anchor-top-right .maplibregl-popup-content{border-top-right-radius:0}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-content{border-bottom-left-radius:0}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-content{border-bottom-right-radius:0}.maplibregl-popup-track-pointer{display:none}.maplibregl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.maplibregl-map:hover .maplibregl-popup-track-pointer{display:flex}.maplibregl-map:active .maplibregl-popup-track-pointer{display:none}.maplibregl-marker{left:0;position:absolute;top:0;transition:opacity .2s;will-change:transform}.maplibregl-user-location-dot,.maplibregl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.maplibregl-user-location-dot:before{animation:maplibregl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.maplibregl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.35);box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}@media (prefers-reduced-motion:reduce){.maplibregl-user-location-dot:before{animation:none}}@keyframes maplibregl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.maplibregl-user-location-dot-stale{background-color:#aaa}.maplibregl-user-location-dot-stale:after{display:none}.maplibregl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.maplibregl-crosshair,.maplibregl-crosshair .maplibregl-interactive,.maplibregl-crosshair .maplibregl-interactive:active{cursor:crosshair}.maplibregl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}.maplibregl-cooperative-gesture-screen{align-items:center;background:rgba(0,0,0,.4);color:#fff;display:flex;font-size:1.4em;inset:0;justify-content:center;line-height:1.2;opacity:0;padding:1rem;pointer-events:none;position:absolute;transition:opacity 1s ease 1s;z-index:99999}.maplibregl-cooperative-gesture-screen.maplibregl-show{opacity:1;transition:opacity .05s}.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message{display:none}@media (hover:none),(pointer:coarse){.maplibregl-cooperative-gesture-screen .maplibregl-desktop-message{display:none}.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message{display:block}}.maplibregl-pseudo-fullscreen{height:100%!important;left:0!important;position:fixed!important;top:0!important;width:100%!important;z-index:99999}
: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;
    min-width: 0;
  }

  &: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;

    &:not(:has(*)) {
      display: none;
    }

    &: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;
  }

  .c4\+kV {
    color: var(--text-medium-emph-Color);
    font-size: var(--fs-sm);
    font-weight: 600;
    inset-inline: 8px;
    line-height: 12px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 4px;
    white-space: nowrap;
  }

  .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"] {
    cursor: pointer;
  }

  input[type="file"]::file-selector-button {
    display: none;
  }

  .RNYQj {
    inset-inline-end: 32px;
  }

  .RczxL {
    position: absolute;
    inset-inline-end: 8px;
    top: 20px;
    color: var(--icon-Color);

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

  ._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;

    &:only-child {
      margin-top: 11px;
      margin-bottom: 11px;
    }
  }
}

._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;
          }

          .S8Cvr {
            padding: 0 8px;
          }
        }

        .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;
    vertical-align: inherit;
  }

  ._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;
  height: 20px;
}

.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: scale(-1, -1);
}

.-DHq3:dir(rtl) {
  transform-box: fill-box;
  transform-origin: center;
  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);
    }
  }
}

.jdHy0:dir(rtl) {
  transform-box: fill-box;
  transform-origin: center;
  transform: scaleY(-1);
}

.-NP7a:dir(rtl) {
  transform-box: fill-box;
  transform-origin: center;
  transform: scaleY(-1);
}

.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;

  > span > p {
    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%;
  pointer-events: all;
}

.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: 16px 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 */
}

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

.qH01v {
  z-index: 3;
  filter: drop-shadow(0 2px 4px rgb(0 0 0 / 30%));

  .maplibregl-popup-content {
    min-width: 360px;
    background-color: var(--overlay-BackgroundColor);
    border: 1px solid var(--overlay-BorderColor);
    border-radius: 0;
    padding: 0;
    box-shadow: none;
  }

  .maplibregl-popup-tip {
    border-width: 0;
    width: 21px;
    height: 8px;
    overflow: hidden;
    position: relative;
    margin-block-start: -1px;

    &::before {
      content: "";
      position: absolute;
      border-inline: 12px solid transparent;
      border-block-start: 8px solid var(--overlay-BorderColor);
      border-block-end: none;
      inset-block-end: 1px;
      inset-inline-start: 50%;
      transform: translateX(-50%);
    }

    &::after {
      content: "";
      position: absolute;
      border-inline: 9px solid transparent;
      border-block-start: 6px solid var(--overlay-BackgroundColor);
      border-block-end: none;
      inset-block-end: 2px;
      inset-inline-start: 50%;
      transform: translateX(-50%);
    }
  }

  &:where(
    .maplibregl-popup-anchor-top,
    .maplibregl-popup-anchor-top-left,
    .maplibregl-popup-anchor-top-right
  ) {
    .maplibregl-popup-tip {
      margin-block: 0 -1px;

      &::before {
        border-block-start: none;
        border-block-end: 8px solid var(--overlay-BorderColor);
        inset-block: 1px auto;
      }

      &::after {
        border-block-start: none;
        border-block-end: 6px solid var(--overlay-BackgroundColor);
        inset-block: 2px auto;
      }
    }
  }
}

._4PXaE {
  z-index: 2;
  filter: drop-shadow(0 2px 4px rgb(0 0 0 / 30%));

  .maplibregl-popup-content {
    font-family: inherit;
    color: var(--text-medium-emph-Color);
    background-color: var(--map-tooltip-BackgroundColor);
    border: 1px solid var(--map-tooltip-BorderColor);
    font-size: var(--fs-base);
    line-height: 18px;
    border-radius: 0;
    padding: 4px 8px;
    box-shadow: none;
  }

  .maplibregl-popup-tip {
    border-width: 0;
    width: 21px;
    height: 8px;
    overflow: hidden;
    position: relative;
    margin-block-start: -1px;

    &::before {
      content: "";
      position: absolute;
      border-inline: 12px solid transparent;
      border-block-start: 8px solid var(--map-tooltip-BorderColor);
      border-block-end: none;
      inset-block-end: 1px;
      inset-inline-start: 50%;
      transform: translateX(-50%);
    }

    &::after {
      content: "";
      position: absolute;
      border-inline: 9px solid transparent;
      border-block-start: 6px solid var(--map-tooltip-BackgroundColor);
      border-block-end: none;
      inset-block-end: 2px;
      inset-inline-start: 50%;
      transform: translateX(-50%);
    }
  }

  &:where(
    .maplibregl-popup-anchor-top,
    .maplibregl-popup-anchor-top-left,
    .maplibregl-popup-anchor-top-right
  ) {
    .maplibregl-popup-tip {
      margin-block: 0 -1px;

      &::before {
        border-block-start: none;
        border-block-end: 8px solid var(--map-tooltip-BorderColor);
        inset-block: 1px auto;
      }

      &::after {
        border-block-start: none;
        border-block-end: 6px solid var(--map-tooltip-BackgroundColor);
        inset-block: 2px auto;
      }
    }
  }
}

.BizsM {
  ._3M6Jn {
    fill: var(--checkpoint-marker-BackgroundColor);
  }

  &:hover {
    z-index: 1;

    ._3M6Jn {
      stroke: var(--checkpoint-marker-hover-BorderColor);
    }
  }

  &.kN7Qh {
    ._3M6Jn {
      stroke: var(--checkpoint-marker-active-BorderColor);
    }
  }
}

.udi8w {
  .fmtKV {
    fill: var(--region-marker-BackgroundColor);
  }

  &:hover {
    z-index: 1;

    .fmtKV {
      stroke: var(--region-marker-hover-BorderColor);
    }
  }

  &.kN7Qh {
    .fmtKV {
      stroke: var(--region-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 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%));
  }
}