@import url(https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,500,700&display=swap&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese);


.trading-hub-loader {
  color: #f8fafc;
  z-index: 9999;
  background-color: #0f172a;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  font-family: Inter, sans-serif;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}

.background-elements {
  z-index: 1;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.dollar {
  color: #5aae76;
  text-shadow: 1px 1px 2px #0000004d;
  opacity: 0;
  z-index: 1;
  font-size: 24px;
  font-weight: bold;
  animation: linear infinite falling;
  position: absolute;
}

@keyframes falling {
  0% {
    opacity: 0;
    transform: translateY(-100px)translateX(0)rotate(0)scale(.8);
  }

  10% {
    opacity: .7;
  }

  50% {
    transform: translateY(50vh) translateX(var(--drift, 0px)) rotate(180deg) scale(1);
  }

  90% {
    opacity: .7;
  }

  100% {
    transform: translateY(calc(100vh + 100px)) translateX(calc(var(--drift, 0px) * 2)) rotate(360deg) scale(1.2);
    opacity: 0;
  }
}

.star {
  animation: twinkle var(--duration) infinite ease-in-out;
  opacity: 0;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  box-shadow: 0 0 6px #fffc;
}

.star:nth-child(4n) {
  background: linear-gradient(45deg, #fff, #93c5fd);
  box-shadow: 0 0 8px #93c5fd99;
}

.star:nth-child(7n) {
  animation: twinkle var(--duration) infinite ease-in-out, pulse 3s infinite ease-in-out;
}

.star:nth-child(5n) {
  background-color: #3b82f6;
  box-shadow: 0 0 10px #3b82f6cc;
}

@keyframes twinkle {
  0%, 100% {
    opacity: 0;
    transform: scale(.5);
  }

  50% {
    opacity: var(--opacity);
    transform: scale(1);
  }
}

@keyframes pulse {
  0%, 100% {
    transform: translateY(-50%)scale(1);
  }

  50% {
    transform: translateY(-50%)scale(1.2);
  }
}

.loader-container {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  opacity: 0;
  z-index: 2;
  background: #0f172af2;
  border: 1px solid #ffffff26;
  border-radius: 16px;
  width: 440px;
  padding: 2.5rem;
  transition: all .4s;
  animation: .8s cubic-bezier(.22, 1, .36, 1) .3s forwards fadeIn;
  position: relative;
  transform: translateY(20px)scale(.98);
  box-shadow: 0 12px 32px #0006;
}

.loader-container:hover {
  transform: translateY(0)scale(1.02);
  box-shadow: 0 15px 40px #00000080;
}

@keyframes fadeIn {
  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.logo {
  text-align: center;
  opacity: 0;
  margin-bottom: 2rem;
  animation: .6s ease-out .5s forwards slideDown;
  transform: translateY(-10px);
}

@keyframes slideDown {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.logo-main {
  color: #0000;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: linear-gradient(to right, #3b82f6, #93c5fd);
  text-shadow: 0 2px 8px #3b82f64d;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: .25rem;
  font-size: 3rem;
  font-weight: 800;
}

.logo-sub {
  color: #e2e8f0;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: -.5rem;
  font-size: 1.5rem;
  font-weight: 600;
}

.welcome-message {
  text-align: center;
  opacity: 0;
  margin-bottom: 2.5rem;
  animation: .6s ease-out .7s forwards slideUp;
  transform: translateY(10px);
}

@keyframes slideUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.welcome-title {
  color: #e2e8f0;
  letter-spacing: .5px;
  margin-bottom: .75rem;
  font-size: 1.2rem;
  font-weight: 500;
}

.welcome-text {
  color: #f8fafc;
  opacity: .9;
  max-width: 340px;
  margin: 0 auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
}

.features-container {
  opacity: 0;
  margin: 2.5rem 0;
  animation: .6s ease-out .9s forwards slideIn;
  transform: translateX(-20px);
}

@keyframes slideIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.feature-main {
  color: #93c5fd;
  letter-spacing: .5px;
  margin-bottom: 1.25rem;
  padding-left: 1.75rem;
  font-size: 1.2rem;
  font-weight: 600;
  position: relative;
}

.feature-main:before {
  content: "";
  background-color: #3b82f6;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  animation: 2s ease-in-out infinite pulse;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  box-shadow: 0 0 12px #3b82f6;
}

.feature-list {
  margin-left: 1.75rem;
  list-style: none;
}

.feature-item {
  color: #e2e8f0;
  opacity: .9;
  margin-bottom: .75rem;
  padding-left: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  transition: all .3s;
  position: relative;
}

.feature-item:hover {
  color: #fff;
  transform: translateX(4px);
}

.feature-item:before {
  content: "→";
  color: #3b82f6;
  font-weight: 700;
  transition: all .3s;
  position: absolute;
  left: 0;
}

.feature-item:hover:before {
  transform: translateX(4px);
}

.feature-tagline {
  color: #94a3b8;
  text-align: center;
  letter-spacing: .5px;
  margin-top: 2rem;
  font-size: .95rem;
  font-style: italic;
  position: relative;
}

.feature-tagline:before, .feature-tagline:after {
  content: "";
  background: linear-gradient(90deg, #0000, #3b82f6);
  width: 30px;
  height: 1px;
  position: absolute;
  top: 50%;
}

.feature-tagline:before {
  left: 20%;
}

.feature-tagline:after {
  background: linear-gradient(90deg, #3b82f6, #0000);
  right: 20%;
}

.progress-container {
  opacity: 0;
  margin-top: 3rem;
  animation: .6s ease-out 1.1s forwards fadeInUp;
  transform: translateY(20px);
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.progress-text {
  color: #e2e8f0;
  letter-spacing: .5px;
  justify-content: space-between;
  margin-bottom: .75rem;
  font-size: .9rem;
  display: flex;
}

.progress-percent {
  color: #93c5fd;
  font-weight: 600;
}

.progress-bar {
  background-color: #ffffff14;
  border-radius: 3px;
  height: 6px;
  position: relative;
  overflow: hidden;
}

.progress-fill {
  background: linear-gradient(90deg, #2563eb, #3b82f6);
  border-radius: 3px;
  height: 100%;
  transition: width .4s cubic-bezier(.65, 0, .35, 1);
  box-shadow: 0 0 12px #3b82f680;
}

.progress-dots {
  justify-content: center;
  gap: .75rem;
  margin-top: 1.5rem;
  display: flex;
}

.progress-dot {
  opacity: .3;
  background-color: #3b82f6;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  animation: 1.8s ease-in-out infinite dotPulse;
}

.progress-dot:first-child {
  animation-delay: 0s;
}

.progress-dot:nth-child(2) {
  animation-delay: .3s;
}

.progress-dot:nth-child(3) {
  animation-delay: .6s;
}

@keyframes dotPulse {
  0%, 100% {
    opacity: .3;
    transform: scale(.8);
  }

  50% {
    opacity: .8;
    transform: scale(1.2);
  }
}

.theme--dark .blocklyDropDownDiv {
  background-color: #c2c2c2 !important;
  border-color: #c2c2c2 !important;
}

.theme--dark .zelos-renderer.zelos_renderer-theme .blocklyMainBackground, .theme--dark .load-strategy__container .blocklyMainBackground, .theme--dark .zelos-renderer.zelos_renderer-theme rect.blocklyFieldRect.blocklyDropdownRect, .theme--dark .zelos-renderer.zelos_renderer-theme .blocklyNonEditableText > rect:not(.blocklyDropdownRect), .theme--dark .zelos-renderer.zelos_renderer-theme .blocklyEditableText > rect:not(.blocklyDropdownRect), .theme--dark .blocklyPath[fill="#fff"], .theme--dark .blocklyVariableGet .blocklyPath, .theme--dark .blocklyOutlinePath {
  fill: #0e0e0e !important;
}

.theme--dark .flyout rect.blocklyFieldRect.blocklyDropdownRect, .theme--dark .flyout .zelos-renderer.classic-theme .blocklyMainBackground {
  fill: #151816 !important;
}

.theme--dark .zelos-renderer.zelos_renderer-theme .blocklyEditableText > image, .theme--dark .zelos-renderer.zelos_renderer-theme .blocklyNonEditableText > image {
  filter: unset;
}

.theme--dark .flyout .zelos-renderer.classic-theme .blocklyEditableText > image {
  filter: invert(0);
}

.theme--dark .zelos-renderer.classic-theme .blocklyNonEditableText > rect:not(.blocklyDropdownRect), .theme--dark .zelos-renderer.classic-theme .blocklyEditableText > rect:not(.blocklyDropdownRect) {
  fill: unset;
}

.flyout .injectionDiv {
  height: 100%;
}

.flyout .zelos-renderer.classic-theme .blocklyMainBackground {
  filter: unset;
}

@keyframes blink-effect {
  0% {
    stroke: red;
    stroke-width: 5px;
  }

  50% {
    stroke: #ff0;
    stroke-width: 8px;
  }

  100% {
    stroke: red;
    stroke-width: 5px;
  }
}

.zelos-renderer.zelos_renderer-theme .block--error-highlighted > .blocklyPath, .flyout .zelos-renderer.classic-theme .block--error-highlighted > .blocklyPath, .gtm-search-results .block--error-highlighted > .blocklyPath, .load-strategy__container .block--error-highlighted > .blocklyPath {
  stroke: red;
  stroke-width: 5px;
}

@keyframes fade-in-out {
  0% {
    stroke-opacity: 0;
  }

  50% {
    stroke-opacity: 1;
    stroke-width: 6px;
  }

  100% {
    stroke-opacity: 0;
  }
}

.zelos-renderer.zelos_renderer-theme .block--execution-highlighted > .blocklyPath, .flyout .zelos-renderer.classic-theme .block--execution-highlighted > .blocklyPath, .gtm-search-results .block--execution-highlighted > .blocklyPath, .load-strategy__container .block--execution-highlighted > .blocklyPath {
  stroke: #89b2af;
  animation: 1.5s fade-in-out;
}

.zelos-renderer.zelos_renderer-theme .block--blink > .blocklyPath, .flyout .zelos-renderer.classic-theme .block--blink > .blocklyPath, .gtm-search-results .block--blink > .blocklyPath, .load-strategy__container .block--blink > .blocklyPath {
  animation: 1s infinite blink-effect;
}

.zelos-renderer.zelos_renderer-theme .blocklySvg, .flyout .zelos-renderer.classic-theme .blocklySvg, .gtm-search-results .blocklySvg, .load-strategy__container .blocklySvg {
  outline: none;
  display: block;
  position: absolute;
  overflow: hidden;
}

.zelos-renderer.zelos_renderer-theme .blocklyRelativeWrapper, .flyout .zelos-renderer.classic-theme .blocklyRelativeWrapper, .gtm-search-results .blocklyRelativeWrapper, .load-strategy__container .blocklyRelativeWrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv, .gtm-search-results .blocklyWidgetDiv, .load-strategy__container .blocklyWidgetDiv {
  z-index: 99999;
  display: none;
  position: absolute;
}

.zelos-renderer.zelos_renderer-theme .blocklyNonSelectable, .flyout .zelos-renderer.classic-theme .blocklyNonSelectable, .gtm-search-results .blocklyNonSelectable, .load-strategy__container .blocklyNonSelectable {
  -webkit-user-select: none;
  user-select: none;
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv.fieldTextInput, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv.fieldTextInput, .gtm-search-results .blocklyWidgetDiv.fieldTextInput, .load-strategy__container .blocklyWidgetDiv.fieldTextInput {
  box-sizing: border-box;
  transform-origin: 0 0;
  border: 1px solid;
  overflow: hidden;
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv.fieldTextInput.removableTextInput, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv.fieldTextInput.removableTextInput, .gtm-search-results .blocklyWidgetDiv.fieldTextInput.removableTextInput, .load-strategy__container .blocklyWidgetDiv.fieldTextInput.removableTextInput {
  overflow: visible;
}

.zelos-renderer.zelos_renderer-theme .blocklyTextDropDownArrow, .flyout .zelos-renderer.classic-theme .blocklyTextDropDownArrow, .gtm-search-results .blocklyTextDropDownArrow, .load-strategy__container .blocklyTextDropDownArrow {
  position: absolute;
}

.zelos-renderer.zelos_renderer-theme .blocklyTextRemoveIcon, .flyout .zelos-renderer.classic-theme .blocklyTextRemoveIcon, .gtm-search-results .blocklyTextRemoveIcon, .load-strategy__container .blocklyTextRemoveIcon {
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  position: absolute;
  top: -40px;
  left: 50%;
}

.zelos-renderer.zelos_renderer-theme .blocklyWsDragSurface, .flyout .zelos-renderer.classic-theme .blocklyWsDragSurface, .gtm-search-results .blocklyWsDragSurface, .load-strategy__container .blocklyWsDragSurface {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.zelos-renderer.zelos_renderer-theme .blocklyWsDragSurface.blocklyOverflowVisible, .flyout .zelos-renderer.classic-theme .blocklyWsDragSurface.blocklyOverflowVisible, .gtm-search-results .blocklyWsDragSurface.blocklyOverflowVisible, .load-strategy__container .blocklyWsDragSurface.blocklyOverflowVisible {
  overflow: visible;
}

.zelos-renderer.zelos_renderer-theme .blocklyTooltipDiv, .flyout .zelos-renderer.classic-theme .blocklyTooltipDiv, .gtm-search-results .blocklyTooltipDiv, .load-strategy__container .blocklyTooltipDiv {
  color: #333;
  letter-spacing: normal;
  z-index: 100000;
  background-color: #d6dadb;
  border-radius: 4px;
  min-height: 34px;
  padding: 8px;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  position: absolute;
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv, .gtm-search-results .blocklyDropDownDiv, .load-strategy__container .blocklyDropDownDiv {
  z-index: 1000;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid;
  border-radius: 4px;
  min-height: 15px;
  padding: 4px;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0 0 8px 1px #0000004d;
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownContent, .flyout .zelos-renderer.classic-theme .blocklyDropDownContent, .gtm-search-results .blocklyDropDownContent, .load-strategy__container .blocklyDropDownContent {
  max-height: 300px;
  overflow: auto;
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownArrow, .flyout .zelos-renderer.classic-theme .blocklyDropDownArrow, .gtm-search-results .blocklyDropDownArrow, .load-strategy__container .blocklyDropDownArrow {
  z-index: -1;
  background-color: inherit;
  border-color: inherit;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownButton, .flyout .zelos-renderer.classic-theme .blocklyDropDownButton, .gtm-search-results .blocklyDropDownButton, .load-strategy__container .blocklyDropDownButton {
  float: left;
  cursor: pointer;
  border: 1px solid;
  border-radius: 4px;
  outline: none;
  margin: 4px;
  padding: 0;
  transition: box-shadow .1s;
  display: inline-block;
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownButtonHover, .flyout .zelos-renderer.classic-theme .blocklyDropDownButtonHover, .gtm-search-results .blocklyDropDownButtonHover, .load-strategy__container .blocklyDropDownButtonHover {
  box-shadow: 0 0 0 4px #0000001a;
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownButton:active, .flyout .zelos-renderer.classic-theme .blocklyDropDownButton:active, .gtm-search-results .blocklyDropDownButton:active, .load-strategy__container .blocklyDropDownButton:active {
  box-shadow: 0 0 0 6px #0000001a;
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownButton > img, .flyout .zelos-renderer.classic-theme .blocklyDropDownButton > img, .gtm-search-results .blocklyDropDownButton > img, .load-strategy__container .blocklyDropDownButton > img {
  width: 80%;
  height: 80%;
  margin-top: 5%;
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownPlaceholder, .flyout .zelos-renderer.classic-theme .blocklyDropDownPlaceholder, .gtm-search-results .blocklyDropDownPlaceholder, .load-strategy__container .blocklyDropDownPlaceholder {
  float: left;
  margin: 4px;
  padding: 0;
  display: inline-block;
}

.zelos-renderer.zelos_renderer-theme .blocklyNumPadButton, .flyout .zelos-renderer.classic-theme .blocklyNumPadButton, .gtm-search-results .blocklyNumPadButton, .load-strategy__container .blocklyNumPadButton {
  float: left;
  color: #333;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  background: #0e0e0e;
  border: 1px solid #0e0e0e;
  border-radius: 4px;
  outline: none;
  width: 48px;
  height: 48px;
  margin: 4px;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
}

.zelos-renderer.zelos_renderer-theme .blocklyNumPadButton > img, .flyout .zelos-renderer.classic-theme .blocklyNumPadButton > img, .gtm-search-results .blocklyNumPadButton > img, .load-strategy__container .blocklyNumPadButton > img {
  filter: invert();
  width: 80%;
  height: 80%;
  margin-top: 10%;
}

.zelos-renderer.zelos_renderer-theme .blocklyNumPadButton:active, .flyout .zelos-renderer.classic-theme .blocklyNumPadButton:active, .gtm-search-results .blocklyNumPadButton:active, .load-strategy__container .blocklyNumPadButton:active {
  -webkit-tap-highlight-color: #0000;
  background: #0e0e0e;
}

.zelos-renderer.zelos_renderer-theme .arrowTop, .flyout .zelos-renderer.classic-theme .arrowTop, .gtm-search-results .arrowTop, .load-strategy__container .arrowTop {
  border-top: 1px solid;
  border-left: 1px solid;
  border-color: inherit;
  border-top-left-radius: 4px;
}

.zelos-renderer.zelos_renderer-theme .arrowBottom, .flyout .zelos-renderer.classic-theme .arrowBottom, .gtm-search-results .arrowBottom, .load-strategy__container .arrowBottom {
  border-bottom: 1px solid;
  border-right: 1px solid;
  border-color: inherit;
  border-bottom-right-radius: 4px;
}

.zelos-renderer.zelos_renderer-theme .valueReportBox, .flyout .zelos-renderer.classic-theme .valueReportBox, .gtm-search-results .valueReportBox, .load-strategy__container .valueReportBox {
  word-wrap: break-word;
  text-align: center;
  min-width: 50px;
  max-width: 300px;
  max-height: 200px;
  font-size: .8em;
  overflow: auto;
}

.zelos-renderer.zelos_renderer-theme .blocklyResizeSE, .flyout .zelos-renderer.classic-theme .blocklyResizeSE, .gtm-search-results .blocklyResizeSE, .load-strategy__container .blocklyResizeSE {
  cursor: se-resize;
  fill: #aaa;
}

.zelos-renderer.zelos_renderer-theme .blocklyResizeSW, .flyout .zelos-renderer.classic-theme .blocklyResizeSW, .gtm-search-results .blocklyResizeSW, .load-strategy__container .blocklyResizeSW {
  cursor: sw-resize;
  fill: #aaa;
}

.zelos-renderer.zelos_renderer-theme .blocklyResizeLine, .flyout .zelos-renderer.classic-theme .blocklyResizeLine, .gtm-search-results .blocklyResizeLine, .load-strategy__container .blocklyResizeLine {
  stroke: #888;
  stroke-width: 1px;
}

.zelos-renderer.zelos_renderer-theme .blocklyHighlightedConnectionPath, .flyout .zelos-renderer.classic-theme .blocklyHighlightedConnectionPath, .gtm-search-results .blocklyHighlightedConnectionPath, .load-strategy__container .blocklyHighlightedConnectionPath {
  fill: none;
  stroke: #fc3;
  stroke-width: 4px;
}

.zelos-renderer.zelos_renderer-theme .blocklyPath, .flyout .zelos-renderer.classic-theme .blocklyPath, .gtm-search-results .blocklyPath, .load-strategy__container .blocklyPath {
  stroke-width: .4px;
}

.zelos-renderer.zelos_renderer-theme .blocklySelected > .blocklyPath, .flyout .zelos-renderer.classic-theme .blocklySelected > .blocklyPath, .gtm-search-results .blocklySelected > .blocklyPath, .load-strategy__container .blocklySelected > .blocklyPath {
  stroke: #ffc358;
  stroke-width: 3px;
}

.zelos-renderer.zelos_renderer-theme .blocklySelected > .blocklyPathLight, .flyout .zelos-renderer.classic-theme .blocklySelected > .blocklyPathLight, .gtm-search-results .blocklySelected > .blocklyPathLight, .load-strategy__container .blocklySelected > .blocklyPathLight {
  display: none;
}

.zelos-renderer.zelos_renderer-theme .blocklyDraggable, .flyout .zelos-renderer.classic-theme .blocklyDraggable, .gtm-search-results .blocklyDraggable, .load-strategy__container .blocklyDraggable {
  cursor: grab;
  cursor: grab;
  cursor: grab;
}

.zelos-renderer.zelos_renderer-theme .blocklyDraggable image[alt="Collapsed"], .flyout .zelos-renderer.classic-theme .blocklyDraggable image[alt="Collapsed"], .gtm-search-results .blocklyDraggable image[alt="Collapsed"], .load-strategy__container .blocklyDraggable image[alt="Collapsed"] {
  transform: translate(7px);
}

.zelos-renderer.zelos_renderer-theme .blocklyDragging, .flyout .zelos-renderer.classic-theme .blocklyDragging, .gtm-search-results .blocklyDragging, .load-strategy__container .blocklyDragging, .zelos-renderer.zelos_renderer-theme .blocklyDraggable:active, .zelos-renderer.zelos_renderer-theme .blocklyBlockDragSurface .blocklyDraggable, .flyout .zelos-renderer.classic-theme .blocklyDraggable:active, .flyout .zelos-renderer.classic-theme .blocklyBlockDragSurface .blocklyDraggable, .gtm-search-results .blocklyDraggable:active, .gtm-search-results .blocklyBlockDragSurface .blocklyDraggable, .load-strategy__container .blocklyDraggable:active, .load-strategy__container .blocklyBlockDragSurface .blocklyDraggable {
  cursor: grabbing;
  cursor: grabbing;
  cursor: grabbing;
}

.zelos-renderer.zelos_renderer-theme .blocklyDragging.blocklyDraggingMouseThrough, .flyout .zelos-renderer.classic-theme .blocklyDragging.blocklyDraggingMouseThrough, .gtm-search-results .blocklyDragging.blocklyDraggingMouseThrough, .load-strategy__container .blocklyDragging.blocklyDraggingMouseThrough {
  pointer-events: none;
}

.zelos-renderer.zelos_renderer-theme .blocklyToolboxGrab, .flyout .zelos-renderer.classic-theme .blocklyToolboxGrab, .gtm-search-results .blocklyToolboxGrab, .load-strategy__container .blocklyToolboxGrab {
  cursor: grabbing;
  cursor: grabbing;
}

.zelos-renderer.zelos_renderer-theme .blocklyDragging > .blocklyPath, .zelos-renderer.zelos_renderer-theme .blocklyDragging > .blocklyPathLight, .flyout .zelos-renderer.classic-theme .blocklyDragging > .blocklyPath, .flyout .zelos-renderer.classic-theme .blocklyDragging > .blocklyPathLight, .gtm-search-results .blocklyDragging > .blocklyPath, .gtm-search-results .blocklyDragging > .blocklyPathLight, .load-strategy__container .blocklyDragging > .blocklyPath, .load-strategy__container .blocklyDragging > .blocklyPathLight {
  fill-opacity: 1;
  stroke-opacity: 1;
}

.zelos-renderer.zelos_renderer-theme .blocklyDisabled > .blocklyPath, .flyout .zelos-renderer.classic-theme .blocklyDisabled > .blocklyPath, .gtm-search-results .blocklyDisabled > .blocklyPath, .load-strategy__container .blocklyDisabled > .blocklyPath {
  fill-opacity: .5;
  stroke-opacity: .5;
}

.zelos-renderer.zelos_renderer-theme .blocklyInsertionMarker > .blocklyPath, .flyout .zelos-renderer.classic-theme .blocklyInsertionMarker > .blocklyPath, .gtm-search-results .blocklyInsertionMarker > .blocklyPath, .load-strategy__container .blocklyInsertionMarker > .blocklyPath {
  stroke: none;
}

.zelos-renderer.zelos_renderer-theme .blocklyText, .flyout .zelos-renderer.classic-theme .blocklyText, .gtm-search-results .blocklyText, .load-strategy__container .blocklyText {
  fill: #333;
  letter-spacing: normal;
  font-family: inherit;
  font-size: 1.63rem;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.5;
}

.zelos-renderer.zelos_renderer-theme .blocklyTextTruncated, .flyout .zelos-renderer.classic-theme .blocklyTextTruncated, .gtm-search-results .blocklyTextTruncated, .load-strategy__container .blocklyTextTruncated {
  font-size: 11px;
}

.zelos-renderer.zelos_renderer-theme .blocklyNonEditableText > text, .flyout .zelos-renderer.classic-theme .blocklyNonEditableText > text, .gtm-search-results .blocklyNonEditableText > text, .load-strategy__container .blocklyNonEditableText > text {
  pointer-events: none;
}

.zelos-renderer.zelos_renderer-theme .blocklyNonEditableText > text, .zelos-renderer.zelos_renderer-theme .blocklyEditableText > text, .flyout .zelos-renderer.classic-theme .blocklyNonEditableText > text, .flyout .zelos-renderer.classic-theme .blocklyEditableText > text, .gtm-search-results .blocklyNonEditableText > text, .gtm-search-results .blocklyEditableText > text, .load-strategy__container .blocklyNonEditableText > text, .load-strategy__container .blocklyEditableText > text, .zelos-renderer.zelos_renderer-theme .blocklyEditableText > .blocklyEditableLabel, .flyout .zelos-renderer.classic-theme .blocklyEditableText > .blocklyEditableLabel, .gtm-search-results .blocklyEditableText > .blocklyEditableLabel, .load-strategy__container .blocklyEditableText > .blocklyEditableLabel {
  fill: var(--text-prominent);
}

.zelos-renderer.zelos_renderer-theme .blocklyNonEditableText > image, .zelos-renderer.zelos_renderer-theme .blocklyEditableText > image, .flyout .zelos-renderer.classic-theme .blocklyNonEditableText > image, .flyout .zelos-renderer.classic-theme .blocklyEditableText > image, .gtm-search-results .blocklyNonEditableText > image, .gtm-search-results .blocklyEditableText > image, .load-strategy__container .blocklyNonEditableText > image, .load-strategy__container .blocklyEditableText > image {
  filter: invert();
}

.zelos-renderer.zelos_renderer-theme .blocklyDropdownText, .flyout .zelos-renderer.classic-theme .blocklyDropdownText, .gtm-search-results .blocklyDropdownText, .load-strategy__container .blocklyDropdownText {
  font-size: 1.6rem;
  fill: var(--text-prominent) !important;
}

.zelos-renderer.zelos_renderer-theme .blocklyBubbleText, .flyout .zelos-renderer.classic-theme .blocklyBubbleText, .gtm-search-results .blocklyBubbleText, .load-strategy__container .blocklyBubbleText {
  fill: #0e0e0e;
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyout, .flyout .zelos-renderer.classic-theme .blocklyFlyout, .gtm-search-results .blocklyFlyout, .load-strategy__container .blocklyFlyout {
  z-index: 20;
  position: absolute;
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutButton, .flyout .zelos-renderer.classic-theme .blocklyFlyoutButton, .gtm-search-results .blocklyFlyoutButton, .load-strategy__container .blocklyFlyoutButton {
  fill: none;
  pointer-events: all;
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutButtonBackground, .flyout .zelos-renderer.classic-theme .blocklyFlyoutButtonBackground, .gtm-search-results .blocklyFlyoutButtonBackground, .load-strategy__container .blocklyFlyoutButtonBackground {
  stroke: #c6c6c6;
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutButton .blocklyText, .flyout .zelos-renderer.classic-theme .blocklyFlyoutButton .blocklyText, .gtm-search-results .blocklyFlyoutButton .blocklyText, .load-strategy__container .blocklyFlyoutButton .blocklyText {
  fill: #0e0e0e;
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutButtonShadow, .flyout .zelos-renderer.classic-theme .blocklyFlyoutButtonShadow, .gtm-search-results .blocklyFlyoutButtonShadow, .load-strategy__container .blocklyFlyoutButtonShadow {
  fill: #0000;
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutButton:hover, .flyout .zelos-renderer.classic-theme .blocklyFlyoutButton:hover, .gtm-search-results .blocklyFlyoutButton:hover, .load-strategy__container .blocklyFlyoutButton:hover {
  fill: #fff;
  cursor: pointer;
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutLabel, .flyout .zelos-renderer.classic-theme .blocklyFlyoutLabel, .gtm-search-results .blocklyFlyoutLabel, .load-strategy__container .blocklyFlyoutLabel {
  cursor: default;
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutLabelBackground, .flyout .zelos-renderer.classic-theme .blocklyFlyoutLabelBackground, .gtm-search-results .blocklyFlyoutLabelBackground, .load-strategy__container .blocklyFlyoutLabelBackground {
  opacity: 0;
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutLabelText, .flyout .zelos-renderer.classic-theme .blocklyFlyoutLabelText, .gtm-search-results .blocklyFlyoutLabelText, .load-strategy__container .blocklyFlyoutLabelText {
  fill: #575e75;
  font-size: 14px;
  font-weight: bold;
}

.zelos-renderer.zelos_renderer-theme .blocklySvg text, .zelos-renderer.zelos_renderer-theme .blocklyBlockDragSurface text, .zelos-renderer.zelos_renderer-theme .blocklyFlyout text, .zelos-renderer.zelos_renderer-theme .blocklyToolboxDiv text, .flyout .zelos-renderer.classic-theme .blocklySvg text, .flyout .zelos-renderer.classic-theme .blocklyBlockDragSurface text, .flyout .zelos-renderer.classic-theme .blocklyFlyout text, .flyout .zelos-renderer.classic-theme .blocklyToolboxDiv text, .gtm-search-results .blocklySvg text, .gtm-search-results .blocklyBlockDragSurface text, .gtm-search-results .blocklyFlyout text, .gtm-search-results .blocklyToolboxDiv text, .load-strategy__container .blocklySvg text, .load-strategy__container .blocklyBlockDragSurface text, .load-strategy__container .blocklyFlyout text, .load-strategy__container .blocklyToolboxDiv text {
  -webkit-user-select: none;
  user-select: none;
  cursor: inherit;
}

.zelos-renderer.zelos_renderer-theme .blocklyHidden, .flyout .zelos-renderer.classic-theme .blocklyHidden, .gtm-search-results .blocklyHidden, .load-strategy__container .blocklyHidden {
  display: none;
}

.zelos-renderer.zelos_renderer-theme .blocklyFieldDropdown:not(.blocklyHidden), .flyout .zelos-renderer.classic-theme .blocklyFieldDropdown:not(.blocklyHidden), .gtm-search-results .blocklyFieldDropdown:not(.blocklyHidden), .load-strategy__container .blocklyFieldDropdown:not(.blocklyHidden) {
  display: block;
}

.zelos-renderer.zelos_renderer-theme .blocklyIconGroup, .flyout .zelos-renderer.classic-theme .blocklyIconGroup, .gtm-search-results .blocklyIconGroup, .load-strategy__container .blocklyIconGroup {
  cursor: default;
}

.zelos-renderer.zelos_renderer-theme .blocklyIconGroup:not(:hover), .zelos-renderer.zelos_renderer-theme .blocklyIconGroupReadonly, .flyout .zelos-renderer.classic-theme .blocklyIconGroup:not(:hover), .flyout .zelos-renderer.classic-theme .blocklyIconGroupReadonly, .gtm-search-results .blocklyIconGroup:not(:hover), .gtm-search-results .blocklyIconGroupReadonly, .load-strategy__container .blocklyIconGroup:not(:hover), .load-strategy__container .blocklyIconGroupReadonly {
  opacity: .6;
}

.zelos-renderer.zelos_renderer-theme .blocklyIconShape, .flyout .zelos-renderer.classic-theme .blocklyIconShape, .gtm-search-results .blocklyIconShape, .load-strategy__container .blocklyIconShape {
  fill: #00f;
  stroke: #fff;
  stroke-width: 1px;
}

.zelos-renderer.zelos_renderer-theme .blocklyIconSymbol, .flyout .zelos-renderer.classic-theme .blocklyIconSymbol, .gtm-search-results .blocklyIconSymbol, .load-strategy__container .blocklyIconSymbol {
  fill: #fff;
}

.zelos-renderer.zelos_renderer-theme .blocklyMinimalBody, .flyout .zelos-renderer.classic-theme .blocklyMinimalBody, .gtm-search-results .blocklyMinimalBody, .load-strategy__container .blocklyMinimalBody {
  margin: 0;
  padding: 0;
}

.zelos-renderer.zelos_renderer-theme .blocklyCommentForeignObject, .flyout .zelos-renderer.classic-theme .blocklyCommentForeignObject, .gtm-search-results .blocklyCommentForeignObject, .load-strategy__container .blocklyCommentForeignObject {
  z-index: 0;
  position: relative;
}

.zelos-renderer.zelos_renderer-theme .blocklyCommentRect, .flyout .zelos-renderer.classic-theme .blocklyCommentRect, .gtm-search-results .blocklyCommentRect, .load-strategy__container .blocklyCommentRect {
  fill: #e7de8e;
  stroke: #bca903;
  stroke-width: 1px;
}

.zelos-renderer.zelos_renderer-theme .blocklyCommentTarget, .flyout .zelos-renderer.classic-theme .blocklyCommentTarget, .gtm-search-results .blocklyCommentTarget, .load-strategy__container .blocklyCommentTarget {
  fill: #0000;
  stroke: #bca903;
}

.zelos-renderer.zelos_renderer-theme .blocklyCommentTargetFocused, .flyout .zelos-renderer.classic-theme .blocklyCommentTargetFocused, .gtm-search-results .blocklyCommentTargetFocused, .load-strategy__container .blocklyCommentTargetFocused, .zelos-renderer.zelos_renderer-theme .blocklyCommentHandleTarget, .flyout .zelos-renderer.classic-theme .blocklyCommentHandleTarget, .gtm-search-results .blocklyCommentHandleTarget, .load-strategy__container .blocklyCommentHandleTarget {
  fill: none;
}

.zelos-renderer.zelos_renderer-theme .blocklyCommentHandleTargetFocused, .flyout .zelos-renderer.classic-theme .blocklyCommentHandleTargetFocused, .gtm-search-results .blocklyCommentHandleTargetFocused, .load-strategy__container .blocklyCommentHandleTargetFocused {
  fill: #0000;
}

.zelos-renderer.zelos_renderer-theme .blocklyFocused > .blocklyCommentRect, .flyout .zelos-renderer.classic-theme .blocklyFocused > .blocklyCommentRect, .gtm-search-results .blocklyFocused > .blocklyCommentRect, .load-strategy__container .blocklyFocused > .blocklyCommentRect {
  fill: #b9b272;
  stroke: #b9b272;
}

.zelos-renderer.zelos_renderer-theme .blocklySelected > .blocklyCommentTarget, .flyout .zelos-renderer.classic-theme .blocklySelected > .blocklyCommentTarget, .gtm-search-results .blocklySelected > .blocklyCommentTarget, .load-strategy__container .blocklySelected > .blocklyCommentTarget {
  stroke: #fc3;
  stroke-width: 3px;
}

.zelos-renderer.zelos_renderer-theme .blocklyCommentTextarea, .flyout .zelos-renderer.classic-theme .blocklyCommentTextarea, .gtm-search-results .blocklyCommentTextarea, .load-strategy__container .blocklyCommentTextarea {
  resize: none;
  background-color: #fef49c;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 3px;
  display: block;
  overflow: hidden;
}

.zelos-renderer.zelos_renderer-theme .blocklyCommentDeleteIcon, .flyout .zelos-renderer.classic-theme .blocklyCommentDeleteIcon, .gtm-search-results .blocklyCommentDeleteIcon, .load-strategy__container .blocklyCommentDeleteIcon {
  cursor: pointer;
  fill: #000;
  display: none;
}

.zelos-renderer.zelos_renderer-theme .blocklySelected > .blocklyCommentDeleteIcon, .flyout .zelos-renderer.classic-theme .blocklySelected > .blocklyCommentDeleteIcon, .gtm-search-results .blocklySelected > .blocklyCommentDeleteIcon, .load-strategy__container .blocklySelected > .blocklyCommentDeleteIcon {
  display: block;
}

.zelos-renderer.zelos_renderer-theme .blocklyDeleteIconShape, .flyout .zelos-renderer.classic-theme .blocklyDeleteIconShape, .gtm-search-results .blocklyDeleteIconShape, .load-strategy__container .blocklyDeleteIconShape {
  fill: #000;
  stroke: #000;
  stroke-width: 1px;
}

.zelos-renderer.zelos_renderer-theme .blocklyDeleteIconShape.blocklyDeleteIconHighlighted, .flyout .zelos-renderer.classic-theme .blocklyDeleteIconShape.blocklyDeleteIconHighlighted, .gtm-search-results .blocklyDeleteIconShape.blocklyDeleteIconHighlighted, .load-strategy__container .blocklyDeleteIconShape.blocklyDeleteIconHighlighted {
  stroke: #fc3;
}

.zelos-renderer.zelos_renderer-theme .scratchCommentForeignObject, .flyout .zelos-renderer.classic-theme .scratchCommentForeignObject, .gtm-search-results .scratchCommentForeignObject, .load-strategy__container .scratchCommentForeignObject {
  position: relative;
}

.zelos-renderer.zelos_renderer-theme .scratchCommentBody, .flyout .zelos-renderer.classic-theme .scratchCommentBody, .gtm-search-results .scratchCommentBody, .load-strategy__container .scratchCommentBody {
  background-color: #fef49c;
  border-radius: 4px;
}

.zelos-renderer.zelos_renderer-theme .scratchCommentRect, .flyout .zelos-renderer.classic-theme .scratchCommentRect, .gtm-search-results .scratchCommentRect, .load-strategy__container .scratchCommentRect {
  fill: #fef49c;
}

.zelos-renderer.zelos_renderer-theme .scratchCommentTarget, .flyout .zelos-renderer.classic-theme .scratchCommentTarget, .gtm-search-results .scratchCommentTarget, .load-strategy__container .scratchCommentTarget {
  fill: #0000;
}

.zelos-renderer.zelos_renderer-theme .scratchWorkspaceCommentBorder, .flyout .zelos-renderer.classic-theme .scratchWorkspaceCommentBorder, .gtm-search-results .scratchWorkspaceCommentBorder, .load-strategy__container .scratchWorkspaceCommentBorder {
  stroke: #bca903;
  stroke-width: 1px;
}

.zelos-renderer.zelos_renderer-theme .scratchCommentTargetFocused, .flyout .zelos-renderer.classic-theme .scratchCommentTargetFocused, .gtm-search-results .scratchCommentTargetFocused, .load-strategy__container .scratchCommentTargetFocused {
  fill: none;
}

.zelos-renderer.zelos_renderer-theme .scratchCommentTopBar, .flyout .zelos-renderer.classic-theme .scratchCommentTopBar, .gtm-search-results .scratchCommentTopBar, .load-strategy__container .scratchCommentTopBar {
  fill: #000;
  fill-opacity: .1;
}

.zelos-renderer.zelos_renderer-theme .scratchCommentText, .flyout .zelos-renderer.classic-theme .scratchCommentText, .gtm-search-results .scratchCommentText, .load-strategy__container .scratchCommentText {
  font-size: 12px;
  font-weight: 400;
}

.zelos-renderer.zelos_renderer-theme .scratchCommentTextarea, .flyout .zelos-renderer.classic-theme .scratchCommentTextarea, .gtm-search-results .scratchCommentTextarea, .load-strategy__container .scratchCommentTextarea {
  resize: none;
  background-color: #fef49c;
  border: 0;
  outline: 0;
  padding: 0;
  overflow: hidden;
}

.zelos-renderer.zelos_renderer-theme .scratchCommentResizeSE, .flyout .zelos-renderer.classic-theme .scratchCommentResizeSE, .gtm-search-results .scratchCommentResizeSE, .load-strategy__container .scratchCommentResizeSE {
  cursor: se-resize;
  fill: #0000;
}

.zelos-renderer.zelos_renderer-theme .scratchCommentResizeSW, .flyout .zelos-renderer.classic-theme .scratchCommentResizeSW, .gtm-search-results .scratchCommentResizeSW, .load-strategy__container .scratchCommentResizeSW {
  cursor: sw-resize;
  fill: #0000;
}

.zelos-renderer.zelos_renderer-theme .blocklyHtmlInput, .flyout .zelos-renderer.classic-theme .blocklyHtmlInput, .gtm-search-results .blocklyHtmlInput, .load-strategy__container .blocklyHtmlInput {
  box-sizing: border-box;
  text-align: center;
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 12px;
  font-weight: 500;
}

.zelos-renderer.zelos_renderer-theme .blocklyMainBackground, .flyout .zelos-renderer.classic-theme .blocklyMainBackground, .gtm-search-results .blocklyMainBackground, .load-strategy__container .blocklyMainBackground {
  stroke-width: 0;
  fill: #fff;
}

.zelos-renderer.zelos_renderer-theme .blocklyMutatorBackground, .flyout .zelos-renderer.classic-theme .blocklyMutatorBackground, .gtm-search-results .blocklyMutatorBackground, .load-strategy__container .blocklyMutatorBackground {
  fill: #fff;
  stroke: #fff;
  stroke-width: 1px;
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutBackground, .flyout .zelos-renderer.classic-theme .blocklyFlyoutBackground, .gtm-search-results .blocklyFlyoutBackground, .load-strategy__container .blocklyFlyoutBackground {
  fill: #0e0e0e;
  fill-opacity: .8;
}

.zelos-renderer.zelos_renderer-theme .blocklyMainWorkspaceScrollbar, .flyout .zelos-renderer.classic-theme .blocklyMainWorkspaceScrollbar, .gtm-search-results .blocklyMainWorkspaceScrollbar, .load-strategy__container .blocklyMainWorkspaceScrollbar {
  z-index: 20;
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutScrollbar, .flyout .zelos-renderer.classic-theme .blocklyFlyoutScrollbar, .gtm-search-results .blocklyFlyoutScrollbar, .load-strategy__container .blocklyFlyoutScrollbar {
  z-index: 30;
}

.zelos-renderer.zelos_renderer-theme .blocklyScrollbarHorizontal, .zelos-renderer.zelos_renderer-theme .blocklyScrollbarVertical, .flyout .zelos-renderer.classic-theme .blocklyScrollbarHorizontal, .flyout .zelos-renderer.classic-theme .blocklyScrollbarVertical, .gtm-search-results .blocklyScrollbarHorizontal, .gtm-search-results .blocklyScrollbarVertical, .load-strategy__container .blocklyScrollbarHorizontal, .load-strategy__container .blocklyScrollbarVertical {
  outline: none;
  position: absolute;
}

.zelos-renderer.zelos_renderer-theme .blocklyScrollbarBackground, .flyout .zelos-renderer.classic-theme .blocklyScrollbarBackground, .gtm-search-results .blocklyScrollbarBackground, .load-strategy__container .blocklyScrollbarBackground {
  opacity: 0;
}

.zelos-renderer.zelos_renderer-theme .blocklyScrollbarHandle, .flyout .zelos-renderer.classic-theme .blocklyScrollbarHandle, .gtm-search-results .blocklyScrollbarHandle, .load-strategy__container .blocklyScrollbarHandle, .zelos-renderer.zelos_renderer-theme .blocklyScrollbarBackground:hover + .blocklyScrollbarHandle, .zelos-renderer.zelos_renderer-theme .blocklyScrollbarHandle:hover, .flyout .zelos-renderer.classic-theme .blocklyScrollbarBackground:hover + .blocklyScrollbarHandle, .flyout .zelos-renderer.classic-theme .blocklyScrollbarHandle:hover, .gtm-search-results .blocklyScrollbarBackground:hover + .blocklyScrollbarHandle, .gtm-search-results .blocklyScrollbarHandle:hover, .load-strategy__container .blocklyScrollbarBackground:hover + .blocklyScrollbarHandle, .load-strategy__container .blocklyScrollbarHandle:hover {
  fill: #0e0e0e;
}

.zelos-renderer.zelos_renderer-theme .blocklyZoom > image, .flyout .zelos-renderer.classic-theme .blocklyZoom > image, .gtm-search-results .blocklyZoom > image, .load-strategy__container .blocklyZoom > image {
  opacity: 1;
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyout .blocklyScrollbarHandle, .flyout .zelos-renderer.classic-theme .blocklyFlyout .blocklyScrollbarHandle, .gtm-search-results .blocklyFlyout .blocklyScrollbarHandle, .load-strategy__container .blocklyFlyout .blocklyScrollbarHandle {
  fill: #bbb;
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyout .blocklyScrollbarBackground:hover + .blocklyScrollbarHandle, .zelos-renderer.zelos_renderer-theme .blocklyFlyout .blocklyScrollbarHandle:hover, .flyout .zelos-renderer.classic-theme .blocklyFlyout .blocklyScrollbarBackground:hover + .blocklyScrollbarHandle, .flyout .zelos-renderer.classic-theme .blocklyFlyout .blocklyScrollbarHandle:hover, .gtm-search-results .blocklyFlyout .blocklyScrollbarBackground:hover + .blocklyScrollbarHandle, .gtm-search-results .blocklyFlyout .blocklyScrollbarHandle:hover, .load-strategy__container .blocklyFlyout .blocklyScrollbarBackground:hover + .blocklyScrollbarHandle, .load-strategy__container .blocklyFlyout .blocklyScrollbarHandle:hover {
  fill: #aaa;
}

.zelos-renderer.zelos_renderer-theme .blocklyInvalidInput, .flyout .zelos-renderer.classic-theme .blocklyInvalidInput, .gtm-search-results .blocklyInvalidInput, .load-strategy__container .blocklyInvalidInput {
  background: #faa;
}

.zelos-renderer.zelos_renderer-theme .blocklyAngleCircle, .flyout .zelos-renderer.classic-theme .blocklyAngleCircle, .gtm-search-results .blocklyAngleCircle, .load-strategy__container .blocklyAngleCircle {
  stroke: #3373cc;
  stroke-width: 1px;
  fill: #4280d7;
}

.zelos-renderer.zelos_renderer-theme .blocklyAngleCenterPoint, .flyout .zelos-renderer.classic-theme .blocklyAngleCenterPoint, .gtm-search-results .blocklyAngleCenterPoint, .load-strategy__container .blocklyAngleCenterPoint {
  stroke: #fff;
  stroke-width: 1px;
  fill: #fff;
}

.zelos-renderer.zelos_renderer-theme .blocklyAngleDragHandle, .flyout .zelos-renderer.classic-theme .blocklyAngleDragHandle, .gtm-search-results .blocklyAngleDragHandle, .load-strategy__container .blocklyAngleDragHandle {
  stroke: #fff;
  stroke-width: 5px;
  stroke-opacity: .25;
  fill: #fff;
  cursor: pointer;
}

.zelos-renderer.zelos_renderer-theme .blocklyAngleDragArrow, .flyout .zelos-renderer.classic-theme .blocklyAngleDragArrow, .gtm-search-results .blocklyAngleDragArrow, .load-strategy__container .blocklyAngleDragArrow {
  pointer-events: none;
}

.zelos-renderer.zelos_renderer-theme .blocklyAngleMarks, .flyout .zelos-renderer.classic-theme .blocklyAngleMarks, .gtm-search-results .blocklyAngleMarks, .load-strategy__container .blocklyAngleMarks {
  stroke: #fff;
  stroke-width: 1px;
  stroke-opacity: .5;
}

.zelos-renderer.zelos_renderer-theme .blocklyAngleGauge, .flyout .zelos-renderer.classic-theme .blocklyAngleGauge, .gtm-search-results .blocklyAngleGauge, .load-strategy__container .blocklyAngleGauge {
  fill: #fff;
  fill-opacity: .2;
}

.zelos-renderer.zelos_renderer-theme .blocklyAngleLine, .flyout .zelos-renderer.classic-theme .blocklyAngleLine, .gtm-search-results .blocklyAngleLine, .load-strategy__container .blocklyAngleLine {
  stroke: #fff;
  stroke-width: 1px;
  stroke-linecap: round;
  pointer-events: none;
}

.zelos-renderer.zelos_renderer-theme .blocklyContextMenu, .flyout .zelos-renderer.classic-theme .blocklyContextMenu, .gtm-search-results .blocklyContextMenu, .load-strategy__container .blocklyContextMenu {
  border-radius: 4px;
  min-width: 20rem;
  max-height: 100%;
}

.zelos-renderer.zelos_renderer-theme .blocklyDropdownMenu, .flyout .zelos-renderer.classic-theme .blocklyDropdownMenu, .gtm-search-results .blocklyDropdownMenu, .load-strategy__container .blocklyDropdownMenu {
  padding: 0 !important;
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownNumPad, .flyout .zelos-renderer.classic-theme .blocklyDropDownNumPad, .gtm-search-results .blocklyDropDownNumPad, .load-strategy__container .blocklyDropDownNumPad {
  background-color: #0e0e0e;
}

.zelos-renderer.zelos_renderer-theme .blocklyToolboxDiv, .flyout .zelos-renderer.classic-theme .blocklyToolboxDiv, .gtm-search-results .blocklyToolboxDiv, .load-strategy__container .blocklyToolboxDiv {
  color: #0e0e0e;
  z-index: 40;
  -webkit-tap-highlight-color: transparent;
  background-color: #0e0e0e;
  position: absolute;
  overflow: visible auto;
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeRoot, .flyout .zelos-renderer.classic-theme .blocklyTreeRoot, .gtm-search-results .blocklyTreeRoot, .load-strategy__container .blocklyTreeRoot {
  padding: 4px 0;
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeRoot:focus, .flyout .zelos-renderer.classic-theme .blocklyTreeRoot:focus, .gtm-search-results .blocklyTreeRoot:focus, .load-strategy__container .blocklyTreeRoot:focus {
  outline: none;
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeRow, .flyout .zelos-renderer.classic-theme .blocklyTreeRow, .gtm-search-results .blocklyTreeRow, .load-strategy__container .blocklyTreeRow {
  white-space: nowrap;
  height: 22px;
  margin-bottom: 3px;
  padding-right: 8px;
  line-height: 22px;
}

.zelos-renderer.zelos_renderer-theme .blocklyHorizontalTree, .flyout .zelos-renderer.classic-theme .blocklyHorizontalTree, .gtm-search-results .blocklyHorizontalTree, .load-strategy__container .blocklyHorizontalTree {
  float: left;
  margin: 1px 5px 8px 0;
}

.zelos-renderer.zelos_renderer-theme .blocklyHorizontalTreeRtl, .flyout .zelos-renderer.classic-theme .blocklyHorizontalTreeRtl, .gtm-search-results .blocklyHorizontalTreeRtl, .load-strategy__container .blocklyHorizontalTreeRtl {
  float: right;
  margin: 1px 0 8px 5px;
}

.zelos-renderer.zelos_renderer-theme .blocklyToolboxDiv[dir="RTL"] .blocklyTreeRow, .flyout .zelos-renderer.classic-theme .blocklyToolboxDiv[dir="RTL"] .blocklyTreeRow, .gtm-search-results .blocklyToolboxDiv[dir="RTL"] .blocklyTreeRow, .load-strategy__container .blocklyToolboxDiv[dir="RTL"] .blocklyTreeRow {
  margin-left: 8px;
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeRow:not(.blocklyTreeSelected):hover, .flyout .zelos-renderer.classic-theme .blocklyTreeRow:not(.blocklyTreeSelected):hover, .gtm-search-results .blocklyTreeRow:not(.blocklyTreeSelected):hover, .load-strategy__container .blocklyTreeRow:not(.blocklyTreeSelected):hover {
  background-color: #e4e4e4;
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeSeparator, .flyout .zelos-renderer.classic-theme .blocklyTreeSeparator, .gtm-search-results .blocklyTreeSeparator, .load-strategy__container .blocklyTreeSeparator {
  border-bottom: 1px solid #e5e5e5;
  height: 0;
  margin: 5px 0;
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeSeparatorHorizontal, .flyout .zelos-renderer.classic-theme .blocklyTreeSeparatorHorizontal, .gtm-search-results .blocklyTreeSeparatorHorizontal, .load-strategy__container .blocklyTreeSeparatorHorizontal {
  border-right: 1px solid #e5e5e5;
  width: 0;
  margin: 0 5px;
  padding: 5px 0;
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeIcon, .flyout .zelos-renderer.classic-theme .blocklyTreeIcon, .gtm-search-results .blocklyTreeIcon, .load-strategy__container .blocklyTreeIcon {
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeIconClosedLtr, .flyout .zelos-renderer.classic-theme .blocklyTreeIconClosedLtr, .gtm-search-results .blocklyTreeIconClosedLtr, .load-strategy__container .blocklyTreeIconClosedLtr {
  background-position: -32px -1px;
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeIconClosedRtl, .flyout .zelos-renderer.classic-theme .blocklyTreeIconClosedRtl, .gtm-search-results .blocklyTreeIconClosedRtl, .load-strategy__container .blocklyTreeIconClosedRtl {
  background-position: 0 -1px;
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeIconOpen, .flyout .zelos-renderer.classic-theme .blocklyTreeIconOpen, .gtm-search-results .blocklyTreeIconOpen, .load-strategy__container .blocklyTreeIconOpen {
  background-position: -16px -1px;
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeSelected > .blocklyTreeIconClosedLtr, .flyout .zelos-renderer.classic-theme .blocklyTreeSelected > .blocklyTreeIconClosedLtr, .gtm-search-results .blocklyTreeSelected > .blocklyTreeIconClosedLtr, .load-strategy__container .blocklyTreeSelected > .blocklyTreeIconClosedLtr {
  background-position: -32px -17px;
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeSelected > .blocklyTreeIconClosedRtl, .flyout .zelos-renderer.classic-theme .blocklyTreeSelected > .blocklyTreeIconClosedRtl, .gtm-search-results .blocklyTreeSelected > .blocklyTreeIconClosedRtl, .load-strategy__container .blocklyTreeSelected > .blocklyTreeIconClosedRtl {
  background-position: 0 -17px;
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeSelected > .blocklyTreeIconOpen, .flyout .zelos-renderer.classic-theme .blocklyTreeSelected > .blocklyTreeIconOpen, .gtm-search-results .blocklyTreeSelected > .blocklyTreeIconOpen, .load-strategy__container .blocklyTreeSelected > .blocklyTreeIconOpen {
  background-position: -16px -17px;
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeIconNone, .zelos-renderer.zelos_renderer-theme .blocklyTreeSelected > .blocklyTreeIconNone, .flyout .zelos-renderer.classic-theme .blocklyTreeIconNone, .flyout .zelos-renderer.classic-theme .blocklyTreeSelected > .blocklyTreeIconNone, .gtm-search-results .blocklyTreeIconNone, .gtm-search-results .blocklyTreeSelected > .blocklyTreeIconNone, .load-strategy__container .blocklyTreeIconNone, .load-strategy__container .blocklyTreeSelected > .blocklyTreeIconNone {
  background-position: -48px -1px;
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeLabel, .flyout .zelos-renderer.classic-theme .blocklyTreeLabel, .gtm-search-results .blocklyTreeLabel, .load-strategy__container .blocklyTreeLabel {
  cursor: default;
  vertical-align: middle;
  padding: 0 3px;
  font-size: 16px;
}

.zelos-renderer.zelos_renderer-theme .blocklyTreeSelected .blocklyTreeLabel, .flyout .zelos-renderer.classic-theme .blocklyTreeSelected .blocklyTreeLabel, .gtm-search-results .blocklyTreeSelected .blocklyTreeLabel, .load-strategy__container .blocklyTreeSelected .blocklyTreeLabel {
  color: #fff;
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-slider-horizontal, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-slider-horizontal, .gtm-search-results .blocklyDropDownDiv .goog-slider-horizontal, .load-strategy__container .blocklyDropDownDiv .goog-slider-horizontal {
  border-radius: 11px;
  outline: none;
  width: 150px;
  height: 22px;
  margin: 8px 8px 20px;
  position: relative;
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-slider-horizontal .goog-slider-thumb, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-slider-horizontal .goog-slider-thumb, .gtm-search-results .blocklyDropDownDiv .goog-slider-horizontal .goog-slider-thumb, .load-strategy__container .blocklyDropDownDiv .goog-slider-horizontal .goog-slider-thumb {
  background-color: #fff;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  position: absolute;
  top: -1px;
  box-shadow: 0 0 0 4px #00000026;
}

.zelos-renderer.zelos_renderer-theme .scratchEyedropper, .flyout .zelos-renderer.classic-theme .scratchEyedropper, .gtm-search-results .scratchEyedropper, .load-strategy__container .scratchEyedropper {
  text-align: center;
  cursor: pointer;
  background: none;
  border: none;
  border-top: 1px solid #ddd;
  outline: none;
  width: 100%;
  padding-top: 5px;
}

.zelos-renderer.zelos_renderer-theme .scratchColourPickerLabel, .flyout .zelos-renderer.classic-theme .scratchColourPickerLabel, .gtm-search-results .scratchColourPickerLabel, .load-strategy__container .scratchColourPickerLabel {
  color: #0e0e0e;
  margin: 8px;
  font-size: .65rem;
}

.zelos-renderer.zelos_renderer-theme .scratchColourPickerLabelText, .flyout .zelos-renderer.classic-theme .scratchColourPickerLabelText, .gtm-search-results .scratchColourPickerLabelText, .load-strategy__container .scratchColourPickerLabelText {
  font-weight: bold;
}

.zelos-renderer.zelos_renderer-theme .scratchColourPickerReadout, .flyout .zelos-renderer.classic-theme .scratchColourPickerReadout, .gtm-search-results .scratchColourPickerReadout, .load-strategy__container .scratchColourPickerReadout {
  margin-left: 10px;
}

.zelos-renderer.zelos_renderer-theme .scratchMatrixButtonDiv, .flyout .zelos-renderer.classic-theme .scratchMatrixButtonDiv, .gtm-search-results .scratchMatrixButtonDiv, .load-strategy__container .scratchMatrixButtonDiv {
  text-align: center;
  float: left;
  width: 50%;
}

.zelos-renderer.zelos_renderer-theme .scratchNotePickerKeyLabel, .flyout .zelos-renderer.classic-theme .scratchNotePickerKeyLabel, .gtm-search-results .scratchNotePickerKeyLabel, .load-strategy__container .scratchNotePickerKeyLabel {
  fill: #0e0e0e;
  pointer-events: none;
  font-size: .75rem;
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menu, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menu, .gtm-search-results .blocklyWidgetDiv .goog-menu, .load-strategy__container .blocklyWidgetDiv .goog-menu {
  cursor: default;
  z-index: 20000;
  background: #fff;
  border: 1px solid #666;
  border-color: #ccc #666 #666 #ccc;
  outline: none;
  margin: 0;
  padding: 4px 0;
  font: 13px Helvetica Neue, sans-serif;
  position: absolute;
  overflow: hidden auto;
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menu, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menu, .gtm-search-results .blocklyDropDownDiv .goog-menu, .load-strategy__container .blocklyDropDownDiv .goog-menu {
  cursor: default;
  z-index: 20000;
  outline: none;
  font: 13px Helvetica Neue, sans-serif;
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem, .gtm-search-results .blocklyWidgetDiv .goog-menuitem, .load-strategy__container .blocklyWidgetDiv .goog-menuitem {
  color: #000;
  white-space: nowrap;
  margin: 0;
  padding: 4px 7em 4px 28px;
  font: 13px Helvetica Neue, sans-serif;
  list-style: none;
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem, .gtm-search-results .blocklyDropDownDiv .goog-menuitem, .load-strategy__container .blocklyDropDownDiv .goog-menuitem {
  color: #333;
  white-space: nowrap;
  min-height: 24px;
  margin: 0;
  padding: 4px 7em 4px 28px;
  font: bold 13px Helvetica Neue, sans-serif;
  list-style: none;
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menu-nocheckbox .goog-menuitem, .zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menu-noicon .goog-menuitem, .zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menu-nocheckbox .goog-menuitem, .zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menu-noicon .goog-menuitem, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menu-nocheckbox .goog-menuitem, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menu-noicon .goog-menuitem, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menu-nocheckbox .goog-menuitem, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menu-noicon .goog-menuitem, .gtm-search-results .blocklyWidgetDiv .goog-menu-nocheckbox .goog-menuitem, .gtm-search-results .blocklyWidgetDiv .goog-menu-noicon .goog-menuitem, .gtm-search-results .blocklyDropDownDiv .goog-menu-nocheckbox .goog-menuitem, .gtm-search-results .blocklyDropDownDiv .goog-menu-noicon .goog-menuitem, .load-strategy__container .blocklyWidgetDiv .goog-menu-nocheckbox .goog-menuitem, .load-strategy__container .blocklyWidgetDiv .goog-menu-noicon .goog-menuitem, .load-strategy__container .blocklyDropDownDiv .goog-menu-nocheckbox .goog-menuitem, .load-strategy__container .blocklyDropDownDiv .goog-menu-noicon .goog-menuitem {
  padding-left: 12px;
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menu-noaccel .goog-menuitem, .zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menu-noaccel .goog-menuitem, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menu-noaccel .goog-menuitem, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menu-noaccel .goog-menuitem, .gtm-search-results .blocklyWidgetDiv .goog-menu-noaccel .goog-menuitem, .gtm-search-results .blocklyDropDownDiv .goog-menu-noaccel .goog-menuitem, .load-strategy__container .blocklyWidgetDiv .goog-menu-noaccel .goog-menuitem, .load-strategy__container .blocklyDropDownDiv .goog-menu-noaccel .goog-menuitem {
  padding-right: 20px;
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-content, .zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-content, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-content, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-content, .gtm-search-results .blocklyWidgetDiv .goog-menuitem-content, .gtm-search-results .blocklyDropDownDiv .goog-menuitem-content, .load-strategy__container .blocklyWidgetDiv .goog-menuitem-content, .load-strategy__container .blocklyDropDownDiv .goog-menuitem-content {
  color: #000;
  font: 13px Helvetica Neue, sans-serif;
}

.zelos-renderer.zelos_renderer-theme .blocklyMenuItemContent.goog-menuitem-content, .flyout .zelos-renderer.classic-theme .blocklyMenuItemContent.goog-menuitem-content, .gtm-search-results .blocklyMenuItemContent.goog-menuitem-content, .load-strategy__container .blocklyMenuItemContent.goog-menuitem-content {
  color: #000;
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownContent .blocklyMenuItemContent.goog-menuitem-content, .flyout .zelos-renderer.classic-theme .blocklyDropDownContent .blocklyMenuItemContent.goog-menuitem-content, .gtm-search-results .blocklyDropDownContent .blocklyMenuItemContent.goog-menuitem-content, .load-strategy__container .blocklyDropDownContent .blocklyMenuItemContent.goog-menuitem-content {
  font-weight: bold;
}

.zelos-renderer.zelos_renderer-theme .blocklyCheckbox, .flyout .zelos-renderer.classic-theme .blocklyCheckbox, .gtm-search-results .blocklyCheckbox, .load-strategy__container .blocklyCheckbox {
  y: 7;
  x: 2;
  width: 16px;
  height: 16px;
}

.zelos-renderer.zelos_renderer-theme .header__title, .flyout .zelos-renderer.classic-theme .header__title, .gtm-search-results .header__title, .load-strategy__container .header__title {
  color: var(--text-prominent);
  font-weight: 700;
  display: inline-block;
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-accel, .zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-content, .zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-accel, .zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-content, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-accel, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-content, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-accel, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-content, .gtm-search-results .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-accel, .gtm-search-results .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-content, .gtm-search-results .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-accel, .gtm-search-results .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-content, .load-strategy__container .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-accel, .load-strategy__container .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-content, .load-strategy__container .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-accel, .load-strategy__container .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-content {
  color: #ccc !important;
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-icon, .zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-icon, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-icon, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-icon, .gtm-search-results .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-icon, .gtm-search-results .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-icon, .load-strategy__container .blocklyWidgetDiv .goog-menuitem-disabled .goog-menuitem-icon, .load-strategy__container .blocklyDropDownDiv .goog-menuitem-disabled .goog-menuitem-icon {
  opacity: .3;
  -moz-opacity: .3;
  filter: alpha(opacity= 30);
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-highlight, .zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-hover, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-highlight, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-hover, .gtm-search-results .blocklyWidgetDiv .goog-menuitem-highlight, .gtm-search-results .blocklyWidgetDiv .goog-menuitem-hover, .load-strategy__container .blocklyWidgetDiv .goog-menuitem-highlight, .load-strategy__container .blocklyWidgetDiv .goog-menuitem-hover {
  background-color: #d6e9f8;
  border: 1px dotted #d6e9f8;
  border-width: 1px 0;
  padding-top: 3px;
  padding-bottom: 3px;
}

.zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-highlight, .zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-hover, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-highlight, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-hover, .gtm-search-results .blocklyDropDownDiv .goog-menuitem-highlight, .gtm-search-results .blocklyDropDownDiv .goog-menuitem-hover, .load-strategy__container .blocklyDropDownDiv .goog-menuitem-highlight, .load-strategy__container .blocklyDropDownDiv .goog-menuitem-hover {
  background-color: #0003;
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-checkbox, .zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-icon, .zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-checkbox, .zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-icon, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-checkbox, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-icon, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-checkbox, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-icon, .gtm-search-results .blocklyWidgetDiv .goog-menuitem-checkbox, .gtm-search-results .blocklyWidgetDiv .goog-menuitem-icon, .gtm-search-results .blocklyDropDownDiv .goog-menuitem-checkbox, .gtm-search-results .blocklyDropDownDiv .goog-menuitem-icon, .load-strategy__container .blocklyWidgetDiv .goog-menuitem-checkbox, .load-strategy__container .blocklyWidgetDiv .goog-menuitem-icon, .load-strategy__container .blocklyDropDownDiv .goog-menuitem-checkbox, .load-strategy__container .blocklyDropDownDiv .goog-menuitem-icon {
  vertical-align: middle;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 6px;
  right: auto;
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-option-selected .goog-menuitem-checkbox, .zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-option-selected .goog-menuitem-icon, .zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-option-selected .goog-menuitem-checkbox, .zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-option-selected .goog-menuitem-icon, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-option-selected .goog-menuitem-checkbox, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-option-selected .goog-menuitem-icon, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-option-selected .goog-menuitem-checkbox, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-option-selected .goog-menuitem-icon, .gtm-search-results .blocklyWidgetDiv .goog-option-selected .goog-menuitem-checkbox, .gtm-search-results .blocklyWidgetDiv .goog-option-selected .goog-menuitem-icon, .gtm-search-results .blocklyDropDownDiv .goog-option-selected .goog-menuitem-checkbox, .gtm-search-results .blocklyDropDownDiv .goog-option-selected .goog-menuitem-icon, .load-strategy__container .blocklyWidgetDiv .goog-option-selected .goog-menuitem-checkbox, .load-strategy__container .blocklyWidgetDiv .goog-option-selected .goog-menuitem-icon, .load-strategy__container .blocklyDropDownDiv .goog-option-selected .goog-menuitem-checkbox, .load-strategy__container .blocklyDropDownDiv .goog-option-selected .goog-menuitem-icon {
  float: left;
  margin-left: -24px;
  position: static;
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-checkbox, .zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-icon, .zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-checkbox, .zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-icon, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-checkbox, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-icon, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-checkbox, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-icon, .gtm-search-results .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-checkbox, .gtm-search-results .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-icon, .gtm-search-results .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-checkbox, .gtm-search-results .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-icon, .load-strategy__container .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-checkbox, .load-strategy__container .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-icon, .load-strategy__container .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-checkbox, .load-strategy__container .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-icon {
  float: right;
  margin-right: -24px;
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-accel, .zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-accel, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-accel, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-accel, .gtm-search-results .blocklyWidgetDiv .goog-menuitem-accel, .gtm-search-results .blocklyDropDownDiv .goog-menuitem-accel, .load-strategy__container .blocklyWidgetDiv .goog-menuitem-accel, .load-strategy__container .blocklyDropDownDiv .goog-menuitem-accel {
  color: #999;
  text-align: right;
  direction: ltr;
  padding: 0 6px;
  position: absolute;
  left: auto;
  right: 0;
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-accel, .zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-accel, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-accel, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-accel, .gtm-search-results .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-accel, .gtm-search-results .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-accel, .load-strategy__container .blocklyWidgetDiv .goog-menuitem-rtl .goog-menuitem-accel, .load-strategy__container .blocklyDropDownDiv .goog-menuitem-rtl .goog-menuitem-accel {
  text-align: left;
  left: 0;
  right: auto;
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-mnemonic-hint, .zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-mnemonic-hint, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-mnemonic-hint, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-mnemonic-hint, .gtm-search-results .blocklyWidgetDiv .goog-menuitem-mnemonic-hint, .gtm-search-results .blocklyDropDownDiv .goog-menuitem-mnemonic-hint, .load-strategy__container .blocklyWidgetDiv .goog-menuitem-mnemonic-hint, .load-strategy__container .blocklyDropDownDiv .goog-menuitem-mnemonic-hint {
  text-decoration: underline;
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuitem-mnemonic-separator, .zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuitem-mnemonic-separator, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuitem-mnemonic-separator, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuitem-mnemonic-separator, .gtm-search-results .blocklyWidgetDiv .goog-menuitem-mnemonic-separator, .gtm-search-results .blocklyDropDownDiv .goog-menuitem-mnemonic-separator, .load-strategy__container .blocklyWidgetDiv .goog-menuitem-mnemonic-separator, .load-strategy__container .blocklyDropDownDiv .goog-menuitem-mnemonic-separator {
  color: #999;
  padding-left: 4px;
  font-size: 12px;
}

.zelos-renderer.zelos_renderer-theme .blocklyWidgetDiv .goog-menuseparator, .zelos-renderer.zelos_renderer-theme .blocklyDropDownDiv .goog-menuseparator, .flyout .zelos-renderer.classic-theme .blocklyWidgetDiv .goog-menuseparator, .flyout .zelos-renderer.classic-theme .blocklyDropDownDiv .goog-menuseparator, .gtm-search-results .blocklyWidgetDiv .goog-menuseparator, .gtm-search-results .blocklyDropDownDiv .goog-menuseparator, .load-strategy__container .blocklyWidgetDiv .goog-menuseparator, .load-strategy__container .blocklyDropDownDiv .goog-menuseparator {
  border-top: 1px solid #ccc;
  margin: 4px 0;
  padding: 0;
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutCheckbox, .flyout .zelos-renderer.classic-theme .blocklyFlyoutCheckbox, .gtm-search-results .blocklyFlyoutCheckbox, .load-strategy__container .blocklyFlyoutCheckbox {
  fill: #fff;
  stroke: #c8c8c8;
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutCheckbox.checked, .flyout .zelos-renderer.classic-theme .blocklyFlyoutCheckbox.checked, .gtm-search-results .blocklyFlyoutCheckbox.checked, .load-strategy__container .blocklyFlyoutCheckbox.checked {
  fill: #4c97ff;
  stroke: #3373cc;
}

.zelos-renderer.zelos_renderer-theme .blocklyFlyoutCheckboxPath, .flyout .zelos-renderer.classic-theme .blocklyFlyoutCheckboxPath, .gtm-search-results .blocklyFlyoutCheckboxPath, .load-strategy__container .blocklyFlyoutCheckboxPath {
  stroke: #fff;
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.zelos-renderer.zelos_renderer-theme .scratchCategoryMenu, .flyout .zelos-renderer.classic-theme .scratchCategoryMenu, .gtm-search-results .scratchCategoryMenu, .load-strategy__container .scratchCategoryMenu {
  color: #0e0e0e;
  -webkit-user-select: none;
  user-select: none;
  background: #0e0e0e;
  width: 60px;
  font-size: .7rem;
}

.zelos-renderer.zelos_renderer-theme .scratchCategoryMenuHorizontal, .flyout .zelos-renderer.classic-theme .scratchCategoryMenuHorizontal, .gtm-search-results .scratchCategoryMenuHorizontal, .load-strategy__container .scratchCategoryMenuHorizontal {
  color: #0e0e0e;
  -webkit-user-select: none;
  user-select: none;
  background: #0e0e0e;
  width: 100%;
  height: 50px;
  font-size: .7em;
}

.zelos-renderer.zelos_renderer-theme .scratchCategoryMenuHorizontal .scratchCategoryMenuRow, .flyout .zelos-renderer.classic-theme .scratchCategoryMenuHorizontal .scratchCategoryMenuRow, .gtm-search-results .scratchCategoryMenuHorizontal .scratchCategoryMenuRow, .load-strategy__container .scratchCategoryMenuHorizontal .scratchCategoryMenuRow {
  float: left;
  margin: 3px;
}

.zelos-renderer.zelos_renderer-theme .scratchCategoryMenuItem, .flyout .zelos-renderer.classic-theme .scratchCategoryMenuItem, .gtm-search-results .scratchCategoryMenuItem, .load-strategy__container .scratchCategoryMenuItem {
  cursor: pointer;
  text-align: center;
  padding: .375rem 0;
}

.zelos-renderer.zelos_renderer-theme .scratchCategoryMenuHorizontal .scratchCategoryMenuItem, .flyout .zelos-renderer.classic-theme .scratchCategoryMenuHorizontal .scratchCategoryMenuItem, .gtm-search-results .scratchCategoryMenuHorizontal .scratchCategoryMenuItem, .load-strategy__container .scratchCategoryMenuHorizontal .scratchCategoryMenuItem {
  padding: 6px 5px;
}

.zelos-renderer.zelos_renderer-theme .scratchCategoryMenuItem.categorySelected, .flyout .zelos-renderer.classic-theme .scratchCategoryMenuItem.categorySelected, .gtm-search-results .scratchCategoryMenuItem.categorySelected, .load-strategy__container .scratchCategoryMenuItem.categorySelected {
  background: #0e0e0e;
}

.zelos-renderer.zelos_renderer-theme .scratchCategoryItemBubble, .flyout .zelos-renderer.classic-theme .scratchCategoryItemBubble, .gtm-search-results .scratchCategoryItemBubble, .load-strategy__container .scratchCategoryItemBubble {
  border: 1px solid;
  border-radius: 100%;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 auto .125rem;
}

.zelos-renderer.zelos_renderer-theme .scratchCategoryItemIcon, .flyout .zelos-renderer.classic-theme .scratchCategoryItemIcon, .gtm-search-results .scratchCategoryItemIcon, .load-strategy__container .scratchCategoryItemIcon {
  background-size: 100%;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 auto .125rem;
}

.zelos-renderer.zelos_renderer-theme .scratchCategoryMenuItem:hover, .flyout .zelos-renderer.classic-theme .scratchCategoryMenuItem:hover, .gtm-search-results .scratchCategoryMenuItem:hover, .load-strategy__container .scratchCategoryMenuItem:hover {
  color: #0e0e0e !important;
}

.zelos-renderer.zelos_renderer-theme rect.blocklyFieldRect.blocklyDropdownRect, .flyout .zelos-renderer.classic-theme rect.blocklyFieldRect.blocklyDropdownRect, .gtm-search-results rect.blocklyFieldRect.blocklyDropdownRect, .load-strategy__container rect.blocklyFieldRect.blocklyDropdownRect {
  fill: #fff;
  rx: 16px;
  ry: 16px;
}

.zelos-renderer.zelos_renderer-theme .blocklyTextRootBlockHeader, .zelos-renderer.zelos_renderer-theme .blocklyTextRootBlockHeaderCollapsed, .flyout .zelos-renderer.classic-theme .blocklyTextRootBlockHeader, .flyout .zelos-renderer.classic-theme .blocklyTextRootBlockHeaderCollapsed, .gtm-search-results .blocklyTextRootBlockHeader, .gtm-search-results .blocklyTextRootBlockHeaderCollapsed, .load-strategy__container .blocklyTextRootBlockHeader, .load-strategy__container .blocklyTextRootBlockHeaderCollapsed {
  color: #fff;
  fill: #fff;
  font-size: 1.9rem;
  width: 17rem !important;
}

.zelos-renderer.zelos_renderer-theme .blocklyTextRootBlockHeaderCollapsed, .flyout .zelos-renderer.classic-theme .blocklyTextRootBlockHeaderCollapsed, .gtm-search-results .blocklyTextRootBlockHeaderCollapsed, .load-strategy__container .blocklyTextRootBlockHeaderCollapsed {
  font-size: 1.8rem;
}

.zelos-renderer.zelos_renderer-theme .blocklyTextTickAnalysis, .flyout .zelos-renderer.classic-theme .blocklyTextTickAnalysis, .gtm-search-results .blocklyTextTickAnalysis, .load-strategy__container .blocklyTextTickAnalysis {
  fill: #fff;
  font-size: 1.6rem;
}

.blocklyNonEditableText:has( > .blocklyCheckbox) .blocklyFieldRect {
  y: 7;
  x: 2;
  width: 16px;
  height: 16px;
}

.blocklyEditableText:has( > .blocklyCheckbox) .blocklyFieldRect {
  y: 7;
  x: 2;
  width: 16px;
  height: 16px;
}

.dc-text {
  font-size: var(--text-size);
  color: var(--text-color);
  line-height: var(--text-lh);
  font-weight: var(--text-weight);
  text-align: var(--text-align);
}

.barspinner {
  white-space: nowrap;
  width: 6rem;
  height: 2rem;
  margin: auto;
}

.barspinner__rect {
  border-radius: 20px;
  width: .6rem;
  height: 60%;
  margin: .4rem;
  animation: 1.2s ease-in-out infinite sk-stretchdelay;
  display: inline-block;
}

.barspinner__rect--1 {
  animation-delay: -1.2s;
}

.barspinner__rect--2 {
  animation-delay: -1.1s;
}

.barspinner__rect--3 {
  animation-delay: -1s;
}

.barspinner__rect--4 {
  animation-delay: -.9s;
}

.barspinner__rect--5 {
  animation-delay: -.8s;
}

.barspinner--dark .barspinner__rect {
  background-color: var(--brand-secondary);
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(1);
  }

  20% {
    transform: scaleY(2);
  }
}

.initial-loader {
  background: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.initial-loader--fullscreen {
  width: 100vw;
  height: 100vh;
}

@media (min-width: 1280px) {
  .initial-loader--fullscreen {
    height: calc(100vh - 84px);
  }
}

@media (max-width: 1279px) {
  .initial-loader--fullscreen {
    height: calc(100vh - 40px);
  }
}

.initial-loader__barspinner {
  margin: 5rem auto;
}

.initial-loader__barspinner--rect {
  background-color: var(--brand-secondary);
}

:root {
  --button-primary-default: #2323ff;
  --text-colored-background: #fff;
  --button-primary-hover: #1f1fe6;
  --button-secondary-default: #6e6e6e;
}

.dc-btn {
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  justify-content: center;
  align-items: center;
  height: 3.2rem;
  padding: 0 1.6rem;
  text-decoration: none;
  transition: all .2s cubic-bezier(.65, .05, .36, 1);
  display: inline-flex;
  position: relative;
  text-transform: none !important;
}

.dc-btn__toggle {
  height: auto;
  padding: .8rem 2.5rem;
}

.dc-btn__text, .dc-btn__icon {
  pointer-events: none;
  display: flex;
}

.dc-btn__icon {
  color: var(--text-general);
  text-transform: unset;
  text-align: center;
  pointer-events: none;
  padding-right: .8rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
}

.dc-btn__icon--circle {
  padding-right: 0;
}

.dc-btn:not([disabled]):hover {
  text-decoration: none;
}

.dc-btn__rounded {
  border-radius: 24px;
}

.dc-btn--plus {
  background: inherit;
  background-position: center;
  background-repeat: no-repeat;
  width: 2.4rem;
  border: 1px solid var(--border-hover) !important;
  height: 2.4rem !important;
  padding: 0 !important;
}

.dc-btn--circle {
  border-radius: 50%;
  height: 3.2rem;
  width: 3.2rem !important;
}

.dc-btn--circular {
  border-radius: 100px;
}

.dc-btn--transparent {
  background: none;
}

.dc-btn--primary {
  background: var(--button-primary-default);
  color: var(--text-colored-background);
}

.dc-btn--primary:hover:not([disabled]) {
  background: var(--button-primary-hover);
}

.dc-btn--primary:active:not([disabled]) {
  background: var(--button-primary-default);
}

.dc-btn--primary:disabled, .dc-btn--primary[disabled] {
  opacity: .32;
  cursor: not-allowed !important;
}

.dc-btn--primary .dc-btn__text, .dc-btn--primary .dc-btn__icon {
  color: var(--text-colored-background);
}

.dc-btn--primary .dc-btn__icon {
  padding-right: 0;
  padding-inline-end: .8rem;
}

.dc-btn--primary__light {
  background: var(--button-primary-light-default);
}

.dc-btn--primary__light:hover:not([disabled]) {
  background: var(--button-primary-light-hover);
}

.dc-btn--primary__light:active:not([disabled]) {
  background: var(--button-primary-light-default);
}

.dc-btn--primary__light:disabled, .dc-btn--primary__light[disabled] {
  opacity: .32;
  cursor: not-allowed !important;
}

.dc-btn--primary__light .dc-btn__text, .dc-btn--primary__light .dc-btn__icon {
  color: var(--brand-red-coral);
}

.dc-btn--secondary {
  border: 1px solid var(--button-secondary-default);
  background: none;
}

.dc-btn--secondary:hover:not([disabled]) {
  background: var(--button-secondary-hover);
}

.dc-btn--secondary:active:not([disabled]) {
  border: 1px solid var(--button-secondary-default);
}

.dc-btn--secondary:disabled, .dc-btn--secondary[disabled] {
  opacity: .32;
  cursor: not-allowed !important;
}

.dc-btn--secondary .dc-btn__text, .dc-btn--secondary .dc-btn__icon {
  color: var(--text-prominent);
}

.dc-btn--tertiary {
  background: var(--button-tertiary-default);
}

.dc-btn--tertiary:hover:not([disabled]) {
  background: var(--button-tertiary-hover);
}

.dc-btn--tertiary:active:not([disabled]) {
  background: var(--button-tertiary-default);
}

.dc-btn--tertiary .dc-btn__text, .dc-btn--tertiary .dc-btn__icon {
  color: var(--brand-red-coral);
}

.dc-btn--tertiary:disabled, .dc-btn--tertiary[disabled] {
  opacity: .32;
  cursor: not-allowed !important;
}

.dc-btn--alternate {
  background: var(--button-tertiary-default);
  border: 2px solid var(--button-primary-default);
}

.dc-btn--alternate:hover:not([disabled]) {
  background: var(--button-primary-default);
}

.dc-btn--alternate:hover:not([disabled]) .dc-btn__text {
  color: var(--text-colored-background);
}

.dc-btn--alternate .dc-btn__text, .dc-btn--alternate .dc-btn__icon {
  color: var(--brand-red-coral);
}

.dc-btn--green {
  background: var(--status-success);
}

.dc-btn--green:hover:not([disabled]) {
  background: var(--transparent-success);
}

.dc-btn--green:active:not([disabled]) {
  background: var(--status-success);
}

.dc-btn--green .dc-btn__text, .dc-btn--green .dc-btn__icon {
  color: var(--text-colored-background);
}

.dc-btn--black {
  background: var(--button-get-started-bg);
}

.dc-btn--black:hover:not([disabled]), .dc-btn--black:active:not([disabled]) {
  opacity: .7;
}

.dc-btn--black .dc-btn__text, .dc-btn--black .dc-btn__icon {
  color: var(--general-main-1);
}

.dc-btn__small {
  border-width: 1px;
  min-width: 4.8rem;
  height: 2.4rem;
}

.dc-btn__small .dc-btn__text {
  font-size: 1.2rem;
}

.dc-btn__medium {
  border-width: 1px;
  min-width: 5.6rem;
  height: 3.2rem;
}

.dc-btn__medium .dc-btn__text {
  font-size: 1.4rem;
}

.dc-btn__large {
  border-width: 2px;
  min-width: 6.4rem;
  height: 4rem;
}

.dc-btn__large .dc-btn__text {
  font-size: 1.4rem;
}

.dc-btn__wide {
  width: 100%;
  height: 4rem;
}

.dc-btn__effect:focus:not(:active):after {
  content: "";
  border-radius: inherit;
  border: 0 solid var(--brand-secondary);
  opacity: .4;
  animation: .4s forwards button-effect;
  display: block;
  position: absolute;
  top: -.1em;
  bottom: -.1em;
  left: -.1em;
  right: -.1em;
}

.dc-btn__group {
  white-space: nowrap;
}

.dc-btn__group .dc-btn + .dc-btn {
  margin-left: 8px;
}

.dc-btn__button-group {
  border-radius: 0 4px 4px 0;
}

.dc-btn .initial-loader--btn {
  background-color: unset;
}

.dc-btn .initial-loader--btn .initial-loader__barspinner--rect {
  background-color: var(--text-colored-background);
}

.dc-btn .initial-loader--btn .barspinner {
  margin: .6rem 4px 0 -4px;
}

.dc-btn .initial-loader--btn .barspinner__rect {
  height: 35%;
}

@keyframes button-effect {
  to {
    opacity: 0;
    border-width: 6px;
    top: -.6em;
    bottom: -.6em;
    left: -.6em;
    right: -.6em;
  }
}

.dc-expansion-panel__header-container {
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  display: flex;
}

.dc-expansion-panel__header-chevron-icon {
  cursor: pointer;
  transition: transform .3s;
  transform: rotate(0);
}

.dc-expansion-panel__header-active .dc-expansion-panel__header-chevron-icon {
  transform: rotate(180deg);
}

.dc-expansion-panel__header-active {
  margin-bottom: 1.6rem;
}

.dc-expansion-panel__content-array {
  font-size: var(--text-size-xxs);
  justify-content: flex-start;
  align-items: flex-start;
  line-height: 1.5;
  display: flex;
}

.dc-expansion-panel__content-chevron-icon {
  cursor: pointer;
  margin-left: 4px;
  margin-right: 4px;
  transition: transform .3s;
  transform: rotate(0);
}

.dc-expansion-panel__content-active .dc-expansion-panel__content-chevron-icon {
  transform: rotate(90deg);
}

.dc-expansion-panel__content-array-item-index {
  margin-right: 4px;
}

.notify__item-button {
  margin-top: 8px;
  margin-left: 100%;
  transform: translateX(-100%);
  height: 2.8rem !important;
}

.notify__item-button .btn__text {
  font-size: var(--text-size-xxs);
}

.notify__item-container {
  align-items: center;
  display: flex;
}

.notify__item-message {
  font-size: var(--text-size-xxs);
  margin-left: 8px;
  line-height: 1.2;
}

.dc-dialog {
  text-align: center;
  z-index: 999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.dc-dialog__wrapper {
  z-index: 999;
  background-color: var(--overlay-outside-dialog);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .25s cubic-bezier(.25, .1, .1, .25);
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.dc-dialog__wrapper--enter, .dc-dialog__wrapper--exit {
  opacity: 0;
}

.dc-dialog__wrapper--enter .dc-dialog__dialog, .dc-dialog__wrapper--exit .dc-dialog__dialog {
  opacity: 0;
  transform: translate3d(0, 50px, 0);
}

.dc-dialog__wrapper--enter-done {
  opacity: 1;
}

.dc-dialog__wrapper--enter-done .dc-dialog__dialog {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.dc-dialog__wrapper--has-portal {
  background-color: #0000;
}

.dc-dialog__dialog {
  box-sizing: border-box;
  min-width: 440px;
  max-width: 560px;
  min-height: 176px;
  max-height: 338px;
  box-shadow: 0 2px 8px 0 var(--shadow-menu);
  background-color: var(--general-main-2);
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-top: -48px;
  padding: 2.4rem;
  transition: transform .25s cubic-bezier(.25, .1, .1, .25), opacity .25s cubic-bezier(.25, .1, .1, .25);
  display: flex;
}

.dc-dialog__header-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
  display: flex;
}

.dc-dialog__header-wrapper--end {
  justify-content: flex-end;
}

.dc-dialog__header--title {
  align-self: flex-start;
}

.dc-dialog__header--close {
  cursor: pointer;
}

.dc-dialog__content {
  align-self: flex-start;
  width: 100%;
  max-width: calc(440px - 4.8rem);
  margin-bottom: 2.4rem;
}

.dc-dialog__content .dc-input__label {
  background-color: var(--general-main-2);
}

.dc-dialog__content--centered {
  align-self: center;
}

.dc-dialog__footer {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

@media (max-width: 1279px) {
  .dc-dialog__footer {
    flex-wrap: wrap;
    align-items: flex-start;
  }
}

.dc-dialog__button {
  margin-left: .8rem;
}

@media (max-width: 1279px) {
  .dc-dialog__button:not(:last-child) {
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 560px) {
  .dc-dialog__dialog {
    min-width: auto;
  }

  .dc-dialog__dialog--has-margin {
    min-width: unset;
    width: calc(100vw - 4.8rem);
  }
}

.endpoint {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60%;
  display: flex;
}

.endpoint__title {
  margin-bottom: 2rem;
}

.endpoint__form {
  flex-direction: column;
  gap: 3rem;
  display: flex;
}

.endpoint__button {
  margin-right: 1rem;
}

@media (max-width: 1279px) {
  .endpoint {
    height: unset;
    padding-top: 2rem;
  }
}

.app-root {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  font-size: 1.6rem;
  display: flex;
}

.app-root .load-message {
  margin-top: 6rem;
}

:host, :root {
  --text-size-xxxxs: .8rem;
  --text-size-xxxs: 1rem;
  --text-size-xxs: 1.2rem;
  --text-size-xs: 1.4rem;
  --text-size-s: 1.6rem;
  --text-size-xsm: 1.8rem;
  --text-size-sm: 2rem;
  --text-size-m: 2.4rem;
  --text-size-l: 3.2rem;
  --text-size-xl: 4.8rem;
  --text-size-xxl: 6.4rem;
  --text-lh-xxs: 1;
  --text-lh-xs: 1.25;
  --text-lh-s: 1.4;
  --text-lh-m: 1.5;
  --text-lh-l: 1.75;
  --text-lh-xl: 2;
  --text-lh-xxl: 2.4;
  --text-weight-lighter: lighter;
  --text-weight-normal: normal;
  --text-weight-bold: bold;
  --text-weight-bolder: bolder;
  --text-align-left: start;
  --text-align-right: right;
  --text-align-center: center;
  --brand-white: #fff;
  --brand-dark-grey: #0e0e0e;
  --brand-red-coral: #ff444f;
  --brand-orange: #2323ff;
  --brand-secondary: #85acb0;
  --app-card-virtual: linear-gradient(274.25deg, #333 9.01%, #5c5b5b 103.31%);
  --app-card-virtual-swap-free: linear-gradient(58.51deg, #061828 28.06%, #1a3c60 93.51%);
  --tw-border-opacity: 1;
}

:host .theme--light, :root .theme--light {
  --general-main-1: #fff;
  --general-main-2: #fff;
  --general-main-3: #999;
  --general-main-4: #ffffffb3;
  --general-section-1: #f2f3f4;
  --general-section-2: #f2f3f4;
  --general-section-3: #fafafa;
  --general-section-4: #f5f7fa;
  --general-section-5: #f2f3f4;
  --general-section-6: #f2f3f4;
  --general-disabled: #eaeced;
  --general-hover: #e6e9e9;
  --general-active: #d6dadb;
  --text-general: #333;
  --text-primary: #999;
  --text-less-prominent: #999;
  --text-prominent: #333;
  --text-disabled: #999;
  --text-disabled-1: #d6d6d6;
  --text-loss-danger: #ec3f3f;
  --text-profit-success: #4bb4b3;
  --text-warning: #ffad3a;
  --text-red: #ff444f;
  --text-green: #17eabd;
  --text-blue: #0796e0;
  --text-info-blue: #377cfc;
  --text-info-blue-background: #dfeaff;
  --text-colored-background: #fff;
  --icon-light-background: #5c5c5c;
  --icon-dark-background: #fff;
  --icon-grey-background: #f2f3f4;
  --icon-black-plus: #000;
  --text-status-info-blue: #377cfc;
  --text-hint: #333;
  --purchase-main-1: #4bb4b3;
  --purchase-section-1: #3d9494;
  --purchase-main-2: #ec3f3f;
  --purchase-section-2: #d33636;
  --purchase-disabled-main: #eaeced;
  --purchase-disabled-section: #e6e9e9;
  --button-primary-default: #2323ff;
  --button-secondary-default: #999;
  --button-tertiary-default: transparent;
  --button-primary-light-default: #ff444f29;
  --button-primary-hover: #1f1fe6;
  --button-secondary-hover: #00000014;
  --button-tertiary-hover: #ff444f14;
  --button-primary-light-hover: #ff444f3d;
  --button-toggle-primary: #0796e0;
  --button-toggle-secondary: #d6dadb;
  --button-toggle-alternate: #fff;
  --overlay-outside-dialog: #000000b8;
  --overlay-inside-dialog: #fffffff5;
  --shadow-menu: #00000029;
  --shadow-menu-2: #00000029;
  --shadow-drop: #00000014;
  --shadow-box: #0006;
  --state-normal: #fff;
  --state-hover: #e6e9e9;
  --state-active: #d6dadb;
  --state-disabled: #eaeced;
  --checkbox-disabled-grey: #d6d6d6;
  --sidebar-tab: #d6d6d6;
  --border-normal: #d6dadb;
  --border-normal-1: #d6dadb;
  --border-normal-2: #d6dadb;
  --border-normal-3: #d6d6d6;
  --border-hover: #999;
  --border-hover-1: #5c5c5c;
  --border-active: var(--brand-secondary);
  --border-disabled: #eaeced;
  --border-divider: #f2f3f4;
  --fill-normal: #fff;
  --fill-normal-1: #c2c2c2;
  --fill-hover: #999;
  --fill-active: var(--brand-secondary);
  --fill-disabled: #eaeced;
  --status-default: #eaeced;
  --status-adjustment: #999;
  --status-danger: #ec3f3f;
  --status-success: #4bb4b3;
  --status-warning: #ffad3a;
  --status-warning-transparent: #ffad3a29;
  --status-transfer: orange;
  --status-info: #377cfc;
  --status-colored-background: #fff;
  --status-alert-background: #ffad3a29;
  --dashboard-swap-free: linear-gradient(58.51deg, #061828 28.06%, #1a3c60 93.51%);
  --dashboard-app: linear-gradient(274.25deg, #333 9.01%, #5c5b5b 103.31%);
  --transparent-success: #4bb4b3eb;
  --transparent-info: #377cfc29;
  --transparent-hint: #377cfc14;
  --transparent-danger: #ff444f29;
  --transparent-correct-message: #4bb4b329;
  --transparent-fake-message: #ec3f3f29;
  --gradient-success: linear-gradient(to top, #fff, #4bb4b329);
  --gradient-danger: linear-gradient(to top, #fff, #ff444f29);
  --contract-gradient-danger: linear-gradient(to top, #fff 85%, #ff444f29);
  --gradient-right-edge: linear-gradient(to right, #fff0 -5%, #fff 71%);
  --gradient-blue: linear-gradient(90deg, #00a8af 0%, #04cfd8 104.41%);
  --gradient-gold: linear-gradient(90deg, #f7931a 0%, #ffc71b 104.41%);
  --gradient-green: linear-gradient(90deg, #1db193 0%, #09da7a 104.41%);
  --badge-white: #fff;
  --badge-blue: #0677af;
  --badge-violet: #2a3052;
  --badge-green: #00a79e;
  --traders-hub-banner-border-color: #e6e9e9;
  --demo-text-color-1: #c2c2c2;
  --demo-text-color-2: #fff;
  --header-background-mt5: #e6f5ff;
  --header-background-others: #e8fdf8;
}

:host .theme--dark, :root .theme--dark {
  --general-main-1: #0e0e0e;
  --general-main-2: #151717;
  --general-main-3: #1d1f20;
  --general-main-4: #0e0e0e80;
  --general-section-1: #151717;
  --general-section-2: #0e0e0e;
  --general-section-3: #242828;
  --general-section-4: #242828;
  --general-section-5: #242828;
  --general-section-6: #6e6e6e;
  --general-disabled: #1d1f20;
  --general-hover: #242828;
  --general-active: #323738;
  --text-prominent: #fff;
  --text-general: #c2c2c2;
  --text-less-prominent: #6e6e6e;
  --text-primary: #999;
  --text-disabled: #3e3e3e;
  --text-disabled-1: #3e3e3e;
  --text-profit-success: #00a79e;
  --text-loss-danger: #cc2e3d;
  --text-red: #ff444f;
  --text-colored-background: #fff;
  --text-info-blue: #92b8ff;
  --text-info-blue-background: #182130;
  --text-status-info-blue: #377cfc;
  --text-hint: #c2c2c2;
  --icon-light-background: #5c5c5c;
  --icon-dark-background: #fff;
  --icon-grey-background: #333;
  --icon-black-plus: #fff;
  --purchase-main-1: #00a79e;
  --purchase-section-1: #008079;
  --purchase-main-2: #cc2e3d;
  --purchase-section-2: #a32430;
  --purchase-disabled-main: #1d1f20;
  --purchase-disabled-section: #0e0e0e;
  --button-primary-default: #2323ff;
  --button-secondary-default: #6e6e6e;
  --button-tertiary-default: transparent;
  --button-primary-light-default: #ff444f29;
  --button-primary-hover: #1f1fe6;
  --button-secondary-hover: #ffffff14;
  --button-tertiary-hover: #ff444f14;
  --button-primary-light-hover: #ff444f3d;
  --button-toggle-primary: #0796e0;
  --button-toggle-secondary: #323738;
  --button-toggle-alternate: #323738;
  --button-get-started-bg: #fff;
  --overlay-outside-dialog: #000000b8;
  --overlay-inside-dialog: #0e0e0ef5;
  --shadow-menu: #000000d6;
  --shadow-menu-2: #000000b8;
  --shadow-drop: #000000a3;
  --shadow-box: #555975;
  --state-normal: #0e0e0e;
  --state-hover: #242828;
  --state-active: #323738;
  --state-disabled: #1d1f20;
  --checkbox-disabled-grey: #d6d6d6;
  --sidebar-tab: #6e6e6e;
  --border-normal: #323738;
  --border-normal-1: #d6dadb;
  --border-normal-2: #999;
  --border-normal-3: #6e6e6e;
  --border-hover: #6e6e6e;
  --border-hover-1: #5c5c5c;
  --border-active: var(--brand-secondary);
  --border-disabled: #1d1f20;
  --border-divider: #2e2e2e;
  --fill-normal: #0e0e0e;
  --fill-normal-1: #333;
  --fill-hover: #6e6e6e;
  --fill-active: var(--brand-secondary);
  --fill-disabled: #1d1f20;
  --status-default: #eaeced;
  --status-adjustment: #999;
  --status-danger: #cc2e3d;
  --status-warning: #ffad3a;
  --status-warning-transparent: #ffad3a29;
  --status-success: #00a79e;
  --status-transfer: orange;
  --status-info: #377cfc;
  --status-colored-background: #fff;
  --status-alert-background: #ffad3a29;
  --transparent-success: #00a79eeb;
  --transparent-info: #377cfc29;
  --transparent-hint: #377cfc29;
  --transparent-danger: #ff444f29;
  --transparent-correct-message: #4bb4b329;
  --transparent-fake-message: #ec3f3f29;
  --gradient-success: linear-gradient(to top, #0e0e0e, #00a79e29);
  --gradient-danger: linear-gradient(to top, #0e0e0e, #ff444f29);
  --contract-gradient-danger: linear-gradient(to top, #0e0e0e 85%, #ff444f29);
  --gradient-right-edge: linear-gradient(to right, #0e0e0e00 -5%, #0e0e0e 71%);
  --gradient-blue: linear-gradient(90deg, #00a8af 0%, #04cfd8 104.41%);
  --gradient-gold: linear-gradient(90deg, #f7931a 0%, #ffc71b 104.41%);
  --gradient-green: linear-gradient(90deg, #1db193 0%, #09da7a 104.41%);
  --badge-white: #fff;
  --badge-blue: #0677af;
  --badge-violet: #2a3052;
  --badge-green: #00a79e;
  --traders-hub-banner-border-color: #242828;
  --demo-text-color-1: #333;
  --demo-text-color-2: #333;
  --header-background-mt5: #e6f5ff;
  --header-background-others: #e8fdf8;
}

body {
  background: var(--general-main-1);
  font-family: IBM Plex Sans, sans-serif;
}

.icon-general-fill-path path, .icon-general-fill-g-path g path {
  fill: var(--text-general);
}