html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font: inherit;
  }
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
  }
  /* HTML5 display-role reset for older browsers */
  body {
    line-height: 1;
  }
  ol, ul {
    list-style: none;
  }
  blockquote, q {
    quotes: none;
  }
  blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
  }
  /* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
  */
  table {
    border-spacing: 0;
    border-collapse: collapse;
  }

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src:
    local('Open Sans Light'),
    local('OpenSans-Light'),
    url(/bf89c60125f0f0df34b8.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+ */ url(/d0b483ce9717b92b4bf8.woff)
      format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src:
    local('Open Sans'),
    local('OpenSans'),
    url(/53ea6dd630c9834ba13c.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+ */ url(/7dafb1a4bab4938a38b2.woff)
      format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src:
    local('Open Sans Italic'),
    local('OpenSans-Italic'),
    url(/d9897fcd3b5422866bb2.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+ */ url(/edeba36d138015b35980.woff)
      format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src:
    local('Open Sans Bold'),
    local('OpenSans-Bold'),
    url(/00fb2fb77ba911c3cabc.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+ */ url(/6437d5f4c14e01aaf480.woff)
      format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src:
    local('Open Sans SemiBold'),
    local('OpenSans-SemiBold'),
    url(/c5dd4adf257ad349ef4b.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+ */ url(/573e9313e05d89f4acb5.woff)
      format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

:root {
  --defaultSpeed: 0.2s;
  --dataTableSpeed: 0.3s;
  --spinnerSpeed: 1.1s;
  --sidebarSpeed: 0.15s;
  --modalSpeed: 0.2s;
  --loadingScreenSpeed: 0.3s;
  --toastSpeed: 0.25s;
  --tooltipSpeed: 0.1s;
  --jumpyEasing: cubic-bezier(0.6, 0.4, 0.2, 1.4);
  --motionEasing: cubic-bezier(0.23, 1, 0.32, 1);
  --placeholderColor: #aaaaaa;
  --whiteColor: #ffffff;
  --blackColor: rgb(13, 13, 13);
  --tableBorderColor: #dfdfdf;
  --tableBorderStyle: 1px solid #dfdfdf;
  --toolbarMenuButtonColor: #5f6368;
  --buttonHoverColor: rgb(34, 184, 201);
  --buttonActiveColor: rgb(31, 150, 163);
  --greyButtonBorderColor: rgb(193, 193, 193);
  --tableEvenRowColor: #fafafa;
  --tableOddRowColor: #ffffff;
  --highlightSearchColor: yellow;
  --primary1Color: #ea1c0a;
  --primary2Color: #d51607;
  --primary3Color: #b00402;
  --successColor: #229625;
  --failureColor: #ff0000;
  --failureColorTransparent: #ff0000c0;
  --gasColor: #1E90FF;
  --airTempColor: #32CD32;
  --solarIrradianceColor: #FF9C0C;
  --temperatureColor: #08A878;
  --errorColor: #d51607;
  --heatingColor: #C6342D;
  --coolingColor: #1EA2B1;
  --electricityColor: #CCBB23;
  --heatingSecondaryColor: #6b0000;
  --coolingSecondaryColor: #4E5F71;
  --electricitySecondaryColor: #837800;
  --primaryTint1Color: tint($primary1Color, 75 %);
  --primaryTint2Color: tint($primary1Color, 50 %);
  --primaryTint3Color: tint($primary1Color, 25 %);
  --accent1Color: #1ea2b1;
  --accent1ColorHover: #1b909d;
  --accent2Color: #2b91a3;
  --accent3Color: #00738B;
  --accent4Color: #4E5F71;
  --accent5Color: #8797A4;
  --active1Color: #e3e000;
  --accentTint1Color: tint($accent1Color, 75 %);
  --accentTint2Color: tint($accent1Color, 50 %);
  --accentTint3Color: tint($accent1Color, 25 %);
  --darkSide1Color: #242b2d;
  --darkSide2Color: #323a3b;
  --darkSide2ColorTransparent: #323a3bc0;
  --darkSide3Color: #434a4c;
  --darkSide4Color: #656c6e;
  --labelColor: #666;
  --textColor: rgb(13, 13, 13);
  --iconColor: rgb(13, 13, 13);
  --surface1Color: #39393a;
  --surface2Color: #666666;
  --surface3Color: #8f9192;
  --surface4Color: #e8e8e8;
  --surface5Color: #f6f6f6;
  --surface6Color: #fafafa;
  --surface7Color: #fdfdfd;
  --pendingColor: #e88b09;
  --borderColor: #d3d3d3;
  --darkTextColor: #ffffff;
  --darkBorderColor: #444;
  --darkBackgroundColor: #222;
  --selectControlInactiveColor: hsl(0, 0%, 80%);
  --selectControlActiveColor: hsl(0, 0%, 40%);
  --selectFocusBackgroundColor: #efefef;
  --disabledBackgroundColor: #eee;
  --semiTransparentWhite: rgba(255,255,255,0.5);
  --surface6Shadow: 2px 4px 8px 0px rgba(0,0,0,0.15);
  --inputBackground: #ffffff;
  --backdropColor: rgba(0, 0, 0, 0.4);
  --defaultIconColor: #8f9192;
  --leftSidebarIconColor: rgba(255, 255, 255, 0.4);
  --tooltipBackground: rgba(0, 0, 0, 0.8);
  --dividerColor: #d3d3d3;
  --cardShadow: 0 0px 2px rgba(0,0,0,0.15);
  --selectControlFocusShadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(69, 122, 187, 0.5);
  --overlayShadow: 0px 4px 32px rgba(0,0,0,0.2);
  --navBarShadow: 0px 2px 4px rgba(0,0,0,0.3);
  --selectShadow: 0 0 0 1px hsl(0deg 0% 0% / 10%), 0 4px 11px hsl(0deg 0% 0% / 10%);
  --overlayFakeShadowGradient: linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0));
  --panelShadow: 0 2px 2px rgba(0,0,0,0.10);
  --disabledOpacity: 0.7;
  --severity0Color: rgba(234, 29, 10, 1);
  --severity1Color: rgba(255, 145, 20, 1);
  --severity2Color: rgba(247, 214, 49, 1);
  --transparent: rgba(0,0,0,0);
  --appFont: 'Segoe UI', '-apple-system', 'BlinkMacSystemFont','Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  --monoFont: 'SFMono-Regular',Consolas,'Liberation Mono',Menlo,'Courier New',monospace;
  --navBarZIndex: 500;
  --innerContentZIndex: 600;
  --sideBarZIndex: 600;
  --modalZIndex: 1000;
  --modalOverlayZIndex: 1001;
  --loadingScreenZIndex: 9999;
  --toastZIndex: 10000;
  --tooltipZIndex: 10000;
  --iconButtonWidth: 36px;
  --iconButtonHeight: 33px;
  --footerHeight: 50px;
  --headerHeight: 75px;
  --toolbarHeight: 65px;
  --toolbarSpacing: 20px;
  --leftSidebarWidth: 75px;
  --navRowHeight: 50px;
  --standardMargin: 14px;
  --insetMargin: 3px;
  --smallMargin: 7px;
  --largeMargin: 21px;
  --tableVerticalMargin: 9px;
  --iconTextMargin: 10px;
  --plainBoxPadding: 10px;
  --hugeMargin: 28px;
  --tableBorderRadius: 5px;
  --maxListPageWidth: 1400px;
  --contractedViewBreakpointWidth: 1600px;
  --contractedViewWidth: 1366px;
  --labelWeight: 500;
  --labelFontSize: 13px;
  --tableInlineFontSize: 13px;
  --tableFontSize: 14px;
  --baseSvgFontSize: 16px;
  --textInputFontSize: 0.81rem;
  --alternateSvgFontSize: 15px;
  --subtitleFontSize: 0.85em;
  --contentSidebarWidth: 340px;
  --mobileBreakpoint: 650px;
  --tabletBreakpoint: 1200px;
  --dataTableRowHeightSmaller: 32px;
  --dataTableRowHeightStandard: 38px;
  --dataTableRowHeightWithButtons: 49px;
  --dataTableRowHeightWithSelect: 51px;
  --dataTableRowHeightWithCheckbox: 38px;
  --modalContractedHeaderHeight: 45px;
  --modalContractedFooterHeight: 45px;
  --modalHeaderHeight: 48px;
  --modalFooterHeight: 54px;
  --modalCornerRadius: 6px;
  --maxModalHeight: 80vh;
  --maxModalWidth: 900px;
  --tableHeaderHeight: 25px;
  --borderWidth: 1px;
  --dividerWidth: 1px;
  --horizontalColumnWidth: 235px;
  --treeDialogWidth: 450px;
  --treeDialogHeight: 500px;
  --spinnerLargeSize: 72px;
  --spinnerMediumSize: 42px;
  --spinnerSmallSize: 32px;
  --spinnerInlineSize: 6px;
  --spinnerTinySize: 22px;
  --spinnerTreeViewSize: 16px;
  --sidebarExpandedLimit: 1800px;
  --operationProgressDialogWidth: 270px;
  --operationProgressDialogHeight: 200px;

}

html, body {
    margin: 0;
    font-family: var(--appFont);
    font-size: 16px;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .highcharts-data-labels *, .highcharts-axis-labels text, .highcharts-xaxis-labels text {
    fill: var(--textColor) !important;
    color: var(--textColor) !important;
  }
  .highcharts-column-series > .highcharts-data-label > text, .highcharts-sankey-series > .highcharts-data-label > text {
    color: white !important;
    fill: white !important;
  }
  .highcharts-sankey-series > .highcharts-data-label > .highcharts-label-box {
    fill: transparent !important;
  }
  .dark .highcharts-loading {
      background-color: var(--darkBackgroundColor) !important;
    }
  .dark .highcharts-data-labels *, .dark .highcharts-axis-labels text, .dark .highcharts-xaxis-labels text {
      fill: var(--darkTextColor) !important;
      color: var(--darkTextColor) !important;
    }
  .react-grid-item.cssTransforms {
    transition-property: none !important;
  }
  .animated .react-grid-item.cssTransforms {
    transition-property: transform !important;
  }
  sub {
    vertical-align: sub;
    font-size: smaller;
  }
  sup {
    vertical-align: super;
    font-size: smaller;
  }
  html, body {
    height: 100%;
  }
  body {
    min-height: 100%;
  }
  /* no outline for non-keyboard-inputs elements */
  *:focus {
    outline: none;
  }
  * {
    scrollbar-color: rgba(0, 0, 0, 0.18) #e5e5e5;
    scrollbar-width: thin;
  }
  body.user-is-tabbing *:focus {
    outline: 2px solid #7aacfe !important; /* for non-webkit browsers */
    outline: 5px auto -webkit-focus-ring-color !important;
  }
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  ::-webkit-scrollbar-button {
    width: 0;
    height: 0;
  }
  ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.12);
    border: 0;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.4);
  }
  ::-webkit-scrollbar-thumb:active {
    background: rgba(0, 0, 0, 0.6);
  }
  ::-webkit-scrollbar-track:active, ::-webkit-scrollbar-track:hover, ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border: 0;
  }
  ::-webkit-scrollbar-corner {
    background: transparent;
  }
  .react-grid-layout {
    position: relative;
    transition: height 200ms ease;
  }
  .react-grid-item {
    transition: all 200ms ease;
    transition-property: left, top;
  }
  .react-grid-item.cssTransforms {
    transition-property: transform;
  }
  .react-grid-item.resizing {
    z-index: 1;
    will-change: width, height;
  }
  .react-grid-item.react-draggable-dragging {
    transition: none;
    z-index: 3;
    will-change: transform;
  }
  .react-grid-item.react-grid-placeholder {
    opacity: 0.2;
    transition-duration: 100ms;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
  }
  html {
    position: relative;
    min-height: 100%;
  }
  input, textarea, select, buttona {
    font-family: var(--appFont);
  }
  select {
    border-color: var(--borderColor);
    font-size: 12px;
  }
  a {
    color: var(--accent2Color);
    text-decoration: none;
  }
  a:hover {
    text-decoration: underline;
  }
  body {
    overflow: hidden;
    overflow-y: hidden;
  }
  .highcharts-container * {
    font-family: var(--appFont);
  }
  .highcharts-legend-series-active .highcharts-line-series path {
    opacity: 0.1;
  }
  .highcharts-legend-item path {
    opacity: 1 !important;
  }
  .highcharts-series-hover path {
    opacity: 1 !important;
  }

#main,
.etfVp {
  width: 100%;
  height: 100%;
  background: var(--surface5Color);
}

#main {
  display: flex;
  justify-content: center;
  background-color: #fcfcfc;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

.Fbq9i {
  display: flex;
  flex-direction: row;
}

.l6vxI {
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  position: relative;
  transform: translateZ(0);
}

.PKmKr {
  display: flex;
  width: 100%;
  height: 100%;
  transform: translateZ(0);
}

.HD6iB {
  pointer-events: none;
  opacity: 0.6;
  transition: opacity 0.25s;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
}

hr {
  width: 100%;
  border: 0;
  height: 1px;
  /* Set the hr color */
  color: var(--borderColor);
  background-color: var(--borderColor);
  margin-top: 15px;
  margin-bottom: 15px;
}

.fA1__ {
  box-sizing: border-box;
  z-index: 1;
  border-top: 6px solid rgba(0, 0, 0, 0.2);
  border-right: 6px solid rgba(0, 0, 0, 0.2);
  border-bottom: 6px solid rgba(0, 0, 0, 0.2);
  border-left: 6px solid;
  transform: translateZ(0);
  animation: fA1__ var(--spinnerSpeed) infinite linear;
}

.dark .fA1__ {
  border-top: 6px solid rgba(255, 255, 255, 0.2);
  border-right: 6px solid rgba(255, 255, 255, 0.2);
  border-bottom: 6px solid rgba(255, 255, 255, 0.2);
}

.fA1__,
.fA1__:after {
  border-radius: 50%;
}

.cQkll {
  width: var(--spinnerLargeSize);
  height: var(--spinnerLargeSize);
}

.bXGVj {
  width: var(--spinnerMediumSize);
  height: var(--spinnerMediumSize);
}

.eph0K {
  width: var(--spinnerSmallSize);
  height: var(--spinnerSmallSize);
}

.fA1__.MBfLZ {
  border-top-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
}

.MBfLZ {
  width: var(--spinnerTreeViewSize);
  height: var(--spinnerTreeViewSize);
}

.JZqGM {
  width: var(--spinnerTinySize);
  height: var(--spinnerTinySize);
}

.fA1__.JZqGM {
  border-width: 3px !important;
}

.fA1__.eph0K {
  border-width: 5px !important;
}

@keyframes fA1__ {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.JZaI0 {
  border-left-color: var(--primary1Color);
}

.CsRaq {
  border-left-color: var(--whiteColor);
}

.YVv0X {
  border-left-color: var(--accent1Color);
  border-top-color: rgba(0, 0, 0, 0.1);
  border-right-color: rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.xvhKL {
  height: 6px;
  width: 100%;
  display: flex;

  align-items: center;
}

.xvhKL > div {
  width: 1%;
  flex-grow: 1;
  height: 3px;
  background-color: var(--surface3Color);
  opacity: 0.1;
  animation: _Xyka var(--spinnerSpeed) infinite linear;
}

.xvhKL > div:first-child {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}

.xvhKL > div:last-child {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

.xvhKL > div:nth-child(1) {
  animation-delay: 0.1s;
}

.xvhKL > div:nth-child(2) {
  animation-delay: 0.2s;
}

.xvhKL > div:nth-child(3) {
  animation-delay: 0.3s;
}

.xvhKL > div:nth-child(4) {
  animation-delay: 0.4s;
}

@keyframes _Xyka {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.8;
  }

  100% {
    opacity: 0.1;
  }
}

.tMBJ8 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: var(--loadingScreenZIndex);
}

.rl7PP {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity var(--loadingScreenSpeed) ease-out;
  background: var(--whiteColor);
  pointer-events: none; /* In case someone clicks something on the loading screen */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.lZnOs {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - var(--headerHeight));
  flex-direction: column;
}

.Idwwr {
  font-weight: 100;
  margin-bottom: 20px;
}

.pyyK2 {
  color: var(--surface5Color);
  background: var(--accent1Color);
  display: block;

  border: 0px;
  box-sizing: border-box;
  padding: 8px 20px;
  border-radius: 5px;
  text-align: center;

  white-space: nowrap;
  font-weight: 400;
  font-size: 14px;
  font-family: var(--appFont);
  cursor: pointer;
  transition: background var(--defaultSpeed) ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

  .pyyK2:active {
    box-shadow:
      inset 0 2px 3px 0 rgba(0, 0, 0, 0.12),
      inset 0 -1px 2px 0 rgba(0, 0, 0, 0.06),
      0 1px 2px 0 rgba(0, 0, 0, 0.11);
  }

  .pyyK2:focus,
  .pyyK2:hover {
    background: var(--buttonHoverColor);
  }

  .pyyK2:active {
    background: var(--buttonActiveColor);
  }

.pyyK2:hover {
  text-decoration: none;
}

.pyyK2 svg {
  margin-right: var(--iconTextMargin);
  margin-left: -5px;
}

.Raoaj {
  color: var(--textColor);
  border: 1px solid;
  border-color: var(--greyButtonBorderColor);
  background: var(--whiteColor);

  padding: 7px 19px;
}

.Raoaj:focus,
  .Raoaj:hover {
    background: var(--surface5Color);
  }

.Raoaj:active {
    background: var(--surface5Color);
  }

._9dQA {
  opacity: 0.3;
  pointer-events: none;
}

.GUM0s {
  padding: 6px 16px 6px 16px;
  font-size: 0.9em;
}

.QyNeK {
  width: 100%;
  flex-grow: 1;
}

.pyyK2 svg {
  color: var(--surface5Color);
  pointer-events: none;
}

.Raoaj svg {
  color: var(--iconColor);
}

.pyyK2 + .pyyK2 {
  margin-left: var(--standardMargin);
}

.p8Ggf + .p8Ggf {
  margin-left: 0;
}

.p8Ggf,
.PTRwz {
  width: var(--iconButtonWidth);

  background: transparent;
  border: 0;
}

.p8Ggf:active, .PTRwz:active {
    box-shadow: none;
  }

.p8Ggf:focus,
  .p8Ggf:hover,
  .PTRwz:focus,
  .PTRwz:hover {
    background: var(--surface5Color);
  }

.p8Ggf:active,
  .PTRwz:active {
    background: var(--surface5Color);
  }

.hez2H {
  border: 1px solid;
  border-color: var(--greyButtonBorderColor);
}

.p8Ggf {
  padding: 0;
  height: 32px;
}

.p8Ggf svg {
  margin-right: 0px;
  margin-left: 0px;
}

.p8Ggf svg,
.PTRwz svg {
  color: var(--iconColor);
  font-size: var(--baseSvgFontSize);
}

.p8Ggf:hover,
.PTRwz:hover {
  color: var(--accent3Color);
}

.p8Ggf:hover svg, .PTRwz:hover svg {
    color: var(--accent3Color);
  }

.PTRwz {
  color: var(--surface1Color);
}

.p8Ggf.fwDHz:hover {
  color: var(--errorColor);
}

.p8Ggf.fwDHz:hover svg {
    color: var(--errorColor);
  }

:root {
  --loadingBarWidth: 20px;
  --loadingBarColor: rgba(255, 255, 255, 0.15);
}

.pyyK2.j8l9n {
  background-image: linear-gradient(
    -45deg,
    var(--loadingBarColor) 25%,
    transparent 25%,
    transparent 50%,
    var(--loadingBarColor) 50%,
    var(--loadingBarColor) 75%,
    transparent 75%,
    transparent
  );
  -ms-background-size: var(--loadingBarWidth) var(--loadingBarWidth);
  background-size: var(--loadingBarWidth) var(--loadingBarWidth);
  animation: gKADv 1.5s linear infinite;
}

@keyframes gKADv {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc(var(--loadingBarWidth)*-2) 0px;
  }
}

.aQGes {
  height: calc(100% - 2px);
  width: 100%;
  box-sizing: border-box;
}

.qPkpP {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - var(--headerHeight));
  flex-direction: column;
}

.O1t5h {
  max-width: 400px;
  font-weight: 100;
  margin-bottom: 20px;
}

.VVYaQ {
  margin: var(--standardMargin) 0;
}

.Krocr,
.iZFv6,
.X4XoB,
.wqf1Q,
.eInZC {
  background: var(--surface5Color);
  width: 100%;
  height: 100%;
}

.dark .Krocr,
  .dark .iZFv6,
  .dark .X4XoB,
  .dark .wqf1Q,
  .dark .eInZC {
    background: #141414;
  }

.iZFv6,
.X4XoB,
.wqf1Q,
.eInZC {
  display: grid;
}

.iZFv6 {
  grid-template-columns: 40% 60%;
  grid-template-rows: 100%;
  grid-template-areas: 'client1 table';
}

.AcH4c {
  width: 100%;
  height: 100%;
  display: block;
  padding: 0 !important;
}

.AcH4c > div {
  width: 100%;
  height: 100%;
}

.XKNqc {
  grid-area: logo;
  display: none;
  padding: 11vh 5vh 5vh 5vh;
}

.e5ATP {
  width: 1px;
  flex-grow: 1;
}

.X4XoB > .XKNqc {
  display: flex;
}

.XKNqc img {
  width: auto;
  height: 100%;
}

.eInZC {
  padding: 0;
  grid-template-columns: 50% 50%;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-areas:
    'client1 table'
    'client2 table'
    'client3 table';
}

.X4XoB {
  padding: 14vh 0vh 0vh 0vh;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 70% 30%;
  grid-template-areas:
    'client1 client2 client3 table'
    'logo logo logo logo';
}

.wqf1Q {
  grid-template-columns: 33.3% 33.3% 33.3%;
  grid-template-rows: 50% 50%;
  grid-template-areas:
    'client1 client2 table'
    'client3 client3 table';
}

.Krocr {
  box-sizing: border-box;
}

