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: #000000;
  --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: #404040;
  --iconColor: #404040;
  --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;

}

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,
.\+M-Ov {
  width: 100%;
  height: 100%;
  background: var(--surface5Color);
}

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

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

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

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

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

.Gw0NQ {
  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;
}

.jwSE2 {
  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: jwSE2 var(--spinnerSpeed) infinite linear;
}

.dark .jwSE2 {
  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);
}

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

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

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

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

.jwSE2.jpaU9 {
  border-top-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
}

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

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

.jwSE2.WaYs- {
  border-width: 3px !important;
}

.jwSE2.YWgAe {
  border-width: 5px !important;
}

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

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

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

.qJ8tg {
  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);
}

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

  align-items: center;
}

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

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

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

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

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

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

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

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

  100% {
    opacity: 0.1;
  }
}

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

.puRsG {
  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;
}

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

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

.mXnBr {
  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;
}

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

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

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

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

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

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

  padding: 7px 19px;
}

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

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

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

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

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

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

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

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

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

._9KiXW,
.z21Z2 {
  width: var(--iconButtonWidth);

  background: transparent;
  border: 0;
}

._9KiXW:active, .z21Z2:active {
    box-shadow: none;
  }

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

._9KiXW:active,
  .z21Z2:active {
    background: var(--surface5Color);
  }

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

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

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

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

._9KiXW:hover,
.z21Z2:hover {
  color: var(--accent3Color);
}

._9KiXW:hover svg, .z21Z2:hover svg {
    color: var(--accent3Color);
  }

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

._9KiXW.BP2vQ:hover {
  color: var(--errorColor);
}

._9KiXW.BP2vQ:hover svg {
    color: var(--errorColor);
  }

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

.mXnBr.c6ooO {
  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: KHsfB 1.5s linear infinite;
}

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

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

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

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

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

.dXNvB,
.JIOQc,
.QO3iJ,
.iTpbM,
._3FN0m {
  background: var(--surface5Color);
  width: 100%;
  height: 100%;
}

.dark .dXNvB,
  .dark .JIOQc,
  .dark .QO3iJ,
  .dark .iTpbM,
  .dark ._3FN0m {
    background: #141414;
  }

.JIOQc,
.QO3iJ,
.iTpbM,
._3FN0m {
  display: grid;
}

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

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

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

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

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

.QO3iJ > .U9Ekm {
  display: flex;
}

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

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

.QO3iJ {
  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';
}

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

.dXNvB {
  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;
  }

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

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

._7zkeb.RQRgK {
  border: 0;
  background: transparent;
}

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

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

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

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

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

.jLvzh button {
  flex-shrink: 0;
}

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

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

.LH4Ct {
  fill: inherit;
}

.LWHRm,
.pgqXW {
  fill: none;
  stroke: inherit;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}

.LWHRm {
  stroke-linecap: round;
}

._8avgp {
  fill: inherit;
}

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

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

._6z-6k {
  fill: none;
  stroke: inherit;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}

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

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

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

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

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

.EKn4a {
  fill: inherit;
}

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

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

.qJu5W,
.OTu5T {
  fill: none;
  stroke: inherit;
  stroke-linecap: round;
  stroke-width: 2px;
}

.qJu5W {
  stroke-linejoin: round;
}

.aIJ9j {
  fill: inherit;
}

.OTu5T {
  stroke-miterlimit: 10;
}

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

.jyX5G,
.rNNMs {
  fill: none;
  stroke: inherit;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}

.jyX5G {
  stroke-linecap: round;
}

.rNNMs {
  stroke-linecap: square;
}

.yB\+mS {
  fill: none;
  stroke: inherit;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}

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

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

._9mYwE {
  fill: inherit;
}

._9mYwE,
.iDfF8 {
  stroke: inherit;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
}

.iDfF8 {
  fill: none;
}

.dd2YK,
._7bYCz,
._5fwMa {
  fill: none;
  stroke: inherit;
  stroke-width: 2px;
}

.dd2YK,
._7bYCz {
  stroke-miterlimit: 10;
}

._7bYCz,
._5fwMa {
  stroke-linecap: round;
}

._5fwMa {
  stroke-linejoin: round;
}

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

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

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

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

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

.JQTf1,
.XlV3z {
  fill: none;
  stroke: inherit;
  stroke-linecap: round;
  stroke-width: 2px;
}

.JQTf1 {
  stroke-linejoin: round;
}

.C046S {
  fill: inherit;
}

.XlV3z {
  stroke-miterlimit: 10;
}

.fHSJ\+ {
  fill: none;
  stroke: inherit;
  stroke-linecap: square;
  stroke-linejoin: bevel;
  stroke-width: 2px;
}

.kr4lQ {
  fill: none;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}

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

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

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

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

._3wHzj {
  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);
}

.WyoK7 {
  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) {
  .WyoK7 {
    max-height: 100% !important;
  }
}

.V-y0i {
  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);
}

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

.jlwWj {
  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;
}

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

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

.I4lYZ {
  margin-right: 10px;
}

.jlwWj .PZx8p {
  pointer-events: none;
}

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

/*
 * Transition
 */

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

.iBoLY .WyoK7 {
  }

.zomVd {
  opacity: 1;
}

.zomVd .WyoK7 {
    pointer-events: none;
  }

.mR9I6 {
  opacity: 1;
}

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

.DXvEp {
  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;
}

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

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

.d8ZVI {
  margin-left: 10px;
}

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

._4D96t {
  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);
}

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

._4D96t: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
 */
.jrLhp {
  position: relative;
  flex: 1 1 auto;
  overflow-y: auto;
  padding: var(--largeMargin);
  height: 100%;
  background: var(--surface6Color);
  z-index: 2;
  min-height: 40px;
}
.-aLDj > * {
  opacity: 0.25;
}
.FHWyj {
  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);
}
.FHWyj * {
  opacity: 1;
}
.FHWyj > * + * {
  margin-top: var(--standardMargin);
}
.aQDEJ {
  box-shadow: 0 0px 15px 6px rgba(0, 0, 0, 0.15);
  max-height: 50%;
  max-width: 50%;
}
.X-149 {
  padding: 0;
}
.Hq6O9 {
  background: var(--whiteColor);
}
.uI-Xa {
  height: 100%;
  width: 100%;
}
.-aLDj .uI-Xa {
  filter: blur(2px);
}
.QjAKF {
  pointer-events: none;
}

.lvAig {
  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);
}

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

.rm0cO {
  flex: 1 1 auto;
}

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

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

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

.mgh8w {
  padding-top: 0;
}

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

.scBHn {
  width: 450px;
}

.M\+IpN {
  max-width: 95vw !important;
  max-height: 95vh !important;
  height: 95vh !important;
}

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

.O5BAH {
  margin-left: 5px;
}

.EFV4o {
  margin-right: auto;
}

.bVbDF {
  flex-grow: 1;
}

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

.GkkiG {
  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);
}

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

.c79fX {
  overflow-y: initial;
}

._3fnD4 {
  overflow: visible;
}

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

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

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

.WbjTv {
  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);
}

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

.qGt3C {
  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);
}

.f8XRD {
  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);
}

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

.OdcUt {
  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%;
}

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

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

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

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

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

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

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

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

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

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

._7xEQO {
  opacity: 0.25;
}

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

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

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

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

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

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

.QBv\+G {
  cursor: pointer;
  padding: var(--smallMargin) var(--standardMargin);
  font-size: var(--labelFontSize);
}

.QBv\+G.WJp43 {
  background-color: var(--surface4Color);
}

.QBv\+G:hover {
  background-color: var(--surface5Color);
}

.QBv\+G:hover:last-child,
.QBv\+G.WJp43:hover:last-child {
  border-bottom-left-radius: var(--tableBorderRadius);
  border-bottom-right-radius: var(--tableBorderRadius);
}

.QBv\+G:hover:first-child,
.QBv\+G.WJp43:hover:first-child {
  border-top-left-radius: var(--tableBorderRadius);
  border-top-right-radius: var(--tableBorderRadius);
}

