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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  align-items: center;
}

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

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

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

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

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

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

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

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

  100% {
    opacity: 0.1;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  padding: 7px 19px;
}

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

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

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

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

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

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

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

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

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

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

  background: transparent;
  border: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.Select__control:hover {
  background: #fdfdfd;
}

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

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

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

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

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

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

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

.Select__menu {
  overflow: hidden;
}

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

.Select__group {
  padding: 0 !important;
}

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

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

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

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

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

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

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

.Yd62z {
  font-size: 2.1rem;
}

.pxQ64 {
  font-size: 1.6rem;
}

._eLb4 {
  font-size: 1.3rem;
}

.t_naF {
  font-size: 1.12rem;
}

.laT0_ {
  font-size: 0.93rem;
}

.VrA1v {
  font-size: 0.85rem;
}

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

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

.nwsnJ {
  visibility: hidden;
}

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

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

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

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

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

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

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

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

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

._3eEpw:before {
  left: 15px;
}

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

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

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

.KGRxa:before {
  right: 50%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
 * Transition
 */

.uHAb9 {
  opacity: 0;
}

.XYDeo {
  opacity: 1;
}

.jKUzH {
  opacity: 0;
}

.FWPJl {
  opacity: 0;
}

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

.HNHYX {
  flex: 0 0 auto;
}

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

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

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

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

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

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

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

.C2DkJ {
  stroke-linejoin: round;
}

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

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

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

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

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

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

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

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

:root {
  --centeredInset: clamp(var(--largeMargin), 2vw, 48px);
  --sidebarWidth: clamp(195px, 15vw, 320px);
}

:root {
}

:root {
}

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

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

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

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

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

.YR_sj.LuUNH {
  padding: var(--standardMargin) var(--standardMargin) var(--standardMargin)
    var(--centeredInset);
}

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

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

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

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

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

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

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

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

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

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

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

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

.MKsCl {
  flex-grow: 1;
}

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

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

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

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

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

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

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

  overflow: visible;
  left: 64px;
  background: white;
}

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

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

.u7e_O {
  display: flex;
}

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

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

.YRyZ3 {
  flex-grow: 1;
}

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

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