html, body {
    box-sizing: border-box;
    font-family:
      'EON Brix Sans', Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    margin: 0;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 16px;
    height: 100%;
    touch-action: none;
  }
  body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-x: hidden;
    min-width: 320px;
    background: #000;
    line-height: 1.4285;
    color: #111;
    touch-action: none;
  }
  #root {
    height: 100%;
    width: 100vw;
    box-sizing: border-box;
  }
  #root, .App {
    height: 100%;
    flex-grow: 1;
  }
  .App {
    container: app / size;
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }
  h1, h2, h3, h4, h5, h6 {
    margin: 0;
  }
  h1, .h1 {
    font-weight: bold;
    font-size: 3cqw;
    margin: 0 0 0.25cqmin;
  }
  h2, .h2 {
    font-weight: bold;
    font-size: 2.4cqw;
    margin: var(--spacingNarrow) 0;
  }
  h3, .h3 {
    font-weight: bold;
    margin-bottom: 0;
    font-size: 2cqmin;
  }
  img {
    border-style: none;
  }
  dt {
    font-weight: bold;
  }
  dd {
    margin: 0 0 var(--spacingNarrow) / 2 0;
  }
  .l-absolute--center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  video {
    display: block;
    margin: 0 auto;
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }

.Flex {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    align-content: stretch;
    overflow: hidden;
  }
  .Flex--column {
    flex-flow: column nowrap;
  }
  .Flex--row {
    flex-flow: row nowrap;
  }
  .Flex--justify--center {
    justify-content: center;
  }
  .Flex--justify--flex-end {
    justify-content: flex-end;
  }
  .Flex--justify--space-between {
    justify-content: space-between;
  }
  .Flex--justify--space-around {
    justify-content: space-around;
  }
  .Flex--alignItems--center {
    align-items: center;
  }
  .Flex--alignContent--center {
    align-content: center;
  }

.View {
    width: 100%;
    height: 100%;
    flex-grow: 1;
    margin: 0 auto;
    overflow: hidden;
    background: transparent;
    color: #363636;
  }

    .View > .clientnr {
      position: fixed;
      bottom: 0.09375cqmin;
      right: 0.09375cqmin;
      color: rgba(255, 255, 255, 0.25);
      font-size: 0.75cqmin;
    }
  .dark .View {
    color: var(--whiteColor);
  }
  .View__title {
    padding: var(--spacing) var(--spacing) 0 var(--spacing);
    flex: 0 0 3vmin;
    display: flex;
    align-items: baseline;
    margin-bottom: 2vh;
  }
  .View__content {
    flex: 0 1 100%;
  }
  .View__content a {
      display: block;
      color: white;
    }
  .View__centerSpinnerContainer {
    position: absolute;
    top: 4cqmin;
    left: 50%;
  }

#bgVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #dpi {
    position: absolute;
    height: 1in;
    left: -100%;
    top: -100%;
    width: 1in;
  }
  #sketch-holder {
    overflow-y: hidden;
    position: absolute;
    width: 100%;
    height: 100vh;
  }
  #TableView {
    height: 100%;
    width: 100%;
    background-color: black;
  }
  #TableView .SetupView {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

.SetupView {
    background-image: none;
    background-color: #0d0d0d;
    text-align: center;
    padding: var(--spacing);
  }

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

    .SetupView .View__content > p {
        margin-top: var(--spacingNarrow);
        font-size: 1.75cqmin;
        color: #c4c4c4;
        padding-bottom: var(--spacingNarrow);
      }
  .row {
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-content: flex-start;
    align-items: stretch;
    justify-content: space-around;
  }
  .col {
    overflow: hidden;
    flex: 0 1 60cqmin;
    margin: var(--spacingNarrow);
  }
  .col--keypad {
    margin-top: var(--spacing);
  }
  .SetupView__desc {
  }
  .screen-pane {
    position: relative;
    padding: var(--spacing) var(--spacing);
    text-align: center;
    border: 3px rgba(59, 242, 176, 0) solid;
    border-radius: 5px;
    background-color: #1f1f1f;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    overflow: hidden;
    margin-bottom: var(--spacing);
  }
  .screen-pane.screen-pane--active {
      border-color: rgba(59, 242, 176, 0.8);
      background-color: transparent;
    }
  .screen-pane.screen-pane--error .screen-pane__status {
        color: #f23b3b;
      }
  .screen-pane.screen-pane--error .screen-pane__number {
        border-color: #f23b3b;
      }
  .screen-pane.screen-pane--activated .screen-pane__status {
        color: rgba(59, 242, 176, 1);
      }
  .screen-pane.screen-pane--activated .screen-pane__number {
        border-color: rgba(59, 242, 176, 1);
      }
  .screen-pane h2 {
      font-size: 2.5cqmin;

      font-weight: normal;
      flex: 0 0 auto;
      color: #f8f8f8;
    }
  .screen-pane .screenshot {
      overflow: hidden;
      flex: 0 1 auto;
    }
  .screen-pane .screenshot img {
        max-width: 100%;
        height: auto;
      }
  .screen-pane > .screen-pane__numbers {
      flex: 0 1 12cqmin;
      width: 100%;
      justify-content: center;
      align-items: stretch;
      align-content: center;
      margin: 3cqmin 0;
      padding: 0.6cqmin;
    }
  .screen-pane .screen-pane__number {
      flex: 1 1 6cqmin;
      min-width: 0.9cqmin;
      border: 2px #f8f8f8 solid;
      border-radius: 1px;
      background-color: rgba(28, 28, 28, 0.75);
      font-size: 5.5cqmin;
      line-height: 1;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  .screen-pane .screen-pane__number:last-child {
      }
  .screen-pane .screen-pane__number.screen-pane__number--active {
        background-color: rgba(59, 242, 176, 0.8);
      }
  .screen-pane__status {
    font-size: 1.75cqmin;
    line-height: 2;
    position: absolute;
    bottom: -0.25cqw;
  }
  .screen-pane__status > img {
      display: inline-block;
      padding-right: 0.25cqw;
      height: 2.5cqmin;
      width: 2.5cqmin;
      transform: translateY(0.1875cqw);
    }
  .keypad {
    border: 3px rgba(59, 242, 176, 0) solid;
    border-radius: 5px;
    background-color: #1f1f1f;
  }
  .keypad > .Flex--row {
      justify-content: space-around;
      align-content: center;
      align-items: center;
      padding: var(--spacingNarrow) var(--spacing);
    }
  .keypad button {
      font-size: 2.5cqmin;
      flex: 0 1 1cqmin;
      margin: var(--spacingNarrow);
      padding: 0;
      background: none;
      border: 0;
      color: white;
      position: relative;
    }
  .keypad button:not([disabled]):hover, .keypad button:not([disabled]):focus, .keypad button:not([disabled]):active {
          background-color: rgba(248, 248, 248, 0.44);
        }
  .keypad button > img {
        position: absolute;
        top: 50%;
        left: 40%;
        transform: translate(-50%, -50%);
        max-height: 7cqmin;
      }
  .button {
    display: block;
    font-size: 2.5cqmin;
    line-height: 2;
    border: 0;
    background: rgba(59, 242, 176, 0.75);
    color: white;
    border-radius: 5px;
    margin: var(--spacingNarrow) auto 3.75cqw;
    padding: 0 var(--spacingNarrow);
  }
  .button:not([disabled]):hover, .button:not([disabled]):focus, .button:not([disabled]):active {
        border-color: rgba(4, 194, 97, 0.75);
        background-color: rgba(4, 194, 97, 0.75);
      }
  @media screen and (max-height: 1921px) {
    .SetupView {
      padding: 0 5cqmin;
    }
        .SetupView .View__content > h1 {
          padding: 0;
          margin: 0;
        }

        .SetupView .View__content > p {
          padding-bottom: 0;
          margin-bottom: var(--spacingNarrow);
        }

    .col {
      margin: var(--spacingNarrow);
    }

    .screen-pane {
      padding: 0 var(--spacingNarrow);
    }

      .screen-pane h2 {
        margin-bottom: 0.25cqw;
        margin-top: 0.25cqw;
        padding-bottom: 0;
      }

      .screen-pane > .screen-pane__numbers {
        flex: 0 1 9cqmin;
        width: 100%;
        margin: 0.25cqw 0 3cqmin 0;
      }
      .screen-pane .screen-pane__number {
        max-width: 7cqmin;
        line-height: 1.25;
        font-size: 5cqmin;
      }

    .screen-pane__status {
      font-size: 1.75cqmin;
      line-height: 1.75cqmin;
      position: absolute;
      bottom: -0.125cqw;
    }

      .screen-pane__status > img {
        padding-right: 0.1875cqw;
        height: 1.75cqmin;
        width: 1.75cqmin;
        transform: translateY(0.1875cqw);
      }
      .keypad > .Flex--row {
        justify-content: center;
        align-content: center;
        align-items: center;
        padding: 0.1cqw;
      }
      .keypad button {
        font-size: 3cqmin;
        line-height: 9cqmin;
        flex-basis: 9cqmin;
        margin: 0;
      }

        .keypad button > img {
          max-height: 4cqmin;
        }

    .button {
      margin: 0 auto var(--spacingNarrow);
    }
  }
  @media (max-width: 1200px) {
    .row {
      max-width: 100vw;
    }
  }
  @media screen and (max-height: 721px) {
    .SetupView {
      padding: 0 16px;
    }
  }

.AdminView__content__main {
    flex: 1 1 70%;
    margin: 2cqmin;
    overflow-y: scroll;
  }

.Buildings__row {
    padding: var(--spacingNarrow) 0 0 0;
    border-bottom: 2px solid var(--steelGrey);
  }
  .Building__name {
    flex-grow: 1;
    margin: 0;
    line-height: 1;
  }
  .Building__type__container {
    width: 5.5cqw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: max(14px, 0.5cqmin);
    flex-shrink: 0;
  }
  .Building__type {
    flex: 1 0 auto;
    margin: 0 var(--spacingNarrow);
    width: 5.5cqmin;
    height: 5.5cqmin;
  }
  .Building__chart {
    flex: 0 0 auto;
    margin: 0 var(--spacingNarrow) 0 0;
  }
  .Building__needs {
    flex: 0 0 auto;
    align-self: stretch;
    font-size: 1.5cqmin;
    line-height: 1;
    flex-shrink: 0;
    min-width: 20%;
  }
  .Building__need {
    margin-bottom: 0.125cqw;
    text-align: right;
  }
  .Building__need:last-child {
      margin-bottom: 0;
    }
  .Building__need > svg {
      margin-right: 0.5cqw;
    }

.Box {
    height: 100%;
  }
  .Box__inner {
    flex: 0 1 100%;
    margin: var(--spacingNarrow) var(--spacing) var(--spacing) var(--spacing);
    background-color: var(--whiteColor);
    box-shadow: var(--panelShadow);
    border-radius: var(--tableBorderRadius);
    border: var(--tableBorderStyle);
  }
  .dark .Box__inner {
    background-color: var(--darkBackgroundColor);
    border: 1px solid var(--darkBorderColor);
  }
  .Box__title {
    flex: 0 0 var(--spacingNarrow);

    padding: var(--smallMargin) var(--standardMargin);
    border-bottom: var(--tableBorderStyle);
  }
  .dark .Box__title {
    border-bottom: 1px solid var(--darkBorderColor);
  }
  .Box__content {
    position: relative;
    flex: 0 1 100%;
    overflow: hidden;
  }

.PowerConsumptionView__dashboard_container {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .Building__type {
    filter: invert(1);
    width: 3cqw;
  }
  .dark .Building__type {
    filter: none;
  }
  .Building__chart text {
    fill: black;
  }
  .dark .Building__chart text {
    fill: white;
  }
  .PowerConsumptionView__dashboard_title_container {
    width: 100%;
    display: flex;
  }
  .PowerConsumptionView__dashboard_title {
    display: flex;
    flex-direction: column;
    flex: auto;
    flex-grow: 2;
    width: 1px;
  }
  .PowerConsumptionView__dashboard_title h1 {
    margin-bottom: 35px;
  }
  .PowerConsumptionView__eon_icon {
    max-width: 250px;
    width: 10cqw;
    height: auto;
  }
  .PowerConsumptionView__ecto_icon {
    background-image: url(/0df01961bf8b2aac659d.png);
    max-width: 300px;
    width: 10cqw;
    aspect-ratio: 868/321;
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: contain; /* Resize the background image to cover the entire container */
  }
  .dark .PowerConsumptionView__ecto_icon {
    background-image: url(/a88df7ff697ef3b3cb98.png);
  }
  .PowerConsumptionView__dashboard_icons {
    display: flex;
    flex-grow: 1;
    width: 1px;
    align-items: center;
  }
  .PowerConsumptionView__dashboard_icons > div {
    margin-right: 7cqw;
  }
  .PowerConsumptionView__content_center {
    display: flex;
    flex-grow: 1;
  }
  .PowerConsumptionView__center_text, .PowerConsumptionView__center_dashboard {
    box-sizing: border-box;
    padding: var(--spacing) var(--spacing) 0 var(--spacing);
  }
  .PowerConsumptionView__center_text {
    width: 50%;
    display: flex;
    flex-direction: column;
  }
  .PowerConsumptionView__center_dashboard {
    width: 50%;
    padding-bottom: var(--spacing);
  }
  .PowerConsumptionView__center_text_columns {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  .PowerConsumptionView__content__side {
    padding-left: var(--spacing);
    flex: 0 0 37%;
  }
  .PowerConsumptionView__content__main {
    flex: 1 1 63%;
  }
  .PowerConsumptionView__content__main__section {
    flex: 0 1 50%;
    height: 50%;
    padding-bottom: 2.5cqmin;
  }
  .PowerConsumptionView__content__main__section .Box__inner {
      margin-top: var(--spacingNarrow);
      margin-bottom: var(--spacingNarrow);
    }
  .PowerConsumptionView__content_spacer {
    flex-grow: 1;
    height: 1px;
    flex-shrink: 0;
  }
  .PowerConsumptionView__center_text_columns {
    font-size: 2cqmin;
  }
  .PowerConsumptionView__content_quote {
    display: flex;
    margin-bottom: 2cqmin;
  }
  .PowerConsumptionView__content_quote img {
    max-width: 272px;
    height: auto;
    width: 14cqmin;
  }
  .PowerConsumptionView__content_quote > div {
    margin-left: 1.5cqmin;
    flex-grow: 4;
  }
  .PowerConsumptionView__content_quote > div:last-child {
    margin-right: 2cqw;
  }
  .PowerConsumptionView__quote_spacer {
    flex-grow: 1;
  }

.ryvy9 {
  display: flex;
  background: var(--whiteColor);
  flex-direction: column;
  border-radius: var(--tableBorderRadius);
  border: var(--tableBorderStyle);
  box-shadow: var(--panelShadow);
  height: 100%;
}

.dark .ryvy9 {
  background: var(--darkBackgroundColor);
  border: var(--darkBorderColor);
}

.ryvy9.O7giN {
  border: 0;
  background: transparent;
}

.EBsh7 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--modalZIndex);
}

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

.U91YB {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: initial;
  flex-grow: 1;
}

.oBg86 {
  padding: var(--smallMargin) var(--standardMargin);
  border-bottom: 1px solid var(--surface4Color);
  display: flex;
  align-items: center;
}

.dark .oBg86 {
  border-bottom: 1px solid #444;
}

.oBg86 button {
  flex-shrink: 0;
}

.hckPx {
  padding: var(--standardMargin);
  height: 100%;
  overflow-y: auto;
}

.vCKWk {
  display: inline-block;
  color: var(--defaultIconColor);
  stroke: var(--defaultIconColor);
  fill: var(--defaultIconColor);
  overflow: visible;
}

.l8opg {
  fill: inherit;
}

.uHXvJ {
  fill: inherit;
}

.lz7ve {
  fill: none;
  stroke: inherit;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
}

.JnwVz {
  fill: none;
  stroke: inherit;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
}

.fWe7J {
  fill: inherit;
  stroke: none;
}

.bxvy6 {
  fill: none;
  stroke: inherit;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 3px;
}

.oaqZl {
  fill: none;
  stroke: inherit;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 4px;
}

.J4jiU {
  fill: none;
  stroke: inherit;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
}

.Ge4YP {
  fill: inherit;
  stroke: inherit;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}

.p6g3g,
.m_GZs,
.C2DkJ {
  fill: none;
  stroke: inherit;
  stroke-width: 2px;
}

.p6g3g,
.m_GZs {
  stroke-miterlimit: 10;
}

.m_GZs,
.C2DkJ {
  stroke-linecap: round;
}

.C2DkJ {
  stroke-linejoin: round;
}

.RGBoG {
  fill: none;
  stroke: inherit;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 3px;
}

.Odsug {
  fill: none;
  stroke: inherit;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
}

.vp30i {
  fill: white;
  stroke: inherit;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
}

.p2OBu {
  fill: none;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}

.h0f_A {
  font-size: 0.85rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--modalZIndex);
}

.rYTe3 {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: var(--largeMargin);
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity var(--modalSpeed);
  will-change: opacity;
  background: var(--backdropColor);
  z-index: 0;
}

:root {
  --outerPadding: var(--hugeMargin);
}

.adMB7 {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-width: var(--maxModalWidth);
  max-height: var(--maxModalHeight);
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  padding: var(--outerPadding);
}

@media (max-height: 900px) {
  .adMB7 {
    max-height: 100% !important;
  }
}

.K8fW0 {
  position: absolute;
  left: var(--outerPadding);
  top: var(--outerPadding);
  width: calc(100% - var(--outerPadding)*2 - 1px);
  height: calc(100% - var(--outerPadding)*2 - 1px);
  border-radius: 8px;
  box-shadow: var(--backdropColor);
}

._0fUsZ {
  opacity: var(--disabledOpacity);
}

.ePRHC {
  position: absolute;
  top: var(--outerPadding);
  right: var(--outerPadding);
  width: var(--modalHeaderHeight);
  height: var(--modalHeaderHeight);
  text-align: center;
  font-size: 1.1em;
  line-height: var(--modalHeaderHeight);
  cursor: pointer;
  z-index: 2;
}

.ow5fa {
  display: block;
  margin: 0 auto;
  height: var(--modalHeaderHeight);
  stroke: var(--iconColor);
}

.ow5fa:hover {
    stroke: var(--surface3Color);
  }

.sXWKw {
  margin-right: 10px;
}

.ePRHC ._0fUsZ {
  pointer-events: none;
}

@media (max-height: 760px) {
  .ow5fa {
    height: var(--modalContractedHeaderHeight);
  }
}

/*
 * Transition
 */

.vawJc {
  opacity: 0;
  will-change: opacity;
}

.vawJc .adMB7 {
  }

.CCFdL {
  opacity: 1;
}

.CCFdL .adMB7 {
    pointer-events: none;
  }

.CfeiS {
  opacity: 1;
}

.w5cKG {
  opacity: 0;
  pointer-events: none;
}

.Rq0Cz {
  color: var(--textColor);
  background: var(--surface7Color);
  flex: 0 0 var(--modalHeaderHeight);
  margin: 0;
  padding: 5px var(--modalHeaderHeight) 5px 15px;
  font-size: 1.1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 20px;
  border-bottom: 1px solid var(--borderColor);
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 1;
  box-sizing: border-box;
  justify-content: space-between;
  font-weight: 500;
  border-radius: var(--modalCornerRadius) var(--modalCornerRadius) 0 0;
}

.BOAUw {
  display: inline-flex;
  align-items: center;
}

@media (max-height: 760px) {
  .Rq0Cz {
    flex: 0 0 var(--modalContractedHeaderHeight);
    height: var(--modalContractedHeaderHeight);
  }
}

.eIecl {
  margin-left: 10px;
}

._5iAg {
  stroke: var(--iconColor);
  fill: var(--iconColor);
  color: var(--iconColor);
}

.iTmVt {
  background: var(--surface5Color);
  padding: var(--standardMargin);
  padding-bottom: var(--smallMargin);
  margin-left: calc(var(--largeMargin)*-1);
  margin-right: calc(var(--largeMargin)*-1);
  border-top: 1px solid var(--borderColor);
  border-bottom: 1px solid var(--borderColor);
  margin-bottom: var(--largeMargin);
  margin-top: var(--largeMargin);
}

.iTmVt h1,
  .iTmVt h2,
  .iTmVt h3,
  .iTmVt h4,
  .iTmVt h5 {
    border-bottom: 0;
    margin-bottom: 0;
  }

.iTmVt:first-child {
  margin-top: calc(var(--largeMargin)*-1);
  border-top: 0;
}

/*
 * Use a separate container for padding within a scroller.
 * See: https://bugzilla.mozilla.org/show_bug.cgi?id=748518
 */
.YI5Zs {
  position: relative;
  flex: 1 1 auto;
  overflow-y: auto;
  padding: var(--largeMargin);
  height: 100%;
  background: var(--surface6Color);
  z-index: 2;
  min-height: 40px;
}
.j54qa > * {
  opacity: 0.25;
}
.CLS8h {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 1;
  text-shadow:
    -1px -1px 0 rgba(255, 255, 255, 0.7),
    1px -1px 0 rgba(255, 255, 255, 0.7),
    -1px 1px 0 rgba(255, 255, 255, 0.7),
    1px 1px 0 rgba(255, 255, 255, 0.7);
  font-weight: 600;
  pointer-events: none;
  color: var(--blackColor);
}
.CLS8h * {
  opacity: 1;
}
.CLS8h > * + * {
  margin-top: var(--standardMargin);
}
.DUo4p {
  box-shadow: 0 0px 15px 6px rgba(0, 0, 0, 0.15);
  max-height: 50%;
  max-width: 50%;
}
.GdKuD {
  padding: 0;
}
.BysWr {
  background: var(--whiteColor);
}
.OenoZ {
  height: 100%;
  width: 100%;
}
.j54qa .OenoZ {
  filter: blur(2px);
}
.KFvt0 {
  pointer-events: none;
}

.ucBIo {
  display: flex;
  flex: 0 0 var(--modalFooterHeight);
  align-items: center;
  justify-content: flex-end;
  padding: 0 15px;
  height: var(--modalFooterHeight);
  border-top: 1px solid var(--borderColor);
  text-align: right;
  background: var(--surface6Color);
  z-index: 1;
  border-radius: 0 0 var(--modalCornerRadius) var(--modalCornerRadius);
}