.QBv\+G:not(:first-child) {
  border-top: 1px solid var(--borderColor);
}

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

  display: flex;
  flex-direction: column;
}

.Inhf9 {
  visibility: visible;
}

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

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

/* MARKDOWN SPECIFIC CODE */

.g59d1 .Gz-zl {
  display: inline-block;
  fill: currentColor;
  vertical-align: text-bottom;
}

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

.g59d1 .Fq8h9:focus {
  outline: none;
}

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

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

.g59d1 h1:hover .Fq8h9 .PuCGj,
.g59d1 h2:hover .Fq8h9 .PuCGj,
.g59d1 h3:hover .Fq8h9 .PuCGj,
.g59d1 h4:hover .Fq8h9 .PuCGj,
.g59d1 h5:hover .Fq8h9 .PuCGj,
.g59d1 h6:hover .Fq8h9 .PuCGj {
  visibility: visible;
}

.g59d1 h1:hover .Fq8h9 .PuCGj:before,
.g59d1 h2:hover .Fq8h9 .PuCGj:before,
.g59d1 h3:hover .Fq8h9 .PuCGj:before,
.g59d1 h4:hover .Fq8h9 .PuCGj:before,
.g59d1 h5:hover .Fq8h9 .PuCGj:before,
.g59d1 h6:hover .Fq8h9 .PuCGj: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");
}

.g59d1 {
  -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;
}

.g59d1 details {
  display: block;
}

.g59d1 summary {
  display: list-item;
}

.g59d1 a,
.JAkQw {
  background-color: initial;
}

.g59d1 a:active,
.g59d1 a:hover,
.JAkQw,
.JAkQw {
  outline-width: 0;
}

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

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

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

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

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

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

.g59d1 input {
  overflow: visible;
}

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

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

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

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

.g59d1 a:hover,
.JAkQw:hover {
  text-decoration: underline;
}

.g59d1 strong {
  font-weight: 600;
}

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

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

.g59d1 hr:after {
  clear: both;
}

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

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