.t01As a.yYRpW {
  border: 1px solid yellow;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.O4AYC {
  padding-bottom: 0;
}

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

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

.gs0dC {
  width: 100%;
}

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

.gs0dC * {
  cursor: pointer !important;
}

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

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

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

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

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

.ujVRq {
  width: 100%;
}

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

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

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

.snHt5 {
  align-items: center;
}

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

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

.Mt06J {
  min-width: 320px;
}

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

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

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

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

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

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

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

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

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

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

.sXWKw {
  margin-right: 10px;
}

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

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

/*
 * Transition
 */

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

.vawJc .adMB7 {
  }

.CCFdL {
  opacity: 1;
}

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

.CfeiS {
  opacity: 1;
}

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

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

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

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

.eIecl {
  margin-left: 10px;
}

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

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

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

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

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

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

.ZXHft {
  border-top: none;
}

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

.ExfwT {
  flex: 1 1 auto;
}

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

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

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

.r5Izi {
  padding-top: 0;
}

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

.nro2a {
  width: 450px;
}

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

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

.KGy4d {
  margin-left: 5px;
}

.z1niI {
  margin-right: auto;
}

.kLFhL {
  flex-grow: 1;
}

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

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

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

.JyflB {
  overflow-y: initial;
}

.ZLAXT {
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.eSeVA {
  min-height: 100px;
}

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

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

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

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

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

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

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

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

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

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

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

.NLDwD {
  background: #ffffff;
}

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

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

.qlVIW {
  height: auto;
}

.HsYwr {
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

.UxDO3 svg {
    flex-shrink: 0;
  }

.Qe4ql {
  cursor: pointer;
}

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

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

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

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

.UxDO3 {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

.fMdjr {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.Cj2NS {
  vertical-align: middle;
}

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

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

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

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

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

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

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

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

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

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

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

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

.WRHIe.xIf6H {
  display: flex;
}

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

.QNMmI {
  height: 100%;
}

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

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

.Rs353 {
  flex-grow: 1;
}

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

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

.jXgFD {
  width: 100%;
}

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

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

  flex-grow: 0;
}

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

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

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

.MK2i_ {
  overflow-y: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.M7_wy.bRki8 {
}

.alhTP {
  font-weight: 600;
}

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

.X8iBP {
  font-weight: normal;
}

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

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

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

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

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

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

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

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

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

.xizGi.lKmhY {
  visibility: visible;
}

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

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

.P41wY {
}

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

.JjEkL {
  visibility: hidden;
}

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

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

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

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

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

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

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

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

.YfIKc {
  margin-left: 12px;
}

/* COLUMN CLASSES */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.SAmtm {
  opacity: 1;
}

.wNBrw {
  opacity: 0.5;
}

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

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

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

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

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

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

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

.Svrmk,
.NPLcb {
  cursor: pointer;
}

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

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

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

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

.Ju1t_ {
  opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.CRY_H {
  flex-grow: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.VgNZj {
  flex: 0 0 auto;
}

.RToMh {
  padding: 0px;
}

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

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

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

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

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

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

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

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

.cp8cO .jv8tk {
  height: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

.Dtimv {
  min-height: 32px;
}

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

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

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

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

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

.ZwDca {
  font-weight: bold;
}

.g_2RR {
}

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

.Le6xN {
  padding: 0 !important;
}

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

.Le6xN button {
  margin: 0;
}

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

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

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

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

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

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

  color: var(--selectControlInactiveColor) !important;

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

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

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

.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;
  align-items: center;
  border-bottom: 1px solid var(--borderColor);
}

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

.WAa2c {
  flex-grow: 1;
}

.BrVzc.EVj2N {
  cursor: pointer;
}

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

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

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

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

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

.QG4Pa {
  visibility: visible;
}

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

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

.v8FbW {
  display: none;
}

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

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

.yh2Lb {
  min-height: 400px;
}

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

.hk47F:only-child,
.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;
}

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

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

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

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

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

.hk47F:only-child,
.X4j2m:only-child {
  border-radius: var(--tableBorderRadius);
}

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

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

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

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

.aVNTN.mwupu {
  color: var(--whiteColor);
}

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

.RibNF {
  min-width: 180px;
}

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

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

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

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

.ZjfRs {
  width: 100%;
}

.l_WaK {
  height: 100%;
}

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

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

  background: transparent !important;
}

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

.NkHHo {
  width: 100%;
}

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

.nQ5bf {
  height: 24px !important;
}

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

.rdt {
  position: relative;
}

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

.rdtOpen .rdtPicker {
  display: block;
}

.rdtStatic .rdtPicker {
  box-shadow: none;
  position: static;
}

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

.rdtPicker table {
  width: 100%;
  margin: 0;
}

.rdtPicker td,
.rdtPicker th {
  text-align: center;
  height: 28px;
}

.rdtPicker td {
  cursor: pointer;
}

.rdtPicker td.rdtDay:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover,
.rdtPicker .rdtTimeToggle:hover {
  background: #eeeeee;
  cursor: pointer;
}

.rdtPicker td.rdtOld,
.rdtPicker td.rdtNew {
  color: #999999;
}

.rdtPicker td.rdtToday {
  position: relative;
}

.rdtPicker td.rdtToday:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}

.rdtPicker td.rdtActive,
.rdtPicker td.rdtActive:hover {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.rdtPicker td.rdtActive.rdtToday:before {
  border-bottom-color: #fff;
}

.rdtPicker td.rdtDisabled,
.rdtPicker td.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker td span.rdtOld {
  color: #999999;
}

.rdtPicker td span.rdtDisabled,
.rdtPicker td span.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker th {
  border-bottom: 1px solid #f9f9f9;
}

.rdtPicker .dow {
  width: 14.2857%;
  border-bottom: none;
  cursor: default;
}

.rdtPicker th.rdtSwitch {
  width: 100px;
}

.rdtPicker th.rdtNext,
.rdtPicker th.rdtPrev {
  font-size: 21px;
  vertical-align: top;
}

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

.rdtPicker th.rdtDisabled,
.rdtPicker th.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker thead tr:first-of-type th {
  cursor: pointer;
}

.rdtPicker thead tr:first-of-type th:hover {
  background: #eeeeee;
}

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

.rdtPicker button {
  border: none;
  background: none;
  cursor: pointer;
}

.rdtPicker button:hover {
  background-color: #eee;
}

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

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

td.rdtMonth:hover,
td.rdtYear:hover {
  background: #eee;
}

.rdtCounters {
  display: inline-block;
}

.rdtCounters > div {
  float: left;
}

.rdtCounter {
  height: 100px;
}

.rdtCounter {
  width: 40px;
}

.rdtCounterSeparator {
  line-height: 100px;
}

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

  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */    /* Konqueror */
  -moz-user-select: none;      /* Firefox */       /* Internet Explorer/Edge */
  user-select: none;
}

.rdtCounter .rdtBtn:hover {
  background: #eee;
}

.rdtCounter .rdtCount {
  height: 20%;
  font-size: 1.2em;
}

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

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

.rdtTime td {
  cursor: default;
}

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

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

.rdtPicker tfoot {
    border: none;
  }

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

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

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

.anD2b {
}

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

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

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

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

.DCUAW {
}

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

.dZ179 {
  display: none;
}

.S8KQD {
  flex-grow: 1;
}

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

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

.OgoXi {
  flex-grow: 1;
}

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

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

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

.hM7Wg:hover {
  background: transparent;
}

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

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

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

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

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

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

:root {
  --segmentControlSpeed: 0.2s;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.kXvd2 {
  width: 100%;
}

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

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

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

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

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

.HlSpk:first-child {
}

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

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

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

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

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

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

.EwSgw {
  flex-grow: 1;
}

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

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

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

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

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

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

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

.PDr6R {
  height: 16px !important;
}

.PDr6R.F6Ejg {
  transform: rotate(90deg);
}

.Wc4xi {
  flex-grow: 1;
}

.FSVpS {
  display: flex;
}

.OxSJs {
  text-transform: none;
  min-height: 40px;
}

.p1SoQ {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}

.p1SoQ.F6Ejg {
  color: var(--accent1Color);
}

.p1SoQ:hover {
  color: var(--accent1ColorHover);
}

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

.KIejy {
  text-transform: none;
  font-size: var(--tableFontSize);
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--tableBorderColor);
  cursor: pointer;
  box-sizing: border-box;
  padding-top: var(--standardMargin);
  box-sizing: border-box;
  padding-left: var(--largeMargin);
  padding-bottom: var(--smallMargin);
  font-size: var(--tableFontSize);
}

.KIejy:first-child {
  border-left: 0;
  padding-left: var(--largeMargin);
}

.KIejy > div {
  display: flex;
  align-items: center;
}

.rieIk > svg {
  margin-bottom: 2px;
  height: 13px;
}

.rieIk.PSoCM > svg {
  height: 24px !important;
  margin-bottom: -5px;
  margin-top: -5px;
}

.rieIk.PSoCM {
  height: 17px;
}

.qIKPa {
  line-height: 1.1rem;
}

.IhDDu {
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.KekrM {
  opacity: 1;
}

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

.H3nhI {
  opacity: 0;
}

.mGo04 {
  width: 100%;
  display: flex;
  padding-top: var(--largeMargin);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.12);
  z-index: var(--navBarZIndex);
  background: white;
  justify-content: space-between;
}

.rFOdu {
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;

  color: var(--labelColor);
}

.rFOdu.SMzqK {
  padding-bottom: var(--largeMargin);
}

.rFOdu a {
  color: #999;
  text-decoration: none;
}

.bEGVJ {
  display: inline-flex;
  padding-right: var(--largeMargin);
  margin-top: -5px;
}

.R_mKv {
  margin-top: 10px;
}

.j8N1O {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-left: var(--largeMargin);
  display: flex;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 400;
}

.j8N1O.DFtWv {
  margin-left: 0;
}

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

.m1gZr {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--largeMargin);
  margin-top: -25px;
}

.Jjskx {
  color: var(--failureColor);
}

.kaitT {
  color: var(--labelColor);
  margin-left: var(--largeMargin);
  display: flex;
  gap: var(--largeMargin);
  font-size: var(--tableFontSize);
  box-sizing: border-box;
  margin-top: var(--insetMargin);
}

.kaitT > div {
  border-left: 1px solid var(--tableBorderColor);
  padding-left: var(--largeMargin);
}

.Hkyoe {
  border-right: 1px solid var(--tableBorderColor);
  padding-right: var(--largeMargin);
  margin-right: var(--largeMargin);
}

.vlvy2 {
  border-left: none !important;
  padding-left: 0 !important;
  min-width: 142px !important;
}

.Rzocx:first-child {
}

.Rzocx {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--smallMargin);
}

.Rzocx label {
  font-weight: 600;
  font-size: 0.85em;
  margin-bottom: var(--insetMargin);
}

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

._JiPF {
  margin-top: -25px;
  margin-right: var(--standardMargin);
}

.ofvlh {
  color: var(--labelColor);
  font-size: 0.8em;
}

.mwxJZ {
  width: 100%;
  display: flex;
  flex-grow: 1;
  height: 1px;
  box-sizing: border-box;
  padding-left: var(--largeMargin);
  padding-right: var(--largeMargin);
}

.mwxJZ.QLhJw {
  padding-left: 0;
  padding-right: 0;
}

.qUf8Q {
  width: 100%;
  display: flex;
  flex-grow: 1;
  height: 1px;
}

.nlegO.u5zMd:last-child:after {
  height: var(--standardMargin);
  flex-shrink: 0;
  content: '';
}

.nlegO {
  min-height: 100%;
  width: 1px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding-top: var(--largeMargin);
  box-sizing: border-box;
}

.nlegO.LGgUb {
  padding-top: 0;
}

.TahFc {
  padding: 0;
}

.ZKbuJ {
  display: flex;
  height: 1px;
  flex-grow: 1;
}

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

.w0pLq {
  box-sizing: border-box;
  position: sticky;
  top: 0;
  left: 0;
  background: var(--surface5Color);
  z-index: 3;
  transition: box-shadow 0.3s ease-in-out;
}

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

.IfXID {
  padding-left: var(--largeMargin);
  padding-right: var(--largeMargin);
}

.UEF8f > div > div:last-child {
  padding-bottom: var(--standardMargin);
}

.Ikjjz {
  width: 100%;
}

.pk8or {
  width: 100%;
}

.IlaFC {
  min-width: 200px;
}

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

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

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

.qn1MK {
  margin: 0 auto;
  width: 100%;
  margin-bottom: var(--hugeMargin);
}

.OZaqt {
  font-weight: 600;
}

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

.srfJD {
  font-size: 0.9em;
  padding-top: var(--smallMargin);
}

.TCQNe {
  white-space: pre-wrap;
}

.jSdLE {
}

.Otegd {
  margin-top: var(--standardMargin);
  width: 100%;
}

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

}

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

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

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

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

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

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

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

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

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

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

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

.Dsb47 {
  background: green;
}

.I3Oua {
  background: var(--errorColor);
}

.AqpeC {
  background: #e68e00;
}

.QFvqo {
  background: var(--accent1Color);
}

:root {
  --barWidth: 5px;
  --barHeight: 20px;
}

.rjLgD {
  display: inline-block;
}

.Qh73W {
  display: flex;
  height: var(--barHeight);
  margin-top: var(--barWidth);
  margin-bottom: var(--barWidth);
}

.qzy66 {
  margin-top: var(--smallMargin);
  font-size: var(--labelFontSize);
}

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

.WVP_F {
  min-width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

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

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

.ql7Aj.how2D {
  padding-left: calc(var(--smallMargin) + var(--insetMargin));
  padding-right: calc(var(--smallMargin) + var(--insetMargin));
}

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

.WVP_F {
  background: #fff;
  display: flex;
  align-items: center;
  transition: background var(--defaultSpeed) ease;
}

.ql7Aj:hover {
  background: var(--surface5Color) !important;
}

.ql7Aj,
.WVP_F > button {
  height: calc(var(--iconButtonHeight) - 2px);
  width: var(--iconButtonWidth);
}

.ql7Aj {
  font: inherit;
  box-sizing: border-box;
  padding: 0;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: transparent;
  border: 0;
}

.ql7Aj svg {
    color: var(--toolbarMenuButtonColor);
  }

.ql7Aj:disabled {
    opacity: 0.4;
    pointer-events: none;
  }

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

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

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

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

.wiA7I {
  margin-top: -1px;
  height: calc(var(--iconButtonHeight) - 2px);
  box-sizing: border-box;
  width: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
}

.wiA7I > div {
  width: 1px;
  height: 100%;
  background: var(--borderColor);
}

.ql7Aj svg[data-icon='plus'] {
  font-size: var(--alternateSvgFontSize);
}

.twyJZ {
  position: absolute;
  width: 40%;
  height: 2px;
  bottom: 2px;
  left: 0;
  right: 0;
  margin: auto;
}

.how2D {
  width: auto;
  padding-left: var(--smallMargin);
  padding-right: var(--smallMargin);
  font-size: 13px;
}

.ql7Aj.STp4c,
.ql7Aj.STp4c:hover {
  background: var(--accent2Color) !important;
  color: #fafafa;
}

.ql7Aj.STp4c > svg {
  color: var(--whiteColor);
}

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

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

.MZgZU {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: var(--standardMargin);
}

.UAKxw {
  max-width: 300px;
}

.WJLx9 > div {
  float: right;
}

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

.hcRe4 {
  width: 520px;
  height: 165px;
}

.wUIvS {
  display: contents;
  white-space: pre;
  font-family: var(--monoFont);
  font-size: 0.9em;
}

.PiRpm {
  min-width: 220px;
}

.P3Jza {
  min-width: 320px;
}

.a7unr {
  display: flex;
  margin-bottom: var(--largeMargin);
}

.InoQU {
  font-size: 0.8em;
  margin-left: var(--smallMargin);
}

@media only screen and (max-width: 1472px) {
  .KtiHX {
    display: none;
  }
}

.wv5TR {
  min-height: 30px;
  display: flex;
  align-items: center;
}

.wv5TR + .wv5TR {
  margin-left: var(--largeMargin);
}

.D5dKg {
  margin-left: 8px;
}

.wv5TR label {
  font-size: var(--labelFontSize);
  color: var(--labelColor);
  font-weight: var(--labelWeight);
  margin-left: 0;
}

.tUxZP {
  display: flex;
  padding: 0 var(--standardMargin);
}

.DCqZn {
  position: absolute;
  top: 4px;
  right: 27px;
  cursor: pointer;
}

.EeTws {
  min-width: 100px;
  margin-right: 10px;
}

.Gf6oh {
  min-height: 33px;
}

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

.t_2RY > div {
  border: 0 !important;
}

.wJyFl {
  height: 100%;
  padding-top: var(--insetMargin);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}

.UwfOb {
  padding-left: 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;
  }
}

.i6xNI {
  display: flex;

  align-items: flex-start;
  height: 100%;
  box-sizing: border-box;
  margin-left: var(--largeMargin);
}

.XLZlh {
  flex-grow: 1;
  height: 100%;
  max-height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

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

.bbn6w {
  background: white;
  padding: var(--standardMargin);
  box-sizing: border-box;
  border-radius: var(--tableBorderRadius);
  box-shadow: var(--selectShadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  word-break: break-all;
  font-size: 0.8em;
}

.bbn6w > img {
  width: auto;
  height: 70px;
  max-width: 80px;
}

.giBN7 {
  width: auto;
}

.lsvLK {
  width: min(40vw, 270px);
  max-height: max(70vh, 400px);
  flex-grow: 1;
  overflow-y: auto;
  box-sizing: border-box;
  border-bottom: 1px solid var(--borderColor);
}

.adajE > div {
  margin-right: 0;
}

.adajE button {
  width: 100%;
  box-sizing: border-box;
}

.tSZIB {
  padding-right: var(--standardMargin);
}

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

.adajE {
  overflow-y: auto;
}

.g6yfC {
  align-items: center;
}

.g6yfC button {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: var(--largeMargin);
}

._5Wztv {
  min-height: 100%;
  z-index: 2;
  box-sizing: border-box;
}

._5Wztv {
  width: max(400px, 20vw);
  background: white;
  padding: var(--standardMargin);

  box-shadow: var(--navBarShadow);
}

.hGWuc {
  background-color: white;
  height: 100%;
  max-height: 70vh;
  overflow-y: auto;
}

.Hw0s1 {
  border: 1px solid var(--borderColor);
}

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

.B8Jm8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--standardMargin);
}

.GO9w0 {
  border: 1px solid var(--borderColor);
  position: relative;
  width: auto;
  display: inline-block;
  flex-grow: 1;
  margin-bottom: var(--standardMargin);
}

.ZCLj8 {
  display: none;
}

.gh9Vx {
  width: 16px;
  height: 16px;
  position: absolute;
  left: calc(100% - 8px);
  top: 10px;
  border-radius: 50%;
  box-sizing: border-box;
}

.q5qyT {
  display: grid;
  box-sizing: border-box;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.q5qyT > div {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-sizing: border-box;
}

.q5qyT > div:hover {
  background-color: var(--surface5Color);
}

.q5qyT > div > img {
  width: 44px;
  height: 44px;
  padding: var(--smallMargin);
  -o-object-fit: scale-down;
     object-fit: scale-down;
  box-sizing: border-box;
}

.ZjR9y {
  flex: 1;
  background-color: green;
}

.Av5eP {
  display: flex;
  -moz-column-gap: 1.5vw;
       column-gap: 1.5vw;
}

.B8Jm8 {
  padding: var(--standardMargin);
  width: 1px;
  flex-grow: 1;
}

.dgAkS {
  position: absolute;
}

.f34Ia {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.AHmLc * {
  vector-effect: non-scaling-stroke;
  shape-rendering: auto;
}

.AHmLc {
  height: 1px;
  width: 100%;
  flex-grow: 1;
  box-sizing: border-box;
  overflow: hidden;
}

.l9Rk2 {
  display: none;
}

.jrF0x {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--standardMargin);
}

.jrF0x button,
.jrF0x label {
  margin: 0 !important;
}

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

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

.g0N_T {
  padding-left: var(--standardMargin);
  padding-right: var(--standardMargin);
  min-width: 50px;
}

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

.u44vt {
  padding: var(--smallMargin) 0 var(--smallMargin) 0;
}

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

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

@media (max-width: 1300px) {
  .GG5OZ {
    display: inline;
  }

  .i78UX {
    display: none;
  }
}

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

.seUwT {
  margin-bottom: var(--hugeMargin);
}

.zlglB {
  flex-shrink: 0;
  margin-bottom: var(--standardMargin);
  display: flex;
}

.zlglB > div {
  flex-grow: 1;
  min-height: auto;
  padding-bottom: 0;
}

.jV4LD * {
  vector-effect: non-scaling-stroke;
  shape-rendering: auto;
}

.jV4LD a {
  display: none;
}

.jV4LD {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: var(--hugeMargin);
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  flex-shrink: 0;
  position: relative;
}

.OIoGf {
  margin-bottom: var(--hugeMargin);
}

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

.smaLs,
.YCm0h {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}

.YCm0h {
  width: 300px;
}

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

.aFUiS {
  flex-grow: 1;
  width: 100%;
  max-width: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
  min-height: 40px;
}

.QAexw {
  position: absolute;
}

.Bb5n4 {
  position: absolute;
}

.rJc_H {
  border-bottom: 1px solid var(--tableBorderColor);
  padding: var(--smallMargin);
  font-size: 13px;
}

.Othyi {
  width: 100%;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: var(--insetMargin);
}

.u_Arx {
  min-width: 90px;
  display: flex;
  justify-content: flex-end;
}

.qw93O {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow-y: auto;
}

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

.qnITm,
.ojEmp {
  width: 100%;
}

.ojEmp {
  margin-top: 10px;
}

.Zw8yi {
  width: 100%;
}

.Zw8yi svg {
    fill: var(--whiteColor);
    stroke: var(--whiteColor);
  }

.PcRt_ {
  font-size: 0;
}

.sBsqR {
  width: 100%;
  margin-top: 30px;
}

.MNFK5 {
  align-items: flex-start !important;
  text-align: left;
}

.SNVDP {
  max-width: 500px !important;
  width: 500px !important;
}

.Wbh_C {
  text-align: center;
}

.C66Nf {
  margin-bottom: var(--hugeMargin);
}

.PC9bx {
  color: var(--primary1Color);
}

.N8HX1 {
  color: var(--surface1Color);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.t2zc3 {
  color: var(--surface3Color);
}

.rJeXk {
  height: 682px !important;
  max-width: 700px !important;
}

.gPryE {
  margin-bottom: var(--largeMargin);
}

.V61rv {
  margin-bottom: var(--largeMargin);
}

.DSraI * {
  color: white !important;
}

.TgGJ4 {
  width: 60px;
  float: left;
  display: flex;
  justify-content: center;
}

.JdoU4 svg {
  fill: var(--accent1Color);
  color: var(--accent1Color) !important;
  margin-right: var(--standardMargin) !important;
}

.DBypt {
  width: 6px;
  margin-left: var(--insetMargin);
  visibility: hidden;
}

.DBypt.UjbpE {
  visibility: visible;
}

.V8H87 {
  width: 100%;
  display: flex;
}

.jt3W7 {
  padding-left: 0;
  align-items: center;
  justify-content: center;
}

.uhaSr {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 13px;
  border: 1px solid rgba(200, 200, 200, 0.5);
}

.uhaSr > * {
  margin-top: -1px;
}

.ok3m7 {
  font-weight: bold;
}

.ok3m7,
.Ibd2s {
  display: inline-block;
}

.cVE8B {
  color: green;
  fill: green;
  stroke: green;
}

.ooVKv {
  color: var(--severity2Color);
  fill: var(--severity2Color);
  stroke: var(--severity2Color);
}

.XTXWv {
  color: var(--severity1Color);
  fill: var(--severity1Color);
  stroke: var(--severity1Color);
}

.ocacK {
  color: var(--severity0Color);
  fill: var(--severity0Color);
  stroke: var(--severity0Color);
}

.Ibd2s {
  cursor: help;
}

.MsNnE {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

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

.bAgml,
.mcdrf {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid var(--accent1Color);
}

.bAgml {
  color: var(--accent1Color);
  position: relative;
}

.mcdrf {
  color: var(--blackColor);
  background: white;
  font-weight: 500;
  position: absolute;
  top: -5px;
  right: 0px;
  box-sizing: border-box;
}

.mcdrf:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.bAgml svg {
}

.yeYvz {
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--largeMargin);
  align-items: center;
  justify-content: center;
  min-height: 46px;
}

.Vmfup {
  flex-shrink: 0;
}

.fb2TC {
  flex-shrink: 0;
  padding: var(--smallMargin);
}

._snmx {
  border: 2px solid var(--accent1Color);
  padding: var(--smallMargin) var(--largeMargin);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  font-weight: 500;
  font-size: 0.9em;
}

.iaPP3 {
  border-color: var(--severity0Color);
}

.BoSOh {
  border-color: var(--severity1Color);
}

.U5JOi {
  border-color: var(--severity2Color);
}

:root {
  --markerHoverColor: rgba(30, 162, 177, 0.6);
}

.yD8qQ {
  position: relative;
}

.G2DNh {
  width: 30px;
  height: 30px;
  background-color: var(--accent1Color);
  border-radius: 50%;
  display: flex;
  color: var(--whiteColor);
  font-weight: bold;
  font-size: 15px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition:
    box-shadow var(--defaultSpeed) ease-in-out,
    opacity var(--defaultSpeed) ease-in-out;
  will-tranform: box-shadow;
  position: relative;
  top: -15px;
  left: -15px;
  box-shadow: 0 0 0 5px var(--markerHoverColor);
}

.G2DNh:hover {
    box-shadow: 0 0 0 10px var(--markerHoverColor);
  }

.ap2jv {
  position: relative;
  width: 25px;
  height: 40px;
  top: -40px;
  left: -12.5px;
  background-image: url(/c8360a77c879acba5194.png);
  cursor: pointer;
}

.dojSN {
  opacity: 0.5;
}

.kpkMu {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-50%, 0);
  background-color: var(--accent1Color);
  padding: 0 10px 5px;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
  z-index: 1;
  transition: all var(--defaultSpeed) ease-in-out;
}

  .kpkMu.VZncQ {
    cursor: default;
  }

.p9OYI,
.p9OYI .dJ85R {
  background-color: var(--accent3Color);
}

.wdQSh {
  z-index: 2;
}

._7hwaD {
  display: inline-flex;
  width: 100%;
  height: 100%;
  margin-top: var(--smallMargin);
  justify-content: center;
  align-items: center;
}

._7hwaD.f5nBT {
    margin-top: var(--smallMargin);
  }

._7hwaD svg {
  width: 22px;
  height: auto;
}

.sU1Zt {
  margin-top: var(--insetMargin);
  transition: all var(--defaultSpeed) ease-in-out;
  text-align: center;
  white-space: nowrap;
  color: white;
  font-size: var(--tableFontSize);
  transition: all var(--defaultSpeed) ease-in-out;
}

.SjGDv {
  position: absolute;
  content: '';
  width: 40px;
  height: 20px;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  overflow: hidden;
}

.dJ85R {
  width: 17px;
  height: 17px;
  transform: rotate(45deg);
  background: var(--accent1Color);
  box-shadow: 0 3px 14px rgb(0 0 0 / 40%);
  margin: -10px auto 0;
}

.kpkMu {
  z-index: 1;
  transition: opacity var(--defaultSpeed) ease-in-out;
}

.wdQSh {
  z-index: 2;
}

.ccnXk {
  opacity: 0.5;
}

.FkzBl {
  z-index: 4;
}

.Q9wJv {
  color: white;
  font-size: 26px;
  padding: 2px 4px;
}

._7hwaD {
  color: white;
}

.mtxCI {
  opacity: 0 !important;
  display: block !important;
}

.Zrh4J {
  display: block !important;
}

.EACvE {
  opacity: 1 !important;
  transition: opacity var(--defaultSpeed) !important;
}

.hBc1K {
  opacity: 1 !important;
  display: block !important;
}

.EvRw2 {
  opacity: 0 !important;
  display: block !important;
  transition: opacity var(--defaultSpeed) !important;
}

:root {
  --styledMarkerHoverColor: rgb(31, 168, 183);
}

.j7xv4 {
  min-width: 150px;
  display: flex;
  color: white;
  font-size: var(--labelFontSize);
  font-weight: normal;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}

.fJygi:not(._Gd61):hover > .j7xv4,
  .fJygi:not(._Gd61):hover ~ .MFHdR > .y2ZOn {
    background: var(--styledMarkerHoverColor);
  }

.CEDiW {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  display: none;
  z-index: 2;
}

/* Fixes onload issue with FadeInAnimation */

.QmEsu {
  display: block;
}

.fJygi {
  position: absolute;
  display: flex;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column;
  border-radius: var(--tableBorderRadius);
  box-shadow: 0 3px 14px rgb(0 0 0 / 60%);
  overflow: hidden;
  background-color: var(--accent1Color);
}

.fJygi._Gd61 {
    background-color: var(--accent3Color);
    cursor: default;
  }

.fJygi._Gd61 ~ .MFHdR > .y2ZOn {
      background-color: var(--accent3Color);
    }

.XIhSX {
  padding: var(--standardMargin) 5px var(--standardMargin) var(--standardMargin);
  background-color: var(--accent3Color);
  color: white;
  font-size: var(--tableFontSize);
}

.BNu_T {
  padding: var(--standardMargin);
}

.NltNz {
  margin-bottom: 2px;
}

.aRG1E {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
}

.MFHdR {
  position: absolute;
  content: '';
  width: 40px;
  height: 20px;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  overflow: hidden;
}

/* CSSTransition animations */

.y2ZOn {
  width: 17px;
  height: 17px;
  transform: rotate(45deg);
  background-color: var(--accent1Color);
  margin: -10px auto 0;
}

.F5dXT {
  position: relative;
  width: 100%;
  height: 100%;
}

.pksx3 {
  position: absolute;
  top: var(--smallMargin);
  left: var(--smallMargin);
  z-index: 1;
}

.Bdt5j {
  position: absolute;
  bottom: 115px;
  right: 10px;
  height: 40px;
  width: 40px;
  z-index: 1;
  box-shadow: rgb(0 0 0 / 30%) 0px 1px 4px -1px;
  border-radius: 2px;
  background-color: white;
}

.Kxc3D {
  width: 300px;
}

.Ynq0E {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
}

.C5WT1 {
  color: var(--whiteColor);
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 50%;
}

.QWDgq {
  box-sizing: border-box;
  font-weight: 600;
}

._Dqzy {
  font-size: 16px;
}

.XYdom {
  fill: var(--textColor);
}

.dark .XYdom {
  fill: var(--whiteColor);
}

.ZSq08 {
  cursor: pointer;
}

.ZlEgl {
  display: flex;
  flex-shrink: 0;
  margin-left: var(--smallMargin);
  justify-content: flex-end;
  align-items: center;
}

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

.ZlEgl:hover span {
      filter: brightness(90%);
    }

.ZlEgl > .kug5g {
    width: var(--baseSvgFontSize);
    margin-left: var(--smallMargin);
  }

.ZlEgl > .kug5g > svg {
      margin-right: 0;
    }

svg.ZnaiQ {
  width: 18px !important;
  height: 18px;
}

.oeIcE {
  padding: var(--insetMargin) var(--smallMargin);
  margin-right: var(--insetMargin);
  display: flex;
  justify-content: center;
  border-radius: 16px;
  font-weight: 500;
  font-size: 0.9em;
  color: var(--whiteColor);
}

.yQIvc {
  background-color: var(--severity0Color);
}

.mNQuE {
  background-color: var(--severity1Color);
}

.zer1b {
  background-color: var(--severity2Color);
}

.vFg0j {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

._U4Hj {
  flex-grow: 1;
  height: 1px;
  min-height: 0;
}

.WlXPu {
  background: var(--surface5Color);
  padding: var(--standardMargin);
  border: 1px solid var(--borderColor);
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

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

.jmPER {
  width: 100%;
  box-sizing: border-box;
}

.b7nII {
  border-left: var(--dividerWidth) solid var(--dividerColor);
  max-width: var(--dividerWidth);
  height: 100%;
}

.DAtme {
  border-top: var(--dividerWidth) solid var(--dividerColor);
  max-height: var(--dividerWidth);
  width: 100%;
}

.WZp2D {
  height: 30px;
  width: 36px;
  margin-left: 4px;
  margin-right: 8px;
  border-radius: var(--tableBorderRadius);
  border: 2px solid white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}

.Zdb36 {
  margin-left: 0;
  width: 100%;
}

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

.qfTD3 {
  height: 100% !important;
}

.d6gNB {
  display: block !important;
  transition-property: none !important;
  position: unset !important;
  width: 100% !important;
  transform: translate(0px, 0px) !important;
  margin-bottom: var(--standardMargin);
}

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

.yiFc_ {
  max-width: 900px !important;
}

.GJDEJ {
  width: 300px;
}

.En6Ef {
  width: 300px;
}

.vmTwz {
  width: 300px;
}

.wOx74 {
}

.oc5X7,
.wOx74 {
  border-top: 1px solid var(--borderColor);
  padding: var(--standardMargin);
}

.oc5X7 {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  background: var(--surface5Color);
}

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

.MUbi0 .rdtYear,
.MUbi0 .rdtMonth {
  height: 35px;
}

.MUbi0 .rdtActive {
  border-radius: var(--tableBorderRadius);
}

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

.rn7rN {
  font-size: 0.8rem;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-bottom: var(--hugeMargin);
}

.h9ZFG {
  padding: 0;
}

.hR6IE {
  width: 640px;
  max-height: 604px;
  height: auto !important;
}

.hWwFv {
  width: 570px;
  max-height: 760px;
}

.crXNm {
  width: 700px;
  max-height: 760px;
}

.TJIGx {
  width: var(--treeDialogWidth) !important;
  max-height: var(--treeDialogHeight) !important;
}

.Ofil7 {
  background: #fff;
  font-size: 0.9rem;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0;
}

.Nf0dn {
  padding-top: 10px;
  font-size: 1em;
  background: transparent;
}

.JOlrv {
  width: 100%;
  height: 100%;
  z-index: 0;
  box-sizing: border-box;
  border: 1px solid var(--borderColor);
}

.b6Cdz {
  position: relative;
  width: 100%;
  height: 156px;
  z-index: 0;
  box-sizing: border-box;
  border: 1px solid var(--surface3Color);
  cursor: default;
}

.OZ3xo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}

.MOJuX {
  width: 100%;
  margin-top: 20px;
}

.MOJuX th {
  font-weight: 600;
  text-align: left;
  height: 25px;
}

.MOJuX td:first-child {
  padding-right: 30px;
}

.MOJuX td {
  padding-bottom: 15px;
}

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

.ggpJV {
  width: 1px;
  flex-grow: 3;
  margin-right: var(--hugeMargin);
  display: flex;
  flex-direction: column;
  gap: var(--standardMargin);
}

.zXS8n {
  width: 1px;
  flex-grow: 2;
}

.CJAUZ {
  width: 100%;
  display: flex;
  margin-bottom: var(--standardMargin);
}

.jgByE {
  font-size: 15px;
  margin-bottom: var(--standardMargin);
  padding-bottom: var(--standardMargin);
  border-bottom: 1px solid var(--borderColor);
}

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

.rOnXw {
  max-width: 900px;
}

.PakAg select {
  font-size: 0.6em;
}

.Q62kY {
  padding-left: 20px;
  padding-right: 20px;
}

.AuljK {
  z-index: 0;
  height: 100%;
  flex-grow: 1;
}

.wgQQO {
  margin-bottom: 10px;
}

.LI8cE {
  height: 20px;
  clear: both;
  width: 1px;
}

._WANs * {
  cursor: pointer !important;
}

.DwXdw {
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
}

.IWjkY {
  text-align: right;
}

.witeZ {
  padding-top: 10px;
}

.vJGMm {
  width: 100%;
  margin-bottom: var(--largeMargin);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.vJGMm thead > tr > th {
  background: transparent !important;
  padding-top: var(--smallMargin);
  vertical-align: middle;
}

.vJGMm td {
  word-break: break-all;
}

.MKGj4 {
  font-size: 0.85rem;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.eWbfP {
  background: white;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.dfixB {
  background: var(--errorColor);
  padding: 10px;
  margin-bottom: 10px;
  color: white;
  border-radius: 4px;
}

.PzfXL {
  min-height: 100% !important;
  padding: 10px;
  background: transparent !important;
  box-sizing: border-box;
}

.yZao5 {
  flex: 1;
  margin-left: var(--largeMargin);
  height: 100%;
}

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

.SsNAo {
  margin-top: 30px;
}

.F9kOj {
  display: flex;
}

.HJ0Ad,
.FQZ2U {
  flex: 1;
}

.FQZ2U {
  font-size: 0.9em;
}

.j1ypd {
  width: 100%;
}

.UlZld {
  height: 100%;
  margin-bottom: 0px;
}

.j1ypd button {
  width: 100%;
}

.STXuN {
  width: 100%;
  box-sizing: border-box;
}

.NY5mi {
  background: var(--surface5Color);
  padding: var(--standardMargin);
  border: 1px solid var(--borderColor);
  flex-shrink: 0;
  box-sizing: border-box;
  flex-grow: 0;
}

.Pyb0s {
  display: flex;
}

.mkZf5 {
  flex-grow: 1;
  overflow-y: auto;
  padding: 0px;
  margin-bottom: var(--standardMargin);
  box-sizing: border-box;
}

.Po84I {
  padding: var(--standardMargin);
}

.g2Tub {
  margin-left: 2px;
}

.UYcri {
  padding-top: var(--standardMargin);
}

.AdjJY {
  min-width: 95px;
}

.txgoI {
  position: relative;
  width: 100%;
  height: 156px;
  z-index: 0;
  box-sizing: border-box;
  border: 1px solid var(--surface3Color);
  cursor: default;
}

.scuK5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}

.pBEPC {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: var(--standardMargin);
  border-top: 1px solid var(--borderColor);
  padding-top: var(--standardMargin);
}

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

.ONBMD {
  min-height: 500px;
}

.QyEqO {
  color: var(--surface3Color);
}

.Uha6C {
  width: 60px;
}

.JJnFu {
  text-align: right;
  padding-top: var(--standardMargin) !important;
  padding-right: 0 !important;
}

.QbQGV {
  width: 100%;
  margin-bottom: var(--standardMargin);
}

.sOkob {
  padding-left: var(--standardMargin);
  padding-right: var(--standardMargin);
  min-width: 50px;
}

.ZqF7N {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: var(--standardMargin);
}

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

.lCwC6 {
  width: 100%;
}

.hhV3i {
  flex-grow: 1;
  width: 1px;
  margin-right: var(--largeMargin);
}

.Z5XW8 {
  margin-top: -2px;
}

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

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

.wpbBj {
  display: flex;
}

.Dc4JC {
  width: 600px;

  height: auto;
}

.FIWn2 {
  border: 1px solid var(--errorColor);
}

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

.avI90 {
  min-height: 570px;
}

.EAUKK {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--largeMargin);
}

.PtpBc {
  display: flex;
}

.PtpBc button {
  flex-grow: 1;
}

.vLg0X {
  margin-top: var(--standardMargin);
  width: 100%;
}

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

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

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

.AkfTQ {
  display: flex;
  flex-direction: column;
  font-size: var(--subtitleFontSize);
  font-family:
    'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, 'Courier New',
    monospace;
}

.yWE_0 {
  margin-top: var(--smallMargin);
  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);
  }

:root {
  --filterBoxWidth: 350px;
}

.yA5Mi {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--insetMargin)*-1);
}

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

.mvihR {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.9em;
  padding-top: var(--insetMargin);
}

.j0glV {
  position: relative;
  display: flex;
  align-items: center;
}

.j0glV > div:first-child {
  margin-right: var(--smallMargin);
}

.uxCAt {
  min-width: 150px;
}

.ZaBed {
  min-width: 220px;
}

.q4cUU {
  display: flex;
  margin-bottom: var(--largeMargin);
}

.dQZLg {
  font-size: 0.8em;
  margin-left: var(--smallMargin);
}

.XyyzE {
  margin-top: var(--smallMargin);
}

.IslOI + .IslOI {
  margin-left: var(--largeMargin);
}

.IslOI label {
  font-size: var(--labelFontSize);
  color: var(--labelColor);
  font-weight: var(--labelWeight);
  margin-left: 0;
}

.DU6Xu {
  margin-top: var(--insetMargin);
  font-size: 0.9em;
  color: var(--surface3Color);
}

.XU8_O {
  width: var(--filterBoxWidth);
  position: relative;
  left: 0px;
  top: 40px;
  border: 1px solid var(--borderColor);
  border-radius: 6px;
  box-shadow: var(--navBarShadow);
  background: white;
  padding: var(--standardMargin);
  box-sizing: border-box;
}

.Nwejg {
  display: flex;
  flex-direction: column;
  min-height: 53px;
  justify-content: flex-end;
}

.yRRKG {
  overflow-y: visible;
  overflow-x: visible;
  height: 1px;
  width: 1px;
  z-index: 2;
  position: relative;
}

.XU8_O label {
  font-size: var(--labelFontSize);
  margin-left: 0;
}

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

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

.pyb1e {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  line-height: initial;
  text-overflow: ellipsis;
}

.pyb1e + .pyb1e {
  margin-top: var(--insetMargin);
}

.gvlFM {
  margin-top: calc(var(--largeMargin)*-1);
}

.uyGLE {
  max-width: 960px !important;
  min-height: auto !important;
  max-height: 90vh !important;
}

.ln7Kd {
  font-size: 1em !important;
  line-height: inherit !important;
  background: white;
  min-height: auto !important;
  height: auto !important;
}

.C9MTZ {
  width: 100%;
}

.W_Gme {
  display: flex;
  flex-direction: column;
  background: var(--surface6Color);
  padding: var(--standardMargin);
  border: var(--tableBorderStyle);
  border-radius: var(--tableBorderRadius);
  align-items: flex-start;
}

.dx0E8 button {
  flex-grow: 1;
}

.dx0E8 {
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: var(--standardMargin);
}

.oKEna {
  width: 100%;
}

.f1cEJ {
  margin: 10px;
}

.dcZAw {
  padding-left: 20px;
  padding-right: 20px;
}

.dcZAw select {
  margin-right: 20px;
}

.EQExt {
  font-size: 0.8em;
  font-family:
    'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, 'Courier New',
    monospace;
}

.LpGAG {
  background-color: var(--primary1Color);
}

.YdZ4J {
  background-color: var(--pendingColor);
}

.bVMTS {
  background-color: var(--successColor);
}

.kJwYk td {
  height: 30px;
}

.iBHmk {
  width: 100%;
  height: 6px;
}

.PTixu {
  margin-top: var(--standardMargin) !important;
}

.GWn0b {
  min-height: 700px !important;
}

.VaP8N {
  width: 20%;
}

.pWj4W {
  width: 30%;
}

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

.Y_5n7 {
  overflow: visible !important;
  white-space: normal !important;
}

.WQtwJ {
  color: var(--primary2Color) !important;
}

.vRduS {
  margin: 10px;
}

.lq7_f {
  padding-left: 20px;
  padding-right: 20px;
}

.lq7_f select {
  margin-right: 20px;
}

.kfAIc {
  font-size: 0.8em;
  font-family:
    'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, 'Courier New',
    monospace;
}

.LD7rS {
  background-color: var(--errorColor);
}

.UmbqE {
  background-color: var(--pendingColor);
}

.dUZJ0 {
  background-color: var(--successColor);
}

.Q0UJu {
  width: 100%;
  line-height: 22px;
  display: flex;
  align-items: center;
}

.a4CEK td {
  height: 30px;
}

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

.Utjop {
  width: 100%;
  height: 6px;
}

.QnRkX {
  text-align: right;
  padding-top: var(--standardMargin) !important;
  padding-right: 0 !important;
}

.QnRkX button {
  margin-left: 15px;
}

.vLRdJ {
  margin-top: var(--standardMargin) !important;
}

.UNd8Z {
  width: 20%;
}

.LGG46 {
  width: 30%;
}

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

.aHZfL {
  overflow: visible !important;
  white-space: normal !important;
}

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

.JFjA9 {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-top: var(--largeMargin);
}

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

.ONY9h {
  color: var(--errorColor);
  font-size: 0.9em;
}

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

.dLRHZ {
  height: 100%;
}

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

.E2zg6 {
  width: 200px;
}

.AfWKr {
  background: white;
}

.G4ITW {
  max-height: 700px !important;
}

.AfWKr {
  background: white;
}

.phHFg {
  min-height: 200px !important;
  height: auto;
  max-height: 600px;
}

.JCbhh {
  background: white;
}

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

.KWqAQ {
  min-height: 750px !important;
  max-height: 750px !important;
  min-width: 640px;
}

@media (max-height: 800px) {
  .KWqAQ {
    min-height: 80vh !important;
    max-height: 80vh !important;
  }
}

.TfLty {
  opacity: 0.35;
  pointer-events: none;
  filter: grayscale(100%);
  transition: opacity 0.5s;
}

:root {
  --userAccessPadding: 5px;
}

.TZqlW {
  min-height: auto !important;

  padding-top: 4px !important;
  padding-bottom: 4px !important;
  font-size: 0.9em !important;
}

.qTOpu {
  min-height: 30px !important;
  font-size: 0.9em !important;
}

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

.g0Rca {
  max-width: 550px !important;
  height: auto;
  max-height: 750px !important;
}

.q2Tlk {
  width: 100%;
  font-size: 0.9em;
}

.q2Tlk tr {
  border-bottom: 1px solid var(--surface4Color);
}

.q2Tlk th {
  padding-bottom: 5px;
  color: #999;
}

.q2Tlk td {
  padding: 5px 0 5px 0;
  vertical-align: center;
}

.q2Tlk th {
  text-align: left;
}

.jfClW svg {
  color: var(--accent3Color) !important;
}

.Jc6pe {
  display: flex;
  align-items: flex-start;
}

.B_Eby {
  flex: 0 0 400px;
  flex-shrink: 1;
  min-width: 250px;
  background: white;
  margin-right: var(--standardMargin);
  padding: 0;
}

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

.VEB0V {
  border: 1px solid var(--tableBorderColor);
  width: 300px;
  height: 300px;
}

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

.CPoYG {
  width: 500px;
  box-sizing: border-box;
  margin-bottom: var(--standardMargin);
}

.EW_6J {
  z-index: 0;
  border-radius: 3px;
  width: 100%;
  height: 550px;
  margin-top: 15px;
}

.azkye {
  width: 100%;
  height: 350px;
  max-height: 350px;
  border: 1px solid var(--borderColor);
}

.JCN0e {
  vertical-align: top !important;
}

.ioATT {
  width: 50% !important;
}

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

.bMlK3 {
  margin-top: 20px;
  width: 100%;
}

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

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

:root {
  --slider-thumb-size: 16px;
}

.UhmYY {
  margin-top: var(--smallMargin);
}

.OvTFz {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 6px;
  background: linear-gradient(
    to right,
    var(--accent1Color) 0%,
    var(--accent1Color) var(--progress),
    var(--surface4Color) var(--progress),
    var(--surface4Color) 100%
  );
  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;
}


/*# sourceMappingURL=main.57b49c1e57affb635718.css.map*/