.ZXHft {
  border-top: none;
}

@media (max-height: 760px) {
  .ucBIo {
    flex: 0 0 var(--modalContractedFooterHeight);
    height: var(--modalContractedFooterHeight);
  }
}

.ExfwT {
  flex: 1 1 auto;
}

.ucBIo button {
  margin-left: var(--largeMargin);
}

.ucBIo button:first-child {
  margin-left: 0;
}

.C00bL {
  font-size: 0.85rem;
  line-height: 1.5;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.r5Izi {
  padding-top: 0;
}

.MRejw {
  max-width: 600px !important;
  min-height: auto !important;
  height: auto !important;
}

.nro2a {
  width: 450px;
}

._pIHl {
  max-width: 95vw !important;
  max-height: 95vh !important;
  height: 95vh !important;
}

.Hkec3 {
  max-width: 90vw !important;
  width: 950px;
}

.KGy4d {
  margin-left: 5px;
}

.z1niI {
  margin-right: auto;
}

.kLFhL {
  flex-grow: 1;
}

.QJ01a button {
  margin-left: var(--standardMargin);
}

.QJ01a {
  display: flex;
  padding-top: var(--standardMargin);
  position: sticky;
  top: 0;
  z-index: 2;
  padding-bottom: var(--standardMargin);
  background: var(--surface6Color);
  margin-left: calc(var(--largeMargin)*-1);
  margin-right: calc(var(--largeMargin)*-1);
  padding-left: var(--largeMargin);
  padding-right: var(--largeMargin);
  align-items: flex-start;
  gap: var(--standardMargin);
}

.QJ01a > div {
  flex: 1;
}

.Vdr6X {
  box-shadow: var(--navBarShadow);
}

.JyflB {
  overflow-y: initial;
}

.ZLAXT {
  overflow: visible;
}

:root {
  --clearButtonWidth: 28px;
  --inputHeight: 30px;
  --rightSideIconWidth: 25px;
  --leftSideIconWidth: 27px;
}

.l4ytG {
  /*background-color: var(--surface4Color) !important;*/
  background-color: var(--surface5Color) !important;
  opacity: 0.5;
}

.SCTyy {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  padding-right: 4px;
  padding-left: 5px;
  cursor: pointer;
  max-width: var(--leftSideIconWidth);
}

.w_Om3 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  padding-right: var(--standardMargin);
  padding-left: var(--insetMargin);
  cursor: pointer;
  max-width: var(--rightSideIconWidth);
}

.SCTyy svg {
  margin-top: 2px;
  margin-left: 5px;
  stroke: var(--surface3Color);
  fill: var(--surface3Color);
  color: var(--surface3Color);
  pointer-events: none;
}

.ArtXD {
  display: flex;
  justify-content: flex-start;

  align-items: center;
  background: var(--inputBackground);
  color: var(--surface1Color);
  border: 1px solid var(--borderColor);
  font-size: var(--textInputFontSize);
  resize: none;
  transition: all var(--defaultSpeed) ease;
  transition-property: border-color, box-shadow;
  position: relative;
  padding: 0;
  border-radius: var(--insetMargin);
}

.vmBRO {
  border-color: var(--accent1Color) !important;
  box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, 0.075),
    0 0 5px rgba(69, 122, 187, 0.5);
}

.z9aQJ {
  border-color: var(--errorColor) !important;
}

.uoj8d {
  height: var(--inputHeight);
  background: transparent;
  padding: 5px 5px;
  padding-left: 10px;
  margin: 0;
  border: none;
  font-size: var(--textInputFontSize);
  font-family: inherit;
  color: inherit;
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
}

.a26Ag {
  width: var(--clearButtonWidth);
  cursor: pointer;
  padding: 0 5px;
  box-sizing: border-box;
  height: 100%;
}

.a26Ag:hover {
    stroke: var(--errorColor);
  }

.a26Ag * {
    stroke-width: 5px;
  }

.pQzgw {
  pointer-events: none;
  opacity: 0.5;
}

.uoj8d::-moz-placeholder {
  color: var(--placeholderColor);
  font-weight: 300;
}

.uoj8d::placeholder {
  color: var(--placeholderColor);
  font-weight: 300;
}

.mLMg1 {
  width: calc(100% - var(--rightSideIconWidth));
  padding-right: 10px !important;
}

.gP_W9 {
  padding-left: 5px;
  width: calc(100% - var(--leftSideIconWidth));
}

.AOsWK {
  width: calc(100% - var(--leftSideIconWidth) - var(--rightSideIconWidth));
}

.QJY4o {
  margin-right: var(--insetMargin);
}

.nsduQ {
  opacity: 0.25;
}

.EmxHK {
  width: 16px;
  height: 16px;
}

.un6SH {
  width: 24px;
  height: 24px;
}

.j8f48 {
  margin-right: var(--smallMargin);
}

.BSVpJ {
  margin-left: var(--smallMargin) !important;
  margin-right: 0 !important;
}

.IGwfA {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;

  z-index: var(--modalZIndex);
  visibility: hidden;
  text-align: left;
}

.BqL91 {
  cursor: pointer;
  padding: var(--smallMargin) var(--standardMargin);
  font-size: var(--labelFontSize);
}

.BqL91.Lmp8O {
  background-color: var(--surface4Color);
}

.BqL91:hover {
  background-color: var(--surface5Color);
}

.BqL91:hover:last-child,
.BqL91.Lmp8O:hover:last-child {
  border-bottom-left-radius: var(--tableBorderRadius);
  border-bottom-right-radius: var(--tableBorderRadius);
}

.BqL91:hover:first-child,
.BqL91.Lmp8O:hover:first-child {
  border-top-left-radius: var(--tableBorderRadius);
  border-top-right-radius: var(--tableBorderRadius);
}

.BqL91:not(:first-child) {
  border-top: 1px solid var(--borderColor);
}

.abONQ {
  background: white;
  box-shadow: var(--selectShadow);
  color: var(--blackColor) !important;
  width: auto;
  border-radius: var(--tableBorderRadius);

  display: flex;
  flex-direction: column;
}

.bGMG3 {
  visibility: visible;
}

.AOleR {
  background: var(--highlightSearchColor);
}

.kE7VB {
  padding-bottom: var(--standardMargin);
}

/* MARKDOWN SPECIFIC CODE */

.wpt1f .yLLct {
  display: inline-block;
  fill: currentColor;
  vertical-align: text-bottom;
}

.wpt1f .j8GV2 {
  float: left;
  line-height: 1;
  margin-left: -20px;
  padding-right: 4px;
}

.wpt1f .j8GV2:focus {
  outline: none;
}

.wpt1f h1 .uGjz9,
.wpt1f h2 .uGjz9,
.wpt1f h3 .uGjz9,
.wpt1f h4 .uGjz9,
.wpt1f h5 .uGjz9,
.wpt1f h6 .uGjz9 {
  color: #1b1f23;
  vertical-align: middle;
  visibility: hidden;
}

.wpt1f h1:hover .j8GV2,
.wpt1f h2:hover .j8GV2,
.wpt1f h3:hover .j8GV2,
.wpt1f h4:hover .j8GV2,
.wpt1f h5:hover .j8GV2,
.wpt1f h6:hover .j8GV2 {
  text-decoration: none;
}

.wpt1f h1:hover .j8GV2 .uGjz9,
.wpt1f h2:hover .j8GV2 .uGjz9,
.wpt1f h3:hover .j8GV2 .uGjz9,
.wpt1f h4:hover .j8GV2 .uGjz9,
.wpt1f h5:hover .j8GV2 .uGjz9,
.wpt1f h6:hover .j8GV2 .uGjz9 {
  visibility: visible;
}

.wpt1f h1:hover .j8GV2 .uGjz9:before,
.wpt1f h2:hover .j8GV2 .uGjz9:before,
.wpt1f h3:hover .j8GV2 .uGjz9:before,
.wpt1f h4:hover .j8GV2 .uGjz9:before,
.wpt1f h5:hover .j8GV2 .uGjz9:before,
.wpt1f h6:hover .j8GV2 .uGjz9:before {
  width: 16px;
  height: 16px;
  content: ' ';
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' width='16' height='16' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' d='M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z'%3E%3C/path%3E%3C/svg%3E");
}

.wpt1f {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
  color: #24292e;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Helvetica,
    Arial,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji;
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
}

.wpt1f details {
  display: block;
}

.wpt1f summary {
  display: list-item;
}

.wpt1f a,
.BFuzJ {
  background-color: initial;
}

.wpt1f a:active,
.wpt1f a:hover,
.BFuzJ,
.BFuzJ {
  outline-width: 0;
}

.wpt1f strong {
  font-weight: inherit;
  font-weight: bolder;
}

.wpt1f h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

.wpt1f img {
  display: block;
  border-style: none;
}

.wpt1f code,
.wpt1f kbd,
.wpt1f pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

.wpt1f hr {
  box-sizing: initial;
  height: 0;
  overflow: visible;
}

.wpt1f input {
  font: inherit;
  margin: 0;
}

.wpt1f input {
  overflow: visible;
}

.wpt1f [type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}

.wpt1f * {
  box-sizing: border-box;
}

.wpt1f input {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.wpt1f a,
.BFuzJ {
  color: #0366d6;
  text-decoration: none;
  cursor: pointer;
}

.wpt1f a:hover,
.BFuzJ:hover {
  text-decoration: underline;
}

.wpt1f strong {
  font-weight: 600;
}

.wpt1f hr {
  height: 0;
  margin: 15px 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #dfe2e5;
}

.wpt1f hr:after,
.wpt1f hr:before {
  display: table;
  content: '';
}

.wpt1f hr:after {
  clear: both;
}

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

.wpt1f td,
.wpt1f th {
  padding: 0;
}

.wpt1f details summary {
  cursor: pointer;
}

.wpt1f kbd {
  display: inline-block;
  padding: 3px 5px;
  font:
    11px SFMono-Regular,
    Consolas,
    Liberation Mono,
    Menlo,
    monospace;
  line-height: 10px;
  color: #444d56;
  vertical-align: middle;
  background-color: #fafbfc;
  border: 1px solid #d1d5da;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #d1d5da;
}

.wpt1f h1,
.wpt1f h2,
.wpt1f h3,
.wpt1f h4,
.wpt1f h5,
.wpt1f h6 {
  margin-top: 0;
  margin-bottom: 0;
}

.wpt1f h1 {
  font-size: 32px;
}

.wpt1f h1,
.wpt1f h2 {
  font-weight: 600;
}

.wpt1f h2 {
  font-size: 24px;
}

.wpt1f h3 {
  font-size: 20px;
}

.wpt1f h3,
.wpt1f h4 {
  font-weight: 600;
}

.wpt1f h4 {
  font-size: 16px;
}

.wpt1f h5 {
  font-size: 14px;
}

.wpt1f h5,
.wpt1f h6 {
  font-weight: 600;
}

.wpt1f h6 {
  font-size: 12px;
}

.wpt1f p {
  margin-top: 0;
  margin-bottom: 10px;
}

.wpt1f blockquote {
  margin: 0;
}

.wpt1f ol,
.wpt1f ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.wpt1f ol ol,
.wpt1f ul ol {
  list-style-type: lower-roman;
}

.wpt1f ol ol ol,
.wpt1f ol ul ol,
.wpt1f ul ol ol,
.wpt1f ul ul ol {
  list-style-type: lower-alpha;
}

.wpt1f dd {
  margin-left: 0;
}

.wpt1f code,
.wpt1f pre {
  font-family:
    SFMono-Regular,
    Consolas,
    Liberation Mono,
    Menlo,
    monospace;
  font-size: 12px;
}

.wpt1f pre {
  margin-top: 0;
  margin-bottom: 0;
}

.wpt1f input::-webkit-inner-spin-button,
.wpt1f input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}

.wpt1f :checked + .E52bD {
  position: relative;
  z-index: 1;
  border-color: #0366d6;
}

.wpt1f .bm7x8 {
  border: 1px solid #e1e4e8 !important;
}

.wpt1f .QacB5 {
  border: 0 !important;
}

.wpt1f .aRvEY {
  border-bottom: 1px solid #e1e4e8 !important;
}

.wpt1f .Su_wH {
  border-radius: 3px !important;
}

.wpt1f .t_CNv {
  background-color: #fff !important;
}

.wpt1f .BiMCG {
  background-color: #fafbfc !important;
}

.wpt1f .hlAow {
  color: #6a737d !important;
}

.wpt1f .kfao8 {
  margin-bottom: 0 !important;
}

.wpt1f .jeA1b {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.wpt1f .L4dHi {
  padding-left: 0 !important;
}

.wpt1f .kwLz0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.wpt1f .LU5CK {
  padding-left: 4px !important;
}

.wpt1f .eUIOg {
  padding-left: 8px !important;
}

.wpt1f .DgMzS {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.wpt1f .WSd5y,
.wpt1f .jDio8 {
  padding-left: 16px !important;
}

.wpt1f .jDio8 {
  padding-right: 16px !important;
}

.wpt1f .P9t7D {
  padding-left: 24px !important;
}

.wpt1f .K40xz {
  padding-left: 32px !important;
}

.wpt1f .E9RPO {
  padding-left: 40px !important;
}

.wpt1f .z33Bc {
  font-size: 12px !important;
}

.wpt1f .vWKyR {
  line-height: 1.25 !important;
}

.wpt1f .yIltL {
  font-weight: 600 !important;
}

.wpt1f .AU6jt {
  color: #6a737d;
}

.wpt1f .H8zTv,
.wpt1f .o52SX .eX9cq {
  color: #005cc5;
}

.wpt1f .i4agC,
.wpt1f .q6STM {
  color: #6f42c1;
}

.wpt1f .o52SX .dJgaa,
.wpt1f .e2kaK {
  color: #24292e;
}

.wpt1f .eY37y {
  color: #22863a;
}

.wpt1f .rF18X {
  color: #d73a49;
}

.wpt1f .XkfIS,
.wpt1f .o52SX,
.wpt1f .o52SX .bhYw2 .dJgaa,
.wpt1f .qLB2O,
.wpt1f .qLB2O .s2sgS,
.wpt1f .qLB2O .NOBOi,
.wpt1f .qLB2O .hasAa {
  color: #032f62;
}

.wpt1f .E3hYp,
.wpt1f .eX9cq {
  color: #e36209;
}

.wpt1f .mueYm {
  color: #b31d28;
}

.wpt1f .BFXdF {
  color: #fafbfc;
  background-color: #b31d28;
}

.wpt1f .Uu9TT {
  color: #fafbfc;
  background-color: #d73a49;
}

.wpt1f .Uu9TT:before {
  content: '^M';
}

.wpt1f .qLB2O .s2sgS {
  font-weight: 700;
  color: #22863a;
}

.wpt1f .xMYNQ {
  color: #735c0f;
}

.wpt1f .PM8fz,
.wpt1f .PM8fz .q6STM,
.wpt1f .f2OMa {
  font-weight: 700;
  color: #005cc5;
}

.wpt1f .muMOM {
  font-style: italic;
  color: #24292e;
}

.wpt1f .ZBaPZ {
  font-weight: 700;
  color: #24292e;
}

.wpt1f .JJg6c {
  color: #b31d28;
  background-color: #ffeef0;
}

.wpt1f .ME68r {
  color: #22863a;
  background-color: #f0fff4;
}

.wpt1f .tPp_e {
  color: #e36209;
  background-color: #ffebda;
}

.wpt1f .j3Iuh {
  color: #f6f8fa;
  background-color: #005cc5;
}

.wpt1f .xf5T7 {
  font-weight: 700;
  color: #6f42c1;
}

.wpt1f .NQ1yw {
  color: #586069;
}

.wpt1f .TRcSN {
  color: #959da5;
}

.wpt1f .eFcCZ {
  text-decoration: underline;
  color: #032f62;
}

.wpt1f .kfao8 {
  margin-bottom: 0 !important;
}

.wpt1f .jeA1b {
  margin-bottom: 8px !important;
}

.wpt1f .jeA1b {
  margin-top: 8px !important;
}

.wpt1f .L4dHi {
  padding-left: 0 !important;
}

.wpt1f .kwLz0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.wpt1f .LU5CK {
  padding-left: 4px !important;
}

.wpt1f .eUIOg {
  padding-left: 8px !important;
}

.wpt1f .DgMzS {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.wpt1f .WSd5y {
  padding-left: 16px !important;
}

.wpt1f .P9t7D {
  padding-left: 24px !important;
}

.wpt1f .K40xz {
  padding-left: 32px !important;
}

.wpt1f .E9RPO {
  padding-left: 40px !important;
}

.wpt1f .ygT8r {
  padding-left: 48px !important;
}

.wpt1f .Bi4hR {
  padding-left: 64px !important;
}

.wpt1f .djJ93 {
  padding-left: 80px !important;
}

.wpt1f .SWwa4 {
  padding-left: 96px !important;
}

.wpt1f .ZKpuE {
  padding-left: 112px !important;
}

.wpt1f .FSHuw {
  padding-left: 128px !important;
}

.wpt1f hr {
  border-bottom-color: #eee;
}

.wpt1f kbd {
  display: inline-block;
  padding: 3px 5px;
  font:
    11px SFMono-Regular,
    Consolas,
    Liberation Mono,
    Menlo,
    monospace;
  line-height: 10px;
  color: #444d56;
  vertical-align: middle;
  background-color: #fafbfc;
  border: 1px solid #d1d5da;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #d1d5da;
}

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

.wpt1f:after {
  clear: both;
}

.wpt1f > :first-child {
  margin-top: 0 !important;
}

.wpt1f > :last-child {
  margin-bottom: 0 !important;
}

.wpt1f a:not([href]) {
  color: inherit;
  text-decoration: none;
}

.wpt1f blockquote,
.wpt1f details,
.wpt1f dl,
.wpt1f ol,
.wpt1f p,
.wpt1f pre,
.wpt1f table,
.wpt1f ul {
  margin-top: 0;
  margin-bottom: 16px;
}

.wpt1f hr {
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: #e1e4e8;
  border: 0;
}

.wpt1f blockquote {
  padding: 0 1em;
  color: #6a737d;
  border-left: 0.25em solid #dfe2e5;
}

.wpt1f blockquote > :first-child {
  margin-top: 0;
}

.wpt1f blockquote > :last-child {
  margin-bottom: 0;
}

.wpt1f h1,
.wpt1f h2,
.wpt1f h3,
.wpt1f h4,
.wpt1f h5,
.wpt1f h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}

.wpt1f h1 {
  font-size: 2em;
}

.wpt1f h1,
.wpt1f h2 {
  padding-bottom: 0.3em;
  border-bottom: 1px solid #eaecef;
}

.wpt1f h2 {
  font-size: 1.5em;
}

.wpt1f h3 {
  font-size: 1.25em;
}

.wpt1f h4 {
  font-size: 1em;
}

.wpt1f h5 {
  font-size: 0.875em;
}

.wpt1f h6 {
  font-size: 0.85em;
  color: #6a737d;
}

.wpt1f ol,
.wpt1f ul {
  padding-left: 2em;
}

.wpt1f ol ol,
.wpt1f ol ul,
.wpt1f ul ol,
.wpt1f ul ul {
  margin-top: 0;
  margin-bottom: 0;
}

.wpt1f li {
  word-wrap: break-all;
}

.wpt1f li > p {
  margin-top: 16px;
}

.wpt1f li + li {
  margin-top: 0.25em;
}

.wpt1f dl {
  padding: 0;
}

.wpt1f dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
}

.wpt1f dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}

.wpt1f table {
  display: block;
  width: 100%;
  overflow: auto;
}

.wpt1f table th {
  font-weight: 600;
}

.wpt1f table td,
.wpt1f table th {
  padding: 6px 13px;
  border: 1px solid #dfe2e5;
}

.wpt1f table tr {
  background-color: #fff;
  border-top: 1px solid #c6cbd1;
}

.wpt1f table tr:nth-child(2n) {
  background-color: #f6f8fa;
}

.wpt1f img {
  max-width: 100%;
  margin: var(--largeMargin) 0;
  border: 1px solid var(--borderColor);
  box-sizing: initial;
  background-color: #fff;
}

.wpt1f img[align='right'] {
  padding-left: 20px;
}

.wpt1f img[align='left'] {
  padding-right: 20px;
}

.wpt1f code {
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  background-color: rgba(27, 31, 35, 0.05);
  border-radius: 3px;
}

.wpt1f pre {
  word-wrap: normal;
}

.wpt1f pre > code {
  padding: 0;
  margin: 0;
  font-size: 100%;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}

.wpt1f .gp_EZ {
  margin-bottom: 16px;
}

.wpt1f .gp_EZ pre {
  margin-bottom: 0;
  word-break: normal;
}

.wpt1f .gp_EZ pre,
.wpt1f pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: #f6f8fa;
  border-radius: 3px;
}

.wpt1f pre code {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: initial;
  border: 0;
}

.wpt1f .oU5Po {
  display: inline-block;
  font-family:
    SFMono-Regular,
    Consolas,
    Liberation Mono,
    Menlo,
    monospace;
  font-size: 90%;
  color: #444d56;
}

.wpt1f .rINXL .sXLHG:not(:disabled):hover {
  color: #005cc5;
  border-color: #005cc5;
}

.wpt1f .Dnck9 {
  overflow-x: auto;
  overflow-y: hidden;
}

.wpt1f .C2AHi {
  max-height: 240px;
  overflow-y: auto;
}