.g59d1 details summary {
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

.g59d1 blockquote {
  margin: 0;
}

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

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

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

.g59d1 dd {
  margin-left: 0;
}

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

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

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

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

.g59d1 .ojQGv {
  border: 1px solid #e1e4e8 !important;
}

.g59d1 .dhwZ6 {
  border: 0 !important;
}

.g59d1 .auNg4 {
  border-bottom: 1px solid #e1e4e8 !important;
}

.g59d1 .V9jf1 {
  border-radius: 3px !important;
}

.g59d1 .JhiW5 {
  background-color: #fff !important;
}

.g59d1 .\+CEy4 {
  background-color: #fafbfc !important;
}

.g59d1 .ojy1g {
  color: #6a737d !important;
}

.g59d1 ._9b\+Ou {
  margin-bottom: 0 !important;
}

.g59d1 .nVH45 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.g59d1 ._1gYNi {
  padding-left: 0 !important;
}

.g59d1 .I48EU {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.g59d1 .n-69Z {
  padding-left: 4px !important;
}

.g59d1 .mUrlk {
  padding-left: 8px !important;
}

.g59d1 .NTTIn {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.g59d1 ._5pQHd,
.g59d1 .ckfiU {
  padding-left: 16px !important;
}

.g59d1 .ckfiU {
  padding-right: 16px !important;
}

.g59d1 .y6Zj- {
  padding-left: 24px !important;
}

.g59d1 .ql20P {
  padding-left: 32px !important;
}

.g59d1 .ozpNa {
  padding-left: 40px !important;
}

.g59d1 .rSHAh {
  font-size: 12px !important;
}

.g59d1 .J-P8I {
  line-height: 1.25 !important;
}

.g59d1 .onY16 {
  font-weight: 600 !important;
}

.g59d1 .DJPRY {
  color: #6a737d;
}

.g59d1 .U-sDl,
.g59d1 .Iz52f .B5ev0 {
  color: #005cc5;
}

.g59d1 ._1-Lnu,
.g59d1 .j4kaK {
  color: #6f42c1;
}

.g59d1 .Iz52f ._49QKj,
.g59d1 .Q2qLp {
  color: #24292e;
}

.g59d1 ._9CtHw {
  color: #22863a;
}

.g59d1 .vKCUf {
  color: #d73a49;
}

.g59d1 .PArMR,
.g59d1 .Iz52f,
.g59d1 .Iz52f .qJwqz ._49QKj,
.g59d1 .Qd3He,
.g59d1 .Qd3He ._5lfrK,
.g59d1 .Qd3He .JUdh3,
.g59d1 .Qd3He .EWR-i {
  color: #032f62;
}

.g59d1 .DqRK\+,
.g59d1 .B5ev0 {
  color: #e36209;
}

.g59d1 .tUmst {
  color: #b31d28;
}

.g59d1 .CaVpK {
  color: #fafbfc;
  background-color: #b31d28;
}

.g59d1 .lRlUJ {
  color: #fafbfc;
  background-color: #d73a49;
}

.g59d1 .lRlUJ:before {
  content: '^M';
}

.g59d1 .Qd3He ._5lfrK {
  font-weight: 700;
  color: #22863a;
}

.g59d1 .pCGzi {
  color: #735c0f;
}

.g59d1 .QyR5Y,
.g59d1 .QyR5Y .j4kaK,
.g59d1 .-dlhI {
  font-weight: 700;
  color: #005cc5;
}

.g59d1 .zYzH2 {
  font-style: italic;
  color: #24292e;
}

.g59d1 ._3FmNM {
  font-weight: 700;
  color: #24292e;
}

.g59d1 .WGlXc {
  color: #b31d28;
  background-color: #ffeef0;
}

.g59d1 .-XNR0 {
  color: #22863a;
  background-color: #f0fff4;
}

.g59d1 .fN6uM {
  color: #e36209;
  background-color: #ffebda;
}

.g59d1 .njk9u {
  color: #f6f8fa;
  background-color: #005cc5;
}

.g59d1 .YBUAz {
  font-weight: 700;
  color: #6f42c1;
}

.g59d1 .rIXMK {
  color: #586069;
}

.g59d1 .rBiAU {
  color: #959da5;
}

.g59d1 .MF1wC {
  text-decoration: underline;
  color: #032f62;
}

.g59d1 ._9b\+Ou {
  margin-bottom: 0 !important;
}

.g59d1 .nVH45 {
  margin-bottom: 8px !important;
}

.g59d1 .nVH45 {
  margin-top: 8px !important;
}

.g59d1 ._1gYNi {
  padding-left: 0 !important;
}

.g59d1 .I48EU {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.g59d1 .n-69Z {
  padding-left: 4px !important;
}

.g59d1 .mUrlk {
  padding-left: 8px !important;
}

.g59d1 .NTTIn {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.g59d1 ._5pQHd {
  padding-left: 16px !important;
}

.g59d1 .y6Zj- {
  padding-left: 24px !important;
}

.g59d1 .ql20P {
  padding-left: 32px !important;
}

.g59d1 .ozpNa {
  padding-left: 40px !important;
}

.g59d1 .rt4xS {
  padding-left: 48px !important;
}

.g59d1 .ne8pj {
  padding-left: 64px !important;
}

.g59d1 .SxrPA {
  padding-left: 80px !important;
}

.g59d1 .HscWX {
  padding-left: 96px !important;
}

.g59d1 ._8Fx5j {
  padding-left: 112px !important;
}

.g59d1 .wa7if {
  padding-left: 128px !important;
}

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

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

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

.g59d1:after {
  clear: both;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g59d1 dl {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.g59d1 pre {
  word-wrap: normal;
}

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

.g59d1 ._42kWD {
  margin-bottom: 16px;
}

.g59d1 ._42kWD pre {
  margin-bottom: 0;
  word-break: normal;
}

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

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

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

.g59d1 ._79bPR .lCW55:not(:disabled):hover {
  color: #005cc5;
  border-color: #005cc5;
}

.g59d1 .ezNkU {
  overflow-x: auto;
  overflow-y: hidden;
}

.g59d1 .mE6ra {
  max-height: 240px;
  overflow-y: auto;
}

.g59d1 .McxTA {
  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;
}

.g59d1 .McxTA:hover {
  color: rgba(27, 31, 35, 0.6);
}

.g59d1 .McxTA:before {
  content: attr(data-line-number);
}

.g59d1 .rK7d\+ {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 20px;
  vertical-align: top;
}

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

.g59d1 .qba6Q.o0k5p,
.g59d1 .qba6Q:hover {
  cursor: pointer;
  background: #ffea7f;
}

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

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

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

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

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

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

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

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

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

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

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

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

.g59d1 ._4JRei {
  list-style-type: none;
}

.g59d1 ._4JRei + ._4JRei {
  margin-top: 3px;
}

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

._3SaMc {
  padding-bottom: inherit;
}

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

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

.sDsr3 {
  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%;
}

  .sDsr3.zDrdz {
    width: 20px;
    height: 20px;
    border-width: 1px;
  }

  .sDsr3.ZZvnL {
    color: var(--iconColor);
    border-color: var(--iconColor);
  }

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

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

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

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

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

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

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

.L1tam {
  font-size: 2.1rem;
}

.RVLYr {
  font-size: 1.6rem;
}

.gTf\+Z {
  font-size: 1.3rem;
}

.myVpO {
  font-size: 1.12rem;
}

.Ema1r {
  font-size: 0.93rem;
}

.r1CI1 {
  font-size: 0.85rem;
}

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

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

.caowk {
  visibility: hidden;
}

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

.JHgPY 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);
}

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

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

.NpVSe span,
._3Cyd6 span,
._8sF48 span {
  top: 0px;
  right: 50%;
  margin-top: 5px;
}

.NpVSe:before,
._3Cyd6:before,
._8sF48:before {
  top: -5px;
  border-bottom-color: var(--tooltipBackground);
}

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

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

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

._8sF48:before {
  left: 15px;
}

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

._0bdDd span,
.jrWHM span,
.Cj4Tl span {
  right: 50%;
  bottom: 100%;
  margin-bottom: 5px;
}

._0bdDd:before,
.jrWHM:before,
.Cj4Tl:before {
  top: -5px;
  bottom: auto;
  margin-right: -5px;
  border-top-color: var(--tooltipBackground);
}

._0bdDd:before {
  right: 50%;
}

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

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

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

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

.NpVSe span,
._0bdDd span {
  transform: translateX(50%);
}

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

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

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

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

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

._0kz7V.NpVSe span,
._0kz7V._0bdDd span {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}

._0kz7V.A6zaG span,
._0kz7V.hPXO3 span {
  right: 100%;
}

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

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

.TS3TN._0kz7V span {
  display: table-cell;
}

/*
 * Transition
 */

.I1jwj {
  opacity: 0;
}

.GjepC {
  opacity: 1;
}

._9zO2z {
  opacity: 0;
}

.eLV8H {
  opacity: 0;
}

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

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

.NNRyc,
.dRXmZ {
  border-bottom: none;
}

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

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

._5-jlj {
  min-height: 100px;
}

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

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

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

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

.vskQw .QLkwi {
    display: inline-block;
  }

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

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

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

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

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

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

.NFnw6 {
  background: #ffffff;
}

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

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

.T45SW {
  height: auto;
}

.P7UDr {
  cursor: pointer;
}

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

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

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

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

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

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

.p9zXA:only-child,
.S8Yee:only-child {
  border-radius: var(--tableBorderRadius);
}

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

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

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

.Rzjf\+,
.OhH3e {
  word-break: break-word;
  overflow-wrap: break-word;
  font-size: var(--labelFontSize);
  color: var(--labelColor);
  font-weight: var(--labelWeight);
}

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

.OhH3e svg {
    flex-shrink: 0;
  }

.HhtrR {
  cursor: pointer;
}

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

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

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

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

.OhH3e {
  overflow: hidden;
}

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

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

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

.P7UDr:hover .U5try {
    color: var(--blackColor);
  }

.P7UDr:hover .U5try svg {
      color: var(--blackColor);
    }

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

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

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

.K44LP {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ZVo8d._3jmC9 a {
  color: white !important;
}

._2usLW {
  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;
}

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

.iVwaC {
  visibility: hidden;
}

.LHCxl {
  display: none;
}

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

.xls55 {
  position: relative;
}

.WgJBv {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

.UWm\+O {
  width: 100%;
  display: flex;
  flex-direction: row;
}

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

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

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

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

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

.oKqgd > .KynF0 {
  margin-bottom: 0;
}

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

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

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

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

.XrSGR {
  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);
}

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

.ePgZ5 {
  padding-bottom: 0;
}

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

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

.ImjuI {
  width: 100%;
}

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

.ImjuI * {
  cursor: pointer !important;
}

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

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

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

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

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

.plVrs {
  width: 100%;
}

._13Pfc {
  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);
}

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

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

.GTRNd {
  align-items: center;
}

._6s0gt {
  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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.EX3jv {
  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;
}

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

.EX3jv.qBDPt {
  display: flex;
}

.q6EOY {
  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;
}

._91txv {
  height: 100%;
}

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

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

.zpCfO {
  flex-grow: 1;
}

._2AcFe {
  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;
}

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

.pOxGj {
  width: 100%;
}

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

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

  flex-grow: 0;
}

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

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

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

.itc1C {
  overflow-y: auto;
}

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

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

.JkrYK {
  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;
}

._5OW2A {
  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;
}

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

._5OW2A.cuRV5 {
  border-bottom: var(--tableBorderStyle);
}

._5OW2A.cuRV5 {
  background: var(--tableOddRowColor);
}

._5OW2A.cuRV5.rCaOt {
  background: var(--tableEvenRowColor);
}

._5OW2A.cuRV5.biKQZ {
  background: var(--selectedColor);
}

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

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

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

._5OW2A:hover .UcaYo {
  color: var(--textHoverColor);
}

._5OW2A.cuRV5 {
  padding-left: var(--standardMargin);
}

._5OW2A.biKQZ:hover {
  background-color: var(--selectedColor);
}

.biKQZ .UcaYo {
  color: var(--selectedTextColor) !important;
  opacity: 0.75;
}

._5OW2A.biKQZ {
}

.M2\+1s {
  font-weight: 600;
}

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

.Xib4Z {
  font-weight: normal;
}

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

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

.biKQZ .FLe59 {
  color: var(--selectedTextColor);
}

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

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

.biKQZ.rZ7jC svg {
  stroke: var(--selectedTextColor) !important;
}

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

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

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

.rZ7jC.UKtFl {
  visibility: visible;
}

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

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

.EMJYi {
}

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

.sEJKq {
  visibility: hidden;
}

.biKQZ .EL0\+E {
  border: 1px solid var(--whiteColor);
}

.EL0\+E {
  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;
}

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

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

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

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

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

.gP5s\+ {
  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;
}

.z6urD {
  margin-left: 12px;
}

/* COLUMN CLASSES */

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

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

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

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

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

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

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

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

._5v3g5 > .itOkS {
  left: 1px;
}

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

.biKQZ .tVNmJ,
.biKQZ ._3G40V,
.biKQZ .itOkS,
.biKQZ .fqq4u {
  border-color: var(--selectedBorderColor);
}

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

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

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

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

.OojdG {
  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;
}

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

.OojdG.Ues5a {
  width: 16px;
  height: 16px;
  font-size: 9px !important;
}

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

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

.\+PHIH {
  opacity: 0;
  transition: opacity 0.25s;
}

.toN2J {
  opacity: 1;
}

.K30cc {
  opacity: 0.5;
}

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

.TW8lD .OojdG {
  background: var(--disabledBackgroundColor);
}

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

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

._3htVe.Ues5a {
  width: 20px;
  height: 20px;
}

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

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

._07zMK,
.WlEP9 {
  cursor: pointer;
}

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

.OdSlJ {
  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;
}

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

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

.gFglK {
  opacity: 1;
}

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

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

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

.XmE9t {
  border: var(--tableBorderStyle);
  border-radius: var(--tableBorderRadius);
  box-shadow: var(--overlayShadow);
}

.twitter-picker[style] {
    box-shadow: none !important;
    border-radius: 0 !important;
    border-bottom-left-radius: var(--tableBorderRadius) !important;
    border-bottom-right-radius: var(--tableBorderRadius) !important;
    background: transparent !important;
  }

.twitter-picker > div[style] {
    padding: 0 !important;
  }

.swatches-picker > div > div[style] {
    border-radius: var(--tableBorderRadius) !important;
    box-shadow: none !important;
    background: transparent !important;
  }

.swatches-picker > div > div > div[style] {
    overflow-y: auto !important;
  }

.swatches-picker > div > div > div > div[style] {
    padding: 0 !important;
  }

.swatches-picker > div[style] {
    display: block !important;
  }

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

.C5Zja {
  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);
}

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

.yvDws {
  flex-grow: 1;
}

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

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

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

.UJ-Ut {
  display: flex;
  align-items: center;
}

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

.nw\+4\+ {
  display: flex;
  width: 100% !important;
  flex-direction: column;
  box-sizing: border-box;
  height: 100%;
}

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

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

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

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

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

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

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

.vxlbn {
  flex: 0 0 auto;
}

.lE3qQ {
  padding: 0px;
}

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

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

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

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

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

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

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

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

.wpEQb .YYkN\+ {
  height: 20px;
}

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

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

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

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

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

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

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

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

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

._3nF6\+ {
  display: flex;
  flex-direction: column;
}

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

.Bn-2W {
  min-height: 32px;
}

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

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

.Egs-R {
  padding-left: 0;
  padding-right: 0;
}

.G1TX\+ {
  padding: var(--standardMargin);
  box-sizing: border-box;
}

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

._4JtWj {
  font-weight: bold;
}

._5ZtJ8 {
}

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

.QZw4b {
  padding: 0 !important;
}

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

.QZw4b button {
  margin: 0;
}

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

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

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

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

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

.h9jlW {
  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);
}

.h9jlW.D4Ydh {
  color: var(--selectControlActiveColor) !important;
}

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

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

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

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

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

.IhcAp {
  white-space: nowrap;
}

.ZD5PN {
  display: flex;
  padding: 10px;
  align-items: center;
  border-bottom: 1px solid var(--borderColor);
}

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

.BpkG7 {
  flex-grow: 1;
}

.ZD5PN.NN9tr {
  cursor: pointer;
}

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

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

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

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

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

._3vD3E {
  visibility: visible;
}

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

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

._80ZF1 {
  display: none;
}

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

.Fj\+Dx {
  text-align: center;
}

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

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

.Tmv8V.hUgWB {
  color: var(--whiteColor);
}

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

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

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

.Cet0G.hUgWB {
  color: var(--whiteColor);
}

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

.LbprU {
  flex-grow: 1;
}

.blQpc.J6uzc .woVUR {
  margin-bottom: var(--insetMargin);
}

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

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

._5C1iu:hover {
  background: transparent;
}

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

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

.UEiC1 {
  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);
}

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

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

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

:root {
  --segmentControlSpeed: 0.2s;
}

._5raZZ {
  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;
}

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

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

.GGJ3B {
  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);
}

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

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

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

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

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

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

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

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

.Lp3xa .GGJ3B:first-child {
  border-radius: 5px 5px 0 0;
}

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

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

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

.Lp3xa .t6kFz + .GGJ3B {
  border-top-color: var(--accent1Color);
}

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

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

._7VKkL {
  width: 100%;
}

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

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

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

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

.OgLOV {
  padding: 0px;
}

.lrDk0 {
  height: 100%;
}

.h-3xh {
  height: 800px !important;
  max-height: 800px !important;
  max-width: 800px !important;
}

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

._7hqpH {
  padding: 0;
}

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

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

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

.wrhwb {
  position: relative;
}

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

.I-Ms\+ {
  min-height: 400px;
}

.kDOCz {
  border: var(--tableBorderStyle);
  border-bottom: 1px solid transparent;
  display: flex;
  padding-left: 0;
  box-sizing: border-box;
  width: 100%;
  align-items: center;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}

  .kDOCz:hover {
    border-color: var(--surface3Color);
  }

.fyzf7 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
}

