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

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

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

/* Accessed dynamically via styles[size] and styles[color] */
/* eslint-disable css-modules-kit/no-unused-class-names */
.cQkll {
  width: var(--spinnerLargeSize);
  height: var(--spinnerLargeSize);
}

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

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

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

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

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

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

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

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

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

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

.YVv0X {
  border-left-color: var(--accent1Color);
  border-top-color: rgba(0, 0, 0, 0.1);
  border-right-color: rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
/* eslint-enable css-modules-kit/no-unused-class-names */

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

  align-items: center;
}

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

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

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

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

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

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

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

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

  100% {
    opacity: 0.1;
  }
}

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

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

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

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
.pyyK2 {
  color: var(--surface5Color);
  background: var(--accent1Color);
  display: block;

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

  white-space: nowrap;
  font-weight: 400;
  font-size: 14px;
  font-family: var(--appFont);
  cursor: pointer;
  transition: background var(--defaultSpeed) ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.pyyK2:active {
    box-shadow:
      inset 0 2px 3px 0 rgba(0, 0, 0, 0.12),
      inset 0 -1px 2px 0 rgba(0, 0, 0, 0.06),
      0 1px 2px 0 rgba(0, 0, 0, 0.11);
  }
.pyyK2:focus,
  .pyyK2:hover {
    background: var(--buttonHoverColor);
  }
.pyyK2:active {
    background: var(--buttonActiveColor);
  }

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

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

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

  padding: 7px 19px;
}

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

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

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

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

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

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

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

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

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

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

  background: transparent;
  border: 0;
}

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

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

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

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

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

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

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

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

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

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

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

/* Toggled-on state for an icon button, such as a filter funnel whose panel is
   open. The icon may be nested inside a wrapper element, so the svg rule is a
   descendant selector rather than a direct child one. */
.pyyK2.nSe93,
.pyyK2.nSe93:hover {
  background: var(--accent2Color);
  color: var(--whiteColor);
}
.pyyK2.nSe93 svg, .pyyK2.nSe93:hover svg {
    color: var(--whiteColor);
  }

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

.pyyK2.j8l9n {
  background-image: linear-gradient(
    -45deg,
    var(--loadingBarColor) 25%,
    transparent 25%,
    transparent 50%,
    var(--loadingBarColor) 50%,
    var(--loadingBarColor) 75%,
    transparent 75%,
    transparent
  );
  -ms-background-size: var(--loadingBarWidth) var(--loadingBarWidth);
  background-size: var(--loadingBarWidth) var(--loadingBarWidth);
  animation: gKADv 1.5s linear infinite;
}
@keyframes gKADv {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc(var(--loadingBarWidth)*-2) 0px;
  }
}

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

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

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

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

/* Third-party library styling: react-select */
/* eslint-disable css-modules-kit/no-unused-class-names */
.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:not(.Select__option--is-selected), .Select__option:hover:not(.Select__option--is-selected) {
  background-color: var(--selectFocusBackgroundColor) !important;
  color: var(--blackColor) !important;
}

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

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

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

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

.Select__menu {
  overflow: hidden;
}

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

.Select__group {
  padding: 0 !important;
}

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

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

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

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

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

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

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

/* Accessed dynamically via styles[Element] where Element = 'h1'-'h6' */
/* eslint-disable css-modules-kit/no-unused-class-names */
.Yd62z {
  font-size: 2.1rem;
}

.pxQ64 {
  font-size: 1.6rem;
}

._eLb4 {
  font-size: 1.3rem;
}

.t_naF {
  font-size: 1.12rem;
}

.laT0_ {
  font-size: 0.93rem;
}

.VrA1v {
  font-size: 0.85rem;
}
/* eslint-enable css-modules-kit/no-unused-class-names */

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

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
.rqEho {
  pointer-events: none;
  z-index: var(--tooltipZIndex);
  position: absolute;
}

.nwsnJ {
  visibility: hidden;
}

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

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

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

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

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

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

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

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

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

._3eEpw:before {
  left: 15px;
}

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

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

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