.wpt1f .MKtiX {
  width: 1%;
  min-width: 50px;
  padding-right: 10px;
  padding-left: 10px;
  font-family:
    SFMono-Regular,
    Consolas,
    Liberation Mono,
    Menlo,
    monospace;
  font-size: 12px;
  line-height: 20px;
  color: rgba(27, 31, 35, 0.3);
  text-align: right;
  white-space: nowrap;
  vertical-align: top;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.wpt1f .MKtiX:hover {
  color: rgba(27, 31, 35, 0.6);
}

.wpt1f .MKtiX:before {
  content: attr(data-line-number);
}

.wpt1f .wLyzP {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 20px;
  vertical-align: top;
}

.wpt1f .yTzpI {
  overflow: visible;
  font-family:
    SFMono-Regular,
    Consolas,
    Liberation Mono,
    Menlo,
    monospace;
  font-size: 12px;
  color: #24292e;
  word-wrap: normal;
  white-space: pre;
}

.wpt1f .q_qrp.J6LoP,
.wpt1f .q_qrp:hover {
  cursor: pointer;
  background: #ffea7f;
}

.wpt1f .zt9ZV[data-tab-size='1'] {
  -moz-tab-size: 1;
  -o-tab-size: 1;
     tab-size: 1;
}

.wpt1f .zt9ZV[data-tab-size='2'] {
  -moz-tab-size: 2;
  -o-tab-size: 2;
     tab-size: 2;
}

.wpt1f .zt9ZV[data-tab-size='3'] {
  -moz-tab-size: 3;
  -o-tab-size: 3;
     tab-size: 3;
}

.wpt1f .zt9ZV[data-tab-size='4'] {
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

.wpt1f .zt9ZV[data-tab-size='5'] {
  -moz-tab-size: 5;
  -o-tab-size: 5;
     tab-size: 5;
}

.wpt1f .zt9ZV[data-tab-size='6'] {
  -moz-tab-size: 6;
  -o-tab-size: 6;
     tab-size: 6;
}

.wpt1f .zt9ZV[data-tab-size='7'] {
  -moz-tab-size: 7;
  -o-tab-size: 7;
     tab-size: 7;
}

.wpt1f .zt9ZV[data-tab-size='8'] {
  -moz-tab-size: 8;
  -o-tab-size: 8;
     tab-size: 8;
}

.wpt1f .zt9ZV[data-tab-size='9'] {
  -moz-tab-size: 9;
  -o-tab-size: 9;
     tab-size: 9;
}

.wpt1f .zt9ZV[data-tab-size='10'] {
  -moz-tab-size: 10;
  -o-tab-size: 10;
     tab-size: 10;
}

.wpt1f .zt9ZV[data-tab-size='11'] {
  -moz-tab-size: 11;
  -o-tab-size: 11;
     tab-size: 11;
}

.wpt1f .zt9ZV[data-tab-size='12'] {
  -moz-tab-size: 12;
  -o-tab-size: 12;
     tab-size: 12;
}

.wpt1f .RuiBW {
  list-style-type: none;
}

.wpt1f .RuiBW + .RuiBW {
  margin-top: 3px;
}

.wpt1f .RuiBW input {
  margin: 0 0.2em 0.25em -1.6em;
  vertical-align: middle;
}

.gr3en {
  padding-bottom: inherit;
}

.MIhy1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cp6kU {
  font-size: var(--baseSvgFontSize);
}

.DpkP7 {
  width: 31px;
  height: 31px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--accent1Color);
  color: var(--accent1Color);
  border-radius: 50%;
}

  .DpkP7.CKHDS {
    width: 20px;
    height: 20px;
    border-width: 1px;
  }

  .DpkP7.n_23g {
    color: var(--iconColor);
    border-color: var(--iconColor);
  }

.hIN8D {
  font-size: 0.9rem;
  color: var(--surface1Color);
}

.hIN8D ul {
  margin-top: 15px;
}

.hIN8D ul {
  list-style-type: circle;
  list-style-position: inside;
  margin-left: 2px;
}

.w3oQY {
  color: var(--errorColor);
}

.DXNlf {
  color: var(--surface3Color);
  margin: 0 0 10px 0;
  padding: 0 0 6px 0;
  border-bottom: 1px solid var(--surface4Color);
  font-weight: 300;
  display: flex;
}

.tQuXC {
  margin-top: var(--standardMargin);
}

.DXNlf a {
  color: var(--surface3Color);
  text-decoration: none;
}

.Yd62z {
  font-size: 2.1rem;
}

.pxQ64 {
  font-size: 1.6rem;
}

._eLb4 {
  font-size: 1.3rem;
}

.t_naF {
  font-size: 1.12rem;
}

.laT0_ {
  font-size: 0.93rem;
}

.VrA1v {
  font-size: 0.85rem;
}

.DXNlf button {
  margin-top: -10px;
  margin-left: 20px;
}

.rqEho {
  pointer-events: none;
  z-index: var(--tooltipZIndex);
  position: absolute;
}

.nwsnJ {
  visibility: hidden;
}

.u8LOU {
  position: relative;
  z-index: var(--tooltipZIndex);
  transition: opacity var(--tooltipSpeed) ease-in;
  height: auto;
}

.u8LOU span {
  position: absolute;
  padding: 6px 8px;
  border-radius: 3px;
  text-align: center;
  white-space: pre;
  word-wrap: break-word;
  font-size: 0.75rem;
  font-family: var(--appFont);
  color: var(--whiteColor);
  background: var(--tooltipBackground);
}

.u8LOU:before {
  position: absolute;
  z-index: var(--tooltipZIndex);
  width: 0;
  height: 0;
  border: 5px solid transparent;
  content: '';
  pointer-events: none;
  color: var(--tooltipBackground);
}

.u8LOU:before,
.u8LOU span {
  display: inline-block;
  text-decoration: none;
}

.QwPBM span,
.y5qGG span,
._3eEpw span {
  top: 0px;
  right: 50%;
  margin-top: 5px;
}

.QwPBM:before,
.y5qGG:before,
._3eEpw:before {
  top: -5px;
  border-bottom-color: var(--tooltipBackground);
}

.QwPBM:before {
  right: 50%;
  margin-right: -5px;
}

.y5qGG span {
  right: 0px;
  left: auto;
}

._3eEpw span {
  left: 0px;
  right: auto;
}

._3eEpw:before {
  left: 15px;
}

.y5qGG:before {
  right: 15px;
  left: auto;
}

.KGRxa span,
.rcpit span,
.PlcsV span {
  right: 50%;
  bottom: 100%;
  margin-bottom: 5px;
}

.KGRxa:before,
.rcpit:before,
.PlcsV:before {
  top: -5px;
  bottom: auto;
  margin-right: -5px;
  border-top-color: var(--tooltipBackground);
}

.KGRxa:before {
  right: 50%;
}

.PlcsV:before {
  left: 15px;
  margin-right: 0px;
}

.rcpit:before {
  right: 15px;
  margin-right: 0px;
}

.rcpit span {
  right: 0;
  left: auto;
}

.PlcsV span {
  left: 0px;
  right: auto;
}

.QwPBM span,
.KGRxa span {
  transform: translateX(50%);
}

.MT4xa span {
  right: 100%;
  bottom: 50%;
  margin-right: 5px;
  transform: translateY(50%);
}

.MT4xa:before {
  top: 50%;
  bottom: 50%;
  left: -5px;
  margin-top: -5px;
  border-left-color: var(--tooltipBackground);
}

._LwLI span {
  bottom: 50%;
  left: 100%;
  margin-left: 5px;
  transform: translateY(50%);
}

._LwLI:before {
  top: 50%;
  right: -5px;
  bottom: 50%;
  margin-top: -5px;
  border-right-color: var(--tooltipBackground);
}

.nWxkx span {
  display: table-cell;
  max-width: 500px;
  width: -moz-max-content;
  width: max-content;
  border-collapse: separate;
  white-space: pre-line;
  word-wrap: normal;
  word-break: break-word;
  line-height: 1.25;
}

.nWxkx.QwPBM span,
.nWxkx.KGRxa span {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}

.nWxkx.MT4xa span,
.nWxkx._LwLI span {
  right: 100%;
}

@media screen and (min-width: 0 \0) {
  .nWxkx span {
    width: 250px;
  }
}

.MSSDB:before,
.MSSDB span {
  display: inline-block;
}

.MSSDB.nWxkx span {
  display: table-cell;
}

/*
 * Transition
 */

.uHAb9 {
  opacity: 0;
}

.XYDeo {
  opacity: 1;
}

.jKUzH {
  opacity: 0;
}

.FWPJl {
  opacity: 0;
}

.fhAiy {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  padding: var(--largeMargin);
}

.MiSs1 {
  max-width: 400px;
  margin-bottom: var(--largeMargin);
}

.W9arH,
.fz_zl {
  border-bottom: none;
}

.fz_zl {
  text-align: center;
  line-height: 20px;
  margin-bottom: 0;
}

.B_J1N {
  position: relative;
  transition: filter var(--defaultSpeed) ease-in-out;
}

.eSeVA {
  min-height: 100px;
}

.B_J1N,
.yhFwm {
  width: 100%;
  display: inherit;
  flex: inherit;
  flex-direction: inherit;
  flex-grow: 1;
}

.Nxir0 {
  filter: blur(2px);
  pointer-events: none;
}

.Ir9pE {
  pointer-events: none;
  background: white;
  opacity: 0.5;
}

.N9wJV {
  position: absolute;
  top: 50%;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  height: 0;
  z-index: 2;
}

.N9wJV .q6JW2 {
    display: inline-block;
  }

.szWYx {
  font-size: 0.8rem;
  opacity: 0.5;
  margin: 15px 0;
}

:root {
  --tableMargin: 5px;
  --borderSize: 1px;
  --smallerTableFontSize: 12px;
}

.UxDO3 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex: 1 1 auto;
}

.MfXgq {
  display: flex;
  flex-direction: row;
  font-size: var(--tableFontSize);
  align-items: center;
  box-sizing: border-box;
  padding: 0 var(--smallMargin);
}

.MfXgq:nth-child(odd) {
  background: var(--tableOddRowColor);
}

.MfXgq:nth-child(even) {
  background: var(--tableEvenRowColor);
}

.NLDwD {
  background: #ffffff;
}

.qlVIW:nth-child(odd),
.qlVIW:nth-child(even) {
  background: transparent;
}

.MfXgq {
  border: var(--borderSize) solid var(--tableBorderColor);
  border-bottom: var(--borderSize) solid transparent;
}

.qlVIW {
  height: auto;
}

.HsYwr {
  cursor: pointer;
}

.sPuRR {
  padding: var(--smallMargin);
  font-weight: 600;
}

.DEmUc:hover {
    border: var(--borderSize) solid var(--surface3Color) !important;
    border-bottom: var(--borderSize) solid transparent !important;
  }

.MfXgq:last-child {
  border-bottom: var(--borderSize) solid var(--tableBorderColor);
}

.DEmUc:last-child:hover {
    border-bottom: var(--borderSize) solid var(--surface3Color) !important;
  }

.XKqO5:first-child,
.MfXgq:first-child {
  border-radius: var(--tableBorderRadius) var(--tableBorderRadius) 0px 0px;
}

.XKqO5:last-child,
.MfXgq:last-child {
  border-radius: 0px 0px var(--tableBorderRadius) var(--tableBorderRadius);
}

.XKqO5:only-child,
.MfXgq:only-child {
  border-radius: var(--tableBorderRadius);
}

.DEmUc:hover + .MfXgq {
  border-top: 1px solid var(--surface3Color) !important;
}

.qlVIW {
  border: var(--borderSize) solid transparent;
  line-height: 1.2;
}

.qlVIW:hover {
    border: var(--borderSize) solid transparent;
  }

.UupRF,
.UxDO3 {
  word-break: break-word;
  overflow-wrap: break-word;
  font-size: var(--labelFontSize);
  color: var(--labelColor);
  font-weight: var(--labelWeight);
}

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

.UxDO3 svg {
    flex-shrink: 0;
  }

.Qe4ql {
  cursor: pointer;
}

.KXiT1 {
  pointer-events: none;
  cursor: default;
}

.LwzxO {
  padding: var(--smallMargin);
  box-sizing: border-box;
}

.LwzxO div > svg {
  color: var(--iconColor);
  margin-right: var(--iconTextMargin);
}

.Qt6oy {
  /* Slightly smaller vertical padding order to accommodate sorting indicator without making header taller */
  padding: var(--tableMargin) var(--tableMargin);
}

.UxDO3 {
  overflow: hidden;
}

.x6GIq {
  color: var(--accent3Color);
  font-weight: 600;
}

.pvhyE {
  opacity: var(--disabledOpacity);
  color: var(--surface3Color);
  pointer-events: none;
}

.x6GIq div > svg {
  color: var(--accent3Color);
}

.HsYwr:hover .x6GIq {
    color: var(--blackColor);
  }

.HsYwr:hover .x6GIq svg {
      color: var(--blackColor);
    }

.UupRF > div {
  padding-left: var(--tableMargin);
  padding-right: var(--tableMargin);
  box-sizing: border-box;
}

.XKqO5,
.XKqO5:nth-child(odd),
.XKqO5:nth-child(even) {
  background: var(--accent1Color);
  color: var(--whiteColor);
  opacity: 1;
}

.XKqO5 svg, .XKqO5:nth-child(odd) svg, .XKqO5:nth-child(even) svg {
    color: var(--whiteColor);
  }

.fMdjr {
  width: 100%;
}

.cdF1g {
  flex-grow: 1;
  display: flex;
  justify-content: flex-start;
}