.NajYw {
  word-break: break-word;
  overflow-wrap: break-word;
  font-size: var(--labelFontSize);
  color: var(--labelColor);
  font-weight: var(--labelWeight);
  margin-right: var(--smallMargin);
}

.NajYw:last-child {
  margin-right: var(--largeMargin);
}

.kDOCz:hover + .kDOCz {
  border-top-color: transparent;
}

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

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

.h44BM:only-child,
.kDOCz:only-child {
  border-radius: var(--tableBorderRadius);
}

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

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

.kDOCz:last-child {
  border-bottom: var(--tableBorderStyle);
}

.kDOCz._8-nJt {
  border-radius: 0;
  border-right: 0;
  border-left: 0;
}

.xB2gJ {
  height: var(--dataTableRowHeightStandard);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ya26S {
  transition: transform var(--defaultSpeed);
  min-width: 7px;
  margin-right: var(--largeMargin);
}

.ya26S.Q2vsh {
  transform: rotateZ(90deg);
}

.Zu3Ez {
  line-height: initial;
}

.Zu3Ez svg {
}

.Zu3Ez svg[data-icon='folder'],
.Zu3Ez svg[data-icon='folder-open'] {
  min-width: 16px;
}

.mNUM7 {
  padding-bottom: var(--smallMargin);
  position: sticky;
  top: 0;
  z-index: 2;
}

.mNUM7:before {
  content: '';
  background: var(--surface6Color);
  position: absolute;
  width: 100%;
  height: 68px;
  top: -30px;
}

.kDOCz.P0lS- {
  background: var(--accent1Color);
  color: var(--whiteColor);
  border-color: var(--accent1Color);
}

.kDOCz.P0lS- + .kDOCz {
  border-top-color: transparent;
}

.Bwt0w {
  font-size: var(--tableFontSize);
}

.Bwt0w.uF6pv {
  font-size: 13px;
}

.kDOCz:last-child:hover {
  border-bottom-color: var(--surface3Color);
}

.kDOCz.uF6pv {
  padding: 0;
}

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

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

.kDOCz:hover .s7KHO {
    color: var(--blackColor);
  }

.kDOCz:hover .s7KHO svg {
      color: var(--blackColor);
    }

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

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

.h44BM:only-child,
.kDOCz:only-child {
  border-radius: var(--tableBorderRadius);
}

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

.Zu3Ez:last-child {
  margin-right: var(--largeMargin);
}

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

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

.Lnspv._18llI {
  color: var(--whiteColor);
}

._3gR31 {
  font-style: italic;
  font-weight: 600;
}

.gJ9cN {
  min-width: 180px;
}

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

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

._4jmuJ > div {
  width: 100%;
  box-sizing: border-box;
}

._3EkMa {
  background: var(--inputBackground);
  border: 1px solid var(--borderColor);
  border-radius: 3px;
}

._5ypRf {
  width: 100%;
}

.XSKbd {
  height: 100%;
}

.V\+PUC {
  padding-top: 1px;
  margin-left: var(--smallMargin) !important;
  margin-right: var(--smallMargin) !important;
  font-size: 0.8em !important;
  font-weight: 400;
}

.ytSAf {
  flex-grow: 1;
  border: 0;

  background: transparent !important;
}

.L7VdL {
  display: flex;
  align-items: center;
  width: 170px;
  box-sizing: border-box;
}

.Yf8pA {
  width: 100%;
}

.hbPuw {
  padding-left: 0 !important;
}

._56EPb {
  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;
  }

._6R7oU {
}

._6R7oU > input[type='file'] {
  display: none;
}

.C7o9T {
  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;
}

._2oDyF {
  width: 50px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.C7o9T > p,
._2oDyF {
  padding: 10px 0;
}

.OAjDN {
}

.OAjDN._5yDvm {
  transform: rotate(90deg);
}

.JCYGQ {
  display: none;
}

.ozrQn {
  flex-grow: 1;
}

.C7o9T:nth-child(even of :not(.JCYGQ)):hover,
.C7o9T:nth-child(odd of :not(.JCYGQ)):hover {
  background-color: var(--surface5Color);
}

.yhrRI,
.ohEsK {
  padding: var(--plainBoxPadding);
  border-radius: var(--tableBorderRadius);
  box-sizing: border-box;
  overflow: auto;
}

.THwNM {
  padding: var(--standardMargin);
  width: 100%;
  flex-grow: 1;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.yhrRI,
.ohEsK {
  background: var(--whiteColor);
  border: var(--tableBorderStyle);
}

.-\+u1Y {
  display: flex;
  flex-direction: column;
}

.nTBOW {
  flex: 0 0 auto;
}

.ohEsK {
  flex: 1 1 auto;
  background: var(--whiteColor);
  height: 100%;
}

.gPcOd {
  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;
}

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

.gPcOd:first-child {
}

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

.EvHd4._0jezN {
  flex-grow: 1;
  overflow: hidden;
  max-width: 100%;
}

.rH\+Ln .EvHd4 {
  margin-bottom: var(--smallMargin);
}

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

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

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

.OJrJa {
  flex-grow: 1;
}

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

._0qX\+o {
  margin-top: var(--largeMargin);
}

.jWK8X {
  display: flex;
  min-height: 59px;
}

._9pJdN {
  margin-right: var(--insetMargin);
  min-width: 22px;
  margin-top: 2px;
  margin-left: -4px;
}

.NGvOk {
  height: 100%;
  display: flex;
  align-items: center;
}

.NGvOk svg {
  margin-bottom: var(--smallMargin);
  margin-right: var(--insetMargin);
  min-width: 22px;
  margin-top: 2px;
  margin-left: -4px;
}

.BZbJC {
  margin-left: var(--iconTextMargin);
  transition: transform var(--sidebarSpeed) ease-out;
}

.BZbJC {
  height: 16px !important;
}

.BZbJC.if3A1 {
  transform: rotate(90deg);
}

.Jeo\+E {
  flex-grow: 1;
}

.Sa3Gl {
  display: flex;
}

.tUzqg {
  text-transform: none;
  min-height: 40px;
}

.OHT8p {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}

.OHT8p.if3A1 {
  color: var(--accent1Color);
}

.OHT8p:hover {
  color: var(--accent1ColorHover);
}

.ru\+V3 {
  margin-left: var(--smallMargin);
}

.VYNeL {
  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);
}

.VYNeL:first-child {
  border-left: 0;
  padding-left: var(--largeMargin);
}

.VYNeL > div {
  display: flex;
  align-items: center;
}

.NGvOk > svg {
  margin-bottom: 2px;
  height: 13px;
}

.NGvOk._3ERKk > svg {
  height: 24px !important;
  margin-bottom: -5px;
  margin-top: -5px;
}

.NGvOk._3ERKk {
  height: 17px;
}

.d8zWK {
  line-height: 1.1rem;
}

.SqI1x {
  font-weight: 600;
}

.Z2V\+C {
  z-index: var(--modalZIndex);
}

.w89Px {
  width: 24px;
  height: 13px;
  z-index: 2;
  overflow: hidden;
  margin-top: -1px;
}

.aPojD {
  width: 17px;
  height: 17px;
  transform: rotate(45deg);
  margin-top: -10px;
  margin-left: 4px;
}

.P5eRM {
  -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));
}