.KGRxa:before {
  right: 50%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
 * Transition
 */

.uHAb9 {
  opacity: 0;
}

.XYDeo {
  opacity: 1;
}

.jKUzH {
  opacity: 0;
}

.FWPJl {
  opacity: 0;
}

.nsduQ {
  opacity: 0.25;
}

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

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

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

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

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

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

.vJS2g,
.xeNEa {
  background: var(--whiteColor);
  border: var(--tableBorderStyle);
}

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

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

.iiQ9g {
  display: flex;
  min-width: 250px;
  flex-direction: column;
  justify-content: center;
}

.iiQ9g div {
  margin-right: 0;
}

.Nef9g {
  pointer-events: none;
}

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

.RbwD8 {
  width: 10px;
  height: 130px;
}
/*
 * Transition
 */

.U5_zg {
  opacity: 0;
}

.rp66D {
  opacity: 1;
}

.te8Ep {
  opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

  height: 44px;

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

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

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

.uRK7W .etfDc {
  display: none;
}

.uRK7W .V1ndg {
  padding: 0;
}

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

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

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

.l8opg {
  fill: inherit;
}

.uHXvJ {
  fill: inherit;
}

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

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

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

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

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

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

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

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

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

.C2DkJ {
  stroke-linejoin: round;
}

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

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

:root {
  --borderColor: solid #e8e8e8;
  --titleColor: var(--accent1Color);
}

.Yy2p6 {
  width: 100%;
  height: 100%;
  display: flex;
}

.lXKlp {
  height: 100%;
  box-sizing: border-box;
  overflow-y: hidden;
  overflow-x: hidden;
  margin: 0 !important;
}

.pr8Sc {
  width: 100%;
  flex-grow: 1;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

:root {
  --sidebarIconSize: 20px;
  /* Horizontal inset of the side menu contents, on both sides. The collapsed
     menu is exactly as wide as an icon plus this inset on either side, which
     is what keeps the icons on the same horizontal position when the menu is
     toggled. */
  --centeredInset: var(--largeMargin);
  --collapsedSidebarWidth: calc(var(--sidebarIconSize) + var(--centeredInset)*2);
  --sidebarWidth: clamp(195px, 15vw, 300px);
  --navTitleHeight: 44px;
}

:root {
}

:root {
}

.v0rVz {
  box-sizing: border-box;
  background: white;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 0.8rem;
  transform: translateZ(0);
  box-shadow: var(--navBarShadow);
  z-index: var(--sideBarZIndex);
  border: 0;
  padding-bottom: 10px;
  flex-direction: column;
  display: flex;
  pointer-events: auto;
  transition: opacity var(--sidebarSpeed) ease-out;
  width: var(--collapsedSidebarWidth);
  flex-grow: 1;
  flex-shrink: 0;
  overflow-y: auto;
  height: 100%;
}

.v0rVz.LuUNH {
  width: var(--sidebarWidth);
  overflow-y: auto;
}

.YR_sj {
  width: 100%;
  font-size: clamp(1.1em, 1vw, 1.2em);
  font-weight: 400;
}

.YR_sj:hover {
  background-color: var(--surface5Color);
  text-decoration: none;
}

.YR_sj {
  color: var(--textColor);
  display: block;
  width: 100% !important;
  padding: var(--standardMargin) var(--centeredInset);
  box-sizing: border-box;
  text-decoration: none;
}

.uWerV,
.Fnn7q {
  background-color: var(--accent1Color);
  color: var(--whiteColor);
}

.uWerV svg, .Fnn7q svg {
    fill: var(--whiteColor);
    stroke: var(--whiteColor);
  }

.uWerV:hover, .Fnn7q:hover {
    background-color: var(--accent1Color);
    color: var(--whiteColor);
  }

.NF3Kq {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

.Fnn7q,
.Fnn7q:hover {
  background: var(--accent1Color);
}

.RVapb {
  width: 44px;
  border-radius: 22px;
  display: flex;
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 30px;
  transition: background-color var(--sidebarSpeed) ease-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: var(--sideBarZIndex);
  color: #cacaca;
}

.RVapb.LuUNH {
  transition: background-color var(--sidebarSpeed) ease-out;
  margin-right: clamp(0px, 0.5vw, var(--standardMargin));
}

.gGVoj {
  display: flex;
  background: white;
  padding-top: var(--largeMargin);
  justify-content: center;
  align-items: center;
  padding-bottom: var(--standardMargin);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

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

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

._8jzU {
  padding-left: var(--centeredInset);
  font-size: clamp(23px, 1vw, 26px);
  font-weight: 700;
  padding-top: 4px;
  color: var(--surface1Color);
  flex-grow: 1;
}

.Wtbik {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--hugeMargin);
}

.MKsCl {
  flex-grow: 1;
}

.gAKTg {
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  overflow-x: visible;
  z-index: 501;
}

.frUPw {
  width: 100%;
  align-items: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.frUPw svg {
  color: var(--surface3Color);
  stroke: var(--surface3Color);
  fill: var(--surface3Color);
  width: 34px;
  height: 34px;
  transform: rotate(0deg);
  transition: transform var(--sidebarSpeed) ease-out;
}

.frUPw.LuUNH svg {
  transform: rotate(180deg);
  transition:
    transform var(--sidebarSpeed) ease-out,
    background-color var(--sidebarSpeed) ease-out;
}

.FSRBd {
  width: 100%;
  color: var(--textColor);
  text-transform: uppercase;
  padding-top: var(--largeMargin);
  padding-left: var(--centeredInset);
  padding-right: var(--centeredInset);
  padding-bottom: var(--smallMargin);
  font-weight: 700;
  box-sizing: border-box;
  min-height: var(--navTitleHeight);
}

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

.bGTu9 {
  position: relative;
  height: 1px;
  width: 1px;

  overflow: visible;
  left: var(--collapsedSidebarWidth);
  background: white;
}

.bGTu9.LuUNH {
  left: var(--sidebarWidth);
}

.iY7CJ {
  display: flex;
  cursor: pointer;
}

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

/* When the side menu is collapsed only the icons are visible, so center them
   horizontally. The icons have varying widths, which means they cannot simply
   be left aligned against a fixed padding. */
.YR_sj:not(.LuUNH) .u7e_O,
.iY7CJ:not(.LuUNH) {
  justify-content: center;
}

.iY7CJ:not(.LuUNH) .MKsCl {
  display: none;
}

/* Keep every nav label on a single line. A label that wraps makes its row
   taller in the expanded menu only, which would move all icons below it when
   the menu is collapsed. The full text is kept in the title attribute. */
.xPm5F {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* The global line height of 1 makes the line box exactly as tall as the font
     size, which leaves descenders (g, j, p, q) outside of it. Clipping the
     overflow above would cut them off, so give them room with padding, and
     take the same amount back as negative margin to keep the row height and
     the icon positions unchanged. */
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  margin-top: -0.25em;
  margin-bottom: -0.25em;
}

.npy9F {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--sidebarIconSize);
}

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

/* The tenant selector is hidden in the collapsed side menu, but its section
   keeps a constant height so that the nav links below do not move vertically
   when the menu is toggled. The height is reserved by the section itself
   rather than by its contents: the selector is not rendered while collapsed,
   and at the narrow collapsed width it would in any case wrap onto two rows
   and become taller than it is in the expanded menu. */
.ynZSg {
  height: calc(var(--navTitleHeight) + var(--smallMargin) + var(--iconButtonHeight));
  flex-shrink: 0;
}

.pzlgt {
  margin-top: var(--smallMargin);
  text-transform: none;
  padding-left: var(--centeredInset);
  display: flex;
}

.YRyZ3 {
  flex-grow: 1;
}

.pzlgt > div:only-child {
  margin-right: var(--centeredInset);
}

.pzlgt button {
  flex-shrink: 0;
  margin-left: var(--standardMargin);
  margin-right: var(--standardMargin);
}

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
.XT9r7 {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: flex-start;
  gap: var(--standardMargin);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.O4AYC {
  padding-bottom: 0;
}

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

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

.gs0dC {
  width: 100%;
}

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

.gs0dC * {
  cursor: pointer !important;
}

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

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

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

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

.ujVRq {
  width: 100%;
}

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

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

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

.snHt5 {
  align-items: center;
}

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

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

.A3tjw {
  display: inline-block;
  position: absolute;
  bottom: var(--standardMargin);
}

.UX49l {
  background: var(--surface7Color);
  border: 1px solid var(--borderColor);
  padding: var(--standardMargin);
  border-radius: 0 var(--tableBorderRadius) var(--tableBorderRadius) 0;
  cursor: default;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  clip-path: inset(-30px -30px -30px 0px);
  display: flex;
  flex-direction: column;
}

.UX49l button {
  width: 100%;
}

.hfVrM {
  font-weight: 500;
}

.IzWIP {
  font-size: 12px;
  color: var(--successColor);
}

.Wo9O1 {
  display: flex;
  flex-direction: column;
  gap: var(--insetMargin);
  flex: 1;
}

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

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

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

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

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

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

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

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

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

.eSeVA {
  min-height: 100px;
}

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

/*
 * A flex item defaults to min-height auto and will not shrink below its content, so a tall child
 * such as a scrolling table grows the whole column and hands the scroll to the page instead. A
 * table that fills the height marks itself, and every LoadingContainer above it gives way, however
 * many of them the page nests. flex-grow above still makes them fill the space they are given.
 *
 * Kept to those chains on purpose. Applying it to every LoadingContainer squeezes content that has
 * no scrolling child to give the height back, such as the collapsed cards on the equipment signals
 * page, which lost their header down to a couple of pixels.
 */
.B_J1N:has([data-fill-height]),
.yhFwm:has([data-fill-height]) {
  min-height: 0;
}

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

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

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

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

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

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
:root {
  --tableMargin: 5px;
  --borderSize: 1px;
  --smallerTableFontSize: 12px;
}

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

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

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

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

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

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

.qlVIW {
  height: auto;
}

.HsYwr {
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

.UxDO3 svg {
    flex-shrink: 0;
  }

.Qe4ql {
  cursor: pointer;
}

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

.LwzxO {
  padding: var(--smallMargin);
  box-sizing: border-box;
  /* Anchor for the absolutely positioned resize handle */
  position: relative;
}

.LwzxO div:not([class*='Select__indicator']) > svg {
  color: var(--iconColor);
  margin-right: var(--iconTextMargin);
}

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

.UxDO3 {
  overflow: hidden;
}

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

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

.X2u7o {
  pointer-events: none;
}

.X2u7o > .LwzxO {
  opacity: var(--disabledRowOpacity);
}

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

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

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

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

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

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

.XKqO5 .x6GIq {
  color: var(--whiteColor);
}

.XKqO5 .x6GIq svg {
    color: var(--whiteColor);
  }

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

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

.fMdjr {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.OkvTk {
  overflow-x: auto;
}

.WsL_H {
  position: sticky;
  right: 0;
  z-index: 1;
  background: inherit;
  align-self: stretch;
  display: flex;
  align-items: center;
}

.WsL_H > * {
    display: flex;
    align-items: center;
  }

.DspCu .WsL_H {
  box-shadow: -8px 0 16px -4px
    rgba(0, 0, 0, calc(var(--sticky-shadow-opacity, 1)*0.15));
}

.qlVIW .WsL_H {
  background: transparent;
  box-shadow: none;
}

/*
 * Vertical scrolling and sticky header
 */

.Wnnuj {
  overflow-y: auto;
  min-height: 0;
}

/*
 * Instead of guessing a height from the viewport, take whatever height the surrounding layout has
 * left over. Needs every ancestor up to a height bounded one to be a flex column, which is what
 * ToolbarContentPage and PlainBox already are.
 */
.amevO {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  /* A flex item will not shrink below its content height without this */
  min-height: 0;
}

.amevO .bm7LG {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

/*
 * LoadingContainer sits between this component and the table, and its inner wrapper is a flex item
 * with the default min-height of auto, so it refuses to shrink below the rows and the whole table
 * grows past its box. Scoped to fillHeight rather than changed in LoadingContainer itself, which
 * every other screen also uses.
 */
.fDN3p,
.fDN3p > div {
  min-height: 0;
}

/* Needs the .headerRow prefix to beat .headerRow:nth-child(odd/even) above */
.qlVIW.kwh8o {
  position: sticky;
  top: 0;
  z-index: 2;
  /*
   * Has to be opaque, otherwise rows scroll through the header and the labels become unreadable.
   * The variable is set from the nearest ancestor that actually paints a background, so the header
   * blends into whatever surface the table was dropped on. The fallback covers the case where no
   * ancestor paints one.
   */
  background: var(--dataTableStickyHeaderBackground, var(--whiteColor));
}

/* Same reasoning for the corner cell where a sticky header meets a sticky column */
.kwh8o .WsL_H {
  background: var(--dataTableStickyHeaderBackground, var(--whiteColor));
}

/*
 * The header is the first row, so it picks up the rounded top corners, and those corners are
 * transparent - rows scrolling past show through them. Square the header off and let the scrolling
 * box carry the rounding instead, where it clips the rows on their way past.
 */
.qlVIW.kwh8o {
  border-radius: 0;
}

.Wnnuj,
.amevO .bm7LG {
  border-radius: var(--tableBorderRadius);
}

/*
 * Once rows start passing beneath the header the two need separating, but a line there while the
 * table sits at the top would just be a stray rule above the first row. The header already reserves
 * a transparent border, so only its colour changes and nothing shifts.
 */
.bm7LG[data-scrolled='true'] .qlVIW.kwh8o {
  border-bottom-color: var(--tableBorderColor);
}

/*
 * Column resizing
 */

.NCRt4 {
  position: absolute;
  top: 0;
  right: calc(var(--insetMargin)*-1);
  width: calc(var(--smallMargin)*2);
  height: 100%;
  cursor: col-resize;
  display: flex;
  justify-content: center;
  align-items: center;
  touch-action: none;
  z-index: 3;
}

.tRdlP {
  width: 1px;
  height: 60%;
  background: var(--tableBorderColor);
}

.NCRt4:hover .tRdlP,
.NCRt4:active .tRdlP {
  width: 2px;
  height: 100%;
  background: var(--accent1Color);
}

/*
 * Paging
 */

.RfNoK {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--smallMargin);
}

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

.ZEp0R {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--smallMargin);
  width: 100%;
}

.CRIeB {
  flex-grow: 1;
}

.tXLu_ {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--smallMargin);
}

.wlMg4 {
  min-width: 24px;
  padding: 2px 4px;
  box-sizing: border-box;
  text-align: center;
  border: none;
  background: transparent;
  color: var(--accent5Color);
  font-size: 0.95em;
  cursor: pointer;
  border-radius: var(--tableBorderRadius);
}

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

.wlMg4.rE2nd {
  color: var(--blackColor);
  font-weight: bold;
  cursor: default;
}

.wlMg4.rE2nd:hover {
  background: transparent;
}

.FmjYx {
  color: var(--surface3Color);
  font-size: 0.95em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.Xvj3U {
  color: var(--labelColor);
  font-size: var(--labelFontSize);
  white-space: nowrap;
}

.t9Zmo {
  color: var(--surface3Color);
  font-size: var(--labelFontSize);
  white-space: nowrap;
}

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

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

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

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

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

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

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

.Cj2NS {
  vertical-align: middle;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
 * Transition
 */

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

.vawJc .adMB7 {
  }

.CCFdL {
  opacity: 1;
}

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

.CfeiS {
  opacity: 1;
}

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

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
.Rq0Cz {
  color: var(--textColor);
  background: var(--surface7Color);
  flex: 0 0 var(--modalHeaderHeight);
  margin: 0;
  padding: 5px var(--modalHeaderHeight) 5px 15px;
  font-size: 1.1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 20px;
  border-bottom: 1px solid var(--borderColor);
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 1;
  box-sizing: border-box;
  justify-content: space-between;
  font-weight: 500;
  border-radius: var(--modalCornerRadius) var(--modalCornerRadius) 0 0;
}

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

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

.eIecl {
  margin-left: 10px;
}

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

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

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

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

/*
 * Use a separate container for padding within a scroller.
 * See: https://bugzilla.mozilla.org/show_bug.cgi?id=748518
 */
.YI5Zs {
  position: relative;
  flex: 1 1 auto;
  overflow-y: auto;
  overscroll-behavior: none;
  padding: var(--largeMargin);
  height: 100%;
  background: var(--surface6Color);
  z-index: 2;
  min-height: 40px;
}

.j54qa > * {
  opacity: 0.25;
}

.CLS8h {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 1;
  text-shadow:
    -1px -1px 0 rgba(255, 255, 255, 0.7),
    1px -1px 0 rgba(255, 255, 255, 0.7),
    -1px 1px 0 rgba(255, 255, 255, 0.7),
    1px 1px 0 rgba(255, 255, 255, 0.7);
  font-weight: 600;
  pointer-events: none;
  color: var(--blackColor);
}

.CLS8h * {
  opacity: 1;
}

.CLS8h > * + * {
  margin-top: var(--standardMargin);
}

.DUo4p {
  box-shadow: 0 0px 15px 6px rgba(0, 0, 0, 0.15);
  max-height: 50%;
  max-width: 50%;
}

.GdKuD {
  padding: 0;
}

.BysWr {
  background: var(--whiteColor);
}

.OenoZ {
  height: 100%;
  width: 100%;
}

.j54qa .OenoZ {
  filter: blur(2px);
}

.KFvt0 {
  pointer-events: none;
}

/*
 * Fill height
 *
 * Hands the leftover height to the children instead of scrolling the body, for modals where
 * something inside scrolls on its own. The modal above is already a bounded flex column, so the
 * height is there to hand out.
 */
.YI5Zs.u8meA {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  /* A flex item will not shrink below its content height without this */
  min-height: 0;
}

.u8meA .dzqgU {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  /* Beats the height: 100% above, which would otherwise overflow once it has siblings */
  height: auto;
}

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
.ucBIo {
  display: flex;
  flex: 0 0 var(--modalFooterHeight);
  align-items: center;
  justify-content: flex-end;
  padding: 0 15px;
  height: var(--modalFooterHeight);
  border-top: 1px solid var(--borderColor);
  text-align: right;
  background: var(--surface6Color);
  z-index: 1;
  border-radius: 0 0 var(--modalCornerRadius) var(--modalCornerRadius);
}

.ZXHft {
  border-top: none;
}

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

.ExfwT {
  flex: 1 1 auto;
}

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

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

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

.r5Izi {
  padding-top: 0;
}

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

.nro2a {
  width: 450px;
}

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

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

.KGy4d {
  margin-left: 5px;
}

.kLFhL {
  flex-grow: 1;
}

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

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

.QJ01a > div {
  flex: 1;
}

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

.JyflB {
  overflow-y: initial;
}

.ZLAXT {
  overflow: visible;
}

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

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

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

.w_Om3 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  padding-right: var(--standardMargin);
  padding-left: var(--insetMargin);
  cursor: pointer;
  max-width: var(--rightSideIconWidth);
}
.SCTyy svg {
  margin-top: 2px;
  margin-left: 5px;
  stroke: var(--surface3Color);
  fill: var(--surface3Color);
  color: var(--surface3Color);
  pointer-events: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  display: flex;
  flex-direction: column;
}

.bGMG3 {
  visibility: visible;
}

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

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

/* MARKDOWN SPECIFIC CODE */
.wpt1f .yLLct {
  display: inline-block;
  fill: currentColor;
  vertical-align: text-bottom;
}

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

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

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

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

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

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

.wpt1f details {
  display: block;
}

.wpt1f summary {
  display: list-item;
}

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

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

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

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

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

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

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

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

.wpt1f input {
  overflow: visible;
}

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

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

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

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

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

.wpt1f strong {
  font-weight: 600;
}

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

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

.wpt1f hr:after {
  clear: both;
}

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

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

.wpt1f details summary {
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

.wpt1f blockquote {
  margin: 0;
}

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

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

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

.wpt1f dd {
  margin-left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wpt1f .rF18X {
  color: #d73a49;
}

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

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

.wpt1f .mueYm {
  color: #b31d28;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.wpt1f .NQ1yw {
  color: #586069;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wpt1f:after {
  clear: both;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wpt1f dl {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.wpt1f pre {
  word-wrap: normal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gr3en {
  padding-bottom: inherit;
}

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

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

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

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

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

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
:root {
  --modelMinInputRowHeight: 30px;
}

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

.SMxNy {
  visibility: hidden;
}

.hjlEM {
  display: none;
}

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

.HaXuC {
  position: relative;
}

.CKVZs {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
.WRHIe {
  width: clamp(280px, 14vw, 350px);
  box-sizing: border-box;
  flex-direction: column;
  display: none;
  flex-shrink: 0;
  box-shadow: var(--navBarShadow);
  background: var(--surface7Color);
  margin-top: 1px;
  z-index: var(--navBarZIndex);
  word-break: break-word;
}

.WRHIe.xIf6H {
  display: flex;
}

.WRHIe.IuYUD {
  width: clamp(400px, 35vw, 700px);
}

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

.LRhq4 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--smallMargin);
  padding: var(--standardMargin);
  border-top: 1px solid var(--borderColor);
  border-bottom: 1px solid var(--borderColor);
  flex-shrink: 0;
}

.jPuED {
  flex: 1;
  min-width: 0;
}

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

.MK2i_ {
  overflow-y: auto;
}

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

.RqiOl > div {
  font-size: 0.9em;
  border: 1px solid transparent;
}

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

.mjU61 {
  --accent3Color: var(--whiteColor);
  --iconColor: var(--whiteColor);
  --defaultIconColor: var(--whiteColor);
}

.mjU61 .RqiOl > div {
  border: 1px solid var(--whiteColor);
}

.UNfbt {
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}

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

.vTSkG {
  z-index: var(--modalZIndex);
  visibility: hidden;
  pointer-events: none;
}

.OfYlK {
  visibility: visible;
  pointer-events: auto;
}

.OVa7y {
  position: relative;
  background: white;
  box-shadow: var(--selectShadow);
  border-radius: var(--tableBorderRadius);
  padding: var(--standardMargin);
  width: 450px;
}

.g4mGA {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--smallMargin);
}

.JZhaK {
  display: inline-flex;
  align-items: center;
  gap: var(--standardMargin);
}

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

.IbE0v {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px 1px 1px var(--smallMargin);
  box-sizing: border-box;
}

.HAAH7 {
  transition: transform 0.15s ease;
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

.lZ9Gc {
  transform: rotate(90deg);
}

.Ofg4P {
  cursor: pointer;
  color: var(--accent3Color);
}

.Ofg4P:hover {
  text-decoration: underline;
}

.JfPWL {
  font-weight: 600;
}

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

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

.uSvr2 {
  /*
   * Only a default, for anywhere that does not style its icons. Every place
   * that draws one - the tree row, the toolbar header, the map pin - already
   * has rules for svg, and those are more specific, so an assigned icon is
   * sized and coloured there exactly like a built-in one.
   */
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
:root {
  --rowHeight: 30px;
  --indent: 15px;
  --borderWidth: 1px;
  --topPadding: 6px;
  --bottomPadding: 6px;
  --checkboxVerticalOffset: 9px;
  --rowTextColor: var(--surface1Color);
  --selectedColor: var(--accent1Color);
  --selectedBorderColor: rgba(255, 255, 255, 0.7);
  --selectedTextColor: var(--whiteColor);
  --textHoverColor: var(--accent2Color);
  --borderColor: #ccc;
  --fontSize: 13px;
}

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

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

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

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

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

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

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

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

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

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

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

.M7_wy.bRki8 {
}

.UxWPU {
  opacity: 0.45;
  cursor: default;
}

.UxWPU:hover {
  color: var(--rowTextColor);
  background-color: transparent;
}

.alhTP {
  font-weight: 600;
}

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

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

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

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

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

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

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

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

.xizGi.lKmhY {
  visibility: visible;
}

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

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

.P41wY {
}

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

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

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

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

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

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

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

/* COLUMN CLASSES */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.SAmtm {
  opacity: 1;
}

.wNBrw {
  opacity: 0.5;
}

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

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

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

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

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

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

.Svrmk,
.NPLcb {
  cursor: pointer;
}

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

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

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

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

.Ju1t_ {
  opacity: 1;
}

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

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

/* Third-party library styling: @uiw/react-color; swatch and modal used by non-co-located importers */
.IBWL6 {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-template-rows: repeat(5, auto) !important;
}
/* eslint-disable css-modules-kit/no-unused-class-names -- Styling of color library*/
.w-color-compact {
    width: 100% !important;
    background: transparent !important;
    display: grid !important;
  }
.w-color-compact-input-wrapper {
    display: grid !important;
    margin: 0 !important;
    margin-top: var(--smallMargin) !important;
    gap: var(--smallMargin) !important;
    max-width: 405px;
  }
.w-color-editable-input {
    font-size: var(--textInputFontSize) !important;
  }
.w-color-editable-input > input {
    height: var(--inputHeight) !important;
    background: var(--inputBackground) !important;
    color: var(--surface1Color) !important;
    border: var(--borderWidth) solid var(--borderColor) !important;
    padding-left: var(--plainBoxPadding) !important;
    font-size: var(--textInputFontSize) !important;
    border-radius: var(--insetMargin);
  }
.w-color-editable-input > span {
    margin-right: var(--smallMargin) !important;
    padding: 0 !important;
  }
/* eslint-enable css-modules-kit/no-unused-class-names */

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

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

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

.CRY_H {
  flex-grow: 1;
}

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

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

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

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

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

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
.tJHW3 {
  overflow-y: hidden;
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

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

.ZwDca {
  font-weight: bold;
}

.g_2RR {
}

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

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
.JT39m {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  z-index: var(--modalZIndex);
  visibility: hidden;
  opacity: 0;
  /* A hidden menu must not stay hit-testable. visibility alone is not enough,
     since any descendant that sets visibility: visible becomes clickable
     again, which let closed filter popups swallow clicks and open their
     select menus. */
  pointer-events: none;
  text-align: left;
}

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

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

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

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

  color: var(--selectControlInactiveColor) !important;

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

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

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

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

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

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

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

.BkqWj {
  white-space: nowrap;
}

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

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

.WAa2c {
  flex-grow: 1;
}

.BrVzc.EVj2N {
  cursor: pointer;
}

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

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

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

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

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

.QG4Pa {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

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

.KHatK,
.KHatK:hover,
.KHatK:focus {
  background: var(--accent2Color) !important;
  color: var(--whiteColor) !important;
  border-color: var(--accent2Color) !important;
}

.KHatK svg,
.KHatK:hover svg {
  color: var(--whiteColor) !important;
}

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

.v8FbW {
  display: none;
}

.K6woH {
  opacity: 0;
}

.K6woH.x3wRR {
  opacity: 1;
}

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

.X8rOg {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

.H4MqK {
  padding: 0px;
}
.jw4QL {
  height: 100%;
}

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

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

.VdpGz {
  padding: 0;
}

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

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

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

.HxiFP {
  position: relative;
}

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

.i6iy4 {
  min-height: 400px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  /* The search table is centred by the modal body otherwise, so it never reaches full width */
  align-items: stretch;
}

/*
 * The search field is a sibling of this, so the two share the body height between them and only
 * this part gives way. Without it the table would size to its rows and push the modal open.
 */
.UU0jy {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  gap: 16px;
}

/* Keeps the selected items from crowding out the search results when many are picked */
.dSfUQ {
  flex: 0 0 auto;
}

.ehaQG {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 200px;
}

.ovara {
  min-width: 150px;
}

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

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

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

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

.f_Qmr {
  width: 24px;
  height: 13px;
  z-index: 2;
  overflow: hidden;
  margin-top: -1px;
}

.QeYB2 {
  width: 17px;
  height: 17px;
  transform: rotate(45deg);
  margin-top: -10px;
  margin-left: 4px;
}

.wmu2d {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
}

.jE_k2,
.QeYB2 {
  background: var(--tooltipBackground);
  color: var(--whiteColor);
  cursor: pointer;
}

.jE_k2 {
  font-size: 0.95em;
  z-index: 1;
  border-radius: var(--tableBorderRadius);
}

.jE_k2 svg {
  width: 10px !important;
  margin-right: var(--iconTextMargin);
  color: var(--whiteColor) !important;
}

.sKP3l {
  z-index: var(--modalZIndex);
  font-size: var(--tableFontSize);
  display: flex;
  justify-content: center;
  transition: opacity var(--toastSpeed);
  cursor: pointer;
}

.OJSvL {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--smallMargin) var(--standardMargin);
  border-radius: var(--tableBorderRadius);
}

.wmu2d:hover .OJSvL {
  background: var(--surface1Color);
}

.wmu2d:hover .QeYB2 {
  background: var(--surface1Color);
}

.MzcpA {
  white-space: pre-wrap;
  padding: var(--smallMargin) var(--standardMargin);
}

.Q7gEz {
  border-bottom: 1px solid var(--surface3Color);
}

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

.KekrM {
  opacity: 1;
}

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

.H3nhI {
  opacity: 0;
}

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

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

.HlSpk:first-child {
}

/* Used by ToolbarItem child component; compound selectors require co-location */
/* eslint-disable css-modules-kit/no-unused-class-names */
.jKpN8 {
  flex: 0 0 auto;
  margin-right: var(--toolbarSpacing);
}

.jKpN8.GHmaC {
  flex-grow: 1;
  overflow: hidden;
  max-width: 100%;
}
.JLB5K .jKpN8 {
  margin-bottom: var(--smallMargin);
}

.jKpN8:last-child {
  margin-right: 0;
}
/* eslint-enable css-modules-kit/no-unused-class-names */

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

.WfzGr {
  flex-grow: 1;
}

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

.i3T9b {
  min-width: 180px;
}

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

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

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

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

.l_WaK {
  height: 100%;
}

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

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

  background: transparent !important;
}

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

.NkHHo {
  width: 100%;
}

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

.nQ5bf {
  height: 24px !important;
}

/*!
 * https://github.com/arqex/react-datetime
 */

.rdt {
  position: relative;
}
.rdtPicker {
  display: none;
  position: absolute;
  min-width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  border: 1px solid #f9f9f9;
}
.rdtOpen .rdtPicker {
  display: block;
}
.rdtStatic .rdtPicker {
  box-shadow: none;
  position: static;
}

.rdtPicker .rdtTimeToggle {
  text-align: center;
}

.rdtPicker table {
  width: 100%;
  margin: 0;
}
.rdtPicker td,
.rdtPicker th {
  text-align: center;
  height: 28px;
}
.rdtPicker td {
  cursor: pointer;
}
.rdtPicker td.rdtDay:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover,
.rdtPicker .rdtTimeToggle:hover {
  background: #eeeeee;
  cursor: pointer;
}
.rdtPicker td.rdtOld,
.rdtPicker td.rdtNew {
  color: #999999;
}
.rdtPicker td.rdtToday {
  position: relative;
}
.rdtPicker td.rdtToday:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.rdtPicker td.rdtActive,
.rdtPicker td.rdtActive:hover {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.rdtPicker td.rdtActive.rdtToday:before {
  border-bottom-color: #fff;
}
.rdtPicker td.rdtDisabled,
.rdtPicker td.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker td span.rdtOld {
  color: #999999;
}
.rdtPicker td span.rdtDisabled,
.rdtPicker td span.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.rdtPicker th {
  border-bottom: 1px solid #f9f9f9;
}
.rdtPicker .dow {
  width: 14.2857%;
  border-bottom: none;
  cursor: default;
}
.rdtPicker th.rdtSwitch {
  width: 100px;
}
.rdtPicker th.rdtNext,
.rdtPicker th.rdtPrev {
  font-size: 21px;
  vertical-align: top;
}

.rdtPrev span,
.rdtNext span {
  display: block;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */    /* Konqueror */
  -moz-user-select: none;      /* Firefox */       /* Internet Explorer/Edge */
  user-select: none;
}

.rdtPicker th.rdtDisabled,
.rdtPicker th.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.rdtPicker thead tr:first-of-type th {
  cursor: pointer;
}
.rdtPicker thead tr:first-of-type th:hover {
  background: #eeeeee;
}

.rdtPicker tfoot {
  border-top: 1px solid #f9f9f9;
}

.rdtPicker button {
  border: none;
  background: none;
  cursor: pointer;
}
.rdtPicker button:hover {
  background-color: #eee;
}

.rdtPicker thead button {
  width: 100%;
  height: 100%;
}

td.rdtMonth,
td.rdtYear {
  height: 50px;
  width: 25%;
  cursor: pointer;
}
td.rdtMonth:hover,
td.rdtYear:hover {
  background: #eee;
}

.rdtCounters {
  display: inline-block;
}

.rdtCounters > div {
  float: left;
}

.rdtCounter {
  height: 100px;
}

.rdtCounter {
  width: 40px;
}

.rdtCounterSeparator {
  line-height: 100px;
}

.rdtCounter .rdtBtn {
  height: 40%;
  line-height: 40px;
  cursor: pointer;
  display: block;

  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */    /* Konqueror */
  -moz-user-select: none;      /* Firefox */       /* Internet Explorer/Edge */
  user-select: none;
}
.rdtCounter .rdtBtn:hover {
  background: #eee;
}
.rdtCounter .rdtCount {
  height: 20%;
  font-size: 1.2em;
}

.rdtMilli {
  vertical-align: middle;
  padding-left: 8px;
  width: 48px;
}

.rdtMilli input {
  width: 100%;
  font-size: 1.2em;
  margin-top: 37px;
}

.rdtTime td {
  cursor: default;
}

.rdtPicker {
  background: var(--surface5Color);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2);
  border: 1px solid var(--borderColor);
  color: var(--textColor);
  border-radius: var(--tableBorderRadius);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  top: 100%;
  left: 0;
}

.rdtPicker .dow,
  .rdtPicker .rdtSwitch {
    text-transform: capitalize;
  }

.rdtPicker tfoot {
    border: none;
  }

.rdtPicker td.rdtToday:before {
    border-bottom-color: #34a1bb;
  }

.rdtPicker td.rdtActive,
  .rdtPicker td.rdtActive:hover {
    background: #34a1bb;
  }

.rdtPicker td,
  .rdtPicker th {
    vertical-align: middle;
    border: none;
  }

.anD2b {
}

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

.ebROA {
  margin: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 0.9em;
  gap: var(--smallMargin);
  font-size: var(--labelFontSize) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

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

.ebROA > p,
.pCjdv {
  padding: 10px 0;
}

.DCUAW {
}

.DCUAW.JhzUN {
  transform: rotate(90deg);
}

.dZ179 {
  display: none;
}

.S8KQD {
  flex-grow: 1;
}
.ebROA:nth-child(even of :not(.dZ179)):hover,
.ebROA:nth-child(odd of :not(.dZ179)):hover {
  background-color: var(--surface5Color);
}

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
.qSGIh {
  font-size: 15px;
  color: var(--iconColor);
  font-weight: 300;
  width: 100%;
  border-bottom: 1px solid var(--borderColor);
  margin-bottom: var(--standardMargin);
  display: flex;
}

.OgoXi {
  flex-grow: 1;
}

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

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

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

.hM7Wg:hover {
  background: transparent;
}

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

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

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

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

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

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
:root {
  --segmentControlSpeed: 0.2s;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.kXvd2 {
  width: 100%;
}

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

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

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

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
.f4IbT {
  display: flex;
  min-height: 59px;
}

.rieIk {
  height: 100%;
  display: flex;
  align-items: center;
  /*
   * The name beside it is drawn in the accent colour, so the icon is too. The
   * built-in icons and an assigned one both follow currentColor, and the hand
   * drawn ones inherit their stroke, so one colour here covers all three.
   */
  color: var(--accent1Color);
}

.rieIk svg {
  margin-bottom: var(--smallMargin);
  margin-right: var(--insetMargin);
  margin-top: 2px;
  fill: currentColor;
  stroke: currentColor;
}

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

.PDr6R {
  height: 16px !important;
}

.PDr6R.F6Ejg {
  transform: rotate(90deg);
}

.p1SoQ {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}

.p1SoQ.F6Ejg {
  color: var(--accent1Color);
}

.p1SoQ:hover {
  color: var(--accent1ColorHover);
}

.KIejy {
  text-transform: none;
  font-size: var(--tableFontSize);
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--tableBorderColor);
  cursor: pointer;
  box-sizing: border-box;
  padding-top: var(--standardMargin);
  box-sizing: border-box;
  padding-left: var(--largeMargin);
  padding-bottom: var(--smallMargin);
  font-size: var(--tableFontSize);
}

.KIejy:first-child {
  border-left: 0;
  padding-left: var(--largeMargin);
}

.KIejy > div {
  display: flex;
  align-items: center;
}

.rieIk > svg {
  /*
   * One size for every icon in the header. Equipment used to draw at 24px and
   * locations at 13px, so the same header looked different depending on what
   * was selected.
   *
   * Only the height is set. A fixed square would letterbox anything that is
   * not square - a map pin is taller than it is wide, so it would be centred
   * in the box and its left edge would sit a couple of pixels in from the
   * icons around it. Sizing on height alone makes the box hug the glyph, so
   * every icon is the same height and every one starts at the same x.
   */
  width: auto;
  height: 16px;
  margin-bottom: 2px;
}

.qIKPa {
  line-height: 1.1rem;
}

.IhDDu {
  font-weight: 600;
}

.mGo04 {
  width: 100%;
  display: flex;
  padding-top: var(--largeMargin);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.12);
  z-index: var(--navBarZIndex);
  background: white;
  justify-content: space-between;
}

.rFOdu {
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;

  color: var(--labelColor);
}

.rFOdu.SMzqK {
  padding-bottom: var(--largeMargin);
}

.rFOdu a {
  color: #999;
  text-decoration: none;
}

.bEGVJ {
  display: inline-flex;
  padding-right: var(--largeMargin);
  margin-top: -5px;
}

.R_mKv {
  margin-top: 10px;
}

.j8N1O {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-left: var(--largeMargin);
  display: flex;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 400;
}

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

.m1gZr {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--largeMargin);
  margin-top: -25px;
}

.Jjskx {
  color: var(--failureColor);
}

.kaitT {
  color: var(--labelColor);
  margin-left: var(--largeMargin);
  display: flex;
  gap: var(--largeMargin);
  font-size: var(--tableFontSize);
  box-sizing: border-box;
  margin-top: var(--insetMargin);
}

.kaitT > div {
  border-left: 1px solid var(--tableBorderColor);
  padding-left: var(--largeMargin);
}

.Rzocx:first-child {
}

.Rzocx {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--smallMargin);
}

.Rzocx label {
  font-weight: 600;
  font-size: 0.85em;
  margin-bottom: var(--insetMargin);
}

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

.rH3m9 {
  margin-left: 0;
}

._JiPF {
  margin-top: -25px;
  margin-right: var(--standardMargin);
}

.ofvlh {
  color: var(--labelColor);
  font-size: 0.8em;
}

.mwxJZ {
  width: 100%;
  display: flex;
  flex-grow: 1;
  height: 1px;
  box-sizing: border-box;
  padding-left: var(--largeMargin);
  padding-right: var(--largeMargin);
}

.mwxJZ.QLhJw {
  padding-left: 0;
  padding-right: 0;
}

.nlegO.u5zMd:last-child:after {
  height: var(--standardMargin);
  flex-shrink: 0;
  content: '';
}

.nlegO {
  min-height: 100%;
  width: 1px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding-top: var(--largeMargin);
  box-sizing: border-box;
}

.nlegO.LGgUb {
  padding-top: 0;
}

.TahFc {
  padding: 0;
}

.ZKbuJ {
  display: flex;
  height: 1px;
  flex-grow: 1;
}
.qZRyl {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
}

.w0pLq {
  box-sizing: border-box;
  position: sticky;
  top: 0;
  left: 0;
  background: var(--surface5Color);
  z-index: 3;
  transition: box-shadow 0.3s ease-in-out;
}

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

.IfXID {
  padding-left: var(--largeMargin);
  padding-right: var(--largeMargin);
}

.Ikjjz {
  width: 100%;
}

.pk8or {
  width: 100%;
}

.IlaFC {
  min-width: 200px;
}

/* Buttons are display: block, so an inline icon would be placed on a text
   baseline and drift with the inherited line height, which differs between the
   toolbar and the node search row. Filling the button and centering instead
   keeps the funnel in the same place everywhere. */
.RF3fk {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* Shrink wrapped around the icon, so the dot anchors to the funnel rather than
   to the corner of the button that filterButtonContainer fills. */
.FJcEQ {
  position: relative;
  display: inline-flex;
}

.PTE7F {
  position: absolute;
  top: -2px;
  right: -5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  /* Red rather than the turquoise accent, which is too close to the
     accent2Color background the button gets while its filters are open. */
  background-color: var(--primary1Color);
  pointer-events: none;
}

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

.myDqe {
  width: 100%;
  height: 100%;
  background-color: var(--surface6Color);
}

.qld8r {
  align: center;
  margin-right: var(--smallMargin);
  margin-top: var(--standardMargin);
}
.BdPVZ {
  overflow: auto;
  border-top: var(--tableBorderStyle);
}

.WShrn {
  padding-top: var(--standardMargin);
  padding-left: var(--standardMargin);
}

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
.b7kR9 {
  background: white;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--blackColor);
  flex-grow: 1;
  height: 100%;
  overflow-y: auto;
}

.x5GDG {
  position: sticky;
  top: 0px;
  z-index: var(--navBarZIndex);
  margin: 0 auto;
  background: var(--accent1Color);
  box-sizing: border-box;
  box-shadow: var(--navBarShadow);
  width: 100%;
  padding: var(--standardMargin);
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--whiteColor);
}

.x5GDG h2 {
  font-weight: bold;
  font-size: 1.7em;
}

.gUsr0 {
  max-width: 1400px;
}

.c3jTx {
  width: 100%;
  background: var(--surface5Color);
  padding: var(--standardMargin);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.qn1MK {
  margin: 0 auto;
  width: 100%;
  margin-bottom: var(--hugeMargin);
}

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

.srfJD {
  font-size: 0.9em;
  padding-top: var(--smallMargin);
}

.TCQNe {
  white-space: pre-wrap;
}

.jSdLE {
}

.UXfWu {
  border-radius: var(--tableBorderRadius);
  border: 1px solid var(--borderColor);
  width: 100%;
}

.IcpyK {
  background: var(--whiteColor);
  border-bottom: 1px solid var(--borderColor);
  border-radius: var(--tableBorderRadius) var(--tableBorderRadius) 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--standardMargin);
}

.eXDch {
  white-space: pre;
  color: var(--blackColor);
  font: 0.9em var(--monoFont);
  flex-grow: 1;
}

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

.T46BL {
  white-space: pre-wrap;
  font-family: var(--monoFont);
  font-size: 0.9em !important;
}

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

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src:
    local('Open Sans Light'),
    local('OpenSans-Light'),
    url(/bf89c60125f0f0df34b8.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+ */ url(/d0b483ce9717b92b4bf8.woff)
      format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src:
    local('Open Sans'),
    local('OpenSans'),
    url(/53ea6dd630c9834ba13c.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+ */ url(/7dafb1a4bab4938a38b2.woff)
      format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src:
    local('Open Sans Italic'),
    local('OpenSans-Italic'),
    url(/d9897fcd3b5422866bb2.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+ */ url(/edeba36d138015b35980.woff)
      format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src:
    local('Open Sans Bold'),
    local('OpenSans-Bold'),
    url(/00fb2fb77ba911c3cabc.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+ */ url(/6437d5f4c14e01aaf480.woff)
      format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src:
    local('Open Sans SemiBold'),
    local('OpenSans-SemiBold'),
    url(/c5dd4adf257ad349ef4b.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+ */ url(/573e9313e05d89f4acb5.woff)
      format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

:root {
  --defaultSpeed: 0.2s;
  --dataTableSpeed: 0.3s;
  --spinnerSpeed: 1.1s;
  --sidebarSpeed: 0.15s;
  --modalSpeed: 0.2s;
  --loadingScreenSpeed: 0.3s;
  --toastSpeed: 0.25s;
  --tooltipSpeed: 0.1s;
  --jumpyEasing: cubic-bezier(0.6, 0.4, 0.2, 1.4);
  --motionEasing: cubic-bezier(0.23, 1, 0.32, 1);
  --placeholderColor: #aaaaaa;
  --whiteColor: #ffffff;
  --blackColor: rgb(13, 13, 13);
  --tableBorderColor: #dfdfdf;
  --tableBorderStyle: 1px solid #dfdfdf;
  --toolbarMenuButtonColor: #5f6368;
  --buttonHoverColor: rgb(34, 184, 201);
  --buttonActiveColor: rgb(31, 150, 163);
  --greyButtonBorderColor: rgb(193, 193, 193);
  --tableEvenRowColor: #fafafa;
  --tableOddRowColor: #ffffff;
  --highlightSearchColor: yellow;
  --primary1Color: #ea1c0a;
  --primary2Color: #d51607;
  --primary3Color: #b00402;
  --successColor: #229625;
  --failureColor: #ff0000;
  --failureColorTransparent: #ff0000c0;
  --gasColor: #1E90FF;
  --airTempColor: #32CD32;
  --solarIrradianceColor: #FF9C0C;
  --temperatureColor: #08A878;
  --errorColor: #d51607;
  --heatingColor: #C6342D;
  --coolingColor: #1EA2B1;
  --electricityColor: #CCBB23;
  --heatingSecondaryColor: #6b0000;
  --coolingSecondaryColor: #4E5F71;
  --electricitySecondaryColor: #837800;
  --primaryTint1Color: tint($primary1Color, 75 %);
  --primaryTint2Color: tint($primary1Color, 50 %);
  --primaryTint3Color: tint($primary1Color, 25 %);
  --accent1Color: #1ea2b1;
  --accent1ColorHover: #1b909d;
  --markerHoverColor: rgba(30, 162, 177, 0.6);
  --accent2Color: #2b91a3;
  --accent3Color: #00738B;
  --accent4Color: #4E5F71;
  --accent5Color: #8797A4;
  --active1Color: #e3e000;
  --accentTint1Color: tint($accent1Color, 75 %);
  --accentTint2Color: tint($accent1Color, 50 %);
  --accentTint3Color: tint($accent1Color, 25 %);
  --darkSide1Color: #242b2d;
  --darkSide2Color: #323a3b;
  --darkSide2ColorTransparent: #323a3bc0;
  --darkSide3Color: #434a4c;
  --darkSide4Color: #656c6e;
  --labelColor: #666;
  --textColor: rgb(13, 13, 13);
  --iconColor: rgb(13, 13, 13);
  --surface1Color: #39393a;
  --surface2Color: #666666;
  --surface3Color: #8f9192;
  --surface4Color: #e8e8e8;
  --surface5Color: #f6f6f6;
  --surface6Color: #fafafa;
  --surface7Color: #fdfdfd;
  --pendingColor: #e88b09;
  --borderColor: #d3d3d3;
  --darkTextColor: #ffffff;
  --darkBorderColor: #444;
  --darkBackgroundColor: #222;
  --selectControlInactiveColor: hsl(0, 0%, 80%);
  --selectControlActiveColor: hsl(0, 0%, 40%);
  --selectFocusBackgroundColor: #efefef;
  --disabledBackgroundColor: #eee;
  --semiTransparentWhite: rgba(255,255,255,0.5);
  --surface6Shadow: 2px 4px 8px 0px rgba(0,0,0,0.15);
  --inputBackground: #ffffff;
  --backdropColor: rgba(0, 0, 0, 0.4);
  --defaultIconColor: #8f9192;
  --leftSidebarIconColor: rgba(255, 255, 255, 0.4);
  --tooltipBackground: rgba(0, 0, 0, 0.8);
  --dividerColor: #d3d3d3;
  --cardShadow: 0 0px 2px rgba(0,0,0,0.15);
  --selectControlFocusShadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(69, 122, 187, 0.5);
  --overlayShadow: 0px 4px 32px rgba(0,0,0,0.2);
  --navBarShadow: 0px 2px 4px rgba(0,0,0,0.3);
  --selectShadow: 0 0 0 1px hsl(0deg 0% 0% / 10%), 0 4px 11px hsl(0deg 0% 0% / 10%);
  --overlayFakeShadowGradient: linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0));
  --panelShadow: 0 2px 2px rgba(0,0,0,0.10);
  --disabledOpacity: 0.7;
  --disabledRowOpacity: 0.4;
  --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;
  --inputHeight: 30px;
  --alternateSvgFontSize: 15px;
  --subtitleFontSize: 0.85em;
  --contentSidebarWidth: 340px;
  --mobileBreakpoint: 650px;
  --tabletBreakpoint: 1200px;
  --dataTableRowHeightSmaller: 32px;
  --dataTableRowHeightStandard: 38px;
  --dataTableRowHeightWithButtons: 49px;
  --dataTableRowHeightWithSelect: 51px;
  --dataTableRowHeightWithCheckbox: 38px;
  --dataTableRowWrappedLinesExtraHeight: 17px;
  --modalContractedHeaderHeight: 45px;
  --modalContractedFooterHeight: 45px;
  --modalHeaderHeight: 48px;
  --modalFooterHeight: 54px;
  --modalCornerRadius: 6px;
  --maxModalHeight: 80vh;
  --maxModalWidth: 900px;
  --tableHeaderHeight: 25px;
  --borderWidth: 1px;
  --dividerWidth: 1px;
  --horizontalColumnWidth: 235px;
  --treeDialogWidth: 450px;
  --treeDialogHeight: 500px;
  --spinnerLargeSize: 72px;
  --spinnerMediumSize: 42px;
  --spinnerSmallSize: 32px;
  --spinnerInlineSize: 6px;
  --spinnerTinySize: 22px;
  --spinnerTreeViewSize: 16px;
  --sidebarExpandedLimit: 1800px;
  --operationProgressDialogWidth: 270px;
  --operationProgressDialogHeight: 200px;
  --filterCardWidth: 500px;
  --insetHeaderMarginTop: 11px;

}

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

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

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

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

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

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

/* eslint-disable css-modules-kit/no-unused-class-names -- All classes accessed dynamically via styles['grid-xs-' + n] etc. */
.xTpgR {
}

.Wbi59 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.csiH3 {
  margin: 0;
  box-sizing: border-box;
}
.kjBOi {
  min-width: 0;
}
.YeTEN {
  flex-direction: column;
}
.KoV8G {
  flex-direction: column-reverse;
}
.PZElq {
  flex-direction: row-reverse;
}
.lMDdj {
  flex-wrap: nowrap;
}
.VJvqU {
  flex-wrap: wrap-reverse;
}
.cnHMC {
  align-items: center;
}
.SmOc8 {
  align-items: flex-start;
}
.SZCb5 {
  align-items: flex-end;
}
.Z0Jby {
  align-items: baseline;
}
.XE88M {
  align-content: center;
}
.Caua7 {
  align-content: flex-start;
}
.FvBdq {
  align-content: flex-end;
}
.Oakj1 {
  align-content: space-between;
}
.e1t9e {
  align-content: space-around;
}
.z_NC3 {
  justify-content: center;
}
.z9R62 {
  justify-content: flex-end;
}
.EIXNc {
  justify-content: space-between;
}
.dymkP {
  justify-content: space-around;
}
.vEs8Q {
  justify-content: space-evenly;
}
.vycW7 {
  width: calc(100% + 8px);
  margin: -4px;
}
.vycW7 > .csiH3 {
  padding: 4px;
}
.fWJjG {
  width: calc(100% + 16px);
  margin: -8px;
}
.fWJjG > .csiH3 {
  padding: 8px;
}
.xwlvV {
  width: calc(100% + 24px);
  margin: -12px;
}
.xwlvV > .csiH3 {
  padding: 12px;
}
.dAO21 {
  width: calc(100% + 32px);
  margin: -16px;
}
.dAO21 > .csiH3 {
  padding: 16px;
}
.eOP6f {
  width: calc(100% + 40px);
  margin: -20px;
}
.eOP6f > .csiH3 {
  padding: 20px;
}
.N9An6 {
  width: calc(100% + 48px);
  margin: -24px;
}
.N9An6 > .csiH3 {
  padding: 24px;
}
.UgS2G {
  width: calc(100% + 56px);
  margin: -28px;
}
.UgS2G > .csiH3 {
  padding: 28px;
}
.uAT2B {
  width: calc(100% + 64px);
  margin: -32px;
}
.uAT2B > .csiH3 {
  padding: 32px;
}
.hjFzt {
  width: calc(100% + 72px);
  margin: -36px;
}
.hjFzt > .csiH3 {
  padding: 36px;
}
.y8Vla {
  width: calc(100% + 80px);
  margin: -40px;
}
.y8Vla > .csiH3 {
  padding: 40px;
}
.Zo9T3 {
  flex-grow: 0;
  max-width: none;
  flex-basis: auto;
}
.u8ruu {
  flex-grow: 1;
  max-width: 100%;
  flex-basis: 0;
}
.Kg05y {
  flex-grow: 0;
  max-width: 8.333333%;
  flex-basis: 8.333333%;
}
.VtY6C {
  flex-grow: 0;
  max-width: 16.666667%;
  flex-basis: 16.666667%;
}
.F4aSo {
  flex-grow: 0;
  max-width: 25%;
  flex-basis: 25%;
}
.bo3kZ {
  flex-grow: 0;
  max-width: 33.333333%;
  flex-basis: 33.333333%;
}
.rTNN0 {
  flex-grow: 0;
  max-width: 41.666667%;
  flex-basis: 41.666667%;
}
._5WeH {
  flex-grow: 0;
  max-width: 50%;
  flex-basis: 50%;
}
.hSrUE {
  flex-grow: 0;
  max-width: 58.333333%;
  flex-basis: 58.333333%;
}
.soxiu {
  flex-grow: 0;
  max-width: 66.666667%;
  flex-basis: 66.666667%;
}
.ddyf6 {
  flex-grow: 0;
  max-width: 75%;
  flex-basis: 75%;
}
.vAdiw {
  flex-grow: 0;
  max-width: 83.333333%;
  flex-basis: 83.333333%;
}
._9clb7 {
  flex-grow: 0;
  max-width: 91.666667%;
  flex-basis: 91.666667%;
}
.NjF1E {
  flex-grow: 0;
  max-width: 100%;
  flex-basis: 100%;
}
@media (min-width: 600px) {
  .I2lSx {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .m7x9T {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .TFK7f {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .H1VR3 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .J_eKk {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .nfjS_ {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .dfJR2 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .jQYLj {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .zdq9a {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .p0O67 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .eLgaV {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .NZe_A {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .kD3Qh {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .ZwIJC {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 960px) {
  .DyW9r {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .w6odk {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .DDXnv {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .N7QsW {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .ChlWu {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .Rajib {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .msb7F {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .PTDug {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .uVw21 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .HPt1Y {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .ldrcg {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .UqsuN {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .d86bC {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .nc4pS {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 1280px) {
  .YbXXN {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .BNWyl {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .DWbPz {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .BMnB4 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .tbbD2 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .cd6K5 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .RL8Au {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .q5VLu {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .NsqtV {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .b49w7 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .COxL2 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .vvZfg {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .QkLMQ {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .ZnX4d {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 1920px) {
  .WIWEp {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .p45qA {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .SDCFC {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .TfdVg {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .BevZY {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .eKcS2 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .sLU0K {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .cAWBd {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .Qemiz {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .Q83jm {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .IkzTn {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .kDkFt {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .jt3DK {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .uIIkN {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}

.R91Rk {
  display: flex;

  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0 !important;
  flex-direction: column;
  width: 100%;
}

.R91Rk > * + * {
  margin-bottom: 0 !important;
  margin-top: var(--hugeMargin) !important;
}

._MgFq {
  align-items: center;
}

.J32yk {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 !important;
}

.J32yk > * {
  margin: var(--smallMargin) var(--standardMargin) var(--smallMargin)
    var(--standardMargin);
}

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
.Le_vR {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: var(--standardMargin);
}

.ixye3 > div {
  margin-right: var(--standardMargin);
}

.ixye3 > div:last-child {
  margin-right: 0;
}

.ixye3 {
  display: flex;
}

.ixye3,
.ixye3 a {
  color: var(--surface3Color);
  font-size: 0.95em;
}

.CYR4V,
.CYR4V a {
  font-size: 1em;
  font-weight: bold;
  color: var(--blackColor) !important;
}

.BqqEi {
  text-decoration: none;

  color: var(--accent5Color);
  cursor: pointer;
}

.BqqEi:active,
  .BqqEi:hover,
  .BqqEi:visited {
    color: var(--accent5Color);
  }

.yNvaT {
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.kYZew {
  background: var(--accent1Color);
  height: 100%;
  border-radius: inherit;
  transition: width 0.2s ease-in;
}

:root {
  --size: 13px;
}

.zMb1t {
  width: var(--size);
  height: var(--size);
  border-radius: var(--size);
  margin-top: 1px;
  flex-shrink: 0;
}

/* Accessed dynamically via styles[status] where status = 'statusOk' | 'statusError' | etc. */
/* eslint-disable css-modules-kit/no-unused-class-names */
.Dsb47 {
  background: green;
}

.I3Oua {
  background: var(--errorColor);
}

.AqpeC {
  background: #e68e00;
}

.QFvqo {
  background: var(--accent1Color);
}
/* eslint-enable css-modules-kit/no-unused-class-names */

:root {
  --barWidth: 5px;
  --barHeight: 20px;
}

.rjLgD {
  display: inline-block;
}

.Qh73W {
  display: flex;
  height: var(--barHeight);
  margin-top: var(--barWidth);
  margin-bottom: var(--barWidth);
}

.flsSe {
  width: var(--barWidth);
  background-color: var(--placeholderColor);
  margin-right: 3px;
  align-self: baseline;
}

.CKiDw {
  background-color: var(--accent1Color);
}

.XHB7k {
  display: flex;
  border: 1px solid var(--borderColor);
  padding-top: 1px;
  padding-bottom: 1px;
  border-radius: var(--tableBorderRadius);
  height: var(--iconButtonHeight);
  box-sizing: border-box;
  background-color: var(--whiteColor);
}

/* Used by ToolbarMenuItem, ToolbarMenuButton, ToolbarMenuDropdownButton; compound selectors require co-location */
/* eslint-disable css-modules-kit/no-unused-class-names */
.WVP_F {
  min-width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

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

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

.ql7Aj.how2D {
  padding-left: calc(var(--smallMargin) + var(--insetMargin));
  padding-right: calc(var(--smallMargin) + var(--insetMargin));
}

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

.WVP_F {
  background: #fff;
  display: flex;
  align-items: center;
  transition: background var(--defaultSpeed) ease;
}

.ql7Aj:hover {
  background: var(--surface5Color) !important;
}

.ql7Aj,
.WVP_F > button {
  height: calc(var(--iconButtonHeight) - 2px);
  width: var(--iconButtonWidth);
}

.ql7Aj {
  font: inherit;
  box-sizing: border-box;
  padding: 0;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: transparent;
  border: 0;
}

.ql7Aj svg {
    color: var(--toolbarMenuButtonColor);
  }

.ql7Aj:disabled {
    opacity: 0.4;
    pointer-events: none;
  }

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

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

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

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

.ql7Aj svg[data-icon='plus'] {
  font-size: var(--alternateSvgFontSize);
}

.twyJZ {
  position: absolute;
  width: 40%;
  height: 2px;
  bottom: 2px;
  left: 0;
  right: 0;
  margin: auto;
}

.how2D {
  width: auto;
  padding-left: var(--smallMargin);
  padding-right: var(--smallMargin);
  font-size: 13px;
}

.ql7Aj.STp4c,
.ql7Aj.STp4c:hover {
  background: var(--accent2Color) !important;
  color: #fafafa;
}

.ql7Aj.STp4c > svg {
  color: var(--whiteColor);
}
/* eslint-enable css-modules-kit/no-unused-class-names */

.GXMdU {
  margin-top: -1px;
  height: calc(var(--iconButtonHeight) - 2px);
  box-sizing: border-box;
  width: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
}

.GXMdU > div {
  width: 1px;
  height: 100%;
  background: var(--borderColor);
}

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

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

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

.Pp_8b.HYUo8 {
  background-color: var(--surface4Color);
}

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

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

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

  display: flex;
  flex-direction: column;
}

.R8Qof {
  visibility: visible;
}

.nkeiz {
  width: 100%;
  height: 100%;
  cursor: default;
  position: relative;
}

.lmj9t {
  position: absolute;
  top: var(--smallMargin);
  left: var(--smallMargin);
  width: 250px;
  z-index: 1;
}

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

.jy5pU {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

.bKeua {
  min-width: 100px;
}

.G_GD_ {
  width: 100%;
  border-collapse: separate;
  font-size: var(--tableFontSize);
  min-height: 32px;
}

.G_GD_ td {
  padding: var(--tableVerticalMargin) 0 var(--tableVerticalMargin)
    var(--standardMargin);

  vertical-align: middle;
}

.G_GD_ td:last-child {
  padding-right: var(--standardMargin);
}

.G_GD_ tbody tr td {
  border-top: var(--tableBorderStyle);
}

.G_GD_ tbody tr td:last-child {
  border-right: var(--tableBorderStyle);
}

.G_GD_ tbody tr:first-child td:first-child {
  border-radius: var(--tableBorderRadius) 0 0 0;
  border-left: var(--tableBorderStyle);
}

.G_GD_ tbody tr:first-child td:last-child {
  border-radius: 0 var(--tableBorderRadius) 0 0;
}

.G_GD_ tbody tr:last-child td {
  border-bottom: var(--tableBorderStyle);
}

.G_GD_ tbody tr:first-child td:only-child {
  border-radius: var(--tableBorderRadius) var(--tableBorderRadius) 0px 0px;
  border-left: var(--tableBorderStyle);
}

.G_GD_ tbody tr td:first-child {
  border-left: var(--tableBorderStyle);
}

.G_GD_ tbody tr:last-child td:first-child {
  border-radius: 0 0 0 var(--tableBorderRadius);
  border-left: var(--tableBorderStyle);
}

.G_GD_ tbody tr:last-child td:last-child {
  border-radius: 0 0 var(--tableBorderRadius) 0;
}

.G_GD_ tbody tr:last-child td:only-child {
  border-radius: 0 0 var(--tableBorderRadius) var(--tableBorderRadius);
  border-left: var(--tableBorderStyle);
}

.G_GD_ tbody tr:only-child td:first-child {
  border-radius: var(--tableBorderRadius) 0 0 var(--tableBorderRadius);
  border-left: var(--tableBorderStyle);
}

.G_GD_ tbody tr:only-child td:last-child {
  border-radius: 0 var(--tableBorderRadius) var(--tableBorderRadius) 0;
}

.G_GD_ tbody tr:only-child td:only-child {
  border-radius: var(--tableBorderRadius);
}

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

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

.G_GD_ .phOws {
  height: 20px;
}

.G_GD_ tbody tr:nth-child(even) {
  background-color: var(--tableEvenRowColor);
}

.G_GD_ tbody tr:nth-child(odd) {
  background-color: var(--tableOddRowColor);
}

.G_GD_ tbody thead > tr:nth-child(even),
.G_GD_ tbody thead > tr:nth-child(odd) {
  background-color: transparent;
}

.G_GD_ th {
  text-align: left;
  padding: 0;
  padding-left: var(--standardMargin);
  padding-bottom: var(--smallMargin);
  font-size: var(--labelFontSize);
  color: var(--labelColor);
  font-weight: var(--labelWeight);
}

.G_GD_ > tbody > tr > td.RAoi7 {
}

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

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

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

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

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

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

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

.o3kWx {
  background: var(--accent1Color) !important;
  color: var(--whiteColor);
  opacity: 1;
}

.o3kWx td {
  border-top-color: var(--accent1Color) !important;
}

.o3kWx td:first-child {
  border-left-color: var(--accent1Color) !important;
}

.o3kWx td:last-child {
  border-right-color: var(--accent1Color) !important;
}

.f4e5Z {
  cursor: pointer;
}

:root {
  --hoverBorderColor: var(--surface3Color);
}

.f4e5Z:hover td:first-child {
  border-left: 1px solid var(--hoverBorderColor);
}

.f4e5Z:hover td {
  border-top: 1px solid var(--hoverBorderColor);
}

.f4e5Z:hover td:last-child {
  border-right: 1px solid var(--hoverBorderColor);
}

.f4e5Z:hover + .f4e5Z td {
  border-top: 1px solid var(--hoverBorderColor);
}

.f4e5Z:hover:last-child td {
  border-bottom: 1px solid var(--hoverBorderColor);
}

.f4e5Z:hover:first-child td:first-child,
.f4e5Z:hover:last-child td:first-child {
  border-left: 1px solid var(--hoverBorderColor);
}

.G_GD_ td > svg {
  color: var(--iconColor);
  margin-right: var(--smallMargin);
  margin-left: var(--insetMargin);
}

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

.wMqXv button {
  margin-right: var(--largeMargin);
}

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

.G_GD_ tfoot > tr > td {
  padding-bottom: 0;
}

.EJluT {
  min-height: 50px;
}

.RU5Cl {
  justify-content: flex-end;
  text-align: right !important;
}

.Mm_mn {
  text-align: center !important;
}

.oPw8i {
  text-align: left !important;
}

.SMSPx {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

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

.MmVaQ svg {
    color: var(--accent3Color) !important;
  }

.f4e5Z:hover .MmVaQ {
    color: var(--blackColor);
  }

.f4e5Z:hover .MmVaQ svg {
      color: var(--blackColor);
    }

.N2uPt {
  max-width: 300px;
}

.DAnWj {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: var(--standardMargin);
}

.uSZhz {
  font-size: 0.8rem;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.PT8W6 {
  margin-right: 20px;
}

.PT8W6:last-child {
  margin-right: 0px;
}

.XZyZr {
  width: 100%;
  box-sizing: border-box;
}

.y5ydh {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: var(--standardMargin);
  justify-content: space-between;
  margin-bottom: 12px;
  gap: var(--standardMargin);
}

.jhCbx {
  padding-top: 10px;
  width: 100%;
  align-items: center;
}

.jhCbx:first-child {
  padding-top: 0px;
}

.dPfT6 {
  box-sizing: border-box;
  width: calc(50% - 10px);
  padding-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dPfT6 label,
.jUEq5 label,
.dTkA0 {
  margin-right: var(--standardMargin);
}

.jUEq5 {
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.jUEq5 label {
  width: calc(25% - 34px);
}

.z1NLh {
  flex-grow: 1;
}

.O_lcY {
  width: 610px;
  max-height: 745px;
}
.Yptfi {
  width: 620px;
  max-height: 650px;
}

.yidZc {
  height: 20px;
  padding-top: 0px;

  width: calc(55% - 11px);
  margin-right: 10px;
}

.yidZc:disabled {
  background-color: gray;
}

.dPfT6 select {
  width: calc(55% - 10px);
  margin-right: 10px;
}

.dPfT6 .Select__control {
  width: 150px;
}

.jUEq5 .Select__control {
  width: 100%;
}

.yidZc input {
  height: 20px;
}

.jhCbx input {
  margin-left: 20px;
  margin-bottom: 15px;
}

.AAPxd {
  width: 100%;
  height: 60px;
  margin-bottom: 12px;
}

.AAPxd textarea {
  resize: none;
  height: 100%;
}

.T_EzR {
  margin-bottom: 10px;
}

.uSZhz select {
  font-size: 12px;
}

.vjxIv {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.L5uN3 {
  color: var(--labelColor);
}

:root {
  --switchBgSize: 20px;
  --switchColor: rgba(255, 255, 255, 0.3);
  --switchWidth: 44px;
  --switchHeight: 22px;
}

.fGSdS {
  flex-shrink: 0;
  width: var(--switchWidth);
  height: var(--switchHeight);
  border-radius: 11px;
  background: var(--whiteColor);
  padding: 3px;
  box-sizing: border-box;
  display: flex;
  border-color: var(--accent1Color);
  background: #bababa;
  cursor: pointer;
}

.fGSdS.NASpm {
  cursor: default;
}

.fGSdS._0dhe {
  background: var(--accent1Color);
}

.qDvGv {
  width: var(--switchWidth);
  height: calc(var(--switchHeight) + 2px);

  position: absolute;
  top: -2px;
  left: 0;
  opacity: 0;
  transition: opacity ease 300ms;
  background-image: linear-gradient(
    -45deg,
    var(--switchColor) 25%,
    transparent 25%,
    transparent 50%,
    var(--switchColor) 50%,
    var(--switchColor) 75%,
    transparent 75%,
    transparent
  );
  -ms-background-size: var(--switchBgSize) var(--switchBgSize);
  background-size: var(--switchBgSize) var(--switchBgSize);
  animation: KUh7u 1.5s linear infinite;
}

.qDvGv.NASpm {
  opacity: 1;
}

.CrIqM {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: var(--whiteColor);
  transition: margin-left ease 200ms;
}

.CrIqM._0dhe {
  margin-left: 22px;
}

.E98OM {
  position: relative;
}
@keyframes KUh7u {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc(var(--switchBgSize)*-2) 0px;
  }
}

.s4V_s,
._Xy2z {
  pointer-events: none;
}

.s4V_s {
  opacity: 0.3;
}

.l8zKo > div {
  float: right;
}

.Ls4NW {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: var(--standardMargin);
}

.hcRe4 {
  width: 520px;
  height: 165px;
}

.UlamA {
  min-width: 340px;
  width: 340px;
}

.wUIvS {
  display: contents;
  white-space: pre;
  font-family: var(--monoFont);
  font-size: 0.9em;
}

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
.X4j2m {
  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;
}
.X4j2m:hover {
    border-color: var(--surface3Color);
  }

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

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

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

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

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

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

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

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

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

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

.X4j2m.KIuWb {
  border-radius: 0;
  border-right: 0;
  border-left: 0;
}

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

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

._eZyX.O50zP {
  transform: rotateZ(90deg);
}

.CM80z {
  line-height: initial;
}

.CM80z svg {
}

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

.X4j2m.sCP0K {
  background: var(--accent1Color);
  color: var(--whiteColor);
  border-color: var(--accent1Color);
}

.X4j2m.sCP0K + .X4j2m {
  border-top-color: transparent;
}

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

.SPFKp.biXPL {
  font-size: 13px;
}

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

.X4j2m.biXPL {
  padding: 0;
}

.lVZfJ {
  color: var(--accent3Color);
  font-weight: 600;
}
.lVZfJ div > svg {
  color: var(--accent3Color);
}

.X4j2m:hover .lVZfJ {
    color: var(--blackColor);
  }

.X4j2m:hover .lVZfJ svg {
      color: var(--blackColor);
    }

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

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

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

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

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

/*
 * Fill height and sticky header
 *
 * Instead of guessing a height from the viewport, take whatever the surrounding layout has left
 * over. Needs every ancestor up to a height bounded one to be a flex column, which is what
 * ToolbarContentPage and CRUDView already are.
 */
.SPFKp.dUByK {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  /* A flex item will not shrink below its content height without this */
  min-height: 0;
}

/*
 * The header has to scroll with this element rather than outside it, otherwise there is nothing for
 * it to stick to, so the scrolling starts here and not on the container above.
 */
.QnzLM {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

.IB3LS.CY9r_ {
  position: sticky;
  top: 0;
  z-index: 2;
  /*
   * Has to be opaque, otherwise rows scroll through the header and the labels become unreadable.
   * The variable is set from the nearest ancestor that actually paints a background, so the header
   * blends into whatever surface the tree was dropped on. The fallback covers the case where no
   * ancestor paints one.
   */
  background: var(--dataTableStickyHeaderBackground, var(--whiteColor));
}

/*
 * Same line under the tree header once its rows start passing beneath it. The border is reserved
 * while transparent so turning it on does not move the rows down by a pixel.
 */
.IB3LS.CY9r_ {
  border-bottom: 1px solid transparent;
}

.QnzLM[data-scrolled='true'] .IB3LS.CY9r_ {
  border-bottom-color: var(--tableBorderColor);
}

.oydnG {
  display: flex;
  padding: 0 var(--standardMargin);
}

.RgABR {
  min-width: 100px;
  margin-right: 10px;
}

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

.rX5B5 > div {
  border: 0 !important;
}

.o4kNJ {
  min-width: 220px;
}

.Amcs_ {
  min-width: 320px;
}

@media only screen and (max-width: 1472px) {
  .AHiQ1 {
    display: none;
  }
}

.eREbk {
  min-height: 33px;
}

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
.i6xNI {
  display: flex;

  position: relative;
  align-items: flex-start;
  height: 100%;
  box-sizing: border-box;
  margin-left: var(--largeMargin);
}

.XLZlh {
  flex-grow: 1;
  height: 100%;
  max-height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

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

.bbn6w {
  background: white;
  padding: var(--standardMargin);
  box-sizing: border-box;
  border-radius: var(--tableBorderRadius);
  box-shadow: var(--selectShadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  word-break: break-all;
  font-size: 0.8em;
}

.bbn6w > img {
  width: auto;
  height: 70px;
  max-width: 80px;
}

.giBN7 {
  width: auto;
}

.lsvLK {
  width: min(40vw, 270px);
  max-height: max(70vh, 400px);
  flex-grow: 1;
  overflow-y: auto;
  box-sizing: border-box;
  border-bottom: 1px solid var(--borderColor);
}

.adajE > div {
  margin-right: 0;
}

.adajE button {
  width: 100%;
  box-sizing: border-box;
}

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

.adajE {
  overflow-y: auto;
}

._5Wztv {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  z-index: 2;
  box-sizing: border-box;
}

._5Wztv {
  width: max(400px, 20vw);
  background: white;
  padding: var(--standardMargin);

  box-shadow: var(--navBarShadow);
}

.hGWuc {
  background-color: white;
  height: 100%;
  max-height: 70vh;
  overflow-y: auto;
}

.Hw0s1 {
  border: 1px solid var(--borderColor);
}

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

.B8Jm8 {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--standardMargin);
}

.GO9w0 {
  border: 1px solid var(--borderColor);
  position: relative;
  width: auto;
  display: inline-block;
  margin-bottom: var(--standardMargin);
}

.gh9Vx {
  width: 16px;
  height: 16px;
  position: absolute;
  left: calc(100% - 8px);
  top: 10px;
  border-radius: 50%;
  box-sizing: border-box;
}

.q5qyT {
  display: grid;
  box-sizing: border-box;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.q5qyT > div {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-sizing: border-box;
}

.q5qyT > div:hover {
  background-color: var(--surface5Color);
}

.q5qyT > div > img {
  width: 44px;
  height: 44px;
  padding: var(--smallMargin);
  -o-object-fit: scale-down;
     object-fit: scale-down;
  box-sizing: border-box;
}

.Av5eP {
  display: flex;
  -moz-column-gap: 1.5vw;
       column-gap: 1.5vw;
}

.B8Jm8 {
  padding: var(--standardMargin);
  width: 1px;
  flex-grow: 1;
}

.dgAkS {
  position: absolute;
}

.AHmLc * {
  vector-effect: non-scaling-stroke;
  shape-rendering: auto;
}

.AHmLc {
  height: 1px;
  width: 100%;
  flex-grow: 1;
  box-sizing: border-box;
  overflow: hidden;
}

.jrF0x {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--standardMargin);
}

.jrF0x button,
.jrF0x label {
  margin: 0 !important;
}

.o9kn6 {
  max-width: 1200px !important;
  width: 90vw;
}

.w9Ybe {
  --processMapHoveringColor: rgba(135, 151, 164, 0.7);
}

.JLBOT {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

._RQWM {
  outline: 1px dashed var(--processMapHoveringColor);
  outline-offset: 0px;
}

.xGa6i {
  outline: 1px dashed var(--accent1Color);
  outline-offset: 0px;
}

.YIm4V {
  opacity: 0.15;
}

.wWAu3 {
  min-width: 90px;
}

.elDjd {
  width: 200px;
}

.uLReR {
  min-height: 700px !important;
}

.fm8MF {
  display: inline-flex;
  align-items: center;
  gap: var(--smallMargin);
}

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
.ryvy9 {
  display: flex;
  background: var(--whiteColor);
  flex-direction: column;
  border-radius: var(--tableBorderRadius);
  border: var(--tableBorderStyle);
  box-shadow: var(--panelShadow);
  height: 100%;
}

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

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

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

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

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

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

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

.oBg86 button {
  flex-shrink: 0;
}

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

/*
 * A panel holding a table that fills the height scrolls inside that table rather than here, which
 * is what lets the table keep its header in view. Scoped to those panels on purpose: every other
 * one carries ordinary flowing content and still scrolls as a block.
 */
.hckPx:has([data-fill-height]) {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* eslint-disable css-modules-kit/no-unused-class-names -- Shared with child components */
.g0N_T {
  padding-left: var(--standardMargin);
  padding-right: var(--standardMargin);
  min-width: 50px;
}

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

.u44vt {
  padding: var(--smallMargin) 0 var(--smallMargin) 0;
}

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

@media (max-width: 1300px) {
  .GG5OZ {
    display: inline;
  }
}

.tmIgC svg text[id^='label:'],
.tmIgC svg text[id^='value:'] {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.tmIgC svg {
  max-width: 100%;
  /* so text close to the border will not get clipped */
  overflow: visible;
}

.tmIgC {
  width: 100%;
  height: 100%;
  margin: var(--standardMargin) 0;
  padding: 0 var(--standardMargin);
  box-sizing: border-box;
}

.MNpFx,
.F3yKK,
.k0zwf {
  font-family: var(--appFont) !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  fill: var(--surface1Color);
}

.dark .MNpFx,
  .dark .F3yKK,
  .dark .k0zwf,
  .dark .tmIgC svg text {
    fill: var(--whiteColor);
  }

.k0zwf,
.MNpFx {
  font-weight: 600;
}

.k0zwf {
  text-decoration: underline;
  cursor: pointer;
  font-size: 12px;
}

.k0zwf:hover {
  fill: var(--accent4Color);
}

.F3yKK {
  font-size: 12px;
  font-weight: 400;
}

.EmLRB {
  text-decoration: underline;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}

.EmLRB:hover {
  fill: var(--accent3Color);
}

.g2vZb {
  background-color: white;
  z-index: 2;
  height: var(--toolbarHeight);
  width: 100%;
  display: flex;
  clear: both;
  align-items: center;
  justify-content: center;
  padding-left: var(--standardMargin);
  padding-right: var(--standardMargin);
  box-sizing: border-box;
  margin-top: -10px;
  border-bottom: 1px solid var(--dividerColor);
}

.TlWH_ {
  cursor: pointer;
  pointer-events: all;
}

.TlWH_:hover {
  fill: var(--accent4Color);
}

.KgWY8 {
  margin-bottom: var(--largeMargin);
  width: 100%;
  display: flex;
  justify-content: center;
}

.LYJFu {
  color: var(--textColor);
}

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

.Do98j {
  margin-bottom: var(--hugeMargin);
}

.tjVd1 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.H6UtY {
  padding: 0 !important;
}

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

.CqfcN {
  display: flex;
  flex-direction: column;
  min-height: 49px;
  padding-left: var(--hugeMargin);
  padding-right: var(--hugeMargin);
  align-items: center;
  justify-content: flex-start;
  border-right: 1px solid var(--borderColor);
  width: 150px;
  flex-shrink: 1;
}

.CqfcN:first-child {
  padding-left: 0;
}

.CqfcN:last-child {
  padding-right: 0;
  border-right: 0;
}

.h2DHg {
  font-size: 0.9em;
  color: var(--surface3Color);
  margin-bottom: var(--smallMargin);
}

.Vhiia {
  font-size: 0.9em;
  word-break: break-all;
}

.qK4yz {
  font-size: 15px;
  color: var(--surface3Color);
  margin-bottom: 0;
}

@media (max-width: 1300px) {
  .Vhiia {
    font-size: 0.8em;
  }

  .qK4yz {
    font-size: 12px;
  }
}

.dlJL4 {
  min-height: 300px;
}

.pUnEg {
  color: var(--labelColor);
}

.M4By1 {
  margin-bottom: var(--hugeMargin);
}

.Qq4Wq h1 {
  font-weight: 600;
  font-size: 14px;
  color: var(--accent3Color);
  border-bottom: 1px solid transparent;
}

.Qq4Wq:hover {
  border-color: 1px solid var(--surface3Color);
}

.DT30n > .rv1O4 {
  font-size: var(--subtitleFontSize);
  color: var(--surface3Color);
}

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

.uRzL1 {
  transform: rotate(90deg);
  transition: transform var(--defaultSpeed) ease-in-out;
}

.HunXh {
  transform: rotate(0deg);
  transition: transform var(--defaultSpeed) ease-in-out;
}

.dwdt2 {
  display: flex;
  flex-direction: column;
  gap: var(--smallMargin);
}

.i1wwU {
  display: flex;
  flex-direction: column;
  gap: var(--smallMargin);
  margin-top: var(--standardMargin);
}

.EHWt4 {
  min-height: 650px;
}

.jV4LD * {
  vector-effect: non-scaling-stroke;
  shape-rendering: auto;
}

.jV4LD a {
  display: none;
}

.jV4LD {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: var(--hugeMargin);
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  flex-shrink: 0;
  position: relative;
}

.OIoGf {
  margin-bottom: var(--hugeMargin);
}

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

.smaLs,
.YCm0h {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}

.YCm0h {
  width: 300px;
}

.w4LfV {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}

.aFUiS {
  flex-grow: 1;
  width: 100%;
  max-width: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
  min-height: 40px;
}

.QAexw {
  position: absolute;
}

.Bb5n4 {
  position: absolute;
}

.rJc_H {
  border-bottom: 1px solid var(--tableBorderColor);
  padding: var(--smallMargin);
  font-size: 13px;
}

.Othyi {
  width: 100%;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: var(--insetMargin);
}

.u_Arx {
  min-width: 90px;
  display: flex;
  justify-content: flex-end;
}

.LZwbu {
  flex: 1 1 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* A flex item will not shrink below its content, and the table below needs it to */
  min-height: 0;
}

.qnITm,
.ojEmp {
  width: 100%;
}

.ojEmp {
  margin-top: 10px;
}

.Zw8yi {
  width: 100%;
}

.Zw8yi svg {
    fill: var(--whiteColor);
    stroke: var(--whiteColor);
  }

.PcRt_ {
  font-size: 0;
}

.sBsqR {
  width: 100%;
  margin-top: 30px;
}

.MNFK5 {
  align-items: flex-start !important;
  text-align: left;
}

.SNVDP {
  max-width: 500px !important;
  width: 500px !important;
}

.Wbh_C {
  text-align: center;
}

.C66Nf {
  margin-bottom: var(--hugeMargin);
}

.PC9bx {
  color: var(--primary1Color);
}

.N8HX1 {
  color: var(--surface1Color);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.t2zc3 {
  color: var(--surface3Color);
}

.rJeXk {
  height: 682px !important;
  max-width: 700px !important;
}

.gPryE {
  margin-bottom: var(--largeMargin);
}

/* The modal body centres its children otherwise, which stops the table reaching full width */
.zEcuH {
  align-items: stretch;
}

.V61rv {
  margin-bottom: var(--largeMargin);
}

.DSraI * {
  color: white !important;
}

.TgGJ4 {
  width: 60px;
  float: left;
  display: flex;
  justify-content: center;
}

.JdoU4 svg {
  fill: var(--accent1Color);
  color: var(--accent1Color) !important;
  margin-right: var(--standardMargin) !important;
}

.DBypt {
  width: 6px;
  margin-left: var(--insetMargin);
  visibility: hidden;
}

.DBypt.UjbpE {
  visibility: visible;
}

.uhaSr {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 13px;
  border: 1px solid rgba(200, 200, 200, 0.5);
}

.uhaSr > * {
  margin-top: -1px;
}

.ok3m7 {
  font-weight: bold;
}

.ok3m7,
.Ibd2s {
  display: inline-block;
}

.cVE8B {
  color: green;
  fill: green;
  stroke: green;
}

.ooVKv {
  color: var(--severity2Color);
  fill: var(--severity2Color);
  stroke: var(--severity2Color);
}

.XTXWv {
  color: var(--severity1Color);
  fill: var(--severity1Color);
  stroke: var(--severity1Color);
}

.ocacK {
  color: var(--severity0Color);
  fill: var(--severity0Color);
  stroke: var(--severity0Color);
}

.Ibd2s {
  cursor: help;
}

.MsNnE {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

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

.bAgml,
.mcdrf {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid var(--accent1Color);
}

.bAgml {
  color: var(--accent1Color);
  position: relative;
}

.mcdrf {
  color: var(--blackColor);
  background: white;
  font-weight: 500;
  position: absolute;
  top: -5px;
  right: 0px;
  box-sizing: border-box;
}

.mcdrf:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.bAgml svg {
}

.yeYvz {
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--largeMargin);
  align-items: center;
  justify-content: center;
  min-height: 46px;
}

.Vmfup {
  flex-shrink: 0;
}

.fb2TC {
  flex-shrink: 0;
  padding: var(--smallMargin);
}

._snmx {
  border: 2px solid var(--accent1Color);
  padding: var(--smallMargin) var(--largeMargin);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  font-weight: 500;
  font-size: 0.9em;
}

/* Accessed dynamically via styles['severity-' + severity] */
/* eslint-disable css-modules-kit/no-unused-class-names */
.iaPP3 {
  border-color: var(--severity0Color);
}

.BoSOh {
  border-color: var(--severity1Color);
}

.U5JOi {
  border-color: var(--severity2Color);
}
/* eslint-enable css-modules-kit/no-unused-class-names */

:root {
  --markerHoverColor: rgba(30, 162, 177, 0.6);
}

.yD8qQ {
  position: relative;
}

.G2DNh {
  width: 30px;
  height: 30px;
  background-color: var(--accent1Color);
  border-radius: 50%;
  display: flex;
  color: var(--whiteColor);
  font-weight: bold;
  font-size: 15px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition:
    box-shadow var(--defaultSpeed) ease-in-out,
    opacity var(--defaultSpeed) ease-in-out;
  will-tranform: box-shadow;
  position: relative;
  top: -15px;
  left: -15px;
  box-shadow: 0 0 0 5px var(--markerHoverColor);
}

.G2DNh:hover {
    box-shadow: 0 0 0 10px var(--markerHoverColor);
  }

.ap2jv {
  position: relative;
  width: 25px;
  height: 41px;
  top: -20px;
  left: 0px;
  background-image: url(/c8360a77c879acba5194.png);
  cursor: pointer;
  box-sizing: border-box;
}

.dojSN {
  opacity: 0.5;
}

.kpkMu {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-50%, 0) translateZ(0);
  background-color: var(--accent1Color);
  padding: 0 10px 5px;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
  z-index: 1;
  transition: all var(--defaultSpeed) ease-in-out;
}

  .kpkMu.VZncQ {
    cursor: default;
  }

.p9OYI,
.p9OYI .dJ85R {
  background-color: var(--accent3Color);
}

.wdQSh {
  z-index: 2;
}

._7hwaD {
  display: inline-flex;
  width: 100%;
  height: 100%;
  margin-top: var(--smallMargin);
  justify-content: center;
  align-items: center;
}

._7hwaD.f5nBT {
    margin-top: var(--smallMargin);
  }

._7hwaD svg {
  width: 22px;
  height: auto;
}

.sU1Zt {
  margin-top: var(--insetMargin);
  transition: all var(--defaultSpeed) ease-in-out;
  text-align: center;
  white-space: nowrap;
  color: white;
  font-size: var(--tableFontSize);
  transition: all var(--defaultSpeed) ease-in-out;
}

.SjGDv {
  position: absolute;
  content: '';
  width: 40px;
  height: 20px;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  overflow: hidden;
}

.dJ85R {
  width: 17px;
  height: 17px;
  transform: rotate(45deg);
  background: var(--accent1Color);
  box-shadow: 0 3px 14px rgb(0 0 0 / 40%);
  margin: -10px auto 0;
}

.kpkMu {
  z-index: 1;
  transition: opacity var(--defaultSpeed) ease-in-out;
}

.wdQSh {
  z-index: 2;
}

.ccnXk {
  opacity: 0.5;
}

.FkzBl {
  z-index: 4;
}

._7hwaD {
  color: white;
}

.WRge1 {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 1;
  transition:
    opacity var(--defaultSpeed) ease-in-out,
    z-index var(--defaultSpeed) ease-in-out;
}

.WRge1.VZncQ {
    cursor: default;
  }

.WRge1.wdQSh {
    z-index: 2;
  }

.WRge1.ccnXk {
    opacity: 0.5;
  }

.g27br {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--accent1Color);
  box-shadow:
    0 0 0 2px var(--whiteColor),
    0 1px 4px rgba(0, 0, 0, 0.4);
  transition: box-shadow var(--defaultSpeed) ease-in-out;
}

.g27br:hover {
    box-shadow:
      0 0 0 2px var(--whiteColor),
      0 0 0 6px var(--markerHoverColor),
      0 1px 4px rgba(0, 0, 0, 0.4);
  }

.WRge1.VZncQ .g27br {
  animation: eOCth 1.2s ease-in-out infinite;
}

@keyframes eOCth {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}

.EspZU .g27br {
  background-color: var(--accent3Color);
}

.JVj7X {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: var(--insetMargin);
  padding: var(--insetMargin) var(--smallMargin);
  background-color: var(--accent1Color);
  color: var(--whiteColor);
  border-radius: 4px;
  font-size: var(--tableFontSize);
  white-space: nowrap;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  pointer-events: none;
}

.EspZU .JVj7X {
  background-color: var(--accent3Color);
}

.mtxCI {
  opacity: 0 !important;
  display: block !important;
}

.Zrh4J {
  display: block !important;
}

.EACvE {
  opacity: 1 !important;
  transition: opacity var(--defaultSpeed) !important;
}

.hBc1K {
  opacity: 1 !important;
  display: block !important;
}

.EvRw2 {
  opacity: 0 !important;
  display: block !important;
  transition: opacity var(--defaultSpeed) !important;
}

:root {
  --styledMarkerHoverColor: rgb(31, 168, 183);
}

.j7xv4 {
  min-width: 150px;
  display: flex;
  color: var(--whiteColor);
  font-size: var(--labelFontSize);
  font-weight: normal;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}

.fJygi:not(._Gd61):hover > .j7xv4,
  .fJygi:not(._Gd61):hover ~ .MFHdR > .y2ZOn {
    background: var(--styledMarkerHoverColor);
  }

.CEDiW {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  display: none;
  z-index: 2;
}

/* Fixes onload issue with FadeInAnimation */
.QmEsu {
  display: block;
}

.fJygi {
  position: absolute;
  display: flex;
  bottom: var(--standardMargin);
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column;
  border-radius: var(--tableBorderRadius);
  box-shadow: 0 3px 14px rgb(0 0 0 / 60%);
  overflow: hidden;
  background-color: var(--accent1Color);
}

.fJygi._Gd61 {
    background-color: var(--accent3Color);
    cursor: default;
  }

.fJygi._Gd61 ~ .MFHdR > .y2ZOn {
      background-color: var(--accent3Color);
    }

.BNu_T {
  padding: var(--standardMargin);
}

.NltNz {
  margin-bottom: 2px;
}

.Yj8ru {
  margin-top: var(--insetMargin);
  border-top: var(--borderWidth) solid var(--dividerColor);
  padding-top: var(--insetMargin);
}

.dQfYM {
  font-size: var(--labelFontSize);
  white-space: nowrap;
}

.Omwlr {
  opacity: 0.8;
}

.DJYEh {
  margin-top: var(--insetMargin);
  border-top: var(--borderWidth) solid var(--dividerColor);
  padding-top: var(--insetMargin);
}

.PbdSN {
  font-size: var(--labelFontSize);
  white-space: nowrap;
}

.CZ51U {
  opacity: 0.8;
}

.aRG1E {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
}

.MFHdR {
  position: absolute;
  content: '';
  width: 40px;
  height: 20px;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  overflow: hidden;
}

/* CSSTransition animations */
.y2ZOn {
  width: 17px;
  height: 17px;
  transform: rotate(45deg);
  background-color: var(--accent1Color);
  margin: -10px auto 0;
}

.HvvxA {
  position: relative;
  width: 100%;
  height: 100%;
}

.B8KLL {
  position: absolute;
  top: var(--smallMargin);
  left: var(--smallMargin);
  z-index: 1;
}

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

.zEhYX {
  width: 300px;
}

.WZp2D {
  height: 30px;
  width: 36px;
  margin-left: 4px;
  margin-right: 8px;
  border-radius: var(--tableBorderRadius);
  border: 2px solid white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}

.Ynq0E {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
}

.C5WT1 {
  color: var(--whiteColor);
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 50%;
}

.QWDgq {
  box-sizing: border-box;
  font-weight: 600;
}

._Dqzy {
  font-size: 16px;
}

.XYdom {
  fill: var(--textColor);
}

.dark .XYdom {
  fill: var(--whiteColor);
}

.ZSq08 {
  cursor: pointer;
}

.ZlEgl {
  display: flex;
  flex-shrink: 0;
  margin-left: var(--smallMargin);
  justify-content: flex-end;
  align-items: center;
}

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

.ZlEgl:hover span {
      filter: brightness(90%);
    }

.ZlEgl > .kug5g {
    width: var(--baseSvgFontSize);
    margin-left: var(--smallMargin);
  }

.ZlEgl > .kug5g > svg {
      margin-right: 0;
    }

svg.ZnaiQ {
  width: 18px !important;
  height: 18px;
}

.oeIcE {
  padding: var(--insetMargin) var(--smallMargin);
  margin-right: var(--insetMargin);
  display: flex;
  justify-content: center;
  border-radius: 16px;
  font-weight: 500;
  font-size: 0.9em;
  color: var(--whiteColor);
}

/* Accessed dynamically via styles['severity-' + severity] */
/* eslint-disable css-modules-kit/no-unused-class-names */
.yQIvc {
  background-color: var(--severity0Color);
}

.mNQuE {
  background-color: var(--severity1Color);
}

.zer1b {
  background-color: var(--severity2Color);
}
/* eslint-enable css-modules-kit/no-unused-class-names */

.vFg0j {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

._U4Hj {
  flex-grow: 1;
  height: 1px;
  min-height: 0;
}

.b7nII {
  border-left: var(--dividerWidth) solid var(--dividerColor);
  max-width: var(--dividerWidth);
  height: 100%;
}

.DAtme {
  border-top: var(--dividerWidth) solid var(--dividerColor);
  max-height: var(--dividerWidth);
  width: 100%;
}

.Zdb36 {
  margin-left: 0;
  width: 100%;
}

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

.WlXPu {
  background: var(--surface5Color);
  padding: var(--standardMargin);
  border: 1px solid var(--borderColor);
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

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

.jmPER {
  width: 100%;
  box-sizing: border-box;
}

.d6gNB {
  display: block !important;
  transition-property: none !important;
  position: unset !important;
  width: 100% !important;
  transform: translate(0px, 0px) !important;
  margin-bottom: var(--standardMargin);
}

/* Third-party library styling: react-grid-layout (react-resizable) */
/* eslint-disable css-modules-kit/no-unused-class-names */
.react-resizable-handle {
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: 0;
  right: 0;
  cursor: se-resize;
}

.react-resizable-handle::after {
  content: '';
  position: absolute;
  right: 6px;
  bottom: 3px;
  width: 7px;
  height: 7px;
  border-right: 2px solid var(--borderColor);
  border-bottom: 2px solid var(--borderColor);
}

.react-resizable-hide > .react-resizable-handle {
  display: none;
}
/* eslint-enable css-modules-kit/no-unused-class-names */

.yiFc_ {
  max-width: 900px !important;
}

.ye2s3 {
  width: 300px;
}

.vmTwz {
  width: 300px;
}

.Mp07R {
  display: flex;
  min-width: 100%;
  align-items: center;
  justify-content: flex-start;
}

.Mp07R > div {
  display: flex;
  flex-grow: 1;
}

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

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

.MUbi0 {
  background: var(--surface6Color);
  min-width: 300px;
  padding: var(--smallMargin) 0;
  box-sizing: border-box;
  border-bottom: 1px solid var(--borderColor);
}

/* Third-party library styling: react-datetime */
/* eslint-disable css-modules-kit/no-unused-class-names */
.MUbi0 .rdtYear,
.MUbi0 .rdtMonth {
  height: 35px;
}

.MUbi0 .rdtActive {
  border-radius: var(--tableBorderRadius);
}
/* eslint-enable css-modules-kit/no-unused-class-names */

.gkAmw {
  box-sizing: border-box;
  font-size: 0.9em;
  font-weight: 500;
}

.NLIHn > div {
  min-width: 300px;
}

.bG3Tl,
.bG3Tl:hover {
  background: var(--accent1Color) !important;
  color: var(--whiteColor) !important;
  border-radius: 0 !important;
}

.oiDE1 > div {
  font-size: var(--tableFontSize);
  border-radius: 0;
  background: transparent;
  border: 0;
}

.ZfZ4E {
  position: relative;
  width: 100%;
  height: 156px;
  z-index: 0;
  box-sizing: border-box;
  border: 1px solid var(--surface3Color);
  cursor: default;
}

.H0jHS {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}

.pcXWo {
  width: 1px;
  flex-grow: 3;
  margin-right: var(--hugeMargin);
  display: flex;
  flex-direction: column;
  gap: var(--standardMargin);
}

.b9m2Y {
  width: 1px;
  flex-grow: 2;
}

.ontd3 {
  width: 100%;
  display: flex;
  margin-bottom: var(--standardMargin);
}

.LX92E {
  padding-top: 10px;
}

.ximdb {
  background: white;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.wZ2b9 {
  width: 100%;
  box-sizing: border-box;
}

.moZcb {
  background: var(--surface5Color);
  padding: var(--standardMargin);
  border: 1px solid var(--borderColor);
  flex-shrink: 0;
  box-sizing: border-box;
  flex-grow: 0;
}

.cowDy {
  flex-grow: 1;
  overflow-y: auto;
  padding: 0px;
  margin-bottom: var(--standardMargin);
  box-sizing: border-box;
}

.xfB4L {
  padding: var(--standardMargin);
}

.abCqN {
  max-width: 900px;
}

.TGrIx {
  width: 570px;
  max-height: 760px;
}

.g16Sb {
  padding: 0;
}

.rn7rN {
  font-size: 0.8rem;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-bottom: var(--hugeMargin);
}

.hR6IE {
  width: 640px;
  max-height: 604px;
  height: auto !important;
}

.pMT7T {
  opacity: 0.7;
}

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

.EX_wQ {
  font-size: var(--labelFontSize);
  color: var(--labelColor);
  font-weight: var(--labelWeight);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-left: var(--smallMargin);
}

.jgByE {
  font-size: 15px;
  margin-bottom: var(--standardMargin);
  padding-bottom: var(--standardMargin);
  border-bottom: 1px solid var(--borderColor);
}

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

.sCu3M {
  width: 700px;
  max-height: 760px;
}

.DHggm {
  width: var(--treeDialogWidth) !important;
  max-height: var(--treeDialogHeight) !important;
}

.gtiac {
  background: #fff;
  font-size: 0.9rem;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0;
}

.cPVpf {
  width: 100%;
}

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

.OSPMY {
  font-size: 0.9em;
  width: 200px;
}

.OSPMY {
  font-size: 0.9em;
  width: 100%;
}

.OSPMY .Select-control {
    height: 30px;
  }

.OSPMY .Select-placeholder {
    margin-top: 4px;
    line-height: 20px;
  }

.OSPMY .Select-value {
    line-height: 26px !important;
  }

.OSPMY .Select-value-label {
    line-height: 26px;
  }

.OSPMY .Select-input {
    height: 26px;
  }

.PakAg select {
  font-size: 0.6em;
}

._WANs * {
  cursor: pointer !important;
}

.yQSNh {
  max-width: 650px;
  flex-grow: 1;
  flex-shrink: 0;
  padding: 15px 15px;
  background: #fdfdfd;
  border: 1px solid var(--surface4Color);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: var(--standardMargin);
  width: 1px;
  min-width: 300px;
}

.PakAg {
  display: flex;
  flex-wrap: wrap;
  gap: var(--largeMargin);
  align-items: flex-start;
}

.ddrA1 {
  display: flex;
  flex-direction: column;
  gap: var(--largeMargin);
  flex-grow: 1;
  flex-shrink: 0;
  width: 1px;
  min-width: 300px;
  max-width: 650px;
}

.ddrA1 .yQSNh {
  width: auto;
  min-width: 0;
}

.HJ0Ad {
  flex: 1;
}

.TC1Wq {
  position: relative;
  width: 100%;
  height: 156px;
  z-index: 0;
  box-sizing: border-box;
  border: 1px solid var(--surface3Color);
  cursor: default;
}

.UtMJN {
  width: 100%;
  height: 156px;
  box-sizing: border-box;
  border: 1px dashed var(--surface3Color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--placeholderColor);
  border-radius: 4px;
}

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

.oGyvJ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}

.avI90 {
  min-height: 570px;
}

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

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

.W8Ql4 {
  display: flex;
  flex-direction: column;
  font-size: var(--subtitleFontSize);
  font-family:
    'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, 'Courier New',
    monospace;
}

.V7Xgu {
  display: flex;
  flex-wrap: wrap;
  gap: var(--standardMargin);
}

.yufoE {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--standardMargin);
  flex: 0 1 auto;
}

.yufoE > * {
  flex: 1 1 0;
  width: 0;
}

.WJECc {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: var(--standardMargin);
}

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

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

._HeXZ:first-child {
  margin-top: 0;
}

.S_6jJ {
  border: none;
  margin: 0;
  padding: 0;
}

.SDN51 {
  margin-left: var(--standardMargin);
  color: var(--textColor);
}

.qYcGZ {
  display: flex;
  margin-left: var(--standardMargin);
  align-items: center;
  color: var(--textColor);
}

.vDxPs {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--borderColor);
  margin-left: var(--smallMargin);
}

.vDxPs.Lcdhm {
    background-color: var(--successColor);
  }

.tpjIy {
  margin-top: -2px;
}
.tpjIy > * + * {
  margin-top: var(--standardMargin);
}
.QQub3 {
  display: flex;
  flex-direction: row;
}

.kfAIc {
  font-size: 0.8em;
  font-family:
    'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, 'Courier New',
    monospace;
}

.Q0UJu {
  width: 100%;
  line-height: 22px;
  display: flex;
  align-items: center;
}

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

.JFjA9 {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-top: var(--largeMargin);
}

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

.P5UDw {
  width: 100%;
  box-sizing: border-box;
}

.Sagi2 {
  width: 100%;
  background-color: var(--surface6Color);
  height: 550px;
  box-sizing: border-box;
  border: 1px solid var(--surface4Color);
  overflow-y: scroll;
  border-radius: 4px;
}

.Ns6RZ {
  white-space: pre;
  font-size: var(--subtitleFontSize);
  font-family:
    'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, 'Courier New',
    monospace;
  padding: 15px;
}

.lo2VP {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--standardMargin);
}

.AfWKr {
  background: white;
}

.G4ITW {
  max-height: 700px !important;
}

.AfWKr {
  background: white;
}

.phHFg {
  min-height: 200px !important;
  height: auto;
  max-height: 600px;
}

.JCbhh {
  background: white;
}

.VAA0R {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--insetMargin)*-1);
}

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

.wPHxU {
  position: relative;
  display: flex;
  align-items: center;
}

.wPHxU > div:first-child {
  margin-right: var(--smallMargin);
}

.FBVVh {
  display: flex;
  margin-bottom: var(--largeMargin);
}

.GAQY6 {
  font-size: 0.8em;
  margin-left: var(--smallMargin);
}

.rR7P9 + .rR7P9 {
  margin-left: var(--largeMargin);
}

.rR7P9 label {
  font-size: var(--labelFontSize);
  color: var(--labelColor);
  font-weight: var(--labelWeight);
  margin-left: 0;
}

.Ps31q {
  margin-top: var(--insetMargin);
  font-size: 0.9em;
  color: var(--surface3Color);
}

.si8AA {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  line-height: initial;
  text-overflow: ellipsis;
}

.si8AA + .si8AA {
  margin-top: var(--insetMargin);
}

.vPqIZ {
  max-width: 960px !important;
  min-height: auto !important;
  max-height: 90vh !important;
}

.HvR3s {
  font-size: 1em !important;
  line-height: inherit !important;
  background: white;
  min-height: auto !important;
  height: auto !important;
}

.Tr5Np {
  width: 100%;
}

.sMm9U {
  min-width: 150px;
}

.gnHM0 {
  display: flex;
  flex-direction: column;
  min-height: 53px;
  justify-content: flex-end;
}

.GLIhO {
  margin-top: calc(var(--largeMargin)*-1);
}

.K_0Gy {
  margin: 0 0 var(--standardMargin);
  color: var(--surface3Color);
}

.XpDY_ {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  gap: var(--smallMargin);
  margin-top: var(--standardMargin);
  max-height: 46vh;
  overflow-y: auto;
}

.cS6eX {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--smallMargin);
  padding: var(--standardMargin) var(--smallMargin);
  background: none;
  border: 1px solid var(--borderColor);
  border-radius: 3px;
  cursor: pointer;
  color: inherit;
}

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

/*
 * A few of the hand drawn icons are white, because they are drawn on a
 * coloured map pin. Against this dialog that is an invisible icon, so give
 * them the same colour the grid shows everything else in - which is also the
 * colour they are stored with when picked. A CSS rule beats the fill
 * presentation attribute, and matching on the value leaves fill="none" and
 * every other colour alone.
 */
.cS6eX [fill='white'],
.cS6eX [fill='#fff'],
.cS6eX [fill='#ffffff'] {
  fill: var(--surface1Color);
}

/*
 * The ectogrid logo carries its white in an inline style rather than an
 * attribute, and an inline style outranks a stylesheet rule, so this one has
 * to say so. Still matched on the value, so nothing else is touched.
 */
.cS6eX [style*='fill:white'],
.cS6eX [style*='fill: white'] {
  fill: var(--surface1Color) !important;
}

.NgufI {
  font-size: 11px;
  color: var(--surface3Color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.mUfXh {
  padding: var(--largeMargin);
  text-align: center;
  color: var(--surface3Color);
}

.StCAy {
  display: flex;
  flex-direction: column;
  gap: var(--smallMargin);
}

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

.pFMI1 {
  display: flex;
  align-items: center;
  gap: var(--standardMargin);
}

.pFMI1 .byDIH {
  width: 16px;
  height: 16px;
}

.pFMI1 .fD_xb {
  width: 24px;
  height: 24px;
}

.gCMRI {
  color: var(--surface3Color);
}

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

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

.jeDEM {
  width: 90vw !important;
  max-width: 1300px !important;
}

/*
 * The filters and the picked signal keep their own height and the results table takes what is
 * left, so its rows scroll under a header that stays put instead of the whole modal scrolling.
 * The modal body centres its children otherwise, which stops the tables reaching full width.
 */
.WKKLe {
  align-items: stretch;
}

.FTtRD {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 200px;
}

/*
 * The equipment and property lines above keep their own height and the matches take what is left,
 * so the rows scroll under a header that stays put instead of the whole dialog scrolling.
 * The modal body centres its children otherwise, which stops the table reaching full width.
 */
.GbvNd {
  align-items: stretch;
}

.j_Jun {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 200px;
}

.sOkob {
  padding-left: var(--standardMargin);
  padding-right: var(--standardMargin);
  min-width: 50px;
}

.BcIk1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

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

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

.qlxl0 {
  white-space: pre-wrap;
  word-break: break-all;
}

.kgqxy {
  color: var(--textColor);
}

.y22Zx {
  color: var(--surface3Color, #888);
  font-style: italic;
  padding: 2px 0;
}

.pKT08 {
  background-color: rgba(255, 0, 0, 0.1);
  color: var(--errorColor, #c00);
}

.d2Hb1 {
  background-color: rgba(0, 128, 0, 0.1);
  color: var(--successColor, #080);
}

.NTgxO {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-all;
  background-color: rgba(0, 128, 0, 0.1);
  color: var(--successColor, #080);
  padding: 4px;
}

.yUF6b {
  display: flex;
  align-items: center;
  gap: var(--smallMargin);
  margin-top: var(--smallMargin);
}

.ttqO9 {
  min-width: 180px;
  flex: 1;
  max-width: 280px;
}

/* The shared dropdown caps its scroll container at 400px, which cuts the
   filter list off now that it also carries the two date fields. The inner
   scroll container is the outer container's only child, and its own class is
   hashed without a stable name in production builds, so it is reached by
   position rather than by name. */
.yIXPx > div {
  max-height: min(90vh, 720px);
}

.FDN_h {
  margin-left: 2px;
}

.qmT9c {
  flex-grow: 1;
  overflow-y: scroll;
  padding: 0px var(--standardMargin) var(--standardMargin) var(--standardMargin);
  box-sizing: border-box;
}

.xNWT0 {
  width: 100%;
  margin-bottom: var(--largeMargin);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

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

.gZYLd {
  padding: 0 !important;
  overflow: hidden;
  background: white;
}

.CbaPN {
  background: white;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.m8lfy {
  display: flex;
  flex-direction: column;
  gap: var(--smallMargin);
  padding: var(--standardMargin);
  min-width: 250px;
}

.Krpit {
  display: flex;
  justify-content: flex-end;
  gap: var(--smallMargin);
  margin-top: var(--smallMargin);
}

.lzjFm {
  max-width: 95vw !important;
  width: 1400px;
  min-height: 70vh !important;
}

.aeGM3 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

._H17o {
  flex-grow: 0;
  margin-bottom: var(--standardMargin);
}

.sjpzf {
  flex-grow: 1;
}

.xdLaV {
  border-left: var(--tableBorderStyle);
}

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

.g4pth {
  flex-grow: 1;
  margin-top: var(--insetMargin);
}

.Z4lPt {
  width: 200px;
}

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

.vjleT {
  min-height: 610px !important;
  max-height: 610px !important;
}

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

.SYfED {
  min-height: 750px !important;
  max-height: 750px !important;
  min-width: 640px;
}

@media (max-height: 800px) {
  .SYfED {
    min-height: 80vh !important;
    max-height: 80vh !important;
  }
}

.TfLty {
  opacity: 0.35;
  pointer-events: none;
  filter: grayscale(100%);
  transition: opacity 0.5s;
}

.XhS2S {
  display: flex;
  align-items: center;
  height: 36px;
}

  .XhS2S label {
    font-size: 0.95em;
    margin-right: var(--standardMargin);
  }

.TpDe7 {
  width: 100%;
}

.tt2O9 {
  width: 100%;
  margin-bottom: var(--standardMargin);
}

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

.FB0jY {
  max-width: 1200px !important;
  max-height: 90vh !important;
}

@media (max-width: 1200px) {
  .FB0jY {
    max-width: 90vw;
  }
}

.tAqd3 {
  display: flex;
  align-items: center;
  height: 36px;
}

  .tAqd3 label {
    font-size: 0.95em;
    margin-right: var(--standardMargin);
  }

.gipLZ {
  display: flex;
  align-items: center;
  height: 36px;
}

  .gipLZ label {
    font-size: 0.95em;
    margin-right: var(--smallMargin);
  }

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

.jz3cc {
  margin-top: 16px;
}

.HBKeH {
  flex: 1;
  min-width: 0;
}

.N_Cz_ {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
}

.iwiGa {
  display: flex;
  flex-wrap: wrap;
  gap: var(--smallMargin);
  align-items: center;
}

.CLVCT {
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  transition: opacity 0.2s;
}

.CLVCT:hover {
  opacity: 0.8;
}

.Se6o6 {
  background: var(--errorColor);
}

.phcJT {
  background: var(--pendingColor);
}

.cfw6p {
  margin-right: 4px !important;
  vertical-align: -2px;
  color: inherit !important;
  fill: currentColor !important;
}

.VuddS {
  padding-top: var(--smallMargin);
  color: var(--labelColor);
  font-size: 0.8em;
}

.y7lLJ {
  color: var(--accent2Color);
  cursor: pointer;
  text-decoration: none;
}

.y7lLJ:hover {
  text-decoration: underline;
}

/*
 * The form above keeps its own height and the user list takes what is left, so the rows scroll
 * under a header that stays put instead of the whole dialog scrolling.
 * The modal body centres its children otherwise, which stops the table reaching full width.
 */
.O_akc {
  align-items: stretch;
}

.QCI_P {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 200px;
}

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

.fA7kj {
  flex-grow: 1;
  padding: 0 var(--largeMargin) var(--largeMargin);
}

.vObck {
  max-width: 700px;
  flex-grow: 1;
}

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

.GA39S {
  font-size: 30px;
  display: inline-block;
  line-height: 19px;
}

.rqCdQ {
  padding: var(--largeMargin) var(--standardMargin);
  overflow-y: auto;
}

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

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

.CPoYG {
  width: 500px;
  box-sizing: border-box;
  margin-bottom: var(--standardMargin);
}

.JtTSo {
  width: 100%;
  height: 350px;
  max-height: 350px;
  border: 1px solid var(--borderColor);
}

.avNP7 {
  vertical-align: top !important;
}

.Pv1SD {
  width: 50% !important;
}

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

.EW_6J {
  z-index: 0;
  border-radius: 3px;
  width: 100%;
  height: 550px;
  margin-top: 15px;
}

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

.bMlK3 {
  margin-top: 20px;
  width: 100%;
}

:root {
  --slider-thumb-size: 16px;
}

.UhmYY {
  margin-top: var(--smallMargin);
}

.OvTFz {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 6px;
  /* stylelint-disable csstools/value-no-unknown-custom-properties -- --progress is set via inline style in JS */
  background: linear-gradient(
    to right,
    var(--accent1Color) 0%,
    var(--accent1Color) var(--progress),
    var(--surface4Color) var(--progress),
    var(--surface4Color) 100%
  );
  /* stylelint-enable csstools/value-no-unknown-custom-properties */
  border-radius: 2px;
  outline: none;
}

/* WebKit browsers */
.OvTFz::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: var(--slider-thumb-size);
  height: var(--slider-thumb-size);
  border-radius: 50%;
  background: var(--accent1Color);
  cursor: pointer;
}

/* Firefox */
.OvTFz::-moz-range-thumb {
  width: var(--slider-thumb-size);
  height: var(--slider-thumb-size);
  border-radius: 50%;
  background: var(--accent1Color);
  cursor: pointer;
}

/* Firefox track fill */
.OvTFz::-moz-range-track {
  background: transparent;
}

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

/*
 * The indent lives inside the name cell rather than beside the columns. The tree view padded a
 * separate element in front of them, which pushed every column right as rows nested deeper while
 * the header stayed put, so columns drifted away from their own headings.
 */
.CZ0BE {
  display: flex;
  align-items: center;
  gap: var(--iconTextMargin);
  min-width: 0;
}

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

._iZdw {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  cursor: pointer;
  color: var(--iconColor);
}

/* Holds the space when a trait has nothing under it, so the names below line up with each other */
.bYtsJ {
  width: 20px;
  flex-shrink: 0;
}

.ozrId {
  transition: transform var(--defaultSpeed) ease-in-out;
}

.ozrId.wtdRe {
  transform: rotate(90deg);
}

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

.sFWWb {
  border: 1px solid var(--borderColor);
  border-radius: var(--tableBorderRadius);
  padding: 0 var(--standardMargin) var(--standardMargin) var(--standardMargin);
}

.wz4Vd {
  display: flex;
  flex-direction: column;
  gap: var(--smallMargin);
  margin-top: var(--dataTableRowHeightStandard);
}

.jEonh {
  min-width: 170px;
}

.WhQYi {
  margin-top: var(--dataTableRowHeightStandard);
}

.FXp2B {
  color: var(--labelColor);
  font-style: italic;
  padding: var(--standardMargin);
  text-align: center;
}

.w2jsF {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--standardMargin);
}

.aGejb {
  padding: var(--standardMargin);
  color: var(--labelColor);
}


/*# sourceMappingURL=main.7be9bd985c49abeaec69.css.map*/