.bm7LG {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.C8JT4 {
  display: flex;
  flex-direction: column;
}

.EIN8h {
  margin-top: var(--smallMargin);
  width: 100%;
  display: flex;
}

.EIN8h button:last-child {
  margin-right: 0;
}

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

.tw0cV {
  padding-bottom: var(--smallMargin);
}

.WUMHO {
  font-size: var(--tableInlineFontSize);
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

.WUMHO:hover {
  border-left: 0 !important;
  border-right: 0 !important;
}

.FEzaV {
  font-size: var(--smallerTableFontSize);
}

.gDo5H {
  font-weight: 500;
  font-size: var(--smallerTableFontSize);
}

.fkNar {
  box-sizing: border-box;
  min-width: 0;
  height: 100%;
  line-height: initial;
  overflow-wrap: break-word;
  word-break: break-word;
}

.o5JDA {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fkNar td > a > svg,
.fkNar td > svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
}

.fkNar a {
  color: var(--accent3Color);
  text-decoration: none;
  font-weight: 600;
}

.fkNar a svg {
  fill: var(--accent3Color);
  stroke: var(--accent3Color);
  color: var(--accent3Color);
}

.fkNar a:hover {
  text-decoration: none;
  color: var(--textColor);
}

.fkNar a:hover > svg {
  fill: var(--iconColor);
  stroke: var(--iconColor);
  color: var(--iconColor);
}

.fkNar.zxbP4 a {
  color: white !important;
}

.Cj2NS {
  vertical-align: middle;
}

.dataTableAnimation-enter > div {
  opacity: 0.2;
  transform: scale(1.02);
}

.dataTableAnimation-enter-active > div {
  opacity: 1;
  transform: scale(1);
  transition: all var(--dataTableSpeed) ease-in;
}

.dataTableAnimation-exit > div {
  opacity: 1;
}

.dataTableAnimation-exit-active > div {
  opacity: 0;
  transition: all var(--dataTableSpeed) ease-out;
}

.dataTableRowAnimation-enter > div {
  opacity: 0.2;
  transform: scale(1.02);
}

.dataTableRowAnimation-enter-active > div {
  opacity: 1;
  transform: scale(1);
  transition: all var(--dataTableSpeed) ease-in;
}

:root {
  --modelMinInputRowHeight: 30px;
}

.mWjQg {
  margin-right: var(--smallMargin);
}

.SMxNy {
  visibility: hidden;
}

.hjlEM {
  display: none;
}

.dMztO {
  display: flex;
  align-items: center;
  flex-direction: row;
  min-height: var(--modelMinInputRowHeight);
}

.HaXuC {
  position: relative;
}

.CKVZs {
  width: 100%;
}

.i2A7d {
  font-size: var(--labelFontSize);
  width: 100%;
}

@keyframes rV5T0 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.Ifz0d {
  color: var(--errorColor);
}

.v76gc {
  margin-bottom: var(--standardMargin);
  animation-name: rV5T0;
  animation-duration: 0.25s;
  font-size: 0.8em;
}

.gk_Lx {
  flex-grow: 1;
  width: 100%;
  box-sizing: border-box;
  margin-right: var(--standardMargin);
  margin-bottom: var(--standardMargin);
}

.gk_Lx:last-child,
.gk_Lx:only-child {
  margin-right: 0;
  margin-bottom: 0;
}

.gk_Lx.ogkf1:last-child,
.gk_Lx.ogkf1:only-child {
  margin-right: var(--standardMargin);
}

.XT9r7 {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: flex-start;
  gap: var(--standardMargin);
}

.kqt2r {
  display: flex;
  flex-direction: column;
  gap: var(--standardMargin);
}

.LmmMP {
  margin-bottom: var(--standardMargin);
}

.LmmMP:empty {
  margin-bottom: 0;
}

.rxuCC {
  width: 100%;
  display: flex;
  flex-direction: row;
}

.pbLa7 {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  align-items: baseline;

  flex: 1 0 1px;
  width: 100%;
  height: auto !important;
}

.mKeQf {
  border-bottom: var(--tableBorderStyle);
  padding-bottom: 10px;
}

.ZkdCR {
  flex-direction: row;
  align-items: center;
}

.ZkdCR > label {
  padding-bottom: 0;
}

.XT9r7 > .pbLa7 {
  margin-bottom: 0;
}

.kSsdy {
  height: auto;
  width: 100%;
  box-sizing: border-box;
  margin-right: var(--largeMargin);
}

._fiA6 {
  display: flex;
  width: 100%;
  flex-grow: 1;
}

.Ux35w {
  flex-grow: 1;
  width: 1px;
}

.pbLa7:last-child,
.pbLa7:only-child,
.kSsdy:last-child,
.kSsdy:only-child {
  margin-right: 0;
  margin-bottom: 0;
}

.tcPu9 {
  display: block;
  padding-bottom: var(--smallMargin);
  margin-right: var(--standardMargin);
  flex-grow: 0;
  flex-shrink: 0;
  font-size: var(--labelFontSize);
  color: var(--labelColor);
  font-weight: var(--labelWeight);
}

.tcPu9:empty {
  padding-bottom: 0;
}

.O4AYC {
  padding-bottom: 0;
}

.pXBQc {
  padding-top: var(--smallMargin);
  color: var(--labelColor);
  font-size: 0.8em;
  white-space: pre-line;
}

.t3I3Q {
  margin-bottom: var(--smallMargin);
}

.gs0dC {
  width: 100%;
}

.gs0dC svg {
  margin-right: var(--smallMargin);
}

.gs0dC * {
  cursor: pointer !important;
}

.I1Crj .Select__control,
  .I1Crj .Select__control:hover {
    border-color: var(--errorColor);
  }

.SWUF4 {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  width: 100%;
}

.SWUF4 > * + * {
  margin-left: var(--standardMargin);
}

.GUFpp {
  flex-shrink: 0;
  font-weight: 800;
}

.wzqld {
  border: 1px solid var(--errorColor) !important;
}

.ujVRq {
  width: 100%;
}

.JYItX {
  border: 1px solid var(--borderColor);
  border-left: 0;
  display: flex;
  align-items: center;
  padding: 0 var(--standardMargin);
  background: var(--surface5Color);
  margin-left: calc(var(--largeMargin)*-1 - 2px);
  border-radius: var(--insetMargin);
  font-size: var(--textInputFontSize);
}

.ZkdCR > label {
  flex-basis: 0;
  margin-bottom: 0;
}

.ZkdCR > div {
  flex-basis: 0;
}

.snHt5 {
  align-items: center;
}

.yRaNk {
  margin-bottom: var(--standardMargin);
  font-size: 0.8em;
}

.Select__option {
  font-size: var(--labelFontSize) !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 10px !important;
  color: var(--blackColor) !important;
}

  .Select__option svg {
    color: var(--iconColor);
    margin-right: var(--smallMargin);
  }

.Select__input > input:focus {
  outline: 0 !important;
}

.Select__multi-value {
  border-radius: 3px !important;
  overflow: hidden;
  max-height: 23px;
}

.Select__multi-value__remove {
  background: var(--surface4Color);
}

.Select__multi-value__label {
  display: flex;
  align-items: center;
}

.Select__multi-value__remove svg {
  fill: var(--iconColor);
}

.Select__multi-value__label {
  padding: 3px 5px !important;
  background: var(--accent1Color);
  color: var(--whiteColor) !important;
  font-size: 12px !important;
}

.Select__menu-notice--no-options {
  font-size: 14px;
}

.Select__single-value {
  line-height: initial !important;
}

.Select__value-container {
  padding-left: var(--smallMargin) !important;
  padding-right: var(--smallMargin) !important;
}

.Select__control {
  font-size: var(--labelFontSize) !important;
  min-height: var(--iconButtonHeight) !important;
}

.Select__control:hover {
  background: #fdfdfd;
}

.Select__control--is-focused {
  border-color: var(--accent2Color) !important;
  border-width: 1;
  box-shadow: var(--selectControlFocusShadow) !important;
}

.Select__control--menu-is-open {
  background: var(--surface6Color) !important;
}

.Select__option--is-focused {
  background-color: var(--selectFocusBackgroundColor) !important;
  color: var(--blackColor) !important;
}

.Select__option--is-selected {
  background-color: var(--accent2Color) !important;
  color: var(--whiteColor) !important;
}

.Select__option--is-selected svg {
    color: var(--whiteColor);
  }

.Select__option--is-selected label {
    color: var(--whiteColor);
    opacity: 0.6;
  }

.Select__clear-indicator, .Select__dropdown-indicator {
  padding: 0 4px 0 4px !important;
}

.Select__menu {
  overflow: hidden;
}

.Select__menu-list {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.Select__group {
  padding: 0 !important;
}

.Select__placeholder {
  color: var(--placeholderColor) !important;
  font-weight: 300;
}

.NAAf7 {
  padding-top: var(--insetMargin);
  padding-bottom: var(--insetMargin);
}

.uo_ym {
  color: var(--iconColor);
  margin-right: var(--smallMargin);
}

.BUL63 {
  margin-left: var(--insetMargin) !important;
  margin-right: var(--insetMargin) !important;
}

.SJC5j {
  color: var(--labelColor);
  font-size: 0.8em;
  margin-top: var(--smallMargin);
  white-space: pre-line;
}

.Mczao {
  max-width: 450px !important;
  max-height: 550px !important;
}

.l5aUX {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0px 0px 10px 0px !important;
}

.eVPio {
  overflow-y: hidden;
  box-sizing: border-box;
}

.eVPio:first-child {
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}

.eVPio:last-child {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-grow: 1;
}

.HFUNp {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  height: 1px;
}

.knVqN {
  background: var(--whiteColor);
  border-right: 1px solid var(--surface4Color);
  box-sizing: border-box;
  overflow: auto;
  padding: 0;
}

.knVqN:last-child {
  border-right: 0;
  margin-right: 0;
}

.shtiy {
  padding-left: 0;
  padding-right: 0;
}

.NkSSJ {
  box-sizing: border-box;
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: var(--smallMargin);
  padding-right: 10px;
  height: 30px;
  width: 100%;
}

.xcMOj {
  overflow-y: hidden !important;
}

.uOSZN {
  display: inline-block;
  flex-wrap: wrap;
  margin-top: calc(var(--insetMargin)*-1);
}

.uOSZN div {
  margin-left: 0 !important;
  margin-right: var(--insetMargin);
  margin-top: var(--insetMargin);
}

.g1Se3 {
  font-size: 12px;
  background: var(--accent1Color);
  color: var(--whiteColor);
  padding: 3px 5px;
  border-radius: 3px;
}

.g1Se3 + .g1Se3 {
  margin-left: var(--smallMargin);
}

.WRHIe {
  width: clamp(280px, 14vw, 350px);
  box-sizing: border-box;
  flex-direction: column;
  display: none;
  flex-shrink: 0;
  box-shadow: var(--navBarShadow);
  padding-top: var(--largeMargin);
  background: var(--surface7Color);
  margin-top: 1px;
  z-index: var(--navBarZIndex);
  word-break: break-word;
}

.AWUUa {
  width: 100%;
  padding: $insetMargin;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: $largeMargin;
  height: 80px;
}

.WRHIe.xIf6H {
  display: flex;
}

.EwgPm {
  overflow-y: auto;
  flex-grow: 1;
  margin-bottom: 0 !important;
  font-size: var(--labelFontSize);
  background: transparent !important;
  border-top: 1px solid var(--borderColor);
  padding-top: var(--smallMargin);
  border-radius: 0;
  min-width: auto !important;
}

.QNMmI {
  height: 100%;
}

.QNMmI.xIf6H {
  margin-right: var(--standardMargin);
}

.BWxdf {
  padding: 0 var(--standardMargin) var(--smallMargin);
  font-size: 0.8em;
  align-items: center;
  display: flex;
}

.Rs353 {
  flex-grow: 1;
}

.i9csG {
  box-sizing: border-box;
  min-height: 47px;
  flex: 1 0 1px;
  width: 100%;
  padding: var(--smallMargin) var(--standardMargin) var(--smallMargin)
    var(--standardMargin);
  flex-grow: 0;
  border-bottom: 1px solid var(--borderColor);
  padding-bottom: 1px;
}

.i9csG button {
  font-size: var(--labelFontSize);
}

.jXgFD {
  width: 100%;
}

.HXaLV {
  flex-grow: 1;
  width: 100%;
}

.jPuED {
  margin-left: var(--standardMargin);
  margin-right: var(--standardMargin);
  border-top: 1px solid var(--borderColor);
  border-bottom: 1px solid var(--borderColor);

  flex-grow: 0;
}

.P3tM4 {
  height: 100%;
  overflow-y: auto;
}

.khU63 {
  height: auto;
  margin-bottom: var(--largeMargin);
}

.UJuP7 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: var(--standardMargin);
}

.MK2i_ {
  overflow-y: auto;
}

.k7QzV {
  padding: var(--smallMargin);
}

.RqiOl > div {
  font-size: 0.9em;
}

.fdJ41 {
  display: flex;
  gap: 1px;
  flex-wrap: wrap;
}

:root {
  --rowHeight: 30px;
  --indent: 15px;
  --borderWidth: 1px;
  --topPadding: 6px;
  --bottomPadding: 6px;
  --checkboxVerticalOffset: 9px;
  --rowTextColor: var(--surface1Color);
  --selectedColor: var(--accent1Color);
  --selectedBorderColor: rgba(255, 255, 255, 0.7);
  --selectedTextColor: var(--whiteColor);
  --textHoverColor: var(--accent2Color);
  --borderColor: #ccc;
  --fontSize: 13px;
}

.M7_wy {
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  color: var(--rowTextColor);
  padding: 0;
  box-sizing: border-box;
  line-height: normal;
}

.Eked6 {
  padding: var(--standardMargin);
  border-bottom: var(--tableBorderStyle);
  font-weight: 500;
  font-size: 0.95em;
}

.M7_wy.eIPKb {
  border-bottom: var(--tableBorderStyle);
}

.M7_wy.eIPKb {
  background: var(--tableOddRowColor);
}

.M7_wy.eIPKb.nIlF0 {
  background: var(--tableEvenRowColor);
}

.M7_wy.eIPKb.bRki8 {
  background: var(--selectedColor);
}

.qH32g {
  padding-bottom: var(--bottomPadding);
  flex: 1;
  height: auto;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.JGeHq {
  margin-top: calc(var(--insetMargin) + 1px);
  display: block;
  color: var(--surface3Color);
  font-size: 0.93em;
}

.M7_wy:hover {
  color: var(--textHoverColor);
  background-color: rgba(0, 0, 0, 0.01);
}

.M7_wy:hover .JGeHq {
  color: var(--textHoverColor);
}

.M7_wy.eIPKb {
  padding-left: var(--standardMargin);
}

.M7_wy.bRki8:hover {
  background-color: var(--selectedColor);
}

.bRki8 .JGeHq {
  color: var(--selectedTextColor) !important;
  opacity: 0.75;
}

.M7_wy.bRki8 {
}

.alhTP {
  font-weight: 600;
}

.qH32g svg {
  margin-left: -8px;
  margin-right: 6px;
  fill: var(--rowTextColor) !important;
  stroke: var(--rowTextColor) !important;
  min-width: 22px;
}

.X8iBP {
  font-weight: normal;
}

.X8iBP > input {
  margin-bottom: 0px;
  margin-right: var(--largeMargin);
}

.X8iBP svg {
  margin-right: var(--standardMargin);
}

.bRki8 .qH32g {
  color: var(--selectedTextColor);
}

.bRki8 {
  color: var(--selectedTextColor);
  background-color: var(--selectedColor);
}

.bRki8 svg {
  fill: var(--selectedTextColor) !important;
  stroke: var(--selectedColor) !important;
}

.bRki8.xizGi svg {
  stroke: var(--selectedTextColor) !important;
}

.qH32g {
  float: left;
  padding-top: var(--topPadding);
  padding-left: 12px;
  display: flex;
}

.sgjX1 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  float: right;
  box-sizing: border-box;
}

.xizGi {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  float: right;
  padding: 1px;
  box-sizing: border-box;
  visibility: hidden;
}

.xizGi.lKmhY {
  visibility: visible;
}

.ZdVze {
  float: right;
  margin-right: 5px;
}

.Xn88W {
  margin-top: 0px;
  margin-bottom: 4px;
  overflow-y: auto;
  font-size: var(--fontSize);
}

.P41wY {
}

.t1DIM {
  transform: rotateZ(90deg);
}

.JjEkL {
  visibility: hidden;
}

.bRki8 .cM9tT {
  border: 1px solid var(--whiteColor);
}

.cM9tT {
  position: absolute;
  left: -2px;
  background-color: var(--surface6Color);
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid var(--surface3Color);
  width: 8px;
  height: 8px;
  top: calc(50% - 4px);
  margin-right: 2px;
  z-index: 2;
}

.LVUAk {
  margin-left: -12px;
  z-index: 3;
  margin-right: -1px;
}

.ERla_ {
  margin-left: var(--smallMargin);
}

.iKVRP {
  background: none;
  border: 0;
  border-radius: 0;
  width: 16px;
  height: 10px;
  top: calc(50% - var(--checkboxVerticalOffset));
  margin-left: -8px;
  margin-right: 13px;
}

.b73Fa {
  background-color: var(--selectedTextColor);
}

.nBX44 {
  background-color: var(--darkSide1Color) !important;
  color: var(--whiteColor) !important;
  font-size: 1.2em !important;
  padding-left: 15px !important;
  height: 40px !important;
}

.Uwvwr {
  margin-left: var(--borderWidth);
  margin-right: 1px;
  background-color: #2f2f2f !important;
  border: var(--borderWidth) solid #333 !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-radius: 0px !important;
}

.YfIKc {
  margin-left: 12px;
}

/* COLUMN CLASSES */

.T0KLU {
  pointer-events: none;
  width: 15px;
  min-height: 20px;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
}

.jLo31 {
  position: relative;
  pointer-events: none;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: -2px;
}

.ApZF8 {
  width: 16px;
  height: 18px;
  margin-top: 7px;
  margin-left: calc(var(--topPadding)*-1);
  margin-right: 30px;
  z-index: 1;
  background: white;
}

.jielZ {
  width: 15px;
  box-sizing: border-box;
}

.Edwxg {
  height: 0px;
  position: relative;
  box-sizing: border-box;
  top: calc(50% - 1px);
  border-bottom: 1px solid var(--borderColor);
}

.W9bzE {
  border-right: 1px solid var(--borderColor);
  height: 50%;
}

.Psxo8 {
  border-right: 1px solid var(--borderColor);
  height: 50%;
  position: absolute;

  box-sizing: border-box;
  top: 50%;
  width: 100%;
}

.jLo31 > .Psxo8 {
  left: 1px;
}

.FnHHI {
  border-right: 1px solid var(--borderColor);
  height: 100%;
}

.bRki8 .FnHHI,
.bRki8 .W9bzE,
.bRki8 .Psxo8,
.bRki8 .Edwxg {
  border-color: var(--selectedBorderColor);
}

.ZP2pU {
  padding: var(--standardMargin);
  padding-left: var(--largeMargin);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ZP2pU svg {
  margin-right: var(--standardMargin);
}

.ZP2pU:hover {
  color: var(--accent1Color);
}

.KLtEq {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.UU6BV {
  display: flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid var(--borderColor);
  font-size: 12.8px !important;
  background: white !important;
  box-sizing: border-box;
}

.UU6BV svg {
    color: var(--accent2Color) !important;
    margin: 0 !important;
  }

.UU6BV.C9z6_ {
  width: 16px;
  height: 16px;
  font-size: 9px !important;
}

.NJ76L {
  margin-right: var(--smallMargin);
}

.KLtEq > *:last-child {
  font-weight: 400;
  color: var(--iconColor);
}

.wEh6n {
  opacity: 0;
  transition: opacity 0.25s;
}

.SAmtm {
  opacity: 1;
}

.wNBrw {
  opacity: 0.5;
}

.c0C36 {
  opacity: var(--disabledOpacity);
}

.c0C36 .UU6BV {
  background: var(--disabledBackgroundColor);
}

.Z17x4 {
  width: 22px;
  height: 22px;

  flex-shrink: 0;
  flex-grow: 0;
}

.Z17x4.C9z6_ {
  width: 20px;
  height: 20px;
}

.LUne7 {
  display: flex;
  align-items: baseline;
}

.Svrmk {
  margin-right: var(--smallMargin);
}

.Svrmk,
.NPLcb {
  cursor: pointer;
}

.VcBT0 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.klFKK {
  display: flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--borderColor);
  background: white !important;
  border-radius: 8px;
  box-sizing: border-box;
}

.wc63o {
  margin-right: var(--smallMargin);
}

.cS0zW {
  opacity: 0;
  width: 8px;
  height: 8px;
  background: #666;
  border-radius: 4px;
}

.Ju1t_ {
  opacity: 1;
}

.Mrxt0 {
  opacity: var(--disabledOpacity);
}

.TsUb4 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  flex-grow: 0;
}

.IBWL6 {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-template-rows: repeat(5, auto) !important;
}

.w-color-compact {
    width: 100% !important;
    background: transparent !important;
    display: grid !important;
  }

.w-color-compact-input-wrapper {
    display: grid !important;
    margin: 0 !important;
    margin-top: var(--smallMargin) !important;
    gap: var(--smallMargin) !important;
    max-width: 405px;
  }

.w-color-editable-input {
    font-size: var(--textInputFontSize) !important;
  }

.w-color-editable-input > input {
    height: var(--inputHeight) !important;
    background: var(--inputBackground) !important;
    color: var(--surface1Color) !important;
    border: var(--borderWidth) solid var(--borderColor) !important;
    padding-left: var(--plainBoxPadding) !important;
    font-size: var(--textInputFontSize) !important;
    border-radius: var(--insetMargin);
  }

.w-color-editable-input > span {
    margin-right: var(--smallMargin) !important;
    padding: 0 !important;
  }

.SeWEV {
  max-width: none !important;
  width: auto !important;
}

.l8GvP {
  margin-left: calc(var(--largeMargin)*-1);
  margin-right: calc(var(--largeMargin)*-1);
  margin-bottom: var(--standardMargin);
  margin-top: var(--standardMargin);
  height: var(--dividerWidth);
  width: calc(100% + var(--largeMargin)*2);
  border-top: var(--dividerWidth);
}

.B5aNZ {
  height: 32px;
  width: 100%;
  border-radius: var(--insetMargin);
  cursor: pointer;
  display: flex;
  box-sizing: border-box;
}

.CRY_H {
  flex-grow: 1;
}

._Zu0n {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  margin-left: 9px;
  color: var(--placeholderColor);
  font-size: var(--labelFontSize);
}

.m8Mzc {
  width: 15px;
  height: 15px;
  stroke: var(--errorColor);
  background: var(--semiTransparentWhite);
  margin-right: 0px !important;
  border-radius: var(--insetMargin);
}

.FWqnC {
  border: solid 1px var(--borderColor);
  background: white;
}

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

.nb25r div,
.nb25r svg {
  margin-right: var(--smallMargin);
}

.BBrTK {
  display: flex;
  width: 100% !important;
  flex-direction: column;
  box-sizing: border-box;
  height: 100%;
}

.tJHW3 {
  overflow-y: hidden;
  box-sizing: border-box;
}

.tJHW3:first-child {
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}

.tJHW3:last-child {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-grow: 1;
}

.ivB3Q {
  flex: 1 1 auto;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
}

.noUvL {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

.W150f {
  flex: 1 1 auto;
  padding: 2px 0;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
}

.Nebsm {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.VgNZj {
  flex: 0 0 auto;
}

.RToMh {
  padding: 0px;
}

.XP5TU {
  height: 800px !important;
  max-height: 800px !important;
  max-width: 1200px !important;
}

@media (max-height: 840px) {
  .XP5TU {
    height: 95% !important;
    max-height: none !important;
  }
}

.NLWTL {
  width: 100%;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 200px;
}

.xteRq {
  box-sizing: border-box;
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: 3px;
  padding-right: 10px;
  height: 30px;
  width: 100%;
}

.cp8cO {
  width: 100%;
  font-size: 0.925em;
}

.cp8cO td {
  padding: 7px;
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: middle;
  word-break: break-all;
}

.cp8cO td label {
  font-weight: 600;
}

.cp8cO td > a > svg,
.cp8cO td > svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
}

.cp8cO .jv8tk {
  height: 20px;
}

.cp8cO tbody tr:nth-child(odd) {
  background-color: #fafafa;
}

.cp8cO th {
  text-align: left;
  font-weight: bold;
  padding: 16px 0 16px 12px;
  background-color: white;
}

.cp8cO thead {
  border-top: 15px solid white;
}

.cp8cO thead:first-child {
  border-top: 0px;
}

.cp8cO a {
  color: var(--accent3Color);
  text-decoration: none;
  font-weight: 600;
}

.cp8cO a svg {
  fill: var(--accent3Color);
  stroke: var(--accent3Color);
}

.dGSkk {
  width: 1px;
  white-space: nowrap;
}

.xc5Hj {
  opacity: 0.5;
  margin-left: 4px;
  align-items: center;
  display: flex;
}

.khnVo {
  margin-bottom: 3px;
  margin-left: 4px;
}

.iDA45 {
  display: flex;
  flex-direction: column;
}

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

.Dtimv {
  min-height: 32px;
}

.BMNrR {
  background: var(--whiteColor);
  border-right: 1px solid var(--surface4Color);
  box-sizing: border-box;
  overflow: auto;
  padding: 0;
}

.BMNrR:last-child {
  border-right: 0;
  margin-right: 0;
}

.pB934 {
  padding-left: 0;
  padding-right: 0;
}

.gEjgR {
  padding: var(--standardMargin);
  box-sizing: border-box;
}

.MU50g {
  display: flex;
  justify-content: space-between;
  padding: 16px 12px 15px;
}

.ZwDca {
  font-weight: bold;
}

.g_2RR {
}

.oCDHg {
  flex-shrink: 0;
  margin-right: var(--standardMargin);
  vertical-align: middle;
  min-width: 13px;
  min-height: 13px;
  border-radius: 3px;
}

.Le6xN {
  padding: 0 !important;
}

.Le6xN:last-child {
  padding-right: var(--standardMargin) !important;
}

.Le6xN button {
  margin: 0;
}

.JT39m {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  z-index: var(--modalZIndex);
  visibility: hidden;
  text-align: left;
}

.vnwIc > svg,
.Rhj7V > svg {
  font-size: 0.9em;
  color: var(--blackColor);
}

.Rhj7V > svg {
  margin: 0 !important;
}

.CNuMj {
  padding-left: var(--iconTextMargin);
}

.CNuMj:focus {
  background: var(--surface6Color);
  border-color: var(--accent2Color) !important;
  box-shadow: var(--selectControlFocusShadow) !important;
}

.nRbAY {
  transition: color var(--sidebarSpeed) ease-out;
  margin-left: var(--standardMargin) !important;
  margin-right: calc(var(--smallMargin)*-1) !important;

  color: var(--selectControlInactiveColor) !important;

  padding-left: var(--smallMargin) !important;
  border-left: var(--tableBorderStyle);
}

.nRbAY.x3wRR {
  color: var(--selectControlActiveColor) !important;
}

.aG8aa {
  background: white;
  box-shadow: var(--selectShadow);
  color: var(--blackColor) !important;
  width: auto;
  border-radius: var(--tableBorderRadius);
  max-height: 400px;
  overflow-y: auto;
  box-sizing: border-box;
}

.gIAj7 {
  line-height: 14.4px;
  font-size: 14px;
  display: flex;
  flex-direction: column;
}

.Rhj7V {
  margin-left: var(--smallMargin);
  margin-right: var(--smallMargin);
}

.osliJ {
  color: var(--surface3Color);
  margin-top: var(--insetMargin);
}

.EioZi {
  pointer-events: none;
  background: white;
  opacity: 0.5;
}

.BkqWj {
  white-space: nowrap;
}

.BrVzc {
  display: flex;
  padding: 10px 14px;
  align-items: center;
}

.BrVzc > div {
  min-width: 24px;
}

.WAa2c {
  flex-grow: 1;
}

.BrVzc.EVj2N {
  cursor: pointer;
}

.BrVzc:hover,
.BrVzc.Q8KXv {
  background: var(--surface5Color);
}

.BrVzc:first-child {
  border-radius: var(--tableBorderRadius) var(--tableBorderRadius) 0 0;
}

.BrVzc:last-child {
  border-radius: 0 0 var(--tableBorderRadius) var(--tableBorderRadius);
}

.BrVzc:only-child {
  border-radius: var(--tableBorderRadius) var(--tableBorderRadius)
    var(--tableBorderRadius) var(--tableBorderRadius);
}

.BrVzc:last-child {
  border-bottom: 0;
}

.QG4Pa {
  visibility: visible;
}

.JDGFQ {
  z-index: var(--modalZIndex);
}

.gv3r0 {
  padding: var(--smallMargin);
  display: flex;
  justify-content: flex-end;
}

.v8FbW {
  display: none;
}

.K6woH {
  opacity: 0;
}

.K6woH.x3wRR {
  opacity: 1;
}

.aoBWa {
  display: flex;
  align-items: center;
  width: 100%;
}

.X8rOg {
  text-align: center;
}

.GQpm6 {
  flex-grow: 1;
  width: 1px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.GQpm6 a {
    color: var(--accent3Color);
    font-weight: 600;
  }

.X5Z3A.hT4k4 {
  color: var(--whiteColor);
}

.WgBdF {
  font-size: var(--subtitleFontSize);
  color: var(--surface3Color);
}

.WgBdF a {
    color: var(--surface3Color);
  }

a.I7JgJ {
  font-size: var(--subtitleFontSize);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: var(--surface3Color);
}

.WgBdF.hT4k4 {
  color: var(--whiteColor);
}

.qSGIh {
  font-size: 15px;
  color: var(--iconColor);
  font-weight: 300;
  width: 100%;
  border-bottom: 1px solid var(--borderColor);
  margin-bottom: var(--standardMargin);
  display: flex;
}

.OgoXi {
  flex-grow: 1;
}

.uahLE.YJjdH .qSGIh {
  margin-bottom: var(--insetMargin);
}

.Cl7bw {
  padding: var(--smallMargin) var(--standardMargin);
  background: var(--surface6Color);
  border: 1px solid var(--borderColor);
  border-radius: var(--tableBorderRadius);
  margin-bottom: var(--standardMargin);
}

.hM7Wg svg {
  font-size: 12px;
  min-width: 19px;
}

.hM7Wg:hover {
  background: transparent;
}

.hM7Wg {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 0;
}

.hM7Wg svg {
    margin-left: 0;
    margin-top: 1px;
    margin-right: var(--smallMargin);
  }

.aXp_x {
  width: 100%;
  box-sizing: border-box;
  padding: var(--standardMargin);
  border: 1px solid var(--borderColor);
  background: var(--whiteColor);
  margin-bottom: var(--standardMargin);
  border-radius: var(--tableBorderRadius);
}

.g5QNl {
  width: 100%;
  border-bottom: 1px solid var(--borderColor);
  margin-bottom: var(--largeMargin);
  margin-top: var(--largeMargin);
}

.iKLNB {
  color: var(--errorColor);
}

.Select__option--is-selected .iKLNB {
  color: var(--whiteColor) !important;
}

:root {
  --segmentControlSpeed: 0.2s;
}

.I46NH {
  line-height: normal;
  cursor: pointer;
  display: inline-flex;
  width: auto;
  align-items: stretch;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  outline: 0;
}

.jEzcl {
  flex-direction: column;
  align-items: flex-start;
}

.vqyNz > * {
  pointer-events: none;
}

.vqyNz {
  background: white;
  min-height: 33px;
  box-sizing: border-box;
  border: 1px solid var(--borderColor);
  border-right: 1px solid transparent;
  padding: 7px 12px 7px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 14px;
  min-width: 100px;
  opacity: 1;
  color: var(--textColor);
}

.vqyNz svg {
  margin-top: 0px;
  margin-right: 12px;
  font-size: var(--baseSvgFontSize) !important;
  color: var(--iconColor);
}

.vqyNz:first-child {
  border-left: 1px solid var(--borderColor);
  border-radius: 5px 0px 0px 5px;
}

.vqyNz:last-child {
  border-right: 1px solid var(--borderColor);
}

.O7zmx + .vqyNz {
  border-left: 1px solid var(--accent1Color);
}

.VqIl_ {
  min-width: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.vqyNz:last-child {
  border-radius: 0px 5px 5px 0px;
}

.vqyNz:only-child {
  border-radius: 5px;
}

.jEzcl .vqyNz {
  border: 1px solid var(--borderColor);
  border-bottom: 0;
  border-radius: 0;
  width: 100%;
  justify-content: flex-start;
  padding-left: 20px;
  padding-right: 20px;
}

.jEzcl .vqyNz:first-child {
  border-radius: 5px 5px 0 0;
}

.jEzcl .vqyNz:last-child {
  border-radius: 0 0 5px 5px;
  border-bottom: 1px solid var(--borderColor);
}

.jEzcl .vqyNz:only-child {
  border-radius: 5px;
}

.jEzcl .O7zmx,
.jEzcl .O7zmx:last-child,
.jEzcl .O7zmx:first-child,
.O7zmx,
.O7zmx:last-child,
.O7zmx:first-child {
  border-color: var(--accent1Color);
}

.jEzcl .O7zmx + .vqyNz {
  border-top-color: var(--accent1Color);
}

.O7zmx {
  background: var(--accent1Color);
  color: white;
  border-color: var(--accent1Color);
  opacity: 1;
}

.O7zmx svg {
  color: white;
  opacity: 1;
}

.kXvd2 {
  width: 100%;
}

.C4oDx {
  flex: 1;
  min-width: auto;
}

.jbN9K {
  pointer-events: none;
  opacity: 0.35;
}

.leHBd {
  margin-bottom: var(--standardMargin);
}

.THisT {
  height: 100% !important;
  max-height: 800px !important;
  max-width: 1200px !important;
}

.H4MqK {
  padding: 0px;
}

.jw4QL {
  height: 100%;
}

.EQ3eI {
  height: 800px !important;
  max-height: 800px !important;
  max-width: 800px !important;
}

@media (max-height: 840px) {
  .EQ3eI {
    height: 95% !important;
    max-height: none !important;
  }
}

.VdpGz {
  padding: 0;
}

.VdpGz > div {
  display: flex;
  flex-direction: column;
}

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

.bDdsJ div {
  margin-right: var(--smallMargin);
}

.HxiFP {
  position: relative;
}

.N4gDV {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--standardMargin);
  -moz-column-gap: var(--standardMargin);
       column-gap: var(--standardMargin);
}

.i6iy4 {
  min-height: 400px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ehaQG {
  flex: 1;
  min-height: 300px;
}

.huyiI {
  margin-right: var(--standardMargin);
}

.Wf2YD {
  margin-right: var(--standardMargin);
}

.gVKdd {
  width: min(90vw, 1300px) !important;
}

.HlSpk {
  border-bottom: 1px solid var(--surface4Color);
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-bottom: var(--standardMargin);
  flex-direction: row;
  align-items: top;
  padding-bottom: 10px;
  flex-shrink: 0;
}

.JLB5K {
  padding-top: var(--standardMargin);
  padding-bottom: 0px;
  min-height: 40px;
  flex-wrap: wrap;
  border-bottom: 0;
  margin-bottom: var(--smallMargin);
}

.HlSpk:first-child {
}

.jKpN8 {
  flex: 0 0 auto;
  margin-right: var(--toolbarSpacing);
}

.jKpN8.GHmaC {
  flex-grow: 1;
  overflow: hidden;
  max-width: 100%;
}

.JLB5K .jKpN8 {
  margin-bottom: var(--smallMargin);
}

.jKpN8:last-child {
  margin-right: 0;
}

.V_BXa {
  margin: 0;
  padding: 0;
  border-bottom: 0;
}

.O_Zrm {
  margin: -5px 40px 0 0;
  padding: 8px 0px 0px 0px;
  border-bottom: 0;
}

.EwSgw {
  flex-grow: 1;
}

.cqe3G {
  border-radius: 6px;
  height: 31px;
}

.qQoJJ {
  margin-top: var(--largeMargin);
}

.Nef9g {
  pointer-events: none;
}

.rtpdV {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  pointer-events: none;
  display: flex;
  align-items: center;
  padding-top: 33px;
  justify-content: flex-start;
  z-index: var(--toastZIndex);
  flex-direction: column;
  transform: translateZ(0);
  box-sizing: border-box;
}

.RbwD8 {
  width: 10px;
  height: 130px;
}

/*
 * Transition
 */

.U5_zg {
  opacity: 0;
}

.rp66D {
  opacity: 1;
}

.te8Ep {
  opacity: 1;
}

.WKBGh {
  opacity: 0;
  pointer-events: none;
}

:root {
  --toastMaxWidth: 500px;
  --toastHeight: 30px;
  --iconWidth: 20px;
  --toastWarningColor: #e68e00;
}

.EPPaD {
  padding: var(--smallMargin) 0;
  color: var(--surface5Color);
  font-size: 1rem;
  max-width: var(--toastMaxWidth);
  min-height: var(--toastHeight);
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 1px solid var(--borderColor);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  transition: opacity var(--toastSpeed) ease-in;
  will-change: opacity;
  margin-bottom: 15px;
  clear: both;
  overflow: hidden;
  pointer-events: auto;
  background: white;
  border-radius: var(--tableBorderRadius);
}

.EPPaD svg {
  fill: #fffff;
  stroke: #ffffff;
  width: 24px;
  height: 24px;
}

.loZS1 .EwAo4 {
  color: var(--accent1Color);
}

.X7RCo .EwAo4 {
  color: var(--errorColor);
}

.QaTWr .EwAo4 {
  color: var(--toastWarningColor);
}

.V1ndg {
  color: var(--blackColor);
  flex: 1 1 auto;
  padding: var(--smallMargin);
}

.EwAo4 {
  display: flex;
  padding-left: var(--standardMargin);
  padding-right: var(--smallMargin);
  padding-top: 0px;
  width: var(--iconWidth);

  align-items: center;
  justify-content: center;
}

.EwAo4 svg {
    display: block;
    margin: 0 auto;
    fill: white;
    stroke: white;
  }

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

  height: 44px;

  cursor: pointer;
  padding: 0 var(--standardMargin);
}

.etfDc svg {
    fill: var(--blackColor);
    stroke: var(--blackColor);
    width: 22px;
    height: 22px;
  }

.uRK7W {
  width: auto;
  height: auto;
  margin-bottom: 0;
  min-height: 0;
  padding: var(--smallMargin);
  background: var(--surface2Color);
  font-size: 0.85rem;
  z-index: var(--tooltipZIndex);
  background: white;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.uRK7W .etfDc {
  display: none;
}

.uRK7W .V1ndg {
  padding: 0;
}

.uRK7W .EwAo4 {
  padding: 0;
  width: var(--iconWidth);
  align-items: center;
  justify-content: center;
  background: transparent;
}

.uRK7W .EwAo4 svg {
    margin: 0 var(--smallMargin) 0 var(--insetMargin);
    height: auto;
  }

.RibNF {
  min-width: 180px;
}

.A81HB {
  display: flex;
  height: 100%;
  align-items: center;
  width: 100%;
  border: 1px solid transparent;
}

  .A81HB [class*='TextInput-focus'],
  .A81HB [class*='DateInput-dateInput'],
  .A81HB input,
  .A81HB input:focus {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
  }

.A81HB > div {
  width: 100%;
  box-sizing: border-box;
}

.ILFlx {
  background: var(--inputBackground);
  border: 1px solid var(--borderColor);
  border-radius: 3px;
}

.ZjfRs {
  width: 100%;
}

.l_WaK {
  height: 100%;
}

.PooPP {
  padding-top: 1px;
  margin-left: var(--smallMargin) !important;
  margin-right: var(--smallMargin) !important;
  font-size: 0.8em !important;
  font-weight: 400;
}

.gTSE4 {
  flex-grow: 1;
  border: 0;

  background: transparent !important;
}

.G8M9g {
  display: flex;
  align-items: center;
  width: 170px;
  box-sizing: border-box;
}

.NkHHo {
  width: 100%;
}

.oT90r {
  padding-left: 0 !important;
}

.nQ5bf {
  height: 24px !important;
}

/*!
 * https://github.com/arqex/react-datetime
 */

.rdt {
  position: relative;
}

.rdtPicker {
  display: none;
  position: absolute;
  min-width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  border: 1px solid #f9f9f9;
}

.rdtOpen .rdtPicker {
  display: block;
}

.rdtStatic .rdtPicker {
  box-shadow: none;
  position: static;
}

.rdtPicker .rdtTimeToggle {
  text-align: center;
}

.rdtPicker table {
  width: 100%;
  margin: 0;
}

.rdtPicker td,
.rdtPicker th {
  text-align: center;
  height: 28px;
}

.rdtPicker td {
  cursor: pointer;
}

.rdtPicker td.rdtDay:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover,
.rdtPicker .rdtTimeToggle:hover {
  background: #eeeeee;
  cursor: pointer;
}

.rdtPicker td.rdtOld,
.rdtPicker td.rdtNew {
  color: #999999;
}

.rdtPicker td.rdtToday {
  position: relative;
}

.rdtPicker td.rdtToday:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}

.rdtPicker td.rdtActive,
.rdtPicker td.rdtActive:hover {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.rdtPicker td.rdtActive.rdtToday:before {
  border-bottom-color: #fff;
}

.rdtPicker td.rdtDisabled,
.rdtPicker td.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker td span.rdtOld {
  color: #999999;
}

.rdtPicker td span.rdtDisabled,
.rdtPicker td span.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker th {
  border-bottom: 1px solid #f9f9f9;
}

.rdtPicker .dow {
  width: 14.2857%;
  border-bottom: none;
  cursor: default;
}

.rdtPicker th.rdtSwitch {
  width: 100px;
}

.rdtPicker th.rdtNext,
.rdtPicker th.rdtPrev {
  font-size: 21px;
  vertical-align: top;
}

.rdtPrev span,
.rdtNext span {
  display: block;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */    /* Konqueror */
  -moz-user-select: none;      /* Firefox */       /* Internet Explorer/Edge */
  user-select: none;
}

.rdtPicker th.rdtDisabled,
.rdtPicker th.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker thead tr:first-of-type th {
  cursor: pointer;
}

.rdtPicker thead tr:first-of-type th:hover {
  background: #eeeeee;
}

.rdtPicker tfoot {
  border-top: 1px solid #f9f9f9;
}

.rdtPicker button {
  border: none;
  background: none;
  cursor: pointer;
}

.rdtPicker button:hover {
  background-color: #eee;
}

.rdtPicker thead button {
  width: 100%;
  height: 100%;
}

td.rdtMonth,
td.rdtYear {
  height: 50px;
  width: 25%;
  cursor: pointer;
}

td.rdtMonth:hover,
td.rdtYear:hover {
  background: #eee;
}

.rdtCounters {
  display: inline-block;
}

.rdtCounters > div {
  float: left;
}

.rdtCounter {
  height: 100px;
}

.rdtCounter {
  width: 40px;
}

.rdtCounterSeparator {
  line-height: 100px;
}

.rdtCounter .rdtBtn {
  height: 40%;
  line-height: 40px;
  cursor: pointer;
  display: block;

  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */    /* Konqueror */
  -moz-user-select: none;      /* Firefox */       /* Internet Explorer/Edge */
  user-select: none;
}

.rdtCounter .rdtBtn:hover {
  background: #eee;
}

.rdtCounter .rdtCount {
  height: 20%;
  font-size: 1.2em;
}

.rdtMilli {
  vertical-align: middle;
  padding-left: 8px;
  width: 48px;
}

.rdtMilli input {
  width: 100%;
  font-size: 1.2em;
  margin-top: 37px;
}

.rdtTime td {
  cursor: default;
}

.rdtPicker {
  background: var(--surface5Color);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2);
  border: 1px solid var(--borderColor);
  color: var(--textColor);
  border-radius: var(--tableBorderRadius);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  top: 100%;
  left: 0;
}

.rdtPicker .dow,
  .rdtPicker .rdtSwitch {
    text-transform: capitalize;
  }

.rdtPicker tfoot {
    border: none;
  }

.rdtPicker td.rdtToday:before {
    border-bottom-color: #34a1bb;
  }

.rdtPicker td.rdtActive,
  .rdtPicker td.rdtActive:hover {
    background: #34a1bb;
  }

.rdtPicker td,
  .rdtPicker th {
    vertical-align: middle;
    border: none;
  }

.anD2b {
}

.anD2b > input[type='file'] {
  display: none;
}

.ebROA {
  margin: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 0.9em;
  gap: var(--smallMargin);
  font-size: var(--labelFontSize) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pCjdv {
  width: 50px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.ebROA > p,
.pCjdv {
  padding: 10px 0;
}

.DCUAW {
}

.DCUAW.JhzUN {
  transform: rotate(90deg);
}

.dZ179 {
  display: none;
}

.S8KQD {
  flex-grow: 1;
}

.ebROA:nth-child(even of :not(.dZ179)):hover,
.ebROA:nth-child(odd of :not(.dZ179)):hover {
  background-color: var(--surface5Color);
}

.vJS2g,
.xeNEa {
  padding: var(--plainBoxPadding);
  border-radius: var(--tableBorderRadius);
  box-sizing: border-box;
  overflow: auto;
}

.omsIJ {
  padding: var(--standardMargin);
  width: 100%;
  flex-grow: 1;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.vJS2g,
.xeNEa {
  background: var(--whiteColor);
  border: var(--tableBorderStyle);
}

.m4hvW {
  display: flex;
  flex-direction: column;
}

.HNHYX {
  flex: 0 0 auto;
}

.xeNEa {
  flex: 1 1 auto;
  background: var(--whiteColor);
  height: 100%;
}

.f4IbT {
  display: flex;
  min-height: 59px;
}

.NNrIW {
  margin-right: var(--insetMargin);
  min-width: 22px;
  margin-top: 2px;
  margin-left: -4px;
}

.rieIk {
  height: 100%;
  display: flex;
  align-items: center;
}

.rieIk svg {
  margin-bottom: var(--smallMargin);
  margin-right: var(--insetMargin);
  min-width: 22px;
  margin-top: 2px;
  margin-left: -4px;
}

.PDr6R {
  margin-left: var(--iconTextMargin);
  transition: transform var(--sidebarSpeed) ease-out;
}

.PDr6R {
  height: 16px !important;
}

.PDr6R.F6Ejg {
  transform: rotate(90deg);
}

.Wc4xi {
  flex-grow: 1;
}

.FSVpS {
  display: flex;
}

.OxSJs {
  text-transform: none;
  min-height: 40px;
}

.p1SoQ {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}

.p1SoQ.F6Ejg {
  color: var(--accent1Color);
}

.p1SoQ:hover {
  color: var(--accent1ColorHover);
}

.o9Dp3 {
  margin-left: var(--smallMargin);
}

.KIejy {
  text-transform: none;
  font-size: var(--tableFontSize);
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--tableBorderColor);
  cursor: pointer;
  box-sizing: border-box;
  padding-top: var(--standardMargin);
  box-sizing: border-box;
  padding-left: var(--largeMargin);
  padding-bottom: var(--smallMargin);
  font-size: var(--tableFontSize);
}

.KIejy:first-child {
  border-left: 0;
  padding-left: var(--largeMargin);
}

.KIejy > div {
  display: flex;
  align-items: center;
}

.rieIk > svg {
  margin-bottom: 2px;
  height: 13px;
}

.rieIk.PSoCM > svg {
  height: 24px !important;
  margin-bottom: -5px;
  margin-top: -5px;
}

.rieIk.PSoCM {
  height: 17px;
}

.qIKPa {
  line-height: 1.1rem;
}

.IhDDu {
  font-weight: 600;
}

.thBTg {
  z-index: var(--modalZIndex);
}

.f_Qmr {
  width: 24px;
  height: 13px;
  z-index: 2;
  overflow: hidden;
  margin-top: -1px;
}

.QeYB2 {
  width: 17px;
  height: 17px;
  transform: rotate(45deg);
  margin-top: -10px;
  margin-left: 4px;
}

.wmu2d {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
}

.jE_k2,
.QeYB2 {
  background: var(--tooltipBackground);
  color: var(--whiteColor);
  cursor: pointer;
}

.jE_k2 {
  font-size: 0.95em;
  z-index: 1;
  border-radius: var(--tableBorderRadius);
}

.jE_k2 svg {
  width: 10px !important;
  margin-right: var(--iconTextMargin);
  color: var(--whiteColor) !important;
}

.sKP3l {
  z-index: var(--modalZIndex);
  font-size: var(--tableFontSize);
  display: flex;
  justify-content: center;
  transition: opacity var(--toastSpeed);
  cursor: pointer;
}

.OJSvL {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--smallMargin) var(--standardMargin);
  border-radius: var(--tableBorderRadius);
}

.wmu2d:hover .OJSvL {
  background: var(--surface1Color);
}

.wmu2d:hover .QeYB2 {
  background: var(--surface1Color);
}

.MzcpA {
  white-space: pre-wrap;
  padding: var(--smallMargin) var(--standardMargin);
}

.Q7gEz {
  border-bottom: 1px solid var(--surface3Color);
}

.gcsfQ {
  opacity: 0;
  will-change: opacity;
}

.KekrM {
  opacity: 1;
}

.RX_TK {
  opacity: 0;
  will-change: opacity;
}

.H3nhI {
  opacity: 0;
}

.mGo04 {
  width: 100%;
  display: flex;
  padding-top: var(--largeMargin);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.12);
  z-index: var(--navBarZIndex);
  background: white;
  justify-content: space-between;
}

.rFOdu {
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;

  color: var(--labelColor);
}

.rFOdu.SMzqK {
  padding-bottom: var(--largeMargin);
}

.rFOdu a {
  color: #999;
  text-decoration: none;
}

.bEGVJ {
  display: inline-flex;
  padding-right: var(--largeMargin);
  margin-top: -5px;
}

.R_mKv {
  margin-top: 10px;
}

.j8N1O {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-left: var(--largeMargin);
  display: flex;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 400;
}

.j8N1O.DFtWv {
  margin-left: 0;
}

.uxMkv {
  width: 1px;
  flex-grow: 1;
}

.m1gZr {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--largeMargin);
  margin-top: -25px;
}

.Jjskx {
  color: var(--failureColor);
}

.kaitT {
  color: var(--labelColor);
  margin-left: var(--largeMargin);
  display: flex;
  gap: var(--largeMargin);
  font-size: var(--tableFontSize);
  box-sizing: border-box;
  margin-top: var(--insetMargin);
}

.kaitT > div {
  border-left: 1px solid var(--tableBorderColor);
  padding-left: var(--largeMargin);
}

.Hkyoe {
  border-right: 1px solid var(--tableBorderColor);
  padding-right: var(--largeMargin);
  margin-right: var(--largeMargin);
}

.vlvy2 {
  border-left: none !important;
  padding-left: 0 !important;
  min-width: 142px !important;
}

.Rzocx:first-child {
}

.Rzocx {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--smallMargin);
}

.Rzocx label {
  font-weight: 600;
  font-size: 0.85em;
  margin-bottom: var(--insetMargin);
}

.AfHDz {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
}

._JiPF {
  margin-top: -25px;
  margin-right: var(--standardMargin);
}

.ofvlh {
  color: var(--labelColor);
  font-size: 0.8em;
}

.mwxJZ {
  width: 100%;
  display: flex;
  flex-grow: 1;
  height: 1px;
  box-sizing: border-box;
  padding-left: var(--largeMargin);
  padding-right: var(--largeMargin);
}

.mwxJZ.QLhJw {
  padding-left: 0;
  padding-right: 0;
}

.qUf8Q {
  width: 100%;
  display: flex;
  flex-grow: 1;
  height: 1px;
}

.nlegO.u5zMd:last-child:after {
  height: var(--standardMargin);
  flex-shrink: 0;
  content: '';
}

.nlegO {
  min-height: 100%;
  width: 1px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding-top: var(--largeMargin);
  box-sizing: border-box;
}

.nlegO.LGgUb {
  padding-top: 0;
}

.TahFc {
  padding: 0;
}

.ZKbuJ {
  display: flex;
  height: 1px;
  flex-grow: 1;
}

.qZRyl {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
}

.w0pLq {
  box-sizing: border-box;
  position: sticky;
  top: 0;
  left: 0;
  background: var(--surface5Color);
  z-index: 3;
  transition: box-shadow 0.3s ease-in-out;
}

.a720z {
  box-shadow: var(--navBarShadow);
}

.IfXID {
  padding-left: var(--largeMargin);
  padding-right: var(--largeMargin);
}

.UEF8f > div > div:last-child {
  padding-bottom: var(--standardMargin);
}

.Ikjjz {
  width: 100%;
}

.pk8or {
  width: 100%;
}

.IlaFC {
  min-width: 200px;
}

.g0N_T {
  padding-left: var(--standardMargin);
  padding-right: var(--standardMargin);
  min-width: 50px;
}

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

.u44vt {
  padding: var(--smallMargin) 0 var(--smallMargin) 0;
}

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

.i78UX {
  flex-grow: 1;
  width: 1px;
}

@media (max-width: 1300px) {
  .GG5OZ {
    display: inline;
  }

  .i78UX {
    display: none;
  }
}

:root {
  --switchBgSize: 20px;
  --switchColor: rgba(255, 255, 255, 0.3);
  --switchWidth: 44px;
  --switchHeight: 22px;
}

.fGSdS {
  flex-shrink: 0;
  width: var(--switchWidth);
  height: var(--switchHeight);
  border-radius: 11px;
  background: var(--whiteColor);
  padding: 3px;
  box-sizing: border-box;
  display: flex;
  border-color: var(--accent1Color);
  background: #bababa;
  cursor: pointer;
}

.fGSdS.NASpm {
  cursor: default;
}

.fGSdS._0dhe {
  background: var(--accent1Color);
}

.qDvGv {
  width: var(--switchWidth);
  height: calc(var(--switchHeight) + 2px);

  position: absolute;
  top: -2px;
  left: 0;
  opacity: 0;
  transition: opacity ease 300ms;
  background-image: linear-gradient(
    -45deg,
    var(--switchColor) 25%,
    transparent 25%,
    transparent 50%,
    var(--switchColor) 50%,
    var(--switchColor) 75%,
    transparent 75%,
    transparent
  );
  -ms-background-size: var(--switchBgSize) var(--switchBgSize);
  background-size: var(--switchBgSize) var(--switchBgSize);
  animation: KUh7u 1.5s linear infinite;
}

.qDvGv.NASpm {
  opacity: 1;
}

.CrIqM {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: var(--whiteColor);
  transition: margin-left ease 200ms;
}

.CrIqM._0dhe {
  margin-left: 22px;
}

.E98OM {
  position: relative;
}

@keyframes KUh7u {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc(var(--switchBgSize)*-2) 0px;
  }
}

.s4V_s,
._Xy2z {
  pointer-events: none;
}

.s4V_s {
  opacity: 0.3;
}

.tmIgC svg text[id^='label:'],
.tmIgC svg text[id^='value:'] {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.tmIgC svg {
  max-width: 100%;
  /* so text close to the border will not get clipped */
  overflow: visible;
}

.tmIgC {
  width: 100%;
  height: 100%;
  margin: var(--standardMargin) 0;
  padding: 0 var(--standardMargin);
  box-sizing: border-box;
}

.MNpFx,
.F3yKK,
.k0zwf {
  font-family: var(--appFont) !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  fill: var(--surface1Color);
}

.dark .MNpFx,
  .dark .F3yKK,
  .dark .k0zwf,
  .dark .tmIgC svg text {
    fill: var(--whiteColor);
  }

.k0zwf,
.MNpFx {
  font-weight: 600;
}

.k0zwf {
  text-decoration: underline;
  cursor: pointer;
  font-size: 12px;
}

.k0zwf:hover {
  fill: var(--accent4Color);
}

.F3yKK {
  font-size: 12px;
  font-weight: 400;
}

.EmLRB {
  text-decoration: underline;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}

.EmLRB:hover {
  fill: var(--accent3Color);
}

.g2vZb {
  background-color: white;
  z-index: 2;
  height: var(--toolbarHeight);
  width: 100%;
  display: flex;
  clear: both;
  align-items: center;
  justify-content: center;
  padding-left: var(--standardMargin);
  padding-right: var(--standardMargin);
  box-sizing: border-box;
  margin-top: -10px;
  border-bottom: 1px solid var(--dividerColor);
}

.TlWH_ {
  cursor: pointer;
  pointer-events: all;
}

.TlWH_:hover {
  fill: var(--accent4Color);
}

.KgWY8 {
  margin-bottom: var(--largeMargin);
  width: 100%;
  display: flex;
  justify-content: center;
}

.LYJFu {
  color: var(--textColor);
}

.DKGQX {
  color: var(--accent3Color);
  font-weight: 600;
}

.Do98j {
  margin-bottom: var(--hugeMargin);
}

.tjVd1 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.H6UtY {
  padding: 0 !important;
}

.asrTk {
  max-width: 95vw !important;
  max-height: 95vh !important;
}

.i6xNI {
  display: flex;

  align-items: flex-start;
  height: 100%;
  box-sizing: border-box;
  margin-left: var(--largeMargin);
}

.XLZlh {
  flex-grow: 1;
  height: 100%;
  max-height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.D946n {
  background-color: var(--surface4Color);
}

.bbn6w {
  background: white;
  padding: var(--standardMargin);
  box-sizing: border-box;
  border-radius: var(--tableBorderRadius);
  box-shadow: var(--selectShadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  word-break: break-all;
  font-size: 0.8em;
}

.bbn6w > img {
  width: auto;
  height: 70px;
  max-width: 80px;
}

.giBN7 {
  width: auto;
}

.lsvLK {
  width: min(40vw, 270px);
  max-height: max(70vh, 400px);
  flex-grow: 1;
  overflow-y: auto;
  box-sizing: border-box;
  border-bottom: 1px solid var(--borderColor);
}

.adajE > div {
  margin-right: 0;
}

.adajE button {
  width: 100%;
  box-sizing: border-box;
}

.tSZIB {
  padding-right: var(--standardMargin);
}

.adajE {
  padding: var(--standardMargin);
  box-sizing: border-box;
}

.adajE {
  overflow-y: auto;
}

.g6yfC {
  align-items: center;
}

.g6yfC button {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: var(--largeMargin);
}

._5Wztv {
  min-height: 100%;
  z-index: 2;
  box-sizing: border-box;
}

._5Wztv {
  width: max(400px, 20vw);
  background: white;
  padding: var(--standardMargin);

  box-shadow: var(--navBarShadow);
}

.hGWuc {
  background-color: white;
  height: 100%;
  max-height: 70vh;
  overflow-y: auto;
}

.Hw0s1 {
  border: 1px solid var(--borderColor);
}

.EKh5I {
  padding: var(--smallMargin);
}

.B8Jm8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--standardMargin);
}

.GO9w0 {
  border: 1px solid var(--borderColor);
  position: relative;
  width: auto;
  display: inline-block;
  flex-grow: 1;
  margin-bottom: var(--standardMargin);
}

.ZCLj8 {
  display: none;
}

.gh9Vx {
  width: 16px;
  height: 16px;
  position: absolute;
  left: calc(100% - 8px);
  top: 10px;
  border-radius: 50%;
  box-sizing: border-box;
}

.q5qyT {
  display: grid;
  box-sizing: border-box;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.q5qyT > div {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-sizing: border-box;
}

.q5qyT > div:hover {
  background-color: var(--surface5Color);
}

.q5qyT > div > img {
  width: 44px;
  height: 44px;
  padding: var(--smallMargin);
  -o-object-fit: scale-down;
     object-fit: scale-down;
  box-sizing: border-box;
}

.ZjR9y {
  flex: 1;
  background-color: green;
}

.Av5eP {
  display: flex;
  -moz-column-gap: 1.5vw;
       column-gap: 1.5vw;
}

.B8Jm8 {
  padding: var(--standardMargin);
  width: 1px;
  flex-grow: 1;
}

.dgAkS {
  position: absolute;
}

.f34Ia {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.AHmLc * {
  vector-effect: non-scaling-stroke;
  shape-rendering: auto;
}

.AHmLc {
  height: 1px;
  width: 100%;
  flex-grow: 1;
  box-sizing: border-box;
  overflow: hidden;
}

.l9Rk2 {
  display: none;
}

.jrF0x {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--standardMargin);
}

.jrF0x button,
.jrF0x label {
  margin: 0 !important;
}

.XHB7k {
  display: flex;
  border: 1px solid var(--borderColor);
  padding-top: 1px;
  padding-bottom: 1px;
  border-radius: var(--tableBorderRadius);
  height: var(--iconButtonHeight);
  box-sizing: border-box;
  background-color: var(--whiteColor);
}

.WVP_F {
  min-width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

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

.how2D svg {
  margin-right: var(--smallMargin);
}

.ql7Aj.how2D {
  padding-left: calc(var(--smallMargin) + var(--insetMargin));
  padding-right: calc(var(--smallMargin) + var(--insetMargin));
}

.WVP_F:only-child {
  border-radius: var(--tableBorderRadius);
}

.WVP_F {
  background: #fff;
  display: flex;
  align-items: center;
  transition: background var(--defaultSpeed) ease;
}

.ql7Aj:hover {
  background: var(--surface5Color) !important;
}

.ql7Aj,
.WVP_F > button {
  height: calc(var(--iconButtonHeight) - 2px);
  width: var(--iconButtonWidth);
}

.ql7Aj {
  font: inherit;
  box-sizing: border-box;
  padding: 0;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: transparent;
  border: 0;
}

.ql7Aj svg {
    color: var(--toolbarMenuButtonColor);
  }

.ql7Aj:disabled {
    opacity: 0.4;
    pointer-events: none;
  }

.WVP_F:first-child {
  border-radius: var(--tableBorderRadius) 0 0 var(--tableBorderRadius);
}

.WVP_F:first-child .ql7Aj {
    border-radius: var(--tableBorderRadius) 0 0 var(--tableBorderRadius);
  }

.WVP_F:last-child {
  border-radius: 0 var(--tableBorderRadius) var(--tableBorderRadius) 0;
}

.WVP_F:last-child .ql7Aj {
    border-radius: 0 var(--tableBorderRadius) var(--tableBorderRadius) 0;
  }

.wiA7I {
  margin-top: -1px;
  height: calc(var(--iconButtonHeight) - 2px);
  box-sizing: border-box;
  width: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
}

.wiA7I > div {
  width: 1px;
  height: 100%;
  background: var(--borderColor);
}

.ql7Aj svg[data-icon='plus'] {
  font-size: var(--alternateSvgFontSize);
}

.twyJZ {
  position: absolute;
  width: 40%;
  height: 2px;
  bottom: 2px;
  left: 0;
  right: 0;
  margin: auto;
}

.how2D {
  width: auto;
  padding-left: var(--smallMargin);
  padding-right: var(--smallMargin);
  font-size: 13px;
}

.ql7Aj.STp4c,
.ql7Aj.STp4c:hover {
  background: var(--accent2Color) !important;
  color: #fafafa;
}

.ql7Aj.STp4c > svg {
  color: var(--whiteColor);
}

.o9kn6 {
  max-width: 1200px !important;
  width: 90vw;
}

.w9Ybe {
  --processMapHoveringColor: rgba(135, 151, 164, 0.7);
}

.JLBOT {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._RQWM {
  outline: 1px dashed var(--processMapHoveringColor);
  outline-offset: 0px;
}

.xGa6i {
  outline: 1px dashed var(--accent1Color);
  outline-offset: 0px;
}

.YIm4V {
  opacity: 0.15;
}

.wWAu3 {
  min-width: 90px;
}

.elDjd {
  width: 200px;
}

:root {
  --borderColor: solid #e8e8e8;
  --titleColor: var(--accent1Color);
}

.Yy2p6 {
  width: 100%;
  height: 100%;
  display: flex;
}

.lXKlp {
  height: 100%;
  box-sizing: border-box;
  overflow-y: hidden;
  overflow-x: hidden;
  margin: 0 !important;
}

.pr8Sc {
  width: 100%;
  flex-grow: 1;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

:root {
  --centeredInset: clamp(var(--largeMargin), 2vw, 48px);
  --sidebarWidth: clamp(195px, 15vw, 320px);
}

:root {
}

:root {
}

.v0rVz {
  box-sizing: border-box;
  background: white;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 0.8rem;
  transform: translateZ(0);
  box-shadow: var(--navBarShadow);
  z-index: var(--sideBarZIndex);
  border: 0;
  padding-bottom: 10px;
  flex-direction: column;
  display: flex;
  pointer-events: auto;
  transition: opacity var(--sidebarSpeed) ease-out;
  width: 66px;
  flex-grow: 1;
  flex-shrink: 0;
  overflow-y: auto;
  height: 100%;
}

.v0rVz.LuUNH {
  width: var(--sidebarWidth);
  overflow-y: auto;
}

.YR_sj {
  width: 100%;
  font-size: clamp(1.1em, 1vw, 1.2em);
  font-weight: 400;
}

.YR_sj:hover {
  background-color: var(--surface5Color);
  text-decoration: none;
}

.YR_sj {
  color: var(--textColor);
  display: block;
  width: 100% !important;
  padding: var(--standardMargin) var(--standardMargin) var(--standardMargin)
    20px;
  box-sizing: border-box;
  text-decoration: none;
}

.YR_sj.LuUNH {
  padding: var(--standardMargin) var(--standardMargin) var(--standardMargin)
    var(--centeredInset);
}

.uWerV,
.Fnn7q {
  background-color: var(--accent1Color);
  color: var(--whiteColor);
}

.uWerV svg, .Fnn7q svg {
    fill: var(--whiteColor);
    stroke: var(--whiteColor);
  }

.uWerV:hover, .Fnn7q:hover {
    background-color: var(--accent1Color);
    color: var(--whiteColor);
  }

.NF3Kq {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

.Fnn7q,
.Fnn7q:hover {
  background: var(--accent1Color);
}

.RVapb {
  width: 44px;
  border-radius: 22px;
  display: flex;
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 30px;
  transition: background-color var(--sidebarSpeed) ease-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: var(--sideBarZIndex);
  color: #cacaca;
}

.RVapb.LuUNH {
  transition: background-color var(--sidebarSpeed) ease-out;
  margin-right: clamp(0px, 0.5vw, var(--standardMargin));
}

.gGVoj {
  display: flex;
  background: white;
  padding-top: var(--largeMargin);
  justify-content: center;
  align-items: center;
  padding-bottom: var(--standardMargin);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.gGVoj:hover {
  background: var(--surface5Color);
}

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

._8jzU {
  padding-left: var(--centeredInset);
  font-size: clamp(23px, 1vw, 26px);
  font-weight: 700;
  padding-top: 4px;
  color: var(--surface1Color);
  flex-grow: 1;
}

.Wtbik {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--hugeMargin);
}

.MKsCl {
  flex-grow: 1;
}

.gAKTg {
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  overflow-x: visible;
  z-index: 501;
}

.frUPw {
  width: 100%;
  align-items: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.frUPw svg {
  color: var(--surface3Color);
  stroke: var(--surface3Color);
  fill: var(--surface3Color);
  width: 34px;
  height: 34px;
  transform: rotate(0deg);
  transition: transform var(--sidebarSpeed) ease-out;
}

.frUPw.LuUNH svg {
  transform: rotate(180deg);
  transition:
    transform var(--sidebarSpeed) ease-out,
    background-color var(--sidebarSpeed) ease-out;
}

.FSRBd {
  width: 100%;
  color: var(--textColor);
  text-transform: uppercase;
  padding-top: var(--largeMargin);
  padding-left: var(--centeredInset);
  padding-bottom: var(--smallMargin);
  font-weight: 700;
  box-sizing: border-box;
  min-height: 44px;
}

.Jk1Hd {
  margin-bottom: var(--standardMargin);
}

.bGTu9 {
  position: relative;
  height: 1px;
  width: 1px;

  overflow: visible;
  left: 64px;
  background: white;
}

.bGTu9.LuUNH {
  left: var(--sidebarWidth);
}

.iY7CJ {
  display: flex;
  cursor: pointer;
}

.u7e_O {
  display: flex;
}

.npy9F.LuUNH {
  margin-right: var(--standardMargin);
  width: 20px;
}

.pzlgt {
  margin-top: var(--smallMargin);
  text-transform: none;
  padding-left: var(--centeredInset);
  display: flex;
}

.YRyZ3 {
  flex-grow: 1;
}

.pzlgt > div:only-child {
  margin-right: var(--largeMargin);
}

.pzlgt button {
  flex-shrink: 0;
  margin-left: var(--standardMargin);
  margin-right: var(--standardMargin);
}

.t01As a.yYRpW {
  border: 1px solid yellow;
}

.A3tjw {
  display: inline-block;
  position: absolute;
  bottom: var(--standardMargin);
}

.UX49l {
  background: var(--surface7Color);
  border: 1px solid var(--borderColor);
  padding: var(--standardMargin);
  border-radius: 0 var(--tableBorderRadius) var(--tableBorderRadius) 0;
  cursor: default;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  clip-path: inset(-30px -30px -30px 0px);
  display: flex;
  flex-direction: column;
}

.UX49l button {
  width: 100%;
}

.Mt06J {
  min-width: 320px;
}

.CqfcN {
  display: flex;
  flex-direction: column;
  min-height: 49px;
  padding-left: var(--hugeMargin);
  padding-right: var(--hugeMargin);
  align-items: center;
  justify-content: flex-start;
  border-right: 1px solid var(--borderColor);
  width: 150px;
  flex-shrink: 1;
}

.CqfcN:first-child {
  padding-left: 0;
}

.CqfcN:last-child {
  padding-right: 0;
  border-right: 0;
}

.h2DHg {
  font-size: 0.9em;
  color: var(--surface3Color);
  margin-bottom: var(--smallMargin);
}

.Vhiia {
  font-size: 0.9em;
  word-break: break-all;
}

.qK4yz {
  font-size: 15px;
  color: var(--surface3Color);
  margin-bottom: 0;
}

@media (max-width: 1300px) {
  .Vhiia {
    font-size: 0.8em;
  }

  .qK4yz {
    font-size: 12px;
  }
}

.seUwT {
  margin-bottom: var(--hugeMargin);
}

.zlglB {
  flex-shrink: 0;
  margin-bottom: var(--standardMargin);
  display: flex;
}

.zlglB > div {
  flex-grow: 1;
  min-height: auto;
  padding-bottom: 0;
}

.jV4LD * {
  vector-effect: non-scaling-stroke;
  shape-rendering: auto;
}

.jV4LD a {
  display: none;
}

.jV4LD {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: var(--hugeMargin);
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  flex-shrink: 0;
  position: relative;
}

.OIoGf {
  margin-bottom: var(--hugeMargin);
}

.nvgGJ {
  margin-bottom: var(--smallMargin);
}

.smaLs,
.YCm0h {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}

.YCm0h {
  width: 300px;
}

.w4LfV {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}

.aFUiS {
  flex-grow: 1;
  width: 100%;
  max-width: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
  min-height: 40px;
}

.QAexw {
  position: absolute;
}

.Bb5n4 {
  position: absolute;
}

.rJc_H {
  border-bottom: 1px solid var(--tableBorderColor);
  padding: var(--smallMargin);
  font-size: 13px;
}

.Othyi {
  width: 100%;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: var(--insetMargin);
}

.u_Arx {
  min-width: 90px;
  display: flex;
  justify-content: flex-end;
}

.qw93O {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow-y: auto;
}

.LZwbu {
  flex: 1 1 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.qnITm,
.ojEmp {
  width: 100%;
}

.ojEmp {
  margin-top: 10px;
}

.Zw8yi {
  width: 100%;
}

.Zw8yi svg {
    fill: var(--whiteColor);
    stroke: var(--whiteColor);
  }

.PcRt_ {
  font-size: 0;
}

.sBsqR {
  width: 100%;
  margin-top: 30px;
}

.MNFK5 {
  align-items: flex-start !important;
  text-align: left;
}

.SNVDP {
  max-width: 500px !important;
  width: 500px !important;
}

.Wbh_C {
  text-align: center;
}

.C66Nf {
  margin-bottom: var(--hugeMargin);
}

.PC9bx {
  color: var(--primary1Color);
}

.N8HX1 {
  color: var(--surface1Color);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.t2zc3 {
  color: var(--surface3Color);
}

.rJeXk {
  height: 682px !important;
  max-width: 700px !important;
}

.gPryE {
  margin-bottom: var(--largeMargin);
}

.V61rv {
  margin-bottom: var(--largeMargin);
}

.DSraI * {
  color: white !important;
}

.TgGJ4 {
  width: 60px;
  float: left;
  display: flex;
  justify-content: center;
}

.JdoU4 svg {
  fill: var(--accent1Color);
  color: var(--accent1Color) !important;
  margin-right: var(--standardMargin) !important;
}

.DBypt {
  width: 6px;
  margin-left: var(--insetMargin);
  visibility: hidden;
}

.DBypt.UjbpE {
  visibility: visible;
}

.V8H87 {
  width: 100%;
  display: flex;
}

.jt3W7 {
  padding-left: 0;
  align-items: center;
  justify-content: center;
}

.uhaSr {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 13px;
  border: 1px solid rgba(200, 200, 200, 0.5);
}

.uhaSr > * {
  margin-top: -1px;
}

.ok3m7 {
  font-weight: bold;
}

.ok3m7,
.Ibd2s {
  display: inline-block;
}

.cVE8B {
  color: green;
  fill: green;
  stroke: green;
}

.ooVKv {
  color: var(--severity2Color);
  fill: var(--severity2Color);
  stroke: var(--severity2Color);
}

.XTXWv {
  color: var(--severity1Color);
  fill: var(--severity1Color);
  stroke: var(--severity1Color);
}

.ocacK {
  color: var(--severity0Color);
  fill: var(--severity0Color);
  stroke: var(--severity0Color);
}

.Ibd2s {
  cursor: help;
}

.MsNnE {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.MsNnE button {
  margin-top: var(--largeMargin);
}

.bAgml,
.mcdrf {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid var(--accent1Color);
}

.bAgml {
  color: var(--accent1Color);
  position: relative;
}

.mcdrf {
  color: var(--blackColor);
  background: white;
  font-weight: 500;
  position: absolute;
  top: -5px;
  right: 0px;
  box-sizing: border-box;
}

.mcdrf:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.bAgml svg {
}

.yeYvz {
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--largeMargin);
  align-items: center;
  justify-content: center;
  min-height: 46px;
}

.Vmfup {
  flex-shrink: 0;
}

.fb2TC {
  flex-shrink: 0;
  padding: var(--smallMargin);
}

._snmx {
  border: 2px solid var(--accent1Color);
  padding: var(--smallMargin) var(--largeMargin);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  font-weight: 500;
  font-size: 0.9em;
}

.iaPP3 {
  border-color: var(--severity0Color);
}

.BoSOh {
  border-color: var(--severity1Color);
}

.U5JOi {
  border-color: var(--severity2Color);
}

.gaXgq {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;

  z-index: var(--modalZIndex);
  visibility: hidden;
  text-align: left;
}

.Pp_8b {
  cursor: pointer;
  padding: var(--standardMargin);
  font-size: var(--labelFontSize);
}

.Pp_8b.HYUo8 {
  background-color: var(--surface4Color);
}

.Pp_8b:hover {
  background-color: var(--surface5Color);
}

.Pp_8b:not(:first-child) {
  border-top: 1px solid var(--borderColor);
}

.bTVcv {
  background: white;
  box-shadow: var(--selectShadow);
  color: var(--blackColor) !important;
  width: auto;
  border-radius: var(--tableBorderRadius);

  display: flex;
  flex-direction: column;
}

.R8Qof {
  visibility: visible;
}

.nkeiz {
  width: 100%;
  height: 100%;
  cursor: default;
  position: relative;
}

.lmj9t {
  position: absolute;
  top: var(--smallMargin);
  left: var(--smallMargin);
  width: 250px;
  z-index: 1;
}

:root {
  --markerHoverColor: rgba(30, 162, 177, 0.6);
}

.yD8qQ {
  position: relative;
}

.G2DNh {
  width: 30px;
  height: 30px;
  background-color: var(--accent1Color);
  border-radius: 50%;
  display: flex;
  color: var(--whiteColor);
  font-weight: bold;
  font-size: 15px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition:
    box-shadow var(--defaultSpeed) ease-in-out,
    opacity var(--defaultSpeed) ease-in-out;
  will-tranform: box-shadow;
  position: relative;
  top: -15px;
  left: -15px;
  box-shadow: 0 0 0 5px var(--markerHoverColor);
}

.G2DNh:hover {
    box-shadow: 0 0 0 10px var(--markerHoverColor);
  }

.ap2jv {
  position: relative;
  width: 25px;
  height: 40px;
  top: -40px;
  left: -12.5px;
  background-image: url(/c8360a77c879acba5194.png);
  cursor: pointer;
}

.dojSN {
  opacity: 0.5;
}

.kpkMu {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-50%, 0);
  background-color: var(--accent1Color);
  padding: 0 10px 5px;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
  z-index: 1;
  transition: all var(--defaultSpeed) ease-in-out;
}

  .kpkMu.VZncQ {
    cursor: default;
  }

.p9OYI,
.p9OYI .dJ85R {
  background-color: var(--accent3Color);
}

.wdQSh {
  z-index: 2;
}

._7hwaD {
  display: inline-flex;
  width: 100%;
  height: 100%;
  margin-top: var(--smallMargin);
  justify-content: center;
  align-items: center;
}

._7hwaD.f5nBT {
    margin-top: var(--smallMargin);
  }

._7hwaD svg {
  width: 22px;
  height: auto;
}

.sU1Zt {
  margin-top: var(--insetMargin);
  transition: all var(--defaultSpeed) ease-in-out;
  text-align: center;
  white-space: nowrap;
  color: white;
  font-size: var(--tableFontSize);
  transition: all var(--defaultSpeed) ease-in-out;
}

.SjGDv {
  position: absolute;
  content: '';
  width: 40px;
  height: 20px;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  overflow: hidden;
}

.dJ85R {
  width: 17px;
  height: 17px;
  transform: rotate(45deg);
  background: var(--accent1Color);
  box-shadow: 0 3px 14px rgb(0 0 0 / 40%);
  margin: -10px auto 0;
}

.kpkMu {
  z-index: 1;
  transition: opacity var(--defaultSpeed) ease-in-out;
}

.wdQSh {
  z-index: 2;
}

.ccnXk {
  opacity: 0.5;
}

.FkzBl {
  z-index: 4;
}

.Q9wJv {
  color: white;
  font-size: 26px;
  padding: 2px 4px;
}

._7hwaD {
  color: white;
}

.mtxCI {
  opacity: 0 !important;
  display: block !important;
}

.Zrh4J {
  display: block !important;
}

.EACvE {
  opacity: 1 !important;
  transition: opacity var(--defaultSpeed) !important;
}

.hBc1K {
  opacity: 1 !important;
  display: block !important;
}

.EvRw2 {
  opacity: 0 !important;
  display: block !important;
  transition: opacity var(--defaultSpeed) !important;
}

:root {
  --styledMarkerHoverColor: rgb(31, 168, 183);
}

.j7xv4 {
  min-width: 150px;
  display: flex;
  color: white;
  font-size: var(--labelFontSize);
  font-weight: normal;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}

.fJygi:not(._Gd61):hover > .j7xv4,
  .fJygi:not(._Gd61):hover ~ .MFHdR > .y2ZOn {
    background: var(--styledMarkerHoverColor);
  }

.CEDiW {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  display: none;
  z-index: 2;
}

/* Fixes onload issue with FadeInAnimation */

.QmEsu {
  display: block;
}

.fJygi {
  position: absolute;
  display: flex;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column;
  border-radius: var(--tableBorderRadius);
  box-shadow: 0 3px 14px rgb(0 0 0 / 60%);
  overflow: hidden;
  background-color: var(--accent1Color);
}

.fJygi._Gd61 {
    background-color: var(--accent3Color);
    cursor: default;
  }

.fJygi._Gd61 ~ .MFHdR > .y2ZOn {
      background-color: var(--accent3Color);
    }

.XIhSX {
  padding: var(--standardMargin) 5px var(--standardMargin) var(--standardMargin);
  background-color: var(--accent3Color);
  color: white;
  font-size: var(--tableFontSize);
}

.BNu_T {
  padding: var(--standardMargin);
}

.NltNz {
  margin-bottom: 2px;
}

.aRG1E {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
}

.MFHdR {
  position: absolute;
  content: '';
  width: 40px;
  height: 20px;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  overflow: hidden;
}

/* CSSTransition animations */

.y2ZOn {
  width: 17px;
  height: 17px;
  transform: rotate(45deg);
  background-color: var(--accent1Color);
  margin: -10px auto 0;
}

.F5dXT {
  position: relative;
  width: 100%;
  height: 100%;
}

.pksx3 {
  position: absolute;
  top: var(--smallMargin);
  left: var(--smallMargin);
  z-index: 1;
}

.Bdt5j {
  position: absolute;
  bottom: 115px;
  right: 10px;
  height: 40px;
  width: 40px;
  z-index: 1;
  box-shadow: rgb(0 0 0 / 30%) 0px 1px 4px -1px;
  border-radius: 2px;
  background-color: white;
}

.Kxc3D {
  width: 300px;
}

.Ynq0E {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
}

.C5WT1 {
  color: var(--whiteColor);
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 50%;
}

.QWDgq {
  box-sizing: border-box;
  font-weight: 600;
}

._Dqzy {
  font-size: 16px;
}

.XYdom {
  fill: var(--textColor);
}

.dark .XYdom {
  fill: var(--whiteColor);
}

.ZSq08 {
  cursor: pointer;
}

.ZlEgl {
  display: flex;
  flex-shrink: 0;
  margin-left: var(--smallMargin);
  justify-content: flex-end;
  align-items: center;
}

.ZlEgl:hover {
    text-decoration: none;
  }

.ZlEgl:hover span {
      filter: brightness(90%);
    }

.ZlEgl > .kug5g {
    width: var(--baseSvgFontSize);
    margin-left: var(--smallMargin);
  }

.ZlEgl > .kug5g > svg {
      margin-right: 0;
    }

svg.ZnaiQ {
  width: 18px !important;
  height: 18px;
}

.oeIcE {
  padding: var(--insetMargin) var(--smallMargin);
  margin-right: var(--insetMargin);
  display: flex;
  justify-content: center;
  border-radius: 16px;
  font-weight: 500;
  font-size: 0.9em;
  color: var(--whiteColor);
}

.yQIvc {
  background-color: var(--severity0Color);
}

.mNQuE {
  background-color: var(--severity1Color);
}

.zer1b {
  background-color: var(--severity2Color);
}

.vFg0j {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

._U4Hj {
  flex-grow: 1;
  height: 1px;
  min-height: 0;
}

.WlXPu {
  background: var(--surface5Color);
  padding: var(--standardMargin);
  border: 1px solid var(--borderColor);
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.WlXPu > * + * {
  margin-left: var(--standardMargin);
}

.jmPER {
  width: 100%;
  box-sizing: border-box;
}

.b7nII {
  border-left: var(--dividerWidth) solid var(--dividerColor);
  max-width: var(--dividerWidth);
  height: 100%;
}

.DAtme {
  border-top: var(--dividerWidth) solid var(--dividerColor);
  max-height: var(--dividerWidth);
  width: 100%;
}

.WZp2D {
  height: 30px;
  width: 36px;
  margin-left: 4px;
  margin-right: 8px;
  border-radius: var(--tableBorderRadius);
  border: 2px solid white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}

.Zdb36 {
  margin-left: 0;
  width: 100%;
}

.otswQ {
  padding-top: var(--smallMargin);
  padding-bottom: var(--smallMargin);
}

.RJNfX {
  font-size: 2.5cqmin;
  padding: 1.5cqmin;
}

.RJNfX button {
  display: none;
}

:root {
  --spacing: 2.5cqw;
  --spacingNarrow: 0.5cqw;
}

.PowerProductionView__dashboard_content__main {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

.PowerProductionView__balance__comparison__item__outer__container {
    flex-grow: 1;
    text-align: center;
    min-height: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 0.5cqh;
    font-size: 1.7cqh;
  }

.PowerProductionView__balance__comparison__svg__header__text {
    fill: black;
  }

.dark .PowerProductionView__balance__comparison__svg__header__text {
    fill: white;
  }

.PowerProductionView__dashboard_panel {
  }

.PowerProductionView__dashboard_panel span {
    display: contents;
  }

.PowerProductionView__dashboard_panel > div {
    height: 100%;
    width: 100%;
    text-align: center;
  }

.PowerProductionView__dashboard_panel svg {
    width: 80%;
    height: 80%;
  }

.PowerProductionView__dashboard_panel_container {
    flex-grow: 1;
    min-height: 0;
  }

.PowerProductionView__balance__comparison__item__container {
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
    gap: 3cqw;
    min-height: 0;
    justify-content: center;
  }

.PowerProductionView__balance__comparison__item__container > img, .PowerProductionView__balance__comparison__item__container > svg {
    flex: 1;
    flex-shrink: 0;
    display: block;
    width: 1px;
    max-height: 100%;
  }

.PowerProductionView__balance__comparison__container {
    height: 100%;
    align-items: center;
    padding: 1.5cqh;
    gap: 1.5cqh;
  }

.PowerProductionView__content__side {
    flex: 1 1 40%;
    overflow: hidden;
    justify-content: center;
    align-items: center;
  }

.PowerProductionView__content__main {
    flex: 1 1 60%;
  }

.PowerProductionView__content__main > div {
      flex: 0 0 100%;
    }

.PowerProductionView__content__main .Box__inner {
      margin-left: var(--spacingNarrow);
    }

.portrait .PowerProductionView__balance__comparison__item__outer__container {
      height: 1px;
    }

.portrait .PowerProductionView__balance__comparison__container {
      flex-direction: column;
    }

.portrait .PowerProductionView__balance__comparison__item__container {
      flex-grow: 0;
    }

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

.portrait .PowerProductionView__content__main {
      padding-left: 2.5cqw;
    }

.recharts-legend-item svg[style] {
    vertical-align: unset !important;
  }
  .EctocloudView__content__side {
    flex: 0 0 35%;
    padding-left: var(--spacing);
    overflow: hidden;
    max-width: 50vh;
    padding-right: 2.5cqw;
  }
  .EctocloudView__prediction__x__axis {
    fill: var(--blackColor);
  }
  .dark .EctocloudView__prediction__x__axis {
    fill: white;
  }
  .EctocloudView__content__main {
    flex: 1 1 65%;
  }
  .EctocloudView__dashboard_content__main {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .EctocloudView__dashboard_panel_container {
    height: 1px;
    flex-grow: 1;
    display: flex;
    padding: var(--spacing) var(--spacing) var(--spacing) var(--spacing);
    box-sizing: border-box;
  }
  .EctocloudView__dashboard_main_panel_container {
    flex-grow: 3;
    width: 1px;
  }
  .EctocloudView__dashboard_side_panel_container {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    max-width: 700px;
    flex-grow: 1.5;
    width: 1px;
  }
  .EctocloudView__dashboard_panel_container .highcharts-axis-labels text {
    font-size: 2cqmin;
  }
  .EctocloudView__dashboard_panel_container .highcharts-xaxis-labels text {
    font-size: min(2cqmin, 26px) !important;
    transform: translate(0, 10px) !important;
  }
  .EctocloudView__dashboard_panel_container svg text {
    font-size: 2cqmin !important;
  }
  .EctocloudView__dashboard_panel_container .highcharts-background {
    display: none;
  }
  .EctocloudView__side_panel {
    height: 33.33333%;
    box-sizing: border-box;
    padding-left: var(--largeMargin);
    padding-bottom: var(--largeMargin);
    font-size: 16px;
  }
  .EctocloudView__side_panel:last-child {
    padding-bottom: 0;
  }
  .portrait .EctocloudView__side_panel:first-child {
      padding-left: 0;
    }
  .portrait .EctocloudView__dashboard_panel_container {
      flex-direction: column;
    }
  .portrait .EctocloudView .EctocloudView__content__side {
      flex: unset;
      max-width: none;
      flex-shrink: 0;
      height: 1;
    }
  .portrait .EctocloudView .EctocloudView__content__main {
      flex: unset;
      flex: 1;
      height: 0;
    }
  .portrait .EctocloudView .View__content {
      flex-direction: column;
    }
  .portrait .EctocloudView .WeatherItems {
      flex-direction: row;
      justify-content: space-between;
    }
  .portrait .EctocloudView .WeatherItems > div {
        width: 50%;
      }
  .portrait .EctocloudView .WeatherItems > div:first-child {
        margin-right: 2.5cqmin;
      }
  .portrait .EctocloudView__side_panel {
      height: 100%;
      width: 1px;
      flex-grow: 1;
      padding-bottom: 0;
    }
  .portrait .EctocloudView__dashboard_main_panel_container {
      width: 100%;
      height: 1px;
    }
  .portrait .EctocloudView__dashboard_side_panel_container {
      max-width: none;
      padding-top: 2cqh;
      height: 1px;
      width: 100%;
      flex-direction: row;
      flex-grow: 1;
    }

.Weather {
    height: 100%;
  }
    .Weather h3 {
      margin-bottom: var(--spacingNarrow);
    }
  .Weather__title {
    position: relative;
    flex: 0 0 auto;
    padding-bottom: var(--spacingNarrow);
    margin-bottom: var(--spacing);
    border-bottom: 2px solid var(--steelGrey);
    line-height: 1;
  }
  .Weather__title h2 {
      margin-bottom: 0;
    }
  .Weather__title > img {
      position: absolute;
      right: 0;
      top: 50%;
      width: 3cqmin;
      transform: translateY(-50%);
    }
  .Weather__section {
    margin-bottom: 2.5cqmin;
  }
  .Weather__section img {
    height: 17cqmin;
    width: auto;
  }
  .Weather__section__summary {
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  }
  .Weather__section__temp {
    justify-content: space-between;
    align-items: center;
  }
  .Weather__section_value, .Weather__section_text {
    font-size: 1.75cqmin;
    line-height: 1;
    margin-top: 0;
    margin-bottom: calc(var(--spacingNarrow)/2);
  }
  .Weather__section_value {
    display: inline-block;
    white-space: nowrap;
    margin-left: 0.2cqmin;
  }
  .Weather__section__summary > div:first-child, .Weather__section__temp > div:first-child {
      flex: 0 0 50%;
    }
  .Weather__section__summary > div:last-child, .Weather__section__temp > div:last-child {
      flex: 0 0 50%;
    }

.ComboView {
  }

.number-wrapper {
    width: 100%;
  }
  .number-wrapper > .clientnr {
    font-size: 25cqmin; /* If browser supports it, use this */
    font-weight: bold;
  }

.InfoView {
    align-items: center;
    font-size: 70px;
  }
  .InfoViewFullscreen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: black;
  }
  .InfoViewFullScreenContainer {
    width: 100vw;
    height: 100vh;
    padding: 20vh;
  }
  .InfoViewImage > div {
    flex-grow: 1;
    width: 100%;
  }
  .InfoView img {
    height: auto;
  }
  .InfoView > .View__content {
    justify-content: center;
  }
  .InfoViewFullscreenControls__menu {
    bottom: 10px;
    background: black;
    font-size: 2vh;
    box-sizing: border-box;
    padding: 1vh;
    max-width: 35vh;
    white-space: nowrap;
    visibility: hidden;
  }
  .InfoViewFullscreenControls__menu__item {
    display: block;
    padding: 1vh;
    cursor: pointer;
  }
  .InfoViewFullscreenControls__menu__item.selected {
    color: rgb(90, 180, 90);
  }
  .InfoViewFullscreenControls__menu.open {
    visibility: visible;
  }
  .InfoViewFullscreenControls {
    position: absolute;
    right: 2vh;
    bottom: 22vh;
    display: flex;
    justify-content: flex-end;
    max-width: 35vh;
  }
  .InfoViewFullscreenControls > button {
    width: 7vh;
    height: 7vh;
    background: transparent;
    border: 0;
    border-bottom: 0.5vh solid transparent;
  }
  .InfoViewFullscreenControls > button.open {
    border-bottom: 0.5vh solid rgb(90, 180, 90);
  }
  .InfoViewFullscreenControls > button + button {
    margin-left: 5vh;
  }

.EctocloudEnvironment__container .clientnr {
      position: fixed;
      bottom: 0.125cqmin;
      right: 0.125cqmin;
      font-size: 0.75cqmin;
    }
    .EctocloudEnvironment__container {

    display: contents;
}
  .dark .EctocloudEnvironment__container {
    color: var(--whiteColor);
  }

/* Regular, Bold and Italic */
 {

  /* Black */
  /*

@font-face {
   font-family: 'EON Brix Sans Black';
   src: url('eon_brixsans-black-webfont.eot');
   src: url('eon_brixsans-black-webfont.eot?#iefix') format('embedded-opentype'),
        url('eon_brixsans-black-webfont.woff2') format('woff2'),
        url('eon_brixsans-black-webfont.woff') format('woff'),
        url('eon_brixsans-black-webfont.ttf') format('truetype'),
        url('eon_brixsans-black-webfont.svg#eon_brix_sansblack') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'EON Brix Sans Black';
   src: url('eon_brixsans-blackitalic-webfont.eot');
   src: url('eon_brixsans-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('eon_brixsans-blackitalic-webfont.woff2') format('woff2'),
        url('eon_brixsans-blackitalic-webfont.woff') format('woff'),
        url('eon_brixsans-blackitalic-webfont.ttf') format('truetype'),
        url('eon_brixsans-blackitalic-webfont.svg#eon_brix_sansblack_italic') format('svg');
   font-weight: normal;
   font-style: italic;
}
*/

  /* Medium */
  /*

@font-face {
   font-family: 'EON Brix Sans Medium';
   src: url('eon_brixsans-medium-webfont.eot');
   src: url('eon_brixsans-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('eon_brixsans-medium-webfont.woff2') format('woff2'),
        url('eon_brixsans-medium-webfont.woff') format('woff'),
        url('eon_brixsans-medium-webfont.ttf') format('truetype'),
        url('eon_brixsans-medium-webfont.svg#eon_brix_sansmedium') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'EON Brix Sans Medium';
   src: url('eon_brixsans-mediumitalic-webfont.eot');
   src: url('eon_brixsans-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('eon_brixsans-mediumitalic-webfont.woff2') format('woff2'),
        url('eon_brixsans-mediumitalic-webfont.woff') format('woff'),
        url('eon_brixsans-mediumitalic-webfont.ttf') format('truetype'),
        url('eon_brixsans-mediumitalic-webfont.svg#eon_brix_sansmedium_italic') format('svg');
   font-weight: normal;
   font-style: italic;

}
*/
}
@font-face {
    font-family: 'EON Brix Sans';
    src: url(/a28f02fcc68122bac352.eot);
    src:
      url(/a28f02fcc68122bac352.eot?#iefix) format('embedded-opentype'),
      url(/879027d42be65717925f.woff2) format('woff2'),
      url(/6d74416f1f28c80aaf7d.woff) format('woff'),
      url(/a6f1b7425e41a083bcb9.ttf) format('truetype'),
      url(/1ece62f28382233a8fb6.svg#eon_brix_sansregular) format('svg');
    font-weight: normal;
    font-style: normal;
  }
@font-face {
    font-family: 'EON Brix Sans';
    src: url(/4a8d503eb1087a288a94.eot);
    src:
      url(/4a8d503eb1087a288a94.eot?#iefix)
        format('embedded-opentype'),
      url(/7474a9b3ec1eb8564b89.woff2) format('woff2'),
      url(/dc60358a562b8c036124.woff) format('woff'),
      url(/c1adf8b5a678064cfe67.ttf) format('truetype'),
      url(/346ad2a439722cf2df56.svg#eon_brix_sansitalic)
        format('svg');
    font-weight: normal;
    font-style: italic;
  }
@font-face {
    font-family: 'EON Brix Sans';
    src: url(/366930a553e72d32b297.eot);
    src:
      url(/366930a553e72d32b297.eot?#iefix) format('embedded-opentype'),
      url(/c809f33c01180d77f6ee.woff2) format('woff2'),
      url(/51e718ccbad76aa1637e.woff) format('woff'),
      url(/c65c4bf6a13ce7b68ed8.ttf) format('truetype'),
      url(/818c37859b49764fea91.svg#eon_brix_sansbold) format('svg');
    font-weight: bold;
    font-style: normal;
  }
@font-face {
    font-family: 'EON Brix Sans';
    src: url(/da52abb0b0e5e97c2f87.eot);
    src:
      url(/da52abb0b0e5e97c2f87.eot?#iefix)
        format('embedded-opentype'),
      url(/4dd6507494c4c626e272.woff2) format('woff2'),
      url(/0e883023759c34fc7574.woff) format('woff'),
      url(/37493bfa7dd2e60a4d35.ttf) format('truetype'),
      url(/143d9221e4235b3a9251.svg#eon_brix_sansbold_italic)
        format('svg');
    font-weight: bold;
    font-style: italic;
  }


/*# sourceMappingURL=main.03ee03836827ee57a32f.css.map*/