.W-mpB,
.aPojD {
  background: var(--tooltipBackground);
  color: var(--whiteColor);
  cursor: pointer;
}

.W-mpB {
  font-size: 0.95em;
  z-index: 1;
  border-radius: var(--tableBorderRadius);
}

.W-mpB svg {
  width: 10px !important;
  margin-right: var(--iconTextMargin);
  color: var(--whiteColor) !important;
}

.ZNntH {
  z-index: var(--modalZIndex);
  font-size: var(--tableFontSize);
  display: flex;
  justify-content: center;
  transition: opacity var(--toastSpeed);
  cursor: pointer;
}

.QlGCm {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--smallMargin) var(--standardMargin);
  border-radius: var(--tableBorderRadius);
}

.P5eRM:hover .QlGCm {
  background: var(--surface1Color);
}

.P5eRM:hover .aPojD {
  background: var(--surface1Color);
}

._9xZA5 {
  white-space: pre-wrap;
  padding: var(--smallMargin) var(--standardMargin);
}

._79iuE {
  border-bottom: 1px solid var(--surface3Color);
}

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

.aoHhv {
  opacity: 1;
}

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

.ejDwY {
  opacity: 0;
}

.Q34SZ {
  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;
}

.ldeVv {
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;

  color: var(--labelColor);
}

.ldeVv.quiBH {
  padding-bottom: var(--largeMargin);
}

.ldeVv a {
  color: #999;
  text-decoration: none;
}

.xURxx {
  display: inline-flex;
  padding-right: var(--largeMargin);
  margin-top: -5px;
}

.p5Hko {
  margin-top: 10px;
}

.g49Aj {
  -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;
}

.g49Aj.Ez437 {
  margin-left: 0;
}

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

.UCkQx {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--largeMargin);
  margin-top: -25px;
}

.vKgpT {
  color: var(--failureColor);
}

._771mt {
  color: var(--labelColor);
  margin-left: var(--largeMargin);
  display: flex;
  gap: var(--largeMargin);
  font-size: var(--tableFontSize);
  box-sizing: border-box;
  margin-top: var(--insetMargin);
}

._771mt > div {
  border-left: 1px solid var(--tableBorderColor);
  padding-left: var(--largeMargin);
}

._3q6IE {
  border-right: 1px solid var(--tableBorderColor);
  padding-right: var(--largeMargin);
  margin-right: var(--largeMargin);
}

.FONg- {
  border-left: none !important;
  padding-left: 0 !important;
  min-width: 142px !important;
}

.PYTTg:first-child {
}

.PYTTg {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--smallMargin);
}

.PYTTg label {
  font-weight: 600;
  font-size: 0.85em;
  margin-bottom: var(--insetMargin);
}

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

._3EOFh {
  margin-top: -25px;
  margin-right: var(--standardMargin);
}

.mT6aa {
  color: var(--labelColor);
  font-size: 0.8em;
}

.Mfe2q {
  width: 100%;
  display: flex;
  flex-grow: 1;
  height: 1px;
  box-sizing: border-box;
  padding-left: var(--largeMargin);
  padding-right: var(--largeMargin);
}

.Mfe2q.BV9Ie {
  padding-left: 0;
  padding-right: 0;
}

.HAL6e {
  width: 100%;
  display: flex;
  flex-grow: 1;
  height: 1px;
}

.cnm2G.HLdjZ:last-child:after {
  height: var(--standardMargin);
  flex-shrink: 0;
  content: '';
}

.cnm2G {
  min-height: 100%;
  width: 1px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding-top: var(--largeMargin);
  box-sizing: border-box;
}

.cnm2G._38WfF {
  padding-top: 0;
}

._7vmPI {
  padding: 0;
}

.EfZYx {
  display: flex;
  height: 1px;
  flex-grow: 1;
}

._1DMmB {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
}

.fm9rm {
  box-sizing: border-box;
  position: sticky;
  top: 0;
  left: 0;
  background: var(--surface5Color);
  z-index: 3;
  transition: box-shadow 0.3s ease-in-out;
}

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

.ELhLi {
  padding-left: var(--largeMargin);
  padding-right: var(--largeMargin);
}

.gVhuj > div > div:last-child {
  padding-bottom: var(--standardMargin);
}

.MDclW {
  width: 100%;
}

.sZ7bx {
  width: 100%;
}

.vs5bn {
  min-width: 200px;
}

.qjZoI {
  padding-left: var(--standardMargin);
  padding-right: var(--standardMargin);
  min-width: 50px;
}

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

._36ExD {
  padding: var(--smallMargin) 0 var(--smallMargin) 0;
}

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

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

@media (max-width: 1300px) {
  .E7P5T {
    display: inline;
  }

  ._8AWOu {
    display: none;
  }
}

.GXKVC {
  pointer-events: none;
}

.IBB8l {
  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;
}

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

/*
 * Transition
 */

.KkgiE {
  opacity: 0;
}

._9IvwU {
  opacity: 1;
}

.xmHbo {
  opacity: 1;
}

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

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

.V0Ivk {
  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);
}

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

.PfpuB .BJVLz {
  color: var(--accent1Color);
}

.PnQvd .BJVLz {
  color: var(--errorColor);
}

._9yPqb .BJVLz {
  color: var(--toastWarningColor);
}

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

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

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

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

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

  height: 44px;

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

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

.ufDWP {
  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;
}

.ufDWP .u1Fzt {
  display: none;
}

.ufDWP ._4uHzY {
  padding: 0;
}

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

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

:root {
  --switchBgSize: 20px;
  --switchColor: rgba(255, 255, 255, 0.3);
  --switchWidth: 44px;
  --switchHeight: 22px;
}

.ejZDt {
  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;
}

.ejZDt.yJCr2 {
  cursor: default;
}

.ejZDt._4zyql {
  background: var(--accent1Color);
}

.vcLdJ {
  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: bKQnA 1.5s linear infinite;
}

.vcLdJ.yJCr2 {
  opacity: 1;
}

.-Qc7r {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: var(--whiteColor);
  transition: margin-left ease 200ms;
}

.-Qc7r._4zyql {
  margin-left: 22px;
}

.cy4sp {
  position: relative;
}

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

.f-all,
.opSgo {
  pointer-events: none;
}

.f-all {
  opacity: 0.3;
}

.oHAST svg text[id^='label:'],
.oHAST svg text[id^='value:'] {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.oHAST svg {
  max-width: 100%;
  /* so text close to the border will not get clipped */
  overflow: visible;
}

.oHAST {
  width: 100%;
  height: 100%;
  margin: var(--standardMargin) 0;
  padding: 0 var(--standardMargin);
  box-sizing: border-box;
}

.JeVer,
.h1Tek,
.oLmFF {
  font-family: var(--appFont) !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  fill: var(--surface1Color);
}

.dark .JeVer,
  .dark .h1Tek,
  .dark .oLmFF,
  .dark .oHAST svg text {
    fill: var(--whiteColor);
  }

.oLmFF,
.JeVer {
  font-weight: 600;
}

.oLmFF {
  text-decoration: underline;
  cursor: pointer;
  font-size: 12px;
}

.oLmFF:hover {
  fill: var(--accent4Color);
}

.h1Tek {
  font-size: 12px;
  font-weight: 400;
}

.Nx1dT {
  text-decoration: underline;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}

.Nx1dT:hover {
  fill: var(--accent3Color);
}

.YW3\+7 {
  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);
}

.Z0bJ4 {
  cursor: pointer;
  pointer-events: all;
}

.Z0bJ4:hover {
  fill: var(--accent4Color);
}

.T7eKo {
  margin-bottom: var(--largeMargin);
  width: 100%;
  display: flex;
  justify-content: center;
}

.unfFk {
  color: var(--textColor);
}

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

.BYKV7 {
  margin-bottom: var(--hugeMargin);
}

.VhViV {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.YO3Zj {
  padding: 0 !important;
}

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

.ug5Jh {
  display: flex;

  align-items: flex-start;
  height: 100%;
  box-sizing: border-box;
  margin-left: var(--largeMargin);
}

.qTV15 {
  flex-grow: 1;
  height: 100%;
  max-height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

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

.zP0X8 {
  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;
}

.zP0X8 > img {
  width: auto;
  height: 70px;
  max-width: 80px;
}

.TOa7P {
  width: auto;
}

._9jpNa {
  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);
}

.ORncd > div {
  margin-right: 0;
}

.ORncd button {
  width: 100%;
  box-sizing: border-box;
}

.qb1I7 {
  padding-right: var(--standardMargin);
}

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

.ORncd {
  overflow-y: auto;
}

.GPRKR {
  align-items: center;
}

.GPRKR button {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: var(--largeMargin);
}

.W3dkR {
  height: 100%;
  z-index: 2;
  box-sizing: border-box;
}

.W3dkR {
  width: max(400px, 20vw);
  background: white;
  padding: var(--standardMargin);

  box-shadow: var(--navBarShadow);
}

._24OvX {
  background-color: white;
  height: 100%;
  max-height: 70vh;
  overflow-y: auto;
}

._677xZ {
  border: 1px solid var(--borderColor);
}

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

.SNcJ- {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--standardMargin);
}

.cieKh {
  border: 1px solid var(--borderColor);
  position: relative;
  width: auto;
  display: inline-block;
  flex-grow: 1;
  margin-bottom: var(--standardMargin);
}

._1bQgR {
  display: none;
}

.m5UjA {
  width: 16px;
  height: 16px;
  position: absolute;
  left: calc(100% - 8px);
  top: 10px;
  border-radius: 50%;
  box-sizing: border-box;
}

.OrTZA {
  display: grid;
  box-sizing: border-box;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.OrTZA > div {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-sizing: border-box;
}

.OrTZA > div:hover {
  background-color: var(--surface5Color);
}

.OrTZA > div > img {
  width: 44px;
  height: 44px;
  padding: var(--smallMargin);
  -o-object-fit: scale-down;
     object-fit: scale-down;
  box-sizing: border-box;
}

._2m5B7 {
  flex: 1;
  background-color: green;
}

.HJ-Aj {
  display: flex;
  -moz-column-gap: 1.5vw;
       column-gap: 1.5vw;
}

.SNcJ- {
  padding: var(--standardMargin);
  width: 1px;
  flex-grow: 1;
}

.vjDPE {
  position: absolute;
}

._2H8Yc {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.cEFWX * {
  vector-effect: non-scaling-stroke;
  shape-rendering: auto;
}

.cEFWX {
  height: 1px;
  width: 100%;
  flex-grow: 1;
  box-sizing: border-box;
  overflow: hidden;
}

.KZ5wk {
  display: none;
}

.kXfHB {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--standardMargin);
}

.kXfHB button,
.kXfHB label {
  margin: 0 !important;
}

.iKWgh {
  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);
}

.KLFSa {
  min-width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

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

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

.DBB3m.Jk6gS {
  padding-left: calc(var(--smallMargin) + var(--insetMargin));
  padding-right: calc(var(--smallMargin) + var(--insetMargin));
}

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

.KLFSa {
  background: #fff;
  display: flex;
  align-items: center;
  transition: background var(--defaultSpeed) ease;
}

.DBB3m:hover {
  background: var(--surface5Color) !important;
}

.DBB3m,
.KLFSa > button {
  height: calc(var(--iconButtonHeight) - 2px);
  width: var(--iconButtonWidth);
}

.DBB3m {
  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;
}

.DBB3m svg {
    color: var(--toolbarMenuButtonColor);
  }

.DBB3m:disabled {
    opacity: 0.4;
    pointer-events: none;
  }

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

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

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

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

.Lpnfn {
  margin-top: -1px;
  height: calc(var(--iconButtonHeight) - 2px);
  box-sizing: border-box;
  width: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
}

.Lpnfn > div {
  width: 1px;
  height: 100%;
  background: var(--borderColor);
}

.DBB3m svg[data-icon='plus'] {
  font-size: var(--alternateSvgFontSize);
}

.RUetm {
  position: absolute;
  width: 40%;
  height: 2px;
  bottom: 2px;
  left: 0;
  right: 0;
  margin: auto;
}

.Jk6gS {
  width: auto;
  padding-left: var(--smallMargin);
  padding-right: var(--smallMargin);
  font-size: 13px;
}

.DBB3m.X3XKb,
.DBB3m.X3XKb:hover {
  background: var(--accent2Color) !important;
  color: #fafafa;
}

.DBB3m.X3XKb > svg {
  color: var(--whiteColor);
}

.sD9DN {
  max-width: 1200px !important;
  width: 90vw;
}

.OPXL2 {
  --processMapHoveringColor: rgba(135, 151, 164, 0.7);
}

.u48Mg {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mWjWC {
  outline: 1px dashed var(--processMapHoveringColor);
  outline-offset: 0px;
}

._2YaLI {
  outline: 1px dashed var(--accent1Color);
  outline-offset: 0px;
}

.dAOzv {
  opacity: 0.15;
}

.as8vG {
  min-width: 90px;
}

.hfgm1 {
  width: 200px;
}

:root {
  --borderColor: solid #e8e8e8;
  --titleColor: var(--accent1Color);
}

.sC-hA {
  width: 100%;
  height: 100%;
  display: flex;
}

._3v1wD {
  height: 100%;
  box-sizing: border-box;
  overflow-y: hidden;
  overflow-x: hidden;
  margin: 0 !important;
}

.qgKpq {
  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 {
}

._6AV0z {
  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%;
}

._6AV0z._8z0m- {
  width: var(--sidebarWidth);
  overflow-y: auto;
}

.Q-fu3 {
  width: 100%;
  font-size: clamp(1.1em, 1vw, 1.2em);
  font-weight: 400;
}

.Q-fu3:hover {
  background-color: var(--surface5Color);
  text-decoration: none;
}

.Q-fu3 {
  color: var(--textColor);
  display: block;
  width: 100% !important;
  padding: var(--standardMargin) var(--standardMargin) var(--standardMargin)
    20px;
  box-sizing: border-box;
  text-decoration: none;
}

.Q-fu3._8z0m- {
  padding: var(--standardMargin) var(--standardMargin) var(--standardMargin)
    var(--centeredInset);
}

.AkmII,
.hI\+Ku {
  background-color: var(--accent1Color);
  color: var(--whiteColor);
}

.AkmII svg, .hI\+Ku svg {
    fill: var(--whiteColor);
    stroke: var(--whiteColor);
  }

.AkmII:hover, .hI\+Ku:hover {
    background-color: var(--accent1Color);
    color: var(--whiteColor);
  }

.EZN-U {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

.hI\+Ku,
.hI\+Ku:hover {
  background: var(--accent1Color);
}

.X2Lq9 {
  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;
}

.X2Lq9._8z0m- {
  transition: background-color var(--sidebarSpeed) ease-out;
  margin-right: clamp(0px, 0.5vw, var(--standardMargin));
}

.BlXBw {
  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;
}

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

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

.s-aHi {
  padding-left: var(--centeredInset);
  font-size: clamp(23px, 1vw, 26px);
  font-weight: 700;
  padding-top: 4px;
  color: var(--surface1Color);
  flex-grow: 1;
}

.AS9Ol {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--hugeMargin);
}

.NExNU {
  flex-grow: 1;
}

.QAIw6 {
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  overflow-x: visible;
  z-index: 501;
}

._9xXJ\+ {
  width: 100%;
  align-items: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

._9xXJ\+ svg {
  color: var(--surface3Color);
  stroke: var(--surface3Color);
  fill: var(--surface3Color);
  width: 34px;
  height: 34px;
  transform: rotate(0deg);
  transition: transform var(--sidebarSpeed) ease-out;
}

._9xXJ\+._8z0m- svg {
  transform: rotate(180deg);
  transition:
    transform var(--sidebarSpeed) ease-out,
    background-color var(--sidebarSpeed) ease-out;
}

.xG-sc {
  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;
}

.\+Oi9s {
  margin-bottom: var(--standardMargin);
}

.wA4EE {
  position: relative;
  height: 1px;
  width: 1px;

  overflow: visible;
  left: 64px;
  background: white;
}

.wA4EE._8z0m- {
  left: var(--sidebarWidth);
}

.tp-Jx {
  display: flex;
  cursor: pointer;
}

.ZeKYP {
  display: flex;
}

.TKLHv._8z0m- {
  margin-right: var(--standardMargin);
  width: 20px;
}

.Mrtcn {
  margin-top: var(--smallMargin);
  text-transform: none;
  padding-left: var(--centeredInset);
  display: flex;
}

._8AgiO {
  flex-grow: 1;
}

.Mrtcn > div:only-child {
  margin-right: var(--largeMargin);
}

.Mrtcn button {
  flex-shrink: 0;
  margin-left: var(--standardMargin);
  margin-right: var(--standardMargin);
}

.Vqa7- a.OiDDi {
  border: 1px solid yellow;
}

.KTqON {
  display: inline-block;
  position: absolute;
  bottom: var(--standardMargin);
}

._7uWPF {
  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;
}

._7uWPF button {
  width: 100%;
}

._62yVg {
  min-width: 320px;
}

.z9eNq {
  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;
}

.z9eNq:first-child {
  padding-left: 0;
}

.z9eNq:last-child {
  padding-right: 0;
  border-right: 0;
}

._30zoJ {
  font-size: 0.9em;
  color: var(--surface3Color);
  margin-bottom: var(--smallMargin);
}

.gH5O0 {
  font-size: 0.9em;
  word-break: break-all;
}

.eXzZG {
  font-size: 15px;
  color: var(--surface3Color);
  margin-bottom: 0;
}

@media (max-width: 1300px) {
  .gH5O0 {
    font-size: 0.8em;
  }

  .eXzZG {
    font-size: 12px;
  }
}

.qIOzp {
  margin-bottom: var(--hugeMargin);
}

.XeGi8 {
  flex-shrink: 0;
  margin-bottom: var(--standardMargin);
  display: flex;
}

.XeGi8 > div {
  flex-grow: 1;
  min-height: auto;
  padding-bottom: 0;
}

.SBeU3 * {
  vector-effect: non-scaling-stroke;
  shape-rendering: auto;
}

.SBeU3 a {
  display: none;
}

.SBeU3 {
  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;
}

.iqSmv {
  margin-bottom: var(--hugeMargin);
}

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

.S8jHS,
.mnpmb {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}

.mnpmb {
  width: 300px;
}

.tIhW8 {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}

.KbDHp {
  flex-grow: 1;
  width: 100%;
  max-width: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
  min-height: 40px;
}

.AiSPH {
  position: absolute;
}

.wWenH {
  position: absolute;
}

.JBNSs {
  border-bottom: 1px solid var(--tableBorderColor);
  padding: var(--smallMargin);
  font-size: 13px;
}

.JfQuY {
  width: 100%;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: var(--insetMargin);
}

.J-aWi {
  min-width: 90px;
  display: flex;
  justify-content: flex-end;
}

.MIWoJ {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow-y: auto;
}

.G\+f3A {
  flex: 1 1 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.-TJmT,
.BA6Z9 {
  width: 100%;
}

.BA6Z9 {
  margin-top: 10px;
}

.hG0G\+ {
  width: 100%;
}

.hG0G\+ svg {
    fill: var(--whiteColor);
    stroke: var(--whiteColor);
  }

._79IXs {
  font-size: 0;
}

.-COXq {
  width: 100%;
  margin-top: 30px;
}

.MCOZD {
  align-items: flex-start !important;
  text-align: left;
}

.jbe1s {
  max-width: 500px !important;
  width: 500px !important;
}

.-N8SU {
  text-align: center;
}

.OBY0s {
  margin-bottom: var(--hugeMargin);
}

.aUgbf {
  color: var(--primary1Color);
}

._9kwQ1 {
  color: var(--surface1Color);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

._84aay {
  color: var(--surface3Color);
}

._0Dfmy {
  height: 682px !important;
  max-width: 700px !important;
}

.s1UHm {
  margin-bottom: var(--largeMargin);
}

.Ao-ya {
  margin-bottom: var(--largeMargin);
}

.mFoM8 * {
  color: white !important;
}

.qQPt0 {
  width: 60px;
  float: left;
  display: flex;
  justify-content: center;
}

.Xx1zE svg {
  fill: var(--accent1Color);
  color: var(--accent1Color) !important;
  margin-right: var(--standardMargin) !important;
}

.VrFoE {
  width: 6px;
  margin-left: var(--insetMargin);
  visibility: hidden;
}

.VrFoE.S4ciO {
  visibility: visible;
}

.lmE0z {
  width: 100%;
  display: flex;
}

.TvrIN {
  padding-left: 0;
  align-items: center;
  justify-content: center;
}

._9YrvI {
  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);
}

._9YrvI > * {
  margin-top: -1px;
}

.hg45S {
  font-weight: bold;
}

.hg45S,
.qHv3P {
  display: inline-block;
}

.oPr8t {
  color: green;
  fill: green;
  stroke: green;
}

.WbGQh {
  color: var(--severity2Color);
  fill: var(--severity2Color);
  stroke: var(--severity2Color);
}

._5p-tn {
  color: var(--severity1Color);
  fill: var(--severity1Color);
  stroke: var(--severity1Color);
}

.U7Lrk {
  color: var(--severity0Color);
  fill: var(--severity0Color);
  stroke: var(--severity0Color);
}

.qHv3P {
  cursor: help;
}

.YsuF8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

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

.ODv3h,
._1LSKI {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid var(--accent1Color);
}

.ODv3h {
  color: var(--accent1Color);
  position: relative;
}

._1LSKI {
  color: var(--blackColor);
  background: white;
  font-weight: 500;
  position: absolute;
  top: -5px;
  right: 0px;
  box-sizing: border-box;
}

._1LSKI:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.ODv3h svg {
}

.jP8C0 {
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--largeMargin);
  align-items: center;
  justify-content: center;
  min-height: 46px;
}

.rXMpd {
  flex-shrink: 0;
}

._1kUPI {
  flex-shrink: 0;
  padding: var(--smallMargin);
}

.Uqu3J {
  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;
}

.XxkhW {
  border-color: var(--severity0Color);
}

.rFrMe {
  border-color: var(--severity1Color);
}

.AJN66 {
  border-color: var(--severity2Color);
}

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

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

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

.MRaYK.DJKJE {
  background-color: var(--surface4Color);
}

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

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

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

  display: flex;
  flex-direction: column;
}

._6iWS4 {
  visibility: visible;
}

.WMnxs {
  width: 100%;
  height: 100%;
  cursor: default;
  position: relative;
}

.G589H {
  position: absolute;
  top: var(--smallMargin);
  left: var(--smallMargin);
  width: 250px;
  z-index: 1;
}

:root {
  --markerHoverColor: rgba(30, 162, 177, 0.6);
}

.-hISX {
  position: relative;
}

.dzq4g {
  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);
}

.dzq4g:hover {
    box-shadow: 0 0 0 10px var(--markerHoverColor);
  }

.jnpUi {
  position: relative;
  width: 25px;
  height: 40px;
  top: -40px;
  left: -12.5px;
  background-image: url(/c8360a77c879acba5194.png);
  cursor: pointer;
}

.p0Tbs {
  opacity: 0.5;
}

.oNf9z {
  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;
}

  .oNf9z._2BA9N {
    cursor: default;
  }

.CCw-Y,
.CCw-Y .EH8sb {
  background-color: var(--accent3Color);
}

.vswmD {
  z-index: 2;
}

.SSAAI {
  display: inline-flex;
  width: 100%;
  height: 100%;
  margin-top: var(--smallMargin);
  justify-content: center;
  align-items: center;
}

.SSAAI.dX66K {
    margin-top: var(--smallMargin);
  }

.SSAAI svg {
  width: 22px;
  height: auto;
}

.nc\+5p {
  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;
}

.us5lY {
  position: absolute;
  content: '';
  width: 40px;
  height: 20px;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  overflow: hidden;
}

.EH8sb {
  width: 17px;
  height: 17px;
  transform: rotate(45deg);
  background: var(--accent1Color);
  box-shadow: 0 3px 14px rgb(0 0 0 / 40%);
  margin: -10px auto 0;
}

.oNf9z {
  z-index: 1;
  transition: opacity var(--defaultSpeed) ease-in-out;
}

.vswmD {
  z-index: 2;
}

.aBZ\+I {
  opacity: 0.5;
}

.yoYAn {
  z-index: 4;
}

.fc9kj {
  color: white;
  font-size: 26px;
  padding: 2px 4px;
}

.SSAAI {
  color: white;
}

.uBB3N {
  opacity: 0 !important;
  display: block !important;
}

.R1Y9q {
  display: block !important;
}

.mz0pA {
  opacity: 1 !important;
  transition: opacity var(--defaultSpeed) !important;
}

.H7CsI {
  opacity: 1 !important;
  display: block !important;
}

._8bWN4 {
  opacity: 0 !important;
  display: block !important;
  transition: opacity var(--defaultSpeed) !important;
}

:root {
  --styledMarkerHoverColor: rgb(31, 168, 183);
}

.cUcrN {
  min-width: 150px;
  display: flex;
  color: white;
  font-size: var(--labelFontSize);
  font-weight: normal;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}

.A79cw:not(.cz2G1):hover > .cUcrN,
  .A79cw:not(.cz2G1):hover ~ .YIF06 > ._43e8k {
    background: var(--styledMarkerHoverColor);
  }

.KXsKI {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  display: none;
  z-index: 2;
}

/* Fixes onload issue with FadeInAnimation */

.kwovl {
  display: block;
}

.A79cw {
  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);
}

.A79cw.cz2G1 {
    background-color: var(--accent3Color);
    cursor: default;
  }

.A79cw.cz2G1 ~ .YIF06 > ._43e8k {
      background-color: var(--accent3Color);
    }

.ln2pA {
  padding: var(--standardMargin) 5px var(--standardMargin) var(--standardMargin);
  background-color: var(--accent3Color);
  color: white;
  font-size: var(--tableFontSize);
}

.neBZN {
  padding: var(--standardMargin);
}

.Z1P7x {
  margin-bottom: 2px;
}

.acvly {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
}

.YIF06 {
  position: absolute;
  content: '';
  width: 40px;
  height: 20px;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  overflow: hidden;
}

/* CSSTransition animations */

._43e8k {
  width: 17px;
  height: 17px;
  transform: rotate(45deg);
  background-color: var(--accent1Color);
  margin: -10px auto 0;
}

.a1OM3 {
  position: relative;
  width: 100%;
  height: 100%;
}

.zU1\+k {
  position: absolute;
  top: var(--smallMargin);
  left: var(--smallMargin);
  z-index: 1;
}

.AnPe1 {
  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;
}

.zewFR {
  width: 300px;
}

.zyDs\+ {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
}

.\-8lJs {
  color: var(--whiteColor);
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 50%;
}

.C35ch {
  box-sizing: border-box;
  font-weight: 600;
}

.zSTEy {
  font-size: 16px;
}

.BPQ1r {
  fill: var(--textColor);
}

.dark .BPQ1r {
  fill: var(--whiteColor);
}

.fJJa2 {
  cursor: pointer;
}

.KlXgm {
  display: flex;
  flex-shrink: 0;
  margin-left: var(--smallMargin);
  justify-content: flex-end;
  align-items: center;
}

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

.KlXgm:hover span {
      filter: brightness(90%);
    }

.KlXgm > .UtiEv {
    width: var(--baseSvgFontSize);
    margin-left: var(--smallMargin);
  }

.KlXgm > .UtiEv > svg {
      margin-right: 0;
    }

svg.V0u4L {
  width: 18px !important;
  height: 18px;
}

.pJknx {
  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);
}

.uxVpD {
  background-color: var(--severity0Color);
}

.z4KUp {
  background-color: var(--severity1Color);
}

.t9f4S {
  background-color: var(--severity2Color);
}

.RDeyd {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.zOqwX {
  flex-grow: 1;
  height: 1px;
  min-height: 0;
}

.MVNJ8 {
  background: var(--surface5Color);
  padding: var(--standardMargin);
  border: 1px solid var(--borderColor);
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

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

.vYew0 {
  width: 100%;
  box-sizing: border-box;
}

.ys5Hn {
  border-left: var(--dividerWidth) solid var(--dividerColor);
  max-width: var(--dividerWidth);
  height: 100%;
}

.hcCce {
  border-top: var(--dividerWidth) solid var(--dividerColor);
  max-height: var(--dividerWidth);
  width: 100%;
}

.fIxAv {
  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;
}

.uuQu7 {
  margin-left: 0;
  width: 100%;
}

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

.K-UGv {
  font-size: 2.5cqmin;
  padding: 1.5cqmin;
}

.K-UGv 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.1057018ec964cd9cd3eb.css.map*/