@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@600;700;800&family=JetBrains+Mono:wght@500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);
.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;
}

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

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

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

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

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

.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 {
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  color: #0e0e0e;
  z-index: 40;
  -webkit-tap-highlight-color: #0000;
  background-color: #101214d9;
  border-right: 1px solid #ffffff0d;
  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: #101214d9;
  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: #101214d9;
  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;
}

g.editing .blocklyEditableText {
  display: none !important;
}



.trading-milestone-overlay {
  z-index: 99999;
  -webkit-backdrop-filter: blur(12px);
  background: #000000a6;
  justify-content: center;
  align-items: center;
  padding: 1.6rem;
  animation: .28s cubic-bezier(.16, 1, .3, 1) forwards milestone-fade-in;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.trading-milestone-card {
  background: var(--general-main-1, #1e222d);
  width: 100%;
  max-width: 480px;
  color: var(--text-prominent, #fff);
  transform-origin: center;
  border-radius: 24px;
  padding: 2.8rem 2.4rem 2.4rem;
  animation: .38s cubic-bezier(.34, 1.56, .64, 1) forwards milestone-card-pop;
  position: relative;
  overflow: hidden;
  box-shadow: 0 25px 60px -15px #0009, 0 0 0 1px #ffffff14;
}

:global(.theme--light) .trading-milestone-card {
  color: #1e222d;
  background: #fff;
  box-shadow: 0 25px 60px -15px #0000002e, 0 0 0 1px #00000014;
}

.trading-milestone-card__glow {
  filter: blur(60px);
  opacity: .35;
  pointer-events: none;
  border-radius: 50%;
  width: 320px;
  height: 240px;
  position: absolute;
  top: -120px;
  left: 50%;
  transform: translateX(-50%);
}

.trading-milestone-card--tp {
  border-top: 4px solid #10b981;
}

.trading-milestone-card--tp .trading-milestone-card__glow {
  background: radial-gradient(circle, #10b981 0%, #f59e0b 60%, #0000 80%);
}

.trading-milestone-card--tp .trading-milestone-card__icon-wrapper {
  color: #10b981;
  background: linear-gradient(135deg, #10b98133, #f59e0b33);
  border: 2px solid #10b98180;
  box-shadow: 0 0 24px #10b9814d;
}

.trading-milestone-card--tp .trading-milestone-card__badge-tag {
  color: #10b981;
  background: #10b98126;
  border: 1px solid #10b98159;
}

.trading-milestone-card--tp .trading-milestone-card__amount-box {
  background: linear-gradient(135deg, #10b9811a, #064e3b33);
  border: 1px solid #10b98159;
}

:global(.theme--light) .trading-milestone-card--tp .trading-milestone-card__amount-box {
  background: linear-gradient(135deg, #10b98114, #d1fae599);
  border-color: #10b9814d;
}

.trading-milestone-card--tp .trading-milestone-card__amount-value {
  color: #10b981;
  text-shadow: 0 0 16px #10b98159;
}

.trading-milestone-card--sl {
  border-top: 4px solid #ef4444;
}

.trading-milestone-card--sl .trading-milestone-card__glow {
  background: radial-gradient(circle, #ef4444 0%, #dc2626 60%, #0000 80%);
}

.trading-milestone-card--sl .trading-milestone-card__icon-wrapper {
  color: #ef4444;
  background: linear-gradient(135deg, #ef444433, #dc262633);
  border: 2px solid #ef444480;
  box-shadow: 0 0 24px #ef44444d;
}

.trading-milestone-card--sl .trading-milestone-card__badge-tag {
  color: #ef4444;
  background: #ef444426;
  border: 1px solid #ef444459;
}

.trading-milestone-card--sl .trading-milestone-card__amount-box {
  background: linear-gradient(135deg, #ef44441a, #7f1d1d33);
  border: 1px solid #ef444459;
}

:global(.theme--light) .trading-milestone-card--sl .trading-milestone-card__amount-box {
  background: linear-gradient(135deg, #ef444414, #fee2e299);
  border-color: #ef44444d;
}

.trading-milestone-card--sl .trading-milestone-card__amount-value {
  color: #ef4444;
  text-shadow: 0 0 16px #ef444459;
}

.trading-milestone-card__confetti {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.trading-milestone-card__confetti .sparkle {
  font-size: 1.8rem;
  animation: 2.4s ease-in-out infinite alternate sparkle-float;
  position: absolute;
}

.trading-milestone-card__confetti .sparkle.s1 {
  animation-delay: 0s;
  top: 12%;
  left: 10%;
}

.trading-milestone-card__confetti .sparkle.s2 {
  animation-delay: .4s;
  top: 18%;
  right: 12%;
}

.trading-milestone-card__confetti .sparkle.s3 {
  font-size: 2.2rem;
  animation-delay: .8s;
  top: 38%;
  left: 8%;
}

.trading-milestone-card__confetti .sparkle.s4 {
  animation-delay: 1.2s;
  top: 44%;
  right: 10%;
}

.trading-milestone-card__confetti .sparkle.s5 {
  font-size: 1.4rem;
  animation-delay: .3s;
  top: 62%;
  left: 14%;
}

.trading-milestone-card__confetti .sparkle.s6 {
  animation-delay: .9s;
  top: 68%;
  right: 14%;
}

.trading-milestone-card__close {
  width: 3.2rem;
  height: 3.2rem;
  color: var(--text-general, #9ca3af);
  cursor: pointer;
  z-index: 10;
  background: #ffffff14;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
}

:global(.theme--light) .trading-milestone-card__close {
  color: #4b5563;
  background: #0000000f;
}

.trading-milestone-card__close:hover {
  color: var(--text-prominent, #fff);
  background: #ffffff2e;
  transform: rotate(90deg);
}

:global(.theme--light) .trading-milestone-card__close:hover {
  color: #111827;
  background: #0000001f;
}

.trading-milestone-card__header {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
}

.trading-milestone-card__icon-wrapper {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 6.8rem;
  height: 6.8rem;
  margin-bottom: 1.4rem;
  animation: .6s cubic-bezier(.34, 1.56, .64, 1) .15s both icon-bounce;
  display: flex;
}

.trading-milestone-card__icon-wrapper .milestone-icon {
  width: 3.4rem;
  height: 3.4rem;
}

.trading-milestone-card__badge-tag {
  letter-spacing: .1em;
  text-transform: uppercase;
  border-radius: 100px;
  margin-bottom: 1rem;
  padding: .4rem 1.2rem;
  font-size: 1.1rem;
  font-weight: 700;
  display: inline-block;
}

.trading-milestone-card__title {
  letter-spacing: -.02em;
  margin: 0 0 .6rem;
  font-size: 2.4rem;
  font-weight: 800;
}

.trading-milestone-card__subtitle {
  color: var(--text-general, #9ca3af);
  max-width: 380px;
  margin: 0;
  font-size: 1.35rem;
  line-height: 1.4;
}

:global(.theme--light) .trading-milestone-card__subtitle {
  color: #6b7280;
}

.trading-milestone-card__amount-box {
  text-align: center;
  border-radius: 18px;
  margin-bottom: 1.8rem;
  padding: 1.6rem;
  position: relative;
}

.trading-milestone-card__amount-label {
  color: var(--text-general, #9ca3af);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: .4rem;
  font-size: 1.2rem;
  font-weight: 600;
  display: block;
}

:global(.theme--light) .trading-milestone-card__amount-label {
  color: #6b7280;
}

.trading-milestone-card__amount-value {
  letter-spacing: -.02em;
  justify-content: center;
  align-items: baseline;
  gap: .4rem;
  font-family: Roboto Mono, monospace, -apple-system, BlinkMacSystemFont;
  font-size: 3.6rem;
  font-weight: 900;
  line-height: 1.1;
  display: flex;
}

.trading-milestone-card__amount-value .amount-sign {
  font-size: 3rem;
  font-weight: 800;
}

.trading-milestone-card__amount-value .amount-curr {
  opacity: .85;
  margin-left: .2rem;
  font-size: 1.8rem;
  font-weight: 700;
}

.trading-milestone-card__target-sub {
  color: var(--text-general, #9ca3af);
  opacity: .8;
  margin-top: .6rem;
  font-size: 1.2rem;
}

:global(.theme--light) .trading-milestone-card__target-sub {
  color: #6b7280;
}

.trading-milestone-card__stats-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: .8rem;
  margin-bottom: 1.6rem;
  display: grid;
}

@media (max-width: 480px) {
  .trading-milestone-card__stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.trading-milestone-card__stats-grid .stat-pill {
  text-align: center;
  background: #ffffff0a;
  border: 1px solid #ffffff0f;
  border-radius: 12px;
  flex-direction: column;
  gap: .2rem;
  padding: .9rem .6rem;
  display: flex;
}

:global(.theme--light) .trading-milestone-card__stats-grid .stat-pill {
  background: #f3f4f6;
  border-color: #e5e7eb;
}

.trading-milestone-card__stats-grid .stat-pill__label {
  color: var(--text-general, #9ca3af);
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 600;
}

:global(.theme--light) .trading-milestone-card__stats-grid .stat-pill__label {
  color: #6b7280;
}

.trading-milestone-card__stats-grid .stat-pill__value {
  font-size: 1.6rem;
  font-weight: 800;
}

.trading-milestone-card__stats-grid .stat-pill--win .stat-pill__value {
  color: #10b981;
}

.trading-milestone-card__stats-grid .stat-pill--loss .stat-pill__value {
  color: #ef4444;
}

.trading-milestone-card__stats-grid .stat-pill--rate .stat-pill__value {
  color: #3b82f6;
}

.trading-milestone-card__note {
  color: var(--text-general, #9ca3af);
  text-align: center;
  background: #ffffff08;
  border: 1px solid #ffffff0d;
  border-radius: 10px;
  margin-bottom: 2rem;
  padding: .8rem 1.2rem;
  font-size: 1.2rem;
  line-height: 1.4;
}

:global(.theme--light) .trading-milestone-card__note {
  color: #6b7280;
  background: #f9fafb;
  border-color: #e5e7eb;
}

.trading-milestone-card__actions {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.trading-milestone-card__actions .milestone-btn {
  cursor: pointer;
  border: none;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: .8rem;
  width: 100%;
  padding: 1.2rem 2rem;
  font-size: 1.45rem;
  font-weight: 700;
  transition: all .2s;
  display: flex;
}

.trading-milestone-card__actions .milestone-btn--primary {
  color: #fff;
}

.trading-milestone-card__actions .milestone-btn--primary.milestone-btn--tp {
  background: linear-gradient(135deg, #10b981, #059669);
  box-shadow: 0 6px 20px #10b98159;
}

.trading-milestone-card__actions .milestone-btn--primary.milestone-btn--tp:hover {
  background: linear-gradient(135deg, #059669, #047857);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px #10b98173;
}

.trading-milestone-card__actions .milestone-btn--primary.milestone-btn--sl {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  box-shadow: 0 6px 20px #ef444459;
}

.trading-milestone-card__actions .milestone-btn--primary.milestone-btn--sl:hover {
  background: linear-gradient(135deg, #dc2626, #b91c1c);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px #ef444473;
}

.trading-milestone-card__actions .milestone-btn--secondary {
  color: var(--text-prominent, #fff);
  background: #ffffff14;
}

:global(.theme--light) .trading-milestone-card__actions .milestone-btn--secondary {
  color: #1f2937;
  background: #e5e7eb;
}

.trading-milestone-card__actions .milestone-btn--secondary:hover {
  background: #ffffff24;
}

:global(.theme--light) .trading-milestone-card__actions .milestone-btn--secondary:hover {
  background: #d1d5db;
}

@keyframes milestone-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes milestone-card-pop {
  0% {
    opacity: 0;
    transform: scale(.85)translateY(20px);
  }

  100% {
    opacity: 1;
    transform: scale(1)translateY(0);
  }
}

@keyframes icon-bounce {
  0% {
    transform: scale(0);
  }

  60% {
    transform: scale(1.15);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes sparkle-float {
  0% {
    opacity: .6;
    transform: translateY(0)rotate(0)scale(.9);
  }

  100% {
    opacity: 1;
    transform: translateY(-15px)rotate(15deg)scale(1.15);
  }
}

.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: #ff444f;
  --text-colored-background: #fff;
  --button-primary-hover: #eb3e48;
  --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: #0000;
  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 {
  text-transform: unset;
  text-align: center;
  color: var(--text-general);
  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: 400px;
  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);
  }
}

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

.error-wrapper-backdrop {
  z-index: 99999;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #000000d9;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.error-wrapper-backdrop .error-wrapper-modal {
  text-align: center;
  color: #fff;
  background: #0c1323;
  border: 1px solid #00f2fe40;
  border-radius: 20px;
  width: 100%;
  max-width: 440px;
  padding: 32px;
  box-shadow: 0 25px 50px -12px #000000e6, 0 0 30px #00f2fe1a;
}

.error-wrapper-backdrop .error-wrapper-modal .error-wrapper-title {
  color: #f8fafc;
  margin-bottom: 12px;
  font-size: 1.25rem;
  font-weight: 800;
}

.error-wrapper-backdrop .error-wrapper-modal .error-wrapper-msg {
  color: #94a3b8;
  margin-bottom: 24px;
  font-size: .9rem;
  line-height: 1.6;
}

.error-wrapper-backdrop .error-wrapper-modal .error-wrapper-actions {
  justify-content: center;
  gap: 12px;
  display: flex;
}

.error-wrapper-backdrop .error-wrapper-modal .error-wrapper-actions .btn-primary {
  color: #060911;
  cursor: pointer;
  background: linear-gradient(135deg, #00f2fe, #0284c7);
  border: none;
  border-radius: 10px;
  padding: 10px 22px;
  font-weight: 800;
  transition: transform .2s, box-shadow .2s;
}

.error-wrapper-backdrop .error-wrapper-modal .error-wrapper-actions .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px #00f2fe66;
}

.error-wrapper-backdrop .error-wrapper-modal .error-wrapper-actions .btn-secondary {
  color: #94a3b8;
  cursor: pointer;
  background: #ffffff14;
  border: 1px solid #ffffff1a;
  border-radius: 10px;
  padding: 10px 20px;
  font-weight: 700;
  transition: all .2s;
}

.error-wrapper-backdrop .error-wrapper-modal .error-wrapper-actions .btn-secondary:hover {
  color: #fff;
  background: #ffffff26;
}

.footer-contact {
  align-items: center;
  display: inline-flex;
  position: relative;
}

.footer-contact__trigger {
  color: #25d366;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: #141926;
  border: 1px solid #25d36659;
  border-radius: 18px;
  align-items: center;
  gap: .6rem;
  padding: .4rem .95rem;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1;
  transition: all .22s cubic-bezier(.16, 1, .3, 1);
  display: inline-flex;
  box-shadow: 3px 3px 7px #0000008c, -2px -2px 6px #ffffff0a;
}

.footer-contact__trigger:hover {
  color: #4ade80;
  border-color: #25d366a6;
  transform: translateY(-1px);
  box-shadow: 4px 4px 10px #000000a6, -3px -3px 8px #ffffff0f, 0 0 14px #25d36640;
}

.footer-contact__trigger--active, .footer-contact__trigger:active {
  color: #22c55e;
  background: #101420;
  border-color: #25d366b3;
  transform: translateY(0);
  box-shadow: inset 2px 2px 6px #000c, inset -2px -2px 6px #ffffff08, 0 0 12px #25d36633;
}

.footer-contact__trigger-icon-wrap {
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.footer-contact__trigger-icon {
  stroke: currentColor;
  filter: drop-shadow(0 0 4px #25d36666);
  display: block;
}

.footer-contact__trigger-ping {
  background-color: #22c55e;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  animation: 1.8s cubic-bezier(0, 0, .2, 1) infinite footerContactPing;
  position: absolute;
  top: -2px;
  right: -2px;
  box-shadow: 0 0 6px #22c55e;
}

.footer-contact__trigger-label {
  letter-spacing: .02em;
}

@media (max-width: 600px) {
  .footer-contact__trigger-label {
    display: none;
  }
}

.footer-contact__card {
  background: #121622;
  border: 1px solid #ffffff14;
  border-radius: 22px;
  animation: .26s cubic-bezier(.16, 1, .3, 1) forwards footerContactPopUp;
  overflow: hidden;
  box-shadow: 16px 16px 36px #000000d9, -8px -8px 24px #ffffff0a, inset 0 1px 1px #ffffff26, 0 0 30px #25d3661a;
  z-index: 10000000 !important;
  width: 380px !important;
  max-width: calc(100vw - 32px) !important;
  position: fixed !important;
  bottom: calc(3.6rem + 14px) !important;
  right: 20px !important;
}

@media (max-width: 600px) {
  .footer-contact__card {
    width: auto !important;
    max-width: calc(100vw - 24px) !important;
    bottom: calc(3.6rem + 10px) !important;
    left: 12px !important;
    right: 12px !important;
  }
}

.footer-contact__card-accent {
  background: linear-gradient(90deg, #25d366 0%, #229ed9 50%, #f59e0b 100%);
  width: 100%;
  height: 3px;
  box-shadow: 0 0 14px #25d3668c;
}

.footer-contact__card-header {
  border-bottom: 1px solid #ffffff0f;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.4rem 1.6rem 1.1rem;
  display: flex;
}

.footer-contact__card-header-left {
  text-align: left;
  flex-direction: column;
  gap: .35rem;
  display: flex;
}

.footer-contact__status-pill {
  background: #0f1420;
  border: 1px solid #22c55e4d;
  border-radius: 20px;
  align-items: center;
  gap: .5rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: .25rem .75rem;
  display: inline-flex;
  box-shadow: inset 2px 2px 5px #000000a6, inset -2px -2px 5px #ffffff0a;
}

.footer-contact__status-dot {
  background-color: #22c55e;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 2s ease-in-out infinite footerContactPulse;
  box-shadow: 0 0 8px #22c55e;
}

.footer-contact__status-text {
  color: #4ade80;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .95rem;
  font-weight: 700;
}

.footer-contact__card-title {
  color: #fff;
  letter-spacing: -.01em;
  text-shadow: 0 2px 8px #0009;
  margin: .35rem 0 0;
  font-size: 1.45rem;
  font-weight: 800;
  line-height: 1.2;
}

.footer-contact__card-subtitle {
  color: #94a3b8;
  margin: .2rem 0 0;
  font-size: 1.05rem;
  line-height: 1.35;
}

.footer-contact__card-close {
  color: #94a3b8;
  cursor: pointer;
  background: #161b28;
  border: 1px solid #ffffff14;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: all .2s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  box-shadow: 3px 3px 7px #0000008c, -2px -2px 6px #ffffff0a;
}

.footer-contact__card-close:hover {
  color: #fff;
  background: #1c2233;
  border-color: #fff3;
  transform: scale(1.05);
  box-shadow: 4px 4px 10px #000000a6, -3px -3px 8px #ffffff0f;
}

.footer-contact__card-close:active {
  background: #101420;
  transform: scale(.96);
  box-shadow: inset 2px 2px 5px #000000bf, inset -2px -2px 5px #ffffff08;
}

.footer-contact__card-body {
  flex-direction: column;
  gap: .9rem;
  padding: 1.3rem 1.4rem;
  display: flex;
}

.footer-contact__item {
  background: #171d2b;
  border: 1px solid #ffffff0d;
  border-radius: 16px;
  align-items: center;
  gap: 1.1rem;
  padding: 1rem 1.2rem;
  transition: all .24s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  box-shadow: 6px 6px 14px #00000073, -4px -4px 10px #ffffff08;
}

.footer-contact__item:hover {
  background: #1c2333;
  border-color: #ffffff1f;
  transform: translateY(-1.5px);
  box-shadow: 8px 8px 18px #0000008c, -5px -5px 12px #ffffff0d;
}

.footer-contact__item--whatsapp:hover {
  border-color: #25d36666;
  box-shadow: 8px 8px 18px #0000008c, -4px -4px 10px #ffffff0d, 0 0 16px #25d36626;
}

.footer-contact__item--telegram:hover {
  border-color: #229ed966;
  box-shadow: 8px 8px 18px #0000008c, -4px -4px 10px #ffffff0d, 0 0 16px #229ed926;
}

.footer-contact__item--email:hover {
  border-color: #f59e0b66;
  box-shadow: 8px 8px 18px #0000008c, -4px -4px 10px #ffffff0d, 0 0 16px #f59e0b26;
}

.footer-contact__item-icon {
  background: #0f131d;
  border: 1px solid #ffffff0a;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
  box-shadow: inset 4px 4px 8px #000000bf, inset -3px -3px 6px #ffffff0a;
}

.footer-contact__item-icon--whatsapp {
  color: #25d366;
}

.footer-contact__item-icon--whatsapp svg {
  filter: drop-shadow(0 0 8px #25d36699);
}

.footer-contact__item-icon--telegram {
  color: #229ed9;
}

.footer-contact__item-icon--telegram svg {
  filter: drop-shadow(0 0 8px #229ed999);
}

.footer-contact__item-icon--email {
  color: #fbbf24;
}

.footer-contact__item-icon--email svg {
  filter: drop-shadow(0 0 8px #fbbf2499);
}

.footer-contact__item-content {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: .15rem;
  min-width: 0;
  display: flex;
}

.footer-contact__item-badge {
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .9rem;
  font-weight: 700;
}

.footer-contact__item-badge--whatsapp {
  color: #4ade80;
}

.footer-contact__item-badge--telegram {
  color: #38bdf8;
}

.footer-contact__item-badge--email {
  color: #fcd34d;
}

.footer-contact__item-title {
  color: #f8fafc;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.2;
}

.footer-contact__item-value {
  color: #94a3b8;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: JetBrains Mono, monospace;
  font-size: 1.05rem;
  overflow: hidden;
}

.footer-contact__item-actions {
  flex-shrink: 0;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.footer-contact__btn {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  border-radius: 10px;
  align-items: center;
  gap: .45rem;
  padding: .5rem .95rem;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: all .2s cubic-bezier(.16, 1, .3, 1);
  display: inline-flex;
}

.footer-contact__btn svg {
  flex-shrink: 0;
}

.footer-contact__btn--whatsapp {
  color: #041208;
  background: linear-gradient(135deg, #25d366 0%, #1ea952 100%);
  border: 1px solid #fff3;
  box-shadow: 4px 4px 10px #00000080, -2px -2px 6px #ffffff1a, 0 0 12px #25d36659;
}

.footer-contact__btn--whatsapp:hover {
  background: linear-gradient(135deg, #2ee674 0%, #22b95a 100%);
  transform: translateY(-1px);
  box-shadow: 5px 5px 14px #0009, -3px -3px 8px #ffffff26, 0 0 18px #25d3668c;
}

.footer-contact__btn--whatsapp:active {
  transform: translateY(1px);
  box-shadow: inset 3px 3px 6px #0009, inset -2px -2px 5px #ffffff1a;
}

.footer-contact__btn--call {
  color: #f1f5f9;
  background: #161b28;
  border: 1px solid #ffffff1a;
  box-shadow: 3px 3px 8px #00000080, -2px -2px 6px #ffffff0a;
}

.footer-contact__btn--call:hover {
  color: #fff;
  background: #1c2233;
  border-color: #ffffff38;
  transform: translateY(-1px);
  box-shadow: 4px 4px 10px #0009, -3px -3px 7px #ffffff0f;
}

.footer-contact__btn--call:active {
  background: #101420;
  transform: translateY(1px);
  box-shadow: inset 2px 2px 5px #000000b3, inset -2px -2px 5px #ffffff08;
}

.footer-contact__btn--telegram {
  color: #fff;
  background: linear-gradient(135deg, #229ed9 0%, #1a7eb0 100%);
  border: 1px solid #fff3;
  box-shadow: 4px 4px 10px #00000080, -2px -2px 6px #ffffff1a, 0 0 12px #229ed959;
}

.footer-contact__btn--telegram:hover {
  background: linear-gradient(135deg, #28aaf0 0%, #1f94ce 100%);
  transform: translateY(-1px);
  box-shadow: 5px 5px 14px #0009, -3px -3px 8px #ffffff26, 0 0 18px #229ed98c;
}

.footer-contact__btn--telegram:active {
  transform: translateY(1px);
  box-shadow: inset 3px 3px 6px #0009, inset -2px -2px 5px #ffffff1a;
}

.footer-contact__btn--email {
  color: #1a1002;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  border: 1px solid #fff3;
  box-shadow: 4px 4px 10px #00000080, -2px -2px 6px #ffffff1a, 0 0 12px #f59e0b59;
}

.footer-contact__btn--email:hover {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
  transform: translateY(-1px);
  box-shadow: 5px 5px 14px #0009, -3px -3px 8px #ffffff26, 0 0 18px #f59e0b8c;
}

.footer-contact__btn--email:active {
  transform: translateY(1px);
  box-shadow: inset 3px 3px 6px #0009, inset -2px -2px 5px #ffffff1a;
}

.footer-contact__card-footer {
  background: #0d111b;
  border-top: 1px solid #ffffff0d;
  justify-content: center;
  align-items: center;
  padding: .95rem 1.4rem;
  display: flex;
  box-shadow: inset 0 3px 6px #0009, inset 0 -1px 2px #ffffff08;
}

.footer-contact__response-badge {
  color: #94a3b8;
  align-items: center;
  gap: .6rem;
  font-size: 1.1rem;
  font-weight: 600;
  display: inline-flex;
}

.footer-contact__response-badge svg {
  stroke: #22c55e;
  filter: drop-shadow(0 0 6px #22c55e99);
}

@keyframes footerContactPopUp {
  0% {
    opacity: 0;
    transform: translateY(16px)scale(.95);
  }

  100% {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes footerContactPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .4;
    transform: scale(.85);
  }
}

@keyframes footerContactPing {
  0% {
    opacity: .8;
    transform: scale(.95);
  }

  70%, 100% {
    opacity: 0;
    transform: scale(2.2);
  }
}

.app-footer {
  border-top: 1px solid var(--general-section-1);
  height: 3.6rem;
  box-shadow: 0 1px 0 0 var(--general-section-1) inset;
  background: var(--general-main-1);
  flex-direction: row-reverse;
  align-items: center;
  padding: 0 1rem;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999 !important;
  overflow: visible !important;
}

.app-footer__icon {
  padding: .8rem;
}

.app-footer__icon svg > g > path, .app-footer__icon svg > path {
  fill: var(--text-prominent);
}

@media (max-width: 1279px) {
  .app-footer__icon {
    padding: 0;
  }
}

.app-footer__vertical-line {
  background-color: var(--general-section-1);
  width: .1rem;
  height: 1.6rem;
  margin: 0 .8rem;
}

.app-footer__language {
  align-items: center;
  padding: .8rem;
  display: flex;
}

.app-footer__language span {
  margin-inline-start: .4rem;
}

.app-footer__network-status {
  border-radius: 100%;
  width: 1rem;
  height: 1rem;
}

.app-footer__network-status-online {
  background-color: #4bb4b3;
}

.app-footer__network-status-offline {
  background-color: #ff444f;
}

.app-footer__network-status-blinking {
  animation: 1s infinite alternate blink;
}

@media (max-width: 1279px) {
  .app-footer__network-status {
    margin-inline-start: 1.2rem;
  }
}

.app-footer__endpoint {
  margin-inline-end: 2rem;
}

.app-footer__endpoint-text {
  color: #377cfc;
  text-decoration: underline;
}

.app-footer__whatsapp {
  color: var(--text-prominent);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: .6rem;
  text-decoration: none;
  transition: color .18s, background-color .18s;
  display: flex;
}

.app-footer__whatsapp:hover {
  color: #25d366;
  background-color: #25d3661a;
}

.app-footer__whatsapp svg > path {
  fill: currentColor;
}

.app-footer__account {
  cursor: pointer;
  color: var(--text-prominent);
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: .6rem;
  transition: color .18s, background-color .18s, transform .18s;
  display: flex;
}

.app-footer__account:hover {
  color: #3b82f6;
  background-color: #3b82f61f;
  transform: translateY(-1px);
}

.app-footer__account svg {
  stroke: currentColor;
}

.app-footer__statement-btn {
  display: none !important;
}

@media (max-width: 600px) {
  .app-footer__statement-btn {
    color: #60a5fa;
    cursor: pointer;
    background: #3b82f614;
    border: 1px solid #3b82f640;
    border-radius: 6px;
    align-items: center;
    gap: .5rem;
    padding: .35rem .8rem;
    font-size: 1.1rem;
    font-weight: 500;
    transition: all .2s;
    display: inline-flex !important;
  }

  .app-footer__statement-btn:hover {
    color: #93c5fd;
    background: #3b82f62e;
    border-color: #3b82f680;
    box-shadow: 0 0 10px #3b82f633;
  }

  .app-footer__statement-btn svg {
    stroke: currentColor;
  }

  .app-footer__statement-btn span {
    display: none;
  }
}

.app-footer__risk-btn {
  color: #f5c542;
  cursor: pointer;
  background: #f5c54214;
  border: 1px solid #f5c54240;
  border-radius: 6px;
  align-items: center;
  gap: .5rem;
  padding: .35rem .8rem;
  font-size: 1.1rem;
  font-weight: 500;
  transition: all .2s;
  display: inline-flex;
}

.app-footer__risk-btn:hover {
  color: #ffd600;
  background: #f5c5422e;
  border-color: #f5c54280;
  box-shadow: 0 0 10px #f5c54233;
}

.app-footer__risk-btn svg {
  stroke: currentColor;
}

.app-footer__copyright-badge {
  color: var(--text-prominent);
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: .5rem;
  padding: .2rem .6rem;
  font-size: 1.15rem;
  display: inline-flex;
}

@media (max-width: 600px) {
  .app-footer__copyright-badge {
    gap: .4rem;
    padding: .1rem .3rem;
    font-size: 1rem;
  }
}

.app-footer__copyright-circle {
  color: #25d366;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.app-footer__copyright-circle svg {
  display: block;
}

.app-footer__copyright-text {
  letter-spacing: .02em;
  color: var(--text-prominent);
  font-size: 1.15rem;
  font-weight: 600;
}

@media (max-width: 600px) {
  .app-footer__copyright-text {
    font-size: 1rem;
  }
}

.languages-modal__body {
  padding-inline-start: 1.6rem;
  padding-inline-end: 1.6rem;
}

.languages-modal__body-button {
  flex-direction: column;
  align-items: center;
  width: 13.3rem;
  height: 8.8rem;
  padding: .8rem;
  display: flex;
}

.languages-modal__body-button-selected {
  border: 1px solid var(--brand-blue, #85acb0);
  border-radius: 4px;
}

.languages-modal__body-button svg {
  display: none;
}

@keyframes blink {
  0% {
    opacity: 1;
  }

  100% {
    opacity: .2;
  }
}

.app-header__logo {
  align-items: center;
  height: 36px;
  padding-inline-start: 3.2rem;
  padding-inline-end: 2rem;
  text-decoration: none;
  display: flex;
}

@media (max-width: 1279px) {
  .app-header__logo {
    display: none !important;
  }
}

.app-header__logo-text {
  margin-left: 4px;
}

.app-header__mobile-logo {
  align-items: center;
  gap: 5px;
  display: flex;
}

.app-header__mobile-logo-card {
  background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  box-shadow: 0 2px 6px #3b82f64d;
}

.app-header__mobile-logo-symbol {
  color: #fff;
  letter-spacing: .5px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.app-header__mobile-logo-text {
  flex-direction: column;
  gap: 0;
  line-height: 1;
  display: flex;
}

.app-header__mobile-logo-name {
  color: var(--text-prominent);
  letter-spacing: .3px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
}

.app-header__mobile-logo-powered {
  color: var(--text-less-prominent);
  letter-spacing: .4px;
  text-transform: uppercase;
  margin-top: 1px;
  font-size: 8px;
  font-weight: 600;
  line-height: 1.2;
}

.lth-brand-logo {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  border-radius: 12px;
  align-items: center;
  padding: 2px 6px;
  text-decoration: none;
  transition: all .3s cubic-bezier(.16, 1, .3, 1);
  display: flex;
}

.lth-brand-logo:hover {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #ffffff0d;
  transform: translateY(-1px);
}

.lth-brand-logo:hover .lth-brand-logo__icon {
  filter: drop-shadow(0 6px 16px #10b98180);
  transform: scale(1.08)rotate(-1.5deg);
}

.lth-brand-logo__row {
  align-items: center;
  gap: 11px;
  display: flex;
}

.lth-brand-logo__icon {
  -o-object-fit: contain;
  object-fit: contain;
  filter: drop-shadow(0 4px 10px #10b9814d);
  flex-shrink: 0;
  transition: all .35s cubic-bezier(.16, 1, .3, 1);
  display: block;
}

.lth-brand-logo__text-col {
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  line-height: 1.15;
  display: flex;
}

.lth-brand-logo__title, .lth-brand-logo__legacy {
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--text-prominent, #0f172a);
  font-family: Plus Jakarta Sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  font-size: 1.65rem;
  font-weight: 900;
  line-height: 1.05;
  transition: color .2s;
  display: block;
}

body.theme--dark .lth-brand-logo__title, .theme--dark .lth-brand-logo__title, body.theme--dark .lth-brand-logo__legacy, .theme--dark .lth-brand-logo__legacy {
  text-shadow: 0 2px 10px #0009;
  color: #fff !important;
}

:global(.theme--dark) .lth-brand-logo__title {
  text-shadow: 0 2px 10px #0009;
  color: #fff !important;
}

:global(.theme--dark) .lth-brand-logo__legacy {
  text-shadow: 0 2px 10px #0009;
  color: #fff !important;
}

body:not(.theme--dark) .lth-brand-logo__title, body.theme--light .lth-brand-logo__title, .theme--light .lth-brand-logo__title, body:not(.theme--dark) .lth-brand-logo__legacy, body.theme--light .lth-brand-logo__legacy, .theme--light .lth-brand-logo__legacy {
  text-shadow: none;
  color: #0f172a !important;
}

:global(.theme--light) .lth-brand-logo__title {
  text-shadow: none;
  color: #0f172a !important;
}

:global(.theme--light) .lth-brand-logo__legacy {
  text-shadow: none;
  color: #0f172a !important;
}

.lth-brand-logo__subtitle, .lth-brand-logo__trading-hub {
  letter-spacing: 2.2px;
  text-transform: uppercase;
  color: #047857;
  font-family: Plus Jakarta Sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.05;
  transition: color .2s;
  display: block;
}

body.theme--dark .lth-brand-logo__subtitle, .theme--dark .lth-brand-logo__subtitle, body.theme--dark .lth-brand-logo__trading-hub, .theme--dark .lth-brand-logo__trading-hub {
  text-shadow: 0 0 10px #10b98166;
  color: #10b981 !important;
}

:global(.theme--dark) .lth-brand-logo__subtitle {
  text-shadow: 0 0 10px #10b98166;
  color: #10b981 !important;
}

:global(.theme--dark) .lth-brand-logo__trading-hub {
  text-shadow: 0 0 10px #10b98166;
  color: #10b981 !important;
}

body:not(.theme--dark) .lth-brand-logo__subtitle, body.theme--light .lth-brand-logo__subtitle, .theme--light .lth-brand-logo__subtitle, body:not(.theme--dark) .lth-brand-logo__trading-hub, body.theme--light .lth-brand-logo__trading-hub, .theme--light .lth-brand-logo__trading-hub {
  text-shadow: none;
  color: #047857 !important;
}

:global(.theme--light) .lth-brand-logo__subtitle {
  text-shadow: none;
  color: #047857 !important;
}

:global(.theme--light) .lth-brand-logo__trading-hub {
  text-shadow: none;
  color: #047857 !important;
}

.lth-brand-logo__compact-label {
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--text-prominent, #f8fafc);
  white-space: nowrap;
  font-family: Plus Jakarta Sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  font-size: 1.4rem;
  font-weight: 900;
  line-height: 1;
}

body.theme--dark .lth-brand-logo__compact-label, .theme--dark .lth-brand-logo__compact-label {
  text-shadow: 0 1px 6px #0006;
  color: #fff !important;
}

:global(.theme--dark) .lth-brand-logo__compact-label {
  text-shadow: 0 1px 6px #0006;
  color: #fff !important;
}

body:not(.theme--dark) .lth-brand-logo__compact-label, body.theme--light .lth-brand-logo__compact-label, .theme--light .lth-brand-logo__compact-label {
  color: #0f172a !important;
}

:global(.theme--light) .lth-brand-logo__compact-label {
  color: #0f172a !important;
}

.lth-brand-logo--bandj:hover .lth-brand-logo__icon--bandj {
  filter: drop-shadow(0 6px 16px #ec4899a6);
  transform: scale(1.08)rotate(-1.5deg);
}

.lth-brand-logo__icon--bandj {
  filter: drop-shadow(0 4px 10px #c084fc80);
}

.lth-brand-logo__title--bandj-amp {
  color: #ff1493;
  background: linear-gradient(135deg, #ff1493 0%, #c084fc 100%);
  -webkit-text-fill-color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0 1px;
}

.lth-brand-logo__title--bandj-j {
  color: #c084fc;
  background: linear-gradient(135deg, #ff1493 0%, #9333ea 50%, #c084fc 100%);
  -webkit-text-fill-color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  margin-left: 1px;
}

.lth-brand-logo__subtitle--bandj {
  background: linear-gradient(135deg, #f472b6 0%, #c084fc 60%, #a855f7 100%);
  -webkit-text-fill-color: #0000;
  text-shadow: 0 0 12px #c084fc66;
  -webkit-background-clip: text;
  background-clip: text;
  color: #c084fc !important;
}

.lth-brand-logo__subtitle--profit {
  text-shadow: 0 0 10px #ff444f66;
  color: #ff444f !important;
}

.lth-brand-logo__compact-label--bandj {
  text-shadow: 0 0 10px #ec489980;
  color: #f472b6 !important;
}

.app-header__logo--mobile, .app-header--mobile .app-header__logo {
  display: none !important;
}

@media (max-width: 768px) {
  .app-header__logo, .app-header__logo--mobile {
    display: none !important;
  }
}

.acc-info__wrapper {
  -webkit-user-select: none;
  user-select: none;
  height: 100%;
  font-family: var(--ph-font, sans-serif);
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: #0000;
  align-items: center;
  gap: 10px;
  margin-right: .8rem;
  display: flex;
  position: relative;
}

.acc-chip {
  height: auto;
  box-shadow: none;
  cursor: default;
  background: none;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  padding: 2px 6px;
  transition: opacity .2s, background-color .2s;
  display: flex;
  position: relative;
  overflow: visible;
}

.acc-chip__text-block {
  align-items: center;
  line-height: 1.2;
  display: flex;
}

.acc-chip__balance-row {
  align-items: center;
  gap: 6px;
  display: flex;
}

.acc-chip--interactive {
  cursor: pointer;
}

.acc-chip--interactive:hover {
  opacity: .9;
}

.acc-chip--interactive:active {
  opacity: .8;
}

.acc-chip__currency-icon {
  background: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  transition: transform .2s;
  display: flex;
  overflow: hidden;
}

.acc-chip__currency-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.acc-chip__currency-icon--demo, .acc-chip__currency-icon--real {
  box-shadow: none;
  background: none;
  border: none;
}

.acc-chip__balance {
  color: var(--text-prominent, #fff);
  letter-spacing: -.015em;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}

@media (min-width: 769px) {
  .acc-chip__balance {
    font-size: 16px;
  }
}

body:not(.theme--dark) .acc-chip__balance {
  color: var(--text-prominent, #0f172a);
}

.acc-chip__balance--no-currency {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 500;
}

.acc-chip__balance--loading {
  min-width: 65px;
}

.acc-chip__balance-loader {
  align-items: center;
  gap: 4px;
  height: 14px;
  padding: 0 2px;
  display: inline-flex;
}

.acc-chip__spinner {
  border: 2px solid #f5c5424d;
  border-top-color: #f5c542;
  border-radius: 50%;
  flex-shrink: 0;
  width: 9px;
  height: 9px;
  animation: .65s linear infinite acc-chip-spin;
}

.acc-chip__loading-text {
  color: #f5c542;
  letter-spacing: .01em;
  font-size: 10.5px;
  font-weight: 700;
  animation: 1.1s ease-in-out infinite acc-chip-pulse;
}

.acc-chip__visibility-btn {
  width: 16px;
  height: 16px;
  color: var(--text-less-prominent, #cbd5e1);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 3px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
  padding: 0;
  transition: color .15s, background-color .15s;
  display: inline-flex;
}

.acc-chip__visibility-btn:hover {
  color: var(--text-prominent, #fff);
  background: #ffffff1f;
}

.acc-chip__chevron-wrapper {
  color: #cbd5e1;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  transition: transform .2s;
  display: inline-flex;
}

.acc-chip__chevron {
  flex-shrink: 0;
  transition: transform .2s cubic-bezier(.4, 0, .2, 1);
}

.acc-chip__chevron--open {
  transform: rotate(180deg);
}

.acc-icon {
  background: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
  overflow: hidden;
}

.acc-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.acc-icon--demo, .acc-icon--real {
  background: none;
}

.acc-panel {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #131722;
  border: 1px solid #ffffff1f;
  border-radius: 14px;
  width: 320px;
  animation: .18s cubic-bezier(.16, 1, .3, 1) acc-panel-enter;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  overflow: hidden;
  box-shadow: 0 14px 40px #0000008c;
  z-index: 100005 !important;
}

body:not(.theme--dark) .acc-panel {
  background: #fff;
  border-color: #e2e8f0;
  box-shadow: 0 10px 30px #0000001a;
}

.acc-panel--mobile {
  z-index: 100000 !important;
  border-radius: 16px !important;
  width: calc(100vw - 24px) !important;
  max-width: 380px !important;
  margin: 0 auto !important;
  animation: .22s cubic-bezier(.16, 1, .3, 1) acc-panel-mobile-enter !important;
  position: fixed !important;
  top: 50px !important;
  left: 12px !important;
  right: 12px !important;
  box-shadow: 0 16px 48px #000000b3 !important;
}

@media (max-width: 768px) {
  .acc-panel {
    z-index: 100000 !important;
    border-radius: 16px !important;
    width: calc(100vw - 24px) !important;
    max-width: 380px !important;
    margin: 0 auto !important;
    position: fixed !important;
    top: 50px !important;
    left: 12px !important;
    right: 12px !important;
    box-shadow: 0 16px 48px #000000b3 !important;
  }
}

@media (min-width: 769px) and (max-width: 1279px) {
  .acc-panel:not(.acc-panel--mobile) {
    left: 0 !important;
    right: auto !important;
  }
}

.acc-panel__mobile-backdrop {
  -webkit-backdrop-filter: blur(4px) !important;
  backdrop-filter: blur(4px) !important;
  z-index: 99999 !important;
  background: #000000a6 !important;
  width: 100vw !important;
  height: 100vh !important;
  animation: .2s acc-backdrop-fade !important;
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

.acc-panel__mobile-header {
  background: #ffffff0a;
  border-bottom: 1px solid #ffffff14;
  justify-content: flex-end;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

body:not(.theme--dark) .acc-panel__mobile-header {
  background: #f8fafc;
  border-color: #e2e8f0;
}

.acc-panel__mobile-title {
  color: var(--text-prominent, #fff);
  font-size: 14px;
  font-weight: 700;
}

body:not(.theme--dark) .acc-panel__mobile-title {
  color: #0f172a;
}

.acc-panel__mobile-close-btn {
  color: #94a3b8;
  cursor: pointer;
  background: #ffffff14;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  transition: all .15s;
  display: flex;
}

body:not(.theme--dark) .acc-panel__mobile-close-btn {
  color: #64748b;
  background: #f1f5f9;
}

.acc-panel__mobile-close-btn:hover, .acc-panel__mobile-close-btn:active {
  color: #fff;
  background: #ffffff26;
}

body:not(.theme--dark) .acc-panel__mobile-close-btn:hover, body:not(.theme--dark) .acc-panel__mobile-close-btn:active {
  color: #0f172a;
  background: #e2e8f0;
}

.acc-panel__action-link {
  color: #0f172a;
  cursor: pointer;
  background: #f5c542;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 700;
  transition: all .15s;
  display: inline-flex;
}

.acc-panel__action-link:hover, .acc-panel__action-link:active {
  background: #f3b924;
  transform: translateY(-1px);
}

.acc-panel__tabs {
  background: #ffffff08;
  border-bottom: 1px solid #ffffff1a;
  display: flex;
}

body:not(.theme--dark) .acc-panel__tabs, body.theme--light .acc-panel__tabs {
  background: #f8fafc;
  border-color: #e2e8f0;
}

.acc-panel__tab {
  font-family: var(--ph-font, "IBM Plex Sans", sans-serif);
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: none;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  transition: color .15s, background-color .15s;
  display: flex;
  position: relative;
}

body:not(.theme--dark) .acc-panel__tab, body.theme--light .acc-panel__tab {
  color: #64748b;
}

.acc-panel__tab:hover {
  color: #fff;
  background: #ffffff0a;
}

body:not(.theme--dark) .acc-panel__tab:hover, body.theme--light .acc-panel__tab:hover {
  color: #0f172a;
  background: #f1f5f9;
}

.acc-panel__tab--active, .acc-panel__tab--active-real, .acc-panel__tab--active-demo {
  font-weight: 700;
  color: #fff !important;
}

body:not(.theme--dark) .acc-panel__tab--active, body.theme--light .acc-panel__tab--active, body:not(.theme--dark) .acc-panel__tab--active-real, body.theme--light .acc-panel__tab--active-real, body:not(.theme--dark) .acc-panel__tab--active-demo, body.theme--light .acc-panel__tab--active-demo {
  color: #0f172a !important;
}

.acc-panel__tab-underline {
  background: var(--brand-coral, #ff444f);
  border-radius: 1px 1px 0 0;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.acc-panel__tab-underline--real, .acc-panel__tab-underline--demo, .acc-panel__tab-underline--wallets {
  background: var(--brand-coral, #ff444f);
}

.acc-panel__body {
  max-height: 320px;
  padding: 12px;
  overflow-y: auto;
}

.acc-panel__section-label {
  color: #94a3b8;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin: 0 0 8px 4px;
  font-size: 10.5px;
  font-weight: 800;
}

body:not(.theme--dark) .acc-panel__section-label {
  color: #64748b;
}

.acc-panel__empty {
  color: #cbd5e1;
  text-align: center;
  margin: 0;
  padding: 16px 0;
  font-size: 12.5px;
}

body:not(.theme--dark) .acc-panel__empty {
  color: #64748b;
}

.acc-panel__account-list {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.acc-panel__account {
  cursor: pointer;
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 9px 12px;
  transition: all .15s;
  display: flex;
}

body:not(.theme--dark) .acc-panel__account {
  background: #fff;
  border-color: #f1f5f9;
}

.acc-panel__account:hover:not(.acc-panel__account--active) {
  background: #ffffff14;
  border-color: #fff3;
}

body:not(.theme--dark) .acc-panel__account:hover:not(.acc-panel__account--active) {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.acc-panel__account--active {
  cursor: default;
  background: #f5c54214;
  border-color: #f5c542;
}

body:not(.theme--dark) .acc-panel__account--active {
  background: #fffbeb;
  border-color: #e8a730;
}

.acc-panel__account-icon {
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
  overflow: hidden;
}

.acc-panel__account-info {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  margin-left: 10px;
  display: flex;
}

.acc-panel__account-name {
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 700;
  overflow: hidden;
}

body:not(.theme--dark) .acc-panel__account-name {
  color: #0f172a;
}

.acc-panel__account-id {
  color: #cbd5e1;
  letter-spacing: .02em;
  font-family: Inter, -apple-system, BlinkMacSystemFont, monospace;
  font-size: 11px;
  font-weight: 600;
}

body:not(.theme--dark) .acc-panel__account-id {
  color: #64748b;
}

.acc-panel__account-right {
  align-items: center;
  gap: 8px;
  margin-left: 8px;
  display: flex;
}

.acc-panel__account-balance {
  color: #f5c542;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-size: 15px;
  font-weight: 800;
}

.acc-panel__account-check {
  color: #10b981;
  background: #10b98133;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.acc-panel__quick-actions {
  background: #ffffff04;
  border-top: 1px solid #ffffff0f;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  padding: 8px 12px;
  display: grid;
}

body:not(.theme--dark) .acc-panel__quick-actions {
  background: #f1f5f9;
  border-color: #e2e8f0;
}

.acc-panel__tool-btn {
  color: #94a3b8;
  cursor: pointer;
  white-space: nowrap;
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  font-size: 11px;
  font-weight: 600;
  transition: all .16s;
  display: flex;
}

.acc-panel__tool-btn svg {
  color: #64748b;
  flex-shrink: 0;
  transition: color .16s, transform .16s;
}

body:not(.theme--dark) .acc-panel__tool-btn {
  color: #475569;
  background: #fff;
  border-color: #cbd5e1;
}

body:not(.theme--dark) .acc-panel__tool-btn svg {
  color: #64748b;
}

.acc-panel__tool-btn:hover {
  color: #fff;
  background: #3b82f61f;
  border-color: #3b82f659;
  transform: translateY(-1px);
}

.acc-panel__tool-btn:hover svg {
  color: #60a5fa;
  transform: scale(1.08);
}

body:not(.theme--dark) .acc-panel__tool-btn:hover {
  color: #1e40af;
  background: #eff6ff;
  border-color: #3b82f6;
}

body:not(.theme--dark) .acc-panel__tool-btn:hover svg {
  color: #3b82f6;
}

.acc-panel__footer {
  background: #ffffff05;
  border-top: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  display: flex;
}

body:not(.theme--dark) .acc-panel__footer {
  background: #f8fafc;
  border-color: #e2e8f0;
}

.acc-panel__footer-right {
  align-items: center;
  gap: 6px;
  display: flex;
}

.acc-panel__manage-btn {
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  text-transform: capitalize;
  background: none;
  border: 1px solid #fff3;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 700;
  transition: all .15s;
}

body:not(.theme--dark) .acc-panel__manage-btn {
  color: #475569;
  border-color: #cbd5e1;
}

.acc-panel__manage-btn:hover {
  color: #f5c542;
  background: #f5c54214;
  border-color: #f5c542;
}

.acc-panel__reset-btn {
  color: #60a5fa;
  cursor: pointer;
  white-space: nowrap;
  background: #3b82f61f;
  border: 1px solid #3b82f666;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 700;
  transition: all .15s;
  display: flex;
}

.acc-panel__reset-btn:hover:not(:disabled) {
  color: #fff;
  background: #3b82f638;
  border-color: #3b82f6;
}

.acc-panel__reset-btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.acc-panel__reset-spinner {
  animation: .8s linear infinite acc-spin;
}

.acc-panel__logout-btn {
  cursor: pointer;
  white-space: nowrap;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  font-size: 11.5px;
  font-weight: 700;
  transition: all .2s;
  display: flex;
  color: #ff444f !important;
  background: #ff444f1a !important;
  border: 1px solid #ff444f66 !important;
}

.acc-panel__logout-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px #ff444f66;
  color: #fff !important;
  background: #ff444f !important;
  border-color: #ff444f !important;
}

.acc-panel__logout-icon {
  flex-shrink: 0;
  transition: transform .2s;
}

.acc-panel__logout-btn:hover .acc-panel__logout-icon {
  transform: translateX(2px);
}

.acc-panel__create-btn {
  color: #34d399;
  cursor: pointer;
  white-space: nowrap;
  background: #10b9811f;
  border: 1px solid #10b98166;
  border-radius: 5px;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 700;
  transition: all .15s;
  display: inline-flex;
}

.acc-panel__create-btn:hover:not(:disabled) {
  color: #fff;
  background: #10b9813d;
  border-color: #10b981;
}

.acc-panel__create-btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.acc-panel__toast {
  text-align: center;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 11.5px;
  font-weight: 700;
  animation: .2s acc-panel-enter;
  position: absolute;
  bottom: 50px;
  left: 12px;
  right: 12px;
}

.acc-panel__toast--success {
  color: #34d399;
  background: #064e3b;
  border: 1px solid #059669;
}

.acc-panel__toast--error {
  color: #fda4af;
  background: #4c0519;
  border: 1px solid #e11d48;
}

.acc-panel__toast--info {
  color: #38bdf8;
  background: #0f172a;
  border: 1px solid #0284c7;
}

.deriv-wrapper__left .acc-panel:not(.acc-panel--mobile), .auth-actions--left .acc-panel:not(.acc-panel--mobile) {
  left: 0 !important;
  right: auto !important;
}

@keyframes acc-panel-enter {
  from {
    opacity: 0;
    transform: translateY(-6px)scale(.98);
  }

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

@keyframes acc-spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes acc-chip-spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes acc-chip-pulse {
  0%, 100% {
    opacity: .55;
  }

  50% {
    opacity: 1;
  }
}

@keyframes acc-backdrop-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes acc-panel-mobile-enter {
  from {
    opacity: 0;
    transform: translateY(-8px)scale(.98);
  }

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

.acc-icon-3d-glass {
  filter: drop-shadow(0 2px 8px #00f5ff73);
  width: 26px;
  height: 26px;
  transition: transform .25s cubic-bezier(.34, 1.56, .64, 1), filter .25s;
  display: block;
}

.acc-icon-3d-glass:hover {
  filter: drop-shadow(0 4px 14px #00f5ffb3);
  transform: scale(1.08)rotateZ(3deg);
}





.dc-mobile-full-page-modal {
  z-index: 6;
  background: var(--general-main-1);
  width: 100%;
  height: calc(100% - 95px);
  max-height: 100%;
  position: fixed;
  top: 95px;
  left: 0;
  overflow-y: scroll;
}

.dc-mobile-full-page-modal--flex {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.dc-mobile-full-page-modal--popup {
  height: calc(100% - 41px);
  top: 39px;
}

.dc-mobile-full-page-modal__header {
  flex-direction: row;
  flex: 0;
  align-items: center;
  padding: 1.6rem;
  display: flex;
}

.dc-mobile-full-page-modal__header--border-bottom {
  border-bottom: 2px solid var(--general-section-2);
}

.dc-mobile-full-page-modal__header-return {
  align-items: center;
  margin-right: 1.6rem;
  display: flex;
}

.dc-mobile-full-page-modal__header-text {
  flex-direction: row;
  display: flex;
}

.dc-mobile-full-page-modal__header-trailing-icon {
  align-items: center;
  margin-left: auto;
  display: flex;
}

.dc-mobile-full-page-modal__body {
  flex: 1;
  min-height: 0;
  display: flex;
  overflow-y: auto;
}

.dc-mobile-full-page-modal__footer {
  border-top: 2px solid var(--general-section-1);
  flex-direction: row;
  justify-content: flex-end;
  margin-top: auto;
  padding: 1.6rem;
  display: flex;
}

.dc-mobile-full-page-modal__footer-parent {
  border-top: 1px solid var(--general-section-2);
  background-color: var(--general-main-1);
  padding: .8rem 1.6rem;
}

.dc-mobile-full-page-modal form {
  height: 100%;
}

.dc-mobile-full-page-modal .dc-page-overlay__content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 95px;
}

.dc-mobile-full-page-modal .dc-page-overlay__header {
  z-index: 10000;
  background-color: var(--general-main-1);
  border-bottom: 2px solid var(--general-section-1);
  width: 100%;
  height: 55px;
  position: fixed;
  top: 40px;
}

.dc-mobile-full-page-modal .dc-page-overlay__header-wrapper {
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.6rem;
  display: flex;
}

.dc-mobile-full-page-modal .dc-page-overlay__header-title {
  font-size: 1.6rem;
  font-weight: bold;
}

.dc-mobile-full-page-modal .dc-tabs {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.dc-mobile-full-page-modal .dc-tabs__list {
  width: 100%;
  height: 4rem;
}

.dc-mobile-full-page-modal .dc-tabs__item {
  width: 50%;
}

.dc-mobile-full-page-modal .dc-tabs__content {
  z-index: 5;
  height: calc(100% - 40px);
}

.risk-disclaimer {
  z-index: 1000;
  width: 90%;
  max-width: 70rem;
  position: fixed;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
}

.risk-disclaimer--mobile {
  width: 95%;
  bottom: 1rem;
}

.risk-disclaimer__content {
  -webkit-backdrop-filter: blur(12px);
  background: linear-gradient(145deg, #ffffff26, #ffffff0d);
  border: 1px solid #ffffff40;
  border-radius: 1.6rem;
  padding: 2rem;
  transition: all .3s;
  box-shadow: 10px 10px 20px #0000001f, -10px -10px 20px #ffffff14;
}

.risk-disclaimer__header {
  margin-bottom: 1rem;
}

.risk-disclaimer__title {
  margin: 0;
}

.risk-disclaimer__important {
  color: #f44;
  margin-bottom: .5rem;
  font-weight: bold;
  display: block;
}

.risk-disclaimer__body {
  margin-bottom: 1.5rem;
}

.risk-disclaimer__footer {
  justify-content: flex-end;
  display: flex;
}

.mobile-menu {
  z-index: 100010;
  flex: none;
  height: 100%;
  position: relative;
}

.mobile-menu__toggle {
  z-index: 100010;
  border-inline-end: 1px solid var(--general-section-1);
  cursor: pointer;
  flex-shrink: 0;
  align-items: center;
  height: 100%;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  display: flex;
  position: relative;
}

.mobile-menu__toggle button {
  z-index: 1;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
}

.mobile-menu__toggle svg {
  visibility: visible;
  opacity: 1;
  display: block;
}

.mobile-menu__footer {
  justify-content: center;
  height: 4rem;
}

.mobile-menu__header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-inline-start: .4rem;
  padding-inline-end: 1.6rem;
  display: flex;
}

.mobile-menu__header__language {
  align-items: center;
  gap: .4rem;
  display: flex;
}

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

.mobile-menu__content__platform {
  border-bottom: 1px solid var(--general-section-1);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-height: 7rem;
  display: flex;
}

.mobile-menu__content .deriv-context-menu {
  box-shadow: none !important;
}

.mobile-menu__content__items {
  height: 100%;
  padding-top: 1rem;
  position: relative;
}

.mobile-menu__content__items--padding {
  padding-inline-start: 4.8rem;
  padding-inline-end: 1.6rem;
}

.mobile-menu__content__items--bottom-border {
  border-bottom: 1px solid var(--general-section-1);
}

.mobile-menu__content__items__item {
  cursor: pointer;
  width: 100%;
  height: 5.6rem;
}

.mobile-menu__content__items__item .deriv-toggle-switch {
  min-width: 4.4rem;
  margin-left: auto;
  margin-right: 1.6rem;
}

.mobile-menu__content__items__item--active .deriv-text {
  color: var(--text-prominent);
  font-weight: bold;
}

.mobile-menu__content__items--right-margin {
  margin-inline-end: 1.6rem;
}

.mobile-menu__content__items--chevron {
  position: absolute;
  right: 1.5rem;
}

.mobile-menu__content__items__icons g > path, .mobile-menu__content__items__icons path {
  fill: var(--text-prominent);
}

.mobile-menu__language-drawer {
  padding-inline-start: .8rem;
  padding-inline-end: .8rem;
}

.mobile-menu__language-drawer button {
  height: auto;
}

.mobile-menu__language-drawer .languages-modal__body-button {
  flex-direction: column;
  align-items: center;
  width: 133px;
  height: 88px;
  padding: 8px;
  display: flex;
}

.mobile-menu__language-drawer .languages-modal__body-button .deriv-text {
  color: var(--text-prominent) !important;
}

.mobile-menu__language-drawer .languages-modal__body-button-selected {
  border: 1px solid var(--brand-blue, var(--brand-secondary));
  border-radius: 4px;
}

.mobile-menu__back-btn {
  padding: 3.2rem;
  cursor: pointer;
  align-items: center;
  padding-top: 2rem;
  display: flex;
}

.mobile-menu__back-btn span {
  margin-inline-start: 1.6rem;
}

.mobile-menu .deriv-drawer__container {
  background: var(--general-main-1);
  position: relative;
  z-index: 100020 !important;
}

.mobile-menu .deriv-drawer__overlay {
  z-index: 100015 !important;
}

.mobile-menu__toggle button > svg > path, .mobile-menu__toggle svg > path, .mobile-menu__back-btn button > svg > path, .mobile-menu__back-btn svg > path, .mobile-menu .deriv-drawer__header__close-btn button > svg > path, .mobile-menu .deriv-drawer__header__close-btn svg > path {
  fill: var(--text-prominent);
}

.dc-modal__container {
  background-color: var(--general-main-2);
  box-shadow: 0 4px 6px 0 var(--shadow-menu);
  border-radius: 8px;
  flex-direction: column;
  transition: transform .25s cubic-bezier(.25, .1, .1, .25), opacity .25s cubic-bezier(.25, .1, .1, .25);
  display: flex;
  position: relative;
  overflow: hidden;
}

.dc-modal__container_trade-modal-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.dc-modal__container_trade-modal-wrapper .currency-icon {
  justify-content: center;
  margin-bottom: 4rem;
  display: flex;
}

.dc-modal__container--is-vertical-centered {
  position: absolute;
  top: 50vh;
  transform: translateY(-50%) !important;
}

.dc-modal__container--is-vertical-centered .dc-modal__container {
  min-width: unset;
  top: 2rem;
}

@media (max-width: 1279px) {
  .dc-modal__container--is-vertical-centered {
    left: 2.4rem;
    width: calc(100vw - 4.8rem) !important;
  }
}

.dc-modal__container--is-vertical-top {
  position: absolute;
  top: 48px;
}

@media (max-width: 600px) {
  .dc-modal__container--is-vertical-top {
    top: 40px;
    left: 1.6rem;
    width: calc(100vw - 3.2rem) !important;
  }
}

.dc-modal__container--is-vertical-bottom {
  position: absolute;
  bottom: 36px;
}

@media (max-width: 600px) {
  .dc-modal__container--is-vertical-bottom {
    left: 1.6rem;
    width: calc(100vw - 3.2rem) !important;
  }
}

.dc-modal__container--hide {
  display: none;
}

.dc-modal__container--enter, .dc-modal__container--exit {
  opacity: 0;
  pointer-events: none;
  transform: translateY(50px);
}

.dc-modal__container--enter-done {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.dc-modal__container--small {
  max-width: 440px;
}

.dc-modal__container--small .dc-modal-header, .dc-modal__container--is-confirmation-modal .dc-modal-header {
  border-bottom: none;
}

.dc-modal__container--is-confirmation-modal .dc-modal-header__title {
  padding: 2.4rem;
}

.dc-modal__container--is-confirmation-modal .dc-modal-body {
  padding: 0 2.4rem;
}

.dc-modal__container--is-confirmation-modal .dc-modal-footer {
  padding: 2.4rem;
}

@media (min-width: 601px) {
  .dc-modal__container {
    min-width: 440px !important;
    max-height: calc(100vh - 84px) !important;
  }
}

@media (max-width: 600px) {
  .dc-modal__container {
    max-width: calc(100vw - 3.2rem) !important;
  }
}

@media (max-width: 1279px) {
  .dc-modal__container_sent-email__modal {
    height: 42rem !important;
    overflow-y: scroll !important;
  }
}

.dc-modal-header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  line-height: 24px;
  display: flex;
}

.dc-modal-header__border-bottom {
  border-bottom: 2px solid var(--general-section-5) !important;
}

.dc-modal-header__icon {
  margin-right: 1rem;
}

.dc-modal-header__icon:hover {
  cursor: pointer;
}

.dc-modal-header__title {
  align-items: center;
  height: 100%;
  padding: 1.6rem 2.4rem;
  display: flex;
}

.dc-modal-header__title:empty {
  border: none;
  padding: 0;
}

@media (max-width: 1279px) {
  .dc-modal-header__title {
    padding: 1.6rem;
    font-size: 1.4rem;
    line-height: 1.2;
  }
}

.dc-modal-header__section {
  flex-grow: 1;
  align-items: center;
  padding: 1.6rem;
  line-height: 24px;
  display: flex;
}

.dc-modal-header__close {
  cursor: pointer;
  width: 32px;
  height: 30px;
  margin: 1.2rem 1.6rem 1.2rem auto;
  padding: .6rem .8rem;
  display: block;
}

@media (max-width: 1279px) {
  .dc-modal-header__close {
    margin: .8rem;
  }
}

html[dir="rtl"] .dc-modal-header__close {
  margin: 1.2rem auto 1.2rem 1.6rem;
}

.dc-modal-header--is-title-centered {
  justify-content: flex-end;
  position: relative;
}

.dc-modal-header--is-title-centered .dc-modal-header__title {
  justify-content: center;
  width: 100%;
}

@media (max-width: 1279px) {
  .dc-modal-header--is-title-centered .dc-modal-header__title {
    position: absolute;
  }
}

.dc-modal-header--is-title-centered .dc-modal-header__close {
  z-index: 1;
}

@media not all and (-webkit-min-device-pixel-ratio: .0000264583), not all and (min-resolution: .001dpcm) {
  @supports ((-webkit-appearance: none)) {
    .dc-modal-header {
      min-height: 4.8rem;
    }
  }
}

.dc-modal-body {
  color: var(--text-prominent);
  padding: 2.4rem;
  font-size: 1.4rem;
  line-height: 1.43;
}

.dc-modal-body:first-child {
  padding-top: 2.4rem;
}

.dc-modal-body__expiration {
  min-height: 12rem;
  padding: 1.6rem;
}

@media (max-width: 1279px) {
  .dc-modal-body {
    padding: .8rem 2.4rem;
    font-size: 1.2rem;
  }
}

.dc-modal-footer {
  justify-content: flex-end;
  margin-top: auto;
  padding: 1.6rem;
  display: flex;
}

.dc-modal-footer .dc-btn {
  margin: 0 .8rem;
}

.dc-modal-footer .dc-btn:last-child {
  margin: 0;
}

.dc-modal-footer--separator {
  border-top: 2px solid var(--general-section-1);
}

.wallet-transfer-modal .dc-modal-header {
  background: #090d16;
  border-bottom: 1px solid #ffffff14;
  padding: 16px 22px;
}

.wallet-transfer-modal .dc-modal-header__title {
  letter-spacing: -.01em;
  color: #f8fafc;
  font-size: 16px;
  font-weight: 700;
}

.wallet-transfer-modal .dc-modal-body {
  background: #080c14;
  padding: 22px !important;
}

.wallet-transfer-modal--light .dc-modal-header {
  background: #fff;
  border-bottom: 1px solid #00000014;
}

.wallet-transfer-modal--light .dc-modal-header__title {
  color: #0f172a;
}

.wallet-transfer-modal--light .dc-modal-body {
  background: #f8fafc;
}

.wallet-transfer-modal--light .wallet-transfer-content {
  color: #1e293b;
}

.wallet-transfer-modal--light .wallet-security-banner {
  background: #10b98114;
  border: 1px solid #10b98140;
}

.wallet-transfer-modal--light .wallet-security-banner .security-text span {
  color: #065f46;
}

.wallet-transfer-modal--light .wallet-security-banner .security-text small {
  color: #047857;
}

.wallet-transfer-modal--light .account-selector-box {
  background: #fff;
  border: 1px solid #cbd5e1cc;
  box-shadow: 0 2px 8px #0f172a0a;
}

.wallet-transfer-modal--light .account-selector-box:hover {
  border-color: #0ea5e999;
  box-shadow: 0 0 14px #0ea5e933;
}

.wallet-transfer-modal--light .account-custom-select {
  color: #0f172a;
}

.wallet-transfer-modal--light .account-custom-select option {
  color: #0f172a;
  background: #fff;
}

.wallet-transfer-modal--light .transfer-swap-circle-btn {
  color: #0284c7;
  background: #fff;
  border: 1px solid #cbd5e1e6;
  box-shadow: 0 2px 8px #00000014;
}

.wallet-transfer-modal--light .transfer-swap-circle-btn:hover {
  background: #f0f9ff;
  border-color: #0284c7;
  box-shadow: 0 0 12px #0ea5e959;
}

.wallet-transfer-modal--light .amount-glowing-input-wrap {
  background: #fff;
  border: 1px solid #cbd5e1e6;
  box-shadow: 0 2px 8px #0f172a0a;
}

.wallet-transfer-modal--light .amount-glowing-input-wrap:focus-within {
  border-color: #0284c7;
  box-shadow: 0 0 16px #0ea5e940;
}

.wallet-transfer-modal--light .amount-currency-sym {
  color: #64748b;
}

.wallet-transfer-modal--light .amount-number-input {
  color: #0f172a;
}

.wallet-transfer-modal--light .percent-btn {
  color: #334155;
  background: #fff;
  border: 1px solid #cbd5e1cc;
}

.wallet-transfer-modal--light .percent-btn:hover {
  color: #0284c7;
  background: #f1f5f9;
  border-color: #0284c7;
}

.wallet-transfer-modal--light .success-receipt {
  background: #fff;
  border: 1px solid #cbd5e1cc;
}

.wallet-transfer-modal--light .success-receipt .receipt-row {
  border-bottom: 1px solid #0000000f;
}

.wallet-transfer-modal--light .success-receipt .receipt-label {
  color: #64748b;
}

.wallet-transfer-modal--light .success-receipt .receipt-val {
  color: #0f172a;
}

.wallet-transfer-content {
  color: #f1f5f9;
  flex-direction: column;
  gap: 16px;
  display: flex;
  position: relative;
}

.wallet-security-banner {
  background: #10b98114;
  border: 1px solid #10b98133;
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  display: flex;
  box-shadow: 0 0 12px #10b98114;
}

.wallet-security-banner .security-icon-circle {
  background: #10b98126;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.wallet-security-banner .security-text {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.wallet-security-banner .security-text span {
  color: #34d399;
  font-size: 13px;
  font-weight: 700;
}

.wallet-security-banner .security-text small {
  color: #94a3b8;
  font-size: 11px;
}

.wallet-transfer-error-banner {
  color: #fb7185;
  background: #f43f5e1f;
  border: 1px solid #f43f5e4d;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.wallet-transfer-form {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.transfer-field-group {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.transfer-label-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.transfer-field-label {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 700;
}

.transfer-avail-badge, .transfer-dest-badge {
  color: #34d399;
  background: #10b9811a;
  border: 1px solid #10b98133;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 700;
}

.transfer-dest-badge {
  color: #38bdf8;
  background: #38bdf81a;
  border-color: #38bdf833;
}

.account-selector-box {
  background: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  box-shadow: inset 0 1px 1px #ffffff0f;
}

.account-selector-box:hover {
  border-color: #38bdf866;
  box-shadow: 0 0 16px #38bdf826, inset 0 1px 1px #ffffff1a;
}

.account-box-icon {
  background: #ffffff0f;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.account-box-details {
  flex: 1;
  min-width: 0;
}

.account-custom-select {
  color: #fff;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  width: 100%;
  font-size: 13px;
  font-weight: 600;
}

.account-custom-select option {
  color: #f8fafc;
  background: #0f172a;
  padding: 8px;
}

.transfer-swap-container {
  z-index: 2;
  justify-content: center;
  margin: -6px 0;
  display: flex;
}

.transfer-swap-circle-btn {
  color: #38bdf8;
  cursor: pointer;
  background: #0d1424;
  border: 1px solid #38bdf859;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  box-shadow: 0 0 12px #38bdf840;
}

.transfer-swap-circle-btn:hover {
  color: #fff;
  border-color: #38bdf8;
  transform: rotate(180deg)scale(1.08);
  box-shadow: 0 0 20px #38bdf880;
}

.transfer-swap-circle-btn:active {
  transform: rotate(180deg)scale(.95);
}

.amount-label-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.currency-pill-badge {
  color: #38bdf8;
  letter-spacing: .04em;
  background: #38bdf81f;
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 800;
}

.amount-glowing-input-wrap {
  background: #ffffff08;
  border: 1px solid #ffffff1f;
  border-radius: 12px;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  transition: all .2s;
  display: flex;
  box-shadow: inset 0 1px 1px #ffffff0f;
}

.amount-glowing-input-wrap:focus-within {
  border-color: #38bdf899;
  box-shadow: 0 0 18px #38bdf84d, inset 0 1px 1px #ffffff1f;
}

.amount-currency-sym {
  color: #94a3b8;
  font-size: 18px;
  font-weight: 700;
}

.amount-number-input {
  color: #fff;
  background: none;
  border: none;
  outline: none;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
}

.amount-number-input::placeholder {
  color: #475569;
}

.percent-selector-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-top: 4px;
  display: grid;
}

.percent-btn {
  color: #cbd5e1;
  cursor: pointer;
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  padding: 7px 0;
  font-size: 12px;
  font-weight: 700;
  transition: all .15s;
}

.percent-btn:hover {
  color: #38bdf8;
  background: #38bdf826;
  border-color: #38bdf859;
  box-shadow: 0 0 10px #38bdf833;
}

.percent-btn--max {
  color: #34d399;
  background: #10b9811a;
  border-color: #10b98140;
}

.percent-btn--max:hover {
  color: #fff;
  background: #10b98133;
  border-color: #10b981;
  box-shadow: 0 0 12px #10b9814d;
}

.transfer-modal-actions {
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  display: flex;
}

.transfer-modal-actions .btn-cancel-transfer {
  flex: 1;
}

.transfer-modal-actions .btn-execute-transfer {
  letter-spacing: .02em;
  flex: 2;
  font-weight: 700;
  box-shadow: 0 0 18px #0ea5e959;
  background: linear-gradient(135deg, #0284c7, #6366f1) !important;
}

.transfer-modal-actions .btn-execute-transfer:hover:not(:disabled) {
  box-shadow: 0 0 25px #0ea5e98c;
}

.wallet-transfer-success-state {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
  display: flex;
  position: relative;
}

.success-icon-wrap {
  background: #10b9811f;
  border: 2px solid #10b98159;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  margin-bottom: 14px;
  animation: .35s cubic-bezier(.34, 1.56, .64, 1) scaleIn;
  display: flex;
  box-shadow: 0 0 28px #10b9814d;
}

.success-title {
  color: #f8fafc;
  margin: 0 0 6px;
  font-size: 20px;
  font-weight: 800;
}

.success-desc {
  color: #94a3b8;
  max-width: 380px;
  margin: 0 0 16px;
  font-size: 13px;
  line-height: 1.5;
}

.success-amount {
  color: #34d399;
  font-weight: 800;
}

.success-receipt {
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  margin-bottom: 20px;
  padding: 12px 16px;
  display: flex;
}

.receipt-row {
  border-bottom: 1px solid #ffffff0f;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  font-size: 13px;
  display: flex;
}

.receipt-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.receipt-label {
  color: #94a3b8;
  font-weight: 500;
}

.receipt-val {
  color: #fff;
  font-weight: 700;
}

.receipt-copy-row {
  cursor: pointer;
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 2px 6px;
  font-family: monospace;
  font-size: 12px;
  display: flex;
}

.receipt-copy-row:hover {
  background: #ffffff14;
}

.success-actions {
  width: 100%;
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(.6);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.app-header {
  border-bottom: 1px solid var(--border-normal);
  font-family: var(--ph-font, "IBM Plex Sans", sans-serif);
  box-shadow: 0 2px 8px #0000000d;
  z-index: 99999 !important;
  background: var(--general-main-1) !important;
  position: relative !important;
  overflow: visible !important;
}

.app-header .deriv-header, .app-header .deriv-wrapper {
  overflow: visible !important;
}

@media (max-width: 1279px) {
  .app-header {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding-left: .3rem !important;
    padding-right: .3rem !important;
  }

  .app-header .deriv-wrapper {
    height: 100% !important;
  }

  .app-header .deriv-wrapper__left {
    flex: auto;
    min-width: 0;
    overflow: visible !important;
  }

  .app-header .deriv-wrapper__right {
    flex: none;
    width: auto;
    overflow: visible !important;
  }
}

.app-header--mobile {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
}

.app-header--mobile .deriv-header {
  height: 38px !important;
  min-height: 38px !important;
}

.app-header--mobile .deriv-wrapper {
  height: 100% !important;
}

.app-header--mobile .deriv-wrapper__left {
  flex: auto;
  min-width: 0;
  overflow: visible !important;
}

.app-header--mobile .deriv-wrapper__right {
  flex: none;
  width: auto;
  overflow: visible !important;
}

.app-header--mobile .app-header__logo {
  display: none !important;
}

.app-header button, .app-header a, .app-header input, .app-header select {
  font-family: inherit;
}

.app-header__account-settings {
  border-inline-end: .1rem solid var(--general-section-1);
  padding-inline-end: 1.2rem;
}

.app-header__account-settings svg > path, .app-header__account-settings svg > g > path, .app-header .notifications__wrapper svg > path, .app-header .notifications__wrapper svg > g > path, .app-header__menu svg > path, .app-header__menu svg > g > path {
  fill: var(--text-prominent);
}

.account-switcher__item .deriv-account-switcher-item {
  padding: .6rem 1.6rem;
}

.account-switcher__item .deriv-account-switcher-item__detail .deriv-account-switcher-item__currency {
  margin-bottom: 2px;
  font-size: 1.4rem;
}

.account-switcher__item .deriv-account-switcher-item__icon {
  margin-right: unset;
  margin-inline-end: 10px;
}

.account-switcher__item--disabled {
  opacity: .32;
}

.account-switcher__separator:after {
  background-color: var(--general-section-2);
  content: "";
  z-index: 1;
  width: 100%;
  height: 4px;
  position: absolute;
}

.account-switcher-footer {
  background: var(--general-main-1);
}

.account-switcher-footer__actions {
  background-color: var(--du-general-main-2);
  justify-content: right;
  align-items: center;
  padding: 1.6rem .8rem;
  display: flex;
}

.account-switcher-footer__actions--hide-manage-button {
  justify-content: flex-end;
}

.account-switcher-footer__actions .manage-button {
  border: 1px solid var(--button-secondary-default);
  white-space: break-spaces;
  background: none;
  height: auto;
  margin-inline-end: .7rem;
  padding: .4rem 1.2rem;
}

.account-switcher-footer__actions .manage-button:hover {
  background-color: unset !important;
}

.account-switcher-footer__actions .manage-button span {
  color: var(--text-prominent);
  font-size: var(--text-size-xs);
  cursor: pointer;
  font-weight: 700;
}

.derivs-secondary-tabs {
  z-index: 1;
  background: var(--general-main-1);
  justify-content: center;
  width: 100%;
  display: flex;
  position: sticky;
  top: 0;
}

.derivs-secondary-tabs .derivs-text__size--md {
  font-size: 14px;
  line-height: 18px;
}

.deriv-account-switcher-item__balance button {
  border-width: 1px;
  min-width: 4.8rem;
  height: 2.4rem;
}

.deriv-account-switcher-item__balance button span {
  color: var(--text-prominent) !important;
}

.deriv-account-switcher__button {
  margin-inline-end: .8rem;
}

@media (max-width: 1279px) {
  .deriv-account-switcher__button {
    margin-inline-end: 0;
  }
}

.deriv-account-switcher__button .deriv-context-menu {
  box-shadow: 0 0 2px 0 var(--du-shadow-box, #00000014);
}

.deriv-account-switcher__button .deriv-account-switcher__balance + svg > path {
  fill: var(--text-general);
}

.deriv-account-switcher__button:hover {
  background-color: unset;
}

.deriv-account-switcher__currency {
  margin-bottom: 2px;
}

.deriv-account-switcher__icon {
  margin-right: 7px;
}

.deriv-account-switcher__balance {
  padding: 0 1rem .1rem 0;
}

.deriv-account-switcher__list.account-switcher-panel {
  padding: .4rem .8rem 0;
}

.deriv-account-switcher__list.account-switcher-panel .account-switcher-panel__no-eu-accounts {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.deriv-account-switcher__list.account-switcher-panel .account-switcher-panel__no-eu-accounts .add-button {
  background: none;
}

.deriv-account-switcher__list.account-switcher-panel .account-switcher-panel__no-eu-accounts .add-button span {
  color: #000;
  border: solid 2px var(--text-disabled-1);
  cursor: pointer;
  border-radius: .5em;
  padding: .1rem 1.6rem;
  font-size: 12px;
}

.deriv-account-switcher__list.account-switcher-panel .account-switcher-panel__no-eu-accounts .deriv-account-switcher-item {
  background: none;
}

.deriv-account-switcher__list .deriv-accordion__content {
  background: unset;
  overflow: auto;
}

.deriv-account-switcher__list .deriv-accordion__text {
  margin-top: 0;
}

.deriv-account-switcher__list .deriv-accordion__icon {
  margin-left: unset;
  margin-inline-start: auto;
}

.deriv-account-switcher__title {
  height: 4rem;
  margin: 0 auto;
  padding: 1.2rem .6rem;
}

.deriv-account-switcher__container--mobile {
  max-width: 600px;
  min-height: 0;
}

.deriv-account-switcher__container {
  background: var(--general-main-1);
  background-color: var(--general-main-2);
  width: 320px;
  max-height: 80vh;
  top: 55px;
  right: unset;
  border-radius: 4px;
  transition: transform .3s, opacity .25s linear;
  position: absolute;
  overflow: auto;
  box-shadow: 0 8px 16px 0 var(--shadow-menu) !important;
}

.deriv-account-switcher__container:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.deriv-account-switcher__container:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.deriv-account-switcher__container:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.deriv-account-switcher__container:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.deriv-account-switcher__container:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.deriv-account-switcher__container:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.deriv-account-switcher__tradershub-link {
  background: var(--du-general-main-2);
  color: var(--text-prominent);
  justify-content: center;
  padding: 1rem;
  display: flex;
}

.deriv-account-switcher__footer {
  padding: 0;
  display: block;
}

.languages-modal {
  background: var(--general-section-1);
}

.languages-modal .deriv-modal__header {
  border-bottom: 2px solid var(--general-section-5);
}

.languages-modal .deriv-modal__close-icon path {
  fill: var(--text-prominent);
}

.languages-modal .deriv-text {
  color: var(--text-prominent) !important;
}

.auth-actions {
  align-items: center;
  margin-inline-end: 1.6rem;
  padding-block-start: 8px;
  padding-block-end: 8px;
  display: flex;
}

.auth-actions--left {
  align-items: center;
  min-width: 0;
  margin-inline-start: 6px;
  margin-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  display: flex;
}

.auth-actions--left .account-info {
  align-items: center;
  min-width: 0;
  display: flex;
}

.auth-actions--left .acc-info__wrapper {
  margin-right: 0;
}

@media (max-width: 1279px) {
  .auth-actions--right {
    margin-inline-end: 0;
  }

  .auth-actions {
    gap: 3px;
    margin-inline-end: .2rem;
    padding-block-start: 0;
    padding-block-end: 0;
  }

  .auth-actions button {
    border-radius: 6px !important;
    margin-inline-end: 3px !important;
  }

  .auth-actions .app-header__login-btn, .auth-actions .modern-login-btn {
    height: 25px !important;
    min-height: 25px !important;
    min-width: unset !important;
    border-radius: 6px !important;
    margin-inline-end: 3px !important;
    padding: 1px 7px !important;
    font-size: 11px !important;
  }

  .auth-actions .app-header__login-btn .dc-btn__text, .auth-actions .app-header__login-btn span, .auth-actions .modern-login-btn .dc-btn__text, .auth-actions .modern-login-btn span {
    font-size: 11px !important;
    line-height: 1 !important;
  }

  .auth-actions .app-header__signup-btn, .auth-actions .modern-signup-btn {
    height: 25px !important;
    min-height: 25px !important;
    min-width: unset !important;
    border-radius: 6px !important;
    padding: 1px 7px !important;
    font-size: 11px !important;
  }

  .auth-actions .app-header__signup-btn .dc-btn__text, .auth-actions .app-header__signup-btn span, .auth-actions .modern-signup-btn .dc-btn__text, .auth-actions .modern-signup-btn span {
    font-size: 11px !important;
    line-height: 1 !important;
  }
}

.auth-actions button {
  border-radius: 16px;
  margin-inline-end: 1.6rem;
  font-weight: 400;
}

.auth-actions .modern-login-btn {
  transition: all .3s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 10px #ff444f26;
  color: #fff !important;
  background: #ffffff0d !important;
  border: 1px solid #ff444f80 !important;
}

.auth-actions .modern-login-btn:hover {
  opacity: 1;
  transform: translateY(-2px);
  box-shadow: 0 0 15px #ff444f66;
  color: #ff444f !important;
  background: #ff444f26 !important;
  border-color: #ff444f !important;
}

.auth-actions .modern-login-btn:before {
  content: "";
  background: linear-gradient(90deg, #0000, #fff6, #0000);
  width: 50%;
  height: 100%;
  animation: 3s infinite auth-lightstreak;
  position: absolute;
  top: 0;
  left: -100%;
  transform: skewX(-20deg);
}

.auth-actions .modern-signup-btn {
  transition: all .3s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 14px #ff444f66;
  color: #fff !important;
  background: linear-gradient(135deg, #ff444f 0%, #ea3943 100%) !important;
  border: none !important;
}

.auth-actions .modern-signup-btn:hover {
  opacity: .95;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px #ff444fa6;
  background: linear-gradient(135deg, #eb3e48 0%, #d42e38 100%) !important;
}

.auth-actions .modern-signup-btn:before {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffff80, #0000);
  width: 50%;
  height: 100%;
  animation: 3s 1.5s infinite auth-lightstreak;
  position: absolute;
  top: 0;
  left: -100%;
  transform: skewX(-20deg);
}

.auth-actions--loading {
  align-items: center;
  margin-inline-end: 1.6rem;
}

.auth-actions__spinner {
  width: 2rem;
  height: 2rem;
  color: var(--text-prominent);
  animation: .8s linear infinite auth-spinner-rotate;
}

@keyframes auth-lightstreak {
  0% {
    left: -100%;
  }

  20% {
    left: 200%;
  }

  100% {
    left: 200%;
  }
}

.deriv-accordion--underline {
  border-bottom: none;
}

@keyframes auth-spinner-rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.currency-dropdown {
  background: var(--general-section-1);
  border: 1px solid var(--border-normal);
  cursor: pointer;
  border-radius: 20px;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 10px 0 12px;
  transition: border-color .2s, box-shadow .2s;
  display: flex;
}

.currency-dropdown:hover, .currency-dropdown:focus-within {
  border-color: #f5c542;
  box-shadow: 0 0 0 2px #f5c5422e;
}

.currency-dropdown__label {
  color: var(--text-less-prominent);
  text-transform: uppercase;
  letter-spacing: .04em;
  white-space: nowrap;
  pointer-events: none;
  font-size: 10px;
  font-weight: 700;
}

.currency-dropdown__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--text-general);
  cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%276%27 viewBox=%270 0 10 6%27%3E%3Cpath d=%27M1 1l4 4 4-4%27 stroke=%27%23f5c542%27 stroke-width=%271.5%27 fill=%27none%27 stroke-linecap=%27round%27/%3E%3C/svg%3E") right 0 center no-repeat;
  border: none;
  outline: none;
  padding-right: 14px;
  font-size: 12px;
  font-weight: 700;
}

.currency-dropdown__select option {
  background: var(--general-main-1);
  color: var(--text-general);
}

.app-header__fast-btn {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  letter-spacing: .3px;
  border-radius: 16px;
  outline: none;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 700;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
  position: relative;
}

.app-header__fast-btn--inactive {
  color: #ffffffa6;
  background: #ffffff0a;
  border: 1px solid #ffffff1f;
}

.app-header__fast-btn--inactive .fast-btn__icon {
  filter: grayscale() opacity(.7);
  transition: all .2s;
}

.app-header__fast-btn--inactive:hover {
  color: #fff;
  background: #10b98114;
  border-color: #10b98166;
}

.app-header__fast-btn--inactive:hover .fast-btn__icon {
  filter: none;
  transform: scale(1.1);
}

.app-header__fast-btn--active {
  color: #10b981;
  background: #10b98126;
  border: 1px solid #10b981;
  box-shadow: 0 0 12px #10b98159, inset 0 0 8px #10b9811f;
}

.app-header__fast-btn--active .fast-btn__icon {
  filter: drop-shadow(0 0 6px #10b981cc);
  animation: 1.8s ease-in-out infinite alternate fastIconPulse;
}

.app-header__fast-btn--active:hover {
  background: #10b98140;
  border-color: #34d399;
  transform: translateY(-1px);
  box-shadow: 0 0 16px #10b9818c, inset 0 0 10px #10b98133;
}

.app-header__fast-btn--mobile {
  border-radius: 14px;
  gap: 0;
  height: 28px;
  padding: 0 8px;
}

.app-header__fast-btn .fast-btn__icon {
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 1;
  display: inline-flex;
}

.app-header__fast-btn .fast-btn__text {
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 11px;
  font-weight: 700;
}

.app-header__fast-btn .fast-btn__pulse {
  background-color: #10b981;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-left: 2px;
  animation: 1.4s cubic-bezier(.4, 0, .6, 1) infinite fastPulseDot;
  box-shadow: 0 0 6px #10b981;
}

@keyframes fastPulseDot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .4;
    transform: scale(.7);
  }
}

@keyframes fastIconPulse {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.15);
  }
}

.app-header__login-btn, .app-header__signup-btn, .animation__run-button {
  position: relative;
  overflow: hidden;
  transition: all .3s cubic-bezier(.25, .8, .25, 1) !important;
}

.app-header__login-btn:after, .app-header__signup-btn:after, .animation__run-button:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(to right, #fff0 0%, #ffffff73 50%, #fff0 100%);
  width: 60%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -150%;
  transform: skewX(-25deg);
}

.app-header__login-btn:hover, .app-header__signup-btn:hover, .animation__run-button:hover {
  transform: translateY(-1px);
  border-color: #0000 !important;
}

.app-header__login-btn:hover:after, .app-header__signup-btn:hover:after, .animation__run-button:hover:after {
  transition: left .8s ease-in-out;
  left: 150%;
}

.app-header__login-btn:hover span, .app-header__login-btn:hover p, .app-header__login-btn:hover a, .app-header__login-btn:hover div, .app-header__login-btn:hover .dc-btn__text, .app-header__login-btn:hover svg, .app-header__signup-btn:hover span, .app-header__signup-btn:hover p, .app-header__signup-btn:hover a, .app-header__signup-btn:hover div, .app-header__signup-btn:hover .dc-btn__text, .app-header__signup-btn:hover svg, .animation__run-button:hover span, .animation__run-button:hover p, .animation__run-button:hover a, .animation__run-button:hover div, .animation__run-button:hover .dc-btn__text, .animation__run-button:hover svg {
  color: #fff !important;
  fill: #fff !important;
}

@keyframes glowing-pulse {
  0% {
    box-shadow: 0 0 #ffffffb3;
  }

  70% {
    box-shadow: 0 0 0 30px #fff0;
  }

  100% {
    box-shadow: 0 0 #fff0;
  }
}

@keyframes glowing-pulse-green {
  0% {
    box-shadow: 0 0 #4caf50b3;
  }

  70% {
    box-shadow: 0 0 0 15px #4caf5000;
  }

  100% {
    box-shadow: 0 0 #4caf5000;
  }
}

.animation__run-button {
  color: #06130d !important;
  background: linear-gradient(135deg, #0f8 0%, #00cc6a 100%) !important;
  border: none !important;
  font-weight: 800 !important;
  animation: 2s infinite glowing-pulse-green !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px #00ff8859 !important;
}

.animation__run-button .dc-btn__text, .animation__run-button svg {
  color: #06130d !important;
  font-weight: 800 !important;
}

.animation__run-button:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(to right, #fff0 0%, #ffffffbf 50%, #fff0 100%);
  width: 60%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -150%;
  transform: skewX(-25deg);
  display: block !important;
}

.animation__run-button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 22px #00ff888c !important;
}

.animation__run-button:hover:after {
  transition: left .8s ease-in-out !important;
  left: 150% !important;
}

.app-header__login-btn {
  color: #fff !important;
  background: #ffffff0a !important;
  border: 1px solid #00f5ff59 !important;
  border-radius: 8px !important;
  transition: all .3s !important;
}

.app-header__login-btn .dc-btn__text {
  color: #fff !important;
  font-weight: 600 !important;
}

.app-header__login-btn:hover {
  color: #00f5ff !important;
  background: #00f5ff1f !important;
  border-color: #00f5ff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px #00f5ff4d !important;
}

.app-header__login-btn:hover .dc-btn__text {
  color: #00f5ff !important;
}

body.theme--light .app-header__login-btn, body.theme--light .modern-login-btn, .theme--light .app-header__login-btn, .theme--light .modern-login-btn {
  color: #181c25 !important;
  background: #0000000a !important;
  border: 1px solid #00f5ff80 !important;
}

body.theme--light .app-header__login-btn .dc-btn__text, body.theme--light .modern-login-btn .dc-btn__text, .theme--light .app-header__login-btn .dc-btn__text, .theme--light .modern-login-btn .dc-btn__text {
  color: #181c25 !important;
}

body.theme--light .app-header__login-btn:hover, body.theme--light .modern-login-btn:hover, .theme--light .app-header__login-btn:hover, .theme--light .modern-login-btn:hover {
  color: #00f5ff !important;
  background: #00f5ff1f !important;
  border-color: #00f5ff !important;
}

body.theme--light .app-header__login-btn:hover .dc-btn__text, body.theme--light .modern-login-btn:hover .dc-btn__text, .theme--light .app-header__login-btn:hover .dc-btn__text, .theme--light .modern-login-btn:hover .dc-btn__text {
  color: #00f5ff !important;
}

.app-header__signup-btn {
  color: #fff !important;
  background: linear-gradient(135deg, #00f5ff 0%, #7000ff 100%) !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  transition: all .3s !important;
  box-shadow: 0 4px 14px #00f5ff59 !important;
}

.app-header__signup-btn .dc-btn__text {
  color: #fff !important;
  font-weight: 700 !important;
}

.app-header__signup-btn:hover {
  background: linear-gradient(135deg, #00d4dd 0%, #5d00d6 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px #00f5ff99 !important;
}

.app-header__transfer-btn {
  position: relative;
  overflow: hidden;
  min-width: unset !important;
  color: #fff !important;
  background: linear-gradient(135deg, #ff444f 0%, #d31e28 100%) !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 6px 16px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  transition: all .3s cubic-bezier(.25, .8, .25, 1) !important;
  box-shadow: 0 2px 10px #ff444f59 !important;
}

.app-header__transfer-btn .dc-btn__text {
  color: #fff !important;
  font-weight: 700 !important;
}

.app-header__transfer-btn svg {
  stroke: #fff !important;
  color: #fff !important;
}

.app-header__transfer-btn:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #ff5c65 0%, #e02630 100%) !important;
  box-shadow: 0 4px 16px #ff444f8c !important;
}

@media (max-width: 926px) {
  .app-header__transfer-btn {
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 6px !important;
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
  }

  .app-header__transfer-btn svg {
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 768px) {
  .app-header__transfer-btn {
    display: none !important;
  }
}

.app-header--mobile .app-header__transfer-btn {
  display: none !important;
}

.app-header svg {
  color: var(--text-prominent);
}

.app-header .auth-actions svg {
  color: inherit;
}

.mobile-menu__toggle svg, .mobile-menu__item svg {
  width: 20px;
  height: 20px;
  color: var(--text-prominent);
  fill: var(--text-prominent);
  transition: color .2s, fill .2s;
}

.mobile-menu__toggle:hover svg, .mobile-menu__item:hover svg {
  color: var(--text-general);
  fill: var(--text-general);
}

.app-header__mobile-refresh-btn {
  color: #00f5ff;
  cursor: pointer;
  background: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  padding: 0;
  transition: all .2s;
  display: inline-flex;
}

.app-header__mobile-refresh-btn svg {
  stroke: currentColor;
  width: 13px;
  height: 13px;
  transition: transform .3s cubic-bezier(.4, 0, .2, 1);
}

.app-header__mobile-refresh-btn:hover, .app-header__mobile-refresh-btn:focus {
  color: #fff;
  background: #00f5ff1f;
  border-color: #00f5ff;
  transform: scale(1.05);
}

.app-header__mobile-refresh-btn:active svg, .app-header__mobile-refresh-btn--spinning svg {
  animation: .6s linear infinite app-header-spin;
}

@keyframes app-header-spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.app-header__speed-toggle {
  cursor: pointer;
  font-family: var(--ph-font, "IBM Plex Sans", sans-serif);
  -webkit-user-select: none;
  user-select: none;
  background: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 20px;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  padding: 3px 8px;
  transition: all .25s cubic-bezier(.16, 1, .3, 1);
  display: inline-flex;
}

.app-header__speed-toggle .speed-toggle__icon {
  font-size: 13px;
  line-height: 1;
  transition: transform .2s cubic-bezier(.34, 1.56, .64, 1);
}

.app-header__speed-toggle .speed-toggle__text {
  color: var(--text-prominent);
  letter-spacing: .3px;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1;
}

.app-header__speed-toggle .speed-toggle__track {
  background: #64748b40;
  border-radius: 7px;
  width: 24px;
  height: 13px;
  transition: background .25s;
  position: relative;
}

.app-header__speed-toggle .speed-toggle__thumb {
  background: #cbd5e1;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  transition: transform .25s cubic-bezier(.34, 1.56, .64, 1);
  position: absolute;
  top: 2px;
  left: 2px;
}

.app-header__speed-toggle:hover {
  background: #ffffff0f;
  border-color: #ffffff40;
}

.app-header__speed-toggle:hover .speed-toggle__icon {
  transform: scale(1.15);
}

.app-header__speed-toggle--active .speed-toggle__thumb {
  background: #fff;
  transform: translateX(11px);
}

.app-header__speed-toggle--fast {
  background: #00f5ff17;
  border-color: #00f5ff8c;
  box-shadow: 0 0 10px #00f5ff33;
}

.app-header__speed-toggle--fast .speed-toggle__icon {
  color: #00f5ff;
  animation: 1.8s ease-in-out infinite headerSpeedPulse;
}

.app-header__speed-toggle--fast .speed-toggle__text {
  color: #00f5ff;
  text-shadow: 0 0 8px #00f5ff66;
  font-weight: 800;
}

.app-header__speed-toggle--fast .speed-toggle__track {
  background: linear-gradient(135deg, #00f5ff 0%, #0284c7 100%);
  box-shadow: 0 0 8px #00f5ff99;
}

.app-header__speed-toggle--ultra {
  background: #ff2e6324;
  border-color: #ff2e63b3;
  box-shadow: 0 0 14px #ff2e6359;
}

.app-header__speed-toggle--ultra .speed-toggle__icon {
  animation: 1s ease-in-out infinite alternate headerUltraFlame;
  display: inline-block;
}

.app-header__speed-toggle--ultra .speed-toggle__text {
  background: linear-gradient(135deg, #ff2e63 0%, #ff9a3c 100%);
  -webkit-text-fill-color: #0000;
  filter: drop-shadow(0 0 8px #ff2e6399);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 900;
}

.app-header__speed-toggle--ultra .speed-toggle__track {
  background: linear-gradient(135deg, #ff2e63 0%, #ff9a3c 100%);
  box-shadow: 0 0 10px #ff2e63b3;
}

@media (max-width: 680px) {
  .app-header__speed-toggle--mobile {
    border-radius: 8px;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
  }

  .app-header__speed-toggle--mobile .speed-toggle__text, .app-header__speed-toggle--mobile .speed-toggle__track {
    display: none;
  }

  .app-header__speed-toggle--mobile .speed-toggle__icon {
    font-size: 14px;
  }

  .app-header__speed-toggle--mobile.app-header__speed-toggle--fast {
    background: #00f5ff2e;
    border-color: #00f5ff;
    box-shadow: 0 0 10px #00f5ff66;
  }

  .app-header__speed-toggle--mobile.app-header__speed-toggle--ultra {
    background: #ff2e6338;
    border-color: #ff2e63;
    box-shadow: 0 0 12px #ff2e6380;
  }
}

@keyframes headerSpeedPulse {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.25);
  }
}

@keyframes headerUltraFlame {
  0% {
    filter: drop-shadow(0 0 4px #ff2e63);
    transform: scale(1)rotate(-4deg);
  }

  100% {
    filter: drop-shadow(0 0 8px #ff9a3c);
    transform: scale(1.3)rotate(4deg);
  }
}

.app-header__whatsapp-btn {
  color: #25d366;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: .04em;
  white-space: nowrap;
  background: #25d36614;
  border: 1px solid #25d36647;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
  display: inline-flex;
}

.app-header__whatsapp-btn:hover {
  color: #2ee872;
  background: #25d3662e;
  border-color: #25d3668c;
  box-shadow: 0 0 12px #25d36640;
}

.app-header__whatsapp-btn svg {
  fill: currentColor;
}

.main-body {
  flex-grow: 1;
}

@keyframes slideInDisclaimer {
  from {
    opacity: 0;
    transform: translateY(30px)scale(.96);
  }

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

@keyframes slideOutDisclaimer {
  from {
    opacity: 1;
    transform: translateY(0)scale(1);
  }

  to {
    opacity: 0;
    transform: translateY(20px)scale(.96);
  }
}

.risk-disclaimer-float {
  z-index: 1050;
  pointer-events: auto;
  width: calc(100% - 48px);
  max-width: 380px;
  animation: .4s cubic-bezier(.16, 1, .3, 1) forwards slideInDisclaimer;
  position: fixed;
  bottom: 24px;
  right: 24px;
}

.risk-disclaimer-float--closing {
  animation: .3s cubic-bezier(.4, 0, 1, 1) forwards slideOutDisclaimer;
}

@media (max-width: 768px) {
  .risk-disclaimer-float {
    bottom: calc(84px + env(safe-area-inset-bottom, 16px));
    width: auto;
    max-width: none;
    left: 12px;
    right: 12px;
  }
}

.risk-disclaimer-float__card {
  -webkit-backdrop-filter: blur(16px);
  box-sizing: border-box;
  background: #0f131ceb;
  border: 1px solid #f5c5424d;
  border-radius: 14px;
  padding: 16px 18px;
  transition: transform .2s, border-color .2s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 36px #0000008c, 0 0 20px #f5c54214;
}

.risk-disclaimer-float__card:hover {
  border-color: #f5c54273;
}

.risk-disclaimer-float__glow-line {
  background: linear-gradient(90deg, #0000 0%, #f5c542 50%, #0000 100%);
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.risk-disclaimer-float__header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.risk-disclaimer-float__badge {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.risk-disclaimer-float__badge-icon {
  color: #f5c542;
  filter: drop-shadow(0 0 6px #f5c54266);
  width: 18px;
  height: 18px;
}

.risk-disclaimer-float__title {
  color: #f5c542;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-family: inherit;
  font-size: .88rem;
  font-weight: 700;
}

.risk-disclaimer-float__close {
  color: #fff9;
  cursor: pointer;
  background: #ffffff0f;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: all .2s;
  display: inline-flex;
}

.risk-disclaimer-float__close:hover {
  color: #ef4444;
  background: #ef444433;
  border-color: #ef444466;
  transform: scale(1.05);
}

.risk-disclaimer-float__close:active {
  transform: scale(.95);
}

.risk-disclaimer-float__text {
  color: #ffffffd1;
  margin: 0 0 14px;
  font-size: .78rem;
  font-weight: 400;
  line-height: 1.5;
}

.risk-disclaimer-float__footer {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.risk-disclaimer-float__btn {
  color: #0f131c;
  cursor: pointer;
  background: linear-gradient(135deg, #f5c542 0%, #d4a017 100%);
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 7px 16px;
  font-size: .78rem;
  font-weight: 700;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 3px 10px #f5c54240;
}

.risk-disclaimer-float__btn:hover {
  background: linear-gradient(135deg, gold 0%, #e5b225 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 14px #f5c54266;
}

.risk-disclaimer-float__btn:active {
  transform: translateY(0)scale(.98);
}

.account-info-modal__overlay {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 9999;
  background: #0006;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.account-info-modal__container {
  background: var(--general-main-1, #10141e);
  border: 1.5px solid var(--border-normal, #ffffff1f);
  width: 680px;
  max-width: 95vw;
  color: var(--text-general, #202020);
  border-radius: 12px;
  flex-direction: column;
  font-family: inherit;
  animation: .15s ease-out scale-up;
  display: flex;
  overflow: hidden;
  box-shadow: 0 12px 40px #0009;
}

.account-info-modal__header {
  border-bottom: 1px solid var(--border-divider, #ffffff14);
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.account-info-modal__title-group {
  align-items: center;
  gap: 8px;
  display: flex;
}

.account-info-modal__title-group h3 {
  color: var(--text-prominent, var(--text-general, #202020));
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}

.account-info-modal__close {
  color: var(--text-less-prominent, #777);
  cursor: pointer;
  background: none;
  border: none;
  padding: 4px;
  font-size: 16px;
  transition: color .2s;
}

.account-info-modal__close:hover {
  color: var(--text-general);
}

.account-info-modal__body {
  flex-direction: column;
  gap: 20px;
  max-height: 480px;
  padding: 20px;
  display: flex;
  overflow-y: auto;
}

.account-info-modal__section {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.account-info-modal__section-title {
  text-transform: uppercase;
  color: var(--text-less-prominent);
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.account-info-modal__accounts-list {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.account-info-modal__account-card {
  background: var(--general-section-1, #ffffff0a);
  border: 1px solid var(--border-normal, #ffffff14);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  transition: all .25s;
  display: flex;
  box-shadow: 0 4px 12px #00000040;
}

.account-info-modal__account-card:hover {
  background: var(--general-hover, #ffffff12);
  border-color: var(--border-hover, #ffffff29);
  transform: translateY(-1px);
}

.account-info-modal__account-card--active {
  border-color: var(--ph-primary, #f5c542);
  background: linear-gradient(135deg, #f5c54214 0%, #f5c54205 100%);
  box-shadow: 0 4px 18px #f5c5421f, inset 0 1px 1px #ffffff1a;
}

.account-info-modal__account-id-group {
  align-items: center;
  gap: 8px;
  display: flex;
}

.account-info-modal__account-id {
  letter-spacing: .02em;
  font-family: JetBrains Mono, monospace;
  font-size: 13.5px;
  font-weight: 700;
}

.account-info-modal__badge {
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: 5px;
  padding: 2px 7px;
  font-size: 9.5px;
  font-weight: 800;
}

.account-info-modal__badge--demo {
  color: #60a5fa;
  background: #3b82f62e;
  border: 1px solid #3b82f64d;
}

.account-info-modal__badge--real {
  color: #34d399;
  background: #10b9812e;
  border: 1px solid #10b9814d;
}

.account-info-modal__active-indicator {
  color: var(--ph-primary, #f5c542);
  letter-spacing: .03em;
  text-transform: uppercase;
  background: #f5c5421f;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 700;
}

.account-info-modal__account-balance {
  align-items: baseline;
  gap: 5px;
  display: flex;
}

.account-info-modal__balance-val {
  color: var(--text-prominent, #fff);
  font-family: JetBrains Mono, monospace;
  font-size: 14.5px;
  font-weight: 800;
}

.account-info-modal__balance-curr {
  color: var(--text-less-prominent, #fff9);
  font-family: JetBrains Mono, monospace;
  font-size: 11.5px;
  font-weight: 700;
}

.account-info-modal__empty {
  text-align: center;
  color: var(--text-less-prominent);
  padding: 16px;
  font-size: 13px;
}

.account-info-modal__links {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.account-info-modal__link-card {
  background: #ffffff08;
  border: 1px solid #ffffff0d;
  border-radius: 8px;
  flex-direction: column;
  gap: 4px;
  padding: 12px 16px;
  text-decoration: none;
  transition: border-color .2s, background .2s;
  display: flex;
}

.account-info-modal__link-card:hover {
  background: #ffffff0f;
  border-color: #ffffff26;
}

.account-info-modal__link-title {
  color: #3b82f6;
  font-size: 13px;
  font-weight: 700;
}

.account-api-grid {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
  margin-top: 8px;
  display: grid;
}

.account-api-card {
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 14px;
  transition: border-color .2s, background .2s;
  display: flex;
}

.account-api-card:hover {
  background: #3b82f60a;
  border-color: #3b82f666;
}

.account-api-card__header {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.account-api-card__title {
  color: #60a5fa;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.account-api-card__title:hover {
  text-decoration: underline;
}

.account-api-card__cmd {
  color: #10b981;
  background: #10b9811a;
  border: 1px solid #10b98133;
  border-radius: 4px;
  padding: 2px 6px;
  font-family: JetBrains Mono, monospace;
  font-size: 10px;
}

.account-api-card__desc {
  color: #94a3b8;
  margin: 0;
  font-size: 11px;
  line-height: 1.35;
}

.account-api-card__test-btn {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  border: none;
  border-radius: 6px;
  margin-top: 6px;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 600;
  transition: opacity .2s, transform .1s;
}

.account-api-card__test-btn:hover:not(:disabled) {
  opacity: .9;
  transform: translateY(-1px);
}

.account-api-card__test-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.account-api-card__actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  display: flex;
}

.account-api-card__action-btn {
  color: #f1f5f9;
  cursor: pointer;
  background: #ffffff14;
  border: 1px solid #ffffff26;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 600;
  transition: all .2s;
}

.account-api-card__action-btn:hover {
  background: #ffffff26;
  border-color: #ffffff40;
}

.account-info-modal__quick-actions {
  border-bottom: 1px solid var(--border-divider, #ffffff0f);
  background: #ffffff05;
  gap: 10px;
  padding: 12px 20px;
  display: flex;
}

.account-info-modal__quick-actions .quick-action-btn {
  background: var(--general-section-2, #ffffff0d);
  border: 1px solid var(--border-normal, #ffffff1f);
  color: var(--text-general, #f1f5f9);
  cursor: pointer;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  font-size: 12px;
  transition: all .2s;
  display: flex;
}

.account-info-modal__quick-actions .quick-action-btn:hover {
  background: #ffffff17;
  border-color: #ffffff38;
  transform: translateY(-1px);
}

.account-info-modal__quick-actions .quick-action-btn--primary {
  color: #60a5fa;
  background: linear-gradient(135deg, #2563eb33, #1d4ed81a);
  border-color: #3b82f659;
}

.account-info-modal__quick-actions .quick-action-btn--primary:hover {
  background: linear-gradient(135deg, #2563eb4d, #1d4ed826);
}

.account-info-modal__quick-actions .quick-action-btn .btn-badge {
  color: #cbd5e1;
  background: #ffffff1a;
  border-radius: 4px;
  padding: 1px 6px;
  font-size: 9.5px;
  font-weight: 700;
}

.account-info-modal__text-link {
  color: #60a5fa;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 11px;
  font-weight: 600;
}

.account-info-modal__text-link:hover {
  text-decoration: underline;
}

@keyframes scale-up {
  from {
    opacity: 0;
    transform: scale(.95);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.statement-report-modal__overlay {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  z-index: 99999;
  background: #080a0fbf;
  justify-content: center;
  align-items: center;
  padding: 16px;
  animation: .2s cubic-bezier(.16, 1, .3, 1) statementFadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.statement-report-modal__container {
  background: var(--general-main-1, #0e121b);
  border: 1px solid var(--border-normal, #ffffff1f);
  width: 1080px;
  max-width: 96vw;
  max-height: 92vh;
  color: var(--text-general, #e2e8f0);
  border-radius: 16px;
  flex-direction: column;
  font-family: inherit;
  animation: .25s cubic-bezier(.16, 1, .3, 1) statementZoomIn;
  display: flex;
  overflow: hidden;
  box-shadow: 0 24px 60px -12px #000000bf, 0 0 0 1px #ffffff0d;
}

.statement-report-modal__header {
  border-bottom: 1px solid var(--border-divider, #ffffff14);
  background: var(--general-section-1, #ffffff05);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px 24px;
  display: flex;
}

.statement-report-modal__title-group {
  align-items: center;
  gap: 12px;
  display: flex;
}

.statement-report-modal__icon-badge {
  color: #60a5fa;
  background: linear-gradient(135deg, #3b82f633, #2563eb0d);
  border: 1px solid #3b82f64d;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.statement-report-modal__title-wrapper {
  align-items: center;
  gap: 10px;
  display: flex;
}

.statement-report-modal__title-wrapper h3 {
  color: var(--text-prominent, #f8fafc);
  letter-spacing: -.02em;
  margin: 0;
  font-size: 17px;
  font-weight: 700;
}

.statement-report-modal__source-badge {
  letter-spacing: .02em;
  border-radius: 9999px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
}

.statement-report-modal__source-badge.source-rest {
  color: #34d399;
  background: #10b98126;
  border: 1px solid #10b9814d;
}

.statement-report-modal__source-badge.source-ws {
  color: #60a5fa;
  background: #3b82f626;
  border: 1px solid #3b82f64d;
}

.statement-report-modal__account-type-badge {
  letter-spacing: .03em;
  text-transform: uppercase;
  border-radius: 9999px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 700;
}

.statement-report-modal__account-type-badge.badge-demo {
  color: #fbbf24;
  background: #f59e0b26;
  border: 1px solid #f59e0b59;
}

.statement-report-modal__account-type-badge.badge-real {
  color: #34d399;
  background: #10b98126;
  border: 1px solid #10b98159;
}

.statement-report-modal__subtitle {
  color: var(--text-less-prominent, #94a3b8);
  margin: 2px 0 0;
  font-size: 12px;
}

.statement-report-modal__header-actions {
  align-items: center;
  gap: 10px;
  margin-left: auto;
  display: flex;
}

.statement-report-modal__account-select-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.statement-report-modal__account-select-wrapper .statement-report-modal__account-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--general-section-2, #ffffff0d);
  border: 1px solid var(--border-normal, #ffffff1f);
  color: var(--text-general, #f1f5f9);
  cursor: pointer;
  border-radius: 8px;
  outline: none;
  padding: 7px 30px 7px 12px;
  font-size: 12px;
  font-weight: 600;
  transition: all .2s;
}

.statement-report-modal__account-select-wrapper .statement-report-modal__account-select:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px #3b82f640;
}

.statement-report-modal__account-select-wrapper .select-chevron {
  color: var(--text-less-prominent, #94a3b8);
  pointer-events: none;
  position: absolute;
  right: 10px;
}

.statement-report-modal__refresh-btn, .statement-report-modal__close-btn {
  background: var(--general-section-2, #ffffff0d);
  border: 1px solid var(--border-normal, #ffffff1a);
  color: var(--text-less-prominent, #94a3b8);
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: all .2s;
  display: flex;
}

.statement-report-modal__refresh-btn:hover, .statement-report-modal__close-btn:hover {
  color: var(--text-prominent, #f8fafc);
  background: #ffffff1a;
  border-color: #fff3;
}

.statement-report-modal__refresh-btn:disabled, .statement-report-modal__close-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.statement-report-modal__metrics-strip {
  background: var(--general-section-2, #ffffff04);
  border-bottom: 1px solid var(--border-divider, #ffffff0f);
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  padding: 16px 24px;
  display: grid;
}

.statement-report-modal__metrics-strip .metric-card {
  background: var(--general-section-1, #ffffff08);
  border: 1px solid var(--border-normal, #ffffff14);
  border-radius: 10px;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  transition: border-color .2s;
  display: flex;
}

.statement-report-modal__metrics-strip .metric-card:hover {
  border-color: #ffffff29;
}

.statement-report-modal__metrics-strip .metric-card__header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.statement-report-modal__metrics-strip .metric-card__label {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--text-less-prominent, #94a3b8);
  font-size: 11px;
  font-weight: 600;
}

.statement-report-modal__metrics-strip .metric-card__value {
  color: var(--text-prominent, #f8fafc);
  letter-spacing: -.01em;
  font-size: 16px;
  font-weight: 700;
}

.statement-report-modal__toolbar {
  border-bottom: 1px solid var(--border-divider, #ffffff0f);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  display: flex;
}

.statement-report-modal__toolbar-left {
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  gap: 10px;
  display: flex;
}

.statement-report-modal__toolbar-right {
  align-items: center;
  gap: 8px;
  display: flex;
}

.statement-report-modal__toolbar .toolbar-search {
  align-items: center;
  min-width: 240px;
  display: flex;
  position: relative;
}

.statement-report-modal__toolbar .toolbar-search .search-icon {
  color: var(--text-less-prominent, #94a3b8);
  pointer-events: none;
  position: absolute;
  left: 10px;
}

.statement-report-modal__toolbar .toolbar-search input {
  background: var(--general-section-1, #ffffff08);
  border: 1px solid var(--border-normal, #ffffff1a);
  width: 100%;
  color: var(--text-general, #f1f5f9);
  border-radius: 8px;
  outline: none;
  padding: 6px 28px 6px 30px;
  font-size: 12px;
  transition: all .2s;
}

.statement-report-modal__toolbar .toolbar-search input::placeholder {
  color: var(--text-less-prominent, #64748b);
}

.statement-report-modal__toolbar .toolbar-search input:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px #3b82f640;
}

.statement-report-modal__toolbar .toolbar-search .clear-search {
  color: var(--text-less-prominent, #94a3b8);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  padding: 2px;
  font-size: 11px;
  position: absolute;
  right: 8px;
}

.statement-report-modal__toolbar .toolbar-search .clear-search:hover {
  color: var(--text-prominent);
}

.statement-report-modal__toolbar .toolbar-filter {
  background: var(--general-section-1, #ffffff08);
  border: 1px solid var(--border-normal, #ffffff1a);
  color: var(--text-less-prominent, #94a3b8);
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 3px 8px;
  display: flex;
}

.statement-report-modal__toolbar .toolbar-filter select {
  color: var(--text-general, #f1f5f9);
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  font-size: 12px;
}

.statement-report-modal__toolbar .toolbar-filter select option {
  color: #f1f5f9;
  background: #141824;
}

.statement-report-modal__toolbar .export-btn {
  background: var(--general-section-1, #ffffff0a);
  border: 1px solid var(--border-normal, #ffffff1a);
  color: var(--text-general, #f1f5f9);
  cursor: pointer;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  transition: all .2s;
  display: inline-flex;
}

.statement-report-modal__toolbar .export-btn:hover:not(:disabled) {
  background: #ffffff17;
  border-color: #fff3;
}

.statement-report-modal__toolbar .export-btn:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.statement-report-modal__body {
  flex-direction: column;
  flex: 1;
  min-height: 280px;
  max-height: 480px;
  display: flex;
  overflow-y: auto;
}

.statement-report-modal__loading, .statement-report-modal__empty, .statement-report-modal__error {
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 48px 24px;
  display: flex;
}

.statement-report-modal__loading p, .statement-report-modal__empty p, .statement-report-modal__error p {
  color: var(--text-less-prominent, #94a3b8);
  max-width: 360px;
  margin: 0;
  font-size: 13px;
}

.statement-report-modal__loading h4, .statement-report-modal__empty h4, .statement-report-modal__error h4 {
  color: var(--text-prominent, #f8fafc);
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

.statement-report-modal__loading .empty-icon, .statement-report-modal__loading .error-icon, .statement-report-modal__empty .empty-icon, .statement-report-modal__empty .error-icon, .statement-report-modal__error .empty-icon, .statement-report-modal__error .error-icon {
  font-size: 32px;
}

.statement-report-modal__loading .retry-btn, .statement-report-modal__empty .retry-btn, .statement-report-modal__error .retry-btn {
  color: #fff;
  cursor: pointer;
  background: #2563eb;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 600;
  transition: background .2s;
  display: inline-flex;
}

.statement-report-modal__loading .retry-btn:hover, .statement-report-modal__empty .retry-btn:hover, .statement-report-modal__error .retry-btn:hover {
  background: #1d4ed8;
}

.statement-report-modal .statement-table-wrapper {
  width: 100%;
  overflow-x: auto;
}

.statement-report-modal .statement-table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  font-size: 12px;
}

.statement-report-modal .statement-table thead {
  background: var(--general-section-2, #121722);
  z-index: 10;
  border-bottom: 1px solid var(--border-divider, #ffffff14);
  position: sticky;
  top: 0;
}

.statement-report-modal .statement-table thead th {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--text-less-prominent, #94a3b8);
  white-space: nowrap;
  padding: 10px 18px;
  font-size: 11px;
  font-weight: 600;
}

.statement-report-modal .statement-table tbody tr {
  border-bottom: 1px solid var(--border-divider, #ffffff0a);
  transition: background .15s;
}

.statement-report-modal .statement-table tbody tr:hover {
  background: #ffffff06;
}

.statement-report-modal .statement-table tbody tr td {
  vertical-align: middle;
  white-space: nowrap;
  padding: 12px 18px;
}

.statement-report-modal .statement-table .cell-time {
  font-family: var(--font-mono, monospace);
  color: var(--text-less-prominent, #94a3b8);
  font-size: 11.5px;
}

.statement-report-modal .statement-table .cell-id code {
  font-family: var(--font-mono, monospace);
  color: #e2e8f0;
  background: #ffffff0f;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 11px;
}

.statement-report-modal .statement-table .cell-id .sub-id {
  color: var(--text-less-prominent, #64748b);
  margin-top: 2px;
  font-size: 10px;
  display: block;
}

.statement-report-modal .statement-table .action-badge {
  letter-spacing: .03em;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 700;
  display: inline-block;
}

.statement-report-modal .statement-table .action-badge.action-buy {
  color: #60a5fa;
  background: #3b82f626;
  border: 1px solid #3b82f640;
}

.statement-report-modal .statement-table .action-badge.action-sell {
  color: #34d399;
  background: #10b98126;
  border: 1px solid #10b98140;
}

.statement-report-modal .statement-table .action-badge.action-deposit {
  color: #10b981;
  background: #10b98133;
  border: 1px solid #10b9814d;
}

.statement-report-modal .statement-table .action-badge.action-withdrawal {
  color: #fbbf24;
  background: #f59e0b26;
  border: 1px solid #f59e0b40;
}

.statement-report-modal .statement-table .action-badge.action-transfer {
  color: #a78bfa;
  background: #8b5cf626;
  border: 1px solid #8b5cf640;
}

.statement-report-modal .statement-table .action-badge.action-adjustment {
  color: #f472b6;
  background: #ec489926;
  border: 1px solid #ec489940;
}

.statement-report-modal .statement-table .cell-desc {
  text-overflow: ellipsis;
  max-width: 280px;
  overflow: hidden;
}

.statement-report-modal .statement-table .cell-desc .desc-symbol {
  align-items: center;
  gap: 6px;
  display: flex;
}

.statement-report-modal .statement-table .cell-desc .desc-symbol strong {
  color: var(--text-prominent, #f8fafc);
  font-size: 12px;
}

.statement-report-modal .statement-table .cell-desc .desc-symbol .bet-pill {
  color: #cbd5e1;
  background: #ffffff12;
  border-radius: 4px;
  padding: 1px 6px;
  font-size: 10px;
  font-weight: 600;
}

.statement-report-modal .statement-table .cell-desc .desc-text {
  color: var(--text-less-prominent, #94a3b8);
  text-overflow: ellipsis;
  font-size: 11.5px;
  overflow: hidden;
}

.statement-report-modal .statement-table .cell-amount, .statement-report-modal .statement-table .cell-balance {
  font-family: var(--font-mono, monospace);
  font-size: 12px;
  font-weight: 600;
}

.statement-report-modal .statement-table .text-right {
  text-align: right;
}

.statement-report-modal .statement-table tfoot {
  background: var(--general-section-2, #121722);
  border-top: 2px solid var(--border-divider, #ffffff1f);
  z-index: 5;
  position: sticky;
  bottom: 0;
  box-shadow: 0 -4px 16px #00000040;
}

.statement-report-modal .statement-table tfoot .statement-table__totals-row td {
  background: var(--general-section-2, #121722);
  vertical-align: middle;
  padding: 12px 18px;
}

.statement-report-modal .statement-table tfoot .statement-table__totals-row .cell-totals-label .totals-meta {
  align-items: center;
  gap: 8px;
  display: flex;
}

.statement-report-modal .statement-table tfoot .statement-table__totals-row .cell-totals-label .totals-meta .totals-title {
  color: var(--text-prominent, #f8fafc);
  letter-spacing: .03em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.statement-report-modal .statement-table tfoot .statement-table__totals-row .cell-totals-label .totals-meta .totals-badge {
  color: var(--text-less-prominent, #94a3b8);
  background: #ffffff14;
  border-radius: 6px;
  padding: 2px 7px;
  font-size: 11px;
}

.statement-report-modal .statement-table tfoot .statement-table__totals-row .totals-amount-cell {
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
  display: flex;
}

.statement-report-modal .statement-table tfoot .statement-table__totals-row .totals-amount-cell .totals-net-flow {
  font-size: 13px;
  font-weight: 700;
  font-family: var(--font-mono, monospace);
}

.statement-report-modal .statement-table tfoot .statement-table__totals-row .totals-amount-cell .totals-breakdown {
  align-items: center;
  gap: 4px;
  font-size: 10.5px;
  font-weight: 600;
  display: flex;
}

.statement-report-modal .statement-table tfoot .statement-table__totals-row .totals-amount-cell .totals-breakdown .breakdown-divider {
  color: var(--text-less-prominent, #64748b);
}

.statement-report-modal .statement-table tfoot .statement-table__totals-row .totals-balance-cell {
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.statement-report-modal .statement-table tfoot .statement-table__totals-row .totals-balance-cell .totals-balance-label {
  text-transform: uppercase;
  letter-spacing: .03em;
  color: var(--text-less-prominent, #94a3b8);
  font-size: 10px;
  font-weight: 600;
}

.statement-report-modal .statement-table tfoot .statement-table__totals-row .totals-balance-cell .totals-balance-val {
  color: var(--text-prominent, #f8fafc);
  font-size: 13px;
  font-weight: 700;
  font-family: var(--font-mono, monospace);
}

.statement-report-modal .text-success {
  color: #10b981 !important;
}

.statement-report-modal .text-danger {
  color: #ef4444 !important;
}

.statement-report-modal .text-muted {
  color: var(--text-less-prominent, #94a3b8) !important;
}

.statement-report-modal__footer {
  border-top: 1px solid var(--border-divider, #ffffff14);
  background: var(--general-section-1, #ffffff05);
  justify-content: space-between;
  align-items: center;
  padding: 14px 24px;
  display: flex;
}

.statement-report-modal__footer .footer-left {
  color: var(--text-less-prominent, #94a3b8);
  align-items: center;
  gap: 6px;
  font-size: 11px;
  display: flex;
}

.statement-report-modal__footer .footer-left .info-dot {
  background: #10b981;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.statement-report-modal__footer .footer-left a {
  color: #60a5fa;
  text-decoration: none;
}

.statement-report-modal__footer .footer-left a:hover {
  text-decoration: underline;
}

.statement-report-modal__footer .footer-right .close-btn {
  background: var(--general-section-2, #ffffff0f);
  border: 1px solid var(--border-normal, #ffffff1f);
  color: var(--text-general, #f1f5f9);
  cursor: pointer;
  border-radius: 8px;
  padding: 7px 18px;
  font-size: 12px;
  font-weight: 600;
  transition: all .2s;
}

.statement-report-modal__footer .footer-right .close-btn:hover {
  background: #ffffff1f;
}

.statement-report-modal__source-bar {
  border-bottom: 1px solid var(--border-divider, #ffffff0f);
  background: #00000040;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 24px;
  display: flex;
}

.statement-report-modal__source-tabs {
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 3px;
  display: inline-flex;
}

.statement-report-modal__source-tabs .source-tab-btn {
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  font-size: 11.5px;
  font-weight: 600;
  transition: all .18s;
  display: inline-flex;
}

.statement-report-modal__source-tabs .source-tab-btn:hover {
  color: #f1f5f9;
  background: #ffffff0d;
}

.statement-report-modal__source-tabs .source-tab-btn.active {
  color: #60a5fa;
  background: #3b82f633;
  border: 1px solid #3b82f666;
  box-shadow: 0 1px 4px #0000004d;
}

.statement-report-modal__source-tabs .source-tab-btn .source-tab-dot {
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.statement-report-modal__source-tabs .source-tab-btn .source-tab-dot.dot-unified {
  background: #10b981;
  box-shadow: 0 0 6px #10b981;
}

.statement-report-modal__source-tabs .source-tab-btn .source-tab-dot.dot-legacy {
  background: #f59e0b;
  box-shadow: 0 0 6px #f59e0b;
}

.statement-report-modal__source-tabs .source-tab-btn .source-tab-dot.dot-ws {
  background: #3b82f6;
  box-shadow: 0 0 6px #3b82f6;
}

.statement-report-modal__source-meta {
  align-items: center;
  gap: 10px;
  font-size: 11px;
  display: flex;
}

.statement-report-modal__source-chip {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.statement-report-modal__source-chip .chip-label {
  color: #64748b;
  font-weight: 500;
}

.statement-report-modal__source-chip .chip-value {
  border-radius: 6px;
  padding: 2px 8px;
  font-weight: 600;
}

.statement-report-modal__source-chip .chip-value.chip-unified {
  color: #34d399;
  background: #10b98126;
  border: 1px solid #10b9814d;
}

.statement-report-modal__source-chip .chip-value.chip-legacy_rest {
  color: #fbbf24;
  background: #f59e0b26;
  border: 1px solid #f59e0b4d;
}

.statement-report-modal__source-chip .chip-value.chip-websocket {
  color: #60a5fa;
  background: #3b82f626;
  border: 1px solid #3b82f64d;
}

.statement-report-modal__migration-chip {
  color: #c084fc;
  background: #8b5cf61f;
  border: 1px solid #8b5cf640;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-weight: 600;
  display: inline-flex;
}

.statement-report-modal__migration-chip .chip-label {
  opacity: .8;
}

.statement-report-modal__auth-required {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 60px 24px;
  display: flex;
}

.statement-report-modal__auth-required .auth-icon {
  color: #60a5fa;
  background: #3b82f61f;
  border: 1px solid #3b82f640;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  margin-bottom: 4px;
  display: flex;
}

.statement-report-modal__auth-required h4 {
  color: #f8fafc;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.statement-report-modal__auth-required p {
  color: #94a3b8;
  max-width: 440px;
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.statement-report-modal__auth-required .auth-login-btn {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 8px 20px;
  font-size: 13px;
  font-weight: 600;
  transition: all .18s;
  display: inline-flex;
}

.statement-report-modal__auth-required .auth-login-btn:hover {
  background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 14px #3b82f666;
}

@keyframes statementFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes statementZoomIn {
  from {
    opacity: 0;
    transform: scale(.96)translateY(8px);
  }

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

@media (max-width: 768px) {
  .statement-report-modal__header {
    padding: 14px 16px;
  }

  .statement-report-modal__metrics-strip {
    grid-template-columns: repeat(2, 1fr);
    padding: 12px 16px;
  }

  .statement-report-modal__toolbar {
    padding: 10px 16px;
  }

  .statement-report-modal__toolbar-left, .statement-report-modal__toolbar .toolbar-search {
    width: 100%;
  }

  .statement-report-modal .statement-table th, .statement-report-modal .statement-table td {
    padding: 10px 12px;
  }
}

.wallet-modal__overlay {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  z-index: 99999;
  background: #080a0fbf;
  justify-content: center;
  align-items: center;
  padding: 16px;
  animation: .2s cubic-bezier(.16, 1, .3, 1) walletFadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.wallet-modal__container {
  background: var(--general-main-1, #0e121b);
  border: 1px solid var(--border-normal, #ffffff1f);
  width: 860px;
  max-width: 95vw;
  max-height: 90vh;
  color: var(--text-general, #e2e8f0);
  border-radius: 16px;
  flex-direction: column;
  animation: .25s cubic-bezier(.16, 1, .3, 1) walletZoomIn;
  display: flex;
  overflow: hidden;
  box-shadow: 0 24px 60px -12px #000000bf;
}

.wallet-modal__header {
  border-bottom: 1px solid var(--border-divider, #ffffff14);
  background: var(--general-section-1, #ffffff05);
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
}

.wallet-modal__title-group {
  align-items: center;
  gap: 12px;
  display: flex;
}

.wallet-modal__icon-badge {
  color: #34d399;
  background: linear-gradient(135deg, #10b98133, #0596690d);
  border: 1px solid #10b9814d;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: flex;
}

.wallet-modal__title-wrapper {
  align-items: center;
  gap: 10px;
  display: flex;
}

.wallet-modal__title-wrapper h3 {
  color: var(--text-prominent, #f8fafc);
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.wallet-modal__badge-rest {
  color: #34d399;
  letter-spacing: .04em;
  text-transform: uppercase;
  background: #10b98126;
  border: 1px solid #10b9814d;
  border-radius: 9999px;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 700;
}

.wallet-modal__subtitle {
  color: var(--text-less-prominent, #94a3b8);
  margin: 2px 0 0;
  font-size: 12px;
}

.wallet-modal__close-btn {
  background: var(--general-section-2, #ffffff0d);
  border: 1px solid var(--border-normal, #ffffff1a);
  color: var(--text-less-prominent, #94a3b8);
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: all .2s;
  display: flex;
}

.wallet-modal__close-btn:hover {
  color: #fff;
  background: #ffffff1a;
}

.wallet-modal__nav {
  border-bottom: 1px solid var(--border-divider, #ffffff14);
  background: var(--general-section-2, #ffffff04);
  align-items: center;
  gap: 4px;
  padding: 10px 24px;
  display: flex;
}

.wallet-modal__nav .wallet-modal__tab-btn {
  color: var(--text-less-prominent, #94a3b8);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  transition: all .2s;
  display: inline-flex;
}

.wallet-modal__nav .wallet-modal__tab-btn:hover {
  color: var(--text-prominent, #f8fafc);
  background: #ffffff0a;
}

.wallet-modal__nav .wallet-modal__tab-btn.active {
  color: #3b82f6;
  background: #3b82f61f;
  border: 1px solid #3b82f640;
}

.wallet-modal__body {
  flex: 1;
  max-height: 520px;
  padding: 20px 24px;
  overflow-y: auto;
}

.wallet-modal .wallet-tab-wallets .section-intro {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.wallet-modal .wallet-tab-wallets .section-intro h4 {
  color: var(--text-prominent, #f8fafc);
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}

.wallet-modal .wallet-tab-wallets .refresh-icon-btn {
  color: var(--text-less-prominent, #94a3b8);
  cursor: pointer;
  background: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  font-size: 12px;
  transition: all .2s;
  display: inline-flex;
}

.wallet-modal .wallet-tab-wallets .refresh-icon-btn:hover:not(:disabled) {
  color: var(--text-prominent, #f8fafc);
  background: #ffffff14;
}

.wallet-modal .wallet-tab-wallets .wallets-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
  display: grid;
}

.wallet-modal .wallet-tab-wallets .wallet-card {
  background: var(--general-section-1, #ffffff08);
  border: 1px solid var(--border-normal, #ffffff17);
  border-radius: 12px;
  flex-direction: column;
  gap: 14px;
  padding: 16px;
  transition: all .2s;
  display: flex;
}

.wallet-modal .wallet-tab-wallets .wallet-card:hover {
  border-color: #3b82f666;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px -6px #00000080;
}

.wallet-modal .wallet-tab-wallets .wallet-card--default {
  background: linear-gradient(#3b82f60f, #ffffff05);
  border-color: #3b82f673;
}

.wallet-modal .wallet-tab-wallets .wallet-card__header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.wallet-modal .wallet-tab-wallets .wallet-card__header .wallet-card__id-group {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.wallet-modal .wallet-tab-wallets .wallet-card__header .wallet-id {
  color: var(--text-prominent, #f8fafc);
  font-family: monospace;
  font-size: 13px;
  font-weight: 700;
}

.wallet-modal .wallet-tab-wallets .wallet-card__header .wallet-badge {
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 9.5px;
  font-weight: 700;
}

.wallet-modal .wallet-tab-wallets .wallet-card__header .wallet-badge.badge-demo {
  color: #fbbf24;
  background: #f59e0b26;
}

.wallet-modal .wallet-tab-wallets .wallet-card__header .wallet-badge.badge-real {
  color: #34d399;
  background: #10b98126;
}

.wallet-modal .wallet-tab-wallets .wallet-card__header .badge-active {
  color: #60a5fa;
  background: #3b82f633;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 9.5px;
  font-weight: 700;
}

.wallet-modal .wallet-tab-wallets .wallet-card__header .wallet-type-tag {
  color: var(--text-less-prominent, #64748b);
  letter-spacing: .05em;
  font-size: 9px;
  font-weight: 700;
}

.wallet-modal .wallet-tab-wallets .wallet-card__balance-block .balance-label {
  color: var(--text-less-prominent, #94a3b8);
  margin-bottom: 4px;
  font-size: 11px;
}

.wallet-modal .wallet-tab-wallets .wallet-card__balance-block .balance-val {
  color: var(--text-prominent, #f8fafc);
  letter-spacing: -.02em;
  font-family: monospace;
  font-size: 20px;
  font-weight: 700;
}

.wallet-modal .wallet-tab-wallets .wallet-card__balance-block .balance-converted {
  color: #10b981;
  margin-top: 2px;
  font-size: 11px;
}

.wallet-modal .wallet-tab-wallets .wallet-card__actions {
  align-items: center;
  gap: 8px;
  margin-top: auto;
  display: flex;
}

.wallet-modal .wallet-tab-wallets .wallet-card__actions .card-action-btn {
  color: #fff;
  cursor: pointer;
  background: #2563eb;
  border: none;
  border-radius: 6px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 7px 10px;
  font-size: 11.5px;
  font-weight: 600;
  transition: background .15s;
  display: inline-flex;
}

.wallet-modal .wallet-tab-wallets .wallet-card__actions .card-action-btn:hover {
  background: #1d4ed8;
}

.wallet-modal .wallet-tab-wallets .wallet-card__actions .card-action-btn--sec {
  color: var(--text-general, #f1f5f9);
  background: #ffffff0f;
  border: 1px solid #ffffff1a;
}

.wallet-modal .wallet-tab-wallets .wallet-card__actions .card-action-btn--sec:hover {
  background: #ffffff1a;
}

.wallet-modal .wallet-tab-transfer .transfer-card {
  background: var(--general-section-1, #ffffff05);
  border: 1px solid var(--border-normal, #ffffff1a);
  border-radius: 14px;
  flex-direction: column;
  gap: 18px;
  max-width: 580px;
  margin: 0 auto;
  padding: 24px;
  display: flex;
}

.wallet-modal .wallet-tab-transfer .transfer-card h4 {
  color: var(--text-prominent, #f8fafc);
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.wallet-modal .wallet-tab-transfer .transfer-card .transfer-desc {
  color: var(--text-less-prominent, #94a3b8);
  margin: -10px 0 0;
  font-size: 12px;
  line-height: 1.5;
}

.wallet-modal .wallet-tab-transfer .transfer-fields {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.wallet-modal .wallet-tab-transfer .transfer-fields .field-group {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.wallet-modal .wallet-tab-transfer .transfer-fields .field-group label {
  color: var(--text-less-prominent, #cbd5e1);
  font-size: 11.5px;
  font-weight: 600;
}

.wallet-modal .wallet-tab-transfer .transfer-fields .field-group select, .wallet-modal .wallet-tab-transfer .transfer-fields .field-group input {
  background: var(--general-section-2, #ffffff0a);
  border: 1px solid var(--border-normal, #ffffff1f);
  color: var(--text-general, #f1f5f9);
  border-radius: 8px;
  outline: none;
  padding: 9px 12px;
  font-size: 13px;
  transition: border-color .2s;
}

.wallet-modal .wallet-tab-transfer .transfer-fields .field-group select:focus, .wallet-modal .wallet-tab-transfer .transfer-fields .field-group input:focus {
  border-color: #3b82f6;
}

.wallet-modal .wallet-tab-transfer .transfer-fields .field-group select option, .wallet-modal .wallet-tab-transfer .transfer-fields .field-group input option {
  color: #f1f5f9;
  background: #141824;
}

.wallet-modal .wallet-tab-transfer .exchange-rate-banner {
  color: #fbbf24;
  background: #f59e0b1a;
  border: 1px solid #f59e0b40;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  font-size: 12px;
  display: flex;
}

.wallet-modal .wallet-tab-transfer .exchange-rate-banner .token-tag {
  background: #f59e0b33;
  border-radius: 4px;
  padding: 1px 6px;
  font-size: 10px;
  font-weight: 600;
}

.wallet-modal .wallet-tab-transfer .validation-preview {
  border-radius: 10px;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px;
  font-size: 12.5px;
  display: flex;
}

.wallet-modal .wallet-tab-transfer .validation-preview.valid {
  background: #10b98114;
  border: 1px solid #10b98140;
}

.wallet-modal .wallet-tab-transfer .validation-preview.valid .preview-row {
  color: var(--text-less-prominent, #cbd5e1);
  justify-content: space-between;
  display: flex;
}

.wallet-modal .wallet-tab-transfer .validation-preview.valid .preview-row strong {
  color: var(--text-prominent, #f8fafc);
}

.wallet-modal .wallet-tab-transfer .validation-preview.valid .preview-row.highlight {
  color: #34d399;
  border-top: 1px dashed #10b9814d;
  padding-top: 6px;
}

.wallet-modal .wallet-tab-transfer .validation-preview.valid .preview-row.highlight strong {
  color: #34d399;
  font-size: 14px;
}

.wallet-modal .wallet-tab-transfer .validation-preview.invalid {
  color: #f87171;
  background: #ef44441a;
  border: 1px solid #ef44444d;
}

.wallet-modal .wallet-tab-transfer .validation-preview.invalid .preview-error {
  align-items: center;
  gap: 8px;
  display: flex;
}

.wallet-modal .wallet-tab-transfer .transfer-actions .btn-preview {
  color: #fff;
  cursor: pointer;
  background: #2563eb;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 11px;
  font-size: 13px;
  font-weight: 600;
  transition: background .2s;
  display: flex;
}

.wallet-modal .wallet-tab-transfer .transfer-actions .btn-preview:hover:not(:disabled) {
  background: #1d4ed8;
}

.wallet-modal .wallet-tab-transfer .transfer-actions .btn-preview:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.wallet-modal .wallet-tab-transfer .transfer-actions .confirm-buttons-group {
  gap: 10px;
  display: flex;
}

.wallet-modal .wallet-tab-transfer .transfer-actions .confirm-buttons-group .btn-confirm {
  color: #fff;
  cursor: pointer;
  background: #10b981;
  border: none;
  border-radius: 8px;
  flex: 2;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 11px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.wallet-modal .wallet-tab-transfer .transfer-actions .confirm-buttons-group .btn-confirm:hover:not(:disabled) {
  background: #059669;
}

.wallet-modal .wallet-tab-transfer .transfer-actions .confirm-buttons-group .btn-cancel {
  color: var(--text-general);
  cursor: pointer;
  background: #ffffff14;
  border: 1px solid #ffffff1f;
  border-radius: 8px;
  flex: 1;
  padding: 11px;
  font-size: 13px;
  font-weight: 600;
}

.wallet-modal .wallet-tab-transfer .transfer-actions .confirm-buttons-group .btn-cancel:hover {
  background: #ffffff1f;
}

.wallet-modal .wallet-tab-transfer .transfer-alert {
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  font-size: 12px;
  display: flex;
}

.wallet-modal .wallet-tab-transfer .transfer-alert--success {
  color: #34d399;
  background: #10b98126;
  border: 1px solid #10b9814d;
}

.wallet-modal .wallet-tab-transfer .transfer-alert--danger {
  color: #f87171;
  background: #ef444426;
  border: 1px solid #ef44444d;
}

.wallet-modal .wallet-tab-history .history-toolbar {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.wallet-modal .wallet-tab-history .history-toolbar .history-type-picker {
  color: var(--text-less-prominent, #cbd5e1);
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.wallet-modal .wallet-tab-history .history-toolbar .history-type-picker select {
  background: var(--general-section-2, #ffffff0d);
  border: 1px solid var(--border-normal, #ffffff1f);
  color: var(--text-general, #f1f5f9);
  border-radius: 6px;
  outline: none;
  padding: 6px 12px;
  font-size: 12px;
}

.wallet-modal .wallet-tab-history .history-toolbar .history-type-picker select option {
  color: #f1f5f9;
  background: #141824;
}

.wallet-modal .wallet-tab-history .history-table-wrapper {
  overflow-x: auto;
}

.wallet-modal .wallet-tab-history .history-table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  font-size: 12px;
}

.wallet-modal .wallet-tab-history .history-table th {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--text-less-prominent, #94a3b8);
  border-bottom: 1px solid var(--border-divider, #ffffff14);
  padding: 10px 14px;
  font-size: 11px;
  font-weight: 600;
}

.wallet-modal .wallet-tab-history .history-table td {
  border-bottom: 1px solid var(--border-divider, #ffffff0a);
  padding: 10px 14px;
}

.wallet-modal .wallet-tab-history .history-table code {
  background: #ffffff0f;
  border-radius: 4px;
  padding: 2px 5px;
  font-family: monospace;
}

.wallet-modal .wallet-tab-history .history-table .status-badge {
  text-transform: uppercase;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 9.5px;
  font-weight: 700;
}

.wallet-modal .wallet-tab-history .history-table .status-badge.status-deposit {
  color: #34d399;
  background: #10b98126;
}

.wallet-modal .wallet-tab-history .history-table .status-badge.status-withdrawal {
  color: #f87171;
  background: #ef444426;
}

.wallet-modal .wallet-tab-history .history-table .status-badge.status-transfer {
  color: #60a5fa;
  background: #3b82f626;
}

.wallet-modal .wallet-tab-history .history-table .pill-completed {
  color: #34d399;
  font-size: 10px;
}

.wallet-modal .loading-state, .wallet-modal .empty-state {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 40px 20px;
  display: flex;
}

.wallet-modal .loading-state p, .wallet-modal .empty-state p {
  color: var(--text-less-prominent, #94a3b8);
  margin: 0;
  font-size: 12px;
}

.wallet-modal .loading-state h4, .wallet-modal .empty-state h4 {
  color: var(--text-prominent, #f8fafc);
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

.wallet-modal__footer {
  border-top: 1px solid var(--border-divider, #ffffff14);
  background: var(--general-section-1, #ffffff05);
  justify-content: space-between;
  align-items: center;
  padding: 12px 24px;
  display: flex;
}

.wallet-modal__footer .footer-info {
  color: var(--text-less-prominent, #94a3b8);
  align-items: center;
  gap: 6px;
  font-size: 11px;
  display: flex;
}

.wallet-modal__footer .footer-info a {
  color: #60a5fa;
  text-decoration: none;
}

.wallet-modal__footer .footer-info a:hover {
  text-decoration: underline;
}

.wallet-modal__footer .footer-close-btn {
  border: 1px solid var(--border-normal, #ffffff1f);
  color: var(--text-general, #f1f5f9);
  cursor: pointer;
  background: #ffffff0f;
  border-radius: 6px;
  padding: 6px 16px;
  font-size: 12px;
  font-weight: 600;
}

.wallet-modal__footer .footer-close-btn:hover {
  background: #ffffff1f;
}

.wallet-modal .font-mono {
  font-family: monospace;
}

.wallet-modal .text-success {
  color: #10b981;
}

.wallet-modal .text-danger {
  color: #ef4444;
}

.wallet-modal .text-right {
  text-align: right;
}

@keyframes walletFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes walletZoomIn {
  from {
    opacity: 0;
    transform: scale(.96)translateY(8px);
  }

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

.layout {
  flex-direction: column;
  height: 100vh;
  display: flex;
}

.layout .deriv-header {
  background: var(--general-main-1);
  height: 5.6rem;
}

@media (max-width: 1279px) {
  .layout .deriv-header {
    height: 4.2rem !important;
  }

  .layout.quick-strategy-active .deriv-header {
    z-index: 10000;
  }
}

.ph-chat-fab {
  z-index: 99999;
  cursor: pointer;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  transition: transform .2s, box-shadow .2s;
  display: flex;
  position: fixed;
  bottom: 24px;
  right: 24px;
  box-shadow: 0 4px 20px #6366f173;
}

.ph-chat-fab:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 28px #6366f199;
}

.ph-chat-panel {
  z-index: 99999;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #0e0e1aeb;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  flex-direction: column;
  width: 360px;
  max-height: 480px;
  animation: .25s ease-out phChatSlideIn;
  display: flex;
  position: fixed;
  bottom: 88px;
  right: 24px;
  overflow: hidden;
  box-shadow: 0 8px 40px #00000080;
}

.ph-chat-panel__header {
  background: linear-gradient(135deg, #6366f133, #8b5cf626);
  border-bottom: 1px solid #ffffff0f;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  display: flex;
}

.ph-chat-panel__hdr-left {
  color: #e2e8f0;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.ph-chat-panel__dot {
  background: #34d399;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  box-shadow: 0 0 6px #34d399;
}

.ph-chat-panel__close {
  color: #ffffff80;
  cursor: pointer;
  background: none;
  border: none;
  padding: 4px;
  transition: color .15s;
  display: flex;
}

.ph-chat-panel__close:hover {
  color: #fff;
}

.ph-chat-panel__body {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-height: 200px;
  max-height: 320px;
  padding: 16px;
  display: flex;
  overflow-y: auto;
}

.ph-chat-panel__empty {
  text-align: center;
  color: #ffffff80;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.ph-chat-panel__empty p {
  margin-bottom: 4px;
  font-size: 15px;
}

.ph-chat-panel__empty span {
  color: #ffffff4d;
  font-size: 11px;
}

.ph-chat-panel__footer {
  background: #0003;
  border-top: 1px solid #ffffff0f;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  display: flex;
}

.ph-chat-panel__footer input {
  color: #e2e8f0;
  background: #ffffff0f;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  outline: none;
  flex: 1;
  padding: 8px 12px;
  font-size: 13px;
  transition: border-color .15s;
}

.ph-chat-panel__footer input:focus {
  border-color: #6366f180;
}

.ph-chat-panel__footer input::placeholder {
  color: #ffffff4d;
}

.ph-chat-panel__send {
  cursor: pointer;
  color: #fff;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: opacity .15s;
  display: flex;
}

.ph-chat-panel__send:hover {
  opacity: .85;
}

.ph-chat-bubble {
  border-radius: 12px;
  max-width: 80%;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1.4;
  animation: .15s ease-out phBubbleIn;
}

.ph-chat-bubble--client {
  color: #fff;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  border-bottom-right-radius: 4px;
  align-self: flex-end;
}

.ph-chat-bubble--admin {
  color: #e2e8f0;
  background: #ffffff14;
  border-bottom-left-radius: 4px;
  align-self: flex-start;
}

.ph-chat-bubble__text {
  display: block;
}

.ph-chat-bubble__time {
  opacity: .5;
  text-align: right;
  margin-top: 4px;
  font-size: 10px;
  display: block;
}

@keyframes phChatSlideIn {
  from {
    opacity: 0;
    transform: translateY(12px)scale(.96);
  }

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

@keyframes phBubbleIn {
  from {
    opacity: 0;
    transform: scale(.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.ph-maintenance {
  z-index: 99999999;
  color: #fff;
  background-color: #020408;
  justify-content: center;
  align-items: center;
  padding: 24px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.ph-maintenance__bg {
  z-index: 1;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.ph-maintenance__orb {
  filter: blur(120px);
  opacity: .15;
  border-radius: 50%;
  position: absolute;
}

.ph-maintenance__orb--1 {
  background: radial-gradient(circle, #3b82f6, #0000 70%);
  width: 400px;
  height: 400px;
  top: -10%;
  left: 10%;
}

.ph-maintenance__orb--2 {
  background: radial-gradient(circle, #8b5cf6, #0000 70%);
  width: 500px;
  height: 500px;
  bottom: -15%;
  right: 5%;
}

.ph-maintenance__orb--3 {
  background: radial-gradient(circle, #ff007f, #0000 70%);
  width: 300px;
  height: 300px;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ph-maintenance__card {
  z-index: 2;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  text-align: center;
  background: #0a0f1eb3;
  border: 1px solid #ffffff0d;
  border-radius: 28px;
  width: 100%;
  max-width: 460px;
  padding: 44px 36px;
  position: relative;
  box-shadow: 0 24px 64px #000000b3;
}

.ph-maintenance__icon {
  background: #ffffff04;
  border: 1px solid #ffffff0d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin: 0 auto 28px;
  animation: 3s ease-in-out infinite phWrenchFloat;
  display: flex;
}

.ph-maintenance__title {
  letter-spacing: -.02em;
  background: linear-gradient(135deg, #fff 30%, #a5b4fc 100%);
  -webkit-text-fill-color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0 0 12px;
  font-size: 24px;
  font-weight: 800;
}

.ph-maintenance__message {
  color: #94a3b8;
  margin: 0 0 28px;
  font-size: 13px;
  line-height: 1.6;
}

.ph-maintenance__progress {
  background: #ffffff0a;
  border-radius: 2px;
  width: 100%;
  height: 4px;
  margin-bottom: 28px;
  overflow: hidden;
}

.ph-maintenance__progress-bar {
  background: linear-gradient(90deg, #3b82f6, #8b5cf6);
  border-radius: 2px;
  width: 40%;
  height: 100%;
  animation: 1.8s ease-in-out infinite phMaintLoading;
}

.ph-maintenance__footer {
  color: #64748b;
  margin: 0;
  font-size: 11px;
}

@keyframes phWrenchFloat {
  0%, 100% {
    transform: translateY(0)rotate(0);
  }

  50% {
    transform: translateY(-6px)rotate(8deg);
  }
}

@keyframes phMaintLoading {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(250%);
  }
}



.dc-themed-scrollbars {
  scroll-behavior: smooth;
  scrollbar-color: var(--state-active) var(--general-main-1);
  scrollbar-width: thin;
  position: relative;
  overflow: hidden auto;
}

.dc-themed-scrollbars__autohide::-webkit-scrollbar-thumb {
  display: none;
}

.dc-themed-scrollbars__autohide--is-hovered::-webkit-scrollbar-thumb {
  display: unset;
}

.dc-themed-scrollbars--has-horizontal {
  overflow-x: auto;
}

.dc-themed-scrollbars--hidden-scrollbar::-webkit-scrollbar {
  display: none !important;
}

.dc-themed-scrollbars--only-horizontal {
  overflow: auto hidden;
}

.dc-themed-scrollbars--only-horizontal-overlay {
  overflow-y: hidden;
  overflow-x: overlay;
}

.dc-themed-scrollbars-wrapper {
  white-space: nowrap;
  justify-content: space-between;
  margin-bottom: -3rem;
  padding-bottom: 3rem;
  display: flex;
}

.dc-themed-scrollbars-wrapper li {
  box-sizing: border-box;
  vertical-align: middle;
  width: unset;
  height: 40px;
  padding: 0 3rem;
  display: inline-block;
}

@media (max-width: 1279px) {
  .dc-themed-scrollbars-wrapper li {
    padding: 0 1.1rem;
  }
}

.dc-themed-scrollbars::-webkit-scrollbar {
  background-color: #0000;
  border-radius: 10px;
  width: 5px;
  height: 5px;
}

.dc-themed-scrollbars::-webkit-scrollbar-track {
  background-color: #0000;
}

.dc-themed-scrollbars::-webkit-scrollbar-thumb {
  background-color: var(--state-active);
  border-radius: 10px;
}

.dc-mobile-dialog {
  box-sizing: border-box;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  background: var(--fill-normal);
  width: 100vw;
  height: 100vh;
  transition: opacity .2s;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
}

.dc-mobile-dialog--enter, .dc-mobile-dialog--exit {
  opacity: 0;
  pointer-events: none;
}

.dc-mobile-dialog--enter .dc-mobile-dialog__content, .dc-mobile-dialog--exit .dc-mobile-dialog__content {
  transform: scale(0);
}

.dc-mobile-dialog--enter .dc-mobile-dialog__header, .dc-mobile-dialog--exit .dc-mobile-dialog__header {
  transform: translateY(-100%);
}

.dc-mobile-dialog--enter-done {
  opacity: 1;
  pointer-events: auto;
}

.dc-mobile-dialog--enter-done .dc-mobile-dialog__content {
  transform: scale(1);
}

.dc-mobile-dialog--enter-done .dc-mobile-dialog__header {
  transform: translateY(0);
}

.dc-mobile-dialog__content {
  box-sizing: border-box;
  z-index: 1;
  background: var(--fill-normal);
  margin-top: .4rem;
  padding-top: 3.6rem;
  transition: all .2s ease-out;
  position: relative;
}

.dc-mobile-dialog__content--is-full-height {
  height: calc(100% - .4rem);
}

.dc-mobile-dialog__content > div {
  height: 100%;
}

.dc-mobile-dialog__header {
  box-sizing: border-box;
  z-index: 4;
  background: var(--fill-normal);
  border-bottom: 1px solid var(--border-disabled);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 1rem;
  transition: all .2s ease-out .2s;
  display: flex;
  position: fixed;
  top: 0;
}

.dc-mobile-dialog__container--has-scroll {
  overflow: hidden auto;
}

.dc-mobile-dialog__container--has-info-banner .dc-mobile-dialog__header {
  top: unset;
  z-index: unset;
  background: unset;
  position: relative;
}

.dc-mobile-dialog__container--has-info-banner .dc-mobile-dialog__header-wrapper {
  z-index: 4;
  background: var(--fill-normal);
  border-bottom: .01rem solid #0000;
  width: 100%;
  position: sticky;
  top: 0;
}

.dc-mobile-dialog__container--has-info-banner .dc-mobile-dialog__header-wrapper .inline-message__information {
  margin: 1.6rem .8rem -.8rem;
}

.dc-mobile-dialog__container--has-info-banner .dc-mobile-dialog__header-wrapper .learn-more {
  background-color: var(--general-section-1);
  cursor: pointer;
  border: none;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 1.6rem);
  height: 5rem;
  margin: 1.6rem .8rem .8rem;
  padding: 1.6rem;
  display: flex;
}

.dc-mobile-dialog__container--has-info-banner .dc-mobile-dialog__content {
  margin-top: unset;
  padding-top: unset;
}

.dc-mobile-dialog__footer {
  z-index: 4;
  width: 100%;
  position: fixed;
  bottom: 0;
}

.dc-mobile-dialog__title {
  margin: 0;
  padding: 1.2rem 1.2rem 1.2rem .4rem;
}

.dc-mobile-dialog__close-btn-icon {
  width: 1.6rem;
  height: 1.6rem;
  margin: 1.2rem .4rem;
  --fill-color1: var(--text-prominent) !important;
}



.error-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.error-modal .dc-btn {
  margin-top: 2.4rem;
}

@media (max-width: 1279px) {
  .error-modal {
    height: calc(100vh - 80px);
  }

  .error-modal .dc-btn {
    width: 100%;
    margin-top: 1.6rem;
  }
}

.dc-page-error__container {
  justify-content: center;
  align-items: center;
  height: calc(100vh - 84px);
  display: flex;
}

@media (min-width: 1024px) {
  .dc-page-error__container--left {
    justify-content: left;
  }
}

@media screen and (max-width: 1024px) {
  .dc-page-error__container {
    flex-wrap: wrap;
  }
}

.dc-page-error__box {
  background: var(--general-main-1);
  border: var(--general-main-1);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

@media (min-width: 1024px) {
  .dc-page-error__box--left {
    align-items: start;
  }
}

@media screen and (min-width: 1008px) {
  .dc-page-error__box {
    max-width: calc(100vw - 45%);
  }
}

.dc-page-error__box .inline-icon {
  margin: 0 auto;
}

.dc-page-error__message {
  max-width: 500px;
  margin: 1.6rem 0 2.4rem;
}

.dc-page-error__message-paragraph {
  text-align: center;
}

.dc-page-error__message-wrapper {
  justify-content: center;
  display: flex;
}

@media (min-width: 1024px) {
  .dc-page-error__message-wrapper--left {
    justify-content: left;
  }
}

.dc-page-error__message-wrapper--left .dc-page-error__message-paragraph:not(:last-child) {
  max-width: 38rem;
  margin-bottom: 1.6rem;
}

@media (min-width: 1024px) {
  .dc-page-error__message--left {
    text-align: left;
  }
}

.dc-page-error__btn {
  min-width: 14rem;
  margin: 1rem;
}

.dc-page-error__btn-wrapper {
  justify-content: center;
  display: flex;
}

.dc-page-error__btn-wrapper button {
  min-width: 6.4rem;
  height: 4rem;
}

.dc-page-error__btn-wrapper button span {
  font-size: 1.4rem;
  font-weight: 500;
}

@media (max-width: 1279px) {
  .dc-page-error__btn {
    margin: 0 0 1.6rem;
  }

  .dc-page-error__btn-wrapper {
    flex-direction: column;
  }
}

.unhandled-error {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.unhandled-error .dc-btn {
  margin-top: 2.4rem;
}

@media (max-width: 1279px) {
  .unhandled-error {
    height: calc(100vh - 80px);
  }

  .unhandled-error .dc-btn {
    width: 100%;
    margin-top: 1.6rem;
  }
}

.lux-welcome-screen {
  --lux-cyan: #00f5ff;
  --lux-lime: #d7f23a;
  --lux-blue: #2b8cff;
  z-index: 2147483000;
  cursor: pointer;
  background: radial-gradient(120% 90% at 50% 0, #0f5a3c 0%, #08301f 45%, #04150e 100%);
  justify-content: center;
  align-items: center;
  padding: 16px;
  font-family: Outfit, Inter, Segoe UI, -apple-system, sans-serif;
  transition: opacity .5s, transform .5s;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden auto;
}

.lux-welcome-screen--visible {
  opacity: 1;
}

.lux-welcome-screen--exiting {
  opacity: 0;
  pointer-events: none;
  transform: scale(1.04);
}

.lux-glow {
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
}

.lux-glow--top {
  filter: blur(35px);
  background: radial-gradient(circle, #208c5a73, #0000 65%);
  width: 75vmax;
  height: 75vmax;
  animation: 4s ease-in-out infinite lux-breathe;
  top: -25%;
  left: 50%;
  transform: translateX(-50%);
}

.lux-glow--ring {
  filter: blur(14px);
  opacity: 0;
  background: radial-gradient(circle, #0000 38%, #d7f23ad9 52%, #96d22873 62%, #0000 76%);
  width: 70vmin;
  height: 70vmin;
  animation: 3.2s cubic-bezier(.2, .7, .2, 1) forwards lux-ring-rise;
  bottom: -42vmin;
  left: 50%;
  transform: translateX(-50%)scale(.6);
}

.lux-glow--ring-2 {
  filter: blur(28px);
  width: 95vmin;
  height: 95vmin;
  animation-duration: 3.6s;
  animation-delay: .35s;
  bottom: -60vmin;
}

.lux-card {
  z-index: 10;
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  color: #e6f1f5;
  text-align: center;
  box-sizing: border-box;
  background: linear-gradient(145deg, #14242aa6, #071416c7);
  border: 1px solid #ffffff29;
  border-radius: 26px;
  flex-direction: column;
  align-items: center;
  width: min(500px, 95vw);
  max-height: 94vh;
  padding: 22px 20px 18px;
  animation: .8s cubic-bezier(.16, 1, .3, 1) both lux-card-in;
  display: flex;
  position: relative;
  box-shadow: 0 24px 60px #0009, 0 0 40px #00f5ff14, inset 1px 1px #fff3, inset -1px -1px 8px #0006;
}

.lux-card__header-badge {
  -webkit-backdrop-filter: blur(14px);
  background: #ffffff14;
  border: 1px solid #ffffff29;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
  padding: 6px 16px;
  display: inline-flex;
  box-shadow: 0 8px 24px #00000059, inset 1px 1px #fff3;
}

.lux-card__header-badge .lth-brand-logo {
  padding: 0;
  background: none !important;
}

.lux-card__header-badge .lth-brand-logo:hover {
  transform: none;
  background: none !important;
}

.lux-card__welcome-title {
  color: #fff;
  letter-spacing: -.01em;
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 500;
}

.lux-card__welcome-title .lux-highlight {
  color: var(--lux-cyan);
  text-shadow: 0 0 12px #00f5ff73;
  font-weight: 700;
}

.lux-card__subtitle {
  color: #dcebf5a6;
  letter-spacing: .02em;
  margin: 0 0 18px;
  font-size: 12px;
  font-weight: 400;
}

.lux-steps {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 18px;
  display: flex;
  position: relative;
}

.lux-steps .lux-step-node {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 6px;
  display: flex;
}

.lux-steps .lux-step-node .lux-step-circle {
  color: #dcebf580;
  background: #ffffff0f;
  border: 1.5px solid #ffffff26;
  border-radius: 50%;
  place-items: center;
  width: 28px;
  height: 28px;
  font-size: 11px;
  font-weight: 700;
  transition: all .3s;
  display: grid;
}

.lux-steps .lux-step-node .lux-step-circle .lux-check-icon {
  stroke: currentColor;
  width: 13px;
  height: 13px;
}

.lux-steps .lux-step-node .lux-step-label {
  letter-spacing: .04em;
  color: #dcebf573;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 8.5px;
  font-weight: 600;
}

.lux-steps .lux-step-node--done .lux-step-circle {
  border-color: var(--lux-cyan);
  color: #fff;
  background: #00f5ff40;
  box-shadow: 0 0 10px #00f5ff66;
}

.lux-steps .lux-step-node--done .lux-step-label {
  color: #dcebf5d9;
}

.lux-steps .lux-step-node--active .lux-step-circle {
  color: #fff;
  background: #00f5ff59;
  border-color: #fff;
  animation: 1.4s infinite lux-pulse;
  box-shadow: 0 0 16px #00f5ffcc, inset 0 0 8px #fff6;
}

.lux-steps .lux-step-node--active .lux-step-label {
  color: var(--lux-cyan);
  font-weight: 700;
}

.lux-feature-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  width: 100%;
  margin-bottom: 18px;
  display: grid;
}

.lux-feature-grid .lux-feature-card {
  background: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  padding: 12px 6px 10px;
  transition: transform .25s cubic-bezier(.16, 1, .3, 1), border-color .25s;
  animation: .5s both lux-rise;
  display: flex;
  box-shadow: inset 1px 1px #ffffff1a, 0 4px 14px #00000040;
}

.lux-feature-grid .lux-feature-card:hover {
  border-color: #00f5ff59;
  transform: translateY(-2px);
}

.lux-feature-grid .lux-feature-card:hover .lux-feature-icon-wrapper {
  transform: scale(1.08)translateY(-2px);
  box-shadow: inset 2px 2px 4px #fff9, inset -2px -2px 6px #0006, 0 10px 22px #00f5ff59;
}

.lux-feature-grid .lux-feature-card:hover .lux-3d-svg {
  transform: scale(1.06);
}

.lux-feature-grid .lux-feature-card .lux-feature-icon-wrapper {
  border: 1px solid #0000;
  border-radius: 50%;
  place-items: center;
  width: 44px;
  height: 44px;
  transition: transform .25s cubic-bezier(.16, 1, .3, 1), box-shadow .25s;
  display: grid;
  box-shadow: inset 2px 2px 4px #ffffff59, inset -2px -2px 6px #00000080, 0 6px 14px #0006;
}

.lux-feature-grid .lux-feature-card .lux-feature-icon-wrapper .lux-3d-svg {
  filter: drop-shadow(0 2px 4px #0006);
  width: 32px;
  height: 32px;
  transition: transform .25s cubic-bezier(.16, 1, .3, 1);
  display: block;
}

.lux-feature-grid .lux-feature-card .lux-feature-title {
  color: #f1f8fc;
  letter-spacing: -.01em;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 600;
}

.lux-status-container {
  flex-direction: column;
  gap: 2px;
  margin-bottom: 12px;
  display: flex;
}

.lux-status-container .lux-status-main {
  color: #dcebf5bf;
  font-size: 12.5px;
  font-weight: 400;
}

.lux-status-container .lux-status-sub {
  color: var(--lux-cyan);
  font-size: 11px;
  font-weight: 600;
}

.lux-progress-wrap {
  width: 100%;
  margin-bottom: 16px;
}

.lux-progress-wrap .lux-progress-track {
  background: #00000073;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  width: 100%;
  height: 7px;
  overflow: hidden;
  box-shadow: inset 0 1px 3px #0009;
}

.lux-progress-wrap .lux-progress-track .lux-progress-fill {
  background: linear-gradient(90deg, #0ea5e9 0%, var(--lux-cyan) 60%, var(--lux-lime) 100%);
  border-radius: 999px;
  height: 100%;
  transition: width .15s ease-out;
  box-shadow: 0 0 14px #00f5ffcc, 0 0 20px #d7f23a80;
}

.lux-progress-wrap .lux-progress-info {
  justify-content: flex-end;
  margin-top: 4px;
  display: flex;
}

.lux-progress-wrap .lux-progress-info .lux-pct-label {
  color: var(--lux-cyan);
  font-variant-numeric: tabular-nums;
  text-shadow: 0 0 8px #00f5ff80;
  font-size: 12px;
  font-weight: 800;
}

.lux-footer-wrapper {
  flex-direction: column;
  align-items: center;
  gap: 8px;
  display: flex;
}

.lux-footer-wrapper .lux-powered-badge {
  color: #dcebf5b3;
  background: #ffffff0d;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  font-size: 11px;
  display: inline-flex;
}

.lux-footer-wrapper .lux-powered-badge .lux-deriv-logo {
  width: 17px;
  height: 17px;
  display: block;
}

.lux-footer-wrapper .lux-powered-badge .lux-deriv-text {
  color: #fff;
  letter-spacing: .02em;
  font-size: 12px;
  font-weight: 700;
}

.lux-footer-wrapper .lux-copyright {
  color: #dcebf559;
  letter-spacing: .02em;
  margin: 0;
  font-size: 9.5px;
}

@keyframes lux-card-in {
  from {
    opacity: 0;
    transform: translateY(20px)scale(.96);
  }

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

@keyframes lux-rise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

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

  50% {
    transform: scale(1.1);
    box-shadow: 0 0 20px #00f5fff2;
  }
}

@keyframes lux-breathe {
  50% {
    opacity: .7;
    transform: translateX(-50%)scale(1.06);
  }
}

@keyframes lux-ring-rise {
  0% {
    opacity: 0;
    transform: translateX(-50%)scale(.6);
  }

  40% {
    opacity: 1;
  }

  100% {
    opacity: .9;
    transform: translateX(-50%)scale(1.05);
  }
}

@media (max-width: 480px) {
  .lux-card {
    border-radius: 20px;
    padding: 16px 12px 12px;
  }

  .lux-card__welcome-title {
    font-size: 16px;
  }

  .lux-card__subtitle {
    margin-bottom: 12px;
    font-size: 10.5px;
  }

  .lux-feature-grid {
    gap: 6px;
  }

  .lux-feature-grid .lux-feature-card {
    padding: 8px 4px 6px;
  }

  .lux-feature-grid .lux-feature-card .lux-feature-icon-wrapper {
    width: 36px;
    height: 36px;
  }

  .lux-feature-grid .lux-feature-card .lux-feature-icon-wrapper .lux-3d-svg {
    width: 26px;
    height: 26px;
  }

  .lux-feature-grid .lux-feature-card .lux-feature-title {
    font-size: 9.5px;
  }

  .lux-steps .lux-step-node .lux-step-circle {
    width: 24px;
    height: 24px;
    font-size: 9.5px;
  }

  .lux-steps .lux-step-node .lux-step-label {
    font-size: 7.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lux-welcome-screen *, .lux-card {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

.draggable {
  -webkit-user-select: none;
  user-select: none;
  color: var(--text-general);
  background: var(--general-main-2, #182230);
  border: 1px solid #ffffff1f;
  border-radius: 10px;
  padding: 3px;
  transition: box-shadow .2s, border-color .2s;
  overflow: hidden;
  box-shadow: 0 8px 32px #00000059, 0 0 0 1px #ffffff0d;
}

.draggable--minimized {
  border-color: #0ea5e966;
  box-shadow: 0 4px 20px #0006, 0 0 12px #0ea5e940;
}

.draggable--minimized .draggable-content {
  border-radius: 8px;
  overflow: hidden;
}

.draggable--minimized .draggable-content__header {
  background: linear-gradient(135deg, #0ea5e91f 0%, #0f172af2 100%);
  padding: 8px 12px;
}

.draggable--maximized {
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.draggable--maximized .draggable-content {
  border-radius: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.draggable .draggable-content {
  background: var(--general-main-1, #0f172a);
  border-radius: 8px;
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.draggable .draggable-content__header {
  cursor: move;
  background: var(--general-section-1, #ffffff08);
  border-bottom: 1px solid #ffffff14;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 44px;
  min-height: 44px;
  padding: 8px 12px;
  display: flex;
}

.draggable .draggable-content__header__title {
  color: var(--text-prominent, #f8fafc);
  letter-spacing: .2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 700;
  overflow: hidden;
}

.draggable .draggable-content__body {
  flex: 1;
  padding: 0;
  position: relative;
  overflow: auto;
}

.draggable .draggable-header-actions {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.draggable .draggable-window-controls {
  align-items: center;
  gap: 5px;
  display: flex;
}

.draggable .draggable-window-btn {
  width: 28px;
  height: 28px;
  color: var(--text-prominent, #e2e8f0);
  cursor: pointer;
  background: #ffffff0d;
  border: 1px solid #ffffff1f;
  border-radius: 6px;
  outline: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
}

.draggable .draggable-window-btn svg {
  pointer-events: none;
  display: block;
}

.draggable .draggable-window-btn:hover {
  transform: translateY(-1px);
}

.draggable .draggable-window-btn:active {
  transform: translateY(0);
}

.draggable .draggable-window-btn--minimize:hover, .draggable .draggable-window-btn--minimize.active {
  color: #fbbf24;
  background: #f59e0b33;
  border-color: #f59e0b80;
  box-shadow: 0 0 10px #f59e0b40;
}

.draggable .draggable-window-btn--close:hover {
  color: #f87171;
  background: #ef444440;
  border-color: #ef444480;
  box-shadow: 0 0 10px #ef44444d;
}

.draggable .resizable-handle__top {
  cursor: row-resize;
  width: 100%;
  height: 10px;
  position: absolute;
  top: -5px;
  left: 0;
}

.draggable .resizable-handle__right {
  cursor: col-resize;
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -5px;
}

.draggable .resizable-handle__bottom {
  cursor: row-resize;
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: -5px;
  left: 0;
}

.draggable .resizable-handle__left {
  cursor: col-resize;
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -5px;
}

.draggable .resizable-handle__top-left {
  cursor: nwse-resize;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  left: -5px;
}

.draggable .resizable-handle__top-right {
  cursor: nesw-resize;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  right: -5px;
}

.draggable .resizable-handle__bottom-right {
  cursor: nwse-resize;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: -5px;
  right: -5px;
}

.draggable .resizable-handle__bottom-left {
  cursor: nesw-resize;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: -5px;
  left: -5px;
}

.draggable.dragging {
  cursor: grab;
  box-shadow: 0 12px 36px #00000073;
}

.draggable-zoom-controls {
  align-items: center;
  gap: 4px;
  display: flex;
}

.draggable-zoom-btn {
  color: #e2e8f0;
  cursor: pointer;
  background: #ffffff0f;
  border: 1px solid #ffffff1f;
  border-radius: 6px;
  padding: 3px 7px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  transition: all .2s;
}

.draggable-zoom-btn:hover {
  color: #fff;
  background: #ffffff2e;
  border-color: #ffffff40;
}

@media (max-width: 768px) {
  .draggable {
    touch-action: none;
    max-width: calc(100vw - 8px) !important;
    max-height: calc(100vh - 8px) !important;
  }

  .draggable .draggable-content__header {
    gap: 4px;
    height: 40px;
    min-height: 40px;
    padding: 4px 6px;
  }

  .draggable .draggable-content__header__title {
    max-width: 95px;
    font-size: 12px;
  }

  .draggable .draggable-header-actions {
    gap: 3px;
  }

  .draggable .draggable-zoom-controls {
    align-items: center;
    gap: 2px;
    display: flex !important;
  }

  .draggable .draggable-zoom-btn {
    justify-content: center;
    align-items: center;
    min-width: 24px;
    height: 26px;
    padding: 3px 6px;
    font-size: 11px;
    display: inline-flex;
  }

  .draggable .draggable-zoom-btn--reset {
    display: none !important;
  }

  .draggable .draggable-window-controls {
    gap: 2px;
  }

  .draggable .draggable-window-btn {
    border-radius: 5px;
    width: 26px;
    height: 26px;
  }

  .draggable .draggable-window-btn svg {
    width: 11px;
    height: 11px;
  }

  .draggable .resizable-handle__top {
    z-index: 20;
    touch-action: none !important;
    height: 24px !important;
    top: -12px !important;
  }

  .draggable .resizable-handle__bottom {
    z-index: 20;
    touch-action: none !important;
    height: 24px !important;
    bottom: -12px !important;
  }

  .draggable .resizable-handle__left {
    z-index: 20;
    touch-action: none !important;
    width: 24px !important;
    left: -12px !important;
  }

  .draggable .resizable-handle__right {
    z-index: 20;
    touch-action: none !important;
    width: 24px !important;
    right: -12px !important;
  }

  .draggable .resizable-handle__top-left, .draggable .resizable-handle__top-right, .draggable .resizable-handle__bottom-left, .draggable .resizable-handle__bottom-right {
    z-index: 25;
    touch-action: none !important;
    width: 34px !important;
    height: 34px !important;
  }

  .draggable .resizable-handle__top-left {
    top: -17px !important;
    left: -17px !important;
  }

  .draggable .resizable-handle__top-right {
    top: -17px !important;
    right: -17px !important;
  }

  .draggable .resizable-handle__bottom-left {
    bottom: -17px !important;
    left: -17px !important;
  }

  .draggable .resizable-handle__bottom-right {
    bottom: -17px !important;
    right: -17px !important;
  }
}

.dc-popover__wrapper {
  position: relative;
}

.dc-popover__container {
  width: 280px;
  position: absolute;
  top: 0;
  left: 0;
}

.dc-popover__container-relative {
  position: relative;
}

.dc-popover__target__icon .counter {
  color: var(--brand-red-coral);
  font-size: 10px;
  font-weight: bold;
  line-height: 1.4em;
  position: absolute;
  top: 50%;
  transform: translateY(-65%);
}

.dc-popover__bubble {
  color: var(--text-prominent);
  text-transform: none;
  text-align: center;
  cursor: help;
  background: var(--general-active);
  max-width: 31.7rem;
  z-index: 1;
  border-radius: 4px;
  flex-direction: row;
  align-items: center;
  padding: .8rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.25;
  display: flex;
  position: relative;
}

.dc-popover__bubble__icon {
  flex-grow: 1;
  margin-right: .7em;
  padding-top: 3px;
}

.dc-popover__bubble__text {
  direction: ltr;
  flex-grow: 2;
}

.dc-popover__bubble--error {
  background-color: var(--status-danger);
  direction: ltr;
}

@media (max-width: 1279px) {
  .dc-popover__trade-params {
    max-width: calc(100vw - 6.7rem);
  }
}

.mobile-widget__item-popover, .accu-info-display__popover {
  max-width: 28rem;
}

@media (max-width: 1279px) {
  .accu-info-display__popover {
    max-width: 33rem;
    margin-right: 1rem;
  }
}

.react-tiny-popover-container--disabled-pointer-event {
  pointer-events: none;
}

.react-tiny-popover-cursor-option {
  cursor: pointer;
}

.transaction-details-modal-desktop {
  color: var(--text-general);
}

.transaction-details-modal-desktop .dc-dialog__dialog {
  width: 80vw;
  max-width: inherit;
  max-height: inherit;
  justify-content: start;
  padding: 0;
}

.transaction-details-modal-desktop .dc-dialog__header-wrapper {
  margin: 1.5rem 0;
  padding-inline-start: 18px;
  padding-inline-end: 18px;
}

.transaction-details-modal-desktop .dc-dialog__content {
  max-width: inherit;
  margin-bottom: 0;
}

.transaction-details-modal-desktop__table-container {
  flex-direction: column;
  margin-bottom: 8px;
  display: flex;
}

.transaction-details-modal-desktop__table-container__top-table {
  height: inherit;
  overflow: auto;
}

.transaction-details-modal-desktop__table-container__bottom-table {
  overflow: unset;
}

.transaction-details-modal-desktop__table-row {
  border-bottom: 1.5px solid var(--general-section-2);
  align-items: center;
  font-size: 12px;
  display: flex;
}

.transaction-details-modal-desktop__table-header {
  background-color: var(--general-section-2);
  font-size: 14px;
  font-weight: 700;
  position: sticky;
  top: 0;
}

.transaction-details-modal-desktop__table-header .transaction-details-modal-desktop__table-cell {
  margin-left: -2px;
}

.transaction-details-modal-desktop__table-cell {
  white-space: normal;
  word-wrap: break-word;
  flex: 1;
  padding: 16px 18px;
  overflow: auto;
}

.transaction-details-modal-desktop__table-cell--grow-big {
  flex-grow: 2.5;
}

.transaction-details-modal-desktop__table-cell--grow-mid {
  flex-grow: 1.5;
}

.transaction-details-modal-desktop__table-cell .transactions__loader-text {
  width: 100%;
}

.transaction-details-modal-desktop__loss {
  color: var(--text-loss-danger);
}

.transaction-details-modal-desktop__profit--win {
  color: var(--text-profit-success);
}

.transaction-details-modal-desktop__profit--win:before {
  content: "+";
}

.transaction-details-modal-desktop__profit--loss {
  color: var(--text-loss-danger);
}

.transaction-details-modal-desktop__profit--loss:before {
  content: "-";
}

.transaction-details-modal-desktop__icon-wrapper {
  align-items: baseline;
  display: flex;
}

.transaction-details-modal-desktop__divider {
  width: 100%;
  padding: 4px 16px;
}

.transaction-details-tables {
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 56px);
  display: flex;
  overflow: hidden;
}

.data-list {
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
}

.data-list__body {
  flex: 1;
}

.data-list__body-wrapper {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.data-list__footer {
  background: var(--general-main-1);
  border-top: 2px solid var(--border-disabled);
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.data-list__item {
  height: inherit;
}

.data-list__item--wrapper {
  height: inherit;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: #0000;
  text-decoration: none;
}

@media (max-width: 1279px) {
  .data-list__item {
    border-radius: 4px;
  }
}

.data-list__row {
  flex-direction: row;
  width: 100%;
  padding: 4px 16px;
  display: flex;
}

.data-list__row > * {
  flex: 1;
}

.data-list__row-content {
  color: var(--text-general);
  font-size: 1.4rem;
  line-height: 2rem;
}

.data-list__row-cell--amount {
  flex-direction: column;
  flex: none;
  align-items: flex-end;
  display: flex;
}

.data-list__row-title {
  color: var(--text-prominent);
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2rem;
}

@media (max-width: 1279px) {
  .data-list__row-title {
    font-size: 1.2rem;
  }
}

.data-list__row-divider {
  margin: 0 1.6rem;
}

.data-list__row-divider:after {
  content: "";
  border-top: 1px solid var(--general-main-1);
  display: block;
}

.data-list__row--wrapper:not(.data-list__item--dynamic-height-wrapper) {
  height: 100%;
}

.data-list__row--timer {
  flex: none;
}

.data-list__desc--wrapper {
  height: inherit;
  text-align: center;
  font-size: var(--text-size-xxs);
  color: var(--text-general);
  align-items: center;
  padding: 1rem;
  display: flex;
}

.ReactVirtualized__List {
  outline: 0;
}

.dc-checkbox {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: #0000;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dc-checkbox__input {
  display: none;
}

.dc-checkbox__box {
  box-sizing: border-box;
  border: 2px solid var(--text-less-prominent);
  border-radius: 2px;
  flex-shrink: 0;
  align-self: center;
  width: 16px;
  height: 16px;
  margin: 0 8px;
  transition: all .3s ease-in-out;
  display: flex;
  outline: none !important;
}

.dc-checkbox__box--active {
  background-color: var(--brand-red-coral);
  fill: #fff;
  border: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dc-checkbox--active {
  background-color: var(--brand-red-coral);
  border: none;
}

.dc-checkbox--disabled {
  opacity: .5;
  cursor: not-allowed !important;
}

.dc-checkbox--grey-disabled {
  background-color: var(--checkbox-disabled-grey);
}

.dc-checkbox__label--error {
  color: var(--text-loss-danger) !important;
}

.journal-stats-modal-body {
  flex-direction: column;
  align-items: center;
  padding: 10px 16px 16px;
  display: flex;
}

@media (max-width: 1279px) {
  .journal-stats-modal-body {
    padding: 10px 6px;
  }
}

.journal-stats-modal-body__text {
  color: var(--text-general);
  width: 100%;
  margin-bottom: 8px;
}

.journal-stats-modal-body__video {
  border-radius: 4px;
  width: 56.3rem;
  height: 44.8rem;
  margin-bottom: 16px;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .journal-stats-modal-body__video {
    width: 100%;
    height: 320px;
  }
}

.journal-stats-modal-body__video iframe {
  border: 0;
  width: 100%;
  height: 100%;
}

.journal-stats-modal-body__video video {
  transform: scale(1);
}

.journal-stats-modal-body__video .stream__wrapper {
  width: 100%;
  height: 100%;
}

.stream__wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.stream__wrapper--is-loading {
  background-color: var(--color-surface);
}

.stream__loading-skeleton {
  background: linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-light) 50%, var(--color-surface) 75%);
  top: 0;
  z-index: 1;
  background-size: 200% 100%;
  width: 100%;
  height: 100%;
  animation: 1.5s infinite loading;
  position: absolute;
}

.stream__loading-skeleton:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.stream__loading-skeleton:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.stream__loading-skeleton:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.stream__loading-skeleton:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.stream__loading-skeleton:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.stream__loading-skeleton:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

@keyframes loading {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }

  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

.info-icon {
  cursor: pointer;
  vertical-align: sub;
  width: 14px;
  height: 14px;
  margin-inline-start: 5px;
}

.info-icon:hover {
  opacity: .7;
  transition: all .2s;
}

.download__container {
  border: solid 1px var(--general-section-1);
  padding: 12px 12px 12px 16px;
  display: flex;
}

.download__container__view-detail-button, .run-panel__info .download__button {
  height: 3.2rem;
}

@keyframes move-in {
  0% {
    opacity: 0;
    transform: translateX(300px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.journal .ReactVirtualized__Grid__innerScrollContainer > :first-child, .journal .ReactVirtualized__Grid__innerScrollContainer :before, .journal .ReactVirtualized__Grid__innerScrollContainer :after {
  box-sizing: border-box;
  animation: .4s ease-in forwards move-in;
}

.journal-empty {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: flex;
}

.journal-empty svg g path {
  fill: var(--text-less-prominent);
}

.journal-empty__header {
  padding: .8rem;
}

.journal-empty__icon {
  align-self: center;
}

.journal-empty__message {
  margin: 0 auto;
}

.journal-empty__message .dc-text {
  line-height: var(--text-lh-xxl);
}

.journal-empty__list {
  line-height: var(--text-lh-xl);
  margin-left: 20px;
  list-style-type: disc;
}

.journal-empty__list li::marker {
  color: var(--text-less-prominent);
}

.journal__item {
  padding: 16px;
}

.journal__item-list {
  height: calc(100% - 7.2rem);
}

.journal__item-content > * {
  width: 100%;
}

.journal__data-list .ReactVirtualized__Grid__innerScrollContainer > div:nth-child(2n) {
  background: var(--general-section-2);
}

.journal-tools__container {
  border: solid 1px var(--general-section-1);
  justify-content: space-between;
  padding: 12px 12px 12px 16px;
  display: flex;
}

.journal-tools__container-filter {
  cursor: pointer;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.journal-tools__container-filter--label {
  margin-inline-end: .8rem;
}

.journal-tools__container-filter .deriv-text {
  font-weight: lighter;
}

.journal__text {
  font-size: var(--text-size-xxs);
  color: var(--text-general);
  line-height: 1.5;
  display: inline;
}

.journal__text-content, .journal__text-time, .journal__text-date {
  display: inline;
}

.journal__text-datetime {
  color: var(--text-less-prominent);
  font-size: var(--text-size--xxxs);
  margin-top: 6px;
}

.journal__text--error {
  color: var(--status-danger);
}

.journal__text--warn {
  color: var(--status-warning);
}

.journal__text--info {
  color: var(--status-info);
}

.journal__text--success {
  color: var(--status-success);
}

.journal__text--bold {
  font-weight: bold;
}

.journal__loader, .journal__loader--mobile {
  width: 350px;
  height: 9.2rem;
}

.journal__loader--mobile {
  width: 100vw;
}

.journal-modal__content {
  color: var(--text-general);
  font-size: var(--text-size-xs);
  margin-bottom: 16px;
  padding: 0 16px;
  line-height: 1.5;
}

.filter-dialog {
  grid-gap: 1.6rem;
  background: var(--general-main-2);
  box-shadow: 0 4px 16px 0 var(--shadow-menu);
  padding: 1.6rem .8rem;
  z-index: 99;
  border-radius: 4px;
  padding-inline-end: 3.6rem;
  transition: transform .3s, opacity .25s linear;
  display: grid;
  position: fixed;
}

.filter-dialog:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 16px;
}

.filter-dialog:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 16px;
}

.filter-dialog:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 16px;
}

.filter-dialog:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 16px;
}

.filter-dialog:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 16px;
}

.filter-dialog:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 16px;
}

.filter-dialog--enter-done {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.filter-dialog--enter, .filter-dialog--exit {
  opacity: 0;
  transform: translate3d(0, -20px, 0);
}

.filter-dialog__input .input-wrapper__input {
  border: 1px solid var(--border-normal);
}

.filter-dialog__button {
  margin-top: .8rem;
}

.filter-dialog__button .dc-btn {
  width: 100%;
}

.dc-drawer {
  will-change: transform;
  background: var(--general-main-2);
  transition: transform .3s;
  position: fixed;
  overflow: visible;
}

.dc-drawer--left {
  flex-direction: row-reverse;
  display: flex;
  right: calc(100vw - 16px);
}

.dc-drawer--right {
  flex-direction: row;
  display: flex;
  left: calc(100vw - 16px);
}

.dc-drawer--right .dc-drawer__toggle {
  top: 50%;
  left: 0;
  transform: translateY(-50%)translateX(-50%);
}

@media (max-width: 1279px) {
  .dc-drawer {
    width: 100vw !important;
    height: calc(100% - 10.1rem) !important;
    top: calc(100% - 9.8rem) !important;
  }
}

.dc-drawer__container {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.dc-drawer__container--left {
  padding-inline-end: 16px;
}

.dc-drawer__container--right {
  padding-inline-start: 16px;
}

@media (max-width: 1279px) {
  .dc-drawer__container {
    height: calc(100% - 3.6rem);
  }
}

.dc-drawer__header {
  border-bottom: 1px solid var(--general-section-1);
  font-size: 1.6em;
  font-weight: 700;
  line-height: 40px;
}

.dc-drawer__content {
  flex-grow: 1;
  overflow: auto;
}

.dc-drawer__footer {
  background-color: var(--general-main-2);
  border-top: 1px solid var(--general-section-1);
  align-items: center;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 40px;
}

.dc-drawer__toggle {
  border-left: 1px solid var(--border-disabled);
  border-right: 1px solid var(--border-disabled);
  z-index: 10;
  background-color: var(--general-section-5);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 1279px) {
  .dc-drawer__toggle {
    position: unset;
    background-color: var(--general-main-1);
    border-top: solid 1px var(--general-section-1);
    justify-content: center;
    width: 100%;
    height: 3.6rem;
    top: auto;
    left: auto;
  }
}

.dc-drawer__toggle svg {
  fill: var(--text-general);
}

.dc-drawer__toggle-icon {
  transition: all .25s;
}

.dc-drawer__toggle-icon--left {
  transform: rotate(0);
}

.dc-drawer__toggle-icon--right, .dc-drawer__toggle--open > .dc-drawer__toggle-icon--left {
  transform: rotate(180deg);
}

.dc-drawer__toggle--open > .dc-drawer__toggle-icon--right {
  transform: rotate(0);
}

@media (max-width: 1279px) {
  .dc-drawer__toggle--open > .dc-drawer__toggle-icon {
    transform: rotate(180deg);
  }

  .dc-drawer--open {
    transform: translateY(calc(3.6rem - 100%));
  }
}

.dc-counter {
  background: var(--status-danger);
  color: var(--text-colored-background);
  border-radius: .8rem;
  justify-content: center;
  align-items: center;
  padding: 3px 5px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  display: inline-flex;
}

.dc-tabs {
  display: grid;
  position: relative;
}

.dc-tabs--top {
  grid-template-rows: auto 1fr;
}

.dc-tabs--100vw {
  width: 100vw;
}

.dc-tabs__list {
  width: 100%;
  line-height: 38px;
  display: flex;
  position: relative;
}

@media (max-width: 1279px) {
  .dc-tabs__list {
    justify-content: center;
  }
}

.dc-tabs__list--overflow-hidden {
  display: block;
  overflow-y: hidden;
}

.dc-tabs__list--scrollable {
  overscroll-behavior-inline: contain;
  justify-content: flex-start;
  overflow-x: auto;
}

.dc-tabs__list--scrollable::-webkit-scrollbar {
  display: none;
}

.dc-tabs__list--border-bottom {
  border-bottom: 2px solid var(--general-section-1);
}

.dc-tabs__list--top {
  order: 0;
}

.dc-tabs__list--bottom {
  border-top: 2px solid var(--general-section-1);
  order: 1;
}

.dc-tabs__list--center {
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

.dc-tabs__list--center .dc-tabs__item {
  padding: 0 2.2rem;
}

@media (max-width: 1279px) {
  .dc-tabs__list--fit-content {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.dc-tabs__list--header-fit-content {
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 1279px) {
  .dc-tabs__list--header-fit-content {
    justify-content: space-evenly;
    display: flex;
  }
}

.dc-tabs__list:not(.dc-tabs__list--header-fit-content) {
  justify-content: center;
}

.dc-tabs__list--full-width {
  width: 100vw;
}

.dc-tabs__item {
  text-align: center;
  white-space: nowrap;
  color: var(--text-general);
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: #0000;
  font-size: 14px;
  list-style: none;
}

.dc-tabs__item__counter {
  vertical-align: middle;
  margin-top: -2rem;
}

.dc-tabs__item__icon {
  padding-right: .7rem;
}

@media (max-width: 1279px) {
  .dc-tabs__item__icon {
    padding-top: .5rem;
    padding-right: 0;
  }
}

.dc-tabs__item--header-fit-content {
  padding: 0 29px;
}

.dc-tabs__item--is-hidden {
  display: none;
}

.dc-tabs__item--is-scrollable-and-active {
  position: relative;
}

.dc-tabs__item--is-scrollable-and-active:after {
  border-bottom: 2px solid var(--brand-red-coral);
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
}

.dc-tabs__item:not(.dc-tabs__active) {
  cursor: pointer;
  color: var(--text-general);
}

.dc-tabs__item:focus-visible {
  outline: 2px solid var(--brand-red-coral);
  outline-offset: -2px;
}

.dc-tabs__item:not(.dc-tabs__item--header-fit-content) {
  width: var(--tab-width);
}

.dc-tabs__active {
  color: var(--text-prominent);
  font-weight: 700;
}

.dc-tabs__active-line {
  background: var(--brand-red-coral);
  height: 2px;
  transition: all .3s ease-in-out;
  display: block;
  position: absolute;
  left: 0;
}

.dc-tabs__active-line--top {
  bottom: -2px;
}

.dc-tabs__active-line--bottom {
  top: -2px;
}

.dc-tabs__active-line--is-hidden {
  display: none;
}

@media (max-width: 1279px) {
  .dc-tabs__active-line--fit-content {
    width: 120px;
  }
}

.dc-tabs__active-line:not(.dc-tabs__active-line--header-fit-content) {
  width: var(--tab-width);
}

.dc-tabs__pane {
  width: 100%;
  height: 100%;
}

.dc-tabs__pane--hidden {
  display: none !important;
}

.db-contract-card-running-loader {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.dc-currency-badge {
  background-color: #85acb0;
  border-radius: 4px;
  align-self: flex-start;
  padding: .3rem;
}

.dc-circular-progress {
  width: -moz-fit-content;
  width: fit-content;
  line-height: 0;
  position: relative;
}

.dc-circular-progress__bar {
  transform-origin: 50%;
  stroke: var(--brand-secondary);
  transition: stroke-dashoffset 1s;
  transform: scaleX(-1)rotate(-90deg);
}

.dc-circular-progress__bar--warning {
  stroke: var(--status-warning);
}

.dc-circular-progress__bar--danger {
  stroke: var(--status-danger);
}

.dc-circular-progress--clockwise {
  transform: rotate(-90deg);
}

.dc-circular-progress__icon {
  width: 1.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dc-tick-progress {
  grid-gap: .8rem;
  display: grid;
}

.dc-tick-progress__tick {
  background-color: var(--fill-disabled);
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
}

.dc-tick-progress__tick--on {
  background-color: var(--brand-secondary);
}

.dc-progress-slider-mobile {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.dc-progress-slider-mobile__timer {
  margin: .2rem auto;
}

.dc-progress-slider-mobile__infinite-loader {
  background-color: var(--state-hover);
  background-clip: padding-box;
  border-radius: 2px;
  width: 100%;
  height: 4px;
  margin: .5rem 0 1rem;
  display: block;
  position: relative;
  overflow: hidden;
}

.dc-progress-slider-mobile__infinite-loader--indeterminate {
  background-color: var(--state-active);
}

.dc-progress-slider-mobile__infinite-loader--indeterminate:before, .dc-progress-slider-mobile__infinite-loader--indeterminate:after {
  content: "";
  background-color: inherit;
  will-change: left, right;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.dc-progress-slider-mobile__infinite-loader--indeterminate:before {
  animation: 2.1s cubic-bezier(.65, .815, .735, .395) infinite indeterminate;
}

.dc-progress-slider-mobile__infinite-loader--indeterminate:after {
  animation: 2.1s cubic-bezier(.165, .84, .44, 1) 1.15s infinite indeterminate-short;
}

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }

  60% {
    left: 100%;
    right: -90%;
  }

  100% {
    left: 100%;
    right: -90%;
  }
}

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }

  60% {
    left: 107%;
    right: -8%;
  }

  100% {
    left: 107%;
    right: -8%;
  }
}

.dc-contract-card-dialog {
  background: var(--general-main-2);
  box-shadow: 0 4px 8px 2px var(--shadow-menu);
  z-index: 99;
  border-radius: 4px;
  width: 240px;
  padding: 1.6rem;
  transition: transform .3s, opacity .25s linear;
  display: grid;
  position: fixed;
}

.dc-contract-card-dialog--enter-done {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.dc-contract-card-dialog--enter, .dc-contract-card-dialog--exit {
  opacity: 0;
  transform: translate3d(-20px, 0, 0);
}

@media (max-width: 1279px) {
  .dc-contract-card-dialog__input {
    border-bottom: 1px solid var(--border-disabled);
    padding: 1rem 1.6rem;
  }

  .dc-contract-card-dialog__input .dc-popover {
    padding: .6rem 1rem;
  }
}

.dc-contract-card-dialog__input .dc-input-wrapper__input {
  border: 1px solid var(--border-normal);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.dc-contract-card-dialog__input--currency {
  z-index: 2;
  height: 3.2rem;
  color: inherit;
  background: none;
  border-color: #0000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  right: 4rem;
}

.dc-contract-card-dialog__input--currency--symbol {
  padding-bottom: .2rem;
}

.dc-contract-card-dialog__input--currency:before {
  color: inherit;
  text-transform: none;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
}

.dc-contract-card-dialog__popover {
  margin-top: -50%;
}

.dc-contract-card-dialog__popover--accumulator {
  margin-top: -20%;
}

.dc-contract-card-dialog__popover-bubble .dc-checkbox {
  margin-top: .8rem;
}

.dc-contract-card-dialog__popover-bubble .dc-checkbox__label {
  font-size: inherit;
}

.dc-contract-card-dialog__button {
  margin-top: .8rem;
}

.dc-contract-card-dialog__button .dc-btn {
  width: 100%;
}

@media (max-width: 1279px) {
  .dc-contract-card-dialog__button .dc-btn {
    flex: 1;
    height: 4rem;
    margin: 0 1.6rem;
  }
}

.dc-contract-card-dialog__form {
  flex: 1;
  display: grid;
}

@media (max-width: 1279px) {
  .dc-contract-card-dialog__form {
    grid-template-rows: auto auto 1fr;
    margin: 0 0 1.6rem;
  }

  .dc-contract-card-dialog__form--no-stop-loss {
    grid-template-rows: auto 1fr;
  }
}

@media (min-width: 1280px) {
  .dc-contract-card-dialog__form {
    grid-gap: .8rem;
  }
}

.dc-contract-card-dialog__form .dc-checkbox__box {
  margin-left: 0;
}

.dc-contract-card-dialog__total-profit {
  border-bottom: 1px solid var(--border-disabled);
  height: 3.6rem;
  color: var(--text-general);
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem;
  font-size: 1.4rem;
  display: flex;
}

.dc-contract-card-dialog-toggle {
  all: unset;
  border: 1px solid var(--general-section-1);
  border-radius: 4px;
  justify-content: end;
  width: calc(100% + .4rem);
  height: calc(100% + .4rem);
  display: flex;
  position: absolute;
  top: -.4rem;
  right: .4rem;
}

@media (max-width: 1279px) {
  .dc-contract-card-dialog-toggle {
    width: 100%;
  }
}

.dc-contract-card-dialog-toggle__icon {
  float: right;
  margin: 3px;
}

.dc-contract-card-dialog-toggle:hover:not(:-webkit-any(:disabled, .dc-contract-card-dialog-toggle--disabled)) {
  cursor: pointer;
  border-color: var(--button-secondary-default);
}

.dc-contract-card-dialog-toggle:hover:not(:-moz-any(:disabled, .dc-contract-card-dialog-toggle--disabled)) {
  cursor: pointer;
  border-color: var(--button-secondary-default);
}

.dc-contract-card-dialog-toggle:hover:not(:is(:disabled, .dc-contract-card-dialog-toggle--disabled)) {
  cursor: pointer;
  border-color: var(--button-secondary-default);
}

@media (min-width: 601px) and (max-width: 1279px) {
  .dc-mobile-dialog__contract-update {
    max-width: 568px;
    margin: 0 auto;
  }
}

.dc-tooltip {
  font-size: inherit;
  color: var(--text-prominent);
  text-decoration: none;
}

.dc-tooltip:before {
  background: var(--status-default);
}

.dc-tooltip:after, .dc-tooltip[data-tooltip-pos="top"]:after {
  border-top-color: var(--status-default);
}

.dc-tooltip[data-tooltip-pos="right"]:after {
  border-top-color: #0000;
  border-right-color: var(--status-default);
}

.dc-tooltip[data-tooltip-pos="left"]:after {
  border-top-color: #0000;
  border-left-color: var(--status-default);
}

.dc-tooltip[data-tooltip-pos="bottom"]:after {
  border-top-color: #0000;
  border-bottom-color: var(--status-default);
}

.dc-tooltip__balloon-icon {
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s;
  position: absolute;
  top: 0;
  left: -319px;
}

.dc-tooltip__balloon-icon--show {
  opacity: 1;
  transition: opacity .3s .2s;
}

.dc-tooltip[data-tooltip] {
  cursor: initial;
  display: block;
}

.dc-tooltip[data-tooltip]:before {
  background: var(--status-default);
}

.dc-tooltip[data-tooltip]:after, .dc-tooltip[data-tooltip][data-tooltip-pos="top"]:after {
  border-top-color: var(--status-default);
}

.dc-tooltip[data-tooltip][data-tooltip-pos="right"]:after {
  border-top-color: #0000;
  border-right-color: var(--status-default);
}

.dc-tooltip[data-tooltip][data-tooltip-pos="left"]:after {
  border-top-color: #0000;
  border-left-color: var(--status-default);
}

.dc-tooltip[data-tooltip][data-tooltip-pos="bottom"]:after {
  border-top-color: #0000;
  border-bottom-color: var(--status-default);
}

.dc-tooltip[data-tooltip]:hover:after, .dc-tooltip[data-tooltip]:hover:before {
  opacity: .96;
  pointer-events: auto;
  transform: translate(-50%);
}

.dc-tooltip[data-tooltip]:before, .dc-tooltip[data-tooltip]:after {
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transform-origin: top;
  transition: all .18s ease-out .18s;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 1em);
}

.dc-tooltip[data-tooltip]:before {
  color: var(--text-colored-background);
  text-transform: none;
  text-align: start;
  letter-spacing: normal;
  content: attr(data-tooltip);
  border-radius: 4px;
  width: 220px;
  max-width: 280px;
  margin-bottom: 10px;
  padding: .7em;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.dc-tooltip[data-tooltip]:after {
  content: "";
  pointer-events: none;
  border: 6px solid #0000;
  width: 0;
  height: 0;
  margin-bottom: -2px;
  position: absolute;
}

.dc-tooltip[data-tooltip][data-tooltip-pos="right"]:before, .dc-tooltip[data-tooltip][data-tooltip-pos="right"]:after {
  top: 50%;
  bottom: auto;
  left: 100%;
  transform: translate(-1em, -50%);
}

.dc-tooltip[data-tooltip][data-tooltip-pos="right"]:before {
  margin-left: 1em;
}

.dc-tooltip[data-tooltip][data-tooltip-pos="right"]:hover:after, .dc-tooltip[data-tooltip][data-tooltip-pos="right"]:hover:before {
  transform: translate(0, -50%);
}

.dc-tooltip[data-tooltip][data-tooltip-pos="left"]:before, .dc-tooltip[data-tooltip][data-tooltip-pos="left"]:after {
  top: 50%;
  bottom: auto;
  left: auto;
  right: 100%;
  transform: translate(1em, -50%);
}

.dc-tooltip[data-tooltip][data-tooltip-pos="left"]:before {
  margin-right: 1em;
}

.dc-tooltip[data-tooltip][data-tooltip-pos="left"]:hover:after, .dc-tooltip[data-tooltip][data-tooltip-pos="left"]:hover:before {
  transform: translate(0, -50%);
}

.dc-tooltip[data-tooltip][data-tooltip-pos="bottom"]:before, .dc-tooltip[data-tooltip][data-tooltip-pos="bottom"]:after {
  top: 100%;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -1em);
}

.dc-tooltip[data-tooltip][data-tooltip-pos="bottom"]:before {
  margin-top: 1.1em;
}

.dc-tooltip[data-tooltip][data-tooltip-pos="bottom"]:hover:after, .dc-tooltip[data-tooltip][data-tooltip-pos="bottom"]:hover:before {
  transform: translate(-50%);
}

.dc-tooltip--with-label[data-tooltip]:before, .dc-tooltip--with-label[data-tooltip]:after {
  margin-top: 1em;
}

.dc-tooltip--error[data-tooltip]:before {
  background: var(--status-danger);
}

.dc-tooltip--error[data-tooltip]:after, .dc-tooltip--error[data-tooltip][data-tooltip-pos="top"]:after {
  border-top-color: var(--status-danger);
}

.dc-tooltip--error[data-tooltip][data-tooltip-pos="right"]:after {
  border-top-color: #0000;
  border-right-color: var(--status-danger);
}

.dc-tooltip--error[data-tooltip][data-tooltip-pos="left"]:after {
  border-top-color: #0000;
  border-left-color: var(--status-danger);
}

.dc-tooltip--error[data-tooltip][data-tooltip-pos="bottom"]:after {
  border-top-color: #0000;
  border-bottom-color: var(--status-danger);
}

.dc-tooltip--error[data-tooltip]:after, .dc-tooltip--error[data-tooltip]:before, .dc-tooltip--error[data-tooltip][data-tooltip-pos="left"]:after, .dc-tooltip--error[data-tooltip][data-tooltip-pos="left"]:before {
  opacity: .96;
  pointer-events: auto;
  transform: translate(0, -50%);
}

.dc-tooltip--error[data-tooltip]:before, .dc-tooltip--error[data-tooltip][data-tooltip-pos="left"]:before {
  width: 180px;
}

.dc-tooltip--error-secondary[data-tooltip]:before {
  background: var(--status-danger);
}

.dc-tooltip--error-secondary[data-tooltip]:after, .dc-tooltip--error-secondary[data-tooltip][data-tooltip-pos="top"]:after {
  border-top-color: var(--status-danger);
}

.dc-tooltip--error-secondary[data-tooltip][data-tooltip-pos="right"]:after {
  border-top-color: #0000;
  border-right-color: var(--status-danger);
}

.dc-tooltip--error-secondary[data-tooltip][data-tooltip-pos="left"]:after {
  border-top-color: #0000;
  border-left-color: var(--status-danger);
}

.dc-tooltip--error-secondary[data-tooltip][data-tooltip-pos="bottom"]:after {
  border-top-color: #0000;
  border-bottom-color: var(--status-danger);
}

.dc-tooltip--error-secondary[data-tooltip]:after, .dc-tooltip--error-secondary[data-tooltip]:before, .dc-tooltip--error-secondary[data-tooltip][data-tooltip-pos="left"]:after, .dc-tooltip--error-secondary[data-tooltip][data-tooltip-pos="left"]:before {
  opacity: .96;
  pointer-events: auto;
  top: 55%;
  transform: translate(0, -50%);
}

.dc-input-field {
  margin: .8rem 0 0;
  position: relative;
}

.dc-input-field__label {
  text-transform: none;
  text-align: start;
  color: var(--text-general);
  text-align: center;
  width: 100%;
  margin-bottom: .2rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  display: inline-block;
}

.dc-input-field .inline-icon {
  z-index: 1;
  cursor: pointer;
  position: absolute;
  top: 8px;
  left: 8px;
}

.dc-input-field__helper {
  color: var(--text-less-prominent);
  text-transform: none;
  text-align: start;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.25;
}

.dc-input-wrapper, button.dc-input-wrapper {
  position: relative;
}

.dc-input-wrapper__input::-ms-clear {
  display: none;
}

button.dc-input-wrapper__input::-ms-clear {
  display: none;
}

.dc-input-wrapper__button, button.dc-input-wrapper__button {
  z-index: 1;
  height: 28px;
  margin: initial;
  background-color: initial;
  border: none;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  min-width: 3.2rem;
  padding: 0;
  display: flex;
  top: 2px;
  position: absolute !important;
}

.dc-input-wrapper__button--increment, button.dc-input-wrapper__button--increment {
  right: 2px;
}

.dc-input-wrapper__button--decrement, button.dc-input-wrapper__button--decrement {
  left: 2px;
}

.dc-input-wrapper__button:hover, button.dc-input-wrapper__button:hover {
  background: var(--state-hover);
  cursor: pointer;
}

.dc-input-wrapper__button:disabled:hover, button.dc-input-wrapper__button:disabled:hover {
  cursor: not-allowed;
  background: none;
}

.dc-input-wrapper--disabled, button.dc-input-wrapper--disabled {
  pointer-events: none;
  color: var(--text-disabled);
}

.dc-input-wrapper--inline, button.dc-input-wrapper--inline {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.input {
  color: var(--text-prominent);
  text-transform: none;
  text-align: center;
  background-color: var(--fill-normal);
  border: 1px solid var(--fill-normal);
  width: 100%;
  height: 32px;
  border-radius: 4px;
  padding-left: .8rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  list-style: none;
  transition: transform .3s;
  display: inline-block;
  position: relative;
}

.input[type="checkbox"] {
  cursor: pointer;
  vertical-align: middle;
  background-color: var(--general-section-1);
  border: 1px solid var(--text-less-prominent);
  border-radius: 0;
  width: 16px;
  height: 16px;
  padding: 0;
  font-size: 1.2rem;
  display: inline-block;
}

.input[type="checkbox"]:active {
  box-shadow: none;
  border-color: var(--brand-red-coral);
  border-radius: 0;
}

.input[type="checkbox"]:hover {
  border-color: var(--border-hover);
}

.input[type="checkbox"]:focus {
  box-shadow: none;
  border-color: var(--border-active);
  border-radius: 0;
}

.input[type="checkbox"]:checked {
  background: var(--brand-red-coral);
  border-color: var(--brand-red-coral);
}

.input[type="checkbox"]:checked:after {
  display: inline-block;
}

.input[type="checkbox"]:checked:hover {
  border-color: var(--brand-red-coral);
}

.input[type="checkbox"]::-ms-check {
  color: #fff;
  background: none;
  border-color: #0000;
}

.input[type="checkbox"]:after {
  color: var(--text-colored-background);
  text-transform: none;
  text-align: start;
  content: "L";
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.25;
  display: none;
  position: absolute;
  top: -10%;
  left: 25%;
  transform: scaleX(-1)rotate(-40deg);
}

.input:not([type="range"]) {
  touch-action: manipulation;
}

.input[readonly] {
  cursor: pointer;
}

.input::placeholder {
  border-color: var(--border-normal);
}

.input:hover, .input-hover, .dc-input-wrapper__button:hover ~ .dc-input-wrapper__input, button.dc-input-wrapper__button:hover ~ .dc-input-wrapper__input {
  border-color: var(--border-hover);
}

.input:active, .input:focus {
  border-color: var(--border-active);
  color: var(--text-prominent);
  border-radius: 4px;
  outline: 0;
}

.input--has-inline-prefix {
  border-radius: 4px !important;
  padding-right: 40px !important;
}

.input--error {
  color: #e31c4b;
  border: 1px solid #e31c4b !important;
}

.input:disabled {
  color: var(--text-disabled);
}

.dc-input-wrapper {
  position: relative;
}

.dc-input-wrapper--inline {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dc-progress-slider {
  width: 100%;
  padding: unset;
  box-sizing: border-box;
  border-bottom: 1px solid var(--general-section-1);
  margin: 8px 0;
  position: relative;
}

.dc-progress-slider--completed {
  border-bottom: 1px solid var(--general-section-6);
  margin: .4rem 0 .8rem;
}

.dc-progress-slider__track {
  background: var(--text-disabled);
  border-radius: 8px;
  width: 100%;
  height: 6px;
  margin: 2px 0 8px;
  position: relative;
}

.dc-progress-slider__ticks {
  position: relative;
}

.dc-progress-slider__ticks-wrapper {
  flex-direction: row;
  justify-content: space-evenly;
  width: 100%;
  height: 6px;
  margin: 2px 0 8px;
  display: flex;
  position: relative;
}

.dc-progress-slider__ticks-step {
  background: var(--state-hover);
  width: 100%;
  height: 6px;
  margin: 0 2px;
  position: relative;
}

.dc-progress-slider__ticks-step:before {
  content: "";
  transform-origin: 0;
  background-color: var(--brand-secondary);
  width: 100%;
  height: 6px;
  transition: transform .25s ease-in;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale3d(0, 1, 1);
}

.dc-progress-slider__ticks-step--marked:before {
  transform: scale3d(1, 1, 1);
}

.dc-progress-slider__ticks-step:first-child {
  margin-left: 0;
}

.dc-progress-slider__ticks-step:last-child {
  margin-right: 0;
}

.dc-progress-slider__ticks-step:first-child, .dc-progress-slider__ticks-step:first-child:before {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.dc-progress-slider__ticks-step:last-child, .dc-progress-slider__ticks-step:last-child:before {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.dc-progress-slider__ticks-caption {
  justify-content: space-between;
  display: flex;
}

.dc-progress-slider__line {
  background: var(--state-hover);
  pointer-events: none;
  border-radius: 8px;
  height: 100%;
  transition: width .3s;
  position: absolute;
  top: 0;
  left: 0;
}

.dc-progress-slider__line--ticks {
  height: 2px;
}

.dc-progress-slider__line--green {
  background: var(--status-success) !important;
}

.dc-progress-slider__line--yellow {
  background: var(--status-warning) !important;
}

.dc-progress-slider__line--red {
  background: var(--status-danger) !important;
}

.dc-progress-slider__infinite-loader {
  background-color: var(--state-hover);
  background-clip: padding-box;
  border-radius: 2px;
  width: 100%;
  height: 4px;
  margin: .5rem 0 1rem;
  display: block;
  position: relative;
  overflow: hidden;
}

.dc-progress-slider__infinite-loader--indeterminate {
  background-color: var(--state-active);
}

.dc-progress-slider__infinite-loader--indeterminate:before, .dc-progress-slider__infinite-loader--indeterminate:after {
  content: "";
  background-color: inherit;
  will-change: left, right;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.dc-progress-slider__infinite-loader--indeterminate:before {
  animation: 2.1s cubic-bezier(.65, .815, .735, .395) infinite indeterminate;
}

.dc-progress-slider__infinite-loader--indeterminate:after {
  animation: 2.1s cubic-bezier(.165, .84, .44, 1) 1.15s infinite indeterminate-short;
}

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }

  60% {
    left: 100%;
    right: -90%;
  }

  100% {
    left: 100%;
    right: -90%;
  }
}

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }

  60% {
    left: 107%;
    right: -8%;
  }

  100% {
    left: 107%;
    right: -8%;
  }
}

.dc-result__content {
  flex-direction: column;
  place-items: center;
  gap: .4rem;
  display: flex;
}

.dc-result__caption {
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  gap: .4rem;
  font-size: 1.4em;
  font-weight: bold;
  transition: opacity .25s;
  display: flex;
}

.dc-result__caption--won {
  color: var(--text-profit-success);
}

.dc-result__caption--lost {
  color: var(--text-loss-danger);
}

.dc-result__caption-wrapper {
  cursor: pointer;
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100% - 24px);
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 24px;
}

@media (max-width: 1279px) {
  .dc-result__caption {
    pointer-events: none;
  }
}

.dc-result__close-btn {
  cursor: pointer;
  visibility: visible;
  position: absolute;
  top: 2px;
  right: 8px;
}

.dc-result__close-btn:after {
  content: "×";
  color: var(--text-general);
  font-size: 24px;
  font-weight: 300;
}

.dc-result__positions-overlay {
  max-width: 218px;
}

.dc-contract-card {
  box-sizing: border-box;
  background-color: var(--general-main-1);
  min-height: 160px;
  color: var(--text-prominent);
  border-radius: 12px;
  flex-direction: column;
  padding: 1.2rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.dc-contract-card .dc-btn--sell {
  border: 1px solid var(--button-secondary-default);
  width: 100%;
  color: var(--text-general);
  background: none;
}

.dc-contract-card .dc-btn--sell:hover {
  background: var(--button-secondary-hover) !important;
}

.dc-contract-card .dc-btn-close span, .dc-contract-card .dc-btn--sell span {
  font-size: 1.2rem;
  color: var(--text-general) !important;
}

.dc-contract-card .dc-btn-close span:hover, .dc-contract-card .dc-btn--sell span:hover {
  color: var(--text-general) !important;
}

.dc-contract-card:before {
  content: "";
  border-radius: 12px;
  width: 100%;
  height: 52px;
  position: absolute;
  top: 0;
  left: 0;
}

.dc-contract-card--green:before {
  background-image: linear-gradient(to top, #10132000, #00947529);
}

.dc-contract-card--red:before {
  background-image: linear-gradient(to top, #10132000, #e31c4b29);
}

.dc-contract-card--loss {
  color: var(--text-loss-danger);
}

.dc-contract-card--profit {
  color: var(--text-profit-success);
}

.dc-contract-card__grid {
  grid-gap: 4px;
  grid-template-rows: 1fr auto;
  min-height: 4rem;
  display: grid;
}

.dc-contract-card__grid-underlying-trade {
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

@media (min-width: 1280px) {
  .dc-contract-card__grid-underlying-trade--trader {
    grid-template-columns: 1.2fr 1fr;
  }
}

.dc-contract-card__grid-underlying-trade--trader--accumulator {
  grid-gap: 1px;
}

@media (min-width: 1280px) {
  .dc-contract-card__grid-underlying-trade--trader--accumulator {
    display: flex;
  }
}

.dc-contract-card__grid-underlying-trade--trader--sold {
  padding-top: 1rem;
}

.dc-contract-card__grid-underlying-trade--mobile {
  grid-template-columns: 1fr 1fr 25%;
}

.dc-contract-card__grid-profit-payout {
  background: var(--general-hover);
  border-radius: 4px;
  grid-template-columns: 1fr 1fr;
  margin-left: -4px;
  margin-right: -4px;
  padding: 8px 0;
}

.dc-contract-card__grid-label {
  text-transform: none;
  color: var(--text-general);
  white-space: nowrap;
  align-self: flex-start;
  font-size: 1rem;
  line-height: 1.5;
}

.dc-contract-card__grid-value {
  align-self: flex-start;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
}

.dc-contract-card__grid-items {
  grid-gap: .8rem .4rem;
  grid-template-columns: 1fr 1fr;
  padding: .8rem 0;
}

.dc-contract-card__result {
  z-index: 2;
  background-color: var(--overlay-inside-dialog);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100% - 1rem);
  display: flex;
  position: absolute;
  top: 0;
}

.dc-contract-card__result--won, .dc-contract-card__result--won:after {
  background-image: var(--gradient-success);
}

.dc-contract-card__result--lost, .dc-contract-card__result--lost:after {
  background-image: var(--gradient-danger);
}

.dc-contract-card__result--lg {
  max-height: 100%;
}

.dc-contract-card__result:hover {
  background: 0 !important;
}

.dc-contract-card__result:hover .dc-result__content {
  opacity: 0;
}

.dc-contract-card__result:after {
  z-index: 2;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

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

.dc-contract-card__result--enter-done {
  opacity: 1;
}

.dc-contract-card__wrapper {
  background: var(--general-main-1);
  border-radius: 4px;
  width: min-content;
  min-width: 218px;
  max-width: 238px;
  margin: 0 1em;
  transition: transform .25s, opacity .25s linear;
  position: relative;
}

.dc-contract-card__wrapper .currency-badge {
  margin-bottom: 5px;
}

.dc-contract-card__wrapper--active:before {
  content: "";
  pointer-events: none;
  border-radius: 4px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -1px;
  box-shadow: 0 4px 6px #0000003d;
}

.dc-contract-card__wrapper--enter-done {
  opacity: 1;
  transform: translateY(0);
}

.dc-contract-card__wrapper--enter, .dc-contract-card__wrapper--exit {
  opacity: 0;
  transform: translateY(-16px);
}

.dc-contract-card .purchase-price-container, .dc-contract-card .potential-payout-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dc-contract-card .purchase-price__label, .dc-contract-card .potential-payout__label {
  text-transform: none;
  color: var(--text-general);
  white-space: nowrap;
  align-self: flex-start;
  margin-bottom: 4px;
  font-size: 1rem;
}

.dc-contract-card .purchase-price__value, .dc-contract-card .potential-payout__value {
  align-self: flex-start;
  font-size: 1em;
  font-weight: bold;
}

.dc-contract-card .potential-payout-container {
  padding-left: 4px;
}

.dc-contract-card .potential-payout-price__value {
  align-self: flex-start;
  font-size: 1em;
  font-weight: bold;
}

.dc-contract-card__separator {
  border-top: 1px solid var(--general-section-1);
  width: 100%;
  margin: 4px 0 0;
}

.dc-contract-card__underlying-name {
  justify-content: flex-start;
  align-items: center;
  min-width: 10rem;
  max-width: 18rem;
  font-size: 1.2em;
  font-weight: bold;
  display: flex;
}

.dc-contract-card__underlying-name--accumulator {
  max-width: 10rem;
}

.dc-contract-card__type {
  justify-content: flex-start;
  font-size: 1.2em;
  font-weight: bold;
  display: flex;
}

.dc-contract-card__type .category-type .color1-fill {
  fill: var(--brand-red-coral) !important;
}

.dc-contract-card__type .category-type .color2-fill {
  fill: var(--brand-secondary) !important;
}

.dc-contract-card__symbol {
  margin-left: .4rem;
}

.dc-contract-card__symbol--smarttrader-contract {
  width: 7rem;
}

@media (max-width: 1279px) {
  .dc-contract-card__symbol--smarttrader-contract {
    width: initial;
  }
}

.dc-contract-card__header {
  flex-direction: column;
  justify-content: space-evenly;
  margin: .5em .2em;
  display: flex;
}

@media (max-width: 1279px) {
  .dc-contract-card__header {
    margin: 0 8px;
  }
}

.dc-contract-card__body {
  width: 100%;
  color: var(--text-prominent);
  border-radius: 4px;
  padding: .8rem .4rem;
  display: flex;
}

.dc-contract-card__body-wrapper {
  width: 100%;
}

@media (max-width: 1279px) {
  .dc-contract-card__body {
    padding: 0 8px;
  }

  .dc-contract-card__body-wrapper {
    display: flex;
  }
}

.dc-contract-card-items-wrapper {
  grid-gap: .8rem .4rem;
  flex: 1;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "stake current-stake"
                       "deal-cancel-fee limit-order-info"
                       "buy-price limit-order-info";
  margin-top: .5rem;
  display: grid;
}

.dc-contract-card-items-wrapper--mobile {
  grid-gap: .8rem .4rem;
  flex: 1;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "stake current-stake limit-order-info"
                       "deal-cancel-fee buy-price limit-order-info";
  padding: .4rem 0;
  display: grid;
}

.dc-contract-card-items-wrapper--mobile .dc-contract-card-items-wrapper-group .dc-contract-card-item:first-child {
  margin-bottom: .8rem;
}

.dc-contract-card-items-wrapper--has-progress-slider {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "stake current-stake date-expiry"
                       "deal-cancel-fee buy-price date-expiry"
                       "limit-order-info limit-order-info date-expiry";
}

.dc-contract-card-items-wrapper--has-progress-slider .dc-contract-card__limit-order-info {
  grid-template-columns: 1fr 1fr;
}

.dc-contract-card-items-wrapper--has-progress-slider .dc-contract-card__stop-loss {
  order: unset !important;
}

@media (max-width: 1279px) {
  .dc-contract-card--turbos .dc-contract-card-item__body, .dc-contract-card--lookbacks .dc-contract-card-item__body {
    padding-left: 0;
  }
}

.dc-contract-card--turbos .dc-contract-card__buy-price, .dc-contract-card--lookbacks .dc-contract-card__buy-price {
  grid-area: 1 / 1 / 1 / 1;
  padding: .8rem 0 0;
}

.dc-contract-card--turbos .dc-contract-card__contract-value, .dc-contract-card--lookbacks .dc-contract-card__contract-value {
  grid-area: 1 / 2 / 2 / 2;
  padding: .8rem 0 0;
}

.dc-contract-card--turbos .dc-contract-card__entry-spot, .dc-contract-card--lookbacks .dc-contract-card__entry-spot {
  grid-area: 2 / 1 / 2 / 2;
}

.dc-contract-card--turbos .dc-contract-card__barrier-level, .dc-contract-card--lookbacks .dc-contract-card__barrier-level {
  grid-area: 3 / 1 / 3 / 1;
}

.dc-contract-card--turbos .dc-contract-card__limit-order-info, .dc-contract-card--lookbacks .dc-contract-card__limit-order-info {
  grid-area: 2 / 2 / 2 / 2;
}

.dc-contract-card--turbos .dc-contract-card__status, .dc-contract-card--lookbacks .dc-contract-card__status {
  grid-area: 1 / 3 / 3 / 3;
  place-self: center;
}

@media (max-width: 1279px) {
  .dc-contract-card--turbos, .dc-contract-card--lookbacks {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.dc-contract-card__profit-loss {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.2em;
  font-weight: bold;
  display: flex;
}

.dc-contract-card__profit-loss-label {
  white-space: nowrap;
  max-width: 90px;
  margin-bottom: 4px;
  font-size: 1em;
  font-weight: normal;
}

.dc-contract-card__profit-loss--is-crypto {
  margin-left: -6px;
}

.dc-contract-card__profit-loss--negative {
  color: var(--text-loss-danger);
}

.dc-contract-card__profit-loss--negative:before {
  content: "-";
  color: inherit;
}

.dc-contract-card__profit-loss--positive {
  color: var(--text-profit-success);
}

.dc-contract-card__profit-loss--positive:before {
  content: "+";
  color: inherit;
}

.dc-contract-card-item__header {
  max-width: calc(100% - 2rem);
  line-height: 1.4;
}

@media (max-width: 1279px) {
  .dc-contract-card-item__header {
    max-width: unset;
  }
}

.dc-contract-card-item__body {
  color: var(--text-general);
  text-transform: none;
  text-align: start;
  align-self: flex-start;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
}

.dc-contract-card-item__body--is-crypto {
  margin-left: -6px;
}

@media (max-width: 1279px) {
  .dc-contract-card-item__body {
    padding-left: .4rem;
  }
}

.dc-contract-card-item__body--loss {
  color: var(--text-loss-danger) !important;
}

.dc-contract-card-item__body--loss:before {
  content: "-";
}

.dc-contract-card-item__body--profit {
  color: var(--text-profit-success) !important;
}

.dc-contract-card-item__body--profit:before {
  content: "+";
}

.dc-contract-card-item__total-profit-loss {
  border-top: 1px solid var(--general-section-1);
  flex-direction: column;
  align-items: center;
  margin-top: .8rem;
  padding: .8rem .8rem 0;
  display: flex;
}

.dc-contract-card-item__total-profit-loss .dc-contract-card-item__header, .dc-contract-card-item__total-profit-loss .dc-contract-card-item__body {
  align-self: center;
  font-size: 1.4rem;
  line-height: 2rem;
}

@media (max-width: 1279px) {
  .dc-contract-card-item__total-profit-loss {
    flex-direction: row;
    grid-column: 1 / 4;
    justify-content: center;
  }

  .dc-contract-card-item__total-profit-loss-value {
    margin-left: .2rem;
  }
}

.dc-contract-card-item__total-profit-loss-label, .dc-contract-card-item__total-profit-loss-value {
  font-size: 1.4rem;
  line-height: 2rem;
}

.dc-contract-card-item__payout-limit {
  border-top: 1px solid var(--general-section-1);
  flex-direction: column;
  align-items: center;
  padding: .8rem 0 0;
  display: flex;
}

.dc-contract-card-item__payout-limit .dc-contract-card-item__body {
  align-self: center;
}

.dc-contract-card-item__footer .lookbacks--note {
  margin-top: .4rem;
}

.dc-contract-card__sell-button {
  border-top: 1px solid var(--general-section-1);
  justify-content: center;
  align-items: center;
  min-height: 4rem;
  margin-top: .8rem;
  padding-top: .4rem;
  transition: transform .25s, opacity .25s linear;
  display: flex;
}

.dc-contract-card__sell-button--positions {
  margin: 0 .8rem;
  padding: .8rem 0;
}

.dc-contract-card__sell-button--enter-done {
  opacity: 1;
}

.dc-contract-card__sell-button--enter, .dc-contract-card__sell-button--exit {
  opacity: 0;
  transform: translateY(-8px);
}

.dc-contract-card__sell-button--has-cancel-btn {
  gap: .8rem;
}

.dc-contract-card__sell-button--has-cancel-btn .dc-btn {
  padding: 0 .5rem;
}

.dc-contract-card__sell-button--has-cancel-btn .dc-btn--cancel {
  width: 100%;
}

.dc-contract-card__sell-button .dc-remaining-time {
  border-radius: .4rem;
  margin-left: .8rem;
  font-size: 1.2rem;
}

.dc-contract-card__sell-button .dc-btn--sell, .dc-contract-card__sell-button .dc-btn--cancel {
  height: 2.4rem;
}

.dc-contract-card__sell-button .dc-btn--sell .dc-btn__text, .dc-contract-card__sell-button .dc-btn--cancel .dc-btn__text {
  font-size: 1.2rem;
}

@media (max-width: 1279px) {
  .dc-contract-card__sell-button .dc-btn--sell, .dc-contract-card__sell-button .dc-btn--cancel {
    height: 3.2rem;
  }
}

.dc-contract-card__indicative--movement {
  width: 16px;
  height: 16px;
  margin-left: 2px;
}

.dc-contract-card__indicative--movement:after {
  content: "";
  width: 16px;
}

.dc-contract-card__status {
  justify-content: center;
  align-items: center;
  min-width: 25%;
  display: flex;
}

.dc-contract-card__status .result-icon, .dc-contract-card__status--accumulator-mobile-positions .dc-result__icon {
  margin-left: .4rem;
}

.dc-contract-card__limit-order-info {
  grid-gap: .4rem 0;
  grid-area: limit-order-info;
  display: grid;
  position: relative;
}

.dc-contract-card__limit-order-info .dc-contract-card__stop-loss {
  padding-bottom: .4rem;
}

.dc-contract-card__take-profit {
  position: relative;
}

.dc-contract-card__buy-price {
  grid-area: buy-price;
}

.dc-contract-card__deal-cancel-fee {
  grid-area: deal-cancel-fee;
}

.dc-contract-card__deal-cancel-fee__disabled {
  color: var(--text-disabled-1);
}

.dc-contract-card__deal-cancel-fee__disabled .dc-contract-card-item__body {
  color: inherit;
}

.dc-contract-card__stake {
  grid-area: stake;
}

.dc-contract-card__date-expiry {
  grid-area: date-expiry;
}

.dc-contract-card__date-expiry .dc-contract-card-item__body {
  justify-content: flex-end;
}

.dc-contract-card__current-stake {
  grid-area: current-stake;
}

.dc-contract-card__sell-button-mobile {
  place-self: center;
}

.dc-contract-card__sell-button-mobile .dc-btn--sell {
  height: 3.2rem !important;
}

.dc-contract-card__no-resale-msg {
  font-size: 1.1rem;
}

.dc-contract-card .contract-audit__wrapper {
  width: 100%;
  padding: 2px 0;
}

.dc-contract-card .contract-audit__wrapper--is-open {
  margin-top: .5em;
}

.dc-contract-card .contract-audit__toggle {
  width: 100%;
  margin: 0 0 -.5em;
}

.dc-contract-card .contract-audit__label {
  text-align: left;
  font-size: .8em;
}

.dc-contract-card .contract-audit__value {
  text-align: left;
  font-size: 1em;
}

.dc-contract-card .dc-contract-type__type-wrapper {
  width: unset;
  height: unset;
}

.dc-contract-type {
  text-align: center;
  flex-direction: row;
  align-items: center;
  margin-left: -4px;
  display: flex;
}

.dc-contract-type__type-wrapper {
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: .5em .3em;
  display: flex;
}

.dc-contract-type__type-wrapper .category-type {
  width: 20px;
  height: 20px;
}

.dc-contract-type__type-label {
  text-align: left;
  width: 3.8em;
  line-height: 1.5;
}

.dc-contract-type__type-label--smarttrader-contract, .dc-contract-type__type-label--multipliers {
  width: 7rem;
}

@media (max-width: 1279px) {
  .dc-contract-type__type-label--smarttrader-contract, .dc-contract-type__type-label--multipliers {
    width: 9rem;
  }
}

.dc-contract-type__type-label--lookbacks-contract {
  width: 5rem;
}

@media (max-width: 1279px) {
  .dc-contract-type__type-label--lookbacks-contract {
    width: initial;
  }
}

.dc-contract-type__type-label-trade-param {
  color: var(--text-less-prominent);
  font-size: 1rem;
  line-height: 1rem;
}

.dc-btn--sell {
  width: 100%;
}

.dc-remaining-time {
  display: inline;
}

.dc-tick-counter-bar__container {
  width: 100%;
  padding: unset;
  box-sizing: border-box;
  border-bottom: 1px solid var(--general-section-1);
  grid-column: 1 / 3;
  margin: .8rem 0;
  position: relative;
}

@media (max-width: 1279px) {
  .dc-tick-counter-bar__container {
    border-bottom: unset;
    margin: unset;
    flex-direction: column;
    align-items: center;
    display: flex;
  }
}

.dc-tick-counter-bar__track {
  background: var(--general-section-1);
  border-radius: 4px;
  width: 100%;
  height: 1.8rem;
  margin-bottom: .8rem;
  position: relative;
}

@media (max-width: 1279px) {
  .dc-tick-counter-bar__track {
    border-bottom: unset;
    flex-direction: column;
    align-items: center;
    margin: .2rem 0 .4rem;
    display: flex;
  }
}

.dc-tick-counter-bar__text {
  width: 100%;
  position: absolute;
}

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

@media (min-width: 1280px) {
  .summary {
    height: inherit;
  }
}

.summary--loading {
  width: 100%;
}

.summary--delayed-loading {
  justify-content: center;
}

.summary__tiles {
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 24px 0;
  display: flex;
}

.summary__tile {
  text-align: center;
  background-color: var(--general-section-1);
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: 32%;
  max-width: 32%;
  height: 56px;
  margin-bottom: 2%;
  padding: 8px 8px 0;
  display: flex;
}

.summary__tile-title {
  height: 18px;
  color: var(--text-general);
  text-transform: none;
  text-align: center;
  margin-bottom: 4px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.25;
}

.summary__tile-content {
  height: 18px;
  color: var(--text-general);
  text-transform: none;
  text-align: center;
  margin-bottom: 4px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.25;
}

.summary__amount {
  color: var(--text-general);
  text-transform: none;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.25;
}

.summary__amount--positive {
  color: var(--text-profit-success);
  font-weight: bold;
}

.summary__amount--negative {
  color: var(--text-loss-danger);
  font-weight: bold;
}

.db-summary-card {
  box-sizing: border-box;
  border-radius: 12px;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (min-width: 1280px) {
  .db-summary-card {
    width: 100%;
  }
}

.db-summary-card--inactive {
  color: var(--text-general);
  text-align: center;
  justify-content: center;
  min-height: 160px;
  margin: auto;
  padding: 2.4rem 3rem;
  font-size: 14px;
  line-height: 2rem;
}

.db-summary-card--inactive .dc-text {
  text-align: center;
}

.db-summary-card--inactive .summary-card-inactive-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-height: 140px;
  display: flex;
}

.db-summary-card--inactive .summary-card-inactive-icon {
  color: var(--text-less-prominent);
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
  animation: 2s ease-in-out infinite pulse-icon;
  display: flex;
}

.db-summary-card--inactive .summary-card-inactive-icon svg {
  fill: currentColor;
}

@keyframes pulse-icon {
  0% {
    opacity: .7;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    color: var(--text-general);
    transform: scale(1.15);
  }

  100% {
    opacity: .7;
    transform: scale(1);
  }
}

.db-summary-card--completed {
  border: 1px solid var(--general-main-1);
  border-radius: 12px;
}

.db-summary-card--completed:hover {
  border: 1px solid var(--border-disabled);
}

.db-summary-card--delayed-loading {
  align-items: center;
}

.db-summary-card .dc-contract-card {
  border-radius: 12px;
  min-height: 180px;
  padding: 2rem 1.8rem 1.4rem;
}

.db-summary-card .dc-contract-card-message {
  margin: 0 3rem;
}

.db-summary-card .dc-contract-card__grid-underlying-trade {
  grid-template-columns: 1.5fr 1fr;
}

.db-summary-card .dc-contract-card-items-wrapper {
  grid-template-columns: 1.5fr 1fr;
  margin-top: 1rem;
}

.db-summary-card--mobile .dc-contract-card {
  padding: 1.5rem 3.4rem;
}

.db-summary-card--mobile .dc-contract-card__grid-underlying-trade--mobile {
  grid-template-columns: 1fr 1.25fr;
}

.db-summary-card--mobile .dc-contract-card-items-wrapper {
  grid-template-columns: 1fr 1fr;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.db-summary-card #rotate-icon {
  margin: 0 0 2rem;
  animation: 2s linear infinite rotate;
}

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

  100% {
    opacity: 1;
  }
}

.db-contract-card__result {
  box-sizing: border-box;
  z-index: 2;
  background-color: var(--overlay-inside-dialog);
  border-radius: 4px 4px 0 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  animation: .3s animate-fade-in;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.db-contract-card__result:hover {
  background: 0;
}

.db-contract-card__result:hover .db-contract-card__result-caption {
  opacity: 0;
}

.db-contract-card__result-caption {
  align-items: center;
  transition: opacity .25s linear;
  display: flex;
}

.db-contract-card__result-icon {
  margin-left: 10px;
}

.db-contract-card__result--won {
  background-image: linear-gradient(to top, #fff0, #00947529);
}

.db-contract-card__result--won > .db-contract-card__result-caption {
  color: var(--text-profit-success);
}

.db-contract-card__result--lost {
  background-image: linear-gradient(to top, #fff0, #e31c4b29);
}

.db-contract-card__result--lost > .db-contract-card__result-caption {
  color: var(--text-loss-danger);
}

.run__button_wrapper, .run__button_wrapper .animation__run-button {
  align-items: center;
  height: 40px;
  display: flex;
}

.run__button_wrapper .dc-btn {
  height: 40px !important;
  min-height: 40px !important;
}

.run__button_wrapper .qs__tooltip {
  align-items: center;
  display: flex;
}

.run__button_wrapper .qs__tooltip svg {
  vertical-align: middle;
  width: 1.6rem;
  height: 1.6rem;
}

.run__button_wrapper .qs__tooltip[data-tooltip] {
  position: relative;
}

.run__button_wrapper .qs__tooltip[data-tooltip]:before {
  color: #000;
  background-color: #d6dadb;
  border: 1px solid #e6e9e9;
  width: 280px;
  font-weight: 400;
  box-shadow: 0 4px 8px #0000001a;
}

.run__button_wrapper .qs__tooltip[data-tooltip]:after {
  content: "";
  z-index: 2;
  border: 8px solid #0000;
  display: block;
  position: absolute;
}

.run__button_wrapper .qs__tooltip[data-tooltip][data-tooltip-pos="left"]:before {
  margin-right: 8px;
}

.run__button_wrapper .qs__tooltip[data-tooltip][data-tooltip-pos="left"]:after {
  border-left-color: #d6dadb;
  border-right: none;
  top: 50%;
  transform: translateY(-50%);
}

.run__button_wrapper .qs__tooltip[data-tooltip][data-tooltip-pos="top"]:before {
  white-space: normal;
  max-width: 280px;
  margin-bottom: 8px;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: auto !important;
}

.run__button_wrapper .qs__tooltip[data-tooltip][data-tooltip-pos="top"]:after {
  border-top-color: #d6dadb;
  border-left-color: #0000;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.run__button_wrapper .qs__tooltip .dc-tooltip__balloon-icon, .run__button_wrapper .qs__tooltip__balloon-icon, .dc-tooltip__balloon-icon {
  display: none !important;
}

.theme--dark .run__button_wrapper .qs__tooltip svg {
  filter: invert();
}

.animation__run-button {
  height: 40px !important;
  padding: 8px 16px !important;
  line-height: 24px !important;
}

.animation__run-button:disabled .right-side {
  opacity: .32;
}

@media screen and (max-width: 1300px) {
  .run__button_wrapper .qs__tooltip.dc-tooltip {
    position: relative;
  }

  .run__button_wrapper .qs__tooltip.dc-tooltip[data-tooltip][data-tooltip-pos="left"]:before, .run__button_wrapper .qs__tooltip.dc-tooltip[data-tooltip][data-tooltip-pos="left"]:after, .run__button_wrapper .qs__tooltip.dc-tooltip[data-tooltip][data-tooltip-pos="right"]:before, .run__button_wrapper .qs__tooltip.dc-tooltip[data-tooltip][data-tooltip-pos="right"]:after, .run__button_wrapper .qs__tooltip.dc-tooltip[data-tooltip][data-tooltip-pos="bottom"]:before, .run__button_wrapper .qs__tooltip.dc-tooltip[data-tooltip][data-tooltip-pos="bottom"]:after {
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  .run__button_wrapper .qs__tooltip.dc-tooltip[data-tooltip]:before {
    padding: 8px;
    font-size: 12px;
    white-space: normal !important;
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    margin-bottom: 10px !important;
    margin-left: 0 !important;
    bottom: 100% !important;
    left: 0 !important;
    transform: none !important;
  }

  .run__button_wrapper .qs__tooltip.dc-tooltip[data-tooltip]:after {
    content: "" !important;
    z-index: 3 !important;
    border: 8px solid #0000 !important;
    border-top-color: #d6dadb !important;
    display: block !important;
    position: absolute !important;
    bottom: 15px !important;
    left: 0 !important;
    transform: none !important;
  }
}

.animation--disabled {
  opacity: .32;
}

.animation__controls-column {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.animation__run-stop-group {
  align-items: center;
  gap: 8px;
  display: flex;
}

@keyframes animate-progress {
  0% {
    width: 0%;
  }

  100% {
    width: 51%;
  }
}

@keyframes animate-progress-complete {
  0% {
    width: 50%;
  }

  100% {
    width: 100%;
  }
}

@keyframes animate-circle {
  0% {
    transform: scale(0);
  }

  50% {
    transform: scale(1.5);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes animate-circle-appear {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes animate-circle-pop {
  0% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

.animation__wrapper {
  align-items: center;
  height: 40px;
  display: flex;
}

.animation__run-stop-group {
  align-items: center;
  gap: 6px;
  height: 100%;
  display: flex;
}

.animation__pause-button {
  border: 1.5px solid var(--border-normal);
  background: var(--general-section-1);
  height: 32px;
  color: var(--text-general);
  cursor: pointer;
  white-space: nowrap;
  border-radius: 16px;
  flex-shrink: 0;
  align-items: center;
  gap: 5px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 700;
  transition: border-color .2s, background .2s, box-shadow .2s;
  display: flex;
}

.animation__pause-button:hover {
  border-color: var(--text-less-prominent);
  background: var(--general-section-2);
}

.animation__pause-button--paused {
  color: #f5c542;
  background: #f5c5421a;
  border-color: #f5c542;
}

.animation__pause-button--paused:hover {
  background: #f5c54233;
  box-shadow: 0 0 8px #f5c54240;
}

.animation__overlay {
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
}

.animation__run-button {
  background-color: var(--purchase-main-1);
  width: -moz-fit-content;
  width: fit-content;
  height: 100% !important;
}

.animation__run-button:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.animation__run-button:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.animation__run-button:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.animation__run-button:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.animation__run-button:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.animation__run-button:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.animation__run-button:hover {
  background-color: var(--purchase-main-1) !important;
}

.animation__stop-button {
  background-color: var(--button-primary-default);
  width: -moz-fit-content;
  width: fit-content;
  height: 100% !important;
}

.animation__stop-button:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.animation__stop-button:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.animation__stop-button:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.animation__stop-button:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.animation__stop-button:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.animation__stop-button:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.animation__stop-button:hover {
  background-color: var(--button-primary-default) !important;
}

.animation__container {
  border: solid 1px var(--border-normal);
  flex-direction: column;
  justify-content: space-evenly;
  height: 100%;
  padding: 5px 12px;
  display: flex;
  position: relative;
}

.animation__container:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.animation__container:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.animation__container:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.animation__container:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.animation__container:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.animation__container:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.animation__text {
  color: var(--text-general);
  text-align: left;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}

.animation__progress {
  justify-content: space-between;
  height: 6px;
  display: flex;
  position: relative;
}

.animation__progress .circular-wrapper {
  align-self: center;
  width: 2px;
  height: 2px;
  display: flex;
}

.animation__progress .circular-wrapper .static-circle {
  z-index: 1;
  background-color: #000;
  border-radius: 100%;
  align-self: center;
  width: 2px;
  height: 2px;
}

.animation__progress .circular-wrapper .dynamic-circle {
  opacity: .32;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  margin-top: -4px;
  margin-left: -4px;
  position: absolute;
}

.animation__progress .circular-wrapper:nth-child(2) {
  margin-left: 3px;
}

.animation__progress .circular-wrapper:last-child {
  margin-right: 3px;
}

.animation__progress-line {
  background-color: var(--border-normal);
  border-radius: 4px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.animation__progress-bar {
  background-color: var(--status-success);
  border-radius: 4px;
  width: 0;
  height: 100%;
}

.animation__progress-4 {
  animation: .5s forwards animate-progress;
}

.animation__progress-5 {
  border-radius: 5px 0 0 5px;
  width: 51%;
}

.animation__progress-6 {
  animation: .5s forwards animate-progress-complete;
}

.animation--running .animation__progress .circular-wrapper.completed .static-circle, .animation--running .animation__progress .circular-wrapper.active .static-circle {
  background-color: #3d9494;
}

.animation--running .animation__progress .circular-wrapper.active .dynamic-circle {
  background-color: var(--status-success);
  animation: .8s infinite animate-circle;
}

.animation--running .animation__progress .circular-wrapper .static-circle {
  background-color: #ff444f;
  animation: 1s animate-circle-appear;
}

.animation--running .animation__progress .circular-wrapper .dynamic-circle {
  background-color: #ff444f;
  animation: 1s animate-circle;
  transform: scale(0);
}

@media (max-width: 1279px) {
  .dc-modal__container_animation__modal {
    width: 31.2rem !important;
  }
}

.animation__run-button--ai-active {
  color: #fff !important;
  background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%) !important;
  border-color: #8b5cf6 !important;
}

.animation__run-button--ai-active:hover {
  background: linear-gradient(135deg, #c084fc 0%, #8b5cf6 100%) !important;
  box-shadow: 0 0 10px #8b5cf666 !important;
}

.animation__run-button--normal-active {
  color: #fff !important;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
  border-color: #ef4444 !important;
  box-shadow: 0 0 12px #ef444473 !important;
}

.animation__run-button--normal-active:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #f87171 0%, #dc2626 100%) !important;
  box-shadow: 0 0 18px #ef4444a6 !important;
}

.animation__run-button--normal-active .dc-btn__text, .animation__run-button--normal-active span {
  color: #fff !important;
  font-weight: 800 !important;
}

.animation__run-button--fast-active {
  color: #fff !important;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  border-color: #10b981 !important;
  box-shadow: 0 0 12px #10b98173 !important;
}

.animation__run-button--fast-active:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #34d399 0%, #059669 100%) !important;
  box-shadow: 0 0 18px #10b981a6 !important;
}

.animation__run-button--fast-active .dc-btn__text, .animation__run-button--fast-active span {
  color: #fff !important;
  font-weight: 800 !important;
}

.animation__stop-button--ai-active {
  color: #fff !important;
  background: linear-gradient(135deg, #ec4899 0%, #db2777 100%) !important;
  border-color: #f472b6 !important;
}

.animation__stop-button--ai-active:hover {
  background: linear-gradient(135deg, #f472b6 0%, #ec4899 100%) !important;
  box-shadow: 0 0 10px #ec489966 !important;
}

.data-list {
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
}

.data-list__body {
  flex: 1;
}

.data-list__body-wrapper {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.data-list__footer {
  background: var(--general-main-1);
  border-top: 2px solid var(--border-disabled);
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.data-list__item {
  height: inherit;
}

.data-list__item--wrapper {
  height: inherit;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: #0000;
  text-decoration: none;
}

.data-list__row {
  flex-direction: row;
  width: 100%;
  padding: 4px 16px;
  display: flex;
}

.data-list__row > * {
  flex: 1;
}

.data-list__row-content {
  color: var(--text-general);
  font-size: 1.4rem;
  line-height: 2rem;
}

.data-list__row-cell--amount {
  flex-direction: column;
  flex: none;
  align-items: flex-end;
  display: flex;
}

.data-list__row-title {
  color: var(--text-prominent);
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2rem;
}

@media (max-width: 1279px) {
  .data-list__row-title {
    font-size: 1.2rem;
  }
}

.data-list__row-divider {
  margin: 0 1.6rem;
}

.data-list__row-divider:after {
  content: "";
  border-top: 1px solid var(--general-main-1);
  display: block;
}

.data-list__row--wrapper:not(.data-list__item--dynamic-height-wrapper) {
  height: 100%;
}

.data-list__row--timer {
  flex: none;
}

.data-list__desc--wrapper {
  height: inherit;
  text-align: center;
  font-size: var(--text-size-xxs);
  color: var(--text-general);
  align-items: center;
  padding: 1rem;
  display: flex;
}

.ReactVirtualized__List {
  outline: 0;
}

.transactions {
  flex-direction: column;
}

.transactions .ReactVirtualized__Grid__innerScrollContainer > :first-child, .transactions .ReactVirtualized__Grid__innerScrollContainer :before, .transactions .ReactVirtualized__Grid__innerScrollContainer :after {
  box-sizing: border-box;
  animation: .4s ease-in forwards move-in;
}

.transactions .download__container__view-detail-button {
  margin-inline-start: 12px;
}

.transactions .transaction-details__button-container {
  align-items: center;
  display: flex;
}

.transactions-empty {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: flex;
}

.transactions-empty-box {
  flex: 1;
  height: 100%;
  display: grid;
}

.transactions-empty__header {
  padding: .8rem;
}

.transactions-empty__icon-box {
  justify-content: center;
  margin-top: .3rem;
  display: flex;
}

.transactions-empty__icon-box svg g path {
  fill: var(--text-less-prominent);
}

.transactions-empty__icon {
  align-self: center;
}

.transactions-empty__message {
  margin: 0 auto 2rem;
}

.transactions-empty__message .dc-text {
  line-height: var(--text-lh-xxl);
}

.transactions-empty__list {
  font-size: var(--text-size-xxs);
  line-height: var(--text-lh-xl);
  color: var(--text-less-prominent);
  margin-left: 2rem;
  list-style-type: disc;
}

.transactions__header {
  border-bottom: 1px solid var(--general-section-1);
  width: 100%;
  color: var(--text-general);
  text-transform: none;
  text-align: start;
  grid-template-columns: .8fr 1fr 1.1fr;
  grid-template-areas: "type spot profit";
  align-items: center;
  height: 6.4rem;
  padding: .8rem 1.6rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.25;
  display: grid;
}

.transactions__header-column {
  word-break: break-word;
  align-items: center;
  display: flex;
}

@media (max-width: 1279px) {
  .transactions__header-column {
    text-align: center;
    justify-content: left;
    margin-right: .2rem;
    padding: .5rem;
  }
}

.transactions__header-type {
  text-align: start;
  grid-area: type;
  justify-content: flex-start;
}

.transactions__header-spot {
  text-align: center;
  grid-area: spot;
  justify-content: center;
  margin: 0 .8rem;
}

.transactions__header-profit {
  text-align: end;
  grid-area: profit;
  justify-content: flex-end;
}

.transactions__content {
  height: calc(100% - 11rem);
}

.transactions__content--mobile {
  height: calc(100% - 4.2rem);
}

.transactions__scrollbar {
  height: 100%;
}

.transactions__scrollbar .dc-themed-scrollbars {
  width: 100%;
  height: 100%;
}

.transactions__item {
  grid-row-gap: 3px;
  grid-template: "trade-type entry-spot stake"
                 "trade-type exit-spot profit"
                 / .8fr 1fr 1.1fr;
  padding: .8rem 0;
  font-size: 12px;
  display: grid;
}

[dir="rtl"] .transactions__item {
  direction: rtl;
}

.transactions__item-wrapper {
  cursor: pointer;
  border-top: 1px solid var(--general-section-2);
  height: 5.2rem;
  padding: 0 1.6rem;
  position: relative;
}

.transactions__item-wrapper:hover {
  background-color: var(--state-hover);
}

.transactions__trade-type {
  grid-area: trade-type;
  justify-content: flex-start;
}

.transactions__entry-spot {
  grid-area: entry-spot;
  justify-content: flex-start;
}

.transactions__exit-spot {
  grid-area: exit-spot;
  justify-content: flex-start;
}

.transactions__stake {
  grid-area: stake;
  justify-content: flex-end;
}

.transactions__profit {
  grid-area: profit;
  justify-content: flex-end;
}

.transactions__divider {
  border-top: 1px solid var(--general-section-2);
  padding: 8px 16px;
}

.transactions__divider-line {
  background-color: var(--general-section-2);
  height: 4px;
}

.transactions__item-wrapper + .transactions__divider, .transactions__divider + .transactions__item-wrapper {
  border-top: none;
}

.transactions__loader-text {
  width: 7.2rem;
  height: 1rem;
}

.transactions__loader-container {
  justify-content: center;
  align-items: flex-start;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: .4rem;
  display: flex;
}

.transactions__loader-icon {
  width: 2.4rem;
  height: 2.4rem;
}

.transactions__icon {
  min-width: 1.6rem;
  max-width: 1.6rem;
  min-height: 1.6rem;
  max-height: 1.6rem;
  margin-right: .8rem;
}

.transactions__cell {
  color: var(--text-general);
  align-items: center;
  display: flex;
}

.transactions__profit--win {
  color: var(--text-profit-success);
}

.transactions__profit--win:before {
  content: "+";
}

.transactions__profit--loss {
  color: var(--text-loss-danger);
}

.transactions__profit--loss:before {
  content: "-";
}

.transactions__info-header {
  font-weight: bold;
}

.transactions__popover-title {
  color: var(--text-general);
  text-transform: none;
  text-align: start;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
}

.transactions__popover-item {
  color: var(--text-general);
  text-transform: none;
  text-align: start;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.25;
}

.transactions__popover-item:not(:last-of-type) {
  margin-bottom: .8rem;
}

.transaction-details-modal-mobile {
  color: var(--text-general);
}

.transaction-details-modal-mobile .dc-mobile-full-page-modal {
  background: var(--general-main-2);
}

.transaction-details-modal-mobile .dc-mobile-full-page-modal__body {
  height: calc(100vh - 30rem);
  overflow-y: scroll;
}

.transaction-details-modal-mobile .dc-page-overlay__header-wrapper {
  padding: 0 16px;
}

.transaction-details-modal-mobile .dc-page-overlay__header-title {
  text-align: start;
}

.transaction-details-modal-mobile__wrapper {
  flex-wrap: wrap;
  align-content: flex-start;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
}

.transaction-details-modal-mobile__icon-wrapper {
  align-items: center;
  display: flex;
}

.transaction-details-modal-mobile__icon-wrapper * {
  margin-right: 2px;
}

.transaction-details-modal-mobile__card {
  background: var(--general-section-2);
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  margin: 8px 16px;
  padding: 8px 16px;
  display: flex;
}

.transaction-details-modal-mobile__card__row {
  justify-content: space-between;
  padding: 8px 0;
  display: flex;
}

.transaction-details-modal-mobile__card__column {
  width: 100%;
}

.transaction-details-modal-mobile__card__profit--win {
  color: var(--text-profit-success);
}

.transaction-details-modal-mobile__card__profit--win:before {
  content: "+";
}

.transaction-details-modal-mobile__card__profit--loss {
  color: var(--text-loss-danger);
}

.transaction-details-modal-mobile__card__profit--loss:before {
  content: "-";
}

.transaction-details-modal-mobile__small-title {
  font-size: 12px;
  font-weight: 700;
}

.transaction-details-modal-mobile__large-title {
  font-size: 14px;
  font-weight: 700;
}

.transaction-details-modal-mobile__label {
  font-size: 14px;
  line-height: 24px;
}

.transaction-details-modal-mobile__right-align {
  text-align: end;
}

.transaction-details-modal-mobile__divider {
  width: 100%;
  padding: 8px 16px;
}

.transaction-details-modal-mobile__card__footer {
  position: fixed;
}

.transaction-details-modal-mobile__card__footer .run-panel__stat {
  width: 100%;
  margin: 0;
  position: fixed;
  bottom: 0;
}

.bot__loading {
  z-index: 99999;
  background-color: var(--overlay-outside-dialog);
  pointer-events: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.dc-dialog__wrapper--google-drive .dc-dialog__dialog {
  width: unset;
  max-width: unset;
  height: unset;
  max-height: unset;
  background-color: var(--general-main-2);
  padding: 2.4rem;
}

.dc-dialog__wrapper--google-drive .dc-dialog__content .load-strategy__container {
  height: unset;
}

.dc-dialog__wrapper--google-drive .dc-dialog__footer {
  display: none;
}

.picker-dialog {
  z-index: 9999 !important;
}

#modal_root .load-strategy__recent {
  gap: 1.6rem;
  display: flex;
}

#modal_root .load-strategy__recent__files {
  width: 35%;
  height: 100%;
  margin: .2rem 0;
  overflow: auto;
}

#modal_root .load-strategy__recent__empty {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

#modal_root .load-strategy__recent__empty-icon {
  margin-bottom: 1.6rem;
}

#modal_root .load-strategy__recent__empty-title {
  font-size: var(--text-size-s);
  margin-bottom: .8rem;
  font-weight: bold;
  line-height: 2.4rem;
}

#modal_root .load-strategy__recent__empty-description {
  font-size: var(--text-size-xs);
  margin-bottom: 1.6rem;
  line-height: 2rem;
}

#modal_root .load-strategy__recent__empty-expand {
  color: var(--brand-red-coral);
  font-size: var(--text-size-xs);
  cursor: pointer;
  margin-bottom: .8rem;
  font-weight: bold;
}

#modal_root .load-strategy__recent__empty-expand:hover {
  text-decoration: underline;
}

#modal_root .load-strategy__recent__empty-explanation {
  font-size: var(--text-size-xxs);
  text-align: left;
  opacity: 0;
}

#modal_root .load-strategy__recent__empty-explanation-list {
  margin-top: .8rem;
}

#modal_root .load-strategy__recent__empty-explanation--show {
  opacity: 1;
  width: -moz-fit-content;
  width: fit-content;
}

#modal_root .load-strategy__recent-item {
  text-align: center;
  grid-template-columns: 1fr .6fr;
  grid-template-areas: "text location";
  align-items: center;
  padding: 1rem .8rem;
  display: grid;
  position: relative;
}

#modal_root .load-strategy__recent-item:hover {
  cursor: pointer;
}

#modal_root .load-strategy__recent-item:not(:last-child) {
  border-bottom: solid 1px var(--border-divider);
}

#modal_root .load-strategy__recent-item--selected {
  background-color: var(--general-section-2);
}

#modal_root .load-strategy__recent-item-text {
  height: unset;
  text-align: start;
  flex-direction: column;
  padding-right: .8rem;
}

#modal_root .load-strategy__recent-item-title {
  font-size: var(--text-size-xs);
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

#modal_root .load-strategy__recent-item-time {
  font-size: var(--text-size-xxs);
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

#modal_root .load-strategy__recent-item-saved {
  font-size: var(--text-size-xs);
  word-break: break-word;
  margin-inline-start: 1rem;
  line-height: 1.43;
}

#modal_root .load-strategy__recent-item-location {
  word-break: break-word;
  width: 100%;
  color: var(--text-general);
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

#modal_root .load-strategy__recent__preview {
  flex-direction: column;
  flex-basis: 65%;
  width: 65%;
  display: flex;
}

#modal_root .load-strategy__recent__preview .load-strategy__preview-workspace {
  height: calc(100% - 5.2rem);
  min-height: unset;
  margin: 0;
}

#modal_root .load-strategy__recent__preview-title {
  margin: 1.5rem 0;
  margin-left: 0;
}

#modal_root .load-strategy__recent__preview__title {
  margin-left: 0;
}

#modal_root .load-strategy__container {
  flex-direction: column;
  height: 100%;
  min-height: 300px;
  display: flex;
}

#modal_root .load-strategy__container--has-footer {
  height: auto;
  min-height: 320px;
  margin-top: 0;
}

#modal_root .load-strategy__local-dropzone {
  flex-direction: column;
  height: 100%;
  min-height: 300px;
  display: flex;
}

#modal_root .load-strategy__local-dropzone-area {
  border: 2px dashed var(--border-normal, #ffffff26);
  text-align: center;
  box-sizing: border-box;
  background: #ffffff05;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 24px 16px;
  display: flex;
}

#modal_root .load-strategy__local-dropzone-area .load-strategy__local-icon {
  margin-bottom: 8px;
  width: 64px !important;
  height: 64px !important;
}

#modal_root .load-strategy__local-dropzone-area .load-strategy__local-title {
  color: var(--text-prominent, #fff);
  margin-bottom: 2px;
  font-size: 1.1rem;
  font-weight: 700;
}

#modal_root .load-strategy__local-dropzone-area .load-strategy__local-description {
  color: var(--text-general, #94a3b8);
  margin-bottom: 12px;
  font-size: .82rem;
}

#modal_root .load-strategy__local-dropzone-area .dc-btn {
  margin-top: 4px;
}

#modal_root .load-strategy__title {
  margin: 1.5rem;
}

#modal_root .load-strategy.dc-modal__container {
  flex-direction: column !important;
  height: auto !important;
  max-height: 88vh !important;
  display: flex !important;
}

#modal_root .load-strategy.dc-modal__container .dc-modal-body {
  flex: auto;
  min-height: 0;
  padding: 1.6rem 2.4rem .8rem;
  overflow-y: auto;
}

#modal_root .load-strategy.dc-modal__container .dc-modal-footer {
  background: var(--general-main-1, #181c25);
  border-top: 1px solid var(--border-normal, #ffffff1a);
  z-index: 10;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  padding: 1.4rem 2.4rem;
  display: flex;
}

#modal_root .load-strategy.dc-modal__container .dc-modal-footer .dc-btn {
  min-width: 120px;
  min-height: 40px;
  font-size: 14px;
  font-weight: 700;
}

#modal_root .load-strategy__preview-workspace {
  min-height: unset;
  height: unset;
  margin: 0;
}

.load-strategy__local-footer {
  background: var(--general-main-1, #181c25);
  border-top: 1px solid var(--border-normal, #ffffff26);
  z-index: 100;
  gap: 10px;
  width: 100%;
  padding: 12px 16px;
  display: flex;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 -6px 20px #00000080;
}

.load-strategy__local-footer .dc-btn {
  flex: 1;
  min-height: 42px;
  font-size: 14px;
  font-weight: 700;
}

@media (max-width: 1024px) {
  .load-strategy__wrapper .dc-page-overlay {
    box-sizing: border-box !important;
    z-index: 9999 !important;
    background: #000000b3 !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 1.2rem !important;
    display: flex !important;
  }

  .load-strategy__wrapper .dc-mobile-full-page-modal {
    background: var(--general-main-1, #181c25) !important;
    border: 1px solid #ffffff1a !important;
    border-radius: 16px !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 480px !important;
    height: auto !important;
    max-height: 85vh !important;
    display: flex !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    overflow: hidden !important;
    box-shadow: 0 16px 40px #0009 !important;
  }

  .load-strategy__wrapper .dc-page-overlay__header {
    border-bottom: 1px solid #ffffff14 !important;
    border-radius: 16px 16px 0 0 !important;
    flex-shrink: 0 !important;
    padding: 1rem 1.6rem !important;
  }

  .load-strategy__wrapper .dc-page-overlay__content {
    flex-direction: column !important;
    max-height: calc(85vh - 56px) !important;
    display: flex !important;
    overflow-y: auto !important;
  }

  .load-strategy__wrapper .dc-tabs__list {
    height: 3.6rem !important;
    padding: 0 .8rem !important;
  }

  .load-strategy__wrapper .dc-tabs__item {
    height: 3.6rem !important;
    padding: .6rem 1.2rem !important;
    font-size: 1.2rem !important;
  }

  .load-strategy__wrapper .load-strategy__container {
    min-height: unset;
    flex-direction: column;
    flex: 1;
    padding: 1.2rem;
    display: flex;
  }

  .load-strategy__wrapper .load-strategy__container--has-footer {
    height: auto !important;
    min-height: 280px !important;
  }

  .load-strategy__wrapper .load-strategy__local-preview {
    border: 1px solid #ffffff1a;
    border-radius: 10px;
    height: 220px !important;
    max-height: 220px !important;
    overflow: hidden !important;
  }

  .load-strategy__wrapper .load-strategy__local-icon {
    margin-bottom: .8rem;
    transform: scale(.8);
  }

  .load-strategy__wrapper .load-strategy__local-dropzone-area {
    min-height: 140px !important;
    padding: 1.6rem 1rem !important;
  }
}

.load-strategy__container--loaded {
  flex-direction: column;
  gap: 14px;
  height: auto;
  display: flex;
}

.load-strategy__file-summary-card {
  background: linear-gradient(135deg, #10b98114 0%, #0f172ab3 100%);
  border: 1px solid #10b9814d;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  padding: 12px 16px;
  display: flex;
  box-shadow: 0 4px 16px #00000040;
}

.load-strategy__file-info-left {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.load-strategy__file-icon-badge {
  background: #10b98126;
  border: 1px solid #10b9814d;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.load-strategy__file-text-col {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.load-strategy__file-name {
  color: #f8fafc;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 380px;
  font-size: 14px;
  font-weight: 700;
  overflow: hidden;
}

.load-strategy__file-meta {
  color: #94a3b8;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  display: flex;
}

.load-strategy__file-size {
  color: #cbd5e1;
  font-weight: 500;
}

.load-strategy__file-status {
  color: #34d399;
  align-items: center;
  font-weight: 600;
  display: inline-flex;
}

.load-strategy__change-file-btn {
  color: #94a3b8;
  cursor: pointer;
  background: #ffffff0f;
  border: 1px solid #ffffff1f;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  transition: all .2s;
  display: inline-flex;
}

.load-strategy__change-file-btn:hover {
  color: #fb7185;
  background: #f43f5e26;
  border-color: #f43f5e4d;
}

.load-strategy__title-row {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  padding: 0 4px;
  display: flex;
}

.load-strategy__preview-label {
  color: #e2e8f0;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
}

.load-strategy__action-bar {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #0f172ad9;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
  padding: 14px 16px;
  display: flex;
}

.load-strategy__action-bar .load-strategy__btn-cancel {
  min-width: 110px;
  min-height: 42px;
  font-weight: 600;
}

.load-strategy__action-bar .load-strategy__btn-open {
  min-width: 140px;
  min-height: 42px;
  font-weight: 700;
  transition: all .2s;
  color: #fff !important;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  border: none !important;
  box-shadow: 0 4px 16px #10b98159 !important;
}

.load-strategy__action-bar .load-strategy__btn-open:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px #10b98180 !important;
}

.load-strategy__modern-dropzone {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  cursor: pointer;
  box-sizing: border-box;
  background: linear-gradient(#1e293b66 0%, #0f172a99 100%);
  border: 2px dashed #6366f159;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 280px;
  padding: 36px 24px;
  transition: all .25s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.load-strategy__modern-dropzone:hover, .load-strategy__modern-dropzone--active {
  background: linear-gradient(#6366f114 0%, #0f172ab3 100%);
  border-color: #6366f1;
  transform: translateY(-1px);
  box-shadow: 0 0 30px #6366f133, inset 0 0 20px #6366f10d;
}

.load-strategy__modern-dropzone:hover .load-strategy__dropzone-icon-wrap, .load-strategy__modern-dropzone--active .load-strategy__dropzone-icon-wrap {
  background: #6366f140;
  border-color: #6366f180;
  transform: scale(1.08);
  box-shadow: 0 0 20px #6366f166;
}

.load-strategy__dropzone-halo {
  pointer-events: none;
  background: radial-gradient(circle, #6366f126 0%, #0000 70%);
  border-radius: 50%;
  width: 250px;
  height: 250px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.load-strategy__dropzone-icon-wrap {
  color: #818cf8;
  background: #6366f126;
  border: 1px solid #6366f14d;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 68px;
  margin-bottom: 16px;
  transition: all .25s;
  display: flex;
}

.load-strategy__dropzone-title {
  color: #fff;
  letter-spacing: -.01em;
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 700;
}

.load-strategy__dropzone-subtitle {
  color: #94a3b8;
  text-align: center;
  max-width: 340px;
  margin: 0 0 16px;
  font-size: 13px;
  line-height: 1.45;
}

.load-strategy__dropzone-badges {
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  display: flex;
}

.load-strategy__badge-format {
  color: #818cf8;
  letter-spacing: .04em;
  background: #6366f11f;
  border: 1px solid #6366f140;
  border-radius: 6px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 700;
}

.load-strategy__dropzone-btn-wrap .load-strategy__choose-btn {
  min-width: 180px;
  min-height: 42px;
  font-weight: 700;
  color: #fff !important;
  background: #6366f1 !important;
  border: none !important;
  box-shadow: 0 4px 14px #6366f159 !important;
}

.load-strategy__dropzone-btn-wrap .load-strategy__choose-btn:hover {
  background: #4f46e5 !important;
  box-shadow: 0 6px 18px #6366f180 !important;
}

.load-strategy__info-note {
  color: #94a3b8;
  background: #38bdf80f;
  border: 1px solid #38bdf826;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  padding: 10px 14px;
  font-size: 12px;
  line-height: 1.4;
  display: flex;
}

.load-strategy__info-note span {
  color: #cbd5e1;
}

.dc-modal__container_load-strategy, .load-strategy.dc-modal__container {
  flex-direction: column !important;
  height: auto !important;
  max-height: 88vh !important;
  display: flex !important;
}

.vh-modal-overlay {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  z-index: 99999;
  background: #000000bf;
  justify-content: center;
  align-items: center;
  padding: 16px;
  animation: .2s ease-out fadeInVh;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes fadeInVh {
  from {
    opacity: 0;
    transform: scale(.96);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.vh-modal-container {
  background: #11141e;
  border: 1px solid #ffffff1a;
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 440px;
  padding: 28px 24px;
  display: flex;
  position: relative;
  box-shadow: 0 20px 50px #000c, 0 0 40px #f5c5420d;
}

.vh-modal-close {
  color: #ffffff80;
  cursor: pointer;
  background: none;
  border: none;
  font-size: 24px;
  line-height: 1;
  transition: color .2s;
  position: absolute;
  top: 16px;
  right: 18px;
}

.vh-modal-close:hover {
  color: #fff;
}

.vh-modal-header {
  text-align: center;
  margin-bottom: 24px;
}

.vh-modal-header .vh-icon-glow {
  background: linear-gradient(135deg, #ffb703 0%, #fb8500 100%);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 68px;
  margin: 0 auto 16px;
  font-size: 32px;
  display: flex;
  box-shadow: 0 10px 25px #fb850066, 0 0 30px #ffb7034d;
}

.vh-modal-header h2 {
  color: #fff;
  letter-spacing: -.3px;
  margin: 0 0 4px;
  font-size: 22px;
  font-weight: 800;
}

.vh-modal-header .vh-subtitle {
  color: #ffffff80;
  margin: 0;
  font-size: 13px;
}

.vh-toggle-bar {
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  display: flex;
}

.vh-toggle-bar .vh-switch {
  width: 60px;
  height: 32px;
  display: inline-block;
  position: relative;
}

.vh-toggle-bar .vh-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.vh-toggle-bar .vh-switch .vh-slider {
  cursor: pointer;
  background-color: #272d3e;
  border: 1px solid #ffffff1a;
  border-radius: 34px;
  transition: all .3s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.vh-toggle-bar .vh-switch .vh-slider:before {
  content: "";
  background-color: #94a3b8;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  transition: all .3s;
  position: absolute;
  bottom: 3px;
  left: 3px;
}

.vh-toggle-bar .vh-switch.active .vh-slider {
  background-color: #ffb703;
}

.vh-toggle-bar .vh-switch.active .vh-slider:before {
  background-color: #0f172a;
  transform: translateX(28px);
}

.vh-toggle-bar .vh-status-label {
  letter-spacing: .5px;
  color: #fff6;
  font-size: 12px;
  font-weight: 800;
}

.vh-toggle-bar .vh-status-label.enabled {
  color: #ffb703;
}

.vh-cards-stack {
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-bottom: 24px;
  display: flex;
}

.vh-setting-card {
  background: #ffffff08;
  border: 1px solid #ffffff12;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  transition: border-color .2s;
  display: flex;
}

.vh-setting-card:hover {
  border-color: #ffffff26;
}

.vh-setting-card .vh-card-info {
  align-items: center;
  gap: 12px;
  display: flex;
}

.vh-setting-card .vh-card-info .vh-card-icon {
  background: #3b82f61f;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 18px;
  display: flex;
}

.vh-setting-card .vh-card-info .vh-card-icon.target {
  background: #ec48991f;
}

.vh-setting-card .vh-card-info .vh-card-title {
  color: #f1f5f9;
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: 700;
  display: block;
}

.vh-setting-card .vh-card-info .vh-card-desc {
  color: #ffffff73;
  font-size: 11px;
  display: block;
}

.vh-setting-card .vh-counter {
  background: #0000004d;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  align-items: center;
  padding: 2px;
  display: flex;
}

.vh-setting-card .vh-counter .vh-counter-btn {
  color: #ffffffb3;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  width: 32px;
  height: 32px;
  font-size: 16px;
  font-weight: 700;
  transition: background .2s, color .2s;
}

.vh-setting-card .vh-counter .vh-counter-btn:hover {
  color: #fff;
  background: #ffffff1a;
}

.vh-setting-card .vh-counter .vh-counter-value {
  color: #ffb703;
  text-align: center;
  min-width: 24px;
  font-size: 14px;
  font-weight: 800;
}

.vh-apply-btn {
  color: #0f172a;
  cursor: pointer;
  background: linear-gradient(135deg, #ffb703 0%, #fb8500 100%);
  border: none;
  border-radius: 14px;
  width: 100%;
  padding: 14px;
  font-size: 14px;
  font-weight: 800;
  transition: transform .2s, box-shadow .2s;
  box-shadow: 0 8px 20px #fb85004d;
}

.vh-apply-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 25px #fb850066;
}

.vh-apply-btn:active {
  transform: translateY(0);
}

.tour-dialog {
  transition: unset;
}

.tour-dialog .dc-dialog__dialog {
  transform: unset;
  opacity: unset;
  transition: unset;
}

@media (max-width: 600px) {
  .tour-dialog .dc-dialog__dialog {
    width: 90vw;
    padding: 1.6rem;
  }
}

.tour-dialog .dc-dialog__content__header {
  text-align: start;
  margin-bottom: 2.4rem;
}

.tour-dialog .dc-dialog__content__description {
  text-align: start;
  line-height: 2.8;
}

@media (max-width: 1279px) {
  .tour-dialog .dc-dialog__content__description {
    line-height: 2.2;
  }
}

.tour-dialog .dc-dialog__content__description__text {
  margin-bottom: 1.6rem;
}

@media (max-width: 600px) {
  .tour-dialog .dc-dialog__footer {
    height: unset;
    flex-direction: column;
    align-content: flex-end;
    display: flex;
  }

  .tour-dialog .dc-dialog__footer button:first-child {
    margin-bottom: unset;
    margin-inline-end: .8rem;
  }
}

@media (min-width: 601px) and (max-width: 1279px) {
  .tour-dialog .dc-dialog__footer button {
    flex-basis: unset;
    margin-bottom: unset;
  }
}

.dc-progress-bar-tracker {
  cursor: pointer;
  justify-content: center;
  display: flex;
}

.dc-progress-bar-tracker-rectangle {
  background-color: #ff444f;
  border-radius: 1rem;
  width: 2.5rem;
  height: .8rem;
}

.dc-progress-bar-tracker-circle {
  background-color: var(--fill-normal-1);
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  margin: 0 .4rem;
}

.dc-progress-bar-tracker-transition {
  transition: all .24s linear;
}

.dbot-accordion {
  width: 100%;
}

.dbot-accordion__navbar {
  cursor: pointer;
  border: none;
  border-bottom: 1px solid var(--general-section-1);
  background-color: #0000;
  outline: none;
  width: 100%;
  padding: .6rem 1.6rem .6rem 0;
  display: flex;
}

@media (max-width: 1279px) {
  .dbot-accordion__navbar {
    padding: .6rem 1rem;
  }
}

.dbot-accordion__navbar--no-event {
  pointer-events: none;
  border-bottom: none;
  padding: .6rem 0;
}

@media (max-width: 1279px) {
  .dbot-accordion__navbar--no-event {
    padding: .6rem 0 .6rem 1rem;
  }
}

.dbot-accordion__header {
  text-align: start;
  width: 90%;
  padding-left: 1rem;
}

@media (max-width: 1279px) {
  .dbot-accordion__header {
    width: 100%;
    padding-left: 0;
  }
}

.dbot-accordion__header span {
  color: var(--text-prominent);
}

.dbot-accordion__icon {
  color: #fff;
  text-align: end;
  width: 10%;
}

.dbot-accordion__content {
  opacity: 0;
  max-height: 0;
  color: var(--text-prominent);
  padding: 1rem 0;
  overflow: hidden;
}

.dbot-accordion__content--open {
  opacity: 1;
  max-height: -moz-fit-content;
  max-height: fit-content;
}

@media (max-width: 1279px) {
  .dbot-accordion__content--open {
    padding-left: 1rem;
  }
}

.dbot-accordion__content .joyride-content {
  line-height: 1.8rem;
}

.qs .dbot-accordion__content {
  background-color: #0000;
}

.qs .dbot-accordion__header {
  text-align: start;
}

.qs .dbot-accordion__header--cursive {
  font-style: italic;
}

.strategy-template-picker {
  width: calc(100% - 3rem);
  margin: 1.6rem;
}

@media (min-width: 1280px) {
  .strategy-template-picker {
    max-width: 45rem;
  }
}

.strategy-template-picker__icon {
  border: 1px solid var(--general-section-6);
  background-color: unset;
  cursor: pointer;
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  width: 3.2rem;
  height: 3.2rem;
  padding: .7rem;
  display: flex;
}

.strategy-template-picker__icon svg g {
  fill: var(--icon-black-plus);
}

.strategy-template-picker__panel {
  -moz-column-gap: 1rem;
  justify-content: center;
  column-gap: 1rem;
  height: 3.2rem;
  margin-bottom: 1.6rem;
  display: flex;
}

.strategy-template-picker__panel .quill-input__container {
  background-color: var(--general-section-1);
  border-radius: 1rem;
}

.strategy-template-picker__panel .quill-input__container .input__align--left {
  background-color: var(--general-section-6);
}

.strategy-template-picker__panel .quill-input__wrapper__variant--outline {
  background-color: unset;
  border: none;
}

.strategy-template-picker__chips {
  -moz-column-gap: .8rem;
  flex-direction: row;
  column-gap: .8rem;
  margin-bottom: .8rem;
  display: flex;
}

.strategy-template-picker__strategies {
  flex-direction: column;
  display: flex;
}

.strategy-template-picker__strategies .quill-link {
  border-bottom: 1px solid var(--general-section-1);
  justify-content: space-between;
  text-decoration: none;
  display: flex;
}

html[dir="rtl"] .strategy-template-picker__strategies .quill-link svg {
  transform: rotate(180deg);
}

.strategy-template-picker__strategies .quill-typography {
  margin: .8rem 0;
}

.strategy-template-picker__strategy {
  margin-bottom: .8rem;
}

.strategy-template-picker__links {
  margin: 0 .8rem;
}

.strategy-template-picker__links .quill-typography {
  color: var(--text-general);
}

.strategy-template-picker__title {
  margin: .8rem 0;
}

.qs__body__content {
  padding: 0 !important;
}

.qs__body__content .deriv-linear-progress-bar {
  margin: 0;
}

.qs__body__content .deriv-linear-progress-bar__track {
  z-index: 2;
  margin: 0;
  position: fixed;
  left: 0;
}

.qs__body__content__footer {
  z-index: 10000;
}

.qs__body__content__footer--back {
  color: var(--brand-red-coral);
}

@media (min-width: 1280px) {
  .qs__body__content__footer .dc-btn--transparent {
    position: absolute;
    left: 2.4rem;
  }

  [dir="rtl"] .qs__body__content__footer .dc-btn--transparent {
    right: 2.4rem;
  }
}

.qs__body__sidebar .qs-stepper {
  margin: 0 1.6rem;
}

.qs__body__sidebar .qs-stepper .step .quill-typography {
  font-size: 1.4rem;
}

@media (min-width: 601px) and (max-width: 1279px) {
  .qs__form__container--template {
    flex-direction: column;
    align-items: center;
    display: flex;
  }
}

.qs__selected-options {
  padding: .8rem var(--group-outer-padding);
  background-color: var(--general-section-1);
  border-radius: .8rem;
  flex-direction: column;
  gap: 1.6rem;
  margin: 1.6rem;
  display: flex;
}

@media (min-width: 1280px) {
  .qs__selected-options {
    margin: 1.6rem 2.4rem;
  }
}

.qs__selected-options__item {
  justify-content: space-between;
  display: flex;
}

.qs__selected-options__item__description {
  text-align: end;
  width: 25rem;
  font-size: 1.4rem;
}

@media (max-width: 600px) {
  .qs__selected-options__item__description {
    text-align: right;
    flex-direction: column;
    justify-content: center;
    width: 25rem;
    font-size: 1.4rem;
  }
}

.quick-strategy__wrapper .dc-page-overlay__header-title {
  text-align: left;
  margin-left: 1.6rem;
}

[dir="rtl"] .dc-page-overlay__header-close {
  right: 2.4rem;
}

.dc-page-overlay__header-close svg path {
  fill: var(--text-general);
}

.loss-threshold-warning-dialog__body-text {
  color: var(--text-general);
  margin: 12px 0 22px;
  font-size: 1.5rem;
  line-height: 18px;
}

.loss-threshold-warning-dialog.dc-dialog__wrapper--has-portal {
  background-color: var(--overlay-outside-dialog);
}

.loss-threshold-warning-dialog .dc-dialog__header--title {
  max-width: 90%;
}

@media (max-width: 1279px) {
  .loss-threshold-warning-dialog .dc-dialog__footer {
    width: 100%;
    display: flex;
  }
}

@media (max-width: 600px) {
  .loss-threshold-warning-dialog .dc-dialog__button {
    margin-inline-start: 0;
  }
}

.loss-threshold-warning-dialog .dc-dialog__dialog .dc-checkbox__box {
  margin: 0 8px 0 0;
}

.qs {
  --sidebar-width: 24rem;
  --footer-height: 7.2rem;
  --header-height: 5.6rem;
  --min-content-height: 40rem;
  --input-height: 4.8rem;
  --select-height: 4.8rem;
  --input-border-radius: .4rem;
  --input-action-height: 4.6rem;
  --input-action-width: 4.6rem;
  --group-outer-padding: 1.6rem;
}

@media (max-width: 1279px) {
  .qs {
    --select-height: 4rem;
    --input-height: 3.4rem;
    --footer-height: 4.2rem;
    --input-action-height: 3rem;
    --input-action-width: 3rem;
    width: 100%;
  }
}

.qs .x-center, .qs .qs__checkbox__container, .qs .qs__checkbox, .qs .qs__input-label, .qs .qs__select__option, .qs .qs__body__content__head__tabs, .qs .qs__head__title {
  align-items: center;
  display: flex;
}

.qs__head {
  background-color: var(--general-main-1);
  z-index: 10000;
  border-bottom: 1px solid var(--border-divider);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.qs__head__title {
  height: var(--header-height);
  background-color: var(--general-section-1);
  width: var(--sidebar-width);
  padding: 0 2.4rem;
}

.qs__head__action {
  padding: 0 2.4rem;
}

.qs__head__action span:hover {
  cursor: pointer;
}

.qs__head__action span svg path {
  fill: var(--text-general);
}

.qs__body {
  display: flex;
}

@media (min-width: 1280px) {
  .qs__body {
    height: 72rem;
  }
}

@media (max-width: 600px) {
  .qs__body {
    display: block;
  }
}

@media (min-width: 601px) and (max-width: 1279px) {
  .qs__body {
    justify-content: center;
  }
}

.qs__body__sidebar {
  background-color: var(--general-section-1);
  width: var(--sidebar-width);
}

.qs__body__sidebar__subtitle {
  padding: 1rem 1.6rem;
}

.qs__body__sidebar__items ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.qs__body__sidebar__items ul li {
  -webkit-user-select: none;
  user-select: none;
  border-left: 4px solid #0000;
  height: 4rem;
  padding: 1rem 1.6rem 1rem 4rem;
}

.qs__body__sidebar__items ul li:hover {
  background-color: var(--general-main-1);
  cursor: pointer;
}

.qs__body__sidebar__items ul li.active {
  border-left: 4px solid var(--brand-red-coral);
  background-color: var(--general-main-1);
}

.qs__body__content {
  background-color: var(--general-main-1);
  width: calc(100% - var(--sidebar-width));
  flex-direction: column;
  padding: .8rem;
  display: flex;
  position: relative;
}

@media (max-width: 600px) {
  .qs__body__content {
    width: 100%;
    padding: 0;
  }
}

@media (min-width: 601px) and (max-width: 1279px) {
  .qs__body__content {
    max-width: 60rem;
  }
}

.qs__body__content__head {
  justify-content: center;
  align-items: center;
  padding-bottom: 1rem;
  display: flex;
}

@media (max-width: 1279px) {
  .qs__body__content__head {
    margin-top: 1.6rem;
    padding: 0 1.6rem 1.6rem;
  }
}

.qs__body__content__head__tabs {
  background-color: var(--general-section-1);
  border-radius: .6rem;
  height: 4rem;
  padding: .4rem;
}

@media (max-width: 1279px) {
  .qs__body__content__head__tabs {
    width: 100%;
  }
}

.qs__body__content__head__tabs__tab {
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  border-radius: .4rem;
  min-width: 16rem;
  padding: .6rem .8rem;
  display: inline-block;
}

@media (max-width: 1279px) {
  .qs__body__content__head__tabs__tab {
    width: 50%;
    min-width: auto;
  }
}

.qs__body__content__head__tabs__tab:hover {
  cursor: pointer;
}

.qs__body__content__head__tabs__tab.active {
  background-color: var(--general-main-1);
}

.qs__body__content__head__tabs__tab.disabled {
  cursor: pointer;
  pointer-events: none;
  opacity: .5;
}

.qs__body__content__description {
  padding: 1rem 2.4rem;
}

@media (max-width: 1279px) {
  .qs__body__content__description {
    padding: 1rem;
  }
}

.qs__body__content__select {
  padding: 0 1.6rem;
}

.qs__body__content__title {
  text-align: center;
}

.qs__body__content__form {
  padding: 0 2.4rem;
}

@media (max-width: 1279px) {
  .qs__body__content__form {
    padding: 0 1.6rem;
  }
}

.qs__body__content__form__group {
  background-color: var(--general-section-1);
  width: 100%;
  padding: .8rem var(--group-outer-padding) 1.6rem;
  border-radius: .8rem;
  margin: auto auto 1.6rem;
}

.qs__body__content__form__group:last-child {
  margin-bottom: 2rem;
}

.qs__body__content__footer {
  border-top: 1px solid var(--border-divider);
  background-color: var(--general-main-1);
  width: 100%;
  height: 8.4rem;
  padding-inline-end: 2.4rem;
}

@media (max-width: 600px) {
  .qs__body__content__footer {
    z-index: 10000;
    height: 6rem;
    position: fixed;
    bottom: 0;
  }
}

.qs__body__content__footer {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.qs__body__content__footer button {
  height: 4rem;
  margin-inline-end: 1rem;
}

.qs__body__content__footer button:last-child {
  margin-inline-end: 0;
}

.qs__form__container {
  min-height: 10rem;
  margin-bottom: 1rem;
  overflow-y: auto;
  max-height: calc(100vh - 23rem) !important;
}

@media (min-width: 1280px) {
  .qs__form__container {
    height: calc(100vh - 23.5rem) !important;
  }
}

@media (max-width: 600px) {
  .qs__form__container {
    margin-bottom: 0;
    max-height: calc(100% - 12.2rem) !important;
  }
}

.qs__form__container--footer {
  max-height: 100% !important;
}

@media (max-width: 600px) {
  .qs__form__container--footer {
    margin-bottom: 9rem;
    max-height: calc(100% - 8rem) !important;
  }
}

.qs__form__field {
  width: 100%;
}

.qs__form__field__input {
  margin-bottom: .8rem;
}

.qs__form__field__group-icons .qs__autocomplete .dc-input__leading-icon {
  width: auto;
  height: 2.4rem;
}

.qs__form__field__group-icons .qs__autocomplete .dc-input__leading-icon .dc-icon, .qs__form__field__group-icons .qs__autocomplete .qs__select__option .dc-icon {
  width: 1.4rem;
  height: 1.4rem;
}

.qs__form__field.no-top-spacing {
  padding-top: 0;
}

.qs__form__field.no-border-top .dc-input__container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.qs__form__field.no-top-border-radius .dc-input__container, .qs__form__field.no-border-bottom-radius .qs__checkbox {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.qs__form__field.no-bottom-spacing {
  padding-bottom: 0;
}

.qs__form__field.no-bottom-border-radius .dc-input__container {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.qs__form__field__list {
  margin: 0 0 .8rem;
  padding: 0;
  display: flex;
}

.qs__form__field__list__item {
  height: var(--input-height);
  background: var(--general-main-1);
  line-height: var(--input-height);
  text-align: center;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.qs__form__field__list__item:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.qs__form__field__list__item:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.qs__form__field__list__item--active {
  background: var(--general-active);
  font-weight: bold;
}

.qs__form__field .contract-type .dc-input__field {
  font-weight: normal;
}

.qs__form__field:last-child .dc-input__container {
  margin-bottom: 0;
}

.qs__form__field .dc-input__bottom-label {
  top: -3.4rem;
  flex-direction: row-reverse;
  height: 0;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.qs__form__field .dc-input__bottom-label:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 6rem;
}

.qs__form__field .dc-input__bottom-label:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 6rem;
}

.qs__form__field .dc-input__bottom-label:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 6rem;
}

.qs__form__field .dc-input__bottom-label:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 6rem;
}

.qs__form__field .dc-input__bottom-label:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 6rem;
}

.qs__form__field .dc-input__bottom-label:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 6rem;
}

@media (max-width: 1279px) {
  .qs__form__field .dc-input__bottom-label {
    top: -2.6rem;
  }

  .qs__form__field .dc-input__bottom-label:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 5rem;
  }

  .qs__form__field .dc-input__bottom-label:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 5rem;
  }

  .qs__form__field .dc-input__bottom-label:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 5rem;
  }

  .qs__form__field .dc-input__bottom-label:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 5rem;
  }

  .qs__form__field .dc-input__bottom-label:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 5rem;
  }

  .qs__form__field .dc-input__bottom-label:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 5rem;
  }
}

.qs__form__field .dc-input__bottom-label .dc-text {
  color: var(--text-general) !important;
}

.qs__autocomplete {
  caret-color: #0000;
}

.qs__autocomplete .dc-input__container {
  height: var(--select-height);
  background: var(--general-main-1);
  border: none;
  padding: .8rem 2.4rem;
}

.qs__autocomplete .dc-input__leading-icon {
  top: 1.4rem;
  width: 2.4rem;
  height: 2.4rem;
}

.qs__autocomplete .dc-input__leading-icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 1.4rem;
}

.qs__autocomplete .dc-input__leading-icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 1.4rem;
}

.qs__autocomplete .dc-input__leading-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 1.4rem;
}

.qs__autocomplete .dc-input__leading-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 1.4rem;
}

.qs__autocomplete .dc-input__leading-icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 1.4rem;
}

.qs__autocomplete .dc-input__leading-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 1.4rem;
}

@media (max-width: 1279px) {
  .qs__autocomplete .dc-input__leading-icon {
    top: 50%;
    transform: translateY(-50%);
  }

  .qs__autocomplete .dc-input__leading-icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0;
  }

  .qs__autocomplete .dc-input__leading-icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0;
  }

  .qs__autocomplete .dc-input__leading-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0;
  }

  .qs__autocomplete .dc-input__leading-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0;
  }

  .qs__autocomplete .dc-input__leading-icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0;
  }

  .qs__autocomplete .dc-input__leading-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0;
  }
}

.qs__autocomplete .dc-input__leading-icon .dc-icon {
  margin-inline-end: .6rem;
}

.qs__autocomplete .dc-input__leading-icon .dc-icon:last-child {
  margin-inline-end: 0;
}

.qs__autocomplete .dc-input__field {
  color: var(--text-general);
  margin-inline-start: 0;
  margin-inline-end: 4rem;
  font-weight: bold;
}

.qs__autocomplete .dc-input__field[data-testid="dt_qs_contract_type"] {
  caret-color: auto;
  margin-inline-start: 2rem;
  margin-inline-end: 2.4rem;
}

.qs__autocomplete .dc-input__field[name="durationtype"], .qs__autocomplete .dc-input__field[name="tradetype"] {
  caret-color: auto;
  margin-inline-start: 6rem;
  margin-inline-end: 2.4rem;
}

.qs__autocomplete .dc-input__field[name="symbol"] {
  caret-color: auto;
  margin-inline-start: 2rem;
  margin-inline-end: 2.4rem;
}

.qs__autocomplete .dc-input__trailing-icon {
  margin-inline-end: 2.4rem;
}

.qs__select {
  caret-color: #0000;
}

.qs__select .dc-input__container {
  height: var(--select-height);
  background: var(--general-main-1);
  border: none;
  padding: .8rem 2.4rem;
}

.qs__select .dc-input__field {
  color: var(--text-general);
  margin-inline-end: 4rem;
  font-weight: bold;
}

@media (max-width: 1279px) {
  .qs__select .dc-input__field {
    text-align: center;
  }
}

.qs__select .dc-input__leading-icon {
  top: 1.6rem;
}

.qs__select .dc-input__leading-icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 1.6rem;
}

.qs__select .dc-input__leading-icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 1.6rem;
}

.qs__select .dc-input__leading-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 1.6rem;
}

.qs__select .dc-input__leading-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 1.6rem;
}

.qs__select .dc-input__leading-icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 1.6rem;
}

.qs__select .dc-input__leading-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 1.6rem;
}

.qs__select .dc-input__leading-icon .dc-icon {
  margin-inline-end: 1.2rem;
}

.qs__select .dc-input__leading-icon .dc-icon:last-child {
  margin-inline-end: 0;
}

.qs__select .dc-input__trailing-icon {
  margin-inline-end: 1.6rem;
}

.qs__select__option__text {
  margin-inline-start: .8rem;
}

.qs__select__option__icon {
  background-color: var(--icon-grey-background);
  margin-inline-start: .8rem;
}

.qs__select__option__icon:first-child {
  margin-inline-start: 0;
}

.qs__select__option .dc-icon {
  width: auto;
  height: 2.4rem;
}

.qs .seddle-actions, .qs .qs__input .dc-input__trailing-icon, .qs__input .qs .dc-input__trailing-icon, .qs .qs__input .dc-input__leading-icon, .qs__input .qs .dc-input__leading-icon {
  width: var(--input-action-width);
  height: var(--input-action-height);
  pointer-events: auto;
  background: none;
  border: none;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  margin: 0;
  font-size: 20px;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.qs .seddle-actions:hover, .qs .qs__input .dc-input__trailing-icon:hover, .qs__input .qs .dc-input__trailing-icon:hover, .qs .qs__input .dc-input__leading-icon:hover, .qs__input .qs .dc-input__leading-icon:hover {
  background: var(--general-section-1);
  cursor: pointer;
}

.qs__input {
  margin: 0;
}

.qs__input.highlight {
  border: 1px solid var(--status-warning);
}

.qs__input .dc-input__container {
  height: var(--input-height);
  background-color: var(--general-main-1);
  border: 1px solid #0000;
}

.qs__input .dc-input__container:hover {
  border: 1px solid var(--border-hover);
}

.qs__input .dc-input__leading-icon {
  color: var(--text-general);
}

.qs__input .dc-input__leading-icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: .3rem;
}

.qs__input .dc-input__leading-icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: .3rem;
}

.qs__input .dc-input__leading-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: .3rem;
}

.qs__input .dc-input__leading-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: .3rem;
}

.qs__input .dc-input__leading-icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: .3rem;
}

.qs__input .dc-input__leading-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: .3rem;
}

@media (max-width: 1279px) {
  .qs__input .dc-input__leading-icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: .2rem;
  }

  .qs__input .dc-input__leading-icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: .2rem;
  }

  .qs__input .dc-input__leading-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: .2rem;
  }

  .qs__input .dc-input__leading-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: .2rem;
  }

  .qs__input .dc-input__leading-icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: .2rem;
  }

  .qs__input .dc-input__leading-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: .2rem;
  }
}

.qs__input .dc-input__leading-icon:hover {
  background-color: var(--state-hover);
}

.qs__input .dc-input__leading-icon:disabled {
  opacity: .32;
  pointer-events: none;
}

.qs__input .dc-input__trailing-icon {
  color: var(--text-general);
}

.qs__input .dc-input__trailing-icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 1rem;
}

.qs__input .dc-input__trailing-icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 1rem;
}

.qs__input .dc-input__trailing-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 1rem;
}

.qs__input .dc-input__trailing-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 1rem;
}

.qs__input .dc-input__trailing-icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 1rem;
}

.qs__input .dc-input__trailing-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 1rem;
}

@media (max-width: 1279px) {
  .qs__input .dc-input__trailing-icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 1.6rem;
  }

  .qs__input .dc-input__trailing-icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 1.6rem;
  }

  .qs__input .dc-input__trailing-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 1.6rem;
  }

  .qs__input .dc-input__trailing-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 1.6rem;
  }

  .qs__input .dc-input__trailing-icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 1.6rem;
  }

  .qs__input .dc-input__trailing-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 1.6rem;
  }
}

.qs__input .dc-input__trailing-icon:hover {
  background-color: var(--state-hover);
}

.qs__input .dc-input__trailing-icon:disabled {
  opacity: .32;
  pointer-events: none;
}

.qs__input .dc-input__field {
  text-align: center;
  color: var(--text-general);
  margin: 0 4rem;
}

.qs__input.error .dc-input__container {
  border: 1px solid var(--text-loss-danger);
}

.qs__input-label {
  height: var(--input-height);
}

.qs__input-label__wrapper {
  margin-inline-end: 1rem;
}

.qs__checkbox__container {
  height: calc(var(--input-height)  - .5rem);
  width: 100%;
}

.qs__checkbox__container .dc-checkbox {
  gap: .5rem;
  margin-inline-end: 1rem;
}

.qs__checkbox__container .dc-checkbox .dc-text:first-child {
  font-weight: bold;
}

.qs__checkbox__container .dc-toggle-switch__label {
  background: var(--general-disabled);
  width: 4.6rem;
  height: 2.4rem;
  margin: unset;
  cursor: pointer;
  border-radius: 2.4rem;
  align-items: center;
  margin-inline-start: auto;
  padding: .2rem;
  transition: background-color .25s;
  display: flex;
  position: relative;
}

.qs__checkbox__container .dc-toggle-switch__button {
  background: var(--text-colored-background);
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: unset;
  position: absolute;
  box-shadow: 0 2px 4px #0000001a;
}

.qs__checkbox__container .dc-toggle-switch__button:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: .2rem;
}

.qs__checkbox__container .dc-toggle-switch__button:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: .2rem;
}

.qs__checkbox__container .dc-toggle-switch__button:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: .2rem;
}

.qs__checkbox__container .dc-toggle-switch__button:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: .2rem;
}

.qs__checkbox__container .dc-toggle-switch__button:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: .2rem;
}

.qs__checkbox__container .dc-toggle-switch__button:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: .2rem;
}

.qs__checkbox__container .dc-toggle-switch:checked + .dc-toggle-switch__label {
  background: var(--text-profit-success);
  margin-inline-start: auto;
}

html[dir="rtl"] .qs__checkbox__container .dc-toggle-switch:checked + .dc-toggle-switch__label .dc-toggle-switch__button:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 2.4rem;
}

html[dir="rtl"] .qs__checkbox__container .dc-toggle-switch:checked + .dc-toggle-switch__label .dc-toggle-switch__button:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 2.4rem;
}

html[dir="rtl"] .qs__checkbox__container .dc-toggle-switch:checked + .dc-toggle-switch__label .dc-toggle-switch__button:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 2.4rem;
}

html[dir="rtl"] .qs__checkbox__container .dc-toggle-switch:checked + .dc-toggle-switch__label .dc-toggle-switch__button:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 2.4rem;
}

html[dir="rtl"] .qs__checkbox__container .dc-toggle-switch:checked + .dc-toggle-switch__label .dc-toggle-switch__button:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 2.4rem;
}

html[dir="rtl"] .qs__checkbox__container .dc-toggle-switch:checked + .dc-toggle-switch__label .dc-toggle-switch__button:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 2.4rem;
}

.qs__description__content {
  margin-bottom: .8rem;
}

@media (min-width: 1280px) {
  .qs__description__content {
    padding-inline-start: 1rem;
  }
}

.qs__description__content.italic {
  font-style: italic;
}

.qs__description__content.italic span {
  font-size: 1.2rem;
}

@media (max-width: 1279px) {
  .qs__description__content.italic span {
    font-size: 1.2rem;
  }
}

.qs__description__content.no-margin {
  margin-bottom: 0;
}

.qs__description__content.no-margin:last-child {
  margin-bottom: .8rem;
}

.qs__description__content.top-margin {
  margin-top: 1rem;
}

.qs__description__image {
  width: 100%;
  margin-bottom: 2rem;
}

@media (max-width: 1279px) {
  .qs__description__image {
    height: 36rem;
  }
}

.qs__description__image img {
  -o-object-fit: contain;
  object-fit: contain;
  width: auto;
  max-width: 100%;
  height: 100%;
}

@media (min-width: 1280px) {
  .qs__description__image {
    padding-inline-start: 1rem;
  }
}

.qs__description__image.formula {
  width: unset;
  margin: 1.5rem .5rem;
}

.sell_conditions__take_profit, .sell_conditions__tick_count {
  margin-bottom: .8rem;
}

.dc-dropdown-list {
  z-index: 1;
  transform-origin: top;
  cursor: pointer;
  background-color: var(--state-normal);
  border-radius: 4px;
  margin-top: 4px;
  transition: transform .25s, opacity .25s linear;
  position: absolute;
  transform: scale(1, 0);
  box-shadow: 0 4px 6px #0000003d;
}

.dc-dropdown-list--enter, .dc-dropdown-list--exit {
  opacity: 0;
  transform: scale(1, 0);
}

.dc-dropdown-list--enter-done {
  opacity: 1;
  transform: scale(1);
}

.dc-dropdown-list__group-header {
  color: var(--brand-red-coral);
  justify-content: center;
  align-items: center;
  height: 3.6rem;
  padding: .6rem;
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
}

.dc-dropdown-list__item {
  min-height: 40px;
  color: var(--text-general);
  align-items: center;
  padding: 1rem 1.6rem;
  font-size: 1.4rem;
  display: flex;
}

.dc-dropdown-list__item:hover {
  background-color: var(--state-hover);
}

.dc-dropdown-list__item--active {
  background-color: var(--state-active);
}

.dc-dropdown-list__item-icon {
  margin-right: 8px;
}

.dc-dropdown-list__item--disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
}

.dc-dropdown-list__separator {
  border-bottom: 1px solid var(--border-normal);
  width: calc(100% - 3.2rem);
  margin: 1.6rem;
  display: flex;
}

.dc-field {
  font-size: var(--text-size-xxs);
  line-height: 1.25;
  position: absolute;
  top: 4.1rem;
  text-align: left !important;
}

.dc-field--error {
  color: var(--text-loss-danger);
  text-transform: none;
  text-align: start;
  padding-left: 1.1rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
}

.dc-field--warn {
  color: #999;
  text-transform: none;
  text-align: start;
  padding-top: .4rem;
  padding-left: 1.2rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.25;
}

.dc-input__footer .dc-field {
  top: unset;
  position: relative;
}

:root {
  --brand-secondary: #85acb0;
  --border-normal: #d6dadb;
  --gneral-main-1: #fff;
  --text-loss-danger: #ec3f3f;
}

.dc-input {
  flex-direction: column;
  width: 100%;
  margin-bottom: 3.2rem;
  line-height: 1.43;
  display: flex;
  position: relative;
}

.dc-input:hover:not(.dc-input--disabled) {
  border-color: var(--border-hover);
}

.dc-input:focus-within, .dc-input:focus-within:hover {
  border-color: var(--brand-secondary);
}

.dc-input--bottom-label-active {
  margin-bottom: unset;
}

.dc-input--bottom-label-active.dc-input--error {
  margin-bottom: calc(5rem - 12px);
}

.dc-input__bottom-label {
  margin-bottom: calc(3.2rem - 12px);
  margin-left: 1.2rem;
}

.dc-input--disabled {
  border-color: var(--border-normal);
}

.dc-input--disabled .dc-datepicker__display-text {
  color: var(--text-less-prominent);
}

@media (max-width: 992px) {
  .dc-input--error {
    margin-bottom: 5rem;
  }
}

.dc-input--error label {
  color: var(--brand-red-coral) !important;
}

.dc-input--error ::placeholder {
  color: var(--text-loss-danger) !important;
  opacity: 1 !important;
}

.dc-input__container {
  border: 1px solid var(--border-normal);
  border-radius: 4px;
  align-items: center;
  height: 4rem;
  padding: .5rem 1.2rem;
  display: flex;
}

.dc-input__container:hover:not(.dc-input--disabled) {
  border-color: var(--general-disabled);
}

.dc-input__container:focus-within, .dc-input__container:focus-within:hover {
  border-color: var(--brand-secondary);
}

.dc-input__container--error {
  border-color: var(--brand-red-coral) !important;
}

.dc-input__container--disabled {
  border-color: var(--general-disabled);
}

.dc-input__field {
  color: var(--text-prominent);
  font-size: var(--text-size-xs);
  background: none;
  width: 100%;
  min-width: 0;
  height: 100%;
}

.dc-input__field::placeholder {
  opacity: 0;
  line-height: 1.5;
  transition: opacity .25s;
}

@document url-prefix("") {
  . dc-input__field::-moz-placeholder{line-height:1.25} . dc-input__field::placeholder{line-height:1.25}
}

.dc-input__field--placeholder-visible::placeholder {
  opacity: .4;
}

.dc-input__field:focus, .dc-input__field:not(:-webkit-any(:focus, [value=""])) {
  outline: none;
}

.dc-input__field:focus, .dc-input__field:not(:-moz-any(:focus, [value=""])) {
  outline: none;
}

.dc-input__field:focus, .dc-input__field:not(:is(:focus, [value=""])) {
  outline: none;
}

.dc-input__field:focus ~ label, .dc-input__field:not(:-webkit-any(:focus, [value=""])) ~ label {
  padding: 0 4px;
  transform: translate(0, -1.8rem)scale(.75);
}

.dc-input__field:focus ~ label, .dc-input__field:not(:-moz-any(:focus, [value=""])) ~ label {
  padding: 0 4px;
  transform: translate(0, -1.8rem)scale(.75);
}

.dc-input__field:focus ~ label, .dc-input__field:not(:is(:focus, [value=""])) ~ label {
  padding: 0 4px;
  transform: translate(0, -1.8rem)scale(.75);
}

.dc-input__field:disabled {
  color: var(--text-less-prominent);
  opacity: 1;
}

@supports ((-webkit-appearance: none)) {
  .dc-input__field:disabled {
    --input-disabled-color: var(--text-less-prominent);
    color: var(--input-disabled-color);
    -webkit-text-fill-color: var(--input-disabled-color);
  }
}

.dc-input__field:disabled ~ label {
  color: var(--text-less-prominent) !important;
}

.dc-input__field:disabled ~ svg .color1-fill {
  fill: var(--text-less-prominent);
}

.dc-input__field:focus {
  outline: none;
}

.dc-input__field:focus ~ label {
  color: var(--brand-secondary);
}

.dc-input__field:focus::placeholder {
  opacity: .4;
}

.dc-input__field:not(:-webkit-any(.dc-input--no-placeholder, :focus, [value=""])) ~ label {
  color: var(--text-general);
}

.dc-input__field:not(:-moz-any(.dc-input--no-placeholder, :focus, [value=""])) ~ label {
  color: var(--text-general);
}

.dc-input__field:not(:is(.dc-input--no-placeholder, :focus, [value=""])) ~ label {
  color: var(--text-general);
}

.dc-input__field[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.dc-input__field[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.dc-input__field[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.dc-input__field[type="textarea"] {
  resize: none;
  border: none;
  height: 9.6rem;
}

.dc-input__field[type="textarea"] ~ .dc-field--error {
  top: 10rem;
}

.dc-input__field:-webkit-autofill {
  border-radius: 4px;
  box-shadow: 0 0 0 30px var(--fill-normal) inset !important;
  -webkit-text-fill-color: var(--text-prominent) !important;
}

.dc-input__field:-webkit-autofill:hover {
  box-shadow: 0 0 0 30px var(--fill-normal) inset !important;
}

.dc-input__field:-webkit-autofill:focus {
  box-shadow: 0 0 0 30px var(--fill-normal) inset !important;
}

.dc-input__field:-webkit-autofill:active {
  box-shadow: 0 0 0 30px var(--fill-normal) inset !important;
}

.dc-input__field::-ms-reveal {
  display: none;
}

.dc-input__textarea:not(:-webkit-any(.dc-input--no-placeholder, :focus)):empty ~ label {
  color: var(--text-less-prominent);
  padding: 0 4px;
  transform: none;
}

.dc-input__textarea:not(:-moz-any(.dc-input--no-placeholder, :focus)):empty ~ label {
  color: var(--text-less-prominent);
  padding: 0 4px;
  transform: none;
}

.dc-input__textarea:not(:is(.dc-input--no-placeholder, :focus)):empty ~ label {
  color: var(--text-less-prominent);
  padding: 0 4px;
  transform: none;
}

.dc-input__leading-icon {
  top: 1rem;
  pointer-events: none;
  cursor: text;
  font-size: var(--text-size-xs);
  margin-inline-start: 1rem;
  position: absolute;
}

.dc-input__leading-icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.dc-input__leading-icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.dc-input__leading-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.dc-input__leading-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.dc-input__leading-icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.dc-input__leading-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.dc-input__leading-icon.symbols {
  top: .9rem;
}

.dc-input__leading-icon.symbols + .dc-input__field {
  padding-inline-start: 4rem;
}

.dc-input__leading-icon.symbols--usdc + .dc-input__field, .dc-input__leading-icon.symbols--ust + .dc-input__field {
  padding-inline-start: 4.8rem;
}

.dc-input__trailing-icon {
  font-size: var(--text-size-xs);
}

.dc-input__trailing-icon.symbols {
  top: .9rem;
}

.dc-input__trailing-icon.symbols + .dc-input__field {
  padding-right: 4rem;
}

.dc-input__trailing-icon.symbols--usd {
  position: absolute;
  top: 1rem;
  right: 1.1rem;
}

.dc-input__trailing-icon.symbols--usdc + .dc-input__field, .dc-input__trailing-icon.symbols--ust + .dc-input__field {
  padding-right: 4.8rem;
}

.dc-input__label {
  white-space: nowrap;
  color: var(--text-less-prominent);
  font-size: var(--text-size-xs);
  background-color: var(--general-main-2);
  pointer-events: none;
  transform-origin: 0 0;
  text-overflow: ellipsis;
  max-width: calc(100% - 1.4rem);
  transition: all .25s;
  position: absolute;
  top: 1.1rem;
  left: 1.1rem;
  overflow: hidden;
}

.dc-input:not(.dc-input--no-placeholder) .dc-input:not(.dc-input--no-placeholder) __label {
  color: var(--text-general);
  transition: all .25s;
  transform: translateZ(0);
}

.dc-input__hint {
  margin: .1rem 0 -1.9rem 1.3rem;
}

.dc-input__hint--relative {
  top: unset;
  margin-left: 1.2rem;
  position: relative;
}

.dc-input__counter {
  color: var(--text-less-prominent);
  margin-left: 1.2rem;
  font-size: 1.2rem;
}

.dc-input--no-placeholder label {
  color: var(--text-prominent);
  background-color: var(--fill-normal);
  padding: 0 4px;
  transform: translate(0, -1.8rem)scale(.75);
}

.dc-input__footer {
  flex-direction: row;
  margin-bottom: -1.6rem;
  display: flex;
}

.dc-input__footer > :not(.dc-input__counter) {
  margin-right: 1.2rem;
}

.dc-input__footer > .dc-input__counter {
  margin-left: auto;
}

.dc-input__wrapper {
  margin-bottom: 1.6rem;
}

.dc-input__input-group {
  border-right-style: none;
  border-radius: 4px 0 0 4px;
}

.dc-autocomplete {
  width: 100%;
  position: relative;
}

.dc-autocomplete__trailing-icon {
  pointer-events: none;
  cursor: text;
  transform-origin: 50% 45%;
  fill: var(--text-general);
  margin-inline-end: 1.1rem;
  transition: transform .2s;
  position: absolute;
  transform: rotate(0);
}

.dc-autocomplete__trailing-icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.dc-autocomplete__trailing-icon:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.dc-autocomplete__trailing-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.dc-autocomplete__trailing-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.dc-autocomplete__trailing-icon:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.dc-autocomplete__trailing-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.dc-autocomplete__trailing-icon--opened {
  transform: rotate(-180deg);
}

.dc-autocomplete__trailing-icon--disabled {
  --fill-color1: var(--text-less-prominent) !important;
}

.dc-autocomplete__trailing-icon .color1-fill {
  fill: var(--text-less-prominent);
}

.dc-autocomplete .dc-input {
  margin-bottom: 0;
}

.dc-autocomplete .dc-input--error .dc-autocomplete__trailing-icon .color1-fill {
  fill: var(--text-loss-danger);
}

.dc-autocomplete .dc-input__field {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dc-autocomplete .dc-dropdown-list {
  box-shadow: 0 8px 16px 0 var(--shadow-menu);
  background: var(--general-main-2);
}

.dc-autocomplete:focus, .dc-autocomplete:focus-within, .dc-autocomplete:active {
  outline: 0;
}

.dc-autocomplete:focus .dc-input:not(.dc-input--error) .dc-autocomplete__trailing-icon .color1-fill, .dc-autocomplete:focus-within .dc-input:not(.dc-input--error) .dc-autocomplete__trailing-icon .color1-fill, .dc-autocomplete:active .dc-input:not(.dc-input--error) .dc-autocomplete__trailing-icon .color1-fill {
  fill: var(--brand-secondary);
}

.dc-toggle-switch {
  visibility: hidden;
  width: 0;
  height: 0;
}

.dc-toggle-switch__label {
  cursor: pointer;
  background: var(--general-disabled);
  border-radius: 4.9rem;
  align-items: center;
  width: 4.9rem;
  height: 2.52rem;
  margin-left: auto;
  margin-right: 1.6rem;
  padding-left: .4rem;
  transition: background-color .25s;
  display: flex;
}

.dc-toggle-switch__button {
  background: var(--text-colored-background);
  border-radius: 1.9rem;
  width: 1.9rem;
  height: 1.9rem;
  transition: transform .25s;
}

.dc-toggle-switch:checked + .dc-toggle-switch__label {
  background: var(--text-profit-success);
}

.dc-toggle-switch:checked + .dc-toggle-switch__label .dc-toggle-switch__button {
  transform: translateX(2.25rem);
}

[dir="rtl"] .dc-toggle-switch:checked + .dc-toggle-switch__label .dc-toggle-switch__button {
  transform: translateX(-.2rem);
}

[dir="rtl"] .dc-toggle-switch__label {
  flex-direction: row-reverse;
}

.all-analysis {
  color: #fff;
  text-align: center;
  background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
  border-radius: 20px;
  width: 100%;
  max-width: 980px;
  min-height: 60vh;
  margin: 0 auto;
  padding: 2rem;
  font-family: Poppins, sans-serif;
  position: relative;
  overflow: visible;
  box-shadow: 0 20px 40px #0000004d;
}

.all-analysis .all-analysis-container {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.all-analysis .all-analysis-container h2 {
  color: #00f7ff;
  margin-top: 20px;
  margin-bottom: 1.5rem;
  font-size: 26px;
}

.all-analysis .all-analysis-container table {
  border-collapse: collapse;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #ffffff0d;
  border-radius: 12px;
  width: 100%;
  margin: 20px auto 2rem;
  overflow: hidden;
  box-shadow: 0 0 12px #00000040;
}

.all-analysis .all-analysis-container table th, .all-analysis .all-analysis-container table td {
  text-align: center;
  color: #fff;
  border: 1px solid #ffffff14;
  padding: 10px;
  font-size: 14px;
}

.all-analysis .all-analysis-container table th {
  color: #9f87ff;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #0000004d;
  font-weight: 600;
}

.all-analysis .all-analysis-container table .signal-box {
  border-radius: 4px;
  min-width: 70px;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
}

.all-analysis .all-analysis-container table .rise, .all-analysis .all-analysis-container table .fall, .all-analysis .all-analysis-container table .over {
  color: #000;
  background: linear-gradient(135deg, #9f87ff, #00f7ff);
}

.all-analysis .all-analysis-container table .under {
  color: #000;
  background: linear-gradient(135deg, #00f7ff, #9f87ff);
}

.all-analysis .all-analysis-container table .neutral {
  color: #000;
  background-color: #ffb2b2;
}

.tick-analyser {
  background: var(--general-main-1);
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
}

.tick-analyser__header {
  border-bottom: 1px solid var(--border-normal);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  display: flex;
}

@media (max-width: 1279px) {
  .tick-analyser__header {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }
}

.tick-analyser__tabs {
  gap: .5rem;
  display: flex;
}

.tick-analyser__tab {
  border: 1px solid var(--border-normal);
  background-color: var(--general-main-1);
  color: var(--text-general);
  cursor: pointer;
  border-radius: .4rem;
  padding: .75rem 1.5rem;
  font-size: 1.4rem;
  font-weight: 500;
  transition: all .2s;
}

.tick-analyser__tab:hover {
  background-color: var(--fill-hover);
}

.tick-analyser__tab.active {
  background-color: var(--brand-red-coral);
  color: var(--text-colored-background);
  border-color: var(--brand-red-coral);
}

.tick-analyser__controls {
  align-items: center;
  gap: 1rem;
  display: flex;
}

.tick-analyser__market-select {
  border: 1px solid var(--border-normal);
  background-color: var(--general-main-1);
  color: var(--text-general);
  cursor: pointer;
  border-radius: .4rem;
  min-width: 200px;
  padding: .8rem 1.2rem;
  font-size: 1.4rem;
}

.tick-analyser__market-select:focus {
  border-color: var(--brand-red-coral);
  outline: none;
}

.tick-analyser__content {
  flex: 1;
  overflow: hidden auto;
}

.tick-analyser__loading {
  height: 200px;
  color: var(--text-general);
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  display: flex;
}

.tick-analyser__summary {
  flex-direction: column;
  gap: 2rem;
  display: flex;
}

.tick-analyser__current-tick {
  background-color: var(--fill-normal);
  border-radius: .8rem;
  padding: 1.6rem;
}

.tick-analyser__price-display, .tick-analyser__price-info {
  align-items: center;
  gap: .8rem;
  display: flex;
}

.tick-analyser__current-price {
  color: var(--text-prominent);
  font-size: 1.6rem;
  font-weight: 700;
}

.tick-analyser__last-digit {
  text-align: center;
  border-radius: .3rem;
  min-width: 32px;
  padding: .4rem .6rem;
  font-size: 1.8rem;
  font-weight: 700;
}

.tick-analyser__last-digit.even {
  background-color: var(--status-success);
  color: var(--text-colored-background);
}

.tick-analyser__last-digit.odd {
  background-color: var(--status-danger);
  color: var(--text-colored-background);
}

.tick-analyser__price-arrow {
  font-size: 1.8rem;
  font-weight: 700;
}

.tick-analyser__price-arrow.rise {
  color: var(--status-success);
}

.tick-analyser__price-arrow.fall {
  color: var(--status-danger);
}

.tick-analyser__summary-stats {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.2rem;
  display: grid;
}

.tick-analyser__stat {
  background-color: var(--general-main-1);
  border: 1px solid var(--border-normal);
  border-radius: .4rem;
  flex-direction: column;
  gap: .4rem;
  padding: 1.2rem;
  display: flex;
}

.tick-analyser__stat-label {
  color: var(--text-general);
  font-size: 1.2rem;
  font-weight: 600;
}

.tick-analyser__stat-value {
  color: var(--text-prominent);
  font-size: 2rem;
  font-weight: 700;
}

.tick-analyser__stat-value--positive {
  color: var(--text-profit-success);
}

.tick-analyser__stat-value--negative {
  color: var(--text-loss-danger);
}

.tick-analyser__stat-count {
  color: var(--text-general);
  font-size: 1.2rem;
}

.tick-analyser__pattern-summary {
  background-color: var(--fill-normal);
  border-radius: .8rem;
  padding: 1.6rem;
}

.tick-analyser__section-title {
  color: var(--text-prominent);
  margin-bottom: 1.2rem;
  font-size: 1.6rem;
  font-weight: 700;
}

.tick-analyser__pattern-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
  display: grid;
}

.tick-analyser__pattern-card {
  background-color: var(--general-main-1);
  border: 1px solid var(--border-normal);
  text-align: center;
  border-radius: .4rem;
  padding: 1rem;
}

.tick-analyser__pattern-name {
  color: var(--text-prominent);
  margin-bottom: .5rem;
  font-size: 1.4rem;
  font-weight: 700;
}

.tick-analyser__pattern-count {
  color: var(--text-general);
  font-size: 1.2rem;
}

.tick-analyser__pattern-percentage {
  color: var(--text-general);
  margin-top: .3rem;
  font-size: 1rem;
}

.tick-analyser__detailed {
  flex-direction: column;
  gap: 2rem;
  display: flex;
}

.tick-analyser .detailed-controls {
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
  display: flex;
}

@media (max-width: 1279px) {
  .tick-analyser .detailed-controls {
    flex-direction: column;
    align-items: center;
  }
}

.tick-analyser .control-group {
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.tick-analyser .control-group label {
  color: var(--text-prominent);
  font-size: 1.2rem;
  font-weight: 700;
}

.tick-analyser .control-group select, .tick-analyser .control-group input[type="number"] {
  color: var(--text-general);
  background: var(--general-main-1);
  border: 1px solid var(--border-normal);
  border-radius: 4px;
  min-width: 150px;
  padding: 8px 12px;
  font-size: 1.4rem;
}

.tick-analyser .control-group select:focus, .tick-analyser .control-group input[type="number"]:focus {
  border-color: var(--brand-red-coral);
  outline: none;
}

.tick-analyser .control-group input[type="number"] {
  width: 120px;
}

.tick-analyser .market-info {
  background-color: var(--fill-normal);
  border-radius: 8px;
  justify-content: center;
  gap: 30px;
  padding: 15px;
  display: flex;
}

@media (max-width: 1279px) {
  .tick-analyser .market-info {
    flex-direction: column;
    gap: 10px;
  }
}

.tick-analyser .current-price, .tick-analyser .tick-count {
  color: var(--text-prominent);
  font-size: 1.6rem;
  font-weight: 700;
}

.tick-analyser .analysis-sections {
  grid-template-columns: 1fr;
  gap: 20px;
  display: grid;
}

.tick-analyser .analysis-section {
  background-color: var(--fill-normal);
  border: 1px solid var(--border-normal);
  border-radius: 8px;
  padding: 20px;
}

.tick-analyser .analysis-section h3 {
  color: var(--text-prominent);
  text-align: center;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 1.6rem;
  font-weight: 700;
}

.tick-analyser .percentage-display {
  justify-content: space-between;
  margin-bottom: 15px;
  font-weight: 700;
  display: flex;
}

@media (max-width: 1279px) {
  .tick-analyser .percentage-display {
    flex-direction: column;
    gap: 10px;
  }
}

.tick-analyser .percentage-item {
  text-align: center;
  color: var(--text-general);
  font-size: 1.4rem;
}

.tick-analyser .bar-chart {
  gap: 10px;
  margin-bottom: 15px;
  display: flex;
}

.tick-analyser .bar-container {
  background: var(--general-section-1);
  border-radius: 4px;
  flex: 1;
  height: 40px;
  margin-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.tick-analyser .bar {
  color: var(--text-colored-background);
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 1.4rem;
  font-weight: 700;
  transition: width .3s;
  display: flex;
}

.tick-analyser .count-display {
  color: var(--text-general);
  justify-content: space-between;
  font-size: 1.2rem;
  font-weight: 700;
  display: flex;
}

@media (max-width: 1279px) {
  .tick-analyser .count-display {
    flex-direction: column;
    gap: 10px;
  }
}

.tick-analyser .last-ticks-display {
  color: var(--text-general);
  text-align: center;
  background-color: var(--fill-normal);
  border-radius: 8px;
  padding: 10px;
}

.tick-analyser .last-ticks-pattern {
  letter-spacing: 2px;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  font-size: 1.8rem;
  display: flex;
}

.tick-analyser__digit {
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 1.4rem;
  font-weight: 700;
  display: inline-block;
}

.tick-analyser__digit.even {
  color: var(--status-success);
  background-color: #4caf5033;
}

.tick-analyser__digit.odd {
  color: var(--status-danger);
  background-color: #f4433633;
}

.tick-analyser__pattern-list {
  flex-direction: column;
  gap: .8rem;
  max-height: 400px;
  display: flex;
  overflow-y: auto;
}

.tick-analyser__pattern-item {
  background-color: var(--general-main-1);
  border: 1px solid var(--border-normal);
  border-radius: .4rem;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .8rem;
  display: flex;
}

.tick-analyser__pattern-item .tick-analyser__pattern-name {
  color: var(--text-prominent);
  font-size: 1.4rem;
  font-weight: 700;
}

.tick-analyser__pattern-item .tick-analyser__pattern-count, .tick-analyser__pattern-item .tick-analyser__pattern-percentage {
  color: var(--text-general);
  font-size: 1.2rem;
}

.tick-selector-v2 {
  flex-direction: column;
  gap: .5rem;
  min-width: 140px;
  display: flex;
}

.tick-selector-v2__label {
  color: #ffffff80;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .75rem;
  font-weight: 600;
}

.tick-selector-v2__control {
  position: relative;
}

.tick-selector-v2__select, .tick-selector-v2__input {
  color: #fff;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  outline: none;
  width: 100%;
  height: 40px;
  padding: 0 1rem;
  font-size: .9rem;
  font-weight: 500;
  transition: all .2s;
}

.tick-selector-v2__select:hover, .tick-selector-v2__input:hover {
  background: #ffffff14;
  border-color: #6366f180;
}

.tick-selector-v2__select:focus, .tick-selector-v2__input:focus {
  background: #ffffff1a;
  border-color: #6366f1;
  box-shadow: 0 0 0 2px #6366f133;
}

.tick-selector-v2__select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27white%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E");
  background-position: right .75rem center;
  background-repeat: no-repeat;
  padding-right: 2.5rem;
}

.tick-selector-v2__select option {
  color: #fff;
  background: #1e293b;
}

.tick-selector-v2__custom-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.tick-selector-v2__input {
  padding-right: 2.5rem;
}

.tick-selector-v2__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.tick-selector-v2__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.tick-selector-v2__close-btn {
  color: #fff6;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  font-size: .8rem;
  display: flex;
  position: absolute;
  right: .75rem;
}

.tick-selector-v2__close-btn:hover {
  color: #fff;
  background: #ffffff1a;
}

.digits {
  align-items: center;
  width: max-content;
  margin: 0 auto;
  display: flex;
  position: relative;
}

.digits__container {
  position: relative;
}

@media only screen and (max-height: 520px) {
  .digits__container {
    transform-origin: bottom;
    transform: scale(.85);
    padding: 0 .8rem !important;
  }
}

@media only screen and (max-height: 480px) {
  .digits__container {
    transform: scale(.75);
  }
}

.digits__tooltip-container {
  z-index: 2;
  position: absolute;
  top: -10px;
  right: 10px;
}

.digits__digit {
  pointer-events: none;
  text-align: center;
  margin: 0 .6em;
  transition: transform .25s linear;
  position: relative;
}

.digits__digit--latest {
  z-index: 1;
  transform: scale(1.2);
}

.digits__digit--latest .digits__digit-spot {
  font-size: .9em;
}

.digits__digit--win {
  z-index: 1;
  transform: scale(1.25);
}

.digits__digit--win .digits__pie-container:before {
  box-shadow: 0px 1px 18px var(--text-profit-success);
}

.digits__digit--loss {
  z-index: 1;
  transform: scale(1.25);
}

.digits__digit--loss .digits__pie-container:before {
  box-shadow: 0px 1px 18px var(--text-loss-danger);
  border: 3px solid var(--text-loss-danger);
  top: -2px;
  left: -2px;
}

@media (max-width: 600px) {
  .digits__digit--loss .digits__pie-container:before {
    top: -1px;
    left: -3px;
  }
}

.digits__digit--is-selected .digits__digit-display-value, .digits__digit--is-selected .digits__digit-display-percentage {
  color: #fff;
}

.digits__digit--is-selected .progress__bg {
  fill: #2a3052;
}

.digits__digit--is-selectable {
  pointer-events: auto;
}

.digits__digit--is-selectable:focus .digits__digit-display-value, .digits__digit--is-selectable:focus .digits__digit-display-percentage, .digits__digit--is-selectable:active .digits__digit-display-value, .digits__digit--is-selectable:active .digits__digit-display-percentage, .digits__digit--is-selectable:hover .digits__digit-display-value, .digits__digit--is-selectable:hover .digits__digit-display-percentage {
  color: #fff;
}

.digits__digit--is-selectable:focus .progress__bg, .digits__digit--is-selectable:active .progress__bg, .digits__digit--is-selectable:hover .progress__bg {
  fill: #2a3052;
}

.digits__digit-display-value {
  color: var(--text-prominent);
  transition: transform .25s linear;
  position: absolute;
  top: 4px;
  transform: scale(.9);
}

.digits__digit-display-value--no-stats {
  transform: scale(1)translateY(5px);
}

@media (min-width: 320px) and (max-width: 767px) {
  .digits__digit-display-value {
    font-size: 1.4rem;
    line-height: 1.43;
    top: 10px;
    transform: none;
  }

  .digits__digit-display-value--no-stats {
    top: 15px;
  }
}

.digits__digit-display-percentage {
  color: var(--text-general);
  font-size: .65em;
  font-weight: 400;
  position: absolute;
  top: 20px;
}

@media (min-width: 320px) and (max-width: 767px) {
  .digits__digit-display-percentage {
    font-size: 1rem;
    line-height: 1.4;
    top: 25px;
    transform: none;
  }
}

.digits__digit-value {
  background-color: var(--general-main-1);
  width: 40px;
  height: 40px;
  color: var(--text-prominent);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-bottom: .5em;
  font-size: 1.4rem;
  font-weight: bold;
  transition: background-color .2s ease-out, transform .1s ease-out;
  display: flex;
}

.digits__digit-value--selected {
  background-color: var(--general-main-2);
}

.digits__digit-value--win {
  background-color: var(--text-profit-success);
  color: var(--text-prominent);
}

.digits__digit-value--win .digits__digit-display-value, .digits__digit-value--win .digits__digit-display-percentage {
  color: #fff;
}

.digits__digit-value--blink {
  animation-name: blinking;
  animation-duration: .5s;
  animation-timing-function: step-end;
  animation-iteration-count: 4;
}

.digits__digit-value--loss {
  background-color: var(--text-loss-danger);
  color: var(--text-prominent);
  border: none !important;
}

.digits__digit-value--loss .digits__digit-display-value, .digits__digit-value--loss .digits__digit-display-percentage {
  color: #fff;
}

@media (min-width: 320px) and (max-width: 767px) {
  .digits__digit-value {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    font-size: 1.2rem;
  }
}

.digits__digit-spot {
  white-space: nowrap;
  width: auto;
  position: absolute;
  top: -25px;
  left: -50%;
  right: -50%;
}

.digits__digit-spot-value {
  display: inline-block;
  transform: scale(.95);
}

.digits__digit-spot-last {
  color: var(--text-prominent);
  background: var(--general-main-2);
  border: 1px solid #377cfc;
  border-radius: 50%;
  margin-left: 1px;
  padding: 0 4px;
  font-size: 1.2rem;
  font-weight: bold;
}

.digits__digit-spot-last--selected-win {
  color: var(--text-profit-success);
}

.digits__digit-spot-last--win {
  color: var(--text-colored-background);
  border-color: var(--text-profit-success);
  background: var(--text-profit-success);
}

.digits__digit-spot-last--loss {
  color: var(--text-colored-background);
  border-color: var(--text-loss-danger);
  background: var(--text-loss-danger);
}

@media (min-width: 320px) and (max-width: 767px) {
  .digits__digit-spot {
    pointer-events: none;
    justify-content: center;
    margin-top: 6rem;
    display: flex;
    top: 1.6rem;
    left: 0;
    right: 0;
  }

  .digits__digit-spot-value, .digits__digit-spot-last {
    font-size: 2rem;
  }

  .digits__digit-spot-last {
    padding: 0 8px;
  }

  .digits__digit-spot:not(.digits__digit-spot--is-trading) {
    position: relative;
    top: .8rem;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) and (max-height: 580px) {
  .digits__digit-spot--is-trading-value, .digits__digit-spot--is-trading-last {
    font-size: 1.4rem;
  }

  .digits__digit-spot--is-trading-last {
    padding: 0 7px;
  }

  .digits__digit-spot {
    position: relative;
  }

  .digits__digit-spot:not(.digits__digit-spot--is-trading) {
    top: 1.4rem;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) and (max-height: 520px) {
  .digits__digit-spot {
    margin-top: 1.6rem;
    position: relative;
    top: 0;
  }

  .digits__digit-spot--is-trading {
    margin-top: auto;
  }
}

.digits__pie-container {
  position: absolute;
  top: -1px;
  left: -1px;
}

.digits__pie-container:before {
  content: "";
  border-radius: 50%;
  width: 46px;
  height: 46px;
  position: absolute;
  top: 1px;
  left: 1px;
}

@media (max-width: 600px) {
  .digits__pie-container:before {
    width: 48px;
    height: 48px;
    top: -4px;
    left: -2px;
  }
}

.digits__pie-container--selected:before {
  border: 2px solid var(--text-profit-success);
  width: 46px;
  height: 46px;
  top: -2px;
  left: -2px;
}

@media (max-width: 600px) {
  .digits__pie-container--selected:before {
    width: 48px;
    height: 48px;
    top: 0;
    left: -2px;
  }
}

.digits__pie-progress {
  width: 42px;
  height: 42px;
  transform: rotate(-90deg);
}

.digits__pie-progress .progress__bg {
  stroke: var(--general-disabled);
}

.digits__pie-progress .progress__value {
  stroke: var(--text-less-prominent);
}

.digits__pie-progress .progress__value--is-max {
  stroke: var(--text-profit-success);
}

.digits__pie-progress .progress__value--is-min {
  stroke: var(--text-loss-danger);
}

@media (max-width: 600px) {
  .digits__pie-progress {
    width: 48px;
    height: 48px;
    margin-top: .2rem;
  }
}

.digits__pointer {
  padding: 0 12px;
  transition: transform .25s;
  position: absolute;
  bottom: -12px;
}

@media (max-width: 600px) {
  .digits__pointer {
    display: none;
  }
}

.digits__pointer--mobile, .digits__pointer--live {
  z-index: 10;
  justify-content: center;
  align-items: center;
  padding: 0;
  animation: 1.2s ease-in-out infinite livePointerBounce;
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  display: flex !important;
}

.digits__pointer--mobile .digits__icon, .digits__pointer--live .digits__icon {
  filter: drop-shadow(0 0 6px #f5c542cc);
}

.digits__pointer--mobile .digits__icon path, .digits__pointer--mobile .digits__icon .digits__icon-color, .digits__pointer--live .digits__icon path, .digits__pointer--live .digits__icon .digits__icon-color {
  fill: #f5c542 !important;
}

.digits__particles {
  opacity: 0;
  padding: 0 20px;
  position: absolute;
  top: 8px;
  transform: rotate(45deg);
}

.digits__particles-particle {
  background: var(--brand-secondary);
  opacity: .7;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  transition: transform .5s, opacity .5s linear .5s;
  display: block;
  position: absolute;
}

.digits__particles--explode {
  opacity: 1;
}

.digits__particles--explode .digits__particles-particle {
  opacity: 0;
}

.digits__particles--explode .digits__particles-particle:first-child {
  transform: translate(45px, 45px);
}

.digits__particles--explode .digits__particles-particle:nth-child(2) {
  transform: translate(45px);
}

.digits__particles--explode .digits__particles-particle:nth-child(3) {
  transform: translate(0, 45px);
}

.digits__particles--explode .digits__particles-particle:nth-child(4) {
  transform: translate(-45px, 45px);
}

.digits__particles--explode .digits__particles-particle:nth-child(5) {
  transform: translate(-45px, -45px);
}

.digits__particles--explode .digits__particles-particle:nth-child(6) {
  transform: translate(-45px);
}

.digits__particles--explode .digits__particles-particle:nth-child(7) {
  transform: translate(0, -45px);
}

.digits__particles--explode .digits__particles-particle:nth-child(8) {
  transform: translate(45px, -45px);
}

.digits__icon-color {
  fill: var(--brand-orange);
}

.digits__icon--win .digits__icon-color {
  fill: var(--text-profit-success);
}

.digits__icon--loss .digits__icon-color {
  fill: var(--text-loss-danger);
}

@media (max-width: 600px) {
  .digits {
    grid-gap: 1.8rem 1.2rem;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    width: 100%;
    margin: .5rem 0 1.6rem;
    display: grid;
  }

  .digits--trade {
    grid-gap: 1rem 1rem;
    transform-origin: center;
    margin: 0 auto;
    transform: scale(.9);
  }
}

@media only screen and (max-width: 600px) and (max-height: 580px) {
  .digits--trade {
    transform-origin: center;
    transform: scale(.8);
  }
}

@media only screen and (max-width: 600px) and (max-height: 480px) {
  .digits--trade {
    margin: 0 auto 1.6rem;
  }
}

@media (max-width: 600px) {
  .digits__container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: .8rem;
    display: flex;
  }

  .digits__tooltip-text {
    color: var(--text-general);
    text-align: center;
    font-size: 1.2rem;
    line-height: 18px;
  }

  .digits__digit {
    margin: auto;
  }

  .popup-root .digits__toast-info {
    top: 10.5rem;
  }
}

@keyframes blinking {
  50% {
    background-color: var(--general-main-1);
    color: var(--text-general);
  }
}

@keyframes livePointerBounce {
  0%, 100% {
    transform: translateX(-50%)translateY(0);
  }

  50% {
    transform: translateX(-50%)translateY(-4px);
  }
}

.market-selector {
  display: inline-block;
}

.market-selector__select {
  color: #f8fafc;
  cursor: pointer;
  background: #0f172ad9;
  border: 1px solid #ffffff26;
  border-radius: 8px;
  outline: none;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  transition: all .2s;
}

.market-selector__select:hover, .market-selector__select:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 10px #3b82f64d;
}

.market-selector__select option, .market-selector__select optgroup {
  color: #f8fafc;
  background: #0f172a;
}

.advanced-ou-analyzer {
  flex-direction: column;
  gap: 24px;
  width: 100%;
  display: flex;
}

.advanced-ou-analyzer .analyzer-power-card {
  background: #1e143c66;
  border: 1px solid #8b5cf633;
  border-radius: 16px;
  padding: 24px;
  position: relative;
  overflow: hidden;
}

.advanced-ou-analyzer .analyzer-power-card:before {
  content: "";
  background: linear-gradient(90deg, #0000, #8b5cf6, #0000);
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
}

.advanced-ou-analyzer .analyzer-power-card .power-card__header {
  color: #8b5cf6;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 0 0 10px #8b5cf64d;
  margin-bottom: 24px;
  font-size: 14px;
  font-weight: 800;
}

.advanced-ou-analyzer .analyzer-power-card .power-card__metrics {
  background: #0003;
  border-radius: 12px;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 24px;
  padding: 16px;
  display: grid;
}

.advanced-ou-analyzer .analyzer-power-card .power-card__metrics .metric-item {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.advanced-ou-analyzer .analyzer-power-card .power-card__metrics .metric-item .l {
  color: #fff6;
  font-size: 1.2rem;
  font-weight: 600;
}

.advanced-ou-analyzer .analyzer-power-card .power-card__metrics .metric-item .l .sub {
  opacity: .6;
  font-size: 1.1rem;
}

.advanced-ou-analyzer .analyzer-power-card .power-card__metrics .metric-item .v {
  color: #00c6ff;
  font-size: 24px;
  font-weight: 800;
}

.advanced-ou-analyzer .analyzer-power-card .power-card__metrics .metric-item .sub-v {
  color: #ffffff4d;
  font-size: 1.2rem;
  font-weight: 600;
}

.advanced-ou-analyzer .analyzer-power-card .power-card__confidence .confidence-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.advanced-ou-analyzer .analyzer-power-card .power-card__confidence .confidence-header .l {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 800;
}

.advanced-ou-analyzer .analyzer-power-card .power-card__confidence .confidence-header .confidence-tag {
  text-transform: uppercase;
  color: #000;
  background: #f59e0b;
  border-radius: 20px;
  padding: 4px 12px;
  font-size: 1.2rem;
  font-weight: 900;
  box-shadow: 0 0 10px #f59e0b66;
}

.advanced-ou-analyzer .analyzer-power-card .power-card__confidence .confidence-header .confidence-tag.low {
  color: #fff;
  background: #ef4444;
}

.advanced-ou-analyzer .analyzer-power-card .power-card__confidence .confidence-header .confidence-tag.moderate {
  color: #000;
  background: #f59e0b;
}

.advanced-ou-analyzer .analyzer-power-card .power-card__confidence .confidence-header .confidence-tag.high {
  color: #fff;
  background: #10b981;
}

.advanced-ou-analyzer .analyzer-power-card .power-card__confidence .confidence-header .confidence-tag.extreme {
  color: #fff;
  background: #8b5cf6;
  box-shadow: 0 0 15px #8b5cf699;
}

.advanced-ou-analyzer .analyzer-power-card .power-card__confidence .confidence-track {
  background: #0006;
  border: 1px solid #ffffff0d;
  border-radius: 4px;
  height: 8px;
  margin-bottom: 12px;
  overflow: hidden;
}

.advanced-ou-analyzer .analyzer-power-card .power-card__confidence .confidence-track .bar {
  background: linear-gradient(90deg, #f59e0b, #fbbf24);
  height: 100%;
  transition: width .5s cubic-bezier(.4, 0, .2, 1);
  box-shadow: 0 0 10px #f59e0b80;
}

.advanced-ou-analyzer .analyzer-power-card .power-card__confidence .confidence-value {
  color: #8b5cf6;
  text-align: center;
  font-size: 14px;
  font-weight: 800;
}

.advanced-ou-analyzer .analyzer-ou-bars {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.advanced-ou-analyzer .analyzer-ou-bars .ou-bar-item {
  grid-template-columns: 120px 1fr 60px;
  align-items: center;
  gap: 16px;
  display: grid;
}

.advanced-ou-analyzer .analyzer-ou-bars .ou-bar-item .l {
  color: #fff9;
  font-size: 12px;
  font-weight: 700;
}

.advanced-ou-analyzer .analyzer-ou-bars .ou-bar-item .track {
  background: #ffffff08;
  border: 1px solid #ffffff0d;
  border-radius: 12px;
  height: 24px;
  overflow: hidden;
}

.advanced-ou-analyzer .analyzer-ou-bars .ou-bar-item .track .bar {
  height: 100%;
  transition: width .5s;
}

.advanced-ou-analyzer .analyzer-ou-bars .ou-bar-item .track .bar.over {
  background: linear-gradient(90deg, #10b981, #38ef7d);
  box-shadow: 0 0 15px #10b9814d;
}

.advanced-ou-analyzer .analyzer-ou-bars .ou-bar-item .track .bar.under {
  background: linear-gradient(90deg, #3b82f6, #00c6ff);
  box-shadow: 0 0 15px #3b82f64d;
}

.advanced-ou-analyzer .analyzer-ou-bars .ou-bar-item .v {
  text-align: right;
  color: #fff;
  font-family: JetBrains Mono, monospace;
  font-size: 14px;
  font-weight: 800;
}

.advanced-ou-analyzer .analyzer-info-bar {
  text-align: center;
  color: #fca5a5;
  background: #7f1d1d33;
  border: 1px solid #ef44441a;
  border-radius: 8px;
  padding: 10px;
  font-size: 12px;
  font-weight: 700;
}

.advanced-ou-analyzer .analyzer-pattern-grid .grid-header {
  color: #fff6;
  text-align: center;
  margin-bottom: 16px;
  font-size: 1.2rem;
  font-weight: 700;
}

.advanced-ou-analyzer .analyzer-pattern-grid .grid-items {
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  display: flex;
}

.advanced-ou-analyzer .analyzer-pattern-grid .grid-items .grid-block {
  color: #fff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 28px;
  font-size: 13px;
  font-weight: 800;
  display: flex;
  box-shadow: 0 2px 4px #0003;
}

.advanced-ou-analyzer .analyzer-pattern-grid .grid-items .grid-block.over {
  background: #10b981;
}

.advanced-ou-analyzer .analyzer-pattern-grid .grid-items .grid-block.under {
  background: #ef4444;
}

.advanced-ou-analyzer .analyzer-pattern-grid .grid-items .grid-block.current {
  background: #f59e0b;
  animation: 2s infinite gridPulse;
  box-shadow: 0 0 10px #f59e0b99;
}

@keyframes gridPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

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

.even-odd-pattern {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 24px;
  display: flex;
}

.even-odd-pattern .pattern-title-group {
  flex-direction: column;
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.even-odd-pattern .pattern-title-group .pattern-title {
  color: #ffffffb3;
  letter-spacing: .5px;
  margin: 0;
  font-size: 24px;
  font-weight: 800;
}

.even-odd-pattern .pattern-title-group .pattern-title-underline {
  background: linear-gradient(90deg, #00c6ff, #0072ff);
  border-radius: 2px;
  width: 28px;
  height: 3px;
  margin-top: 8px;
}

.even-odd-pattern .signal-banner {
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 24px;
  padding: 12px 16px;
  animation: .3s ease-out slideIn;
  display: flex;
}

.even-odd-pattern .signal-banner.status-wait {
  background: #ff9f4326;
  border: 1px solid #ff9f434d;
}

.even-odd-pattern .signal-banner.status-wait .status-text {
  color: #ff9f43;
}

.even-odd-pattern .signal-banner.status-trade {
  background: #10b98126;
  border: 1px solid #10b9814d;
  box-shadow: 0 0 15px #10b98133;
}

.even-odd-pattern .signal-banner.status-trade .status-text {
  color: #10b981;
}

.even-odd-pattern .signal-banner .signal-main {
  align-items: center;
  gap: 12px;
  display: flex;
}

.even-odd-pattern .signal-banner .signal-main .status-icon {
  font-size: 18px;
}

.even-odd-pattern .signal-banner .signal-main .status-text {
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 1.4rem;
  font-weight: 800;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

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

.even-odd-pattern .pattern-progress-wrapper {
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  border-radius: 16px;
  width: 100%;
  margin-bottom: 32px;
  padding: 20px;
}

.even-odd-pattern .pattern-progress-wrapper .pattern-progress-bar {
  background: #ffffff0d;
  border-radius: 6px;
  height: 12px;
  margin-bottom: 12px;
  display: flex;
  overflow: hidden;
}

.even-odd-pattern .pattern-progress-wrapper .pattern-progress-bar .progress-fill {
  height: 100%;
  transition: width .3s ease-out;
}

.even-odd-pattern .pattern-progress-wrapper .pattern-progress-bar .progress-fill.even {
  background: linear-gradient(90deg, #38ef7d, #11998e);
}

.even-odd-pattern .pattern-progress-wrapper .pattern-progress-bar .progress-fill.odd {
  background: linear-gradient(90deg, #ff416c, #ef4444);
}

.even-odd-pattern .pattern-progress-wrapper .progress-labels {
  color: #fff6;
  letter-spacing: 1px;
  text-transform: uppercase;
  justify-content: space-between;
  font-size: 1.2rem;
  font-weight: 800;
  display: flex;
}

.even-odd-pattern .pattern-summary-cards {
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  width: 100%;
  margin-bottom: 32px;
  display: grid;
}

.even-odd-pattern .pattern-summary-cards .summary-card {
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 24px;
  transition: transform .2s;
  display: flex;
}

.even-odd-pattern .pattern-summary-cards .summary-card:hover {
  transform: translateY(-4px);
}

.even-odd-pattern .pattern-summary-cards .summary-card .percentage {
  font-family: JetBrains Mono, monospace;
  font-size: 32px;
  font-weight: 800;
}

.even-odd-pattern .pattern-summary-cards .summary-card .label {
  color: #fff6;
  letter-spacing: 1px;
  font-size: 1.2rem;
  font-weight: 800;
}

.even-odd-pattern .pattern-summary-cards .summary-card.signal-active {
  border-width: 2px;
  box-shadow: 0 0 20px #ffffff1a;
}

.even-odd-pattern .pattern-summary-cards .summary-card .signal-badge {
  color: #000;
  background: #10b981;
  border-radius: 4px;
  margin-top: 8px;
  padding: 4px 12px;
  font-size: 1.2rem;
  font-weight: 900;
  animation: 1s infinite pulse;
}

.even-odd-pattern .pattern-summary-cards .summary-card.even {
  border-color: #38ef7d33;
}

.even-odd-pattern .pattern-summary-cards .summary-card.even.signal-active {
  border-color: #38ef7d;
  box-shadow: 0 0 20px #38ef7d33;
}

.even-odd-pattern .pattern-summary-cards .summary-card.even .percentage {
  color: #38ef7d;
  text-shadow: 0 0 15px #38ef7d4d;
}

.even-odd-pattern .pattern-summary-cards .summary-card.odd {
  border-color: #ef444433;
}

.even-odd-pattern .pattern-summary-cards .summary-card.odd.signal-active {
  border-color: #ef4444;
  box-shadow: 0 0 20px #ef444433;
}

.even-odd-pattern .pattern-summary-cards .summary-card.odd .percentage {
  color: #ef4444;
  text-shadow: 0 0 15px #ef44444d;
}

@keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }

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

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.even-odd-pattern .pattern-history-section {
  flex-direction: column;
  gap: 16px;
  width: 100%;
  display: flex;
}

.even-odd-pattern .pattern-history-section .section-label {
  color: #ffffff80;
  margin-left: 4px;
  font-size: 1.4rem;
  font-weight: 700;
}

.even-odd-pattern .pattern-history-section .pattern-grid {
  background: #0003;
  border: 1px solid #ffffff08;
  border-radius: 12px;
  flex-wrap: wrap;
  gap: 10px;
  padding: 16px;
  display: flex;
}

.even-odd-pattern .pattern-history-section .pattern-grid .pattern-circle {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 1.2rem;
  font-weight: 800;
  transition: transform .1s;
  display: flex;
}

.even-odd-pattern .pattern-history-section .pattern-grid .pattern-circle:hover {
  transform: scale(1.1);
}

.even-odd-pattern .pattern-history-section .pattern-grid .pattern-circle.even {
  color: #38ef7d;
  background: #38ef7d26;
  border: 1px solid #38ef7d66;
}

.even-odd-pattern .pattern-history-section .pattern-grid .pattern-circle.odd {
  color: #ef4444;
  background: #ef444426;
  border: 1px solid #ef444466;
}

.matches-differs-analyzer {
  flex-direction: column;
  gap: 24px;
  width: 100%;
  display: flex;
}

.matches-differs-analyzer .analysis-signal-banner {
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-bottom: 20px;
  padding: 12px 16px;
  animation: .3s ease-out slideB;
  display: flex;
}

.matches-differs-analyzer .analysis-signal-banner .b-icon {
  font-size: 16px;
}

.matches-differs-analyzer .analysis-signal-banner .b-text {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
}

.matches-differs-analyzer .analysis-signal-banner.status-wait {
  background: #ff9f4326;
  border: 1px solid #ff9f434d;
}

.matches-differs-analyzer .analysis-signal-banner.status-wait .b-text {
  color: #ff9f43;
}

.matches-differs-analyzer .analysis-signal-banner.status-trade {
  background: #10b98126;
  border: 1px solid #10b9814d;
  box-shadow: 0 0 15px #10b98133;
}

.matches-differs-analyzer .analysis-signal-banner.status-trade .b-text {
  color: #10b981;
}

.matches-differs-analyzer .analysis-signal-banner.status-unstable {
  background: #ef444426;
  border: 1px solid #ef44444d;
}

.matches-differs-analyzer .analysis-signal-banner.status-unstable .b-text {
  color: #ef4444;
}

@keyframes slideB {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }

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

.matches-differs-analyzer .analyzer-power-card {
  background: #0a1e3c66;
  border: 1px solid #00c6ff33;
  border-radius: 16px;
  padding: 24px;
  position: relative;
  overflow: hidden;
}

.matches-differs-analyzer .analyzer-power-card:before {
  content: "";
  background: linear-gradient(90deg, #0000, #00c6ff, #0000);
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
}

.matches-differs-analyzer .analyzer-power-card .power-card__header {
  color: #00c6ff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 0 0 10px #00c6ff4d;
  margin-bottom: 24px;
  font-size: 14px;
  font-weight: 800;
}

.matches-differs-analyzer .analyzer-power-card .power-card__metrics {
  background: #0003;
  border-radius: 12px;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 24px;
  padding: 16px;
  display: grid;
}

.matches-differs-analyzer .analyzer-power-card .power-card__metrics .metric-item {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.matches-differs-analyzer .analyzer-power-card .power-card__metrics .metric-item .l {
  color: #fff6;
  font-size: 11px;
  font-weight: 600;
}

.matches-differs-analyzer .analyzer-power-card .power-card__metrics .metric-item .l .sub {
  opacity: .6;
  font-size: 9px;
}

.matches-differs-analyzer .analyzer-power-card .power-card__metrics .metric-item .v {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
}

.matches-differs-analyzer .analyzer-power-card .power-card__metrics .metric-item .v.matches {
  color: #38ef7d;
  text-shadow: 0 0 10px #38ef7d66;
}

.matches-differs-analyzer .analyzer-power-card .power-card__metrics .metric-item .sub-v {
  color: #ffffff4d;
  font-size: 10px;
  font-weight: 600;
}

.matches-differs-analyzer .analyzer-power-card .power-card__confidence .confidence-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.matches-differs-analyzer .analyzer-power-card .power-card__confidence .confidence-header .l {
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.matches-differs-analyzer .analyzer-power-card .power-card__confidence .confidence-header .confidence-tag {
  text-transform: uppercase;
  color: #000;
  background: #f59e0b;
  border-radius: 20px;
  padding: 4px 12px;
  font-size: 10px;
  font-weight: 900;
}

.matches-differs-analyzer .analyzer-power-card .power-card__confidence .confidence-header .confidence-tag.low {
  color: #fff;
  background: #ef4444;
}

.matches-differs-analyzer .analyzer-power-card .power-card__confidence .confidence-header .confidence-tag.moderate {
  color: #000;
  background: #f59e0b;
}

.matches-differs-analyzer .analyzer-power-card .power-card__confidence .confidence-header .confidence-tag.high {
  color: #fff;
  background: #10b981;
}

.matches-differs-analyzer .analyzer-power-card .power-card__confidence .confidence-header .confidence-tag.extreme {
  color: #fff;
  background: #00c6ff;
  box-shadow: 0 0 15px #00c6ff99;
}

.matches-differs-analyzer .analyzer-power-card .power-card__confidence .confidence-track {
  background: #0006;
  border: 1px solid #ffffff0d;
  border-radius: 4px;
  height: 8px;
  margin-bottom: 12px;
  overflow: hidden;
}

.matches-differs-analyzer .analyzer-power-card .power-card__confidence .confidence-track .bar {
  background: linear-gradient(90deg, #38ef7d, #11998e);
  height: 100%;
  transition: width .5s cubic-bezier(.4, 0, .2, 1);
  box-shadow: 0 0 10px #38ef7d80;
}

.matches-differs-analyzer .analyzer-power-card .power-card__confidence .confidence-value {
  color: #38ef7d;
  text-align: center;
  font-size: 14px;
  font-weight: 800;
}

.matches-differs-analyzer .analyzer-ou-bars {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.matches-differs-analyzer .analyzer-ou-bars .ou-bar-item.md {
  grid-template-columns: 120px 1fr 60px;
  align-items: center;
  gap: 16px;
  display: grid;
}

.matches-differs-analyzer .analyzer-ou-bars .ou-bar-item.md .l {
  color: #fff9;
  font-size: 12px;
  font-weight: 700;
}

.matches-differs-analyzer .analyzer-ou-bars .ou-bar-item.md .track {
  background: #ffffff08;
  border: 1px solid #ffffff0d;
  border-radius: 12px;
  height: 24px;
  overflow: hidden;
}

.matches-differs-analyzer .analyzer-ou-bars .ou-bar-item.md .track .bar {
  height: 100%;
  transition: width .5s;
}

.matches-differs-analyzer .analyzer-ou-bars .ou-bar-item.md .track .bar.matches {
  background: linear-gradient(90deg, #11998e, #38ef7d);
  box-shadow: 0 0 15px #38ef7d4d;
}

.matches-differs-analyzer .analyzer-ou-bars .ou-bar-item.md .track .bar.differs {
  background: linear-gradient(90deg, #ff416c, #ff4b2b);
  box-shadow: 0 0 15px #ff416c4d;
}

.matches-differs-analyzer .analyzer-ou-bars .ou-bar-item.md .v {
  text-align: right;
  color: #fff;
  font-family: JetBrains Mono, monospace;
  font-size: 14px;
  font-weight: 800;
}

.matches-differs-analyzer .analyzer-info-bar {
  text-align: center;
  color: #38ef7d;
  background: #38ef7d1a;
  border: 1px solid #38ef7d1a;
  border-radius: 8px;
  padding: 10px;
  font-size: 12px;
  font-weight: 700;
}

.matches-differs-analyzer .analyzer-pattern-grid .grid-header {
  color: #fff6;
  text-align: center;
  margin-bottom: 16px;
  font-size: 11px;
  font-weight: 700;
}

.matches-differs-analyzer .analyzer-pattern-grid .grid-items {
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  display: flex;
}

.matches-differs-analyzer .analyzer-pattern-grid .grid-items .grid-block {
  color: #fff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 28px;
  font-size: 13px;
  font-weight: 800;
  display: flex;
  box-shadow: 0 2px 4px #0003;
}

.matches-differs-analyzer .analyzer-pattern-grid .grid-items .grid-block.match {
  background: #38ef7d;
  animation: 1.5s infinite matchPulse;
  box-shadow: 0 0 10px #38ef7d99;
}

.matches-differs-analyzer .analyzer-pattern-grid .grid-items .grid-block.differ {
  background: #3b82f666;
  border: 1px solid #ffffff0d;
}

@keyframes matchPulse {
  0%, 100% {
    filter: brightness();
    transform: scale(1);
  }

  50% {
    filter: brightness(1.2);
    transform: scale(1.1);
  }
}

.over-under-pattern {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 24px;
  display: flex;
}

.over-under-pattern .pattern-title-group {
  flex-direction: column;
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.over-under-pattern .pattern-title-group .pattern-title {
  color: #ffffffb3;
  letter-spacing: .5px;
  margin: 0;
  font-size: 24px;
  font-weight: 800;
}

.over-under-pattern .pattern-title-group .pattern-title-underline {
  background: linear-gradient(90deg, #f59e0b, #6366f1);
  border-radius: 2px;
  width: 28px;
  height: 3px;
  margin-top: 8px;
}

.over-under-pattern .signal-banner {
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 24px;
  padding: 12px 16px;
  animation: .3s ease-out slideIn;
  display: flex;
}

.over-under-pattern .signal-banner.status-wait {
  background: #ff9f4326;
  border: 1px solid #ff9f434d;
}

.over-under-pattern .signal-banner.status-wait .status-text {
  color: #ff9f43;
}

.over-under-pattern .signal-banner.status-trade {
  background: #10b98126;
  border: 1px solid #10b9814d;
  box-shadow: 0 0 15px #10b98133;
}

.over-under-pattern .signal-banner.status-trade .status-text {
  color: #10b981;
}

.over-under-pattern .signal-banner.status-unstable {
  background: #ef444426;
  border: 1px solid #ef44444d;
}

.over-under-pattern .signal-banner.status-unstable .status-text {
  color: #ef4444;
}

.over-under-pattern .signal-banner .signal-main {
  align-items: center;
  gap: 12px;
  display: flex;
}

.over-under-pattern .signal-banner .signal-main .status-icon {
  font-size: 18px;
}

.over-under-pattern .signal-banner .signal-main .status-text {
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 1.4rem;
  font-weight: 800;
}

.over-under-pattern .signal-banner .prediction-box {
  background: #0003;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 4px 12px;
  display: flex;
}

.over-under-pattern .signal-banner .prediction-box .label {
  color: #ffffff80;
  font-size: 1.2rem;
  font-weight: 700;
}

.over-under-pattern .signal-banner .prediction-box .value {
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

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

.over-under-pattern .pattern-progress-wrapper {
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  border-radius: 16px;
  width: 100%;
  margin-bottom: 32px;
  padding: 20px;
}

.over-under-pattern .pattern-progress-wrapper .pattern-progress-bar {
  background: #ffffff0d;
  border-radius: 6px;
  height: 12px;
  margin-bottom: 12px;
  display: flex;
  overflow: hidden;
}

.over-under-pattern .pattern-progress-wrapper .pattern-progress-bar .progress-fill {
  height: 100%;
  transition: width .3s ease-out;
}

.over-under-pattern .pattern-progress-wrapper .pattern-progress-bar .progress-fill.over {
  background: linear-gradient(90deg, #f59e0b, #fbbf24);
}

.over-under-pattern .pattern-progress-wrapper .pattern-progress-bar .progress-fill.under {
  background: linear-gradient(90deg, #6366f1, #818cf8);
}

.over-under-pattern .pattern-progress-wrapper .progress-labels {
  color: #fff6;
  letter-spacing: 1px;
  text-transform: uppercase;
  justify-content: space-between;
  font-size: 1.2rem;
  font-weight: 800;
  display: flex;
}

.over-under-pattern .pattern-summary-cards {
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  width: 100%;
  margin-bottom: 32px;
  display: grid;
}

.over-under-pattern .pattern-summary-cards .summary-card {
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 24px;
  transition: transform .2s;
  display: flex;
}

.over-under-pattern .pattern-summary-cards .summary-card:hover {
  transform: translateY(-4px);
}

.over-under-pattern .pattern-summary-cards .summary-card .percentage {
  font-family: JetBrains Mono, monospace;
  font-size: 32px;
  font-weight: 800;
}

.over-under-pattern .pattern-summary-cards .summary-card .label {
  color: #fff6;
  letter-spacing: 1px;
  font-size: 1.2rem;
  font-weight: 800;
}

.over-under-pattern .pattern-summary-cards .summary-card.signal-active {
  border-width: 2px;
  box-shadow: 0 0 20px #ffffff1a;
}

.over-under-pattern .pattern-summary-cards .summary-card .card-footer {
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 12px;
  display: flex;
}

.over-under-pattern .pattern-summary-cards .summary-card .best-digit {
  color: #fff9;
  background: #0000004d;
  border-radius: 20px;
  align-items: center;
  gap: 8px;
  padding: 4px 12px;
  font-size: 1.2rem;
  display: flex;
}

.over-under-pattern .pattern-summary-cards .summary-card .best-digit .digit {
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}

.over-under-pattern .pattern-summary-cards .summary-card .signal-badge {
  color: #000;
  background: #10b981;
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 10px;
  font-weight: 900;
  animation: 1s infinite pulse;
}

.over-under-pattern .pattern-summary-cards .summary-card.over {
  border-color: #f59e0b33;
}

.over-under-pattern .pattern-summary-cards .summary-card.over.signal-active {
  border-color: #f59e0b;
  box-shadow: 0 0 20px #f59e0b33;
}

.over-under-pattern .pattern-summary-cards .summary-card.over .percentage {
  color: #f59e0b;
  text-shadow: 0 0 15px #f59e0b4d;
}

.over-under-pattern .pattern-summary-cards .summary-card.under {
  border-color: #6366f133;
}

.over-under-pattern .pattern-summary-cards .summary-card.under.signal-active {
  border-color: #6366f1;
  box-shadow: 0 0 20px #6366f133;
}

.over-under-pattern .pattern-summary-cards .summary-card.under .percentage {
  color: #6366f1;
  text-shadow: 0 0 15px #6366f14d;
}

@keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }

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

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.over-under-pattern .pattern-history-section {
  flex-direction: column;
  gap: 16px;
  width: 100%;
  display: flex;
}

.over-under-pattern .pattern-history-section .section-label {
  color: #ffffff80;
  margin-left: 4px;
  font-size: 1.4rem;
  font-weight: 700;
}

.over-under-pattern .pattern-history-section .pattern-grid {
  background: #0003;
  border: 1px solid #ffffff08;
  border-radius: 12px;
  flex-wrap: wrap;
  gap: 8px;
  padding: 16px;
  display: flex;
}

.over-under-pattern .pattern-history-section .pattern-grid .pattern-circle {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 10px;
  font-weight: 800;
  transition: transform .1s;
  display: flex;
}

.over-under-pattern .pattern-history-section .pattern-grid .pattern-circle:hover {
  transform: scale(1.1);
}

.over-under-pattern .pattern-history-section .pattern-grid .pattern-circle.over {
  color: #f59e0b;
  background: #f59e0b26;
  border: 1px solid #f59e0b66;
}

.over-under-pattern .pattern-history-section .pattern-grid .pattern-circle.under {
  color: #6366f1;
  background: #6366f126;
  border: 1px solid #6366f166;
}

.easy-tool {
  height: 100%;
  font-family: var(--font-body);
  padding: 24px;
  transition: background .3s, color .3s;
  overflow-y: auto;
}

.easy-tool--dark {
  color: #fff;
  background: linear-gradient(135deg, #000514f2 0%, #000a28f2 100%);
}

.easy-tool--light {
  color: #1a202c;
  background: linear-gradient(#f8f9fa 0%, #e9ecef 100%);
}

.easy-tool__header {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  border-top: none;
  border-radius: 0 0 2.4rem 2.4rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 3.2rem;
  padding: 1.6rem;
  display: flex;
  box-shadow: 0 10px 30px #0000004d;
}

.easy-tool__vitals-row {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 24px;
  width: 100%;
  display: flex;
}

.easy-tool__vitals-row .v-item {
  justify-content: center;
  align-items: center;
  display: flex;
}

.easy-tool__vitals-row .v-item .l {
  display: none;
}

.easy-tool__vitals-row .v-item .v {
  color: #fff;
  font-family: JetBrains Mono, monospace;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1;
}

.easy-tool__vitals-row .v-item .v.digit {
  color: #fbbf24;
}

.easy-tool__vitals-row .v-item .market-selector .market-selector__select, .easy-tool__vitals-row .v-item .market-selector .tick-selector-v2__select, .easy-tool__vitals-row .v-item .market-selector .tick-selector-v2__input, .easy-tool__vitals-row .v-item .tick-selector-v2 .market-selector__select, .easy-tool__vitals-row .v-item .tick-selector-v2 .tick-selector-v2__select, .easy-tool__vitals-row .v-item .tick-selector-v2 .tick-selector-v2__input {
  color: #fff;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  height: 38px;
  padding: 0 12px;
  font-family: JetBrains Mono, monospace;
  font-size: 1.6rem;
  font-weight: 800;
  transition: all .2s;
}

.easy-tool__vitals-row .v-item .market-selector .market-selector__select:hover, .easy-tool__vitals-row .v-item .market-selector .tick-selector-v2__select:hover, .easy-tool__vitals-row .v-item .market-selector .tick-selector-v2__input:hover, .easy-tool__vitals-row .v-item .tick-selector-v2 .market-selector__select:hover, .easy-tool__vitals-row .v-item .tick-selector-v2 .tick-selector-v2__select:hover, .easy-tool__vitals-row .v-item .tick-selector-v2 .tick-selector-v2__input:hover {
  background: #ffffff14;
  border-color: #fff3;
}

.easy-tool__vitals-row .v-item .market-selector .tick-selector-v2__label, .easy-tool__vitals-row .v-item .tick-selector-v2 .tick-selector-v2__label {
  display: none;
}

.easy-tool__content {
  flex-direction: column;
  gap: 32px;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding-bottom: 40px;
  display: flex;
}

.easy-tool__section {
  width: 100%;
  margin-bottom: 24px;
}

.easy-tool__distribution-section {
  margin-bottom: 24px;
}

.easy-tool__distribution-section .section-card {
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: none;
  border: none;
  padding: 0;
}

.easy-tool__digit-selector-wrapper {
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-bottom: 32px;
  padding: 24px;
  display: flex;
}

.easy-tool__digit-selector-wrapper .selector-label {
  color: #fff6;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1.4rem;
  font-weight: 800;
}

.easy-tool__analysis-grid {
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 24px;
  display: grid;
}

@media (max-width: 1200px) {
  .easy-tool__analysis-grid {
    grid-template-columns: 1fr;
  }
}

.easy-tool__analysis-grid .analysis-col {
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  display: flex;
}

.easy-tool .vitals-v2-compact {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 16px;
  display: grid;
}

.easy-tool .vitals-v2-compact .compact-vital {
  flex-direction: column;
  align-items: center;
  gap: 2px;
  display: flex;
}

.easy-tool .vitals-v2-compact .compact-vital .l {
  color: #ffffff4d;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
}

.easy-tool .vitals-v2-compact .compact-vital .v {
  font-family: JetBrains Mono, monospace;
  font-size: 1.4rem;
  font-weight: 800;
}

.easy-tool .vitals-v2-compact .compact-vital .v.digit {
  color: #f59e0b;
}

.easy-tool .sentiment-compact {
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  display: flex;
}

.easy-tool .sentiment-compact .compact-label {
  color: #fff6;
  text-transform: uppercase;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
}

.easy-tool .sentiment-compact .progress-track.compact {
  height: 6px;
}

.easy-tool .history-v2-wide .history-v2__grid.is-wide {
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  padding: 10px 0;
  overflow: visible;
  display: flex !important;
}

.easy-tool .history-v2-wide .history-v2__grid.is-wide .h-digit-v2 {
  aspect-ratio: auto;
  background-color: var(--digit-color);
  color: #fff;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  flex-shrink: 0;
  width: 42px;
  height: 38px;
  font-size: 1.6rem;
  font-weight: 800;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  box-shadow: 0 4px 8px #0000004d;
}

.easy-tool .history-v2-wide .history-v2__grid.is-wide .h-digit-v2.is-current {
  box-shadow: 0 0 25px #fff, 0 0 50px var(--digit-color);
  z-index: 10;
  border-color: #fff;
  animation: 1s ease-in-out infinite current-pulse;
  transform: scale(1.15)translateY(-4px);
  color: #000 !important;
  background-color: #fff !important;
}

.easy-tool .history-v2-wide .history-v2__grid.is-wide .h-digit-v2:hover {
  filter: brightness(1.1);
  transform: translateY(-2px)scale(1.05);
}

.easy-tool .section-card {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  border-radius: 2.4rem;
  padding: 2.8rem;
  transition: all .4s;
  box-shadow: 0 12px 40px #0000004d;
}

.easy-tool .section-card:hover {
  background: #ffffff08;
  border-color: #f59e0b4d;
}

.easy-tool .section-card__header {
  color: #fff9;
  text-transform: uppercase;
  letter-spacing: 1px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  font-size: 1.4rem;
  font-weight: 700;
  display: flex;
}

.easy-tool .section-card__header.centered {
  border-bottom: 1px solid #ffffff0d;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 32px;
  padding-bottom: 24px;
}

.easy-tool .section-card__header.centered:before {
  display: none;
}

.easy-tool .section-card__header.centered .analyzer-title-main {
  color: #fff;
  letter-spacing: 2px;
  font-size: 1.8rem;
  font-weight: 900;
  font-family: var(--font-display);
}

.easy-tool .section-card__header:before {
  content: "";
  background: #00c6ff;
  border-radius: 2px;
  width: 4px;
  height: 14px;
  margin-right: 12px;
}

.easy-tool .vitals-v2 {
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  gap: 16px;
  display: grid;
}

.easy-tool .vitals-v2__item {
  flex-direction: column;
  align-items: center;
  gap: 4px;
  display: flex;
}

.easy-tool .vitals-v2__item .l {
  color: #ffffff4d;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.easy-tool .vitals-v2__item .v {
  font-family: JetBrains Mono, monospace;
  font-size: 1.8rem;
  font-weight: 800;
}

.easy-tool .vitals-v2__item .v.price {
  color: #fff;
}

.easy-tool .vitals-v2__item .v.digit {
  color: #f59e0b;
  text-shadow: 0 0 10px #f59e0b66;
}

.easy-tool .vitals-v2__item .v.latency {
  color: #38ef7d;
}

.easy-tool .sentiment .progress-item {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.easy-tool .sentiment .progress-item .progress-labels {
  justify-content: space-between;
  font-size: 11px;
  font-weight: 800;
  display: flex;
}

.easy-tool .sentiment .progress-item .progress-labels .label.rise {
  color: #38ef7d;
}

.easy-tool .sentiment .progress-item .progress-labels .label.fall {
  color: #ef4444;
}

.easy-tool .sentiment .progress-item .progress-track {
  background: #ffffff0d;
  border: 1px solid #ffffff0d;
  border-radius: 5px;
  height: 10px;
  display: flex;
  overflow: hidden;
}

.easy-tool .sentiment .progress-item .progress-track .bar {
  height: 100%;
  transition: width .3s;
}

.easy-tool .sentiment .progress-item .progress-track .bar.rise {
  background: linear-gradient(90deg, #11998e, #38ef7d);
}

.easy-tool .sentiment .progress-item .progress-track .bar.fall {
  background: linear-gradient(90deg, #ff416c, #ff4b2b);
}

.easy-tool__analyzer-v2 {
  grid-template-columns: 1.5fr 1fr;
  gap: 24px;
  display: grid;
}

@media (max-width: 1024px) {
  .easy-tool__analyzer-v2 {
    grid-template-columns: 1fr;
  }
}

.easy-tool .analyzer-v2__stats {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 20px;
  display: grid;
}

.easy-tool .analyzer-v2__stats .stat-card {
  background: #0003;
  border: 1px solid #ffffff0d;
  border-radius: 12px;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  display: flex;
}

.easy-tool .analyzer-v2__stats .stat-card .label {
  color: #ffffff4d;
  font-size: 10px;
  font-weight: 700;
}

.easy-tool .analyzer-v2__stats .stat-card .value {
  font-size: 20px;
  font-weight: 800;
}

.easy-tool .analyzer-v2__stats .stat-card .value.matches {
  color: #38ef7d;
}

.easy-tool .analyzer-v2__stats .stat-card .value.differs {
  color: #ef4444;
}

.easy-tool .analyzer-v2__stats .stat-card .ou-payouts {
  justify-content: space-between;
  font-size: 10px;
  font-weight: 800;
  display: flex;
}

.easy-tool .analyzer-v2__stats .stat-card .ou-payouts .ou-item {
  gap: 4px;
  display: flex;
}

.easy-tool .analyzer-v2__stats .stat-card .ou-payouts .ou-item .l {
  color: #fff6;
}

.easy-tool .analyzer-v2__stats .stat-card .ou-payouts .ou-item .v.over {
  color: #ff9a9e;
}

.easy-tool .analyzer-v2__stats .stat-card .ou-payouts .ou-item .v.under {
  color: #a18cd1;
}

.easy-tool .analyzer-v2__stats .stat-card .progress-track {
  background: #ffffff0d;
  border-radius: 2px;
  height: 4px;
  display: flex;
  overflow: hidden;
}

.easy-tool .analyzer-v2__stats .stat-card .progress-track .bar {
  background: #fff;
  height: 100%;
}

.easy-tool .analyzer-v2__stats .stat-card .progress-track .bar.matches {
  background: #38ef7d;
}

.easy-tool .analyzer-v2__stats .stat-card .progress-track .bar.differs {
  background: #ef4444;
}

.easy-tool .analyzer-v2__stats .stat-card .progress-track .bar.over {
  background: #ff9a9e;
}

.easy-tool .analyzer-v2__stats .stat-card .progress-track .bar.under {
  background: #a18cd1;
}

.easy-tool .digit-bar-v2 {
  gap: .8rem;
  display: flex;
}

.easy-tool .digit-bar-v2.large {
  justify-content: center;
  gap: 1.2rem;
  width: 100%;
}

.easy-tool .digit-bar-v2.large .digit-btn-v2 {
  color: #64748b;
  width: 5.6rem;
  height: 5.6rem;
  font-size: 2rem;
  font-weight: 900;
  font-family: var(--font-display);
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 1.6rem;
}

.easy-tool .digit-bar-v2.large .digit-btn-v2:hover {
  color: #fff;
  background: #ffffff0f;
  border-color: #f59e0b4d;
  transform: translateY(-4px);
}

.easy-tool .digit-bar-v2.large .digit-btn-v2.active {
  color: #000;
  background: #f59e0b;
  border-color: #f59e0b;
  transform: scale(1.1);
  box-shadow: 0 0 25px #f59e0b66;
}

.easy-tool .digit-bar-v2 .digit-btn-v2 {
  color: #fff9;
  cursor: pointer;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  width: 32px;
  height: 32px;
  font-size: 13px;
  font-weight: 800;
  transition: all .2s;
  position: relative;
}

.easy-tool .digit-bar-v2 .digit-btn-v2:hover {
  color: #fff;
  background: #ffffff1a;
  border-color: #ffffff4d;
}

.easy-tool .digit-bar-v2 .digit-btn-v2.active {
  color: #fff;
  background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);
  border-color: #0000;
  box-shadow: 0 4px 12px #0072ff4d;
}

.easy-tool .digit-bar-v2 .digit-btn-v2.current {
  border-color: #f59e0b;
}

.easy-tool .digit-bar-v2 .digit-btn-v2.current:after {
  content: "";
  background: #f59e0b;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  top: -2px;
  right: -2px;
  box-shadow: 0 0 5px #f59e0b;
}

.easy-tool .history-v2__grid {
  gap: 6px;
  max-height: 250px;
  padding-right: 8px;
  display: grid;
  overflow-y: auto;
}

.easy-tool .history-v2__grid.count-15 {
  grid-template-columns: repeat(5, 1fr);
}

.easy-tool .history-v2__grid.count-50 {
  grid-template-columns: repeat(10, 1fr);
}

.easy-tool .history-v2__grid .h-digit-v2 {
  aspect-ratio: 1;
  color: var(--digit-color);
  border: 1px solid #0000;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 800;
  transition: all .2s;
  display: flex;
}

.easy-tool .history-v2__grid .h-digit-v2.is-current {
  box-shadow: 0 0 20px #fff, 0 0 40px var(--digit-color);
  z-index: 10;
  border-color: #fff;
  animation: 1s ease-in-out infinite current-pulse;
  transform: scale(1.15);
  color: #000 !important;
  background-color: #fff !important;
}

.easy-tool .history-v2__grid .h-digit-v2:hover {
  filter: brightness(1.2);
  transform: scale(1.1);
}

.easy-tool .history-v2__grid::-webkit-scrollbar {
  width: 4px;
}

.easy-tool .history-v2__grid::-webkit-scrollbar-thumb {
  background: #ffffff1a;
  border-radius: 2px;
}

.easy-tool .history-v2 .history-toggle {
  background: #0000004d;
  border-radius: 8px;
  padding: 2px;
  display: flex;
}

.easy-tool .history-v2 .history-toggle button {
  color: #fff6;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
}

.easy-tool .history-v2 .history-toggle button.active {
  color: #fff;
  background: #0072ff;
}

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

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

@media (max-width: 768px) {
  .easy-tool {
    padding: 12px;
  }

  .easy-tool__header {
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    justify-content: center;
    align-items: center;
    gap: 1.2rem;
    margin-bottom: 16px;
    padding: 1.2rem;
    overflow-x: auto;
    -webkit-mask-image: none;
    mask-image: none;
    flex-direction: row !important;
  }

  .easy-tool__header::-webkit-scrollbar {
    display: none;
  }

  .easy-tool__vitals-row {
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    display: flex !important;
  }

  .easy-tool__vitals-row .v-item {
    flex-shrink: 0 !important;
  }

  .easy-tool__vitals-row .v-item .v {
    font-size: 1.3rem !important;
  }

  .easy-tool .digit-bar-v2.large {
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 340px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
  }

  .easy-tool .digit-bar-v2.large .digit-btn-v2 {
    border-radius: 10px !important;
    width: 100% !important;
    height: 4.4rem !important;
    font-size: 1.6rem !important;
  }
}

@media (max-width: 480px) {
  .easy-tool {
    padding: 8px 8px calc(84px + env(safe-area-inset-bottom, 16px));
  }

  .easy-tool__header {
    margin-bottom: 16px;
    padding: 8px 0;
    overflow-x: auto;
    flex-direction: row !important;
  }

  .easy-tool__title {
    font-size: 1.6rem;
  }

  .easy-tool__vitals-row {
    justify-content: center;
    gap: 8px 12px;
    margin: 0 auto;
    flex-wrap: wrap !important;
    width: 100% !important;
  }

  .easy-tool__vitals-row .v-item {
    flex-shrink: 0;
  }

  .easy-tool__vitals-row .v-item .v {
    font-size: 1.3rem !important;
  }

  .easy-tool__controls {
    gap: 8px;
  }

  .easy-tool__controls .ticks-select {
    padding: 8px;
    font-size: 11px;
  }

  .easy-tool__digit-selector-wrapper {
    margin-bottom: 16px;
    padding: 12px;
  }

  .easy-tool__digit-selector-wrapper .selector-label {
    letter-spacing: 1px;
    font-size: 10px;
  }

  .easy-tool .digit-bar-v2.large {
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    display: grid;
  }

  .easy-tool .digit-bar-v2.large .digit-btn-v2 {
    aspect-ratio: 1;
    border-radius: 8px;
    width: 100%;
    height: auto;
    font-size: 1.4rem;
  }

  .easy-tool__section {
    margin-bottom: 16px;
  }

  .easy-tool .section-card {
    border-radius: 16px;
    padding: 12px;
  }

  .easy-tool .section-card__header {
    margin-bottom: 12px;
    font-size: 11px;
  }

  .easy-tool .section-card__header:before {
    width: 3px;
    height: 12px;
    margin-right: 8px;
  }

  .easy-tool .history-v2-wide .history-v2__grid.is-wide {
    gap: 6px;
  }

  .easy-tool .history-v2-wide .history-v2__grid.is-wide .h-digit-v2 {
    border-radius: 8px;
    width: 32px;
    height: 28px;
    font-size: 13px;
  }
}

.entry-scanner-modal-body {
  flex-direction: column;
  height: calc(100% - 5rem);
  padding: 0;
  display: flex;
  overflow: hidden;
}

.entry-scanner-modal-tabs {
  background: var(--general-section-1, #181c25);
  white-space: nowrap;
  scrollbar-width: thin;
  border-bottom: 2px solid #ffffff12;
  flex-shrink: 0;
  gap: 0;
  display: flex;
  overflow: auto hidden;
}

.entry-scanner-modal-tabs::-webkit-scrollbar {
  height: 3px;
}

.entry-scanner-modal-tabs::-webkit-scrollbar-thumb {
  background: #ffffff26;
  border-radius: 2px;
}

.theme--light .entry-scanner-modal-tabs {
  background: #f0f4f8;
  border-bottom-color: #dde3ec;
}

.theme--light .entry-scanner-modal-tabs::-webkit-scrollbar-thumb {
  background: #00000026;
}

.entry-scanner-modal-tab {
  letter-spacing: .03em;
  color: #7a8ba8;
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  border-bottom: 3px solid #0000;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  transition: color .18s, border-color .18s, background .18s;
  display: inline-flex;
}

.entry-scanner-modal-tab:hover {
  color: #b8cce4;
  background: #ffffff0a;
}

.entry-scanner-modal-tab--active {
  color: #38bdf8;
  background: #0ea5e914;
  border-bottom-color: #0ea5e9;
}

.theme--light .entry-scanner-modal-tab {
  color: #5c6b88;
}

.theme--light .entry-scanner-modal-tab:hover {
  color: #1e3a5f;
  background: #0000000a;
}

.theme--light .entry-scanner-modal-tab--active {
  color: #4338ca;
  background: #4f46e514;
  border-bottom-color: #4f46e5;
}

.entry-scanner-modal-content {
  flex: 1;
  height: 0;
  overflow: hidden auto;
}

.entry-scanner-modal-content > * {
  min-height: 100%;
}

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

  100% {
    opacity: 1;
  }
}

.flyout {
  background-color: var(--general-main-2);
  z-index: 11;
  margin-inline-start: 15px;
  height: calc(100vh - 232px);
  max-height: calc(100vh - 232px);
  box-shadow: 0 2px 8px 0 var(--shadow-box);
  visibility: hidden;
  border-radius: 4px;
  min-width: 400px;
  margin-top: 20px;
  font-size: 2em;
  position: absolute;
  top: 0;
}

.flyout:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 250px;
}

.flyout:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 250px;
}

.flyout:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 250px;
}

.flyout:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 250px;
}

.flyout:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 250px;
}

.flyout:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 250px;
}

.flyout__loading {
  justify-content: center;
  align-items: center;
  min-height: 100px;
  padding: 2rem;
  display: flex;
}

.flyout__item:hover .flyout__button-add--hide {
  animation: .3s fade-in;
  display: flex !important;
}

.flyout__content {
  height: calc(100% - 64px);
  overflow: auto;
}

.flyout__content .dc-themed-scrollbars {
  padding: 5px 25px;
}

.flyout__content-disclaimer {
  font-size: var(--text-size-xs);
  background: #ffad3a;
  border-radius: 4px;
  justify-content: space-around;
  margin-top: 1.6em;
  padding: .8rem;
  line-height: 1.3em;
  display: flex;
}

.flyout__content-disclaimer-text {
  color: #333;
  width: 324px;
}

.flyout__content-disclaimer-icon {
  padding-top: .8rem;
}

.flyout__block-workspace--top {
  margin-bottom: 15px;
}

.flyout__block-workspace--center {
  margin-top: .6em;
}

.flyout__block-workspace--center .injectionDiv {
  height: 100%;
}

.flyout__block-workspace__header {
  display: flex;
}

.flyout__button-new {
  width: 20%;
  font-size: var(--text-size-xs);
  font-weight: bold;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  height: 4rem !important;
}

.flyout__button-add {
  color: var(--general-main-1);
}

.flyout__button-add--hide {
  display: none !important;
}

.flyout__button-back {
  color: #000;
  background-color: #0000;
  align-self: center;
  padding: 0 15px;
}

.flyout__button-back svg {
  vertical-align: middle;
}

html[dir="rtl"] .flyout__button-back svg {
  transform: rotate(180deg);
}

.flyout__button-back:focus {
  outline: none;
}

.flyout__button-next, .flyout__button-previous {
  color: #000c;
  background-color: var(--general-section-1);
  margin-inline-start: 1em;
  display: flex;
}

.flyout__item {
  line-height: 1.3em;
  font-size: var(--text-size-xs);
}

.flyout__item:not(:last-of-type) {
  margin-bottom: 30px;
}

.flyout__item-header {
  margin-top: 15px;
  margin-bottom: 10px;
  display: flex;
}

.flyout__item-buttons {
  align-self: center;
  margin-inline-start: auto;
}

.flyout__item-info {
  cursor: pointer;
  color: #e31c4b;
  font-weight: bold;
  display: block;
}

.flyout__item-description {
  font-size: var(--text-size-xs);
  color: var(--text-general);
  margin-bottom: 1em;
  line-height: 1.3em;
}

.flyout__image {
  border-radius: .5em;
  width: 100%;
  height: auto;
}

.flyout__video {
  border-radius: .5em;
  width: 100%;
  height: 20vh;
}

.flyout__help {
  visibility: visible;
  height: 100%;
  padding: 0;
}

.flyout__help-header {
  background-color: var(--general-section-1);
  padding: 15px;
  display: flex;
}

.flyout__help-content {
  height: calc(100vh - 295px);
  padding: 1.5em;
  font-size: .8em;
  overflow-y: auto;
}

.flyout__help-content .flyout__item {
  margin-bottom: .8em;
}

.flyout__help-title {
  align-self: center;
}

.flyout__help-footer {
  border-top: solid .1em var(--general-section-1);
  justify-content: flex-end;
  padding: .5em .8em;
  display: flex;
}

.flyout__search {
  visibility: visible;
  padding: 0;
}

.flyout__search-header {
  background-color: var(--general-disabled);
  justify-content: space-between;
  padding: 20px;
  display: flex;
}

.flyout__search-header-text {
  align-self: center;
}

.flyout__search-empty {
  padding: 25px 0;
}

.flyout__search .flyout__help-content {
  height: calc(100% - 60px);
}

.flyout__normal {
  visibility: visible;
}

.flyout__normal-content {
  height: 100%;
}

.flyout__input {
  height: 4rem;
  margin-top: 3.3rem;
  border: 1px solid #d6dadb !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  width: 80% !important;
  display: inline-block !important;
}

.flyout__hr {
  border-top: 1px solid var(--general-section-1);
  width: 100%;
  height: 2px;
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
}

.toolbar {
  top: 0;
  background-color: var(--general-main-1);
  z-index: 1;
  scrollbar-width: none;
  -ms-overflow-style: none;
  justify-content: space-between;
  align-items: center;
  max-width: calc(100% - 24rem);
  height: 5.6rem;
  padding: .5rem .6rem;
  display: flex;
  position: absolute;
  overflow-x: auto;
}

.toolbar:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 23.2rem;
}

.toolbar:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 23.2rem;
}

.toolbar:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 23.2rem;
}

.toolbar:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 23.2rem;
}

.toolbar:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 23.2rem;
}

.toolbar:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 23.2rem;
}

.toolbar::-webkit-scrollbar {
  display: none;
}

@media (max-width: 1279px) {
  .toolbar {
    scrollbar-width: none;
    z-index: 0;
    -ms-overflow-style: none;
    width: -moz-fit-content;
    width: fit-content;
    max-width: calc(100vw - 5rem);
    height: 64px;
    padding: 0;
    position: absolute;
    overflow: auto;
  }

  .toolbar:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 4rem;
  }

  .toolbar:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 4rem;
  }

  .toolbar:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 4rem;
  }

  .toolbar:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 4rem;
  }

  .toolbar:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 4rem;
  }

  .toolbar:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 4rem;
  }

  .toolbar::-webkit-scrollbar {
    display: none;
  }
}

.toolbar__btn {
  color: #fff !important;
  background: linear-gradient(135deg, #0ea5e9 0%, #06162c 100%) !important;
  border: none !important;
  transition: all .3s cubic-bezier(.25, .8, .25, 1) !important;
  box-shadow: 0 4px 12px #0ea5e926 !important;
}

.toolbar__btn:hover {
  transform: translateY(-.5px);
  background: linear-gradient(135deg, #38bdf8 0%, #0a2244 100%) !important;
  box-shadow: 0 4px 15px #0ea5e94d !important;
}

.toolbar__btn--icon {
  justify-content: center;
  display: flex;
  height: 4rem !important;
}

@media (min-width: 1280px) {
  .toolbar__btn--icon {
    width: 22rem;
    margin-bottom: 1rem;
  }
}

.toolbar__btn--icon .dc-btn__icon {
  padding-right: .4rem;
}

.toolbar__btn--icon > * {
  align-self: center;
}

.toolbar__btn--icon-text {
  color: var(--text-colored-background);
  text-transform: none;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.75;
  color: #fff !important;
}

.toolbar__btn--icon svg {
  fill: #fff !important;
}

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

@media (max-width: 1279px) {
  .toolbar__section {
    padding-top: 1.6rem;
    padding-inline-start: 1.6rem;
    padding-bottom: .8rem;
    flex-direction: row-reverse;
    height: 100%;
    padding-inline-end: .8rem;
    -moz-column-gap: 1.6rem !important;
    column-gap: 1.6rem !important;
  }
}

@media (min-width: 1280px) {
  .toolbar__section > * {
    align-self: center;
  }
}

.toolbar__icon {
  cursor: pointer;
  width: 1.6rem;
  height: 1.6rem;
  fill: var(--text-prominent);
  border: none;
  margin: auto 1.2rem;
  transition: transform .2s, fill .2s;
}

.toolbar__icon:hover {
  transform: scale(1.15);
}

@media (max-width: 1279px) {
  .toolbar__icon {
    margin: 1.2rem;
  }
}

.toolbar__group {
  border: solid 1px var(--border-normal);
  border-radius: 4px;
  height: 4rem;
  display: flex;
}

.toolbar__group-btn {
  flex-wrap: nowrap;
  align-items: center;
  height: 4rem;
  padding: 0 1.2rem;
  display: flex;
}

@media (max-width: 1279px) {
  .toolbar__group-btn {
    border: none;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0;
  }

  .toolbar__group-btn .dc-popover__target {
    width: 4rem;
    height: 4rem;
  }
}

.toolbar__group-btn > * {
  align-self: center;
}

.toolbar__animation {
  width: 35rem;
}

.toolbar__dialog-text--second {
  margin-top: 2.4rem;
}

@media (max-width: 1279px) {
  .toolbar__wrapper {
    background-color: var(--general-main-1);
    scrollbar-width: none;
    height: calc(100% - 5rem);
    position: absolute;
    top: 0;
    overflow-y: auto;
    box-shadow: 0 1.2rem 1.6rem #0e0e0e14, 0 .4rem .6rem #0e0e0e08;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.vertical-divider {
  background-color: var(--border-normal);
  width: .1rem;
  height: 1.7rem;
  margin: .8rem;
}

@media (max-width: 1279px) {
  .vertical-divider {
    margin: 0;
    transform: rotate(90deg);
  }
}

.db-toolbox {
  top: 0;
  background: var(--general-main-1);
  z-index: 1;
  width: 23.6rem;
  height: 100%;
  padding: .8rem;
  position: absolute;
}

.db-toolbox:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.db-toolbox:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.db-toolbox:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.db-toolbox:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.db-toolbox:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.db-toolbox:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.db-toolbox__title {
  cursor: pointer;
  height: 2.6rem;
  line-height: 2.6rem;
  position: relative;
}

.db-toolbox__title__chevron {
  transition: transform .3s;
  position: absolute;
  top: 0;
  right: 1rem;
}

.db-toolbox__title__chevron--active {
  top: -.5rem;
  transform: rotate(180deg);
}

.db-toolbox__search {
  height: 6rem;
  padding: 1.3rem .8rem;
}

.db-toolbox__search-field {
  margin-bottom: 0 !important;
}

.db-toolbox__search-field input::-ms-clear {
  display: none;
}

.db-toolbox__search-field .dc-input {
  justify-content: center;
}

.db-toolbox__search-field .dc-input__container {
  border-radius: 8px;
  height: 3.2rem;
  padding: .6rem .8rem;
}

.db-toolbox__search-field .dc-input__container:focus-within {
  border-color: var(--text-general);
}

.db-toolbox__search-field .dc-input__field {
  width: unset;
  height: 2.8rem;
  color: var(--text-general);
  flex-grow: 1;
  padding: .8rem;
}

.db-toolbox__search-field .dc-input__leading-icon {
  position: unset;
  pointer-events: unset;
  cursor: pointer;
  margin-left: .8rem;
}

.db-toolbox__content {
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
  visibility: visible;
  border: solid 1px var(--general-section-1);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.db-toolbox__content-wrapper {
  height: 0;
}

.db-toolbox__content-wrapper.active {
  height: 100%;
}

.db-toolbox__header {
  text-align: center;
  color: var(--text-general);
  background-color: var(--general-section-5);
  padding: 8px;
  font-size: 1.6em;
  font-weight: bold;
  position: relative;
}

.db-toolbox__item {
  color: var(--text-general);
  -webkit-user-select: none;
  user-select: none;
  flex-direction: row;
  display: flex;
}

.db-toolbox__item:hover {
  background-color: var(--general-hover);
  color: var(--text-prominent);
}

.db-toolbox__category-arrow {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  transition: transform .3s;
  position: relative;
}

.db-toolbox__category-arrow--active {
  top: .5rem;
  transform: rotate(180deg);
}

.db-toolbox__category-menu {
  height: calc(100vh - 33.6rem);
  overflow-y: scroll;
}

.db-toolbox__category-text {
  justify-content: space-between;
  align-self: center;
  width: 100%;
  margin: 10px;
  display: flex;
}

.db-toolbox__description {
  font-size: 12px;
  line-height: 1.4;
}

.db-toolbox__label {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}

.db-toolbox__row {
  cursor: pointer;
  border-top: 1px solid var(--general-section-6);
  -webkit-user-select: none;
  user-select: none;
}

.db-toolbox__row .db-toolbox__category--selected {
  background-color: var(--general-active);
}

.db-toolbox__row:last-of-type {
  border-bottom: 1px solid var(--general-section-6);
}

.db-toolbox__row--active {
  background-color: var(--general-hover);
}

.db-toolbox__row--pending {
  background-color: var(--general-active);
  opacity: .8;
}

.db-toolbox__button.dc-btn {
  width: 152px;
  height: 32px;
  color: var(--text-colored-background);
  margin: 16px auto;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}

.db-toolbox__sub-category-row {
  cursor: pointer;
  padding: 1rem;
}

.db-toolbox__sub-category-row:hover, .db-toolbox__sub-category-row--active {
  background-color: var(--general-hover);
}

.db-toolbox__sub-category-row--pending {
  background-color: var(--general-active);
  opacity: .8;
}

.loader {
  border: 1px solid var(--general-active);
  border-top: 1px solid var(--brand-secondary);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: 1s linear infinite spin;
}

#scratch_div {
  width: calc(100vw - 3.2rem);
  height: var(--bot-content-height);
  position: relative;
  top: 0;
}

@media (max-width: 1279px) {
  #scratch_div {
    width: 100%;
  }
}

.blocklyText.blocklyTextRootBlockHeader {
  font-size: calc(var(--text-size-sm) * .9);
  letter-spacing: normal;
  fill: #fff;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.43;
}

.blocklyMainWorkspaceScrollbar {
  display: none;
}

.injectionDiv {
  touch-action: none;
  height: calc(100vh - 12.8rem);
  position: relative;
  overflow: hidden;
}

:root, body.theme--light, .theme--light {
  --m-sig-bg: #ffffffe6;
  --m-sig-border: #7c3aed24;
  --m-sig-shadow: 0 4px 20px #7c3aed14;
  --m-sig-shadow-hover: 0 10px 28px #7c3aed29;
  --m-sig-text-title: #110d29;
  --m-sig-text-sub: #544b78;
  --m-sig-box-bg: #7c3aed0d;
  --m-sig-track-bg: #7c3aed1a;
}

body.theme--dark, .theme--dark {
  --m-sig-bg: #111827d1;
  --m-sig-border: #ffffff14;
  --m-sig-shadow: 0 6px 24px #00000073;
  --m-sig-shadow-hover: 0 12px 32px #7c3aed47;
  --m-sig-text-title: #f8fafc;
  --m-sig-text-sub: #94a3b8;
  --m-sig-box-bg: #0f172a99;
  --m-sig-track-bg: #ffffff14;
}

.modern-signal-card {
  background: var(--m-sig-bg);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid var(--m-sig-border);
  box-shadow: var(--m-sig-shadow);
  box-sizing: border-box;
  border-radius: 18px;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 16px 16px 14px;
  transition: all .28s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.modern-signal-card:hover {
  box-shadow: var(--m-sig-shadow-hover);
  border-color: #7c3aed73;
  transform: translateY(-3px);
}

.modern-signal-card:hover .modern-signal-card__top-bar {
  opacity: 1;
}

.modern-signal-card__top-bar {
  opacity: .75;
  background: linear-gradient(90deg, #7c3aed, #00d2ff, #10b981);
  height: 3px;
  transition: opacity .25s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.modern-signal-card--super {
  border-color: #a855f759;
}

.modern-signal-card--super .modern-signal-card__top-bar {
  opacity: 1;
  background: linear-gradient(90deg, #a855f7, #ec4899, #8b5cf6);
}

.modern-signal-card--super:hover {
  border-color: #a855f7a6;
}

.modern-signal-card__header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.modern-signal-card__title-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.modern-signal-card__type {
  color: var(--m-sig-text-title);
  letter-spacing: -.01em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: Space Grotesk, sans-serif;
  font-size: .95rem;
  font-weight: 800;
  overflow: hidden;
}

.modern-signal-card__symbol {
  color: #a855f7;
  letter-spacing: .04em;
  background: #7c3aed26;
  border: 1px solid #7c3aed4d;
  border-radius: 6px;
  padding: 2px 7px;
  font-size: .65rem;
  font-weight: 800;
}

.modern-signal-card__badge {
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 9999px;
  flex-shrink: 0;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  font-size: .65rem;
  font-weight: 800;
  display: inline-flex;
}

.modern-signal-card__badge .badge-dot {
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.modern-signal-card__badge.status-strong, .modern-signal-card__badge.status-trade-now {
  color: #10b981;
  background: #10b98126;
  border: 1px solid #10b98166;
}

.modern-signal-card__badge.status-strong .badge-dot, .modern-signal-card__badge.status-trade-now .badge-dot {
  background: #10b981;
  animation: 1.4s ease-in-out infinite sigDotPulse;
  box-shadow: 0 0 8px #10b981;
}

.modern-signal-card__badge.status-wait {
  color: #f59e0b;
  background: #f59e0b26;
  border: 1px solid #f59e0b66;
}

.modern-signal-card__badge.status-wait .badge-dot {
  background: #f59e0b;
  box-shadow: 0 0 8px #f59e0b;
}

.modern-signal-card__badge.status-neutral {
  color: var(--m-sig-text-sub);
  background: #94a3b826;
  border: 1px solid #94a3b84d;
}

.modern-signal-card__badge.status-neutral .badge-dot {
  background: #94a3b8;
}

.modern-signal-card__meter {
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.modern-signal-card__meter .meter-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.modern-signal-card__meter .meter-header .meter-label {
  color: var(--m-sig-text-sub);
  text-transform: uppercase;
  letter-spacing: .04em;
  align-items: center;
  gap: 5px;
  font-size: .68rem;
  font-weight: 700;
  display: inline-flex;
}

.modern-signal-card__meter .meter-header .meter-label .meter-icon {
  color: #7c3aed;
}

.modern-signal-card__meter .meter-header .meter-val {
  color: #10b981;
  font-family: Space Grotesk, monospace;
  font-size: .86rem;
  font-weight: 800;
}

.modern-signal-card__meter .meter-track {
  background: var(--m-sig-track-bg);
  border-radius: 9999px;
  width: 100%;
  height: 5px;
  overflow: hidden;
}

.modern-signal-card__meter .meter-track .meter-bar {
  border-radius: 9999px;
  height: 100%;
  transition: width .4s;
}

.modern-signal-card__content {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  display: flex;
}

.modern-signal-card__recom-wrap {
  align-items: baseline;
  gap: 7px;
  display: flex;
}

.modern-signal-card__recom-wrap .recom-tag {
  color: #7c3aed;
  letter-spacing: .05em;
  background: #7c3aed33;
  border-radius: 4px;
  flex-shrink: 0;
  padding: 2px 5px;
  font-size: .58rem;
  font-weight: 800;
}

.modern-signal-card__recom-wrap .recom-text {
  color: var(--m-sig-text-title);
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.35;
}

.modern-signal-card__trigger-box {
  background: var(--m-sig-box-bg);
  border: 1px solid var(--m-sig-border);
  border-radius: 10px;
  align-items: flex-start;
  gap: 6px;
  padding: 7px 10px;
  display: flex;
}

.modern-signal-card__trigger-box .trigger-tag {
  color: #7c3aed;
  letter-spacing: .06em;
  flex-shrink: 0;
  margin-top: 1px;
  font-size: .58rem;
  font-weight: 800;
}

.modern-signal-card__trigger-box .trigger-text {
  color: var(--m-sig-text-sub);
  word-break: break-word;
  font-size: .73rem;
  font-weight: 500;
  line-height: 1.3;
}

.modern-signal-card__target-row {
  color: var(--m-sig-text-sub);
  justify-content: space-between;
  align-items: center;
  padding: 0 2px;
  font-size: .72rem;
  font-weight: 600;
  display: flex;
}

.modern-signal-card__target-row .target-label {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.modern-signal-card__target-row .target-label .target-icon {
  color: #f59e0b;
}

.modern-signal-card__target-row .target-val {
  color: #fff;
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: .72rem;
  font-weight: 800;
  display: inline-flex;
}

.modern-signal-card__btn {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
  border: none;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  margin-top: 2px;
  padding: 9px 12px;
  font-size: .78rem;
  font-weight: 800;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 14px #7c3aed59;
}

.modern-signal-card__btn:hover {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px #7c3aed8c;
}

.modern-signal-card__btn:active {
  transform: translateY(0);
}

.modern-signal-card__btn .btn-zap {
  color: #facc15;
  flex-shrink: 0;
}

.modern-signal-card__btn .btn-arrow {
  flex-shrink: 0;
  transition: transform .2s;
}

.modern-signal-card__btn:hover .btn-arrow {
  transform: translateX(2px);
}

@keyframes sigDotPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .4;
    transform: scale(.7);
  }
}

:root, body.theme--light, .theme--light {
  --sig-bg: #f3f2f8;
  --sig-card-bg: #ffffffeb;
  --sig-card-border: #7c3aed29;
  --sig-shadow-raised: 0 4px 20px #7c3aed14;
  --sig-text-main: #1e1438;
  --sig-text-sub: #584b7a;
  --sig-select-bg: #f7f6fc;
}

body.theme--dark, .theme--dark {
  --sig-bg: #0b0a1a;
  --sig-card-bg: #161033d9;
  --sig-card-border: #a855f72e;
  --sig-shadow-raised: 0 6px 24px #04020c99;
  --sig-text-main: #fff;
  --sig-text-sub: #e9d5ff;
  --sig-select-bg: #110c28;
}

.signals-tab-wrapper {
  background: var(--sig-bg);
  box-sizing: border-box;
  scroll-behavior: smooth;
  width: 100%;
  height: 100vh;
  color: var(--sig-text-main);
  padding: 24px 28px 100px;
  font-family: Plus Jakarta Sans, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  overflow: hidden auto;
}

@media (max-width: 768px) {
  .signals-tab-wrapper {
    padding: 12px 10px 80px;
  }
}

.signals-tab-wrapper .signals-main-container {
  flex-direction: column;
  gap: 20px;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
}

.signals-header-card {
  background: var(--sig-card-bg);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid var(--sig-card-border);
  box-shadow: var(--sig-shadow-raised);
  border-radius: 24px;
  flex-direction: column;
  gap: 16px;
  padding: 20px 24px;
  display: flex;
}

@media (max-width: 768px) {
  .signals-header-card {
    border-radius: 18px;
    gap: 12px;
    padding: 14px;
  }
}

.signals-header-card .header-filters-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

@media (max-width: 768px) {
  .signals-header-card .header-filters-row {
    gap: 10px;
  }
}

.signals-header-card .header-filters-row .soft-select-box {
  flex-direction: column;
  flex: 1;
  gap: 5px;
  min-width: 140px;
  display: flex;
}

.signals-header-card .header-filters-row .soft-select-box .select-lbl {
  color: var(--sig-text-sub);
  text-transform: uppercase;
  letter-spacing: .05em;
  align-items: center;
  gap: 5px;
  font-size: .7rem;
  font-weight: 800;
  display: flex;
}

.signals-header-card .header-filters-row .soft-select-box .select-lbl .lbl-icon {
  color: #7c3aed;
}

.signals-header-card .header-filters-row .soft-select-box .select-input-wrap {
  width: 100%;
  position: relative;
}

.signals-header-card .header-filters-row .soft-select-box .select-input-wrap .soft-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--sig-select-bg);
  border: 1px solid var(--sig-card-border);
  width: 100%;
  color: var(--sig-text-main);
  cursor: pointer;
  border-radius: 12px;
  outline: none;
  padding: 9px 34px 9px 12px;
  font-size: .84rem;
  font-weight: 700;
  transition: border-color .2s, box-shadow .2s;
}

.signals-header-card .header-filters-row .soft-select-box .select-input-wrap .soft-select:focus {
  border-color: #7c3aed99;
  box-shadow: 0 0 16px #7c3aed4d;
}

.signals-header-card .header-filters-row .soft-select-box .select-input-wrap .soft-select option {
  color: #fff;
  background: #161033;
}

.signals-header-card .header-filters-row .soft-select-box .select-input-wrap:after {
  content: "▼";
  color: #7c3aed;
  pointer-events: none;
  font-size: .6rem;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.signals-header-card .header-filters-row .signals-status-indicator {
  background: #10b9811f;
  border: 1px solid #10b9814d;
  border-radius: 12px;
  align-self: flex-end;
  align-items: center;
  gap: 7px;
  margin-bottom: 2px;
  padding: 8px 14px;
  display: inline-flex;
}

@media (max-width: 768px) {
  .signals-header-card .header-filters-row .signals-status-indicator {
    align-self: center;
    padding: 6px 10px;
  }
}

.signals-header-card .header-filters-row .signals-status-indicator .pulse-dot {
  background: #10b981;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  animation: 1.5s ease-in-out infinite pulseGlow;
  box-shadow: 0 0 10px #10b981;
}

.signals-header-card .header-filters-row .signals-status-indicator .pulse-dot.connecting {
  background: #f59e0b;
  animation: .8s ease-in-out infinite pulseGlow;
  box-shadow: 0 0 10px #f59e0b;
}

.signals-header-card .header-filters-row .signals-status-indicator .status-text {
  color: #10b981;
  letter-spacing: .06em;
  font-size: .72rem;
  font-weight: 800;
}

.signals-header-card .signals-metrics-single-line {
  border: 1px solid var(--sig-card-border);
  white-space: nowrap;
  background: #7c3aed14;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 9px 18px;
  display: flex;
  overflow-x: auto;
}

.signals-header-card .signals-metrics-single-line::-webkit-scrollbar {
  height: 3px;
}

.signals-header-card .signals-metrics-single-line::-webkit-scrollbar-thumb {
  background: #7c3aed59;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .signals-header-card .signals-metrics-single-line {
    gap: 10px;
    padding: 7px 12px;
  }
}

.signals-header-card .signals-metrics-single-line .sig-metric-item {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.signals-header-card .signals-metrics-single-line .sig-metric-item .metric-label {
  color: var(--sig-text-sub);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .72rem;
  font-weight: 700;
}

@media (max-width: 768px) {
  .signals-header-card .signals-metrics-single-line .sig-metric-item .metric-label {
    font-size: .65rem;
  }
}

.signals-header-card .signals-metrics-single-line .sig-metric-item .metric-value {
  font-family: Space Grotesk, monospace;
  font-size: .92rem;
  font-weight: 800;
}

@media (max-width: 768px) {
  .signals-header-card .signals-metrics-single-line .sig-metric-item .metric-value {
    font-size: .82rem;
  }
}

.signals-header-card .signals-metrics-single-line .sig-metric-item .metric-value.text-cyan {
  color: #00d2ff;
}

.signals-header-card .signals-metrics-single-line .sig-metric-item .metric-value.text-green {
  color: #10b981;
}

.signals-header-card .signals-metrics-single-line .sig-metric-item .metric-value.text-red {
  color: #f43f5e;
}

.signals-header-card .signals-metrics-single-line .sig-metric-item .metric-value.text-purple {
  color: #a855f7;
}

.signals-header-card .signals-metrics-single-line .sig-metric-item .metric-value.text-amber {
  color: #f59e0b;
}

.signals-header-card .signals-metrics-single-line .sig-metric-divider {
  background: var(--sig-card-border);
  flex-shrink: 0;
  width: 1px;
  height: 16px;
}

.signals-sections-grid {
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  align-items: start;
  gap: 20px;
  display: grid;
}

@media (max-width: 768px) {
  .signals-sections-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.signals-sections-grid .signals-col-section {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.signals-sections-grid .signals-col-section .section-header-banner {
  border-bottom: 1px solid var(--sig-card-border);
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.signals-sections-grid .signals-col-section .section-header-banner .banner-title-box {
  align-items: center;
  gap: 8px;
  display: flex;
}

.signals-sections-grid .signals-col-section .section-header-banner .banner-title-box h3 {
  color: var(--sig-text-main);
  margin: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 1.15rem;
  font-weight: 800;
}

.signals-sections-grid .signals-col-section .section-header-banner .banner-title-box .text-purple {
  color: #a855f7;
}

.signals-sections-grid .signals-col-section .section-header-banner .banner-title-box .text-cyan {
  color: #00d2ff;
}

.signals-sections-grid .signals-col-section .section-header-banner .banner-title-box .text-green {
  color: #10b981;
}

.signals-sections-grid .signals-col-section .section-header-banner .pill-badge {
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 9999px;
  padding: 4px 10px;
  font-size: .66rem;
  font-weight: 800;
}

.signals-sections-grid .signals-col-section .section-header-banner .pill-badge--super {
  color: #fff;
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  box-shadow: 0 4px 12px #7c3aed66;
}

.signals-sections-grid .signals-col-section .section-header-banner .pill-badge--pro {
  color: #00d2ff;
  background: #00d2ff24;
  border: 1px solid #00d2ff59;
}

.signals-sections-grid .signals-col-section .section-header-banner .pill-badge--std {
  color: #10b981;
  background: #10b98124;
  border: 1px solid #10b98159;
}

.signals-sections-grid .signals-col-section .cards-grid-stack {
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  display: grid;
}

@media (max-width: 768px) {
  .signals-sections-grid .signals-col-section .cards-grid-stack {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
}

.signals-sections-grid .signals-col-section .cards-grid-stack .signals-empty-card {
  background: var(--sig-card-bg);
  border: 1px dashed var(--sig-card-border);
  text-align: center;
  color: var(--sig-text-sub);
  border-radius: 16px;
  grid-column: span 2;
  padding: 32px 16px;
  font-size: .82rem;
  font-weight: 600;
}

@keyframes pulseGlow {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .4;
    transform: scale(.85);
  }
}

.lth-chunk-loader {
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 180px;
  padding: 32px 16px;
  animation: .2s cubic-bezier(.16, 1, .3, 1) lthLoaderFadeIn;
  display: flex;
}

.lth-chunk-loader--small {
  min-height: 80px;
  padding: 16px 8px;
}

.lth-chunk-loader--small .lth-loader-text {
  margin-top: 10px;
}

.lth-chunk-loader--small .lth-loader-message {
  font-size: 12px;
}

.lth-chunk-loader--large {
  min-height: 260px;
  padding: 48px 24px;
}

.lth-chunk-loader--large .lth-loader-text {
  margin-top: 20px;
}

.lth-chunk-loader--large .lth-loader-message {
  font-size: 15px;
}

.lth-chunk-loader .lth-spinner {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.lth-chunk-loader .lth-spinner__svg {
  transform-origin: center;
  animation: 1.4s linear infinite lthSpinnerRotate;
  overflow: visible;
}

.lth-chunk-loader .lth-spinner__track {
  stroke: var(--general-section-2, #94a3b826);
  opacity: .6;
  transition: stroke .2s;
}

.lth-chunk-loader .lth-spinner__head {
  stroke: var(--brand-red-coral, #ff444f);
  stroke-linecap: round;
  stroke-dasharray: 25 125;
  stroke-dashoffset: 0;
  filter: drop-shadow(0 0 6px #ff444f59);
  transition: stroke .2s;
  animation: 1.4s ease-in-out infinite lthSpinnerDash;
}

.lth-chunk-loader .lth-loader-text {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin-top: 16px;
  display: flex;
}

.lth-chunk-loader .lth-loader-message {
  letter-spacing: -.01em;
  color: var(--text-general, #94a3b8);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  font-family: var(--brand-font-primary, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
  animation: 2.5s ease-in-out infinite lthTextPulse;
}

.lth-chunk-loader .lth-loader-sub {
  color: var(--text-less-prominent, #64748b);
  letter-spacing: .01em;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
}

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

@keyframes lthSpinnerDash {
  0% {
    stroke-dasharray: 1 150;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90 150;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 90 150;
    stroke-dashoffset: -124px;
  }
}

@keyframes lthLoaderFadeIn {
  from {
    opacity: 0;
    transform: scale(.96);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes lthTextPulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .65;
  }
}

.iframe-wrapper {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  pointer-events: auto !important;
}

@media (max-width: 1400px) {
  .iframe-wrapper {
    width: 100%;
    height: 100%;
    min-height: 100%;
  }
}

@media (pointer: coarse) {
  .iframe-wrapper {
    width: 100%;
    height: 100%;
    min-height: 100%;
  }
}

.iframe-wrapper__frame {
  z-index: 10;
  background: none;
  border: none;
  border-radius: 0;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto !important;
}

@media (max-width: 1400px) {
  .iframe-wrapper__frame {
    width: 100%;
    height: 100%;
    min-height: 100%;
  }
}

@media (pointer: coarse) {
  .iframe-wrapper__frame {
    width: 100%;
    height: 100%;
    min-height: 100%;
  }
}

.iframe-wrapper__error-message {
  background-color: var(--general-main-1);
  width: 100%;
  height: 100%;
  color: var(--text-prominent);
  text-align: center;
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 1.6rem;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.iframe-wrapper__error-message p {
  margin-bottom: 10px;
}

.hyperbot-container {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  pointer-events: auto !important;
}

.hyperbot-container .iframe-wrapper {
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

.hyperbot-container .iframe-wrapper__frame {
  z-index: 10;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto !important;
}

.diffbot-container {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  pointer-events: auto !important;
}

.diffbot-container .iframe-wrapper {
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

.diffbot-container .iframe-wrapper__frame {
  z-index: 10;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto !important;
}

.matches-container {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  pointer-events: auto !important;
}

.matches-container .iframe-wrapper {
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

.matches-container .iframe-wrapper__frame {
  z-index: 10;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto !important;
}

.speedbot-container {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  pointer-events: auto !important;
}

.speedbot-container .iframe-wrapper {
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

.speedbot-container .iframe-wrapper__frame {
  z-index: 10;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto !important;
}

.dcircles-container, .dp-tools-container, .analysis-tool-container, .profithub-analysis-container, .smart-analysis-container, .xenon-ai-container {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  pointer-events: auto !important;
}

.dcircles-container.iframe-wrapper, .dcircles-container .iframe-wrapper, .dp-tools-container.iframe-wrapper, .dp-tools-container .iframe-wrapper, .analysis-tool-container.iframe-wrapper, .analysis-tool-container .iframe-wrapper, .profithub-analysis-container.iframe-wrapper, .profithub-analysis-container .iframe-wrapper, .smart-analysis-container.iframe-wrapper, .smart-analysis-container .iframe-wrapper, .xenon-ai-container.iframe-wrapper, .xenon-ai-container .iframe-wrapper {
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

.dcircles-container .iframe-wrapper__frame, .dp-tools-container .iframe-wrapper__frame, .analysis-tool-container .iframe-wrapper__frame, .profithub-analysis-container .iframe-wrapper__frame, .smart-analysis-container .iframe-wrapper__frame, .xenon-ai-container .iframe-wrapper__frame {
  z-index: 10;
  background: none;
  border: none;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto !important;
}

.bridge-diagnostics-toggle {
  z-index: 1000;
  background: var(--button-primary-default, #2563eb);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 12px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  box-shadow: 0 2px 5px #0003;
}

.bridge-diagnostics-toggle:hover {
  background: var(--button-primary-hover, #1d4ed8);
}

.bridge-diagnostics-panel {
  background: var(--general-main-1, #1e1e24);
  width: 320px;
  color: var(--text-prominent, #fff);
  border: 1px solid var(--border-normal, #333);
  z-index: 1001;
  border-radius: 8px;
  flex-direction: column;
  font-family: monospace;
  font-size: 12px;
  display: flex;
  position: absolute;
  bottom: 10px;
  right: 10px;
  box-shadow: 0 4px 15px #00000080;
}

.bridge-diagnostics-panel .bridge-diagnostics-header {
  background: var(--general-section-1, #2a2a35);
  border-bottom: 1px solid var(--border-normal, #333);
  border-radius: 8px 8px 0 0;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  display: flex;
}

.bridge-diagnostics-panel .bridge-diagnostics-header h3 {
  margin: 0;
  font-size: 14px;
}

.bridge-diagnostics-panel .bridge-diagnostics-header button {
  color: var(--text-prominent, #fff);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 18px;
  line-height: 1;
}

.bridge-diagnostics-panel .bridge-diagnostics-header button:hover {
  color: var(--brand-red, #ff444f);
}

.bridge-diagnostics-panel .bridge-diagnostics-content {
  max-height: 400px;
  padding: 10px;
  overflow-y: auto;
}

.bridge-diagnostics-panel .diag-row {
  border-bottom: 1px dashed var(--border-normal, #444);
  justify-content: space-between;
  margin-bottom: 6px;
  padding-bottom: 4px;
  display: flex;
}

.bridge-diagnostics-panel .diag-row .diag-label {
  color: var(--text-less-prominent, #aaa);
}

.bridge-diagnostics-panel .diag-row .diag-value {
  font-weight: bold;
}

.bridge-diagnostics-panel .diag-row .diag-value.state-connected, .bridge-diagnostics-panel .diag-row .diag-value.state-ready, .bridge-diagnostics-panel .diag-row .diag-value.state-authenticated {
  color: var(--brand-green, #4caf50);
}

.bridge-diagnostics-panel .diag-row .diag-value.state-failed, .bridge-diagnostics-panel .diag-row .diag-value.error {
  color: var(--brand-red, #ff444f);
}

.bridge-diagnostics-panel .diag-row .diag-value.state-idle, .bridge-diagnostics-panel .diag-row .diag-value.state-logged_out {
  color: var(--text-less-prominent, #aaa);
}

.bridge-diagnostics-panel .diag-row .diag-value.session-valid {
  color: var(--brand-green, #4caf50);
}

.bridge-diagnostics-panel .diag-row .diag-value.session-invalid, .bridge-diagnostics-panel .diag-row .diag-value.session-none {
  color: var(--brand-red, #ff444f);
}

.bridge-diagnostics-panel .diag-section-title {
  color: var(--text-less-prominent, #aaa);
  border-bottom: 1px solid var(--border-normal, #444);
  margin-top: 12px;
  margin-bottom: 8px;
  padding-bottom: 4px;
  font-weight: bold;
}

.bridge-diagnostics-panel .diag-history {
  flex-direction: column;
  gap: 4px;
  max-height: 200px;
  display: flex;
  overflow-y: auto;
}

.bridge-diagnostics-panel .diag-history .diag-msg {
  gap: 8px;
  display: flex;
}

.bridge-diagnostics-panel .diag-history .diag-msg.empty {
  color: var(--text-less-prominent, #aaa);
  font-style: italic;
}

.bridge-diagnostics-panel .diag-history .diag-msg.out {
  color: #60a5fa;
}

.bridge-diagnostics-panel .diag-history .diag-msg.in {
  color: #34d399;
}

.bridge-diagnostics-panel .diag-history .diag-msg .diag-time {
  color: var(--text-less-prominent, #aaa);
}

.bridge-diagnostics-panel .diag-history .diag-msg .diag-dir {
  font-weight: bold;
}

.profihub-modal-body {
  height: calc(100% - 6rem);
  padding: .5rem;
}

.profihub-modal-container {
  height: 100%;
}

.trade-type-confirmation-modal__content {
  color: var(--text-general);
  padding: 1rem 0;
  font-size: 1.4rem;
  line-height: 1.6;
}

.trade-type-confirmation-modal__content p {
  color: var(--text-general);
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
}

.trade-type-confirmation-modal__content p:last-child {
  margin-bottom: 0;
}

.trade-type-confirmation-modal__content strong {
  color: var(--text-prominent);
  font-size: 1.4rem;
  font-weight: 600;
}

.dc-dialog__wrapper--fixed {
  z-index: 9999;
}

.run-panel {
  height: 0;
}

.run-panel__container {
  box-sizing: border-box;
  z-index: 1000 !important;
  width: 36.6rem !important;
  height: calc(100vh - 13.6rem) !important;
  min-height: 0 !important;
  max-height: calc(100vh - 13.6rem) !important;
  top: 10rem !important;
  bottom: 3.6rem !important;
  overflow: visible !important;
}

.run-panel__container.dc-drawer--right.dc-drawer--open {
  transform: translateX(calc(16px - 38.2rem)) !important;
}

.run-panel__container .dc-drawer__container {
  min-height: 0;
  overflow: hidden;
}

.run-panel__container .dc-drawer__content, .run-panel__container .run-panel__content {
  flex: auto;
  min-height: 0;
  display: flex;
}

.run-panel__container .dc-tabs {
  grid-template-rows: auto minmax(0, 1fr);
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
}

.run-panel__container--mobile {
  z-index: 900;
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.run-panel__tile {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.run-panel__tile-title {
  min-height: 1.8rem;
  color: var(--text-general);
  text-transform: none;
  text-align: center;
  margin-bottom: 4px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.25;
}

.run-panel__tile-content {
  height: 18px;
  color: var(--text-general);
  text-transform: none;
  text-align: center;
  margin-bottom: 4px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.25;
}

.run-panel__stat {
  background-color: var(--general-section-2);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 35rem;
  display: flex;
}

@media (max-width: 1279px) {
  .run-panel__stat {
    margin: 0;
    position: fixed;
  }

  @supports (-webkit-touch-callout: none) {
    .run-panel__stat {
      padding-bottom: env(safe-area-inset-bottom, 0);
    }
  }
}

.run-panel__stat--info {
  cursor: pointer;
  width: 33%;
  color: var(--text-general);
  -webkit-tap-highlight-color: #0000;
  justify-content: center;
  align-items: flex-start;
  padding: 16px 0 2px;
  display: flex;
}

.run-panel__stat--info-item {
  border-bottom: 1px dotted var(--text-general);
  display: inline-block;
}

.run-panel__stat--tiles {
  grid-template: 64px 64px / 1fr 1fr 1fr;
  width: 100%;
  display: grid;
}

.run-panel__stat-amount {
  color: var(--text-general);
  text-transform: none;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.25;
}

.run-panel__stat-amount--positive {
  color: var(--text-profit-success);
  font-weight: bold;
}

.run-panel__stat-amount--negative {
  color: var(--text-loss-danger);
  font-weight: bold;
}

.run-panel__stat--mobile {
  width: 100%;
  bottom: 0;
}

.run-panel__footer {
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.run-panel__footer-button {
  width: 318px;
  margin: 12px 24px;
  height: 32px !important;
}

.run-panel__content {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  overflow: hidden !important;
}

.run-panel__content .dc-tabs__item {
  text-overflow: ellipsis;
  padding: 0 .8rem;
  overflow: hidden;
}

.run-panel__buttons {
  justify-content: space-between;
  align-items: center;
  width: 67%;
  margin-top: 1rem;
  display: inline-flex !important;
}

.run-panel-tab__content {
  height: calc(100vh - 42rem);
  overflow: hidden;
}

.run-panel-tab__content--no-stat {
  height: var(--drawer-content-height-no-stat);
}

.run-panel-tab__content--mobile {
  height: var(--drawer-content-height-mobile);
  width: 100vw;
  padding: .4rem 0;
  display: flex;
  position: fixed;
  bottom: 15.7rem;
}

@supports (-webkit-touch-callout: none) {
  .run-panel-tab__content--mobile {
    bottom: calc(15.7rem + env(safe-area-inset-bottom, 0));
  }
}

.run-panel-tab__content--summary-tab {
  padding: .8rem 1.6rem;
}

@media (max-width: 1279px) {
  .run-panel__clear-button {
    min-width: 8rem;
    top: .5rem;
    right: 1.6rem;
    height: 2.6rem !important;
    position: absolute !important;
  }
}

.controls__section {
  background-color: var(--general-main-1);
  border-top: solid 2px var(--general-section-1);
  z-index: 8;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: fixed;
  bottom: 0;
}

@supports (-webkit-touch-callout: none) {
  .controls__section {
    bottom: env(safe-area-inset-bottom, 0);
    padding-bottom: env(safe-area-inset-bottom, 0);
  }
}

.controls__section.ios-device {
  bottom: env(safe-area-inset-bottom, 0);
  padding-bottom: env(safe-area-inset-bottom, 0);
}

.controls__buttons {
  height: 6rem;
  width: inherit;
  padding: .8rem 2.4rem;
  display: flex;
}

@media (min-width: 601px) and (max-width: 1279px) {
  .controls__buttons {
    max-width: 60rem;
    padding: .8rem 0;
  }
}

@supports (-webkit-touch-callout: none) {
  .controls__buttons {
    height: auto;
    min-height: 6rem;
  }
}

.controls__stop-button, .controls__run-button {
  width: 40%;
  border-radius: 4px 0 0 4px !important;
}

.controls__animation {
  border-radius: 0 4px 4px 0;
  width: 100%;
  height: 4rem;
}

.list__animation-enter {
  height: 0;
  transform: translateX(200%);
}

.list__animation-enter-active {
  height: auto;
  transition: height .5s, transform .5s;
  transform: translateX(0%);
}

.list__animation-exit {
  opacity: 1;
}

.list__animation-exit-active {
  opacity: 0;
  transition: opacity .3s;
}

.db-self-exclusion {
  font-size: var(--text-size-xs);
  color: var(--text-general);
  font-weight: normal;
  line-height: 1.43;
}

.db-self-exclusion__content {
  margin: 2.4rem 1.4rem 2.4rem 2.4rem;
  padding-right: 1rem;
}

.db-self-exclusion .dc-themed-scrollbars__track--vertical {
  right: -.2rem;
}

.db-self-exclusion__dialog {
  width: 460px;
  max-height: 500px !important;
}

.db-self-exclusion__footer {
  border-top: 2px solid var(--general-section-2);
  width: 100%;
  height: 72px;
  padding: 1.4rem;
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
}

@supports (-webkit-touch-callout: none) {
  .db-self-exclusion__footer {
    bottom: env(safe-area-inset-bottom, 0);
    padding-bottom: calc(1.4rem + env(safe-area-inset-bottom, 0));
  }
}

@media (max-width: 1279px) {
  .db-self-exclusion__footer {
    width: 100%;
    position: absolute;
    bottom: 40px;
    left: 0;
  }

  @supports (-webkit-touch-callout: none) {
    .db-self-exclusion__footer {
      bottom: calc(40px + env(safe-area-inset-bottom, 0));
    }
  }

  .db-self-exclusion__footer--relative {
    margin-top: 5rem;
    position: relative;
  }
}

.db-self-exclusion__footer-btn-group {
  justify-content: flex-end;
  display: flex;
}

.db-self-exclusion__info {
  margin-bottom: 2rem;
}

.db-self-exclusion__limit-status {
  margin: 1rem 0;
}

.db-self-exclusion__limit-status--bold {
  font-weight: 700;
}

.db-self-exclusion__limit-status--danger {
  color: var(--status-danger);
  font-weight: 700;
}

.db-self-exclusion--danger {
  color: var(--status-danger);
}

.db-self-exclusion .dc-btn {
  margin-left: .8rem;
}

@media (max-width: 1279px) {
  .limits__wrapper {
    z-index: 5;
    background: var(--general-main-1);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
  }

  .limits__wrapper .db-self-exclusion {
    flex-direction: column;
    justify-content: space-between;
    height: calc(100vh - 40px);
    display: flex;
  }

  .limits__wrapper .db-self-exclusion__content {
    margin-top: 56px;
  }

  .limits__wrapper .db-self-exclusion__form-group {
    margin-bottom: 1.6rem;
    display: flex;
  }
}

.dc-modal__container_self-exclusion__modal {
  flex-direction: row;
  align-content: space-between;
  display: flex;
  width: 440px !important;
  height: 374px !important;
}

.statistics__modal {
  padding: 2.4rem;
  font-size: 1.6rem;
  width: 44rem !important;
  height: 28.4rem !important;
}

.statistics__modal--mobile {
  font-size: 1.6rem !important;
}

.statistics__modal-body {
  height: calc(100vh - 40.6rem);
  min-height: 10rem;
  max-height: 45rem;
}

.statistics__modal-body--mobile {
  height: 40.4rem;
  padding: .6rem 0 1.6rem !important;
}

.statistics__modal-body--content {
  margin-top: 1rem;
}

.statistics__modal-body--content-stake {
  margin-top: unset;
  font-weight: bold;
}

.statistics__modal-scrollbar {
  padding-right: 1.2rem;
}

@media (max-width: 1279px) {
  .dc-modal__container_statistics__modal {
    width: 31.2rem !important;
  }
}

.dc-modal__container_statistics__modal .dc-modal-body {
  padding: 2.4rem 1.2rem 2.4rem 2.4rem;
}

@media (max-width: 1279px) {
  .dc-dialog__button {
    white-space: normal;
    word-break: break-word;
    flex-basis: 100%;
  }
}

.autotrades-mobile-tx-wrapper {
  z-index: 999;
  position: fixed;
  bottom: 18px;
  right: 18px;
}

.autotrades-mobile-tx-btn {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #0284c7, #6366f1);
  border: 1px solid #fff3;
  border-radius: 24px;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 700;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
  box-shadow: 0 4px 20px #0284c766, 0 0 16px #6366f14d;
}

.autotrades-mobile-tx-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px #0284c78c;
}

.autotrades-mobile-tx-btn:active {
  transform: scale(.96);
}

.autotrades-mobile-tx-btn .tx-btn-icon {
  font-size: 16px;
}

.dashboard__chart-wrapper {
  background-color: var(--general-main-1);
  flex: 1;
  transition: width .25s cubic-bezier(.4, 0, .2, 1);
  position: relative;
  overflow: hidden;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.dashboard__chart-wrapper .smartcharts-desktop, .dashboard__chart-wrapper .ciq-chart {
  width: 100% !important;
  height: 100% !important;
}

.dashboard__chart-wrapper .chartContainer {
  font-size: 12px !important;
}

.dashboard__chart-wrapper .cq-chart-title .cq-symbol-select-btn .cq-chart-price {
  align-items: baseline !important;
  gap: 6px !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  display: flex !important;
}

.dashboard__chart-wrapper .cq-chart-title .cq-symbol-select-btn .cq-chart-price .cq-animated-price {
  font-variant-numeric: tabular-nums !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

.dashboard__chart-wrapper .cq-chart-title .cq-symbol-select-btn .cq-chart-price .cq-change {
  font-size: 13px !important;
  font-weight: 600 !important;
}

.dashboard__chart-wrapper .spot__label {
  font-variant-numeric: tabular-nums !important;
  border-radius: 4px !important;
  padding: 4px 6px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 6px #00000040 !important;
}

.dashboard__chart-wrapper .price {
  font-variant-numeric: tabular-nums !important;
  padding: 2px 5px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
}

.dashboard__chart-wrapper .drag-price {
  height: 26px !important;
}

.dashboard__chart-wrapper .drag-price .price {
  font-size: 15px !important;
  font-weight: 600 !important;
}

.dashboard__chart-wrapper .stx-current-hr, .dashboard__chart-wrapper .stx_current_hr_up, .dashboard__chart-wrapper .stx_current_hr_down, .dashboard__chart-wrapper .stx_current_price {
  font-variant-numeric: tabular-nums !important;
  padding: 2px 5px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.bot__chart-container {
  position: relative;
  top: 0;
}

.bot__chart-container-wrapper {
  background-color: var(--general-main-1);
  width: 100vw;
  position: absolute;
  top: 0;
}

.bot .ciq-chart .cq-top-ui-widgets, .bot .ciq-chart .info-box {
  transition: transform .25s;
}

.bot .ciq-chart .cq-top-ui-widgets .cq-symbols-display, .bot .ciq-chart .info-box .cq-symbols-display {
  z-index: 1;
}

.bot .ciq-chart .cq-top-ui-widgets .cq-symbols-display.ciq-disabled, .bot .ciq-chart .info-box .cq-symbols-display.ciq-disabled {
  display: none;
}

@media (max-width: 600px) {
  .bot .ciq-chart .cq-top-ui-widgets .cq-symbols-display, .bot .ciq-chart .info-box .cq-symbols-display {
    width: auto;
    padding: 10px;
  }

  .bot .ciq-chart .cq-top-ui-widgets .cq-symbols-display .cq-menu-btn, .bot .ciq-chart .info-box .cq-symbols-display .cq-menu-btn {
    padding: .2rem;
  }

  .bot .ciq-chart .cq-top-ui-widgets .cq-symbols-display .cq-symbol-select-btn, .bot .ciq-chart .info-box .cq-symbols-display .cq-symbol-select-btn {
    margin: .2rem;
  }

  .bot .ciq-chart .cq-top-ui-widgets .cq-symbols-display .cq-symbol-select-btn .cq-symbol-dropdown, .bot .ciq-chart .info-box .cq-symbols-display .cq-symbol-select-btn .cq-symbol-dropdown {
    margin-left: auto;
    transform: scale(1);
  }

  .bot .ciq-chart .cq-top-ui-widgets .cq-symbols-display .cq-symbol-select-btn .cq-symbol, .bot .ciq-chart .info-box .cq-symbols-display .cq-symbol-select-btn .cq-symbol {
    font-size: 1.4rem;
  }
}

.bot .ciq-chart .cq-top-ui-widgets {
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

.bot .ciq-chart .sc-toolbar-widget {
  transition: transform .25s;
}

@media (max-width: 600px) {
  .bot .ciq-chart .sc-toolbar-widget {
    bottom: 80px;
  }
}

.bot .ciq-chart .sc-toolbar-widget .app-contents .ciq-menu {
  margin: 0;
}

.bot .smartcharts-mobile .cq-context {
  z-index: 99;
}

.bot .smartcharts-mobile .cq-context .sc-mcd__category:last-child {
  margin-bottom: 3rem !important;
}

.bot .smartcharts-mobile .cq-chart-title .cq-menu-dropdown {
  z-index: 99999 !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  will-change: transform !important;
  width: 100% !important;
  height: 100% !important;
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  transform: translateZ(0) !important;
}

.bot .smartcharts-mobile .cq-chart-title .cq-menu-dropdown .sc-dialog {
  height: 100% !important;
}

.bot .smartcharts-mobile .cq-chart-title .cq-menu-dropdown .sc-dialog__body {
  height: inherit !important;
}

.bot .smartcharts-mobile .cq-chart-title .cq-menu-dropdown .sc-dialog__body .sc-mcd {
  height: inherit !important;
  min-width: auto !important;
}

.bot .smartcharts-mobile .cq-chart-title .cq-menu-dropdown .sc-dialog__body .title-text {
  font-size: 1.6rem;
}

.bot .smartcharts-mobile .sc-mcd__item, .bot .smartcharts-mobile .sc-mcd__category__content .subcategory {
  padding-left: 10px !important;
}

.dashboard__chart-wrapper--safari .smartcharts-mobile .cq-context .sc-mcd__category:last-child {
  padding-bottom: 200px !important;
}

.dashboard__chart-wrapper--safari .smartcharts-mobile .cq-chart-title .cq-menu-dropdown {
  padding-bottom: 200px;
  width: 100vw !important;
  height: 100vh !important;
  position: absolute !important;
  left: -10px !important;
}

.cq-modal-dropdown.stxMenuActive {
  top: 0;
  left: 0;
}

#id-charts--disabled {
  color: var(--fill-normal-1);
  stroke-opacity: .3;
  pointer-events: none;
}

.chart-modal-dialog {
  --modal-height: calc(100% - 54px);
  height: var(--modal-height);
  max-height: var(--modal-height);
  z-index: 999;
  justify-content: center;
  align-items: center;
  padding: 0 .8rem;
  transition: opacity .25s cubic-bezier(.25, .1, .1, .25);
  display: flex;
}

.chart-modal-dialog .dashboard__chart-wrapper--modal {
  width: 100%;
  height: 100%;
}

.chart-modal-dialog .sc-navigation-widget {
  display: none;
}

.chart-modal-dialog .cq-symbols-display .cq-menu-btn {
  padding: .2rem;
}

.chart-modal-dialog .cq-symbols-display .cq-symbol-select-btn {
  margin: .2rem;
}

.chart-modal-dialog .cq-symbols-display .cq-symbol-select-btn-dropdown {
  margin-left: auto;
  transform: scale(1);
}

.chart-modal-dialog .cq-symbols-display .cq-symbol-select-btn .cq-symbol {
  font-size: 1.4rem;
}

.chart-modal-dialog .cq-symbols-display .cq-symbol-select-btn-info {
  min-height: unset;
}

.chart-modal-dialog .sc-toolbar-widget {
  bottom: 4vh;
  top: unset;
  cursor: pointer;
  background: var(--general-section-1);
  border-width: 0;
  border-radius: 2rem;
}

.chart-modal-dialog .sc-toolbar-widget .sc-tooltip:not(:first-child) {
  display: none;
}

.chart-modal-dialog .sc-toolbar-widget .cq-menu-btn .sc-chart-mode__menu__timeperiod {
  left: 1rem;
}

.chart-modal-dialog .sc-toolbar-widget .cq-menu-btn:hover {
  background: none;
}

.chart-modal-dialog .cq-chart-title .cq-menu-dropdown {
  height: 46rem;
  position: fixed;
}

.chart-modal-dialog .cq-chart-title .cq-menu-dropdown:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: unset;
}

.chart-modal-dialog .cq-chart-title .cq-menu-dropdown:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: unset;
}

.chart-modal-dialog .cq-chart-title .cq-menu-dropdown:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: unset;
}

.chart-modal-dialog .cq-chart-title .cq-menu-dropdown:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: unset;
}

.chart-modal-dialog .cq-chart-title .cq-menu-dropdown:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: unset;
}

.chart-modal-dialog .cq-chart-title .cq-menu-dropdown:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: unset;
}

.chart-modal-dialog .cq-chart-title .cq-menu-dropdown .sc-dialog {
  height: 100% !important;
}

.chart-modal-dialog .cq-chart-title .cq-menu-dropdown .sc-dialog__body {
  height: inherit !important;
}

.chart-modal-dialog .cq-chart-title .cq-menu-dropdown .sc-dialog__body .sc-mcd {
  height: inherit !important;
  min-width: auto !important;
}

.open-livechat__link {
  color: var(--brand-red-coral);
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.open-livechat__link:hover {
  cursor: pointer;
  text-decoration: underline;
}

.announcement-dialog .dc-dialog__dialog {
  max-width: calc(440px - 4.8rem);
  max-height: none;
  padding: 0;
}

@media (max-width: 1279px) {
  .announcement-dialog .dc-dialog__dialog {
    max-width: unset;
    border-radius: 0;
    justify-content: start;
    width: 100%;
    height: 100%;
    margin-top: 0;
  }
}

.announcement-dialog .dc-dialog__header-wrapper {
  border-bottom: 1px solid var(--general-section-6);
  margin-bottom: 0;
  padding: 1.5rem 1.5rem 1.5rem 2rem;
}

@media (max-width: 1279px) {
  .announcement-dialog .dc-dialog__header-wrapper .dc-text {
    font-size: 14px;
  }
}

.announcement-dialog .dc-dialog__content {
  max-width: unset;
  margin-bottom: .5rem;
}

.announcement-dialog .dc-dialog__content .open-livechat__link .dc-text {
  color: var(--text-general);
  text-decoration: underline;
}

.announcement-dialog .dc-dialog__footer {
  border-top: 1px solid var(--general-section-6);
  justify-content: center;
  padding: 1.5rem;
}

@media (max-width: 1279px) {
  .announcement-dialog .dc-dialog__footer {
    flex-wrap: nowrap;
    position: fixed;
    bottom: 0;
  }
}

.announcement-dialog .dc-dialog__footer:empty {
  border: none;
  padding: 0;
}

.announcement-dialog .dc-dialog__button {
  width: 100%;
}

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

.announcement-dialog .dc-dialog__button:last-child {
  margin-left: .8rem;
}

.announcement-dialog--tablet .dc-dialog__content {
  max-width: 100% !important;
}

.announcement-dialog__body-icon--accumulator_announce, .announcement-dialog__body-icon--moving_strategies_announce, .announcement-dialog__body-icon--blockly_announce {
  justify-content: center;
  align-items: center;
  height: 12.5rem;
  margin-bottom: 1rem;
  display: flex;
}

@media (max-width: 1279px) {
  .announcement-dialog__body-icon--accumulator_announce, .announcement-dialog__body-icon--moving_strategies_announce, .announcement-dialog__body-icon--blockly_announce {
    width: 100%;
  }
}

.announcement-dialog__body-icon--accumulator_announce {
  background-color: var(--general-section-1);
  border-radius: .8rem;
}

.announcement-dialog__body-main-content {
  flex-direction: column;
  gap: 1rem;
  padding: 2.4rem;
  display: flex;
}

@media (max-width: 1279px) {
  .announcement-dialog__body-main-content {
    padding: 1.6rem;
  }
}

.announcement-dialog__body-item {
  gap: 1rem;
  display: flex;
}

.announcement-dialog__body-item svg {
  margin-top: .4rem;
}

.announcement-dialog__body-item--numbered {
  margin-left: 2rem;
}

[dir="rtl"] .announcement-dialog__body-item--numbered {
  margin-left: 0;
  margin-right: 2rem;
}

.announcement-dialog__image {
  width: 100%;
  min-height: 16rem;
  padding-top: 1.6rem;
}

.announcement-dialog__unordered_list {
  color: var(--text-prominent);
  padding: 0 1.6rem;
  list-style: outside;
}

.announcement-dialog__title {
  margin-bottom: 1rem;
}

.announcement-dialog__title--accumulator_announce {
  text-align: center;
}

.announcements {
  z-index: 1;
  position: absolute;
  top: 1.8rem;
}

.announcements:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 2.4rem;
}

.announcements:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 2.4rem;
}

.announcements:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 2.4rem;
}

.announcements:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 2.4rem;
}

.announcements:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 2.4rem;
}

.announcements:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 2.4rem;
}

@media (max-width: 1279px) {
  .announcements:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 1.6rem;
  }

  .announcements:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 1.6rem;
  }

  .announcements:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 1.6rem;
  }

  .announcements:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 1.6rem;
  }

  .announcements:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 1.6rem;
  }

  .announcements:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 1.6rem;
  }
}

.announcements__button {
  background-color: var(--general-section-1);
  cursor: pointer;
  border: none;
  border-radius: 2.4rem;
  outline: none;
  justify-content: center;
  align-items: center;
  padding: .8rem 1.4rem;
  display: flex;
}

@media (max-width: 1279px) {
  .announcements__button {
    text-align: center;
    width: 3.2rem;
    height: 3.2rem;
    padding: 0;
    line-height: 3.6rem;
  }
}

.announcements__icon {
  width: 2.4rem;
  height: 2.4rem;
}

@media (max-width: 1279px) {
  .announcements__icon {
    width: 2.6rem;
    height: 2.6rem;
  }
}

.announcements__label {
  margin-inline-start: .4rem;
}

.announcements__amount {
  background-color: var(--status-danger);
  width: 1.8rem;
  height: 1.8rem;
  color: var(--brand-white);
  border-radius: .9rem;
  justify-content: center;
  align-items: center;
  margin-inline-start: .4rem;
  font-weight: bold;
  display: flex;
}

@media (max-width: 1279px) {
  .announcements__amount {
    position: absolute;
    bottom: 2.1rem;
    left: 1.8rem;
  }
}

.notifications {
  background-color: var(--general-main-2);
  border-radius: 0;
  min-height: 53.6rem !important;
}

@media (max-width: 1279px) {
  .notifications {
    height: 100svh;
  }
}

.notifications__wrapper {
  border-inline-start: 1px solid var(--general-section-1);
  border-width: 1px;
  margin-inline-end: 1rem;
  padding-inline-start: .5rem;
}

.notifications__wrapper .notifications__empty {
  width: 100%;
}

.notifications__wrapper--desktop, .notifications__wrapper--tablet {
  z-index: 10;
  width: 40rem;
  position: absolute;
  top: 5rem;
  right: 0;
}

[dir="rtl"] .notifications__wrapper--desktop:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: -28rem;
}

[dir="rtl"] .notifications__wrapper--desktop:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: -28rem;
}

[dir="rtl"] .notifications__wrapper--desktop:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: -28rem;
}

[dir="rtl"] .notifications__wrapper--tablet:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: -28rem;
}

[dir="rtl"] .notifications__wrapper--tablet:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: -28rem;
}

[dir="rtl"] .notifications__wrapper--tablet:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: -28rem;
}

[dir="rtl"] .notifications__wrapper--desktop:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: -28rem;
}

[dir="rtl"] .notifications__wrapper--desktop:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: -28rem;
}

[dir="rtl"] .notifications__wrapper--desktop:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: -28rem;
}

[dir="rtl"] .notifications__wrapper--tablet:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: -28rem;
}

[dir="rtl"] .notifications__wrapper--tablet:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: -28rem;
}

[dir="rtl"] .notifications__wrapper--tablet:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: -28rem;
}

@media (min-width: 601px) and (max-width: 1279px) {
  [dir="rtl"] .notifications__wrapper--desktop:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: -37rem;
  }

  [dir="rtl"] .notifications__wrapper--desktop:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: -37rem;
  }

  [dir="rtl"] .notifications__wrapper--desktop:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: -37rem;
  }

  [dir="rtl"] .notifications__wrapper--tablet:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: -37rem;
  }

  [dir="rtl"] .notifications__wrapper--tablet:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: -37rem;
  }

  [dir="rtl"] .notifications__wrapper--tablet:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: -37rem;
  }

  [dir="rtl"] .notifications__wrapper--desktop:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: -37rem;
  }

  [dir="rtl"] .notifications__wrapper--desktop:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: -37rem;
  }

  [dir="rtl"] .notifications__wrapper--desktop:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: -37rem;
  }

  [dir="rtl"] .notifications__wrapper--tablet:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: -37rem;
  }

  [dir="rtl"] .notifications__wrapper--tablet:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: -37rem;
  }

  [dir="rtl"] .notifications__wrapper--tablet:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: -37rem;
  }
}

.notifications__wrapper--tablet {
  height: auto;
}

[dir="rtl"] .notifications__wrapper--tablet {
  right: -37rem;
}

.notifications__wrapper--mobile .deriv-modal__header {
  border-bottom: 1px solid var(--general-section-6);
}

html[dir="rtl"] .notifications__wrapper--mobile .deriv-modal__header .deriv-modal__close-icon {
  margin-inline: revert;
}

.notifications__wrapper--mobile .deriv-modal__footer {
  border-top: 1px solid var(--general-section-6);
}

.notifications__wrapper .deriv-text {
  font-weight: bold;
}

.notifications__wrapper .deriv-context-menu {
  box-shadow: 0 3.2rem 6.4rem #0e0e0e24;
}

.notifications .deriv-text {
  color: var(--text-prominent);
}

.notifications .notification {
  --notification-icon-color: #2c9aff14;
  border-radius: none;
  height: 9.8rem;
  box-shadow: none;
  background-color: var(--general-main-2);
  justify-content: start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.notifications .notification:after {
  background-color: var(--general-section-6);
  content: "";
  z-index: 1;
  width: 100%;
  height: .1rem;
  margin-left: 16%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.notifications .notification:not(:last-child) {
  margin-bottom: 0;
}

@media (max-width: 1279px) {
  .notifications .notification {
    max-width: 100%;
  }
}

.notifications .notification__container {
  align-items: center;
}

.notifications .notification__button {
  cursor: pointer;
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.notifications .notification__title .dc-text {
  color: var(--text-prominent);
}

.notifications .notification__message .deriv-text {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.notifications .notification__message .deriv-text .dc-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 32rem;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .notifications .notification__message .deriv-text .dc-text {
    width: 28rem;
  }
}

.notifications .notification__icon {
  text-align: center;
  background-color: var(--notification-icon-color);
  border-radius: 1.8rem;
  align-self: flex-start;
  width: 3.2rem;
  height: 3.2rem;
  margin-top: .7rem;
  position: relative;
}

.notifications .notification__icon--indicator {
  background-color: var(--status-danger);
  border-radius: 4px;
  width: .8rem;
  height: .8rem;
  position: absolute;
  top: 0;
  right: 0;
}

.notifications .notification__text {
  margin-inline-start: 1.6rem;
}

html[dir="rtl"] .notifications .notification__text h3 {
  text-align: right;
}

.notifications__footer {
  padding: 0 !important;
}

.notifications__footer__clear-button {
  cursor: pointer;
  height: 4rem;
  color: var(--icon-black-plus);
  margin: 1.6rem;
}

@media (max-width: 1279px) {
  .notifications__footer__clear-button {
    justify-content: center;
    width: 92%;
  }
}

.notifications__footer-box {
  box-shadow: 0 1px var(--general-section-6) inset;
}

.notifications__header-desktop {
  border-bottom: 1px solid var(--general-section-6);
  justify-content: left;
  padding: 1.6rem 0;
  padding-inline-start: 2rem !important;
}

[dir="rtl"] .notifications__header-desktop {
  justify-content: right;
}

@media (max-width: 1279px) {
  .dc-dialog__delete-strategy--delete .dc-dialog__footer {
    flex-wrap: unset;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .dc-dialog__delete-strategy--delete .dc-dialog__footer button {
    flex-basis: unset;
    margin-bottom: unset;
  }

  .dc-dialog__delete-strategy--delete .dc-dialog__footer button:first-child {
    margin-inline-end: .8rem;
  }
}

.load-strategy__wrapper {
  z-index: 10;
  width: 100%;
  position: fixed;
  top: 4rem;
}

@media (max-width: 1279px) {
  .load-strategy__wrapper .dc-mobile-full-page-modal {
    width: 100%;
  }
}

.load-strategy__wrapper .dc-mobile-full-page-modal__body {
  height: 100%;
}

.load-strategy__wrapper .dc-mobile-full-page-modal .google-drive-label {
  width: 100%;
}

@media (max-width: 1279px) {
  .load-strategy__wrapper .dc-tabs {
    height: 100%;
    display: unset;
    flex: 1;
  }

  .load-strategy__wrapper .dc-tabs__content {
    height: calc(100% - 4rem);
  }
}

@media (min-width: 1280px) {
  .load-strategy__container, .load-strategy__container--has-footer {
    height: calc(80vh - 15rem);
  }

  .load-strategy__container > * {
    height: 100%;
    margin-top: .8rem;
  }
}

@media (min-width: 601px) and (max-width: 1279px) {
  .load-strategy__container, .load-strategy__container--has-footer {
    height: calc(80vh - 15rem);
  }

  .load-strategy__container > * {
    height: 100%;
    margin-top: .8rem;
  }
}

@media (max-width: 1279px) {
  .load-strategy__container {
    height: 100%;
    overflow: hidden;
  }
}

.load-strategy__button-group {
  justify-content: flex-end;
  margin-inline-end: 1.6rem;
  display: flex;
}

.load-strategy__button-group--clear {
  color: #fff;
  cursor: pointer;
  background-color: #d6d6d6;
  border: none;
  border-radius: .4rem;
  outline: none;
  width: 6.7rem;
  height: 3.4rem;
  margin-inline-end: 1.6rem;
  font-size: 1.4rem;
  font-weight: 700;
}

.load-strategy__button-group--open {
  color: #fff;
  height: 3.4rem;
  font-weight: 700;
  font-size: "1.4rem";
  cursor: pointer;
  background-color: #ff444f;
  border: none;
  border-radius: .4rem;
  outline: none;
}

.load-strategy__preview-workspace {
  border: solid 1px var(--border-normal);
  margin-inline-end: 1.6rem;
  border-radius: 4px;
  height: calc(100vh - 30.4rem);
  margin-bottom: 1.6rem;
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
}

.load-strategy__preview-workspace-controls {
  box-shadow: .2rem .2rem .5rem var(--shadow-menu);
  z-index: 4;
  background-color: #f2f3f4;
  border-radius: 3rem;
  flex-direction: column;
  padding: .7rem .5rem;
  display: flex;
  position: absolute;
  bottom: 1.6rem;
}

.load-strategy__preview-workspace-controls:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 1.6rem;
}

.load-strategy__preview-workspace-controls:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 1.6rem;
}

.load-strategy__preview-workspace-controls:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 1.6rem;
}

.load-strategy__preview-workspace-controls:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 1.6rem;
}

.load-strategy__preview-workspace-controls:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 1.6rem;
}

.load-strategy__preview-workspace-controls:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 1.6rem;
}

.load-strategy__preview-workspace-icon {
  cursor: pointer;
  margin: .5rem;
}

@media (min-width: 1280px) {
  .load-strategy__local-dropzone {
    padding-top: 1.6rem;
  }
}

@media (max-width: 1279px) {
  .load-strategy__local-dropzone {
    height: 100%;
    padding: 1.6rem;
  }
}

.load-strategy__local-dropzone-area {
  border: dashed .2rem var(--border-normal);
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 1.6rem;
  display: flex;
}

.load-strategy__local-icon {
  margin-bottom: 1.6rem;
}

.load-strategy__local-title {
  font-size: var(--text-size-s);
  margin-bottom: 1.6rem;
}

.load-strategy__local-description {
  font-size: var(--text-size-xs);
  margin-bottom: 1.6rem;
}

.load-strategy__local-preview {
  flex-direction: column;
  display: flex;
  position: relative;
}

@media (max-width: 1279px) {
  .load-strategy__local-preview {
    height: calc(100% - 7.4rem);
    padding: 1.6rem;
  }

  .load-strategy__local-preview--active {
    height: calc(70% - 7.4rem);
  }

  .load-strategy__local-preview--listed {
    padding: 0;
  }
}

.load-strategy__local-preview-close {
  background-image: radial-gradient(at right top);
  z-index: 99;
  cursor: pointer;
  border-bottom-left-radius: 50%;
  padding: 2.5rem;
  position: absolute;
  top: 0;
}

.load-strategy__local-preview-close:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.load-strategy__local-preview-close:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.load-strategy__local-preview-close:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.load-strategy__local-preview-close:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.load-strategy__local-preview-close:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.load-strategy__local-preview-close:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.load-strategy__local-footer {
  border-top: 1px solid var(--general-section-1);
  justify-content: flex-end;
  padding: 1.6rem;
  display: flex;
}

.load-strategy__google-drive {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (max-width: 1279px) {
  .load-strategy__google-drive {
    border: dashed .2rem var(--border-normal);
    border-radius: 4px;
    height: calc(100% - 3.2rem);
    margin: 1.6rem;
    padding: 1.6rem;
  }
}

.load-strategy__google-drive-icon {
  margin-bottom: 1.6rem;
}

.load-strategy__google-drive-icon--disabled {
  opacity: .32;
}

.load-strategy__google-drive-connected-text {
  font-size: var(--text-size-s);
  color: var(--text-general);
  margin-bottom: 1.6rem;
  font-weight: bold;
  line-height: 2.4rem;
}

.load-strategy__google-drive-terms {
  font-size: var(--text-size-xs);
  text-align: center;
  color: var(--text-general);
  margin: 1.6rem 0;
  line-height: 2rem;
}

.load-strategy__google-drive-text {
  margin-bottom: 1rem;
}

.picker {
  border-radius: .8rem;
  max-width: 98%;
  max-height: 99%;
}

.picker-content {
  max-width: 98%;
  padding: 1%;
}

@media (max-width: 1279px) {
  .picker {
    width: 100%;
    height: 100%;
    top: 0;
  }
}

.dc-dialog .link:hover {
  cursor: pointer;
  text-decoration: underline;
}

.dc-dialog .link {
  color: var(--brand-red-coral);
  font-weight: 700;
  text-decoration: none;
}

@media (max-width: 1279px) {
  .dc-dialog__wrapper--preview {
    top: 6.5rem;
  }

  .dc-dialog__wrapper--preview .dc-dialog__dialog {
    justify-content: flex-start;
    min-width: 100vw;
    min-height: 100vh;
    padding: 0;
  }

  .dc-dialog__wrapper--preview .dc-dialog__header-wrapper {
    justify-content: center;
    align-items: center;
    height: 4rem;
    margin-bottom: 0;
    display: flex;
    box-shadow: inset 0 -.1rem #f2f3f4;
  }

  .dc-dialog__wrapper--preview .dc-dialog__header-wrapper h1 {
    text-align: center;
    width: 100%;
  }

  .dc-dialog__wrapper--preview .dc-dialog__header--close {
    margin-top: -1rem;
    padding: 1.6rem;
  }

  .dc-dialog__wrapper--preview .dc-dialog__content {
    max-width: unset;
  }

  .dc-dialog__wrapper--preview .dc-dialog__content .injectionDiv {
    border: 1px solid #d6d6d6;
    height: calc(100vh - 26.5rem);
    margin: 2.4rem;
  }

  .dc-dialog__wrapper--preview .dc-dialog__content .load-strategy__preview-workspace-container {
    min-height: 33rem;
    margin-bottom: 3.2rem;
    position: relative;
  }

  .dc-dialog__wrapper--preview .dc-dialog__content .load-strategy__preview-workspace-controls:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 3.6rem;
  }

  .dc-dialog__wrapper--preview .dc-dialog__content .load-strategy__preview-workspace-controls:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 3.6rem;
  }

  .dc-dialog__wrapper--preview .dc-dialog__content .load-strategy__preview-workspace-controls:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 3.6rem;
  }

  .dc-dialog__wrapper--preview .dc-dialog__content .load-strategy__preview-workspace-controls:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 3.6rem;
  }

  .dc-dialog__wrapper--preview .dc-dialog__content .load-strategy__preview-workspace-controls:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 3.6rem;
  }

  .dc-dialog__wrapper--preview .dc-dialog__content .load-strategy__preview-workspace-controls:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 3.6rem;
  }

  .dc-dialog__wrapper--preview .dc-dialog__content .load-strategy__button-group {
    margin: 0;
    padding: 1.6rem;
    box-shadow: inset 0 .2rem #f2f3f4;
  }

  .dc-dialog__wrapper--preview .dc-dialog__footer {
    display: none;
  }
}

.toolbar__dialog {
  transition: none;
}

.flex-align-center, .bot-list__item__load-type, .bot-list__item, .bot-list__header {
  align-items: center;
  display: flex;
}

.bot-list__container {
  justify-content: center;
  width: 100%;
  display: flex;
}

@media (max-width: 600px) {
  .bot-list__container {
    display: unset;
  }
}

.bot-list__wrapper {
  width: 623px;
}

@media (min-width: 601px) and (max-width: 1279px) {
  .bot-list__wrapper {
    width: 600px;
  }
}

@media (max-width: 600px) {
  .bot-list__wrapper {
    width: unset;
  }
}

.bot-list__table {
  height: calc(100vh - 57rem);
  overflow: auto;
}

@media (max-width: 600px) {
  .bot-list__table {
    height: calc(100vh - 55rem);
  }
}

.bot-list__title {
  font-size: var(--text-size-s);
  color: var(--text-general);
  margin-block-end: .8rem;
  font-weight: 700;
}

.bot-list__title--listed {
  margin: 0 !important;
}

.bot-list__header {
  border-bottom: 1px solid var(--border-divider);
}

@media (max-width: 1279px) {
  .bot-list__header {
    padding: .8rem 0;
  }
}

.bot-list__header__label {
  width: 34%;
  padding: .8rem 1.6rem;
}

@media (max-width: 1279px) {
  .bot-list__header__label {
    width: 40%;
    padding: 0;
  }
}

.bot-list__header__time-stamp {
  width: 20%;
  padding: .8rem 1.6rem;
}

@media (max-width: 1279px) {
  .bot-list__header__time-stamp {
    width: 25%;
    padding: 0;
  }
}

.bot-list__header__load-type {
  width: 25%;
  padding: .8rem 1.6rem;
}

@media (max-width: 1279px) {
  .bot-list__header__load-type {
    padding: 0;
  }
}

.bot-list__item {
  border-bottom: 1px solid var(--border-divider);
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}

.bot-list__item__label {
  width: 35%;
  padding: .8rem 1.6rem;
}

.bot-list__item__label .text-wrapper {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  max-width: 100%;
  display: -webkit-box;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .bot-list__item__label {
    width: 40%;
    padding-inline-start: 0;
  }
}

.bot-list__item__time-stamp {
  width: 20%;
  padding: .8rem 1.6rem;
}

@media (max-width: 1279px) {
  .bot-list__item__time-stamp {
    width: 25%;
    padding: 0;
  }
}

.bot-list__item__load-type {
  width: 25%;
  padding: .8rem 1.6rem;
}

@media (max-width: 1279px) {
  .bot-list__item__load-type {
    padding: 0;
  }
}

.bot-list__item__load-type svg {
  margin-inline-end: .8rem;
}

.bot-list__item__actions {
  justify-content: center;
  align-items: center;
  width: 20%;
  padding: .8rem 1.6rem;
  display: flex;
}

.bot-list__item__actions__action-item {
  margin-inline-end: 1.6rem;
}

.bot-list__item__actions__action-item:last-child {
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.bot-list__item__actions__action-item:hover {
  cursor: pointer;
}

@media (max-width: 1279px) {
  .bot-list__item__actions {
    width: 10%;
    padding: 0;
  }
}

.bot-list__item__actions button {
  width: unset;
  background: none;
  border: none;
  padding: 0;
}

.bot-list__item__actions button svg {
  fill: var(--text-general);
}

.bot-list__item__responsive {
  background: var(--general-main-1);
  z-index: 100;
  min-width: 15rem;
  display: none;
  position: absolute;
  top: 4rem;
  box-shadow: 0 0 2rem #0000000d, 0 1.6rem 2rem #0000000d;
}

.bot-list__item__responsive:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 3rem;
}

.bot-list__item__responsive:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 3rem;
}

.bot-list__item__responsive:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 3rem;
}

.bot-list__item__responsive:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 3rem;
}

.bot-list__item__responsive:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 3rem;
}

.bot-list__item__responsive:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 3rem;
}

.bot-list__item__responsive--active {
  display: block;
}

.bot-list__item__responsive__menu {
  align-items: center;
  height: 4rem;
  padding: .8rem 1.1rem;
  display: flex;
}

.bot-list__item__responsive__menu .dc-icon, .bot-list__item__responsive__menu__icon {
  margin-inline-end: .8rem;
}

.bot-list__item:nth-last-child(-n+4) .bot-list__item__responsive {
  top: -15rem;
}

.bot-list__item:nth-last-child(-n+4) .bot-list__item__responsive--min {
  top: 1rem;
}

.bot-list__item:nth-last-child(-n+4) .bot-list__item__responsive--min:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 6rem;
}

.bot-list__item:nth-last-child(-n+4) .bot-list__item__responsive--min:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 6rem;
}

.bot-list__item:nth-last-child(-n+4) .bot-list__item__responsive--min:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 6rem;
}

.bot-list__item:nth-last-child(-n+4) .bot-list__item__responsive--min:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 6rem;
}

.bot-list__item:nth-last-child(-n+4) .bot-list__item__responsive--min:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 6rem;
}

.bot-list__item:nth-last-child(-n+4) .bot-list__item__responsive--min:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 6rem;
}

.risk-disclaimer {
  z-index: 1000;
  width: 90%;
  max-width: 70rem;
  position: fixed;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
}

.risk-disclaimer--mobile {
  width: 95%;
  bottom: 1rem;
}

.risk-disclaimer__content {
  -webkit-backdrop-filter: blur(12px);
  background: linear-gradient(145deg, #ffffff26, #ffffff0d);
  border: 1px solid #ffffff40;
  border-radius: 1.6rem;
  padding: 2rem;
  transition: all .3s;
  box-shadow: 10px 10px 20px #0000001f, -10px -10px 20px #ffffff14;
}

.risk-disclaimer__header {
  margin-bottom: 1rem;
}

.risk-disclaimer__title {
  margin: 0;
}

.risk-disclaimer__important {
  color: #f44;
  margin-bottom: .5rem;
  font-weight: bold;
  display: block;
}

.risk-disclaimer__body {
  margin-bottom: 1.5rem;
}

.risk-disclaimer__footer {
  justify-content: flex-end;
  display: flex;
}

:root, body.theme--dark, .theme--dark {
  --dash-bg: #060813;
  --dash-surface: #0d1426d1;
  --dash-surface-hover: #141e38eb;
  --dash-surface-active: #1c2a4dfa;
  --dash-border: #38bdf833;
  --dash-border-highlight: #ffffff38;
  --dash-border-glow: #38bdf88c;
  --dash-text-dominant: #fff;
  --dash-text-title: #f8fafc;
  --dash-text-body: #e2e8f0;
  --dash-text-muted: #94a3b8;
  --dash-text-subtle: #64748b;
  --dash-neumorph-card: 0 10px 28px -4px #000000a6, 0 0 18px #06b6d41f, inset 0 1px 1px #ffffff29, inset 0 -1.5px 2px #0000008c;
  --dash-neumorph-card-hover: 0 16px 38px -4px #000c, 0 0 28px #06b6d459, inset 0 1.5px 2px #ffffff47, inset 0 -2px 3px #000000a6;
  --dash-neumorph-inset: inset 0 2px 4px #00000080, inset 0 -1px 2px #ffffff14;
  --glow-cyan: #06b6d480;
  --glow-blue: #0ea5e980;
  --glow-purple: #a855f773;
  --glow-emerald: #10b98180;
  --glow-amber: #f59e0b80;
  --glow-rose: #f43f5e80;
}

body.theme--light, .theme--light {
  --dash-bg: #f8fafc;
  --dash-surface: #ffffffc7;
  --dash-surface-hover: #fffffff5;
  --dash-surface-active: #fff;
  --dash-border: #e2e8f0e6;
  --dash-border-highlight: #fffffff2;
  --dash-border-glow: #0ea5e966;
  --dash-text-dominant: #0f172a;
  --dash-text-title: #1e293b;
  --dash-text-body: #334155;
  --dash-text-muted: #64748b;
  --dash-text-subtle: #94a3b8;
  --dash-neumorph-card: 0 8px 22px -4px #0f172a0d, inset 0 1.5px 2px #fffffff2, inset 0 -1.5px 2px #0f172a05;
  --dash-neumorph-card-hover: 0 14px 32px -4px #0f172a17, inset 0 2px 2px #fff, inset 0 -2px 3px #0f172a08;
  --dash-neumorph-inset: inset 0 2px 4px #0f172a0f, inset 0 -1px 2px #ffffffd9;
  --glow-cyan: #06b6d459;
  --glow-blue: #0ea5e959;
  --glow-purple: #a855f74d;
  --glow-emerald: #10b98159;
  --glow-amber: #f59e0b59;
  --glow-rose: #f43f5e59;
}

.bot-dashboard {
  background: var(--dash-bg);
  height: calc(100vh - 4.4rem);
  position: relative;
  overflow-y: auto;
}

.tab__dashboard {
  background: var(--dash-bg);
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tab__dashboard:before {
  content: "";
  pointer-events: none;
  z-index: 0;
  opacity: .95;
  background-image: radial-gradient(circle at 10% 10%, #06b6d440 0%, #0000 46%), radial-gradient(circle at 90% 12%, #a855f738 0%, #0000 45%), radial-gradient(circle at 50% 40%, #0ea5e924 0%, #0000 50%), radial-gradient(circle at 12% 82%, #10b98124 0%, #0000 40%), radial-gradient(#ffffff0f 1px, #0000 1px);
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0;
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 32px 32px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body.theme--light .tab__dashboard:before {
  background-image: radial-gradient(circle at 10% 10%, #0ea5e91f 0%, #0000 46%), radial-gradient(circle at 90% 12%, #a855f717 0%, #0000 45%), radial-gradient(circle at 50% 40%, #06b6d414 0%, #0000 50%), radial-gradient(circle at 12% 82%, #10b98114 0%, #0000 40%), radial-gradient(#0f172a09 1px, #0000 1px);
}

.tab__dashboard__content {
  z-index: 1;
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  padding: 16px 24px 60px;
  display: flex;
  position: relative;
}

@media (max-width: 600px) {
  .tab__dashboard__content {
    padding: 12px 12px 70px;
  }
}

.tab__dashboard__content .quick-panel {
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  position: relative;
}

@media (max-width: 600px) {
  .tab__dashboard__content .quick-panel {
    gap: 12px;
  }
}

.dash-cockpit {
  flex-direction: column;
  gap: 14px;
  width: 100%;
  display: flex;
}

@media (max-width: 600px) {
  .dash-cockpit {
    gap: 12px;
  }
}

.dash-brand-header {
  background: var(--dash-surface);
  -webkit-backdrop-filter: blur(28px) saturate(190%);
  border: 1px solid var(--dash-border);
  box-shadow: var(--dash-neumorph-card);
  border-radius: 18px;
  padding: 16px 24px 14px;
  transition: all .28s cubic-bezier(.34, 1.56, .64, 1);
  position: relative;
  overflow: hidden;
}

.dash-brand-header:hover {
  border-color: var(--dash-border-glow);
  box-shadow: var(--dash-neumorph-card-hover);
  transform: translateY(-1px);
}

@media (max-width: 600px) {
  .dash-brand-header {
    border-radius: 14px;
    padding: 14px 16px;
  }
}

.dash-brand-header__halo-1 {
  filter: blur(34px);
  pointer-events: none;
  background: radial-gradient(circle, #06b6d438 0%, #0000 70%);
  width: 220px;
  height: 160px;
  position: absolute;
  top: -40px;
  left: -30px;
}

.dash-brand-header__halo-2 {
  filter: blur(30px);
  pointer-events: none;
  background: radial-gradient(circle, #a855f733 0%, #0000 70%);
  width: 200px;
  height: 150px;
  position: absolute;
  top: -40px;
  right: -20px;
}

.dash-brand-header__top-row {
  z-index: 1;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
  position: relative;
}

.dash-brand-header .dash-brand-wordmark {
  align-items: baseline;
  gap: 10px;
  line-height: 1;
  display: flex;
}

@media (max-width: 600px) {
  .dash-brand-header .dash-brand-wordmark {
    flex-direction: column;
    gap: 2px;
  }
}

.dash-brand-header .dash-brand-legacy {
  letter-spacing: -.02em;
  -webkit-text-fill-color: #0000;
  filter: drop-shadow(0 0 14px #38bdf859);
  background: linear-gradient(135deg, #fff 0%, #38bdf8 55%, #06b6d4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.6rem;
  font-weight: 900;
  display: inline-block;
}

body.theme--light .dash-brand-header .dash-brand-legacy {
  -webkit-text-fill-color: #0000;
  filter: none;
  background: linear-gradient(135deg, #0f172a 0%, #0369a1 55%, #0ea5e9 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

@media (max-width: 600px) {
  .dash-brand-header .dash-brand-legacy {
    font-size: 1.35rem;
  }
}

.dash-brand-header .dash-brand-hub {
  letter-spacing: .32em;
  color: #38bdf8;
  filter: drop-shadow(0 0 6px #38bdf880);
  font-size: .76rem;
  font-weight: 800;
  display: inline-block;
}

body.theme--light .dash-brand-header .dash-brand-hub {
  color: #0284c7;
  filter: none;
}

@media (max-width: 600px) {
  .dash-brand-header .dash-brand-hub {
    letter-spacing: .2em;
    font-size: .64rem;
  }
}

.dash-brand-header__badge-wrap {
  align-items: center;
  display: flex;
}

.dash-brand-header .dash-pill-acc {
  letter-spacing: .04em;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-radius: 9999px;
  align-items: center;
  gap: 7px;
  padding: 5px 12px;
  font-size: .72rem;
  font-weight: 800;
  display: inline-flex;
  box-shadow: inset 0 1px 1px #ffffff4d;
}

.dash-brand-header .dash-pill-acc__indicator {
  border-radius: 50%;
  width: 7px;
  height: 7px;
  animation: 2s ease-in-out infinite pulseDot;
}

.dash-brand-header .dash-pill-acc--demo {
  color: #fbbf24;
  background: #f59e0b29;
  border: 1px solid #f59e0b73;
  box-shadow: 0 0 12px #f59e0b40;
}

.dash-brand-header .dash-pill-acc--demo .dash-pill-acc__indicator {
  background: #f59e0b;
  box-shadow: 0 0 6px #f59e0b;
}

.dash-brand-header .dash-pill-acc--real {
  color: #34d399;
  background: #10b98129;
  border: 1px solid #10b98173;
  box-shadow: 0 0 12px #10b98140;
}

.dash-brand-header .dash-pill-acc--real .dash-pill-acc__indicator {
  background: #10b981;
  box-shadow: 0 0 6px #10b981;
}

.dash-brand-header .dash-pill-acc--institutional {
  color: #38bdf8;
  background: #38bdf824;
  border: 1px solid #38bdf859;
  box-shadow: 0 0 12px #38bdf833;
}

.dash-brand-header .dash-pill-acc--institutional .dash-pill-acc__indicator {
  background: #0ea5e9;
  box-shadow: 0 0 6px #0ea5e9;
}

.dash-brand-header__divider {
  z-index: 1;
  background: linear-gradient(90deg, #38bdf84d 0%, #a855f740 50%, #0000 100%);
  width: 100%;
  height: 1px;
  margin: 10px 0 8px;
  position: relative;
}

.dash-brand-header__message {
  z-index: 1;
  flex-direction: column;
  gap: 2px;
  display: flex;
  position: relative;
}

.dash-brand-header .dash-brand-welcome-title {
  color: var(--dash-text-dominant);
  letter-spacing: -.01em;
  margin: 0;
  font-size: 1.05rem;
  font-weight: 800;
}

.dash-brand-header .dash-brand-welcome-sub {
  color: var(--dash-text-muted);
  margin: 0;
  font-size: .82rem;
  font-weight: 500;
}

@keyframes pulseDot {
  0%, 100% {
    opacity: .85;
    transform: scale(1);
  }

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

.dash-main-deck {
  grid-template-columns: 280px 1fr;
  align-items: stretch;
  gap: 12px;
  width: 100%;
  display: grid;
}

@media (max-width: 980px) {
  .dash-main-deck {
    grid-template-columns: 1fr;
  }
}

.dash-account-left-card {
  background: var(--dash-surface);
  -webkit-backdrop-filter: blur(28px) saturate(190%);
  border: 1px solid var(--dash-border);
  box-shadow: var(--dash-neumorph-card);
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px 18px;
  transition: all .28s cubic-bezier(.34, 1.56, .64, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.dash-account-left-card:hover {
  border-color: var(--dash-border-glow);
  box-shadow: var(--dash-neumorph-card-hover);
  transform: translateY(-2px);
}

.dash-account-left-card__halo {
  filter: blur(34px);
  opacity: .22;
  pointer-events: none;
  background: #0284c7;
  border-radius: 50%;
  width: 140px;
  height: 140px;
  position: absolute;
  top: -30px;
  right: -30px;
}

.dash-account-left-card__top {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.dash-account-left-card__icon-wrap {
  background: linear-gradient(135deg, #f59e0b2e 0%, #d9770614 100%);
  border: 1px solid #f59e0b66;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  box-shadow: 0 0 14px #f59e0b40, inset 0 1px 1px #ffffff4d;
}

.dash-account-left-card__icon-wrap .text-amber {
  color: #fbbf24;
  filter: drop-shadow(0 0 6px #fbbf2499);
}

.dash-account-left-card__badge {
  letter-spacing: .08em;
  color: #fbbf24;
  background: #f59e0b1f;
  border: 1px solid #f59e0b59;
  border-radius: 9999px;
  padding: 3px 8px;
  font-size: .62rem;
  font-weight: 800;
}

.dash-account-left-card__body {
  z-index: 1;
  flex-direction: column;
  gap: 3px;
  margin-bottom: 14px;
  display: flex;
  position: relative;
}

.dash-account-left-card__title {
  color: var(--dash-text-dominant);
  letter-spacing: -.01em;
  margin: 0;
  font-size: 1rem;
  font-weight: 800;
}

.dash-account-left-card__desc {
  color: var(--dash-text-muted);
  margin: 0;
  font-size: .78rem;
  font-weight: 500;
  line-height: 1.35;
}

.dash-account-left-card__action {
  z-index: 1;
  position: relative;
}

.dash-account-left-card__action .dash-btn-puffy {
  justify-content: center;
  width: 100%;
}

.dash-small-cards-deck {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  display: flex;
}

.dash-small-cards-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  display: grid;
}

@media (max-width: 1180px) {
  .dash-small-cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .dash-small-cards-grid {
    grid-template-columns: 1fr;
  }
}

.dash-micro-card {
  background: var(--dash-surface);
  -webkit-backdrop-filter: blur(26px) saturate(180%);
  border: 1px solid var(--dash-border);
  min-height: 64px;
  box-shadow: var(--dash-neumorph-card);
  cursor: pointer;
  border-radius: 14px;
  outline: none;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  transition: transform .24s cubic-bezier(.34, 1.56, .64, 1), box-shadow .24s cubic-bezier(.34, 1.56, .64, 1), border-color .2s, background .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dash-micro-card .dash-card-halo {
  filter: blur(22px);
  opacity: .16;
  pointer-events: none;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  transition: opacity .24s, transform .24s;
  position: absolute;
  top: -24px;
  right: -24px;
}

.dash-micro-card:hover {
  background: var(--dash-surface-hover);
  box-shadow: var(--dash-neumorph-card-hover);
  transform: translateY(-3px)scale(1.015);
}

.dash-micro-card:hover .dash-card-halo {
  opacity: .55;
  transform: scale(1.3);
}

.dash-micro-card:hover .dash-micro-squircle {
  transform: translateY(-1.5px)scale(1.08)rotateZ(2deg);
}

.dash-micro-card:hover .dash-micro-card__arrow {
  color: #38bdf8;
  transform: translate(2px, -2px);
}

.dash-micro-card:active {
  transform: translateY(0)scale(.99);
}

.dash-micro-card.micro--blue .dash-card-halo {
  background: #0ea5e9;
}

.dash-micro-card.micro--blue:hover {
  box-shadow: var(--dash-neumorph-card-hover), 0 0 16px var(--glow-blue);
  border-color: #0ea5e98c;
}

.dash-micro-card.micro--cyan .dash-card-halo {
  background: #06b6d4;
}

.dash-micro-card.micro--cyan:hover {
  box-shadow: var(--dash-neumorph-card-hover), 0 0 16px var(--glow-cyan);
  border-color: #06b6d48c;
}

.dash-micro-card.micro--purple .dash-card-halo {
  background: #a855f7;
}

.dash-micro-card.micro--purple:hover {
  box-shadow: var(--dash-neumorph-card-hover), 0 0 16px var(--glow-purple);
  border-color: #a855f78c;
}

.dash-micro-card.micro--amber .dash-card-halo {
  background: #f59e0b;
}

.dash-micro-card.micro--amber:hover {
  box-shadow: var(--dash-neumorph-card-hover), 0 0 16px var(--glow-amber);
  border-color: #f59e0b8c;
}

.dash-micro-card.micro--rose .dash-card-halo {
  background: #f43f5e;
}

.dash-micro-card.micro--rose:hover {
  box-shadow: var(--dash-neumorph-card-hover), 0 0 16px var(--glow-rose);
  border-color: #f43f5e8c;
}

.dash-micro-card__left {
  z-index: 1;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
  position: relative;
}

.dash-micro-card .dash-micro-squircle {
  background: linear-gradient(135deg, #ffffff1f 0%, #ffffff0a 100%);
  border: 1px solid #ffffff26;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  transition: transform .22s;
  display: flex;
  box-shadow: inset 0 1px 1px #ffffff40;
}

body.theme--light .dash-micro-card .dash-micro-squircle {
  background: linear-gradient(135deg, #ffffffd9 0%, #f1f5f9cc 100%);
  border-color: #fffffff2;
  box-shadow: 0 3px 8px #0f172a0d;
}

.dash-micro-card .dash-micro-squircle .text-blue {
  color: #38bdf8;
  filter: drop-shadow(0 0 6px #38bdf899);
}

body.theme--light .dash-micro-card .dash-micro-squircle .text-blue {
  color: #0284c7;
}

.dash-micro-card .dash-micro-squircle .text-cyan {
  color: #22d3ee;
  filter: drop-shadow(0 0 6px #22d3ee99);
}

body.theme--light .dash-micro-card .dash-micro-squircle .text-cyan {
  color: #06b6d4;
}

.dash-micro-card .dash-micro-squircle .text-purple {
  color: #c084fc;
  filter: drop-shadow(0 0 6px #c084fc99);
}

body.theme--light .dash-micro-card .dash-micro-squircle .text-purple {
  color: #9333ea;
}

.dash-micro-card .dash-micro-squircle .text-amber {
  color: #fbbf24;
  filter: drop-shadow(0 0 6px #fbbf2499);
}

body.theme--light .dash-micro-card .dash-micro-squircle .text-amber {
  color: #d97706;
}

.dash-micro-card .dash-micro-squircle .text-rose {
  color: #fb7185;
  filter: drop-shadow(0 0 6px #fb718599);
}

body.theme--light .dash-micro-card .dash-micro-squircle .text-rose {
  color: #e11d48;
}

.dash-micro-card__info {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.dash-micro-card__title {
  color: var(--dash-text-dominant);
  letter-spacing: -.01em;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  font-size: .86rem;
  font-weight: 800;
  overflow: hidden;
}

.dash-micro-card__sub {
  color: var(--dash-text-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .72rem;
  font-weight: 500;
  overflow: hidden;
}

.dash-micro-card__arrow {
  color: var(--dash-text-subtle);
  z-index: 1;
  flex-shrink: 0;
  transition: all .2s;
  position: relative;
}

.dash-btn-puffy {
  letter-spacing: .05em;
  cursor: pointer;
  z-index: 1;
  border: none;
  border-radius: 12px;
  outline: none;
  flex-shrink: 0;
  align-items: center;
  gap: 7px;
  padding: 8px 18px;
  font-size: .78rem;
  font-weight: 800;
  text-decoration: none;
  transition: all .24s cubic-bezier(.34, 1.56, .64, 1);
  display: inline-flex;
  position: relative;
}

.dash-btn-puffy--cyan {
  background: linear-gradient(135deg, #0284c7 0%, #06b6d4 100%);
  box-shadow: 0 6px 16px -2px #06b6d473, 0 0 18px #06b6d459, inset 0 1.5px 1.5px #ffffff73, inset 0 -1.5px 2px #0003;
  color: #fff !important;
}

.dash-btn-puffy--cyan:hover {
  transform: translateY(-2px)scale(1.02);
  box-shadow: 0 10px 22px -2px #06b6d499, 0 0 24px #06b6d480, inset 0 1.5px 1.5px #fff9, inset 0 -1.5px 2px #00000038;
}

.dash-btn-puffy--cyan:active {
  transform: translateY(1px)scale(.98);
  box-shadow: 0 2px 8px #06b6d44d, inset 0 2px 3px #00000040;
}

.dash-btn-puffy--whatsapp {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  box-shadow: 0 6px 16px -2px #10b98173, 0 0 18px #10b98159, inset 0 1.5px 1.5px #ffffff73, inset 0 -1.5px 2px #0003;
  color: #fff !important;
}

.dash-btn-puffy--whatsapp:hover {
  transform: translateY(-2px)scale(1.02);
  box-shadow: 0 10px 22px -2px #10b98199, 0 0 24px #10b98180, inset 0 1.5px 1.5px #fff9, inset 0 -1.5px 2px #00000038;
}

.dash-btn-puffy--whatsapp:active {
  transform: translateY(1px)scale(.98);
  box-shadow: 0 2px 8px #10b9814d, inset 0 2px 3px #00000040;
}

@media (max-width: 600px) {
  .dash-btn-puffy {
    justify-content: center;
    width: 100%;
    padding: 9px 14px;
  }
}

.dash-community-section {
  width: 100%;
}

.dash-community-card {
  background: var(--dash-surface);
  -webkit-backdrop-filter: blur(26px) saturate(180%);
  border: 1px solid var(--dash-border);
  box-shadow: var(--dash-neumorph-card);
  border-radius: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 14px 20px;
  transition: all .28s cubic-bezier(.34, 1.56, .64, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.dash-community-card:hover {
  box-shadow: var(--dash-neumorph-card-hover), 0 0 20px var(--glow-emerald);
  border-color: #10b98173;
  transform: translateY(-1.5px);
}

@media (max-width: 600px) {
  .dash-community-card {
    border-radius: 14px;
    padding: 12px 14px;
  }
}

.dash-community-card__halo {
  filter: blur(28px);
  pointer-events: none;
  background: radial-gradient(circle, #10b98129 0%, #0000 70%);
  width: 160px;
  height: 140px;
  position: absolute;
  top: -30px;
  left: -30px;
}

.dash-community-card__left {
  z-index: 1;
  align-items: center;
  gap: 14px;
  min-width: 0;
  display: flex;
  position: relative;
}

@media (max-width: 600px) {
  .dash-community-card__left {
    gap: 10px;
  }
}

.dash-community-card .dash-community-icon-squircle {
  background: linear-gradient(135deg, #10b9812e 0%, #05966914 100%);
  border: 1px solid #10b98159;
  border-radius: 11px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: flex;
  box-shadow: 0 0 12px #10b98133, inset 0 1px 1px #ffffff4d;
}

.dash-community-card .dash-community-icon-squircle .whatsapp-icon-svg {
  color: #34d399;
  filter: drop-shadow(0 0 6px #34d39999);
}

.dash-community-card__text-block {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.dash-community-card .dash-community-title {
  color: var(--dash-text-dominant);
  letter-spacing: -.01em;
  margin: 0;
  font-size: .98rem;
  font-weight: 800;
}

@media (max-width: 600px) {
  .dash-community-card .dash-community-title {
    font-size: .9rem;
  }
}

.dash-community-card .dash-community-quote {
  color: var(--dash-text-muted);
  margin: 0;
  font-size: .78rem;
  font-style: italic;
  font-weight: 500;
}

@media (max-width: 600px) {
  .dash-community-card .dash-community-quote {
    font-size: .74rem;
  }
}

.dash-community-card__right {
  z-index: 1;
  position: relative;
}

@media (max-width: 600px) {
  .dash-community-card__right {
    width: 100%;
  }
}

.dash-telemetry-row {
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  width: 100%;
  display: grid;
}

@media (max-width: 900px) {
  .dash-telemetry-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .dash-telemetry-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

.dash-telemetry-row .telemetry-pill {
  background: var(--dash-surface);
  -webkit-backdrop-filter: blur(22px) saturate(170%);
  border: 1px solid var(--dash-border);
  box-shadow: var(--dash-neumorph-card);
  border-radius: 12px;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  transition: transform .22s cubic-bezier(.34, 1.56, .64, 1), box-shadow .22s;
  display: flex;
}

.dash-telemetry-row .telemetry-pill:hover {
  border-color: var(--dash-border-glow);
  box-shadow: var(--dash-neumorph-card-hover);
  transform: translateY(-2px);
}

.dash-telemetry-row .telemetry-pill .telemetry-value {
  letter-spacing: -.01em;
  flex-shrink: 0;
  font-size: .96rem;
  font-weight: 900;
}

.dash-telemetry-row .telemetry-pill .telemetry-value.text-cyan {
  color: #38bdf8;
  filter: drop-shadow(0 0 6px #38bdf880);
}

body.theme--light .dash-telemetry-row .telemetry-pill .telemetry-value.text-cyan {
  color: #0284c7;
}

.dash-telemetry-row .telemetry-pill .telemetry-value.text-emerald {
  color: #34d399;
  filter: drop-shadow(0 0 6px #34d39980);
}

body.theme--light .dash-telemetry-row .telemetry-pill .telemetry-value.text-emerald {
  color: #059669;
}

.dash-telemetry-row .telemetry-pill .telemetry-value.text-purple {
  color: #c084fc;
  filter: drop-shadow(0 0 6px #c084fc80);
}

body.theme--light .dash-telemetry-row .telemetry-pill .telemetry-value.text-purple {
  color: #7c3aed;
}

.dash-telemetry-row .telemetry-pill .telemetry-value.text-amber {
  color: #fbbf24;
  filter: drop-shadow(0 0 6px #fbbf2480);
}

body.theme--light .dash-telemetry-row .telemetry-pill .telemetry-value.text-amber {
  color: #d97706;
}

.dash-telemetry-row .telemetry-pill .telemetry-label {
  color: var(--dash-text-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .74rem;
  font-weight: 600;
  overflow: hidden;
}

.dash-workspace-card {
  background: var(--dash-surface);
  -webkit-backdrop-filter: blur(26px) saturate(180%);
  border: 1px solid var(--dash-border);
  box-shadow: var(--dash-neumorph-card);
  border-radius: 16px;
  padding: 16px 20px;
  transition: all .26s cubic-bezier(.34, 1.56, .64, 1);
  position: relative;
  overflow: hidden;
}

.dash-workspace-card .dash-card-halo {
  filter: blur(40px);
  opacity: .1;
  pointer-events: none;
  background: #0284c7;
  border-radius: 50%;
  width: 140px;
  height: 140px;
  position: absolute;
  top: -40px;
  left: -40px;
}

.dash-workspace-card:hover {
  border-color: var(--dash-border-glow);
  box-shadow: var(--dash-neumorph-card-hover);
}

.dash-workspace-card__header {
  z-index: 1;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  display: flex;
  position: relative;
}

.dash-workspace-card__title-wrap {
  align-items: center;
  gap: 10px;
  display: flex;
}

.dash-workspace-card__title-wrap .dash-workspace-icon-wrap {
  color: #34d399;
  background: #10b98124;
  border: 1px solid #10b98159;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
  box-shadow: inset 0 1px 1px #ffffff4d;
}

body.theme--light .dash-workspace-card__title-wrap .dash-workspace-icon-wrap {
  color: #059669;
}

.dash-workspace-card__title {
  color: var(--dash-text-dominant);
  letter-spacing: -.01em;
  margin: 0 0 2px;
  font-size: .98rem;
  font-weight: 800;
}

.dash-workspace-card__sub {
  color: var(--dash-text-muted);
  font-size: .76rem;
  font-weight: 500;
}

.dash-workspace-card__btns {
  z-index: 1;
  gap: 7px;
  display: flex;
  position: relative;
}

.dash-workspace-card__btns .dash-btn-tactile {
  border: 1px solid var(--dash-border);
  color: var(--dash-text-dominant);
  cursor: pointer;
  background: #ffffff14;
  border-radius: 10px;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  font-size: .74rem;
  font-weight: 700;
  transition: all .2s;
  display: inline-flex;
  box-shadow: inset 0 1px 1px #ffffff26;
}

body.theme--light .dash-workspace-card__btns .dash-btn-tactile {
  background: #ffffffb3;
}

.dash-workspace-card__btns .dash-btn-tactile:hover {
  border-color: var(--dash-border-glow);
  background: #ffffff2e;
  transform: translateY(-1px);
}

body.theme--light .dash-workspace-card__btns .dash-btn-tactile:hover {
  background: #fff;
}

.dash-workspace-card__btns .dash-btn-tactile--highlight {
  color: #34d399;
  background: #10b98124;
  border-color: #10b98159;
}

body.theme--light .dash-workspace-card__btns .dash-btn-tactile--highlight {
  color: #059669;
}

.dash-workspace-card__btns .dash-btn-tactile--highlight:hover {
  background: #10b98140;
  border-color: #10b981;
  box-shadow: 0 0 14px #10b98159;
}

.dash-workspace-card .dash-workspace-empty {
  text-align: center;
  background: #ffffff05;
  border: 1.5px dashed #ffffff1a;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 22px 14px;
  display: flex;
}

body.theme--light .dash-workspace-card .dash-workspace-empty {
  background: #0f172a05;
  border-color: #0f172a1a;
}

.dash-workspace-card .dash-workspace-empty .dash-empty-icon {
  width: 44px;
  height: 44px;
  color: var(--dash-text-subtle);
  background: #ffffff0f;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-bottom: 7px;
  display: flex;
}

.dash-workspace-card .dash-workspace-empty .empty-title {
  color: var(--dash-text-dominant);
  margin: 0 0 3px;
  font-size: .92rem;
  font-weight: 800;
}

.dash-workspace-card .dash-workspace-empty .empty-text {
  color: var(--dash-text-muted);
  max-width: 420px;
  margin: 0;
  font-size: .78rem;
  line-height: 1.4;
}

.dash-traders-hub-header {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: linear-gradient(135deg, #0f172acc 0%, #1e293b80 100%);
  border: 1px solid #ffffff14;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
  padding: 24px 28px;
  display: flex;
  box-shadow: 0 10px 30px #00000059;
}

@media (max-width: 768px) {
  .dash-traders-hub-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 18px 20px;
  }
}

.dash-hub-header-left {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.dash-hub-badge {
  letter-spacing: .08em;
  color: #38bdf8;
  background: #38bdf81f;
  border: 1px solid #38bdf840;
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
}

.dash-hub-indicator {
  background: #38bdf8;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 2s ease-in-out infinite hub-pulse;
  box-shadow: 0 0 8px #38bdf8;
}

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

  50% {
    opacity: .4;
    transform: scale(.85);
  }
}

.dash-hub-title {
  color: #fff;
  letter-spacing: -.02em;
  margin: 0;
  font-size: 24px;
  font-weight: 800;
}

@media (max-width: 768px) {
  .dash-hub-title {
    font-size: 20px;
  }
}

.dash-hub-subtitle {
  color: #94a3b8;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
}

.dash-mode-toggle {
  background: #0f172ae6;
  border: 1px solid #ffffff1f;
  border-radius: 12px;
  align-items: center;
  gap: 4px;
  padding: 4px;
  display: flex;
}

.mode-toggle-btn {
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 700;
  transition: all .2s;
}

.mode-toggle-btn:hover {
  color: #fff;
}

.mode-toggle-btn--active {
  color: #fff;
  background: #10b981;
  box-shadow: 0 4px 12px #10b98159;
}

.dash-wallet-section {
  grid-template-columns: 2fr 1fr;
  gap: 20px;
  margin-bottom: 28px;
  display: grid;
}

@media (max-width: 1024px) {
  .dash-wallet-section {
    grid-template-columns: 1fr;
  }
}

.dash-deriv-wallet-card {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: linear-gradient(135deg, #0f172ae6 0%, #1e293bb3 100%);
  border: 1px solid #ffffff1a;
  border-radius: 18px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 220px;
  padding: 26px 28px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 36px #0006, inset 0 1px 1px #ffffff26;
}

.dash-deriv-wallet-card--real {
  border-color: #38bdf84d;
}

.dash-deriv-wallet-card--real .wallet-card-bg-glow {
  background: radial-gradient(circle at 10% 20%, #38bdf82e 0%, #0000 60%);
}

.dash-deriv-wallet-card--demo {
  border-color: #10b9814d;
}

.dash-deriv-wallet-card--demo .wallet-card-bg-glow {
  background: radial-gradient(circle at 10% 20%, #10b9812e 0%, #0000 60%);
}

.wallet-card-bg-glow {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.wallet-card-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.wallet-brand-row {
  align-items: center;
  gap: 12px;
  display: flex;
}

.wallet-icon-wrap {
  color: #38bdf8;
  background: #ffffff14;
  border: 1px solid #ffffff1f;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.wallet-title-wrap {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.wallet-title {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.wallet-id-row {
  cursor: pointer;
  background: #ffffff0d;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 8px;
  transition: all .2s;
  display: inline-flex;
}

.wallet-id-row:hover {
  background: #ffffff1a;
}

.wallet-id-text {
  color: #94a3b8;
  font-family: monospace;
  font-size: 11.5px;
  font-weight: 600;
}

.wallet-type-pill {
  letter-spacing: .06em;
  color: #34d399;
  background: #10b9811f;
  border: 1px solid #10b98140;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.wallet-status-dot {
  background: #34d399;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 8px #34d399;
}

.wallet-card-balance-block {
  margin-bottom: 24px;
}

.wallet-balance-label {
  letter-spacing: .06em;
  color: #94a3b8;
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: 700;
}

.wallet-balance-value {
  color: #fff;
  letter-spacing: -.02em;
  align-items: baseline;
  gap: 4px;
  font-size: 36px;
  font-weight: 800;
  display: flex;
}

@media (max-width: 768px) {
  .wallet-balance-value {
    font-size: 28px;
  }
}

.wallet-currency-sym {
  color: #64748b;
  font-size: 24px;
}

.wallet-currency-code {
  color: #94a3b8;
  margin-left: 6px;
  font-size: 14px;
  font-weight: 700;
}

.wallet-card-actions-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  display: grid;
}

@media (max-width: 640px) {
  .wallet-card-actions-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.wallet-action-pill {
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s cubic-bezier(.16, 1, .3, 1);
  display: inline-flex;
}

.wallet-action-pill--deposit {
  color: #34d399;
  background: #10b98126;
  border-color: #10b9814d;
}

.wallet-action-pill--deposit:hover {
  color: #fff;
  background: #10b981;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px #10b98166;
}

.wallet-action-pill--withdraw {
  color: #fb7185;
  background: #f43f5e1f;
  border-color: #f43f5e40;
}

.wallet-action-pill--withdraw:hover {
  color: #fff;
  background: #f43f5e;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px #f43f5e66;
}

.wallet-action-pill--transfer {
  color: #818cf8;
  background: #6366f126;
  border-color: #6366f14d;
}

.wallet-action-pill--transfer:hover {
  color: #fff;
  background: #6366f1;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px #6366f166;
}

.wallet-action-pill--history {
  color: #cbd5e1;
  background: #ffffff0d;
  border-color: #ffffff1a;
}

.wallet-action-pill--history:hover {
  color: #fff;
  background: #ffffff1f;
  transform: translateY(-1px);
}

.dash-deriv-link-card {
  background: linear-gradient(135deg, #1e293b99 0%, #0f172acc 100%);
  border: 1px solid #f59e0b33;
  border-radius: 18px;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px 26px;
  display: flex;
  box-shadow: 0 10px 30px #0000004d;
}

.link-card-badge {
  letter-spacing: .06em;
  color: #f59e0b;
  background: #f59e0b1f;
  border: 1px solid #f59e0b40;
  border-radius: 6px;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 12px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
}

.link-card-title {
  color: #fff;
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 700;
}

.link-card-desc {
  color: #94a3b8;
  margin: 0 0 16px;
  font-size: 13px;
  line-height: 1.45;
}

.link-card-btn {
  color: #000;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  display: inline-flex;
  box-shadow: 0 4px 14px #f59e0b4d;
}

.link-card-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px #f59e0b73;
}

.dash-section-header {
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

@media (max-width: 640px) {
  .dash-section-header {
    flex-direction: column;
    gap: 4px;
  }
}

.dash-section-title-wrap {
  align-items: center;
  gap: 8px;
  display: flex;
}

.dash-section-title {
  color: #fff;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}

.dash-section-sub {
  color: #64748b;
  font-size: 13px;
}

.dash-platforms-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 28px;
  display: grid;
}

@media (max-width: 1200px) {
  .dash-platforms-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .dash-platforms-grid {
    grid-template-columns: 1fr;
  }
}

.dash-platform-card {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  cursor: pointer;
  background: linear-gradient(#1e293b66 0%, #0f172a99 100%);
  border: 1px solid #ffffff14;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 180px;
  padding: 22px 20px;
  transition: all .22s cubic-bezier(.16, 1, .3, 1);
  display: flex;
}

.dash-platform-card:hover {
  background: linear-gradient(#1e293bb3 0%, #0f172ad9 100%);
  border-color: #fff3;
  transform: translateY(-3px);
  box-shadow: 0 12px 28px #0006;
}

.dash-platform-card:hover .platform-btn-arrow {
  color: #fff;
  transform: translate(2px, -2px);
}

.dash-platform-card:hover .platform-btn-text {
  color: #fff;
}

.platform-card-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.platform-icon-box {
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.platform-tag-pill {
  letter-spacing: .03em;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 700;
}

.badge-emerald {
  color: #34d399;
  background: #10b9811f;
  border: 1px solid #10b98140;
}

.badge-cyan {
  color: #38bdf8;
  background: #38bdf81f;
  border: 1px solid #38bdf840;
}

.badge-indigo {
  color: #818cf8;
  background: #6366f11f;
  border: 1px solid #6366f140;
}

.badge-amber {
  color: #fbbf24;
  background: #f59e0b1f;
  border: 1px solid #f59e0b40;
}

.platform-card-body {
  margin-bottom: 16px;
}

.platform-title {
  color: #f8fafc;
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 700;
}

.platform-desc {
  color: #94a3b8;
  margin: 0;
  font-size: 12.5px;
  line-height: 1.45;
}

.platform-card-footer {
  border-top: 1px solid #ffffff0f;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.platform-btn-text {
  color: #94a3b8;
  font-size: 12.5px;
  font-weight: 700;
  transition: color .2s;
}

.platform-btn-arrow {
  color: #64748b;
  transition: all .2s;
}

.dash-workspace-section {
  background: linear-gradient(#0f172ab3 0%, #0f172ae6 100%);
  border: 1px solid #ffffff14;
  border-radius: 16px;
  margin-bottom: 30px;
  padding: 24px;
}

.dash-workspace-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  display: flex;
}

@media (max-width: 640px) {
  .dash-workspace-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

.dash-workspace-title-row {
  align-items: center;
  display: flex;
}

.dash-workspace-title {
  color: #fff;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.dash-workspace-actions {
  align-items: center;
  gap: 8px;
  display: flex;
}

.dash-tactile-btn {
  color: #cbd5e1;
  cursor: pointer;
  background: #ffffff0f;
  border: 1px solid #ffffff1f;
  border-radius: 8px;
  align-items: center;
  padding: 7px 14px;
  font-size: 12px;
  font-weight: 700;
  transition: all .2s;
  display: inline-flex;
}

.dash-tactile-btn:hover {
  color: #fff;
  background: #ffffff1f;
}

.dash-tactile-btn--highlight {
  color: #34d399;
  background: #10b9811f;
  border-color: #10b98140;
}

.dash-tactile-btn--highlight:hover {
  color: #fff;
  background: #10b981;
  box-shadow: 0 4px 12px #10b98159;
}

.dash-workspace-empty {
  text-align: center;
  border: 1px dashed #ffffff1f;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
  display: flex;
}

.dash-empty-icon {
  color: #64748b;
  background: #ffffff0a;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  margin-bottom: 12px;
  display: flex;
}

.empty-title {
  color: #fff;
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 700;
}

.empty-text {
  color: #94a3b8;
  max-width: 440px;
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.dash-deriv-wallet-card {
  transition: all .25s;
  border: 1px solid #38bdf859 !important;
  box-shadow: 0 0 22px #38bdf82e, 0 16px 36px #00000080, inset 0 1px 1px #ffffff2e !important;
}

.dash-deriv-wallet-card:hover {
  border-color: #38bdf8a6 !important;
  box-shadow: 0 0 32px #38bdf859, 0 20px 42px #0009, inset 0 1.5px 2px #ffffff40 !important;
}

.dash-deriv-link-card {
  border: 1px solid #a855f759 !important;
  box-shadow: 0 0 20px #a855f729, 0 12px 28px #00000073 !important;
}

.dash-deriv-link-card:hover {
  border-color: #a855f7a6 !important;
  box-shadow: 0 0 30px #a855f752, 0 16px 36px #0000008c !important;
}

.dash-platform-card {
  border: 1px solid #38bdf838 !important;
  box-shadow: 0 0 16px #38bdf81a, 0 10px 24px #00000059 !important;
}

.dash-platform-card:hover {
  border-color: #38bdf88c !important;
  box-shadow: 0 0 26px #38bdf847, 0 14px 32px #00000080 !important;
}

body.theme--light .dash-deriv-wallet-card {
  background: linear-gradient(135deg, #fff 0%, #f0f9ff 100%) !important;
  border: 1px solid #0ea5e973 !important;
  box-shadow: 0 0 22px #0ea5e933, 0 12px 28px #0f172a14, inset 0 1px 1px #fffffff2 !important;
}

body.theme--light .dash-deriv-wallet-card .wallet-title, body.theme--light .dash-deriv-wallet-card .wallet-balance-value {
  color: #0f172a !important;
}

body.theme--light .dash-deriv-wallet-card .wallet-balance-label {
  color: #64748b !important;
}

body.theme--light .dash-deriv-wallet-card .wallet-id-text {
  color: #334155 !important;
  background: #0000000d !important;
}

body.theme--light .dash-deriv-wallet-card:hover {
  border-color: #0284c7 !important;
  box-shadow: 0 0 32px #0ea5e959, 0 16px 36px #0f172a1f !important;
}

body.theme--light .dash-deriv-link-card {
  background: linear-gradient(135deg, #fff 0%, #faf5ff 100%) !important;
  border: 1px solid #a855f766 !important;
  box-shadow: 0 0 20px #a855f72e, 0 10px 24px #0f172a0f !important;
}

body.theme--light .dash-deriv-link-card .link-card-title {
  color: #0f172a !important;
}

body.theme--light .dash-deriv-link-card .link-card-desc {
  color: #475569 !important;
}

body.theme--light .dash-deriv-link-card:hover {
  border-color: #9333ea !important;
  box-shadow: 0 0 30px #a855f752, 0 14px 30px #0f172a1a !important;
}

body.theme--light .dash-platform-card {
  background: #fff !important;
  border: 1px solid #0ea5e94d !important;
  box-shadow: 0 0 16px #0ea5e91f, 0 8px 20px #0f172a0d !important;
}

body.theme--light .dash-platform-card .platform-title {
  color: #0f172a !important;
}

body.theme--light .dash-platform-card .platform-desc {
  color: #64748b !important;
}

body.theme--light .dash-platform-card:hover {
  background: #f8fafc !important;
  border-color: #0284c7 !important;
  box-shadow: 0 0 26px #0ea5e947, 0 12px 28px #0f172a1a !important;
}

body.theme--light .dash-hub-title {
  color: #0f172a !important;
}

body.theme--light .dash-hub-subtitle {
  color: #475569 !important;
}

body.theme--light .dash-section-title {
  color: #0f172a !important;
}

body.theme--light .dash-section-sub {
  color: #64748b !important;
}

.topbar-trade-controller {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.topbar-trade-btn {
  cursor: pointer;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #fff;
  -webkit-user-select: none;
  user-select: none;
  border: none;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  max-width: 32rem;
  height: 3.8rem;
  padding: 0 1.6rem;
  font-family: inherit;
  font-size: 1.35rem;
  font-weight: 800;
  transition: all .22s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.topbar-trade-btn__pulse {
  opacity: 0;
  pointer-events: none;
  border-radius: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.topbar-trade-btn__icon-box {
  background: #ffffff38;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.2rem;
  height: 2.2rem;
  display: flex;
}

.topbar-trade-btn__label {
  white-space: nowrap;
  text-shadow: 0 1px 2px #00000040;
}

.topbar-trade-btn__tag {
  margin-left: .2rem;
  font-size: 1.4rem;
}

.topbar-trade-btn--idle {
  background: linear-gradient(135deg, #10b981 0%, #059669 50%, #047857 100%);
  box-shadow: 0 4px 14px #10b98159, inset 0 1px #fff3;
}

.topbar-trade-btn--idle:hover {
  background: linear-gradient(135deg, #34d399 0%, #10b981 50%, #059669 100%);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px #10b98180, inset 0 1px #ffffff4d;
}

.topbar-trade-btn--idle:active {
  transform: translateY(1px);
  box-shadow: 0 2px 8px #10b9814d;
}

.topbar-trade-btn--running {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 50%, #b91c1c 100%);
  animation: 1.8s infinite alternate topbar-running-glow;
  box-shadow: 0 4px 16px #ef444466, inset 0 1px #fff3;
}

.topbar-trade-btn--running .topbar-trade-btn__pulse {
  border: 2px solid #ef4444;
  animation: 2s infinite topbar-radar-wave;
}

.topbar-trade-btn--running:hover {
  background: linear-gradient(135deg, #f87171 0%, #ef4444 50%, #dc2626 100%);
  transform: translateY(-1px);
  box-shadow: 0 6px 22px #ef44448c;
}

.topbar-trade-btn--running:active {
  transform: translateY(1px);
}

@keyframes topbar-running-glow {
  0% {
    box-shadow: 0 4px 14px #ef444459;
  }

  100% {
    box-shadow: 0 6px 24px #ef4444a6, 0 0 10px #ef444466;
  }
}

@keyframes topbar-radar-wave {
  0% {
    opacity: .8;
    transform: scale(.98);
  }

  100% {
    opacity: 0;
    transform: scale(1.1);
  }
}

.autotrades-status-badge {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: #0f172ad9;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: .8rem;
  width: 100%;
  max-width: 32rem;
  height: 3.8rem;
  padding: 0 1.4rem;
  transition: all .22s;
  display: flex;
  position: relative;
}

.autotrades-status-badge__dot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
}

.autotrades-status-badge__info {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  line-height: 1.2;
  display: flex;
}

.autotrades-status-badge__title {
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 1.15rem;
  font-weight: 800;
}

.autotrades-status-badge__engine {
  color: #ffffffa6;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.05rem;
  font-weight: 500;
  overflow: hidden;
}

.autotrades-status-badge__icon {
  flex-shrink: 0;
  font-size: 1.4rem;
}

.autotrades-status-badge--running {
  background: #10b98124;
  border-color: #10b98173;
  box-shadow: 0 0 16px #10b98140;
}

.autotrades-status-badge--running .autotrades-status-badge__dot {
  background: #10b981;
  animation: 1.5s infinite status-pulse-dot;
  box-shadow: 0 0 10px #10b981;
}

.autotrades-status-badge--running .autotrades-status-badge__title {
  color: #34d399;
  text-shadow: 0 0 8px #34d39966;
}

.autotrades-status-badge--running:hover {
  background: #10b98138;
  border-color: #10b981a6;
  transform: translateY(-1px);
}

.autotrades-status-badge--paused {
  background: #f59e0b24;
  border-color: #f59e0b73;
}

.autotrades-status-badge--paused .autotrades-status-badge__dot {
  background: #f59e0b;
  box-shadow: 0 0 8px #f59e0b;
}

.autotrades-status-badge--paused .autotrades-status-badge__title {
  color: #fbbf24;
}

.autotrades-status-badge--paused:hover {
  background: #f59e0b38;
  transform: translateY(-1px);
}

.autotrades-status-badge--stopped {
  background: #1e293bbf;
  border-color: #ffffff1a;
}

.autotrades-status-badge--stopped .autotrades-status-badge__dot {
  background: #94a3b8;
}

.autotrades-status-badge--stopped .autotrades-status-badge__title {
  color: #cbd5e1;
}

.autotrades-status-badge--stopped:hover {
  background: #334155bf;
  border-color: #fff3;
  transform: translateY(-1px);
}

@keyframes status-pulse-dot {
  0% {
    transform: scale(.9);
    box-shadow: 0 0 #10b981b3;
  }

  70% {
    transform: scale(1.15);
    box-shadow: 0 0 0 6px #10b98100;
  }

  100% {
    transform: scale(.9);
    box-shadow: 0 0 #10b98100;
  }
}

.mhp-scanner {
  color: #f1f5f9;
  background: linear-gradient(160deg, #0a0a12 0%, #0e0a1a 60%, #120e0a 100%);
  flex-direction: column;
  height: 100%;
  font-family: Outfit, Inter, -apple-system, BlinkMacSystemFont, sans-serif;
  display: flex;
  overflow: hidden;
}

.mhp-scanner .mhp-tabs {
  background: #ffffff05;
  border-bottom: 1px solid #f5c5421f;
  flex-shrink: 0;
  display: flex;
}

.mhp-scanner .mhp-tab {
  cursor: pointer;
  letter-spacing: .6px;
  color: #ffffff59;
  text-transform: uppercase;
  background: none;
  border: none;
  flex: 1;
  padding: 11px 6px;
  font-size: 11px;
  font-weight: 800;
  transition: color .2s;
  position: relative;
}

.mhp-scanner .mhp-tab.active {
  color: #f5c542;
}

.mhp-scanner .mhp-tab:hover:not(.active) {
  color: #fff9;
}

.mhp-scanner .mhp-tab-indicator {
  background: linear-gradient(90deg, #f5c542, #e67e22);
  border-radius: 2px 2px 0 0;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 20%;
  right: 20%;
}

.mhp-scanner .mhp-body {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  padding: 8px 10px;
  display: flex;
  overflow: hidden auto;
}

.mhp-scanner .mhp-body::-webkit-scrollbar {
  width: 4px;
}

.mhp-scanner .mhp-body::-webkit-scrollbar-track {
  background: none;
}

.mhp-scanner .mhp-body::-webkit-scrollbar-thumb {
  background: #f5c54233;
  border-radius: 2px;
}

.mhp-scanner .mhp-body::-webkit-scrollbar-thumb:hover {
  background: #f5c54266;
}

.mhp-scanner .mhp-card {
  box-sizing: border-box;
  background: #ffffff08;
  border: 1px solid #ffffff12;
  border-radius: 10px;
  flex-direction: column;
  gap: 6px;
  max-width: 100%;
  padding: 8px 10px;
  transition: border-color .2s;
  display: flex;
}

.mhp-scanner .mhp-card:hover {
  border-color: #f5c54226;
}

.mhp-scanner .mhp-card-title {
  color: #f5c542cc;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 10px;
  font-weight: 800;
}

.mhp-scanner .mhp-card-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.mhp-scanner .mhp-mode-toggle {
  background: #0000004d;
  border: 1px solid #ffffff0d;
  border-radius: 8px;
  gap: 3px;
  padding: 3px;
  display: flex;
}

.mhp-scanner .mhp-mode-btn {
  color: #ffffff80;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: 700;
  transition: all .2s;
}

.mhp-scanner .mhp-mode-btn.active {
  color: #000;
  background: linear-gradient(135deg, #e67e22, #f5c542);
}

.mhp-scanner .mhp-select, .mhp-scanner .mhp-input {
  color: #f1f5f9;
  box-sizing: border-box;
  background: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  outline: none;
  width: 100%;
  padding: 6px 8px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  transition: border-color .2s, box-shadow .2s;
}

.mhp-scanner .mhp-select:focus, .mhp-scanner .mhp-input:focus {
  border-color: #f5c54280;
  box-shadow: 0 0 0 2px #f5c5421a;
}

.mhp-scanner .mhp-select option, .mhp-scanner .mhp-input option {
  background: #1a1000;
}

.mhp-scanner .mhp-input-sm {
  text-align: center;
  width: 60px;
}

.mhp-scanner .mhp-label {
  color: #ffffff73;
  text-transform: uppercase;
  letter-spacing: .8px;
  margin-bottom: 3px;
  font-size: 9px;
  font-weight: 700;
  display: block;
}

.mhp-scanner .mhp-grid-2 {
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  display: grid;
}

.mhp-scanner .mhp-info-text {
  color: #ffffff73;
  margin: 0;
  font-size: 10px;
}

.mhp-scanner .mhp-strategy-line {
  flex-wrap: wrap;
  gap: 6px;
  width: 100%;
  display: flex;
}

.mhp-scanner .mhp-strategy-chip-single {
  color: #ffffffa6;
  cursor: pointer;
  text-align: center;
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 6px;
  flex: calc(33.33% - 6px);
  min-width: 65px;
  padding: 5px 4px;
  font-family: inherit;
  font-size: 10px;
  font-weight: 700;
  transition: all .15s;
}

.mhp-scanner .mhp-strategy-chip-single:hover {
  color: #fff;
  background: #ffffff14;
  border-color: #f5c5424d;
}

.mhp-scanner .mhp-strategy-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  display: grid;
}

.mhp-scanner .mhp-strategy-chip {
  color: #fff9;
  cursor: pointer;
  text-align: center;
  background: #ffffff0a;
  border: 1px solid #ffffff0f;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 4px;
  font-family: inherit;
  font-size: 9px;
  font-weight: 700;
  transition: all .18s;
  display: flex;
}

.mhp-scanner .mhp-strategy-chip .mhp-chip-check {
  color: #0000;
  border: 1px solid #fff3;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  font-size: 7px;
  transition: all .15s;
  display: inline-flex;
}

.mhp-scanner .mhp-strategy-chip:hover {
  background: #ffffff0f;
  border-color: #f5c54233;
}

.mhp-scanner .mhp-strategy-chip.active {
  color: #f5c542;
  background: #f5c5421a;
  border-color: #f5c54280;
}

.mhp-scanner .mhp-strategy-chip.active .mhp-chip-check {
  color: #000;
  background: #f5c542;
  border-color: #f5c542;
}

.mhp-scanner .mhp-automation-box {
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  border-radius: 10px;
  flex-direction: column;
  gap: 6px;
  margin-top: 4px;
  padding: 10px;
  font-size: 11px;
  transition: all .2s;
  display: flex;
}

.mhp-scanner .mhp-automation-box.active {
  background: #10b9810d;
  border-color: #10b9814d;
}

.mhp-scanner .mhp-automation-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.mhp-scanner .mhp-automation-title {
  color: #fff;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 800;
  display: flex;
}

.mhp-scanner .mhp-auto-badge {
  cursor: pointer;
  color: #cbd5e1;
  background: #ffffff1a;
  border: none;
  border-radius: 5px;
  padding: 3px 8px;
  font-family: inherit;
  font-size: 10px;
  font-weight: 800;
  transition: all .2s;
}

.mhp-scanner .mhp-auto-badge.active {
  color: #fff;
  background: #10b981;
}

.mhp-scanner .mhp-automation-info {
  border-top: 1px solid #ffffff0d;
  justify-content: space-between;
  padding-top: 6px;
  font-size: 10px;
  display: flex;
}

.mhp-scanner .mhp-dim {
  color: #fff6;
}

.mhp-scanner .mhp-pred-card {
  background: #f5c5420a;
  border-color: #f5c54233;
}

.mhp-scanner .mhp-pred-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.mhp-scanner .mhp-pred-auto {
  color: #fff6;
  font-size: 9px;
}

.mhp-scanner .mhp-digit-grid {
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
  display: grid;
}

.mhp-scanner .mhp-digit-btn {
  cursor: pointer;
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 6px 2px;
  font-family: inherit;
  transition: all .18s;
  display: flex;
}

.mhp-scanner .mhp-digit-btn .mhp-digit-lbl {
  color: #ffffff59;
  letter-spacing: .3px;
  font-size: 7px;
  font-weight: 700;
}

.mhp-scanner .mhp-digit-btn .mhp-digit-num {
  color: #ffffffbf;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
}

.mhp-scanner .mhp-digit-btn .mhp-ai-badge {
  color: #10b981;
  margin-top: 1px;
  font-size: 7px;
  font-weight: 800;
}

.mhp-scanner .mhp-digit-btn:hover {
  background: #f5c54212;
  border-color: #f5c5424d;
}

.mhp-scanner .mhp-digit-btn.auto {
  background: #10b9811a;
  border-color: #10b98166;
}

.mhp-scanner .mhp-digit-btn.auto .mhp-digit-num {
  color: #10b981;
}

.mhp-scanner .mhp-digit-btn.selected {
  background: linear-gradient(135deg, #e67e22, #f5c542);
  border-color: #f5c542;
}

.mhp-scanner .mhp-digit-btn.selected .mhp-digit-lbl {
  color: #0009;
}

.mhp-scanner .mhp-digit-btn.selected .mhp-digit-num {
  color: #000;
}

.mhp-scanner .mhp-digit-btn.selected {
  box-shadow: 0 0 12px #f5c54259;
}

.mhp-scanner .mhp-rec-card {
  transition: border-color .2s, background .2s;
}

.mhp-scanner .mhp-rec-card.active {
  background: #f59e0b0a;
  border-color: #f59e0b59;
}

.mhp-scanner .mhp-rec-toggle {
  color: #ffffffb3;
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  transition: color .2s;
  display: flex;
}

.mhp-scanner .mhp-rec-toggle:hover {
  color: #fff;
}

.mhp-scanner .mhp-rec-badge {
  color: #f59e0b;
  background: #f59e0b33;
  border: 1px solid #f59e0b4d;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 9px;
  font-weight: 800;
}

.mhp-scanner .mhp-bulk-badge {
  color: #38bdf8;
  background: #38bdf826;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 9px;
  font-weight: 800;
}

.mhp-scanner .mhp-chevron {
  color: #fff6;
  font-size: 14px;
  transition: transform .2s;
}

.mhp-scanner .mhp-chevron.open {
  transform: rotate(180deg);
}

.mhp-scanner .mhp-rec-body {
  border-top: 1px solid #ffffff0f;
  flex-direction: column;
  gap: 8px;
  padding-top: 8px;
  display: flex;
}

.mhp-scanner .mhp-rec-row {
  align-items: center;
  gap: 10px;
  display: flex;
}

.mhp-scanner .mhp-rec-row label {
  flex: 1;
  margin: 0;
}

.mhp-scanner .mhp-rec-picker {
  flex: 1;
  position: relative;
}

.mhp-scanner .mhp-rec-type-btn {
  color: #f59e0b;
  cursor: pointer;
  background: #ffffff0d;
  border: 1px solid #f59e0b4d;
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 6px 10px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  transition: border-color .2s;
  display: flex;
}

.mhp-scanner .mhp-rec-type-btn:hover {
  border-color: #f59e0b;
}

.mhp-scanner .mhp-dropdown {
  z-index: 60;
  background: #1a1000;
  border: 1px solid #f59e0b40;
  border-radius: 10px;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 8px 24px #00000080;
}

.mhp-scanner .mhp-dropdown-item {
  color: #ffffff8c;
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  transition: background .15s;
  display: flex;
}

.mhp-scanner .mhp-dropdown-item:hover {
  background: #ffffff0d;
}

.mhp-scanner .mhp-dropdown-item.active {
  color: #f59e0b;
}

.mhp-scanner .mhp-suggest-btn {
  color: #38bdf8;
  cursor: pointer;
  background: #38bdf812;
  border: 1px solid #38bdf840;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 7px 10px;
  font-family: inherit;
  font-size: 10px;
  font-weight: 800;
  transition: all .2s;
  display: flex;
}

.mhp-scanner .mhp-suggest-btn:hover {
  background: #38bdf824;
  border-color: #38bdf8;
}

.mhp-scanner .mhp-rec-desc {
  color: #ffffff4d;
  margin: 0;
  font-size: 9px;
  line-height: 1.5;
}

.mhp-scanner .mhp-progress-card {
  gap: 10px;
}

.mhp-scanner .mhp-dot {
  background: #ffffff26;
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  transition: background .2s;
}

.mhp-scanner .mhp-dot.scanning {
  background: #f5c542;
  animation: 1.2s ease-in-out infinite mhp-dot-pulse;
}

.mhp-scanner .mhp-progress-bg {
  background: #ffffff0d;
  border-radius: 3px;
  width: 100%;
  height: 5px;
  overflow: hidden;
}

.mhp-scanner .mhp-progress-fill {
  background: linear-gradient(90deg, #e67e22, #f5c542);
  border-radius: 3px;
  height: 100%;
  transition: width .25s linear;
}

.mhp-scanner .mhp-progress-green {
  background: linear-gradient(90deg, #10b981, #059669);
}

.mhp-scanner .mhp-signals-card {
  min-height: 100px;
}

.mhp-scanner .mhp-signal-count {
  color: #f5c542;
  vertical-align: middle;
  background: #f5c54226;
  border-radius: 4px;
  margin-left: 6px;
  padding: 1px 6px;
  font-size: 9px;
  font-weight: 800;
}

.mhp-scanner .mhp-empty-signals {
  color: #ffffff4d;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 16px 0;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

.mhp-scanner .mhp-empty-icon {
  opacity: .4;
  font-size: 24px;
}

.mhp-scanner .mhp-signals-list {
  flex-direction: column;
  gap: 7px;
  max-height: 240px;
  padding-right: 4px;
  display: flex;
  overflow-y: auto;
}

.mhp-scanner .mhp-signals-list::-webkit-scrollbar {
  width: 3px;
}

.mhp-scanner .mhp-signals-list::-webkit-scrollbar-track {
  background: none;
}

.mhp-scanner .mhp-signals-list::-webkit-scrollbar-thumb {
  background: #f5c54233;
  border-radius: 2px;
}

.mhp-scanner .mhp-signal-row {
  cursor: pointer;
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  border-radius: 11px;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  transition: all .18s;
  display: flex;
}

.mhp-scanner .mhp-signal-row:hover {
  background: #ffffff0d;
  border-color: #ffffff1f;
}

.mhp-scanner .mhp-signal-row.strong {
  background: #10b98108;
  border-color: #10b9812e;
}

.mhp-scanner .mhp-signal-row.selected {
  background: #f5c54212;
  border-color: #f5c54266;
  box-shadow: 0 0 0 1px #f5c54233;
}

.mhp-scanner .mhp-signal-rank {
  color: #fff;
  border-radius: 7px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-top: 1px;
  font-size: 10px;
  font-weight: 900;
  display: flex;
}

.mhp-scanner .mhp-signal-info {
  flex: 1;
  min-width: 0;
}

.mhp-scanner .mhp-signal-header {
  align-items: center;
  gap: 6px;
  margin-bottom: 3px;
  display: flex;
}

.mhp-scanner .mhp-signal-symbol {
  color: #f5c542;
  letter-spacing: .3px;
  font-size: 11px;
  font-weight: 800;
}

.mhp-scanner .mhp-signal-strategy {
  color: #ffffff80;
  background: #ffffff0f;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 9px;
  font-weight: 700;
}

.mhp-scanner .mhp-signal-pct {
  margin-left: auto;
  font-size: 12px;
  font-weight: 900;
}

.mhp-scanner .mhp-signal-rec {
  color: #fffc;
  margin: 0 0 2px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
}

.mhp-scanner .mhp-signal-entry {
  color: #fff6;
  margin: 0;
  font-size: 10px;
}

.mhp-scanner .mhp-selected-indicator {
  color: #f5c542;
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 900;
}

.mhp-scanner .mhp-stats-strategy-row {
  flex-shrink: 0;
  gap: 5px;
  padding-bottom: 4px;
  display: flex;
  overflow-x: auto;
}

.mhp-scanner .mhp-stats-strategy-row::-webkit-scrollbar {
  height: 2px;
}

.mhp-scanner .mhp-stats-strategy-row::-webkit-scrollbar-thumb {
  background: #f5c54233;
}

.mhp-scanner .mhp-stats-btn {
  color: #ffffff8c;
  cursor: pointer;
  white-space: nowrap;
  background: #ffffff0d;
  border: none;
  border-radius: 5px;
  padding: 4px 10px;
  font-family: inherit;
  font-size: 10px;
  font-weight: 800;
  transition: all .18s;
}

.mhp-scanner .mhp-stats-btn:hover {
  color: #fff;
  background: #ffffff1a;
}

.mhp-scanner .mhp-stats-btn.active {
  color: #000;
  background: linear-gradient(135deg, #e67e22, #f5c542);
}

.mhp-scanner .mhp-stats-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 11px;
}

.mhp-scanner .mhp-stats-table th {
  color: #fff6;
  text-transform: uppercase;
  letter-spacing: .5px;
  border-bottom: 1px solid #ffffff12;
  padding: 6px 4px;
  font-size: 9px;
  font-weight: 700;
}

.mhp-scanner .mhp-stats-table td {
  border-bottom: 1px solid #ffffff0a;
  padding: 7px 4px;
}

.mhp-scanner .mhp-stats-table tr:hover td {
  background: #ffffff05;
}

.mhp-scanner .mhp-digit-badge {
  color: #f5c542;
  background: #f5c54226;
  border-radius: 5px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 800;
}

.mhp-scanner .mhp-load-mini-btn {
  color: #10b981;
  cursor: pointer;
  background: #10b9811f;
  border: 1px solid #10b98140;
  border-radius: 5px;
  padding: 2px 8px;
  font-family: inherit;
  font-size: 9px;
  font-weight: 800;
  transition: all .18s;
}

.mhp-scanner .mhp-load-mini-btn:hover {
  color: #fff;
  background: #10b981;
}

.mhp-scanner .mhp-df-status-banner {
  color: #34d399;
  background: #10b98114;
  border: 1px solid #10b98140;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
}

.mhp-scanner .mhp-df-status-banner.running {
  color: #60a5fa;
  background: #3b82f61a;
  border-color: #3b82f64d;
  animation: 1.8s infinite alternate mhp-glow-pulse;
}

.mhp-scanner .mhp-df-step-container {
  align-items: center;
  gap: 6px;
  padding: 8px 0;
  display: flex;
  overflow-x: auto;
}

.mhp-scanner .mhp-df-step-chip {
  color: #fff9;
  white-space: nowrap;
  background: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 10px;
  font-weight: 800;
}

.mhp-scanner .mhp-df-step-chip.active {
  color: #fff;
  background: linear-gradient(135deg, #10b981, #059669);
  border-color: #10b981;
  box-shadow: 0 0 10px #10b98166;
}

.mhp-scanner .mhp-df-trade-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 11px;
}

.mhp-scanner .mhp-df-trade-table th {
  text-align: left;
  color: #fff6;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff14;
  padding: 6px 8px;
  font-size: 9px;
}

.mhp-scanner .mhp-df-trade-table td {
  border-bottom: 1px solid #ffffff0a;
  padding: 6px 8px;
}

.mhp-scanner .mhp-df-progress-box {
  background: #10b9810a;
  border: 1px solid #10b9812e;
  border-radius: 10px;
  padding: 10px;
}

.mhp-scanner .mhp-df-btn {
  cursor: pointer;
  color: #fff;
  background: linear-gradient(135deg, #10b981, #059669);
  border: none;
  border-radius: 11px;
  width: 100%;
  padding: 13px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
  transition: all .2s;
  box-shadow: 0 4px 16px #10b98140;
}

.mhp-scanner .mhp-df-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px #10b98159;
}

.mhp-scanner .mhp-df-btn.running {
  color: #ef4444;
  box-shadow: none;
  background: #ef44441f;
  border: 1px solid #ef44444d;
}

.mhp-scanner .mhp-df-btn.running:hover {
  background: #ef444433;
}

.mhp-scanner .mhp-footer {
  background: #0003;
  border-top: 1px solid #f5c5421a;
  flex-shrink: 0;
  gap: 8px;
  padding: 10px 14px 12px;
  display: flex;
}

.mhp-scanner .mhp-btn {
  cursor: pointer;
  letter-spacing: .3px;
  border: none;
  border-radius: 10px;
  flex: 1;
  padding: 11px 10px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 800;
  transition: all .2s;
}

.mhp-scanner .mhp-btn:disabled {
  opacity: .35;
  cursor: not-allowed;
  box-shadow: none !important;
  transform: none !important;
}

.mhp-scanner .mhp-btn:hover:not(:disabled) {
  transform: translateY(-1px);
}

.mhp-scanner .mhp-btn-scan {
  color: #ffffffb3;
  background: #ffffff0f;
  border: 1px solid #ffffff1a;
}

.mhp-scanner .mhp-btn-scan:hover:not(:disabled) {
  color: #fff;
  background: #ffffff1a;
}

.mhp-scanner .mhp-btn-load {
  color: #fff;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  box-shadow: 0 3px 10px #3b82f640;
}

.mhp-scanner .mhp-btn-run {
  color: #000;
  background: linear-gradient(135deg, #e67e22, #f5c542);
  box-shadow: 0 3px 10px #f5c54240;
}

.mhp-scanner .mhp-conn-badge {
  letter-spacing: .3px;
  border-radius: 20px;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}

.mhp-scanner .mhp-conn-badge.connected {
  color: #10b981;
  background: #10b98126;
  border: 1px solid #10b9814d;
}

.mhp-scanner .mhp-conn-badge.connecting {
  color: #f59e0b;
  background: #f59e0b26;
  border: 1px solid #f59e0b4d;
}

.mhp-scanner .mhp-conn-badge.disconnected {
  color: #ef4444;
  background: #ef444426;
  border: 1px solid #ef44444d;
}

.mhp-scanner .mhp-conn-dot {
  background: currentColor;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.5s ease-in-out infinite mhp-dot-pulse;
}

.mhp-scanner .mhp-single-price-box {
  background: #f5c5420d;
  border: 1px solid #f5c54233;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 12px;
  display: flex;
}

.mhp-scanner .mhp-single-price {
  color: #f5c542;
  font-family: Share Tech Mono, monospace;
  font-size: 14px;
  font-weight: 800;
}

.mhp-scanner .mhp-single-digit {
  color: #000;
  background: linear-gradient(135deg, #f5c542, #e67e22);
  border-radius: 6px;
  padding: 3px 10px;
  font-family: Share Tech Mono, monospace;
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 2px 8px #f5c5424d;
}

.mhp-scanner .mhp-strategy-line {
  flex-wrap: nowrap;
  gap: 6px;
  padding-bottom: 4px;
  display: flex;
  overflow-x: auto;
}

.mhp-scanner .mhp-strategy-line::-webkit-scrollbar {
  height: 3px;
}

.mhp-scanner .mhp-strategy-line::-webkit-scrollbar-thumb {
  background: #f5c5424d;
  border-radius: 2px;
}

.mhp-scanner .mhp-strategy-chip-single {
  white-space: nowrap;
  color: #fff9;
  cursor: pointer;
  text-align: center;
  background: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  flex: 1;
  min-width: max-content;
  padding: 7px 12px;
  font-size: 11px;
  font-weight: 800;
  transition: all .2s;
}

.mhp-scanner .mhp-strategy-chip-single:hover {
  color: #fff;
  background: #ffffff14;
}

.mhp-scanner .mhp-strategy-chip-single.active {
  color: #000;
  background: linear-gradient(135deg, #e67e22, #f5c542);
  border-color: #f5c542;
  box-shadow: 0 2px 10px #f5c54240;
}

.mhp-scanner .mhp-ou-box {
  background: #0f172a99;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  display: flex;
}

.mhp-scanner .mhp-ou-bar-container {
  background: #0006;
  border: 1px solid #ffffff1a;
  border-radius: 9px;
  height: 18px;
  display: flex;
  overflow: hidden;
}

.mhp-scanner .mhp-ou-fill-under {
  color: #fff;
  background: linear-gradient(90deg, #3b82f6, #60a5fa);
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: 800;
  transition: width .4s;
  display: flex;
}

.mhp-scanner .mhp-ou-fill-under.glowing-win {
  background: linear-gradient(90deg, #2563eb, #3b82f6);
  animation: 1.2s infinite alternate mhp-glow-pulse;
  box-shadow: 0 0 12px #3b82f6cc;
}

.mhp-scanner .mhp-ou-fill-over {
  color: #000;
  background: linear-gradient(90deg, #10b981, #34d399);
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: 800;
  transition: width .4s;
  display: flex;
}

.mhp-scanner .mhp-ou-fill-over.glowing-win {
  background: linear-gradient(90deg, #059669, #10b981);
  animation: 1.2s infinite alternate mhp-glow-pulse;
  box-shadow: 0 0 12px #10b981cc;
}

.mhp-scanner .mhp-disturber-warning {
  color: #fca5a5;
  background: #ef44441f;
  border: 1px solid #ef444459;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-size: 11px;
  font-weight: 700;
  animation: 2s ease-in-out infinite mhp-alert-bounce;
  display: flex;
}

.mhp-scanner .mhp-strong-signal-banner {
  color: #6ee7b7;
  letter-spacing: .5px;
  background: linear-gradient(135deg, #10b98133, #0596694d);
  border: 1px solid #10b981;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 800;
  display: flex;
  box-shadow: 0 0 16px #10b98133;
}

.mhp-scanner .mhp-console-card {
  background: #0006;
  border: 1px solid #f5c54233;
  border-radius: 14px;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
  display: flex;
}

.mhp-scanner .mhp-console-stats {
  text-align: center;
  background: #ffffff08;
  border: 1px solid #ffffff0f;
  border-radius: 10px;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
  padding: 10px;
  display: grid;
}

.mhp-scanner .mhp-stat-box {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.mhp-scanner .mhp-stat-lbl {
  color: #fff6;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
}

.mhp-scanner .mhp-stat-val {
  color: #fff;
  font-family: Share Tech Mono, monospace;
  font-size: 12px;
  font-weight: 800;
}

.mhp-scanner .mhp-stat-val.mhp-profit-pos {
  color: #10b981;
  font-weight: 900;
}

.mhp-scanner .mhp-stat-val.mhp-profit-neg {
  color: #ef4444;
  font-weight: 900;
}

.mhp-scanner .mhp-console-btns {
  gap: 8px;
  display: flex;
}

.mhp-scanner .mhp-btn-manual {
  color: #60a5fa;
  cursor: pointer;
  background: #3b82f626;
  border: 1px solid #3b82f666;
  border-radius: 8px;
  flex: 1;
  padding: 11px;
  font-size: 11px;
  font-weight: 800;
  transition: all .2s;
}

.mhp-scanner .mhp-btn-manual:hover {
  color: #fff;
  background: #3b82f6;
}

.mhp-scanner .mhp-btn-auto {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #10b981, #059669);
  border: none;
  border-radius: 8px;
  flex: 1;
  padding: 11px;
  font-size: 11px;
  font-weight: 800;
  transition: all .2s;
}

.mhp-scanner .mhp-btn-auto:hover {
  box-shadow: 0 4px 14px #10b98166;
}

@keyframes mhp-dot-pulse {
  0%, 100% {
    opacity: .7;
    transform: scale(.9);
  }

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

@keyframes mhp-glow-pulse {
  from {
    box-shadow: 0 0 6px;
  }

  to {
    box-shadow: 0 0 16px;
  }
}

@keyframes mhp-alert-bounce {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-2px);
  }
}

@media (max-width: 600px) {
  .mhp-scanner .mhp-console-stats {
    grid-template-columns: repeat(3, 1fr);
  }

  .mhp-scanner .mhp-grid-2 {
    grid-template-columns: 1fr;
  }
}

.ai-learning-modal-overlay {
  -webkit-backdrop-filter: blur(14px);
  z-index: 10000;
  background: #030712d9;
  justify-content: center;
  align-items: center;
  padding: 20px;
  animation: .25s ease-out ep-fade-in;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ai-learning-modal-card {
  color: #f8fafc;
  background: #0f172af2;
  border: 1px solid #8b5cf64d;
  border-radius: 24px;
  flex-direction: column;
  width: 100%;
  max-width: 960px;
  max-height: 90vh;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  display: flex;
  overflow: hidden;
  box-shadow: 0 25px 60px #000c, 0 0 40px #8b5cf633;
}

.ai-learning-modal-header {
  background: #0f172ab3;
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  padding: 24px 28px 20px;
  display: flex;
}

.ai-learning-modal-header .title-group {
  align-items: center;
  gap: 16px;
  display: flex;
}

.ai-learning-modal-header .title-group .icon-wrap {
  background: linear-gradient(135deg, #8b5cf640, #06b6d433);
  border: 1px solid #8b5cf666;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  box-shadow: 0 0 15px #8b5cf64d;
}

.ai-learning-modal-header .title-group .icon-wrap .brain-icon {
  color: #c084fc;
  width: 26px;
  height: 26px;
}

.ai-learning-modal-header .title-group .title-row {
  align-items: center;
  gap: 12px;
  margin-bottom: 4px;
  display: flex;
}

.ai-learning-modal-header .title-group .title-row h2 {
  color: #fff;
  letter-spacing: -.02em;
  margin: 0;
  font-size: 1.35rem;
  font-weight: 800;
}

.ai-learning-modal-header .title-group .title-row .badge-ai-live {
  color: #34d399;
  letter-spacing: .04em;
  background: #10b98126;
  border: 1px solid #10b98159;
  border-radius: 99px;
  align-items: center;
  gap: 6px;
  padding: 3px 8px;
  font-size: .68rem;
  font-weight: 800;
  display: flex;
}

.ai-learning-modal-header .title-group .title-row .badge-ai-live .pulse-dot {
  background: #10b981;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.5s infinite ep-pulse-dot;
  box-shadow: 0 0 8px #10b981;
}

.ai-learning-modal-header .title-group .subtitle {
  color: #94a3b8;
  margin: 0;
  font-size: .8rem;
}

.ai-learning-modal-header .header-controls {
  align-items: center;
  gap: 14px;
  display: flex;
}

.ai-learning-modal-header .header-controls .machine-mode-toggle {
  cursor: pointer;
  background: #1e293bb3;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  transition: all .25s;
  display: flex;
}

.ai-learning-modal-header .header-controls .machine-mode-toggle .zap-icon {
  color: #94a3b8;
  width: 18px;
  height: 18px;
  transition: color .2s;
}

.ai-learning-modal-header .header-controls .machine-mode-toggle .toggle-labels {
  flex-direction: column;
  display: flex;
}

.ai-learning-modal-header .header-controls .machine-mode-toggle .toggle-labels .toggle-title {
  color: #fff;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 800;
}

.ai-learning-modal-header .header-controls .machine-mode-toggle .toggle-labels .toggle-status {
  color: #94a3b8;
  font-size: .65rem;
}

.ai-learning-modal-header .header-controls .machine-mode-toggle .switch-indicator {
  background: #475569;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  transition: all .2s;
}

.ai-learning-modal-header .header-controls .machine-mode-toggle .switch-indicator.on {
  background: #10b981;
  box-shadow: 0 0 10px #10b981;
}

.ai-learning-modal-header .header-controls .machine-mode-toggle.active {
  background: #10b98126;
  border-color: #10b98166;
}

.ai-learning-modal-header .header-controls .machine-mode-toggle.active .zap-icon {
  color: #34d399;
}

.ai-learning-modal-header .header-controls .machine-mode-toggle.active .toggle-status {
  color: #34d399;
  font-weight: 700;
}

.ai-learning-modal-header .header-controls .machine-mode-toggle:hover {
  border-color: #fff3;
}

.ai-learning-modal-header .header-controls .close-btn {
  color: #94a3b8;
  cursor: pointer;
  background: #ffffff0f;
  border: 1px solid #ffffff1a;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  transition: all .2s;
  display: flex;
}

.ai-learning-modal-header .header-controls .close-btn:hover {
  color: #f87171;
  background: #ef444433;
  border-color: #ef444466;
}

.ai-learning-tabs {
  background: #0f172a80;
  border-bottom: 1px solid #ffffff0f;
  gap: 8px;
  padding: 12px 28px;
  display: flex;
}

.ai-learning-tabs .tab-btn {
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: .84rem;
  font-weight: 700;
  transition: all .2s;
  display: flex;
}

.ai-learning-tabs .tab-btn.active {
  color: #c084fc;
  background: #8b5cf633;
  border-color: #8b5cf666;
}

.ai-learning-tabs .tab-btn:hover:not(.active) {
  color: #f1f5f9;
  background: #ffffff0a;
}

.ai-learning-tab-content {
  flex-direction: column;
  gap: 20px;
  max-height: calc(90vh - 170px);
  padding: 24px 28px;
  display: flex;
  overflow-y: auto;
}

.ai-learning-tab-content::-webkit-scrollbar {
  width: 6px;
}

.ai-learning-tab-content::-webkit-scrollbar-thumb {
  background: #ffffff1a;
  border-radius: 99px;
}

.diagnostics-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  display: grid;
}

@media (max-width: 768px) {
  .diagnostics-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.diagnostics-grid .diag-card {
  background: #1e293b80;
  border: 1px solid #ffffff0f;
  border-radius: 16px;
  flex-direction: column;
  gap: 4px;
  padding: 14px;
  display: flex;
}

.diagnostics-grid .diag-card .diag-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.diagnostics-grid .diag-card .diag-top .diag-label {
  color: #64748b;
  letter-spacing: .04em;
  font-size: .68rem;
  font-weight: 800;
}

.diagnostics-grid .diag-card .diag-val {
  color: #fff;
  margin: 2px 0;
  font-family: JetBrains Mono, monospace;
  font-size: 1.45rem;
  font-weight: 900;
}

.diagnostics-grid .diag-card .diag-sub {
  color: #94a3b8;
  font-size: .68rem;
}

.text-cyan {
  color: #38bdf8 !important;
}

.text-purple {
  color: #c084fc !important;
}

.text-orange {
  color: #fb923c !important;
}

.text-emerald {
  color: #34d399 !important;
}

.top-edge-banner {
  background: linear-gradient(135deg, #8b5cf626, #06b6d41a);
  border: 1px solid #8b5cf659;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.top-edge-banner .banner-left .crown-pill {
  color: #fbbf24;
  letter-spacing: .05em;
  font-size: .68rem;
  font-weight: 800;
}

.top-edge-banner .banner-left h4 {
  color: #fff;
  margin: 4px 0 2px;
  font-size: 1.05rem;
  font-weight: 800;
}

.top-edge-banner .banner-left p {
  color: #cbd5e1;
  margin: 0;
  font-size: .8rem;
}

.top-edge-banner .banner-badge {
  color: #fff;
  background: linear-gradient(135deg, #8b5cf6, #06b6d4);
  border-radius: 99px;
  padding: 8px 16px;
  font-size: .88rem;
  font-weight: 900;
  box-shadow: 0 0 15px #8b5cf680;
}

.matrix-section {
  background: #1e293b4d;
  border: 1px solid #ffffff0f;
  border-radius: 18px;
  padding: 18px;
}

.matrix-section .section-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.matrix-section .section-head h3 {
  color: #fff;
  margin: 0;
  font-size: .98rem;
  font-weight: 800;
}

.matrix-section .section-head .section-desc {
  color: #94a3b8;
  margin: 2px 0 0;
  font-size: .75rem;
}

.matrix-section .section-head .hovered-cell-callout {
  color: #c084fc;
  background: #8b5cf640;
  border: 1px solid #8b5cf680;
  border-radius: 8px;
  padding: 4px 12px;
  font-size: .78rem;
}

.matrix-section .matrix-table-wrap {
  overflow-x: auto;
}

.matrix-section .matrix-table-wrap .markov-table {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
  font-family: JetBrains Mono, monospace;
}

.matrix-section .matrix-table-wrap .markov-table th, .matrix-section .matrix-table-wrap .markov-table td {
  border: 1px solid #ffffff0a;
  padding: 7px 4px;
  font-size: .75rem;
}

.matrix-section .matrix-table-wrap .markov-table .th-corner {
  color: #64748b;
  background: #0f172acc;
  font-size: .68rem;
}

.matrix-section .matrix-table-wrap .markov-table .th-col-digit, .matrix-section .matrix-table-wrap .markov-table .th-row-digit {
  color: #94a3b8;
  background: #1e293bcc;
  font-weight: 800;
}

.matrix-section .matrix-table-wrap .markov-table .matrix-cell {
  cursor: pointer;
  transition: transform .15s, box-shadow .15s;
}

.matrix-section .matrix-table-wrap .markov-table .matrix-cell.high-edge {
  text-shadow: 0 0 8px #38bdf8cc;
  font-weight: 900;
}

.matrix-section .matrix-table-wrap .markov-table .matrix-cell:hover {
  z-index: 2;
  transform: scale(1.15);
  box-shadow: 0 0 12px #fff6;
}

.q-weights-section {
  background: #1e293b4d;
  border: 1px solid #ffffff0f;
  border-radius: 18px;
  padding: 18px;
}

.q-weights-section h3 {
  color: #fff;
  margin: 0;
  font-size: .98rem;
  font-weight: 800;
}

.q-weights-section .section-desc {
  color: #94a3b8;
  margin: 2px 0 14px;
  font-size: .75rem;
}

.q-weights-section .q-weights-list {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

@media (max-width: 640px) {
  .q-weights-section .q-weights-list {
    grid-template-columns: 1fr;
  }
}

.q-weights-section .q-weights-list .q-weight-item {
  background: #0f172a99;
  border: 1px solid #ffffff0d;
  border-radius: 12px;
  padding: 10px 14px;
}

.q-weights-section .q-weights-list .q-weight-item .q-name-row {
  justify-content: space-between;
  margin-bottom: 6px;
  font-size: .78rem;
  font-weight: 700;
  display: flex;
}

.q-weights-section .q-weights-list .q-weight-item .q-name-row .q-key {
  color: #fff;
}

.q-weights-section .q-weights-list .q-weight-item .q-name-row .q-winrate {
  color: #34d399;
}

.q-weights-section .q-weights-list .q-weight-item .q-bar-track {
  background: #ffffff14;
  border-radius: 99px;
  width: 100%;
  height: 6px;
  margin-bottom: 6px;
  overflow: hidden;
}

.q-weights-section .q-weights-list .q-weight-item .q-bar-track .q-bar-fill {
  background: linear-gradient(90deg, #8b5cf6, #38bdf8);
  border-radius: 99px;
  height: 100%;
  transition: width .4s;
}

.q-weights-section .q-weights-list .q-weight-item .q-score-row {
  color: #94a3b8;
  justify-content: space-between;
  font-size: .7rem;
  display: flex;
}

.guide-content .guide-hero {
  text-align: center;
  margin-bottom: 8px;
}

.guide-content .guide-hero h3 {
  color: #fff;
  margin: 0 0 6px;
  font-size: 1.25rem;
  font-weight: 800;
}

.guide-content .guide-hero p {
  color: #94a3b8;
  max-width: 680px;
  margin: 0 auto;
  font-size: .85rem;
  line-height: 1.5;
}

.guide-content .steps-container {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.guide-content .steps-container .step-card {
  background: #1e293b66;
  border: 1px solid #ffffff0f;
  border-radius: 16px;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 20px;
  display: flex;
}

.guide-content .steps-container .step-card .step-number {
  color: #fff;
  background: linear-gradient(135deg, #8b5cf6, #06b6d4);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 1rem;
  font-weight: 900;
  display: flex;
}

.guide-content .steps-container .step-card .step-body h4 {
  color: #fff;
  margin: 0 0 4px;
  font-size: .95rem;
  font-weight: 800;
}

.guide-content .steps-container .step-card .step-body p {
  color: #cbd5e1;
  margin: 0;
  font-size: .8rem;
  line-height: 1.5;
}

.guide-content .steps-container .step-card .step-body p code {
  color: #38bdf8;
  background: #0000004d;
  border-radius: 4px;
  padding: 2px 6px;
  font-family: JetBrains Mono, monospace;
}

.guide-content .best-practices-box {
  background: #10b98114;
  border: 1px solid #10b98140;
  border-radius: 16px;
  padding: 16px 20px;
}

.guide-content .best-practices-box h4 {
  color: #34d399;
  margin: 0 0 10px;
  font-size: .9rem;
  font-weight: 800;
}

.guide-content .best-practices-box ul {
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.guide-content .best-practices-box ul li {
  color: #cbd5e1;
  align-items: flex-start;
  gap: 10px;
  font-size: .8rem;
  line-height: 1.4;
  display: flex;
}

.crossbot-content {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.crossbot-content .synergy-hero {
  background: linear-gradient(135deg, #8b5cf626, #06b6d41a);
  border: 1px solid #8b5cf64d;
  border-radius: 16px;
  padding: 16px 20px;
}

.crossbot-content .synergy-hero h3 {
  color: #fff;
  margin: 0 0 6px;
  font-size: 1.1rem;
  font-weight: 800;
}

.crossbot-content .synergy-hero p {
  color: #cbd5e1;
  margin: 0;
  font-size: .82rem;
  line-height: 1.45;
}

.crossbot-content .bots-synergy-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  display: grid;
}

@media (max-width: 900px) {
  .crossbot-content .bots-synergy-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 540px) {
  .crossbot-content .bots-synergy-grid {
    grid-template-columns: 1fr;
  }
}

.crossbot-content .bots-synergy-grid .bot-synergy-card {
  background: #1e293b80;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  transition: all .25s;
  display: flex;
}

.crossbot-content .bots-synergy-grid .bot-synergy-card:hover {
  border-color: #8b5cf666;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px #0006;
}

.crossbot-content .bots-synergy-grid .bot-synergy-card .card-head {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.crossbot-content .bots-synergy-grid .bot-synergy-card .card-head .bot-badge {
  text-transform: uppercase;
  letter-spacing: .03em;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 3px 8px;
  font-size: .65rem;
  font-weight: 800;
  display: flex;
}

.crossbot-content .bots-synergy-grid .bot-synergy-card .card-head .q-score-badge {
  color: #c084fc;
  background: #8b5cf633;
  border: 1px solid #8b5cf666;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: .68rem;
  font-weight: 800;
}

.crossbot-content .bots-synergy-grid .bot-synergy-card.elite {
  border-top: 3px solid #8b5cf6;
}

.crossbot-content .bots-synergy-grid .bot-synergy-card.elite .bot-badge {
  color: #c084fc;
  background: #8b5cf633;
}

.crossbot-content .bots-synergy-grid .bot-synergy-card.overlord {
  border-top: 3px solid #f97316;
}

.crossbot-content .bots-synergy-grid .bot-synergy-card.overlord .bot-badge {
  color: #fb923c;
  background: #f9731633;
}

.crossbot-content .bots-synergy-grid .bot-synergy-card.poverty {
  border-top: 3px solid #06b6d4;
}

.crossbot-content .bots-synergy-grid .bot-synergy-card.poverty .bot-badge {
  color: #22d3ee;
  background: #06b6d433;
}

.crossbot-content .bots-synergy-grid .bot-synergy-card.autoeo {
  border-top: 3px solid #10b981;
}

.crossbot-content .bots-synergy-grid .bot-synergy-card.autoeo .bot-badge {
  color: #34d399;
  background: #10b98133;
}

.crossbot-content .bots-synergy-grid .bot-synergy-card h4 {
  color: #fff;
  margin: 0;
  font-size: .95rem;
  font-weight: 800;
}

.crossbot-content .bots-synergy-grid .bot-synergy-card .domain-tag {
  color: #94a3b8;
  font-size: .72rem;
}

.crossbot-content .bots-synergy-grid .bot-synergy-card .bot-stats-row {
  background: #0f172a99;
  border: 1px solid #ffffff0a;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding: 8px 10px;
  display: flex;
}

.crossbot-content .bots-synergy-grid .bot-synergy-card .bot-stats-row div {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.crossbot-content .bots-synergy-grid .bot-synergy-card .bot-stats-row div label {
  color: #64748b;
  text-transform: uppercase;
  font-size: .62rem;
  font-weight: 700;
}

.crossbot-content .bots-synergy-grid .bot-synergy-card .bot-stats-row div strong {
  font-size: .8rem;
  font-weight: 800;
}

.crossbot-content .parity-analysis-section {
  grid-template-columns: 1fr 1.2fr;
  gap: 16px;
  display: grid;
}

@media (max-width: 800px) {
  .crossbot-content .parity-analysis-section {
    grid-template-columns: 1fr;
  }
}

.crossbot-content .parity-analysis-section .parity-card, .crossbot-content .parity-analysis-section .synergy-details-card {
  background: #1e293b66;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  padding: 16px 20px;
}

.crossbot-content .parity-analysis-section .parity-card h4, .crossbot-content .parity-analysis-section .synergy-details-card h4 {
  color: #fff;
  margin: 0 0 6px;
  font-size: .92rem;
  font-weight: 800;
}

.crossbot-content .parity-analysis-section .parity-card p, .crossbot-content .parity-analysis-section .synergy-details-card p {
  color: #94a3b8;
  margin: 0 0 12px;
  font-size: .78rem;
}

.crossbot-content .parity-analysis-section .parity-grid {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  display: grid;
}

.crossbot-content .parity-analysis-section .parity-grid .parity-cell {
  background: #0f172ab3;
  border: 1px solid #ffffff0f;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  display: flex;
}

.crossbot-content .parity-analysis-section .parity-grid .parity-cell .cell-label {
  color: #cbd5e1;
  font-size: .75rem;
  font-weight: 600;
}

.crossbot-content .parity-analysis-section .parity-grid .parity-cell .cell-val {
  color: #38bdf8;
  font-size: .95rem;
  font-weight: 800;
}

.crossbot-content .parity-analysis-section .synergy-details-card ul {
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.crossbot-content .parity-analysis-section .synergy-details-card ul li {
  color: #cbd5e1;
  font-size: .78rem;
  line-height: 1.4;
}

.crossbot-content .parity-analysis-section .synergy-details-card ul li strong {
  color: #fff;
}

.modal-footer-actions {
  border-top: 1px solid #ffffff0f;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  padding-top: 14px;
  display: flex;
}

.modal-footer-actions .btn-reset {
  color: #f87171;
  cursor: pointer;
  background: none;
  border: 1px solid #ef44444d;
  border-radius: 10px;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: .78rem;
  font-weight: 700;
  transition: all .2s;
  display: flex;
}

.modal-footer-actions .btn-reset:hover {
  background: #ef444426;
}

.modal-footer-actions .btn-done {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #8b5cf6, #6366f1);
  border: none;
  border-radius: 10px;
  margin-left: auto;
  padding: 9px 24px;
  font-size: .85rem;
  font-weight: 800;
  transition: transform .2s, box-shadow .2s;
}

.modal-footer-actions .btn-done:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px #8b5cf680;
}

@keyframes ep-fade-in {
  from {
    opacity: 0;
    transform: scale(.97);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes ep-pulse-dot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .4;
    transform: scale(.85);
  }
}

:root, body.theme--dark, .theme--dark {
  --ep-cyber-bg: #030712;
  --ep-glass-bg: #0f172ab8;
  --ep-glass-border: #ffffff14;
  --ep-glow-border: #8b5cf640;
  --ep-text-primary: #f9fafb;
  --ep-text-secondary: #94a3b8;
  --ep-text-muted: #64748b;
  --ep-accent-purple: #8b5cf6;
  --ep-accent-violet: #a855f7;
  --ep-accent-green: #10b981;
  --ep-accent-cyan: #06b6d4;
  --ep-accent-orange: #f59e0b;
  --ep-accent-red: #ef4444;
  --ep-svg-text-fill: #ffffff40;
  --ep-svg-line-stroke: #ffffff0f;
  --ep-svg-orb-fill: #fff;
  --ep-svg-orb-text: #38bdf8;
  --ep-svg-orb-text-muted: #c084fc;
  --ep-scrollbar-thumb: #ffffff1a;
}

:root, body.theme--light, .theme--light {
  --ep-cyber-bg: #f0f4f8;
  --ep-glass-bg: #ffffffd9;
  --ep-glass-border: #0000000f;
  --ep-glow-border: #8b5cf626;
  --ep-text-primary: #1e293b;
  --ep-text-secondary: #475569;
  --ep-text-muted: #94a3b8;
  --ep-accent-purple: #7c3aed;
  --ep-accent-violet: #9333ea;
  --ep-accent-green: #059669;
  --ep-accent-cyan: #0891b2;
  --ep-accent-orange: #d97706;
  --ep-accent-red: #dc2626;
  --ep-svg-text-fill: #0006;
  --ep-svg-line-stroke: #0000000f;
  --ep-svg-orb-fill: #1e293b;
  --ep-svg-orb-text: #fff;
  --ep-svg-orb-text-muted: #fff;
  --ep-scrollbar-thumb: #00000026;
}

.elite-pro {
  background-color: var(--ep-cyber-bg);
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: auto;
  min-height: 100%;
  color: var(--ep-text-primary);
  box-sizing: border-box;
  padding: 12px 14px 60px;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  position: relative;
  overflow: hidden auto;
}

.elite-pro *, .elite-pro :before, .elite-pro :after {
  box-sizing: border-box;
}

.elite-pro::-webkit-scrollbar {
  width: 6px;
}

.elite-pro::-webkit-scrollbar-track {
  background: none;
}

.elite-pro::-webkit-scrollbar-thumb {
  background: #ffffff1a;
  border-radius: 99px;
}

.elite-pro .ep-background-blobs {
  pointer-events: none;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.elite-pro .ep-background-blobs .blob {
  filter: blur(140px);
  opacity: .14;
  mix-blend-mode: screen;
  border-radius: 50%;
  animation: 22s ease-in-out infinite ep-float-blob;
  position: absolute;
}

.elite-pro .ep-background-blobs .blob-1 {
  background: radial-gradient(circle, var(--ep-accent-purple), transparent);
  width: 550px;
  height: 550px;
  top: -10%;
  left: 10%;
}

.elite-pro .ep-background-blobs .blob-2 {
  background: radial-gradient(circle, var(--ep-accent-green), transparent);
  width: 600px;
  height: 600px;
  animation-delay: -6s;
  top: 35%;
  right: -8%;
}

.elite-pro .ep-background-blobs .blob-3 {
  background: radial-gradient(circle, var(--ep-accent-cyan), transparent);
  width: 500px;
  height: 500px;
  animation-delay: -12s;
  bottom: -5%;
  left: 20%;
}

.elite-pro .ep-login-overlay {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  z-index: 999;
  background: #030712d9;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.elite-pro .ep-login-overlay__panel {
  text-align: center;
  background: #111827f2;
  border: 1px solid #ffffff1f;
  border-radius: 24px;
  width: 100%;
  max-width: 440px;
  padding: 36px 28px;
  box-shadow: 0 20px 50px #0009, 0 0 30px #8b5cf633;
}

.elite-pro .ep-login-overlay__panel .ep-login-overlay__icon {
  margin-bottom: 12px;
  font-size: 48px;
  animation: 2.5s ease-in-out infinite ep-crown-pulse;
  display: block;
}

.elite-pro .ep-login-overlay__panel h3 {
  color: #fff;
  margin: 0 0 10px;
  font-size: 1.5rem;
  font-weight: 800;
}

.elite-pro .ep-login-overlay__panel p {
  color: var(--ep-text-secondary);
  margin-bottom: 24px;
  font-size: .9rem;
  line-height: 1.5;
}

.elite-pro .ep-login-overlay__panel .ep-login-overlay__btn {
  background: linear-gradient(135deg, var(--ep-accent-purple), var(--ep-accent-violet));
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 12px;
  width: 100%;
  padding: 14px 20px;
  font-size: .95rem;
  font-weight: 700;
  transition: transform .2s, box-shadow .2s;
  box-shadow: 0 4px 20px #8b5cf666;
}

.elite-pro .ep-login-overlay__panel .ep-login-overlay__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px #8b5cf699;
}

.elite-pro .ep-layout {
  z-index: 1;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  position: relative;
}

@media (max-width: 1140px) {
  .elite-pro .ep-layout {
    flex-direction: column;
    gap: 14px;
  }
}

.elite-pro .ep-main-content {
  flex-direction: column;
  flex: 1 1 0;
  gap: 14px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.elite-pro .ep-glass {
  background: var(--ep-glass-bg);
  border: 1px solid var(--ep-glass-border);
  -webkit-backdrop-filter: blur(24px);
  border-radius: 16px;
  padding: 18px;
  transition: border-color .25s, box-shadow .25s;
  position: relative;
  box-shadow: 0 8px 32px #00000059;
}

.elite-pro .ep-glass:hover {
  border-color: #ffffff1f;
}

.elite-pro .ep-sidebar {
  background: var(--ep-glass-bg);
  border: 1px solid var(--ep-glass-border);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  border-radius: 16px;
  flex-shrink: 0;
  width: 270px;
  max-width: 100%;
  padding: 14px;
  transition: all .3s;
  box-shadow: 0 8px 32px #00000059;
}

@media (max-width: 1360px) {
  .elite-pro .ep-sidebar {
    width: 240px;
  }
}

@media (max-width: 1140px) {
  .elite-pro .ep-sidebar {
    width: 100%;
  }
}

.elite-pro .ep-sidebar.collapsed {
  width: auto;
  min-width: 0;
  padding: 10px 14px;
}

.elite-pro .ep-sidebar__header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.elite-pro .ep-sidebar__header .title-wrap {
  align-items: center;
  gap: 8px;
  display: flex;
}

.elite-pro .ep-sidebar__header .title-wrap .icon {
  font-size: 18px;
}

.elite-pro .ep-sidebar__header .title-wrap h3 {
  letter-spacing: -.01em;
  color: #fff;
  margin: 0;
  font-size: .95rem;
  font-weight: 800;
}

.elite-pro .ep-sidebar__header .ep-sidebar__collapse-btn {
  color: var(--ep-text-secondary);
  cursor: pointer;
  background: #ffffff0f;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  padding: 4px 8px;
  font-size: .75rem;
  transition: all .2s;
}

.elite-pro .ep-sidebar__header .ep-sidebar__collapse-btn:hover {
  color: #fff;
  background: #ffffff1f;
}

.elite-pro .ep-sidebar__controls {
  border-bottom: 1px solid #ffffff0f;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  display: flex;
}

.elite-pro .ep-sidebar__controls .ep-checkbox-label {
  color: var(--ep-text-secondary);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: 8px;
  font-size: .82rem;
  display: flex;
}

.elite-pro .ep-sidebar__controls .ep-checkbox-label input {
  display: none;
}

.elite-pro .ep-sidebar__controls .ep-checkbox-label input:checked + .ep-checkbox-custom {
  background: var(--ep-accent-purple);
  border-color: var(--ep-accent-purple);
}

.elite-pro .ep-sidebar__controls .ep-checkbox-label input:checked + .ep-checkbox-custom:after {
  display: block;
}

.elite-pro .ep-sidebar__controls .ep-checkbox-label .ep-checkbox-custom {
  background: #0000004d;
  border: 1.5px solid #ffffff4d;
  border-radius: 4px;
  width: 16px;
  height: 16px;
  transition: all .2s;
  position: relative;
}

.elite-pro .ep-sidebar__controls .ep-checkbox-label .ep-checkbox-custom:after {
  content: "";
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: 4px;
  height: 8px;
  display: none;
  position: absolute;
  top: 1px;
  left: 4px;
  transform: rotate(45deg);
}

.elite-pro .ep-sidebar__market-list {
  flex-direction: column;
  gap: 10px;
  max-height: calc(100vh - 220px);
  padding-right: 4px;
  display: flex;
  overflow-y: auto;
}

.elite-pro .ep-sidebar__market-list::-webkit-scrollbar {
  width: 4px;
}

.elite-pro .ep-sidebar__market-list::-webkit-scrollbar-thumb {
  background: #ffffff1a;
  border-radius: 99px;
}

.elite-pro .ep-side-market-card {
  cursor: pointer;
  background: #0f172a80;
  border: 1px solid #ffffff0f;
  border-radius: 14px;
  padding: 12px;
  transition: all .22s cubic-bezier(.16, 1, .3, 1);
}

.elite-pro .ep-side-market-card:hover {
  background: #1e293b99;
  border-color: #8b5cf64d;
  transform: translateX(2px);
}

.elite-pro .ep-side-market-card.active {
  background: #8b5cf61f;
  border-color: #8b5cf699;
  box-shadow: 0 0 15px #8b5cf633;
}

.elite-pro .ep-side-market-card.signal-glowing .ep-btn-clear-logs {
  color: var(--ep-accent-red);
  cursor: pointer;
  background: #ef44441a;
  border: 1px solid #ef444433;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 11px;
  transition: all .2s;
}

.elite-pro .ep-side-market-card.signal-glowing .ep-btn-clear-logs:hover {
  background: #ef444433;
}

.elite-pro .ep-side-market-card.signal-glowing .price-box {
  color: var(--ep-text-primary);
  padding: 0 6px;
  font-size: 11px;
  font-weight: bold;
}

.elite-pro .ep-side-market-card.signal-glowing {
  border-color: var(--ep-accent-green);
  animation: 2s ease-in-out infinite ep-border-pulse;
  box-shadow: 0 0 20px #10b98159;
}

.elite-pro .ep-side-market-card.cycle-paused {
  opacity: .85;
  border-color: #ef444466;
}

.elite-pro .ep-side-market-card--not_good {
  border-color: #ef444433;
}

.elite-pro .ep-side-market-card--not_good:hover {
  border-color: #ef444473;
}

.elite-pro .ep-side-market-card--good {
  border-color: #10b98140;
}

.elite-pro .ep-side-market-card--good:hover {
  border-color: #10b98180;
}

.elite-pro .ep-side-market-card__top {
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  display: flex;
}

.elite-pro .ep-side-market-card__top .name-box {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.elite-pro .ep-side-market-card__top .name-box .label {
  color: #fff;
  font-size: .85rem;
  font-weight: 700;
}

.elite-pro .ep-side-market-card__top .name-box .best-tag {
  color: #000;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  border-radius: 4px;
  padding: 1px 5px;
  font-size: .62rem;
  font-weight: 800;
}

.elite-pro .ep-side-market-card__top .name-box .health-tag {
  text-transform: uppercase;
  letter-spacing: .04em;
  border-radius: 4px;
  padding: 1px 5px;
  font-size: .6rem;
  font-weight: 800;
}

.elite-pro .ep-side-market-card__top .name-box .health-tag--good {
  color: #34d399;
  background: #10b98133;
  border: 1px solid #10b98166;
}

.elite-pro .ep-side-market-card__top .name-box .health-tag--not_good {
  color: #f87171;
  background: #ef444433;
  border: 1px solid #ef444466;
}

.elite-pro .ep-side-market-card__top .name-box .health-tag--analyzing {
  color: #94a3b8;
  background: #94a3b826;
  border: 1px solid #94a3b840;
}

.elite-pro .ep-side-market-card__top .name-box .signal-tag {
  text-transform: uppercase;
  border-radius: 4px;
  padding: 1px 6px;
  font-size: .62rem;
  font-weight: 800;
}

.elite-pro .ep-side-market-card__top .name-box .signal-tag--under {
  color: var(--ep-accent-green);
  background: #10b98133;
  border: 1px solid #10b98166;
}

.elite-pro .ep-side-market-card__top .name-box .signal-tag--over {
  color: var(--ep-accent-orange);
  background: #f59e0b33;
  border: 1px solid #f59e0b66;
}

.elite-pro .ep-side-market-card__top .name-box .pause-tag {
  color: #f87171;
  background: #ef444433;
  border: 1px solid #ef444466;
  border-radius: 4px;
  padding: 1px 6px;
  font-size: .62rem;
  font-weight: 800;
}

.elite-pro .ep-side-market-card__top .last-digit-badge {
  color: var(--ep-text-secondary);
  align-items: center;
  gap: 3px;
  font-size: .75rem;
  display: flex;
}

.elite-pro .ep-side-market-card__top .last-digit-badge strong {
  border-radius: 6px;
  padding: 2px 7px;
  font-size: .95rem;
  font-weight: 900;
}

.elite-pro .ep-side-market-card__top .last-digit-badge strong.digit-under {
  color: #34d399;
  background: #10b98126;
  border: 1px solid #10b9814d;
}

.elite-pro .ep-side-market-card__top .last-digit-badge strong.digit-over {
  color: #fbbf24;
  background: #f59e0b26;
  border: 1px solid #f59e0b4d;
}

.elite-pro .ep-side-market-card__price {
  color: var(--ep-text-muted);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  font-size: .78rem;
  display: flex;
}

.elite-pro .ep-side-market-card__price strong {
  color: #e2e8f0;
  font-family: JetBrains Mono, monospace;
  font-weight: 600;
}

.elite-pro .ep-side-market-card__stats {
  margin-bottom: 8px;
}

.elite-pro .ep-side-market-card__stats .ratio-mini-bar {
  background: #ffffff14;
  border-radius: 99px;
  height: 4px;
  margin-bottom: 4px;
  display: flex;
  overflow: hidden;
}

.elite-pro .ep-side-market-card__stats .ratio-mini-bar .u-part {
  background: linear-gradient(90deg, #10b981, #059669);
  transition: width .3s;
}

.elite-pro .ep-side-market-card__stats .ratio-mini-bar .o-part {
  background: linear-gradient(90deg, #f59e0b, #d97706);
  transition: width .3s;
}

.elite-pro .ep-side-market-card__stats .stat-labels {
  justify-content: space-between;
  font-size: .7rem;
  display: flex;
}

.elite-pro .ep-side-market-card__stats .stat-labels .u-text {
  color: #34d399;
  font-weight: 600;
}

.elite-pro .ep-side-market-card__stats .stat-labels .o-text {
  color: #fbbf24;
  font-weight: 600;
}

.elite-pro .ep-side-market-card__footer {
  justify-content: space-between;
  align-items: center;
  font-size: .68rem;
  display: flex;
}

.elite-pro .ep-side-market-card__footer .bias-pill {
  border-radius: 99px;
  padding: 2px 7px;
  font-weight: 700;
}

.elite-pro .ep-side-market-card__footer .bias-pill--under {
  color: var(--ep-accent-green);
  background: #10b9811f;
}

.elite-pro .ep-side-market-card__footer .bias-pill--over {
  color: var(--ep-accent-orange);
  background: #f59e0b1f;
}

.elite-pro .ep-side-market-card__footer .bias-pill--neutral {
  color: var(--ep-text-muted);
  background: #ffffff14;
}

.elite-pro .ep-side-market-card__footer .best-digits {
  color: var(--ep-text-secondary);
  font-family: monospace;
}

.elite-pro .ep-main-content {
  flex-direction: column;
  flex: 1;
  gap: 18px;
  min-width: 0;
  display: flex;
}

.elite-pro .ep-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.elite-pro .ep-header__title {
  align-items: center;
  gap: 14px;
  display: flex;
}

.elite-pro .ep-header__title .ep-crown {
  filter: drop-shadow(0 0 10px #f59e0b99);
  font-size: 32px;
  animation: 2.2s ease-in-out infinite ep-crown-pulse;
}

.elite-pro .ep-header__title .ep-title-meta {
  flex-direction: column;
  display: flex;
}

.elite-pro .ep-header__title .ep-title-text {
  letter-spacing: -.02em;
  background: linear-gradient(135deg, #fff 40%, #c084fc 100%);
  -webkit-text-fill-color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.65rem;
  font-weight: 900;
}

.elite-pro .ep-header__title .ep-title-sub {
  color: var(--ep-text-secondary);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-top: 1px;
  font-size: .74rem;
  font-weight: 700;
}

.elite-pro .ep-header__actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.elite-pro .ep-header .ep-btn-ai-learning-hub {
  color: #c084fc;
  cursor: pointer;
  background: linear-gradient(135deg, #8b5cf640, #06b6d433);
  border: 1px solid #8b5cf673;
  border-radius: 99px;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  font-size: .76rem;
  font-weight: 800;
  transition: all .2s;
  display: inline-flex;
}

.elite-pro .ep-header .ep-btn-ai-learning-hub:hover {
  color: #fff;
  background: linear-gradient(135deg, #8b5cf666, #06b6d459);
  border-color: #38bdf8;
  transform: translateY(-1px);
  box-shadow: 0 0 16px #8b5cf666;
}

.elite-pro .ep-header .ep-best-market-badge {
  color: var(--ep-accent-orange);
  cursor: pointer;
  background: #f59e0b1f;
  border: 1px solid #f59e0b4d;
  border-radius: 99px;
  padding: 7px 14px;
  font-size: .78rem;
  font-weight: 600;
  transition: all .2s;
}

.elite-pro .ep-header .ep-best-market-badge:hover {
  background: #f59e0b33;
  transform: scale(1.02);
}

.elite-pro .ep-header .ep-best-market-badge strong {
  color: #fff;
}

.elite-pro .ep-header .ep-engine-status-badge {
  letter-spacing: .05em;
  border-radius: 99px;
  padding: 7px 15px;
  font-size: .72rem;
  font-weight: 800;
}

.elite-pro .ep-header .ep-engine-status-badge--idle {
  color: var(--ep-text-secondary);
  background: #ffffff14;
  border: 1px solid #ffffff1a;
}

.elite-pro .ep-header .ep-engine-status-badge--scanning {
  color: #fff;
  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
  animation: 2s ease-in-out infinite ep-pulse-badge;
  box-shadow: 0 0 15px #8b5cf666;
}

.elite-pro .ep-header .ep-engine-status-badge--waiting_trigger {
  color: #000;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  animation: 1.5s ease-in-out infinite ep-pulse-badge;
  box-shadow: 0 0 18px #f59e0b80;
}

.elite-pro .ep-header .ep-engine-status-badge--trading {
  color: #fff;
  background: linear-gradient(135deg, #10b981, #059669);
  animation: 1s ease-in-out infinite ep-pulse-badge;
  box-shadow: 0 0 20px #10b98180;
}

.elite-pro .ep-header .ep-engine-status-badge--paused {
  color: #f87171;
  background: #ef444426;
  border: 1px solid #ef44444d;
}

.elite-pro .ep-header .ep-engine-status-badge--re_analysing {
  color: #fff;
  background: linear-gradient(135deg, #0284c7, #0369a1);
  border: 1px solid #38bdf880;
  animation: 1.2s ease-in-out infinite ep-pulse-badge;
  box-shadow: 0 0 20px #0284c799;
}

.elite-pro .ep-market-bar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  display: flex;
}

.elite-pro .ep-market-bar .select-container {
  flex: 1;
  align-items: center;
  gap: 10px;
  min-width: 260px;
  display: flex;
}

.elite-pro .ep-market-bar .select-container .label {
  color: var(--ep-text-secondary);
  white-space: nowrap;
  font-size: .85rem;
  font-weight: 700;
}

.elite-pro .ep-market-bar .select-container .ep-market-select {
  color: #fff;
  cursor: pointer;
  background: #0f172acc;
  border: 1px solid #ffffff1a;
  border-radius: 10px;
  outline: none;
  flex: 1;
  padding: 10px 14px;
  font-size: .9rem;
  font-weight: 700;
}

.elite-pro .ep-market-bar .select-container .ep-market-select:focus {
  border-color: var(--ep-accent-purple);
  box-shadow: 0 0 12px #8b5cf64d;
}

.elite-pro .ep-market-bar .select-container .ep-market-select option {
  color: #fff;
  background: #0f172a;
}

.elite-pro .ep-market-bar .market-meta-tags {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.elite-pro .ep-market-bar .market-meta-tags .meta-tag {
  color: var(--ep-text-secondary);
  background: #ffffff0d;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: .78rem;
}

.elite-pro .ep-market-bar .market-meta-tags .meta-tag strong {
  color: #fff;
  margin-left: 3px;
}

.elite-pro .ep-market-bar .ep-toggle-wide-view-btn {
  color: #c084fc;
  cursor: pointer;
  background: #8b5cf61f;
  border: 1px solid #8b5cf659;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: .82rem;
  font-weight: 700;
  transition: all .2s cubic-bezier(.16, 1, .3, 1);
  display: inline-flex;
}

.elite-pro .ep-market-bar .ep-toggle-wide-view-btn:hover {
  color: #fff;
  background: #8b5cf640;
  border-color: #a855f7;
  transform: translateY(-1px);
  box-shadow: 0 0 16px #8b5cf64d;
}

.elite-pro .ep-market-bar .ep-toggle-wide-view-btn.active {
  color: #fff;
  background: linear-gradient(135deg, #8b5cf64d, #06b6d440);
  border-color: #38bdf8;
  box-shadow: 0 0 18px #38bdf84d;
}

.elite-pro .ep-wide-view-radar {
  background: #0f172aa6;
  border: 1px solid #8b5cf640;
  border-radius: 16px;
  flex-direction: column;
  gap: 14px;
  padding: 18px 20px;
  animation: .3s ep-fade-in;
  display: flex;
}

.elite-pro .ep-wide-view-radar .radar-head {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.elite-pro .ep-wide-view-radar .radar-head h4 {
  color: #fff;
  letter-spacing: -.01em;
  margin: 0;
  font-size: 1rem;
  font-weight: 800;
}

.elite-pro .ep-wide-view-radar .radar-head p {
  color: var(--ep-text-muted);
  margin: 0;
  font-size: .76rem;
}

.elite-pro .ep-wide-view-radar .radar-grid {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px;
  display: grid;
}

@media (max-width: 640px) {
  .elite-pro .ep-wide-view-radar .radar-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item {
  cursor: pointer;
  background: #03071299;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  transition: all .2s;
  display: flex;
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item:hover {
  background: #1e293bcc;
  border-color: #8b5cf680;
  transform: translateY(-2px);
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item--active {
  border-color: var(--ep-accent-purple);
  background: #8b5cf626;
  box-shadow: 0 0 15px #8b5cf64d;
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item .item-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item .item-top strong {
  color: #fff;
  font-size: .82rem;
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item .item-top .digit-chip {
  border-radius: 6px;
  padding: 2px 7px;
  font-family: JetBrains Mono, monospace;
  font-size: .8rem;
  font-weight: 900;
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item .item-top .digit-chip.u {
  color: #34d399;
  background: #10b98133;
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item .item-top .digit-chip.o {
  color: #fbbf24;
  background: #f59e0b33;
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item .item-price {
  color: var(--ep-text-secondary);
  font-family: JetBrains Mono, monospace;
  font-size: .76rem;
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item .item-ratios {
  color: var(--ep-text-muted);
  justify-content: space-between;
  font-size: .7rem;
  display: flex;
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item .item-ratios span:first-child {
  color: #6ee7b7;
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item .item-ratios span:last-child {
  color: #fde68a;
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item .item-foot {
  color: var(--ep-text-muted);
  border-top: 1px solid #ffffff0d;
  justify-content: space-between;
  align-items: center;
  padding-top: 4px;
  font-size: .68rem;
  display: flex;
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item .item-foot .bias-tag {
  border-radius: 4px;
  padding: 1px 6px;
  font-weight: 800;
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item .item-foot .bias-tag.under {
  color: var(--ep-accent-green);
  background: #10b98126;
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item .item-foot .bias-tag.over {
  color: var(--ep-accent-orange);
  background: #f59e0b26;
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item .item-foot .bias-tag.neutral {
  color: var(--ep-text-muted);
  background: #ffffff14;
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item .item-foot .cond-mini-tag {
  letter-spacing: .03em;
  border-radius: 4px;
  padding: 1px 5px;
  font-size: .62rem;
  font-weight: 800;
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item .item-foot .cond-mini-tag--good {
  color: #34d399;
  background: #10b98133;
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item .item-foot .cond-mini-tag--not_good {
  color: #f87171;
  background: #ef444433;
}

.elite-pro .ep-wide-view-radar .radar-grid .radar-item .item-foot .cond-mini-tag--analyzing {
  color: #94a3b8;
  background: #94a3b826;
}

.elite-pro .ep-market-health-banner {
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 18px 22px;
  transition: all .3s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (max-width: 900px) {
  .elite-pro .ep-market-health-banner {
    flex-direction: column;
    align-items: flex-start;
  }
}

.elite-pro .ep-market-health-banner--danger {
  background: linear-gradient(135deg, #ef444424, #0f172ad9);
  border: 1px solid #ef444480;
  animation: 3s ease-in-out infinite ep-danger-pulse;
  box-shadow: 0 0 24px #ef444433;
}

.elite-pro .ep-market-health-banner--warning {
  background: linear-gradient(135deg, #f59e0b24, #0f172ad9);
  border: 1px solid #f59e0b73;
  box-shadow: 0 0 20px #f59e0b26;
}

.elite-pro .ep-market-health-banner--success {
  background: linear-gradient(135deg, #10b98124, #0f172ad9);
  border: 1px solid #10b98173;
  box-shadow: 0 0 20px #10b98126;
}

.elite-pro .ep-market-health-banner--info {
  background: linear-gradient(135deg, #8b5cf624, #0f172ad9);
  border: 1px solid #8b5cf666;
  box-shadow: 0 0 20px #8b5cf626;
}

.elite-pro .ep-market-health-banner__left {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  display: flex;
}

.elite-pro .ep-market-health-banner__left .status-pill-wrap {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.elite-pro .ep-market-health-banner__left .status-pill-wrap .health-status-pill {
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 99px;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  font-size: .78rem;
  font-weight: 900;
  display: inline-flex;
}

.elite-pro .ep-market-health-banner__left .status-pill-wrap .health-status-pill--good {
  color: #34d399;
  background: #10b98138;
  border: 1px solid #10b98180;
}

.elite-pro .ep-market-health-banner__left .status-pill-wrap .health-status-pill--not_good {
  color: #f87171;
  background: #ef444438;
  border: 1px solid #ef444480;
  animation: 1.8s ease-in-out infinite ep-border-pulse;
}

.elite-pro .ep-market-health-banner__left .status-pill-wrap .health-status-pill--analyzing {
  color: #c084fc;
  background: #8b5cf633;
  border: 1px solid #8b5cf666;
}

.elite-pro .ep-market-health-banner__left .status-pill-wrap .market-name-tag {
  color: #fff;
  background: #ffffff14;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  padding: 4px 10px;
  font-size: .78rem;
  font-weight: 800;
}

.elite-pro .ep-market-health-banner__left .health-message {
  color: var(--ep-text-primary);
  margin: 0;
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.45;
}

.elite-pro .ep-market-health-banner__left .diagnostic-chips-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.elite-pro .ep-market-health-banner__left .diagnostic-chips-row .diag-chip {
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: .72rem;
  font-weight: 700;
  display: inline-flex;
}

.elite-pro .ep-market-health-banner__left .diagnostic-chips-row .diag-chip--good {
  color: #34d399;
  background: #10b9811f;
  border: 1px solid #10b98140;
}

.elite-pro .ep-market-health-banner__left .diagnostic-chips-row .diag-chip--bad {
  color: #f87171;
  background: #ef444426;
  border: 1px solid #ef44444d;
}

.elite-pro .ep-market-health-banner__left .diagnostic-chips-row .diag-chip--warn {
  color: #fbbf24;
  background: #f59e0b26;
  border: 1px solid #f59e0b4d;
}

.elite-pro .ep-market-health-banner__left .diagnostic-chips-row .diag-chip strong {
  color: #fff;
}

.elite-pro .ep-market-health-banner__right {
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  display: flex;
}

@media (max-width: 900px) {
  .elite-pro .ep-market-health-banner__right {
    align-items: flex-start;
    width: 100%;
  }
}

.elite-pro .ep-market-health-banner__right .ep-btn-switch-best-market {
  color: #fbbf24;
  cursor: pointer;
  background: linear-gradient(135deg, #f59e0b40, #d977064d);
  border: 1px solid #f59e0b80;
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  font-size: .82rem;
  font-weight: 800;
  transition: all .2s cubic-bezier(.16, 1, .3, 1);
  display: inline-flex;
  box-shadow: 0 0 16px #f59e0b40;
}

.elite-pro .ep-market-health-banner__right .ep-btn-switch-best-market:hover {
  color: #fff;
  background: linear-gradient(135deg, #f59e0b66, #d9770680);
  border-color: #f59e0b;
  transform: translateY(-2px);
  box-shadow: 0 0 24px #f59e0b66;
}

.elite-pro .ep-market-health-banner__right .ep-btn-switch-best-market strong {
  color: #fff;
}

.elite-pro .ep-market-health-banner__right .auto-switch-status-indicator {
  color: var(--ep-text-secondary);
  background: #0000004d;
  border: 1px solid #ffffff0f;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: .72rem;
  display: inline-flex;
}

.elite-pro .ep-market-health-banner__right .auto-switch-status-indicator .dot {
  background: var(--ep-accent-green);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 8px var(--ep-accent-green);
  border-radius: 50%;
  animation: 1.5s infinite ep-pulse-badge;
}

.elite-pro .ep-market-health-banner__right .auto-switch-status-indicator strong {
  color: #fff;
}

.elite-pro .ep-hero-grid {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

@media (max-width: 640px) {
  .elite-pro .ep-hero-grid {
    grid-template-columns: 1fr;
  }
}

.elite-pro .ep-hero-grid .ep-hero-card {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
}

.elite-pro .ep-hero-grid .ep-hero-card .ep-hero-label {
  letter-spacing: .1em;
  color: var(--ep-text-muted);
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: .72rem;
  font-weight: 800;
}

.elite-pro .ep-hero-grid .ep-price-card .ep-price-value-row {
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
  display: flex;
}

.elite-pro .ep-hero-grid .ep-price-card .ep-price-value-row .ep-price-value {
  color: #fff;
  letter-spacing: -.03em;
  text-shadow: 0 0 20px #fff3;
  font-family: JetBrains Mono, monospace;
  font-size: 1.6rem;
  font-weight: 900;
}

.elite-pro .ep-hero-grid .ep-price-card .ep-price-value-row .ep-live-pulse-dot {
  background: var(--ep-accent-green);
  width: 10px;
  height: 10px;
  box-shadow: 0 0 10px var(--ep-accent-green);
  border-radius: 50%;
  animation: 1.5s infinite ep-live-dot;
}

.elite-pro .ep-hero-grid .ep-price-card .ep-price-sub {
  color: var(--ep-text-secondary);
  font-size: .8rem;
}

.elite-pro .ep-hero-grid .ep-digit-card .ep-digit-orb-wrapper {
  margin: 4px 0 8px;
  position: relative;
}

.elite-pro .ep-hero-grid .ep-digit-card .ep-digit-orb-wrapper--under .ep-digit-orb {
  background: radial-gradient(circle at 35% 35%, #34d399, #059669);
  border: 2px solid #6ee7b7;
  box-shadow: 0 0 35px #10b98180, inset 0 0 15px #fff6;
}

.elite-pro .ep-hero-grid .ep-digit-card .ep-digit-orb-wrapper--over .ep-digit-orb {
  background: radial-gradient(circle at 35% 35%, #fbbf24, #d97706);
  border: 2px solid #fde68a;
  box-shadow: 0 0 35px #f59e0b80, inset 0 0 15px #fff6;
}

.elite-pro .ep-hero-grid .ep-digit-card .ep-digit-orb-wrapper .ep-digit-orb {
  color: #030712;
  text-shadow: 0 1px 2px #fff6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 1.6rem;
  font-weight: 900;
  transition: all .2s cubic-bezier(.16, 1, .3, 1);
  display: flex;
}

.elite-pro .ep-hero-grid .ep-digit-card .ep-digit-sub {
  color: var(--ep-text-secondary);
  font-size: .8rem;
  font-weight: 600;
}

.elite-pro .ep-chart-card {
  padding: 20px 22px;
}

.elite-pro .ep-chart-card__header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.elite-pro .ep-chart-card__header .title {
  color: #fff;
  font-size: .95rem;
  font-weight: 800;
}

.elite-pro .ep-chart-card__header .subtitle {
  color: var(--ep-text-muted);
  font-size: .75rem;
}

.elite-pro .ep-chart-card .ep-chart-wrap {
  background: #03071299;
  border: 1px solid #ffffff0d;
  border-radius: 14px;
  width: 100%;
  padding: 12px 10px;
  position: relative;
  overflow-x: auto;
}

.elite-pro .ep-chart-card .ep-chart-wrap::-webkit-scrollbar {
  height: 4px;
}

.elite-pro .ep-chart-card .ep-chart-wrap::-webkit-scrollbar-thumb {
  background: #ffffff1a;
  border-radius: 99px;
}

.elite-pro .ep-chart-card .ep-chart-wrap .ep-chart-inner-scroll {
  min-width: 720px;
}

.elite-pro .ep-chart-card .ep-chart-wrap .ep-chart-empty {
  min-height: 120px;
  color: var(--ep-text-muted);
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: .85rem;
  display: flex;
}

.elite-pro .ep-chart-card .ep-chart-wrap .ep-chart-point {
  transition: transform .2s;
}

.elite-pro .ep-chart-card .ep-chart-wrap .ep-chart-point--latest rect {
  filter: drop-shadow(0 0 6px #fff);
}

.elite-pro .ep-chart-card .ep-chart-wrap .ep-chart-point--latest text {
  filter: drop-shadow(0 0 6px #38bdf8);
}

.elite-pro .ep-stats-card {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

.elite-pro .ep-stats-card__header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.elite-pro .ep-stats-card__header .title-group {
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.elite-pro .ep-stats-card__header .title-group .title {
  color: #fff;
  font-size: 1.05rem;
  font-weight: 800;
}

.elite-pro .ep-stats-card__header .title-group .sample-count {
  color: var(--ep-text-muted);
  font-size: .75rem;
}

.elite-pro .ep-stats-card__header .ep-bias-badge {
  border-radius: 99px;
  padding: 6px 14px;
  font-size: .75rem;
  font-weight: 800;
}

.elite-pro .ep-stats-card__header .ep-bias-badge--under {
  color: var(--ep-accent-green);
  background: #10b98126;
  border: 1px solid #10b9814d;
}

.elite-pro .ep-stats-card__header .ep-bias-badge--over {
  color: var(--ep-accent-orange);
  background: #f59e0b26;
  border: 1px solid #f59e0b4d;
}

.elite-pro .ep-stats-card__header .ep-bias-badge--neutral {
  color: var(--ep-text-secondary);
  background: #ffffff14;
  border: 1px solid #ffffff1a;
}

.elite-pro .ep-stats-card .ep-ratio-block {
  background: #0f172a80;
  border: 1px solid #ffffff0d;
  border-radius: 14px;
  padding: 16px;
}

.elite-pro .ep-stats-card .ep-ratio-block__head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.elite-pro .ep-stats-card .ep-ratio-block__head .side {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.elite-pro .ep-stats-card .ep-ratio-block__head .side .tag {
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 700;
}

.elite-pro .ep-stats-card .ep-ratio-block__head .side strong {
  font-size: .95rem;
  font-weight: 800;
}

.elite-pro .ep-stats-card .ep-ratio-block__head .side--under .tag {
  color: #34d399;
}

.elite-pro .ep-stats-card .ep-ratio-block__head .side--under strong {
  color: #fff;
}

.elite-pro .ep-stats-card .ep-ratio-block__head .side--over {
  align-items: flex-end;
}

.elite-pro .ep-stats-card .ep-ratio-block__head .side--over .tag {
  color: #fbbf24;
}

.elite-pro .ep-stats-card .ep-ratio-block__head .side--over strong {
  color: #fff;
}

.elite-pro .ep-stats-card .ep-ratio-block__head .vs {
  color: var(--ep-text-muted);
  background: #ffffff0f;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: .75rem;
  font-weight: 800;
}

.elite-pro .ep-stats-card .ep-ratio-block .ep-progress-track {
  background: #ffffff14;
  border-radius: 99px;
  height: 10px;
  margin-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.elite-pro .ep-stats-card .ep-ratio-block .ep-progress-track .ep-progress-bar {
  height: 100%;
  transition: width .4s cubic-bezier(.16, 1, .3, 1);
}

.elite-pro .ep-stats-card .ep-ratio-block .ep-progress-track .ep-progress-bar--under {
  background: linear-gradient(90deg, #10b981, #059669);
  box-shadow: 0 0 10px #10b98166;
}

.elite-pro .ep-stats-card .ep-ratio-block .ep-progress-track .ep-progress-bar--over {
  background: linear-gradient(90deg, #f59e0b, #d97706);
  box-shadow: 0 0 10px #f59e0b66;
}

.elite-pro .ep-stats-card .ep-ratio-block .ep-ratio-momentum {
  font-size: .78rem;
}

.elite-pro .ep-stats-card .ep-ratio-block .ep-ratio-momentum .tip {
  font-weight: 600;
}

.elite-pro .ep-stats-card .ep-ratio-block .ep-ratio-momentum .tip--green {
  color: #34d399;
}

.elite-pro .ep-stats-card .ep-ratio-block .ep-ratio-momentum .tip--orange {
  color: #fbbf24;
}

.elite-pro .ep-stats-card .ep-ratio-block .ep-ratio-momentum .tip--neutral {
  color: var(--ep-text-muted);
}

.elite-pro .ep-stats-card .ep-ratio-block .ep-market-tendency-note {
  font-size: .8rem;
  line-height: 1.4;
}

.elite-pro .ep-stats-card .ep-ratio-block .ep-market-tendency-note .note--under {
  color: #6ee7b7;
}

.elite-pro .ep-stats-card .ep-ratio-block .ep-market-tendency-note .note--over {
  color: #fde68a;
}

.elite-pro .ep-stats-card .ep-ratio-block .ep-market-tendency-note .note--neutral {
  color: var(--ep-text-secondary);
}

.elite-pro .ep-stats-card .ep-ratio-block .ep-market-tendency-note .note strong {
  color: #fff;
}

.elite-pro .ep-stats-card .ep-entry-digits-container {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

@media (max-width: 600px) {
  .elite-pro .ep-stats-card .ep-entry-digits-container {
    grid-template-columns: 1fr;
  }
}

.elite-pro .ep-stats-card .ep-entry-digits-container .ep-entry-card {
  text-align: center;
  background: #0f172a8c;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  padding: 18px;
  transition: all .3s;
  display: flex;
}

.elite-pro .ep-stats-card .ep-entry-digits-container .ep-entry-card--dominant {
  border-color: #8b5cf699;
  box-shadow: 0 0 25px #8b5cf640;
}

.elite-pro .ep-stats-card .ep-entry-digits-container .ep-entry-card__top {
  flex-direction: column;
  gap: 2px;
  margin-bottom: 12px;
  display: flex;
}

.elite-pro .ep-stats-card .ep-entry-digits-container .ep-entry-card__top .title {
  color: #fff;
  font-size: .85rem;
  font-weight: 800;
}

.elite-pro .ep-stats-card .ep-entry-digits-container .ep-entry-card__top .range {
  color: var(--ep-text-muted);
  font-size: .72rem;
}

.elite-pro .ep-stats-card .ep-entry-digits-container .ep-entry-card .ep-glowing-digit-badge {
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 12px 24px;
  display: flex;
}

.elite-pro .ep-stats-card .ep-entry-digits-container .ep-entry-card .ep-glowing-digit-badge .digit {
  font-family: JetBrains Mono, monospace;
  font-size: 2.2rem;
  font-weight: 900;
}

.elite-pro .ep-stats-card .ep-entry-digits-container .ep-entry-card .ep-glowing-digit-badge .pct {
  font-size: 1.1rem;
  font-weight: 700;
}

.elite-pro .ep-stats-card .ep-entry-digits-container .ep-entry-card .ep-glowing-digit-badge--under {
  border: 2px solid var(--ep-accent-green);
  color: #34d399;
  background: radial-gradient(circle at 0 0, #10b98140, #10b9810d);
  box-shadow: 0 0 20px #10b98159;
}

.elite-pro .ep-stats-card .ep-entry-digits-container .ep-entry-card .ep-glowing-digit-badge--over {
  border: 2px solid var(--ep-accent-orange);
  color: #fbbf24;
  background: radial-gradient(circle at 0 0, #f59e0b40, #f59e0b0d);
  box-shadow: 0 0 20px #f59e0b59;
}

.elite-pro .ep-stats-card .ep-entry-digits-container .ep-entry-card .frequency-sub {
  color: var(--ep-text-secondary);
  font-size: .76rem;
}

.elite-pro .ep-stats-card .ep-entry-digits-container .ep-entry-card .frequency-sub strong {
  color: #fff;
}

.elite-pro .ep-stats-card .ep-micro-ratios-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 10px 0;
  display: flex;
}

.elite-pro .ep-stats-card .ep-micro-ratios-row .micro-chip {
  background: #03071280;
  border: 1px solid #ffffff0f;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: .74rem;
  display: flex;
}

.elite-pro .ep-stats-card .ep-micro-ratios-row .micro-chip label {
  color: var(--ep-text-muted);
  font-weight: 600;
}

.elite-pro .ep-stats-card .ep-micro-ratios-row .micro-chip strong {
  color: #fff;
  font-weight: 700;
}

.elite-pro .ep-stats-card .ep-checklist-grid {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

@media (max-width: 768px) {
  .elite-pro .ep-stats-card .ep-checklist-grid {
    grid-template-columns: 1fr;
  }
}

.elite-pro .ep-stats-card .ep-checklist-grid .ep-checklist-col {
  background: #0f172a66;
  border: 1px solid #ffffff0d;
  border-radius: 14px;
  flex-direction: column;
  gap: 8px;
  padding: 14px;
  display: flex;
}

.elite-pro .ep-stats-card .ep-checklist-grid .ep-checklist-col .col-title {
  color: #fff;
  border-bottom: 1px solid #ffffff0f;
  margin-bottom: 4px;
  padding-bottom: 6px;
  font-size: .82rem;
  font-weight: 800;
}

.elite-pro .ep-stats-card .ep-checklist-grid .ep-checklist-col .check-row {
  color: var(--ep-text-muted);
  align-items: center;
  gap: 8px;
  font-size: .76rem;
  display: flex;
}

.elite-pro .ep-stats-card .ep-checklist-grid .ep-checklist-col .check-row .mark {
  background: #ffffff0f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: .7rem;
  font-weight: 900;
  display: flex;
}

.elite-pro .ep-stats-card .ep-checklist-grid .ep-checklist-col .check-row.valid {
  color: #e2e8f0;
}

.elite-pro .ep-stats-card .ep-checklist-grid .ep-checklist-col .check-row.valid .mark {
  background: var(--ep-accent-green);
  color: #030712;
}

.elite-pro .ep-stats-stack {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

.elite-pro .ep-macro-intel-card {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.elite-pro .ep-macro-intel-card .card-header-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.elite-pro .ep-macro-intel-card .card-header-row .title-wrap {
  align-items: center;
  gap: 10px;
  display: flex;
}

.elite-pro .ep-macro-intel-card .card-header-row .title-wrap .icon {
  flex-shrink: 0;
}

.elite-pro .ep-macro-intel-card .card-header-row .title-wrap .title {
  color: #fff;
  margin: 0;
  font-size: 1rem;
  font-weight: 800;
}

.elite-pro .ep-macro-intel-card .card-header-row .title-wrap .sub {
  color: var(--ep-text-muted);
  font-size: .73rem;
}

.elite-pro .ep-macro-intel-card .card-header-row .macro-bias-badge {
  letter-spacing: .03em;
  border-radius: 99px;
  padding: 5px 14px;
  font-size: .75rem;
  font-weight: 800;
}

.elite-pro .ep-macro-intel-card .card-header-row .macro-bias-badge.badge--under {
  color: #34d399;
  background: #10b98126;
  border: 1px solid #10b98166;
}

.elite-pro .ep-macro-intel-card .card-header-row .macro-bias-badge.badge--over {
  color: #fbbf24;
  background: #f59e0b26;
  border: 1px solid #f59e0b66;
}

.elite-pro .ep-macro-intel-card .card-header-row .macro-bias-badge.badge--neutral {
  color: var(--ep-text-muted);
  background: #ffffff14;
  border: 1px solid #ffffff1a;
}

.elite-pro .ep-macro-intel-card .ep-macro-ranks-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  display: grid;
}

@media (max-width: 680px) {
  .elite-pro .ep-macro-intel-card .ep-macro-ranks-grid {
    grid-template-columns: 1fr;
  }
}

.elite-pro .ep-macro-intel-card .ep-macro-ranks-grid .macro-rank-item {
  background: #0f172a80;
  border: 1px solid #ffffff0f;
  border-radius: 12px;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px;
  display: flex;
}

.elite-pro .ep-macro-intel-card .ep-macro-ranks-grid .macro-rank-item .rank-label {
  color: var(--ep-text-secondary);
  font-size: .72rem;
  font-weight: 700;
}

.elite-pro .ep-macro-intel-card .ep-macro-ranks-grid .macro-rank-item .rank-digit-box {
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.elite-pro .ep-macro-intel-card .ep-macro-ranks-grid .macro-rank-item .rank-digit-box .digit {
  color: #fff;
  font-family: JetBrains Mono, monospace;
  font-size: 1.6rem;
  font-weight: 900;
}

.elite-pro .ep-macro-intel-card .ep-macro-ranks-grid .macro-rank-item .rank-digit-box .pct {
  color: #c084fc;
  font-size: .85rem;
  font-weight: 700;
}

.elite-pro .ep-macro-intel-card .ep-macro-ranks-grid .macro-rank-item .status-tag {
  color: var(--ep-text-muted);
  font-size: .68rem;
  font-weight: 600;
}

.elite-pro .ep-macro-intel-card .ep-macro-ranks-grid .macro-rank-item.most {
  background: #8b5cf614;
  border-color: #8b5cf64d;
}

.elite-pro .ep-macro-intel-card .ep-macro-ranks-grid .macro-rank-item.second {
  background: #38bdf80f;
  border-color: #38bdf84d;
}

.elite-pro .ep-macro-intel-card .ep-macro-ranks-grid .macro-rank-item.least {
  background: #f59e0b0d;
  border-color: #f59e0b40;
}

.elite-pro .ep-macro-intel-card .ep-outlier-safety-matrix {
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  display: grid;
}

@media (max-width: 800px) {
  .elite-pro .ep-macro-intel-card .ep-outlier-safety-matrix {
    grid-template-columns: 1fr;
  }
}

.elite-pro .ep-macro-intel-card .ep-outlier-safety-matrix .safety-col {
  background: #0f172a73;
  border: 1px solid #ffffff0f;
  border-radius: 12px;
  flex-direction: column;
  gap: 10px;
  padding: 12px 14px;
  display: flex;
}

.elite-pro .ep-macro-intel-card .ep-outlier-safety-matrix .safety-col .safety-head {
  color: var(--ep-text-secondary);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: .74rem;
  font-weight: 700;
  display: flex;
}

.elite-pro .ep-macro-intel-card .ep-outlier-safety-matrix .safety-col .safety-head .safety-status-pill {
  border-radius: 99px;
  padding: 2px 8px;
  font-size: .68rem;
  font-weight: 800;
}

.elite-pro .ep-macro-intel-card .ep-outlier-safety-matrix .safety-col .safety-head .safety-status-pill.safe {
  color: #34d399;
  background: #10b98126;
  border: 1px solid #10b9814d;
}

.elite-pro .ep-macro-intel-card .ep-outlier-safety-matrix .safety-col .safety-head .safety-status-pill.warn {
  color: #f87171;
  background: #ef444426;
  border: 1px solid #ef44444d;
}

.elite-pro .ep-macro-intel-card .ep-outlier-safety-matrix .safety-col .outlier-chips-row {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  display: grid;
}

.elite-pro .ep-macro-intel-card .ep-outlier-safety-matrix .safety-col .outlier-chips-row .outlier-chip {
  text-align: center;
  background: #03071280;
  border: 1px solid #ffffff0f;
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 8px;
  display: flex;
}

.elite-pro .ep-macro-intel-card .ep-outlier-safety-matrix .safety-col .outlier-chips-row .outlier-chip .name {
  color: var(--ep-text-muted);
  font-size: .68rem;
  font-weight: 600;
}

.elite-pro .ep-macro-intel-card .ep-outlier-safety-matrix .safety-col .outlier-chips-row .outlier-chip strong {
  color: #fff;
  font-family: JetBrains Mono, monospace;
  font-size: .88rem;
}

.elite-pro .ep-macro-intel-card .ep-outlier-safety-matrix .safety-col .outlier-chips-row .outlier-chip .trend {
  font-size: .65rem;
  font-weight: 700;
}

.elite-pro .ep-macro-intel-card .ep-outlier-safety-matrix .safety-col .outlier-chips-row .outlier-chip.good {
  border-color: #10b9814d;
}

.elite-pro .ep-macro-intel-card .ep-outlier-safety-matrix .safety-col .outlier-chips-row .outlier-chip.good .trend {
  color: #34d399;
}

.elite-pro .ep-macro-intel-card .ep-outlier-safety-matrix .safety-col .outlier-chips-row .outlier-chip.bad {
  border-color: #ef44444d;
}

.elite-pro .ep-macro-intel-card .ep-outlier-safety-matrix .safety-col .outlier-chips-row .outlier-chip.bad strong, .elite-pro .ep-macro-intel-card .ep-outlier-safety-matrix .safety-col .outlier-chips-row .outlier-chip.bad .trend {
  color: #f87171;
}

.elite-pro .ep-cycle-monitor-card {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.elite-pro .ep-cycle-monitor-card .card-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.elite-pro .ep-cycle-monitor-card .card-head .title-wrap {
  align-items: center;
  gap: 8px;
  display: flex;
}

.elite-pro .ep-cycle-monitor-card .card-head .title-wrap h4 {
  color: #fff;
  margin: 0;
  font-size: .95rem;
  font-weight: 800;
}

.elite-pro .ep-cycle-monitor-card .card-head .cycle-status-pill {
  border-radius: 99px;
  padding: 4px 12px;
  font-size: .72rem;
  font-weight: 800;
}

.elite-pro .ep-cycle-monitor-card .card-head .cycle-status-pill--stable_under {
  color: #34d399;
  background: #10b98126;
  border: 1px solid #10b98166;
}

.elite-pro .ep-cycle-monitor-card .card-head .cycle-status-pill--stable_over {
  color: #fbbf24;
  background: #f59e0b26;
  border: 1px solid #f59e0b66;
}

.elite-pro .ep-cycle-monitor-card .card-head .cycle-status-pill--shifting {
  color: #f87171;
  background: #ef444433;
  border: 1px solid #ef444480;
  animation: 1.8s ease-in-out infinite ep-border-pulse;
}

.elite-pro .ep-cycle-monitor-card .card-head .cycle-status-pill--neutral {
  color: var(--ep-text-muted);
  background: #ffffff14;
  border: 1px solid #ffffff1a;
}

.elite-pro .ep-cycle-monitor-card .cycle-body {
  background: #0f172a66;
  border: 1px solid #ffffff0d;
  border-radius: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  display: flex;
}

.elite-pro .ep-cycle-monitor-card .cycle-body .cycle-stat {
  align-items: center;
  gap: 8px;
  font-size: .8rem;
  display: flex;
}

.elite-pro .ep-cycle-monitor-card .cycle-body .cycle-stat .label {
  color: var(--ep-text-secondary);
}

.elite-pro .ep-cycle-monitor-card .cycle-body .cycle-stat strong {
  color: #fff;
  font-family: JetBrains Mono, monospace;
}

.elite-pro .ep-cycle-monitor-card .cycle-body .cycle-note {
  font-size: .74rem;
  font-weight: 600;
}

.elite-pro .ep-checklist-hud-card {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.elite-pro .ep-checklist-hud-card .card-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.elite-pro .ep-checklist-hud-card .card-head .title-wrap {
  align-items: center;
  gap: 8px;
  display: flex;
}

.elite-pro .ep-checklist-hud-card .card-head .title-wrap h4 {
  color: #fff;
  margin: 0;
  font-size: .95rem;
  font-weight: 800;
}

.elite-pro .ep-checklist-hud-card .card-head .signal-state-pill {
  border-radius: 99px;
  padding: 4px 12px;
  font-size: .72rem;
  font-weight: 800;
}

.elite-pro .ep-checklist-hud-card .card-head .signal-state-pill.triggered {
  color: #fff;
  background: linear-gradient(135deg, #10b981, #059669);
  box-shadow: 0 0 15px #10b98166;
}

.elite-pro .ep-checklist-hud-card .card-head .signal-state-pill.paused {
  color: #f87171;
  background: #ef444433;
  border: 1px solid #ef444466;
}

.elite-pro .ep-checklist-hud-card .card-head .signal-state-pill.waiting {
  color: #fbbf24;
  background: #f59e0b26;
  border: 1px solid #f59e0b4d;
}

.elite-pro .ep-checklist-hud-card .ep-checklist-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  display: grid;
}

@media (max-width: 680px) {
  .elite-pro .ep-checklist-hud-card .ep-checklist-grid {
    grid-template-columns: 1fr;
  }
}

.elite-pro .ep-checklist-hud-card .ep-checklist-grid .check-item {
  background: #0f172a73;
  border: 1px solid #ffffff0d;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  transition: all .2s;
  display: flex;
}

.elite-pro .ep-checklist-hud-card .ep-checklist-grid .check-item .check-icon {
  font-size: 16px;
}

.elite-pro .ep-checklist-hud-card .ep-checklist-grid .check-item .check-info {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.elite-pro .ep-checklist-hud-card .ep-checklist-grid .check-item .check-info .name {
  color: #fff;
  font-size: .76rem;
  font-weight: 700;
}

.elite-pro .ep-checklist-hud-card .ep-checklist-grid .check-item .check-info .desc {
  color: var(--ep-text-muted);
  font-size: .68rem;
}

.elite-pro .ep-checklist-hud-card .ep-checklist-grid .check-item.pass {
  background: #10b9810d;
  border-color: #10b9814d;
}

.elite-pro .ep-checklist-hud-card .ep-checklist-grid .check-item.fail {
  opacity: .75;
  border-color: #ffffff0d;
}

.elite-pro .ep-entry-digit-glow-card {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.elite-pro .ep-entry-digit-glow-card .card-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.elite-pro .ep-entry-digit-glow-card .card-head .title-wrap {
  align-items: center;
  gap: 8px;
  display: flex;
}

.elite-pro .ep-entry-digit-glow-card .card-head .title-wrap h4 {
  color: #fff;
  margin: 0;
  font-size: 1rem;
  font-weight: 800;
}

.elite-pro .ep-entry-digit-glow-card .card-head .title-wrap .text-purple {
  color: #c084fc;
}

.elite-pro .ep-entry-digit-glow-card .card-head .info-tag {
  color: #c084fc;
  background: #8b5cf61f;
  border: 1px solid #8b5cf640;
  border-radius: 99px;
  padding: 4px 10px;
  font-size: .72rem;
  font-weight: 700;
}

.elite-pro .ep-entry-digit-glow-card .ep-entry-digits-grid {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

@media (max-width: 680px) {
  .elite-pro .ep-entry-digit-glow-card .ep-entry-digits-grid {
    grid-template-columns: 1fr;
  }
}

.elite-pro .ep-entry-digit-glow-card .ep-entry-digits-grid .ep-glowing-entry-box {
  background: #0f172a80;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  flex-direction: column;
  gap: 12px;
  padding: 18px 20px;
  transition: all .3s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.elite-pro .ep-entry-digit-glow-card .ep-entry-digits-grid .ep-glowing-entry-box .box-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.elite-pro .ep-entry-digit-glow-card .ep-entry-digits-grid .ep-glowing-entry-box .box-top .box-title {
  color: #fff;
  font-size: .88rem;
  font-weight: 800;
}

.elite-pro .ep-entry-digit-glow-card .ep-entry-digits-grid .ep-glowing-entry-box .box-top .range-badge {
  color: var(--ep-text-muted);
  background: #ffffff0d;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: .72rem;
  font-weight: 700;
}

.elite-pro .ep-entry-digit-glow-card .ep-entry-digits-grid .ep-glowing-entry-box .orb-container {
  align-items: center;
  gap: 16px;
  padding: 8px 0;
  display: flex;
}

.elite-pro .ep-entry-digit-glow-card .ep-entry-digits-grid .ep-glowing-entry-box .orb-container .glowing-orb {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  transition: all .3s;
  display: flex;
}

.elite-pro .ep-entry-digit-glow-card .ep-entry-digits-grid .ep-glowing-entry-box .orb-container .glowing-orb .digit-num {
  font-family: JetBrains Mono, monospace;
  font-size: 1.9rem;
  font-weight: 900;
}

.elite-pro .ep-entry-digit-glow-card .ep-entry-digits-grid .ep-glowing-entry-box .orb-container .glowing-orb.under {
  color: #030712;
  background: radial-gradient(circle at 35% 35%, #34d399, #059669);
  border: 2px solid #6ee7b7;
  box-shadow: 0 0 25px #10b98166, inset 0 0 10px #fff6;
}

.elite-pro .ep-entry-digit-glow-card .ep-entry-digits-grid .ep-glowing-entry-box .orb-container .glowing-orb.over {
  color: #030712;
  background: radial-gradient(circle at 35% 35%, #fbbf24, #d97706);
  border: 2px solid #fde68a;
  box-shadow: 0 0 25px #f59e0b66, inset 0 0 10px #fff6;
}

.elite-pro .ep-entry-digit-glow-card .ep-entry-digits-grid .ep-glowing-entry-box .orb-container .live-trigger-badge {
  color: #34d399;
  letter-spacing: .03em;
  background: #10b98133;
  border: 1px solid #10b98180;
  border-radius: 8px;
  padding: 5px 12px;
  font-size: .72rem;
  font-weight: 800;
  animation: 1.5s infinite ep-border-pulse-green;
}

.elite-pro .ep-entry-digit-glow-card .ep-entry-digits-grid .ep-glowing-entry-box .box-meta {
  color: var(--ep-text-secondary);
  font-size: .78rem;
}

.elite-pro .ep-entry-digit-glow-card .ep-entry-digits-grid .ep-glowing-entry-box .box-meta strong {
  color: #fff;
}

.elite-pro .ep-entry-digit-glow-card .ep-entry-digits-grid .ep-glowing-entry-box.glowing-live {
  border-color: var(--ep-accent-purple);
  transform: scale(1.01);
  box-shadow: 0 0 30px #8b5cf666, inset 0 0 20px #8b5cf626;
}

.elite-pro .ep-entry-digit-glow-card .ep-entry-digits-grid .ep-glowing-entry-box.glowing-live.ep-glowing-entry-box--under {
  border-color: var(--ep-accent-green);
  box-shadow: 0 0 35px #10b98173, inset 0 0 20px #10b98126;
}

.elite-pro .ep-entry-digit-glow-card .ep-entry-digits-grid .ep-glowing-entry-box.glowing-live.ep-glowing-entry-box--over {
  border-color: var(--ep-accent-orange);
  box-shadow: 0 0 35px #f59e0b73, inset 0 0 20px #f59e0b26;
}

.elite-pro .ep-auto-panel {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

.elite-pro .ep-auto-panel__header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.elite-pro .ep-auto-panel__header .title-wrap {
  align-items: center;
  gap: 8px;
  display: flex;
}

.elite-pro .ep-auto-panel__header .title-wrap .icon {
  font-size: 20px;
}

.elite-pro .ep-auto-panel__header .title-wrap h3 {
  color: #fff;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 800;
}

.elite-pro .ep-auto-panel__header .ep-signal-active-pill {
  color: #fff;
  background: linear-gradient(135deg, #f59e0bcc, #d97706e6);
  border-radius: 99px;
  padding: 6px 14px;
  font-size: .75rem;
  font-weight: 800;
  transition: all .3s;
  animation: 2s ease-in-out infinite ep-border-pulse-yellow;
  box-shadow: 0 0 15px #f59e0b66;
}

.elite-pro .ep-auto-panel__header .ep-signal-active-pill--triggered {
  background: linear-gradient(135deg, var(--ep-accent-green), #059669);
  animation: 1.5s ease-in-out infinite ep-border-pulse-green;
  box-shadow: 0 0 20px #10b98180;
}

.elite-pro .ep-auto-panel .ep-mode-selector {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

@media (max-width: 600px) {
  .elite-pro .ep-auto-panel .ep-mode-selector {
    grid-template-columns: 1fr;
  }
}

.elite-pro .ep-auto-panel .ep-mode-selector .ep-mode-btn {
  color: var(--ep-text-secondary);
  cursor: pointer;
  background: #0f172a99;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: .82rem;
  font-weight: 700;
  transition: all .2s;
}

.elite-pro .ep-auto-panel .ep-mode-selector .ep-mode-btn:hover:not(:disabled) {
  color: #fff;
  background: #1e293bcc;
}

.elite-pro .ep-auto-panel .ep-mode-selector .ep-mode-btn.active {
  border-color: var(--ep-accent-purple);
  color: #fff;
  background: linear-gradient(135deg, #8b5cf640, #a855f726);
  box-shadow: 0 0 15px #8b5cf640;
}

.elite-pro .ep-auto-panel .ep-mode-selector .ep-mode-btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.elite-pro .ep-auto-panel .ep-server-strat-select {
  color: var(--ep-text-secondary);
  align-items: center;
  gap: 10px;
  font-size: .85rem;
  display: flex;
}

.elite-pro .ep-auto-panel .ep-server-strat-select select {
  color: #fff;
  background: #0f172acc;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  outline: none;
  flex: 1;
  padding: 8px 12px;
}

.elite-pro .ep-auto-panel .ep-inputs-grid {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 14px;
  display: grid;
}

.elite-pro .ep-auto-panel .ep-inputs-grid .ep-input-card {
  background: #0f172a80;
  border: 1px solid #ffffff0f;
  border-radius: 12px;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px;
  display: flex;
}

.elite-pro .ep-auto-panel .ep-inputs-grid .ep-input-card .label {
  color: var(--ep-text-muted);
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 700;
}

.elite-pro .ep-auto-panel .ep-inputs-grid .ep-input-card input, .elite-pro .ep-auto-panel .ep-inputs-grid .ep-input-card select {
  color: #fff;
  background: #030712b3;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  outline: none;
  padding: 8px 10px;
  font-family: JetBrains Mono, monospace;
  font-size: .95rem;
  font-weight: 700;
  transition: all .2s;
}

.elite-pro .ep-auto-panel .ep-inputs-grid .ep-input-card input:focus, .elite-pro .ep-auto-panel .ep-inputs-grid .ep-input-card select:focus {
  border-color: var(--ep-accent-purple);
  box-shadow: 0 0 10px #8b5cf64d;
}

.elite-pro .ep-auto-panel .ep-inputs-grid .ep-input-card input:disabled, .elite-pro .ep-auto-panel .ep-inputs-grid .ep-input-card select:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.elite-pro .ep-auto-panel .ep-actions-row {
  gap: 12px;
  display: flex;
}

.elite-pro .ep-auto-panel .ep-actions-row .ep-action-btn {
  cursor: pointer;
  border: none;
  border-radius: 12px;
  flex: 1;
  padding: 14px 20px;
  font-size: .95rem;
  font-weight: 800;
  transition: all .2s;
}

.elite-pro .ep-auto-panel .ep-actions-row .ep-action-btn--start {
  color: #fff;
  background: linear-gradient(135deg, #10b981, #059669);
  box-shadow: 0 4px 20px #10b98166;
}

.elite-pro .ep-auto-panel .ep-actions-row .ep-action-btn--start:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px #10b98199;
}

.elite-pro .ep-auto-panel .ep-actions-row .ep-action-btn--pause {
  color: #000;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  box-shadow: 0 4px 20px #f59e0b66;
}

.elite-pro .ep-auto-panel .ep-actions-row .ep-action-btn--pause:hover {
  transform: translateY(-2px);
}

.elite-pro .ep-auto-panel .ep-actions-row .ep-action-btn--stop {
  color: #fff;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  box-shadow: 0 4px 20px #ef444466;
}

.elite-pro .ep-auto-panel .ep-actions-row .ep-action-btn--stop:hover {
  transform: translateY(-2px);
}

.elite-pro .ep-auto-panel .ep-actions-row .ep-action-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.elite-pro .ep-auto-panel .ep-pnl-summary {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  display: grid;
}

@media (max-width: 640px) {
  .elite-pro .ep-auto-panel .ep-pnl-summary {
    grid-template-columns: 1fr 1fr;
  }
}

.elite-pro .ep-auto-panel .ep-pnl-summary .ep-pnl-card {
  text-align: center;
  background: #0f172a80;
  border: 1px solid #ffffff0d;
  border-radius: 12px;
  flex-direction: column;
  gap: 4px;
  padding: 12px;
  display: flex;
}

.elite-pro .ep-auto-panel .ep-pnl-summary .ep-pnl-card .pnl-label {
  color: var(--ep-text-muted);
  text-transform: uppercase;
  font-size: .68rem;
  font-weight: 700;
}

.elite-pro .ep-auto-panel .ep-pnl-summary .ep-pnl-card .pnl-val {
  color: #fff;
  font-family: JetBrains Mono, monospace;
  font-size: 1.15rem;
  font-weight: 900;
}

.elite-pro .ep-auto-panel .ep-pnl-summary .ep-pnl-card .pnl-val--win {
  color: #34d399;
}

.elite-pro .ep-auto-panel .ep-pnl-summary .ep-pnl-card .pnl-val--loss {
  color: #f87171;
}

.elite-pro .ep-logs-card__header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.elite-pro .ep-logs-card__header .title {
  color: #fff;
  font-size: .95rem;
  font-weight: 800;
}

.elite-pro .ep-logs-card__header .sync-note {
  color: var(--ep-text-muted);
  font-size: .72rem;
}

.elite-pro .ep-logs-card .ep-logs-empty {
  color: var(--ep-text-muted);
  text-align: center;
  padding: 16px 0;
  font-size: .82rem;
}

.elite-pro .ep-logs-card .ep-logs-list {
  flex-direction: column;
  gap: 6px;
  max-height: 220px;
  display: flex;
  overflow-y: auto;
}

.elite-pro .ep-logs-card .ep-logs-list::-webkit-scrollbar {
  width: 4px;
}

.elite-pro .ep-logs-card .ep-logs-list::-webkit-scrollbar-thumb {
  background: #ffffff1a;
  border-radius: 99px;
}

.elite-pro .ep-logs-card .ep-logs-list .ep-log-row {
  background: #0f172a66;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  font-family: JetBrains Mono, monospace;
  font-size: .76rem;
  display: flex;
}

.elite-pro .ep-logs-card .ep-logs-list .ep-log-row .time {
  color: var(--ep-text-muted);
}

.elite-pro .ep-logs-card .ep-logs-list .ep-log-row .type {
  color: #c084fc;
  font-weight: 700;
}

.elite-pro .ep-logs-card .ep-logs-list .ep-log-row .market {
  color: #fff;
  font-weight: 600;
}

.elite-pro .ep-logs-card .ep-logs-list .ep-log-row .details {
  color: var(--ep-text-secondary);
  flex: 1;
}

.elite-pro .ep-logs-card .ep-logs-list .ep-log-row .result {
  border-radius: 4px;
  padding: 2px 6px;
  font-weight: 800;
}

.elite-pro .ep-logs-card .ep-logs-list .ep-log-row .result--win {
  color: #34d399;
  background: #10b98133;
}

.elite-pro .ep-logs-card .ep-logs-list .ep-log-row .result--loss {
  color: #f87171;
  background: #ef444433;
}

.elite-pro .ep-logs-card .ep-logs-list .ep-log-row .result--pending {
  color: var(--ep-text-secondary);
  background: #ffffff14;
}

.elite-pro .ep-logs-card .ep-logs-list .ep-log-row .result--aborted {
  color: #fbbf24;
  background: #f59e0b33;
}

.elite-pro .ep-logs-card .ep-logs-list .ep-log-row .profit {
  text-align: right;
  min-width: 60px;
  font-weight: 800;
}

.elite-pro .ep-logs-card .ep-logs-list .ep-log-row .profit--pos {
  color: #34d399;
}

.elite-pro .ep-logs-card .ep-logs-list .ep-log-row .profit--neg {
  color: #f87171;
}

@keyframes ep-float-blob {
  0%, 100% {
    transform: translate(0)scale(1);
  }

  33% {
    transform: translate(40px, -50px)scale(1.1);
  }

  66% {
    transform: translate(-30px, 30px)scale(.95);
  }
}

@keyframes ep-crown-pulse {
  0%, 100% {
    filter: drop-shadow(0 0 10px #f59e0b99);
    transform: scale(1)rotate(0);
  }

  50% {
    filter: drop-shadow(0 0 18px #f59e0be6);
    transform: scale(1.12)rotate(4deg);
  }
}

@keyframes ep-pulse-badge {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .9;
    transform: scale(1.03);
  }
}

@keyframes ep-live-dot {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 10px var(--ep-accent-green);
    transform: scale(1);
  }

  50% {
    opacity: .6;
    box-shadow: 0 0 18px var(--ep-accent-green);
    transform: scale(1.35);
  }
}

@keyframes ep-fade-in {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }

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

@keyframes ep-pulsing-circle {
  0%, 100% {
    opacity: .7;
    transform: scale(1);
  }

  50% {
    opacity: .2;
    transform: scale(1.4);
  }
}

@keyframes ep-danger-pulse {
  0%, 100% {
    border-color: #ef444466;
    box-shadow: 0 0 15px #ef444433;
  }

  50% {
    border-color: #ef4444cc;
    box-shadow: 0 0 28px #ef444473;
  }
}

.ep-btn-clear-logs {
  color: var(--ep-accent-red);
  cursor: pointer;
  background: #ef44441a;
  border: 1px solid #ef444433;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 11px;
  transition: all .2s;
}

.ep-btn-clear-logs:hover {
  background: #ef444433;
}

.price-box {
  color: var(--ep-text-primary);
  padding: 0 6px;
  font-size: 11px;
  font-weight: bold;
}

@keyframes ep-border-pulse-green {
  0%, 100% {
    border-color: #10b98180;
    box-shadow: 0 0 10px #10b98133;
  }

  50% {
    border-color: var(--ep-accent-green);
    box-shadow: 0 0 25px #10b98180;
  }
}

@keyframes ep-border-pulse-yellow {
  0%, 100% {
    border-color: #f59e0b80;
    box-shadow: 0 0 10px #f59e0b33;
  }

  50% {
    border-color: var(--ep-accent-orange);
    box-shadow: 0 0 25px #f59e0b80;
  }
}

@keyframes ep-border-pulse-red {
  0%, 100% {
    border-color: #ef444480;
    box-shadow: 0 0 10px #ef444433;
  }

  50% {
    border-color: var(--ep-accent-red);
    box-shadow: 0 0 25px #ef444480;
  }
}

@keyframes ep-border-pulse-blue {
  0%, 100% {
    border-color: #06b6d480;
    box-shadow: 0 0 10px #06b6d433;
  }

  50% {
    border-color: var(--ep-accent-cyan);
    box-shadow: 0 0 25px #06b6d480;
  }
}

.ep-side-market-card.radar-green, .ep-main-content.radar-green {
  border-color: var(--ep-accent-green);
  animation: 2s ease-in-out infinite ep-border-pulse-green;
  box-shadow: 0 0 20px #10b98159;
}

.ep-side-market-card.radar-yellow, .ep-main-content.radar-yellow {
  border-color: var(--ep-accent-orange);
  animation: 2s ease-in-out infinite ep-border-pulse-yellow;
  box-shadow: 0 0 20px #f59e0b59;
}

.ep-side-market-card.radar-red, .ep-main-content.radar-red {
  border-color: var(--ep-accent-red);
  animation: 2s ease-in-out infinite ep-border-pulse-red;
  box-shadow: 0 0 20px #ef444459;
}

.ep-side-market-card.radar-blue, .ep-main-content.radar-blue {
  border-color: var(--ep-accent-cyan);
  animation: 2s ease-in-out infinite ep-border-pulse-blue;
  box-shadow: 0 0 20px #06b6d459;
}

@media (max-width: 1080px) {
  .elite-pro {
    padding: 16px 14px 70px;
  }

  .elite-pro .ep-layout {
    flex-direction: column;
    gap: 16px;
  }

  .elite-pro .ep-sidebar, .elite-pro .ep-sidebar.collapsed {
    width: 100% !important;
    min-width: 100% !important;
  }

  .elite-pro .ep-sidebar__market-list {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 8px;
    max-height: 280px;
    display: grid;
  }
}

@media (max-width: 768px) {
  .elite-pro {
    padding: 12px 10px 80px;
  }

  .elite-pro .ep-glass {
    border-radius: 16px;
    padding: 16px 12px;
  }

  .elite-pro .ep-sidebar {
    border-radius: 16px;
    padding: 14px 12px;
  }

  .elite-pro .ep-sidebar__market-list {
    grid-template-columns: 1fr;
    max-height: 240px;
  }

  .elite-pro .ep-header {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .elite-pro .ep-header__title {
    gap: 10px;
  }

  .elite-pro .ep-header__title .ep-crown {
    font-size: 26px;
  }

  .elite-pro .ep-header__title .ep-title-text {
    font-size: 1.35rem;
  }

  .elite-pro .ep-header__title .ep-title-sub {
    font-size: .68rem;
  }

  .elite-pro .ep-header__actions {
    justify-content: space-between;
    gap: 8px;
    width: 100%;
  }

  .elite-pro .ep-header__actions .ep-best-market-badge {
    text-align: center;
    flex: 1;
    padding: 6px 10px;
    font-size: .72rem;
  }

  .elite-pro .ep-header__actions .ep-engine-status-badge {
    flex-shrink: 0;
    padding: 6px 12px;
    font-size: .7rem;
  }

  .elite-pro .ep-market-bar {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 12px 14px;
  }

  .elite-pro .ep-market-bar .select-container {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    width: 100%;
    min-width: 100%;
  }

  .elite-pro .ep-market-bar .select-container .ep-market-select {
    width: 100%;
    padding: 8px 12px;
    font-size: .85rem;
  }

  .elite-pro .ep-market-bar .market-meta-tags {
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    width: 100%;
    display: grid;
  }

  .elite-pro .ep-market-bar .market-meta-tags .meta-tag {
    text-align: center;
    justify-content: center;
    padding: 6px 8px;
    font-size: .72rem;
  }

  .elite-pro .ep-hero-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .elite-pro .ep-hero-grid .ep-hero-card {
    padding: 12px 14px;
  }

  .elite-pro .ep-hero-grid .ep-price-card .ep-price-value-row .ep-price-value {
    font-size: 1.45rem;
  }

  .elite-pro .ep-hero-grid .ep-digit-card .ep-digit-orb-wrapper .ep-digit-orb {
    width: 44px;
    height: 44px;
  }

  .elite-pro .ep-hero-grid .ep-digit-card .ep-digit-orb-wrapper .ep-digit-orb .digit-number {
    font-size: 1.4rem;
  }

  .elite-pro .ep-chart-card {
    padding: 14px 12px;
  }

  .elite-pro .ep-chart-card__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .elite-pro .ep-chart-card .ep-chart-wrap {
    -webkit-overflow-scrolling: touch;
    padding: 8px 6px;
  }

  .elite-pro .ep-stats-card {
    gap: 14px;
  }

  .elite-pro .ep-stats-card__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .elite-pro .ep-stats-card .ep-ratio-block {
    padding: 12px;
  }

  .elite-pro .ep-stats-card .ep-ratio-block__head .side strong {
    font-size: .88rem;
  }

  .elite-pro .ep-stats-card .ep-entry-digits-container {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .elite-pro .ep-stats-card .ep-entry-digits-container .ep-entry-card {
    padding: 14px;
  }

  .elite-pro .ep-stats-card .ep-entry-digits-container .ep-entry-card .ep-glowing-digit-badge {
    padding: 8px 16px;
  }

  .elite-pro .ep-stats-card .ep-entry-digits-container .ep-entry-card .ep-glowing-digit-badge .digit {
    font-size: 1.8rem;
  }

  .elite-pro .ep-stats-card .ep-entry-digits-container .ep-entry-card .ep-glowing-digit-badge .pct {
    font-size: .95rem;
  }

  .elite-pro .ep-stats-card .ep-checklist-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .elite-pro .ep-auto-panel {
    gap: 14px;
  }

  .elite-pro .ep-auto-panel__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .elite-pro .ep-auto-panel .ep-mode-selector {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .elite-pro .ep-auto-panel .ep-mode-selector .ep-mode-btn {
    padding: 10px 12px;
    font-size: .76rem;
  }

  .elite-pro .ep-auto-panel .ep-inputs-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .elite-pro .ep-auto-panel .ep-inputs-grid .ep-input-card {
    padding: 10px 12px;
  }

  .elite-pro .ep-auto-panel .ep-inputs-grid .ep-input-card input, .elite-pro .ep-auto-panel .ep-inputs-grid .ep-input-card select {
    padding: 6px 8px;
    font-size: .88rem;
  }

  .elite-pro .ep-auto-panel .ep-actions-row {
    gap: 8px;
  }

  .elite-pro .ep-auto-panel .ep-actions-row .ep-action-btn {
    min-height: 46px;
    padding: 12px 14px;
    font-size: .88rem;
  }

  .elite-pro .ep-auto-panel .ep-pnl-summary {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .elite-pro .ep-auto-panel .ep-pnl-summary .ep-pnl-card {
    padding: 10px 8px;
  }

  .elite-pro .ep-auto-panel .ep-pnl-summary .ep-pnl-card .pnl-val {
    font-size: 1rem;
  }

  .elite-pro .ep-logs-card .ep-logs-list {
    max-height: 200px;
  }

  .elite-pro .ep-logs-card .ep-logs-list .ep-log-row {
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px 10px;
  }

  .elite-pro .ep-logs-card .ep-logs-list .ep-log-row .time, .elite-pro .ep-logs-card .ep-logs-list .ep-log-row .type, .elite-pro .ep-logs-card .ep-logs-list .ep-log-row .market {
    font-size: .7rem;
  }

  .elite-pro .ep-logs-card .ep-logs-list .ep-log-row .details {
    word-break: break-word;
    flex: 100%;
    font-size: .72rem;
  }

  .elite-pro .ep-logs-card .ep-logs-list .ep-log-row .result {
    font-size: .7rem;
  }

  .elite-pro .ep-logs-card .ep-logs-list .ep-log-row .profit {
    min-width: auto;
    font-size: .75rem;
  }
}

@media (max-width: 480px) {
  .elite-pro {
    padding: 8px 6px 90px;
  }

  .elite-pro .ep-glass {
    border-radius: 12px;
    padding: 12px 10px;
  }

  .elite-pro .ep-header__title .ep-crown {
    font-size: 22px;
  }

  .elite-pro .ep-header__title .ep-title-text {
    font-size: 1.18rem;
  }

  .elite-pro .ep-header__title .ep-title-sub {
    font-size: .62rem;
  }

  .elite-pro .ep-header__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .elite-pro .ep-auto-panel .ep-mode-selector, .elite-pro .ep-auto-panel .ep-inputs-grid {
    grid-template-columns: 1fr;
  }

  .elite-pro .ep-auto-panel .ep-actions-row {
    flex-direction: column;
  }

  .elite-pro .ep-auto-panel .ep-actions-row .ep-action-btn {
    width: 100%;
  }
}

.af2__strategy-intelligence-panel {
  background: #0f172ab3;
  border: 1px solid #6366f140;
  border-radius: 16px;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: .5rem;
  padding: 1.25rem 1.4rem;
  display: flex;
  box-shadow: 0 12px 36px #00000073;
}

.af2__sip-header {
  border-bottom: 1px solid #ffffff14;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.af2__sip-title-box {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.af2__sip-title-box .af2__sip-icon {
  color: #818cf8;
  filter: drop-shadow(0 0 8px #818cf866);
}

.af2__sip-title-box h3 {
  letter-spacing: -.01em;
  background: linear-gradient(135deg, #fff, #c7d2fe);
  -webkit-text-fill-color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.05rem;
  font-weight: 800;
}

.af2__sip-title-box span {
  color: #94a3b8;
  font-size: .76rem;
}

.af2__sip-halfway-box {
  flex-direction: column;
  gap: .35rem;
  min-width: 280px;
  display: flex;
}

.af2__sip-halfway-box .af2__sip-hw-labels {
  color: #cbd5e1;
  justify-content: space-between;
  align-items: center;
  font-size: .76rem;
  display: flex;
}

.af2__sip-halfway-box .af2__sip-hw-labels strong {
  color: #fff;
}

.af2__sip-halfway-box .af2__sip-hw-labels small {
  color: #64748b;
}

.af2__sip-halfway-box .af2__sip-hw-divider {
  color: #a78bfa;
  background: #8b5cf626;
  border-radius: 999px;
  padding: .15rem .5rem;
  font-size: .7rem;
  font-weight: 700;
}

.af2__sip-halfway-box .af2__sip-hw-track {
  background: #0006;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  height: 8px;
  display: flex;
  overflow: hidden;
}

.af2__sip-halfway-box .af2__sip-hw-fill {
  height: 100%;
  transition: width .4s;
}

.af2__sip-halfway-box .af2__sip-hw-fill.u {
  background: linear-gradient(90deg, #6366f1, #06b6d4);
}

.af2__sip-halfway-box .af2__sip-hw-fill.o {
  background: linear-gradient(90deg, #f59e0b, #ef4444);
}

.af2__sip-rankings-row {
  grid-template-columns: repeat(4, 1fr);
  gap: .85rem;
  display: grid;
}

@media (max-width: 820px) {
  .af2__sip-rankings-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

.af2__sip-rank-card {
  background: #0f172a80;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  gap: .25rem;
  padding: .85rem .75rem;
  transition: transform .2s, border-color .2s;
  display: flex;
}

.af2__sip-rank-card:hover {
  transform: translateY(-2px);
}

.af2__sip-rank-card.gold {
  background: linear-gradient(#f59e0b1f, #0f172a80);
  border-color: #f59e0b59;
}

.af2__sip-rank-card.gold .af2__sip-rank-digit {
  color: #fbbf24;
  text-shadow: 0 0 12px #f59e0b66;
}

.af2__sip-rank-card.silver {
  background: linear-gradient(#94a3b81a, #0f172a80);
  border-color: #94a3b859;
}

.af2__sip-rank-card.silver .af2__sip-rank-digit {
  color: #e2e8f0;
}

.af2__sip-rank-card.bronze {
  background: linear-gradient(#d977061a, #0f172a80);
  border-color: #d9770659;
}

.af2__sip-rank-card.bronze .af2__sip-rank-digit {
  color: #f97316;
}

.af2__sip-rank-card.least {
  background: linear-gradient(#ef44441a, #0f172a80);
  border-color: #ef444459;
}

.af2__sip-rank-card.least .af2__sip-rank-digit {
  color: #f87171;
}

.af2__sip-rank-card .af2__sip-rank-badge {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #94a3b8;
  font-size: .68rem;
  font-weight: 700;
}

.af2__sip-rank-card .af2__sip-rank-digit {
  font-size: 1.85rem;
  font-weight: 900;
  line-height: 1.1;
}

.af2__sip-rank-card .af2__sip-rank-pct {
  color: #cbd5e1;
  font-size: .74rem;
  font-weight: 600;
}

.af2__sip-rank-card .af2__sip-rank-pct small {
  color: #64748b;
}

.af2__sip-spectrum-strip {
  background: #00000040;
  border: 1px solid #ffffff0d;
  border-radius: 10px;
  flex-wrap: wrap;
  align-items: center;
  gap: .85rem;
  padding: .65rem .85rem;
  display: flex;
}

.af2__sip-spectrum-strip .af2__sip-spectrum-lbl {
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: .03em;
  font-size: .74rem;
  font-weight: 700;
}

.af2__sip-spectrum-strip .af2__sip-digits-list {
  flex: 1;
  justify-content: space-between;
  gap: .35rem;
  display: flex;
  overflow-x: auto;
}

.af2__sip-spectrum-strip .af2__sip-digit-col {
  background: #ffffff08;
  border: 1px solid #ffffff0f;
  border-radius: 6px;
  flex-direction: column;
  align-items: center;
  gap: .1rem;
  min-width: 32px;
  padding: .3rem .45rem;
  display: flex;
}

.af2__sip-spectrum-strip .af2__sip-digit-col.hot {
  background: #f59e0b1a;
  border-color: #f59e0b66;
}

.af2__sip-spectrum-strip .af2__sip-digit-col.hot .d-num {
  color: #fbbf24;
}

.af2__sip-spectrum-strip .af2__sip-digit-col.cold {
  background: #ef44441a;
  border-color: #ef444466;
}

.af2__sip-spectrum-strip .af2__sip-digit-col.cold .d-num {
  color: #f87171;
}

.af2__sip-spectrum-strip .af2__sip-digit-col .d-num {
  color: #f1f5f9;
  font-size: .82rem;
  font-weight: 800;
}

.af2__sip-spectrum-strip .af2__sip-digit-col .d-pct100 {
  color: #818cf8;
  font-size: .65rem;
  font-weight: 700;
}

.af2__sip-spectrum-strip .af2__sip-digit-col .d-pct50 {
  color: #94a3b8;
  font-size: .6rem;
}

.af2__engines-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

@media (max-width: 1200px) {
  .af2__engines-grid {
    gap: .75rem;
  }
}

@media (max-width: 1024px) {
  .af2__engines-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
  }
}

@media (max-width: 680px) {
  .af2__engines-grid {
    grid-template-columns: 1fr;
    gap: .65rem;
  }
}

.af2__engine-card {
  cursor: pointer;
  background: #0f172a99;
  border: 1px solid #6366f133;
  border-radius: 14px;
  flex-direction: column;
  gap: .85rem;
  padding: 1.15rem;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .af2__engine-card {
    border-radius: 12px;
    gap: .65rem;
    padding: .85rem;
  }
}

@media (max-width: 640px) {
  .af2__engine-card {
    border-radius: 10px;
    gap: .5rem;
    padding: .65rem;
  }
}

.af2__engine-card:hover {
  border-color: #818cf880;
  transform: translateY(-3px);
  box-shadow: 0 10px 24px #00000059;
}

.af2__engine-card--active {
  background: linear-gradient(#6366f126, #0f172abf);
  border-color: #6366f1;
  box-shadow: 0 0 20px #6366f140, inset 0 1px #ffffff1a;
}

.af2__engine-card--active:before {
  content: "";
  background: linear-gradient(90deg, #6366f1, #06b6d4);
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.af2__engine-card-top {
  justify-content: space-between;
  align-items: flex-start;
  gap: .5rem;
  display: flex;
}

.af2__engine-card-header h4 {
  color: #f1f5f9;
  margin-bottom: .15rem;
  font-size: .95rem;
  font-weight: 800;
}

.af2__engine-card-header .af2__engine-winrate {
  color: #34d399;
  background: #10b9811f;
  border-radius: 999px;
  padding: .15rem .5rem;
  font-size: .7rem;
  font-weight: 700;
  display: inline-block;
}

.af2__engine-active-chip {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #94a3b8;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  padding: .25rem .65rem;
  font-size: .65rem;
  font-weight: 800;
  transition: all .2s;
}

.af2__engine-active-chip.active {
  color: #fff;
  background: linear-gradient(135deg, #4f46e5, #6366f1);
  border-color: #818cf8;
  box-shadow: 0 0 10px #6366f166;
}

.af2__engine-pb-container {
  flex-direction: column;
  gap: .55rem;
  display: flex;
}

.af2__engine-pb-wrap {
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.af2__engine-pb-wrap .af2__engine-pb-meta {
  color: #cbd5e1;
  justify-content: space-between;
  align-items: center;
  font-size: .73rem;
  display: flex;
}

.af2__engine-pb-wrap .af2__engine-pb-meta strong {
  color: #fff;
}

.af2__engine-pb-wrap .af2__engine-pb-meta small {
  color: #64748b;
}

.af2__engine-pb-wrap .af2__engine-pb-vs {
  color: #818cf8;
  letter-spacing: .05em;
  font-size: .62rem;
  font-weight: 800;
}

.af2__engine-pb-wrap .af2__engine-pb-track {
  background: #00000073;
  border: 1px solid #ffffff0f;
  border-radius: 999px;
  height: 6px;
  display: flex;
  overflow: hidden;
}

.af2__engine-pb-wrap .af2__engine-pb-fill {
  height: 100%;
  transition: width .4s;
}

.af2__engine-pb-wrap .af2__engine-pb-fill.a {
  background: linear-gradient(90deg, #10b981, #06b6d4);
}

.af2__engine-pb-wrap .af2__engine-pb-fill.b {
  background: linear-gradient(90deg, #f43f5e, #e11d48);
}

.af2__square-card-deck {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #0b0f1e99;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-direction: column;
  gap: .5rem;
  padding: .75rem .9rem;
  display: flex;
  box-shadow: 0 4px 20px #00000040;
}

@media (max-width: 1024px) {
  .af2__square-card-deck {
    border-radius: 10px;
    gap: .45rem;
    padding: .6rem .75rem;
  }
}

@media (max-width: 640px) {
  .af2__square-card-deck {
    border-radius: 8px;
    gap: .35rem;
    padding: .45rem .5rem;
  }
}

.af2__square-card-meta {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .4rem;
  font-size: .72rem;
  display: flex;
}

@media (max-width: 640px) {
  .af2__square-card-meta {
    gap: .25rem;
    font-size: .62rem;
  }
}

.af2__square-card-meta .af2__square-card-title-wrap {
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  min-width: 0;
  display: flex;
}

@media (max-width: 640px) {
  .af2__square-card-meta .af2__square-card-title-wrap {
    gap: .25rem;
  }
}

.af2__square-card-meta .af2__square-card-title {
  color: #f1f5f9;
  letter-spacing: .02em;
  font-size: .72rem;
  font-weight: 700;
}

@media (max-width: 1024px) {
  .af2__square-card-meta .af2__square-card-title {
    font-size: .66rem;
  }
}

@media (max-width: 640px) {
  .af2__square-card-meta .af2__square-card-title {
    font-size: .58rem;
    line-height: 1.2;
  }
}

.af2__square-card-meta .af2__square-card-count {
  color: #94a3b8;
  background: #ffffff0f;
  border-radius: 4px;
  padding: 1px 5px;
  font-size: .62rem;
  font-weight: 600;
}

@media (max-width: 640px) {
  .af2__square-card-meta .af2__square-card-count {
    padding: 0 4px;
    font-size: .52rem;
  }
}

.af2__square-card-meta .af2__square-legend {
  align-items: center;
  gap: .65rem;
  display: flex;
}

@media (max-width: 640px) {
  .af2__square-card-meta .af2__square-legend {
    gap: .35rem;
  }
}

.af2__square-card-meta .af2__sq-badge {
  align-items: center;
  gap: 3px;
  font-size: .66rem;
  font-weight: 700;
  display: inline-flex;
}

@media (max-width: 640px) {
  .af2__square-card-meta .af2__sq-badge {
    gap: 2px;
    font-size: .54rem;
  }
}

.af2__square-card-meta .af2__sq-badge.under {
  color: #fb7185;
}

.af2__square-card-meta .af2__sq-badge.over {
  color: #34d399;
}

.af2__square-card-meta .af2__legend-dot {
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: inline-block;
}

@media (max-width: 640px) {
  .af2__square-card-meta .af2__legend-dot {
    width: 5px;
    height: 5px;
  }
}

.af2__square-card-meta .af2__legend-dot.under {
  background: #f43f5e;
  box-shadow: 0 0 6px #f43f5e99;
}

.af2__square-card-meta .af2__legend-dot.over {
  background: #10b981;
  box-shadow: 0 0 6px #10b98199;
}

.af2__square-grid {
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 5px;
  width: 100%;
  padding: 1px 0;
  display: grid;
}

@media (max-width: 1024px) {
  .af2__square-grid {
    gap: 4px;
  }
}

@media (max-width: 640px) {
  .af2__square-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 2.5px;
  }
}

@media (max-width: 380px) {
  .af2__square-grid {
    gap: 2px;
  }
}

.af2__square-grid-empty {
  text-align: center;
  color: #64748b;
  grid-column: 1 / -1;
  padding: .75rem 0;
  font-size: .72rem;
}

.af2__square-digit-pill {
  aspect-ratio: 1;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
  cursor: default;
  border-radius: 7px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 36px;
  height: auto;
  min-height: 0;
  max-height: 36px;
  margin: 0 auto;
  font-family: JetBrains Mono, Inter, monospace;
  transition: transform .18s cubic-bezier(.4, 0, .2, 1), box-shadow .18s;
  display: flex;
  position: relative;
}

@media (max-width: 1024px) {
  .af2__square-digit-pill {
    border-radius: 5px;
    max-width: 32px;
    max-height: 32px;
  }
}

@media (max-width: 640px) {
  .af2__square-digit-pill {
    border-radius: 4px;
    max-width: 28px;
    max-height: 28px;
  }
}

@media (max-width: 380px) {
  .af2__square-digit-pill {
    border-radius: 3px;
    max-width: 22px;
    max-height: 22px;
  }
}

.af2__square-digit-pill:hover {
  z-index: 5;
  transform: translateY(-2px)scale(1.12);
}

.af2__square-digit-pill .af2__sq-val {
  letter-spacing: -.02em;
  font-size: .9rem;
  font-weight: 800;
  line-height: 1;
}

@media (max-width: 1024px) {
  .af2__square-digit-pill .af2__sq-val {
    font-size: .76rem;
  }
}

@media (max-width: 640px) {
  .af2__square-digit-pill .af2__sq-val {
    font-size: .62rem;
  }
}

@media (max-width: 380px) {
  .af2__square-digit-pill .af2__sq-val {
    font-size: .54rem;
  }
}

.af2__square-digit-pill .af2__sq-letter {
  letter-spacing: .05em;
  text-transform: uppercase;
  opacity: .92;
  margin-top: 1px;
  font-size: .52rem;
  font-weight: 800;
  line-height: 1;
}

@media (max-width: 1024px) {
  .af2__square-digit-pill .af2__sq-letter {
    margin-top: 0;
    font-size: .44rem;
  }
}

@media (max-width: 640px) {
  .af2__square-digit-pill .af2__sq-letter {
    font-size: .36rem;
  }
}

@media (max-width: 380px) {
  .af2__square-digit-pill .af2__sq-letter {
    font-size: .3rem;
  }
}

.af2__square-digit-pill--under {
  background: linear-gradient(135deg, #f43f5e33 0%, #e11d481a 100%);
  border: 1px solid #f43f5e80;
  box-shadow: 0 2px 5px #f43f5e26, inset 0 1px #ffffff14;
}

.af2__square-digit-pill--under .af2__sq-val {
  color: #fff;
  text-shadow: 0 0 8px #f43f5e99;
}

.af2__square-digit-pill--under .af2__sq-letter {
  color: #fecdd3;
}

.af2__square-digit-pill--under:hover {
  border-color: #f43f5ee6;
  box-shadow: 0 4px 12px #f43f5e66, inset 0 1px #fff3;
}

.af2__square-digit-pill--over {
  background: linear-gradient(135deg, #10b98133 0%, #0596691a 100%);
  border: 1px solid #10b98180;
  box-shadow: 0 2px 5px #10b98126, inset 0 1px #ffffff14;
}

.af2__square-digit-pill--over .af2__sq-val {
  color: #fff;
  text-shadow: 0 0 8px #10b98199;
}

.af2__square-digit-pill--over .af2__sq-letter {
  color: #a7f3d0;
}

.af2__square-digit-pill--over:hover {
  border-color: #10b981e6;
  box-shadow: 0 4px 12px #10b98166, inset 0 1px #fff3;
}

.af2__square-digit-pill--latest {
  border-width: 1.5px;
  font-weight: 900;
  animation: 1.4s ease-in-out infinite af2-square-pulse;
}

.af2__square-digit-pill--latest.af2__square-digit-pill--under {
  background: linear-gradient(135deg, #f43f5e8c 0%, #e11d4859 100%);
  border-color: #f43f5e;
  box-shadow: 0 0 12px #f43f5ecc, inset 0 0 6px #f43f5e66;
}

.af2__square-digit-pill--latest.af2__square-digit-pill--under .af2__sq-letter {
  color: #fff;
}

.af2__square-digit-pill--latest.af2__square-digit-pill--over {
  background: linear-gradient(135deg, #10b9818c 0%, #05966959 100%);
  border-color: #10b981;
  box-shadow: 0 0 12px #10b981cc, inset 0 0 6px #10b98166;
}

.af2__square-digit-pill--latest.af2__square-digit-pill--over .af2__sq-letter {
  color: #fff;
}

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

  50% {
    transform: scale(1.06);
  }
}

.af2__engine-telemetry-strip {
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: auto;
  padding-top: .35rem;
  display: flex;
}

.af2__engine-telemetry-strip .af2__tel-pill {
  border: 1px solid #0000;
  border-radius: 6px;
  padding: .2rem .55rem;
  font-size: .66rem;
  font-weight: 700;
}

.af2__engine-telemetry-strip .af2__tel-pill.good {
  color: #34d399;
  background: #10b9811f;
  border-color: #10b9814d;
}

.af2__engine-telemetry-strip .af2__tel-pill.warn {
  color: #fbbf24;
  background: #f59e0b1f;
  border-color: #f59e0b4d;
}

.af2__engine-telemetry-strip .af2__tel-pill.neutral {
  color: #94a3b8;
  background: #64748b26;
  border-color: #64748b40;
}

.af2__engine-telemetry-strip .af2__tel-pill.info {
  color: #a5b4fc;
  background: #6366f11f;
  border-color: #6366f14d;
}

.af2__engine-telemetry-strip .af2__tel-pill.info strong {
  color: #fff;
}

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

  50% {
    transform: scale(1.12);
  }
}

.af2__logs-card {
  margin-top: 1.2rem;
  padding: 0;
  overflow: hidden;
}

.af2__logs-header {
  border-bottom: 1px solid #6366f126;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  display: flex;
}

.af2__logs-tabs {
  gap: 4px;
  display: flex;
}

.af2__tab {
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 7px;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.af2__tab--active {
  color: #c084fc;
  background: #6366f126;
  border: 1px solid #6366f14d;
}

.af2__tab:hover:not(.af2__tab--active) {
  background: #47556933;
}

.af2__clear-btn {
  color: #94a3b8;
  cursor: pointer;
  background: #47556933;
  border: none;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 600;
  transition: all .2s;
}

.af2__clear-btn:hover {
  color: #fca5a5;
  background: #f43f5e26;
}

.af2__logs-empty {
  color: #64748b;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 120px;
  padding: 20px;
  font-size: 13px;
  display: flex;
}

.af2__logs-empty svg {
  opacity: .3;
}

.af2__txn-wrap {
  max-height: 320px;
  overflow-y: auto;
}

.af2__txn-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 12px;
}

.af2__txn-table thead {
  z-index: 2;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #0b0f1ef2;
  position: sticky;
  top: 0;
}

.af2__txn-table thead th {
  text-align: left;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: .5px;
  white-space: nowrap;
  border-bottom: 1px solid #6366f126;
  padding: 9px 12px;
  font-size: 10px;
  font-weight: 700;
}

.af2__txn-table tbody td {
  color: #cbd5e1;
  white-space: nowrap;
  border-bottom: 1px solid #6366f10f;
  padding: 8px 12px;
}

.af2__txn-row {
  transition: background .15s;
}

.af2__txn-row:hover {
  background: #6366f10a;
}

.af2__txn-row--win {
  background: #10b9810a;
}

.af2__txn-row--loss {
  background: #f43f5e0a;
}

.af2__txn-row--open {
  background: #6366f10a;
}

.af2__txn-id {
  color: #94a3b8;
  font-family: monospace;
  font-size: 10px;
}

.af2__type-badge {
  border-radius: 5px;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 700;
}

.af2__type-badge--under {
  color: #fda4af;
  background: #f43f5e33;
}

.af2__type-badge--over {
  color: #6ee7b7;
  background: #10b98133;
}

.af2__open-label {
  color: #94a3b8;
  font-size: 11px;
  font-style: italic;
}

.af2__profit-cell {
  font-weight: 700;
}

.af2__profit-cell--win {
  color: #34d399;
}

.af2__profit-cell--loss {
  color: #f87171;
}

.af2__result-pill {
  border-radius: 5px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 700;
}

.af2__result-pill--win {
  color: #6ee7b7;
  background: #10b98133;
}

.af2__result-pill--loss {
  color: #fca5a5;
  background: #f43f5e33;
}

.af2__result-pill--open {
  color: #a5b4fc;
  background: #6366f133;
}

.af2__journal-wrap {
  max-height: 320px;
  overflow-y: auto;
}

.af2__journal-list {
  flex-direction: column;
  display: flex;
}

.af2__journal-item {
  border-bottom: 1px solid #6366f10f;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  transition: background .15s;
  display: flex;
}

.af2__journal-item:hover {
  background: #6366f10a;
}

.af2__journal-item--win {
  border-left: 2px solid #10b98180;
}

.af2__journal-item--loss {
  border-left: 2px solid #f43f5e80;
}

.af2__journal-item--pending {
  border-left: 2px solid #6366f159;
}

.af2__journal-item--aborted {
  border-left: 2px solid #f59e0b80;
}

.af2__journal-left {
  flex-direction: column;
  gap: 2px;
  min-width: 130px;
  display: flex;
}

.af2__journal-type {
  color: #f1f5f9;
  text-transform: uppercase;
  letter-spacing: .3px;
  font-size: 10px;
  font-weight: 700;
}

.af2__journal-market {
  color: #64748b;
  font-size: 10px;
}

.af2__journal-center {
  flex: 1;
}

.af2__journal-details {
  color: #cbd5e1;
  font-size: 11px;
  line-height: 1.4;
}

.af2__journal-right {
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  min-width: 70px;
  display: flex;
}

.af2__journal-profit {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 700;
}

.af2__journal-profit.win {
  color: #34d399;
}

.af2__journal-profit.loss {
  color: #f87171;
}

.af2__journal-time {
  color: #64748b;
  font-variant-numeric: tabular-nums;
  font-size: 9px;
}

.af2__console-wrap {
  background: #05070ff2;
  max-height: 320px;
  padding: 10px 14px;
  font-family: JetBrains Mono, Fira Code, Roboto Mono, monospace;
  font-size: 11px;
  overflow-y: auto;
}

.af2__console-terminal {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.af2__console-line {
  word-break: break-word;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.4;
  display: flex;
}

.af2__console-line--info {
  color: #cbd5e1;
}

.af2__console-line--success {
  color: #4ade80;
}

.af2__console-line--warn {
  color: #fcd34d;
}

.af2__console-line--error {
  color: #f87171;
}

.af2__console-time {
  color: #64748b;
  flex-shrink: 0;
  font-size: 10px;
}

.af2__console-tag {
  color: #818cf8;
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 700;
}

.af2__console-text {
  flex: 1;
}

.auto-x-eo {
  color: #e2e8f0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  font-family: var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
  box-sizing: border-box;
  background: radial-gradient(circle at 50% 0, #111a2e 0%, #080c14 100%);
  flex-direction: column;
  gap: 1.25rem;
  padding: max(.8rem, min(2vw, 1.5rem)) max(.8rem, min(2vw, 1.5rem)) 3.5rem;
  display: flex;
  position: relative;
  overflow: hidden auto;
}

.auto-x-eo:before {
  content: "";
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(circle, #00d2ff0a 0%, #0000 70%);
  width: 500px;
  height: 500px;
  position: absolute;
  top: 0;
  left: 25%;
}

.auto-x-eo:after {
  content: "";
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(circle, #f5c54209 0%, #0000 70%);
  width: 450px;
  height: 450px;
  position: absolute;
  top: 30%;
  right: 15%;
}

.auto-x-eo ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.auto-x-eo ::-webkit-scrollbar-track {
  background: #0f172a99;
  border-radius: 4px;
}

.auto-x-eo ::-webkit-scrollbar-thumb {
  background: #00d2ff4d;
  border-radius: 4px;
}

.auto-x-eo ::-webkit-scrollbar-thumb:hover {
  background: #00d2ff99;
}

.auto-x-eo__header {
  -webkit-backdrop-filter: blur(16px);
  background: #0f172abf;
  border: 1px solid #ffffff14;
  border-radius: 1rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  display: flex;
  box-shadow: 0 10px 30px -10px #00000080;
}

.auto-x-eo__header-brand {
  align-items: center;
  gap: .85rem;
  display: flex;
}

.auto-x-eo__header-brand .brand-icon {
  color: #f5c542;
  background: linear-gradient(135deg, #f5c54233, #00d2ff33);
  border: 1px solid #f5c54266;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
  box-shadow: 0 0 20px #f5c54240;
}

.auto-x-eo__header-brand .brand-text {
  flex-direction: column;
  display: flex;
}

.auto-x-eo__header-brand .brand-text h1 {
  letter-spacing: .5px;
  background: linear-gradient(135deg, #fff 30%, #f5c542 100%);
  -webkit-text-fill-color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  font-size: 1.35rem;
  font-weight: 800;
}

.auto-x-eo__header-brand .brand-text span {
  color: #94a3b8;
  letter-spacing: .2px;
  font-size: .75rem;
  font-weight: 500;
}

.auto-x-eo__header-metrics {
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.auto-x-eo__header-metrics .metric-pill {
  background: #1e293b99;
  border: 1px solid #ffffff0f;
  border-radius: 10px;
  flex-direction: column;
  min-width: 90px;
  padding: .45rem .9rem;
  display: flex;
}

.auto-x-eo__header-metrics .metric-pill .label {
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: .68rem;
  font-weight: 600;
}

.auto-x-eo__header-metrics .metric-pill .val {
  color: #f8fafc;
  font-family: JetBrains Mono, monospace;
  font-size: 1rem;
  font-weight: 700;
}

.auto-x-eo__header-metrics .metric-pill .val.profit-pos {
  color: #10b981;
  text-shadow: 0 0 10px #10b9814d;
}

.auto-x-eo__header-metrics .metric-pill .val.profit-neg {
  color: #ef4444;
  text-shadow: 0 0 10px #ef44444d;
}

.auto-x-eo__header-metrics .metric-pill .val.gold {
  color: #f5c542;
}

.auto-x-eo__header-metrics .metric-pill .val.cyan {
  color: #00d2ff;
}

.auto-x-eo__header-controls {
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.auto-x-eo__header-controls .btn-ai-lab {
  color: #c084fc;
  cursor: pointer;
  background: linear-gradient(135deg, #8b5cf640, #06b6d433);
  border: 1px solid #8b5cf680;
  border-radius: 10px;
  align-items: center;
  gap: .5rem;
  padding: .65rem 1.1rem;
  font-size: .85rem;
  font-weight: 700;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 15px #8b5cf640;
}

.auto-x-eo__header-controls .btn-ai-lab:hover {
  color: #fff;
  background: linear-gradient(135deg, #8b5cf666, #06b6d44d);
  border-color: #8b5cf6cc;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px #8b5cf666;
}

.auto-x-eo__header-controls .btn-start {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #10b981, #059669);
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: .5rem;
  padding: .65rem 1.4rem;
  font-size: .9rem;
  font-weight: 700;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 15px #10b98166;
}

.auto-x-eo__header-controls .btn-start:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px #10b98199;
}

.auto-x-eo__header-controls .btn-start:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.auto-x-eo__header-controls .btn-stop {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: .5rem;
  padding: .65rem 1.4rem;
  font-size: .9rem;
  font-weight: 700;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 15px #ef444466;
}

.auto-x-eo__header-controls .btn-stop:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px #ef444499;
}

.auto-x-eo__header-controls .btn-pause {
  color: #f1f5f9;
  cursor: pointer;
  background: #334155cc;
  border: 1px solid #ffffff1a;
  border-radius: 10px;
  align-items: center;
  gap: .5rem;
  padding: .65rem 1.1rem;
  font-size: .85rem;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.auto-x-eo__header-controls .btn-pause:hover {
  background: #475569e6;
}

.auto-x-eo__market-toolbar {
  background: #0f172a99;
  border: 1px solid #ffffff0f;
  border-radius: .85rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .75rem 1.25rem;
  display: flex;
}

.auto-x-eo__market-toolbar .market-select-group {
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.auto-x-eo__market-toolbar .market-select-group .custom-select {
  color: #f8fafc;
  cursor: pointer;
  background: #1e293b;
  border: 1px solid #f5c5424d;
  border-radius: 8px;
  outline: none;
  padding: .5rem 1rem;
  font-size: .88rem;
  font-weight: 600;
}

.auto-x-eo__market-toolbar .market-select-group .custom-select:focus {
  border-color: #f5c542;
  box-shadow: 0 0 10px #f5c5424d;
}

.auto-x-eo__market-toolbar .market-select-group .badge-live-price {
  color: #10b981;
  background: #10b9811a;
  border: 1px solid #10b9814d;
  border-radius: 8px;
  align-items: center;
  gap: .4rem;
  padding: .35rem .75rem;
  font-family: JetBrains Mono, monospace;
  font-size: .82rem;
  font-weight: 700;
  display: flex;
}

.auto-x-eo__market-toolbar .market-select-group .badge-live-price .dot-pulse {
  background: #10b981;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  animation: 1.4s infinite pulseDot;
  box-shadow: 0 0 8px #10b981;
}

.auto-x-eo__market-toolbar .market-select-group .badge-digit-glow {
  color: #0f172a;
  background: linear-gradient(135deg, #f5c542, #eab308);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-family: JetBrains Mono, monospace;
  font-size: 1.05rem;
  font-weight: 800;
  display: flex;
  box-shadow: 0 0 14px #f5c54299;
}

.auto-x-eo__market-toolbar .market-toggles {
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.auto-x-eo__market-toolbar .market-toggles .toggle-chip {
  color: #cbd5e1;
  cursor: pointer;
  background: #1e293bb3;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  align-items: center;
  gap: .5rem;
  padding: .4rem .85rem;
  font-size: .8rem;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.auto-x-eo__market-toolbar .market-toggles .toggle-chip.active {
  color: #00d2ff;
  background: #00d2ff26;
  border-color: #00d2ff66;
}

.auto-x-eo__market-toolbar .market-toggles .toggle-chip input[type="checkbox"] {
  accent-color: #00d2ff;
  cursor: pointer;
}

.auto-x-eo__market-toolbar .market-toggles .toggle-chip--recovery.active {
  color: #f5c542;
  background: #f5c54226;
  border-color: #f5c54280;
  box-shadow: 0 0 12px #f5c54233;
}

.auto-x-eo__market-toolbar .market-toggles .toggle-chip--recovery.active input[type="checkbox"] {
  accent-color: #f5c542;
}

.auto-x-eo__market-toolbar .market-toggles .recovery-quick-pills {
  background: #0f172a99;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  align-items: center;
  gap: .35rem;
  padding: 2px 4px;
  display: flex;
}

.auto-x-eo__market-toolbar .market-toggles .recovery-quick-pills .rec-btn-pill {
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 6px;
  padding: .3rem .6rem;
  font-size: .72rem;
  font-weight: 700;
  transition: all .2s;
}

.auto-x-eo__market-toolbar .market-toggles .recovery-quick-pills .rec-btn-pill:hover:not(:disabled) {
  color: #f8fafc;
  background: #ffffff0d;
}

.auto-x-eo__market-toolbar .market-toggles .recovery-quick-pills .rec-btn-pill.active {
  color: #f5c542;
  background: linear-gradient(135deg, #f5c54240, #eab30859);
  border-color: #f5c54299;
  box-shadow: 0 0 10px #f5c5424d;
}

.auto-x-eo__market-toolbar .market-toggles .recovery-quick-pills .rec-btn-pill:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.auto-x-eo__market-toolbar .market-toggles .btn-view-toggle {
  color: #f5c542;
  cursor: pointer;
  background: #f5c5421f;
  border: 1px solid #f5c54259;
  border-radius: 8px;
  align-items: center;
  gap: .4rem;
  padding: .45rem .9rem;
  font-size: .8rem;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.auto-x-eo__market-toolbar .market-toggles .btn-view-toggle:hover {
  background: #f5c54238;
}

.auto-x-eo__wide-view {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: #0f172af2;
  border: 1px solid #f5c5424d;
  border-radius: 1rem;
  padding: 1.25rem;
  animation: .25s ease-out fadeIn;
  box-shadow: 0 15px 35px #0009;
}

.auto-x-eo__wide-view .wide-view-header {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: .75rem;
  display: flex;
}

.auto-x-eo__wide-view .wide-view-header h3 {
  color: #f5c542;
  align-items: center;
  gap: .5rem;
  margin: 0;
  font-size: 1.1rem;
  display: flex;
}

.auto-x-eo__wide-view .wide-view-header .close-btn {
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: none;
  font-size: 1.2rem;
}

.auto-x-eo__wide-view .wide-view-header .close-btn:hover {
  color: #f8fafc;
}

.auto-x-eo__wide-view .wide-grid {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: .85rem;
  display: grid;
}

.auto-x-eo__wide-view .wide-grid .wide-card {
  cursor: pointer;
  background: #1e293b99;
  border: 1px solid #ffffff14;
  border-radius: .75rem;
  padding: .85rem;
  transition: all .2s;
}

.auto-x-eo__wide-view .wide-grid .wide-card:hover {
  background: #1e293be6;
  border-color: #00d2ff;
  transform: translateY(-2px);
}

.auto-x-eo__wide-view .wide-grid .wide-card.selected {
  background: #f5c54214;
  border-color: #f5c542;
  box-shadow: 0 0 15px #f5c54226;
}

.auto-x-eo__wide-view .wide-grid .wide-card.recommended {
  border-color: #10b981;
  position: relative;
}

.auto-x-eo__wide-view .wide-grid .wide-card.recommended:after {
  content: "BEST SIGNAL";
  color: #0f172a;
  background: #10b981;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: .6rem;
  font-weight: 800;
  position: absolute;
  top: -8px;
  right: 10px;
}

.auto-x-eo__wide-view .wide-grid .wide-card .card-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.auto-x-eo__wide-view .wide-grid .wide-card .card-top .market-name {
  color: #f8fafc;
  font-size: .92rem;
  font-weight: 700;
}

.auto-x-eo__wide-view .wide-grid .wide-card .card-top .last-digit {
  color: #0f172a;
  background: #f5c542;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-family: JetBrains Mono, monospace;
  font-size: .82rem;
  font-weight: 800;
  display: flex;
}

.auto-x-eo__wide-view .wide-grid .wide-card .card-stats {
  flex-direction: column;
  gap: .35rem;
  font-size: .75rem;
  display: flex;
}

.auto-x-eo__wide-view .wide-grid .wide-card .card-stats .stat-row {
  color: #94a3b8;
  justify-content: space-between;
  display: flex;
}

.auto-x-eo__wide-view .wide-grid .wide-card .card-stats .stat-row span:last-child {
  color: #cbd5e1;
  font-family: JetBrains Mono, monospace;
  font-weight: 700;
}

.auto-x-eo__wide-view .wide-grid .wide-card .card-stats .mini-bar {
  border-radius: 3px;
  height: 5px;
  margin-top: .2rem;
  display: flex;
  overflow: hidden;
}

.auto-x-eo__wide-view .wide-grid .wide-card .card-stats .mini-bar .bar-even {
  background: #00d2ff;
}

.auto-x-eo__wide-view .wide-grid .wide-card .card-stats .mini-bar .bar-odd {
  background: #a855f7;
}

.auto-x-eo__body {
  align-items: flex-start;
  gap: 1.25rem;
  width: 100%;
  display: flex;
}

@media (max-width: 1024px) {
  .auto-x-eo__body {
    flex-direction: column;
  }
}

.auto-x-eo__body--collapsed .auto-x-eo__sidebar {
  width: 60px;
  min-width: 60px;
}

.auto-x-eo__body--collapsed .auto-x-eo__sidebar .auto-x-eo__sidebar-header span {
  display: none;
}

.auto-x-eo__body--collapsed .auto-x-eo__sidebar .sidebar-market-item {
  justify-content: center;
  padding: .6rem .2rem;
}

.auto-x-eo__body--collapsed .auto-x-eo__sidebar .sidebar-market-item .item-details, .auto-x-eo__body--collapsed .auto-x-eo__sidebar .sidebar-market-item .item-stats {
  display: none;
}

.auto-x-eo__sidebar {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #0f172ab3;
  border: 1px solid #ffffff14;
  border-radius: 1rem;
  flex-direction: column;
  gap: .75rem;
  width: 280px;
  min-width: 280px;
  padding: 1rem;
  transition: width .25s;
  display: flex;
}

@media (max-width: 1024px) {
  .auto-x-eo__sidebar {
    width: 100%;
    min-width: 100%;
  }
}

.auto-x-eo__sidebar-header {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .6rem;
  display: flex;
}

.auto-x-eo__sidebar-header span {
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #94a3b8;
  font-size: .82rem;
  font-weight: 700;
}

.auto-x-eo__sidebar-header .collapse-btn {
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: .2rem;
  display: flex;
}

.auto-x-eo__sidebar-header .collapse-btn:hover {
  color: #f8fafc;
  background: #ffffff0d;
}

.auto-x-eo__sidebar-list {
  flex-direction: column;
  gap: .5rem;
  max-height: 720px;
  padding-right: .2rem;
  display: flex;
  overflow-y: auto;
}

.auto-x-eo__sidebar-list::-webkit-scrollbar {
  width: 4px;
}

.auto-x-eo__sidebar-list::-webkit-scrollbar-thumb {
  background: #ffffff26;
  border-radius: 4px;
}

.auto-x-eo__sidebar .sidebar-market-item {
  cursor: pointer;
  background: #1e293b80;
  border: 1px solid #ffffff0d;
  border-radius: .65rem;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  padding: .65rem .75rem;
  transition: all .2s;
  display: flex;
}

.auto-x-eo__sidebar .sidebar-market-item:hover {
  background: #1e293bd9;
  border-color: #00d2ff4d;
}

.auto-x-eo__sidebar .sidebar-market-item.active {
  background: #f5c5421a;
  border-color: #f5c54280;
  box-shadow: 0 0 12px #f5c54226;
}

.auto-x-eo__sidebar .sidebar-market-item .item-left {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.auto-x-eo__sidebar .sidebar-market-item .item-left .digit-badge {
  color: #f8fafc;
  background: #1e293b;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-family: JetBrains Mono, monospace;
  font-size: .82rem;
  font-weight: 700;
  display: flex;
}

.auto-x-eo__sidebar .sidebar-market-item .item-left .digit-badge.even {
  color: #00d2ff;
  border-color: #00d2ff66;
}

.auto-x-eo__sidebar .sidebar-market-item .item-left .digit-badge.odd {
  color: #a855f7;
  border-color: #a855f766;
}

.auto-x-eo__sidebar .sidebar-market-item .item-left .item-details {
  flex-direction: column;
  display: flex;
}

.auto-x-eo__sidebar .sidebar-market-item .item-left .item-details .title {
  color: #f1f5f9;
  font-size: .85rem;
  font-weight: 700;
}

.auto-x-eo__sidebar .sidebar-market-item .item-left .item-details .price {
  color: #94a3b8;
  font-family: JetBrains Mono, monospace;
  font-size: .72rem;
}

.auto-x-eo__sidebar .sidebar-market-item .item-stats {
  flex-direction: column;
  align-items: flex-end;
  gap: .15rem;
  display: flex;
}

.auto-x-eo__sidebar .sidebar-market-item .item-stats .stat-tag {
  border-radius: 4px;
  padding: 1px 6px;
  font-size: .7rem;
  font-weight: 700;
}

.auto-x-eo__sidebar .sidebar-market-item .item-stats .stat-tag.even-fav {
  color: #00d2ff;
  background: #00d2ff26;
}

.auto-x-eo__sidebar .sidebar-market-item .item-stats .stat-tag.odd-fav {
  color: #c084fc;
  background: #a855f726;
}

.auto-x-eo__sidebar .sidebar-market-item .item-stats .stat-sub {
  color: #64748b;
  font-size: .65rem;
}

.auto-x-eo__workspace {
  flex-direction: column;
  flex: 1;
  gap: 1.25rem;
  width: 100%;
  min-width: 0;
  display: flex;
}

.auto-x-eo__workspace .auto-x-eo__recovery-banner {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: linear-gradient(135deg, #f5c5421f, #ea580c1f);
  border: 1px solid #f5c54266;
  border-radius: 1rem;
  flex-direction: column;
  gap: .65rem;
  padding: 1rem 1.25rem;
  animation: .3s ease-out fadeIn;
  display: flex;
  box-shadow: 0 0 25px #f5c54226;
}

.auto-x-eo__workspace .auto-x-eo__recovery-banner .recovery-banner-top {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.auto-x-eo__workspace .auto-x-eo__recovery-banner .recovery-banner-top .recovery-badge {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.auto-x-eo__workspace .auto-x-eo__recovery-banner .recovery-banner-top .recovery-badge .pulse-icon {
  font-size: 1.1rem;
}

.auto-x-eo__workspace .auto-x-eo__recovery-banner .recovery-banner-top .recovery-badge .title {
  letter-spacing: .5px;
  color: #f5c542;
  text-shadow: 0 0 10px #f5c54266;
  font-size: .88rem;
  font-weight: 800;
}

.auto-x-eo__workspace .auto-x-eo__recovery-banner .recovery-banner-top .recovery-metrics {
  align-items: center;
  gap: .4rem;
  font-size: .82rem;
  display: flex;
}

.auto-x-eo__workspace .auto-x-eo__recovery-banner .recovery-banner-top .recovery-metrics .metric-label {
  color: #94a3b8;
  font-weight: 600;
}

.auto-x-eo__workspace .auto-x-eo__recovery-banner .recovery-banner-top .recovery-metrics .metric-val {
  color: #10b981;
  font-family: JetBrains Mono, monospace;
  font-weight: 800;
}

.auto-x-eo__workspace .auto-x-eo__recovery-banner .recovery-progress-bar-bg {
  background: #0f172acc;
  border: 1px solid #ffffff14;
  border-radius: 4px;
  width: 100%;
  height: 8px;
  overflow: hidden;
}

.auto-x-eo__workspace .auto-x-eo__recovery-banner .recovery-progress-bar-bg .recovery-progress-bar-fill {
  background: linear-gradient(90deg, #f5c542, #10b981);
  border-radius: 4px;
  height: 100%;
  transition: width .4s;
  box-shadow: 0 0 12px #10b98180;
}

.auto-x-eo__workspace .auto-x-eo__recovery-banner .recovery-tip {
  color: #cbd5e1;
  font-size: .78rem;
  line-height: 1.4;
}

.auto-x-eo__chart-card {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #0f172abf;
  border: 1px solid #ffffff14;
  border-radius: 1rem;
  padding: 1.25rem 1.5rem;
  box-shadow: 0 10px 30px -10px #00000080;
}

.auto-x-eo__chart-card .chart-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1rem;
  display: flex;
}

.auto-x-eo__chart-card .chart-header .chart-title-box {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.auto-x-eo__chart-card .chart-header .chart-title-box h2 {
  color: #f8fafc;
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
}

.auto-x-eo__chart-card .chart-header .chart-title-box .pill-ticks {
  color: #00d2ff;
  background: #00d2ff1f;
  border: 1px solid #00d2ff4d;
  border-radius: 6px;
  padding: .2rem .6rem;
  font-size: .72rem;
  font-weight: 700;
}

.auto-x-eo__chart-card .chart-header .chart-legend {
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
}

.auto-x-eo__chart-card .chart-header .chart-legend .legend-item {
  align-items: center;
  gap: .35rem;
  display: flex;
}

.auto-x-eo__chart-card .chart-header .chart-legend .legend-item .dot {
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.auto-x-eo__chart-card .ep-chart-wrap {
  background: #03071299;
  border: 1px solid #ffffff0d;
  border-radius: 14px;
  width: 100%;
  padding: 12px 10px;
  position: relative;
  overflow-x: auto;
}

.auto-x-eo__chart-card .ep-chart-wrap::-webkit-scrollbar {
  height: 4px;
}

.auto-x-eo__chart-card .ep-chart-wrap::-webkit-scrollbar-thumb {
  background: #ffffff26;
  border-radius: 99px;
}

.auto-x-eo__chart-card .ep-chart-wrap .ep-chart-inner-scroll {
  min-width: 720px;
}

.auto-x-eo__chart-card .ep-chart-wrap .ep-chart-empty {
  color: #64748b;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 120px;
  font-size: .85rem;
  display: flex;
}

.auto-x-eo__chart-card .ep-chart-wrap .ep-chart-point {
  transition: transform .2s;
}

.auto-x-eo__chart-card .ep-chart-wrap .ep-chart-point--latest rect {
  filter: drop-shadow(0 0 6px #fff);
}

.auto-x-eo__chart-card .ep-chart-wrap .ep-chart-point--latest text {
  filter: drop-shadow(0 0 6px #38bdf8);
}

.auto-x-eo__digits-grid {
  grid-template-columns: repeat(10, 1fr);
  gap: .6rem;
  display: grid;
}

@media (max-width: 1200px) {
  .auto-x-eo__digits-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 640px) {
  .auto-x-eo__digits-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.auto-x-eo__digits-grid .digit-cell {
  background: #0f172ab3;
  border: 1px solid #ffffff0f;
  border-radius: .75rem;
  flex-direction: column;
  align-items: center;
  gap: .35rem;
  padding: .75rem .5rem;
  transition: all .2s;
  display: flex;
}

.auto-x-eo__digits-grid .digit-cell:hover {
  border-color: #fff3;
  transform: translateY(-2px);
}

.auto-x-eo__digits-grid .digit-cell.is-even {
  border-top: 3px solid #00d2ff;
}

.auto-x-eo__digits-grid .digit-cell.is-odd {
  border-top: 3px solid #a855f7;
}

.auto-x-eo__digits-grid .digit-cell.is-target {
  background: #f5c5421f;
  border-color: #f5c54299;
  transform: scale(1.02);
  box-shadow: 0 0 12px #f5c54240;
}

.auto-x-eo__digits-grid .digit-cell__top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 .25rem;
  display: flex;
}

.auto-x-eo__digits-grid .digit-cell__top .digit-number {
  color: #f8fafc;
  font-family: JetBrains Mono, monospace;
  font-size: 1.35rem;
  font-weight: 800;
}

.auto-x-eo__digits-grid .digit-cell__top .digit-rank {
  color: #94a3b8;
  font-size: .68rem;
  font-weight: 700;
}

.auto-x-eo__digits-grid .digit-cell__pct {
  color: #cbd5e1;
  font-family: JetBrains Mono, monospace;
  font-size: .95rem;
  font-weight: 700;
}

.auto-x-eo__digits-grid .digit-cell__bar-bg {
  background: #ffffff14;
  border-radius: 2px;
  width: 100%;
  height: 4px;
  margin-top: .2rem;
  overflow: hidden;
}

.auto-x-eo__digits-grid .digit-cell__bar-bg .digit-cell__bar-fill {
  background: linear-gradient(90deg, #00d2ff, #f5c542);
  border-radius: 2px;
  height: 100%;
  transition: width .3s;
}

.auto-x-eo__stream-hud {
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
  display: grid;
}

@media (max-width: 900px) {
  .auto-x-eo__stream-hud {
    grid-template-columns: 1fr;
  }
}

.auto-x-eo__stream-hud .hud-box {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #0f172abf;
  border: 1px solid #ffffff14;
  border-radius: 1rem;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem;
  display: flex;
}

.auto-x-eo__stream-hud .hud-box h3 {
  color: #f8fafc;
  border-bottom: 1px solid #ffffff0f;
  align-items: center;
  gap: .5rem;
  margin: 0;
  padding-bottom: .6rem;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
}

.auto-x-eo__stream-hud .stream-box .tick-chain {
  justify-content: space-around;
  align-items: center;
  gap: .75rem;
  padding: .5rem 0;
  display: flex;
}

.auto-x-eo__stream-hud .stream-box .tick-chain .arrow {
  color: #64748b;
  font-size: 1.2rem;
  font-weight: 800;
}

.auto-x-eo__stream-hud .stream-box .tick-chain .tick-node {
  flex-direction: column;
  align-items: center;
  gap: .35rem;
  display: flex;
}

.auto-x-eo__stream-hud .stream-box .tick-chain .tick-node .node-label {
  color: #94a3b8;
  text-transform: uppercase;
  font-size: .7rem;
  font-weight: 700;
}

.auto-x-eo__stream-hud .stream-box .tick-chain .tick-node .node-val {
  color: #f8fafc;
  background: #1e293b;
  border: 1px solid #ffffff1a;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-family: JetBrains Mono, monospace;
  font-size: 1.25rem;
  font-weight: 900;
  display: flex;
}

.auto-x-eo__stream-hud .stream-box .tick-chain .tick-node .node-val.even {
  color: #00d2ff;
  background: #00d2ff1f;
  border-color: #00d2ff80;
  box-shadow: 0 0 12px #00d2ff33;
}

.auto-x-eo__stream-hud .stream-box .tick-chain .tick-node .node-val.odd {
  color: #a855f7;
  background: #a855f71f;
  border-color: #a855f780;
  box-shadow: 0 0 12px #a855f733;
}

.auto-x-eo__stream-hud .stream-box .tick-chain .tick-node.live .node-val {
  border-width: 2px;
  border-color: #f5c542;
  transform: scale(1.05);
  box-shadow: 0 0 16px #f5c54266;
}

.auto-x-eo__stream-hud .pattern-box .parity-ratio-display {
  align-items: center;
  gap: 1rem;
  padding: .5rem 0;
  display: flex;
}

.auto-x-eo__stream-hud .pattern-box .parity-ratio-display .ratio-side {
  flex-direction: column;
  min-width: 65px;
  display: flex;
}

.auto-x-eo__stream-hud .pattern-box .parity-ratio-display .ratio-side span {
  font-size: .72rem;
  font-weight: 700;
}

.auto-x-eo__stream-hud .pattern-box .parity-ratio-display .ratio-side strong {
  font-family: JetBrains Mono, monospace;
  font-size: 1.25rem;
  font-weight: 900;
}

.auto-x-eo__stream-hud .pattern-box .parity-ratio-display .ratio-side.even-side {
  color: #00d2ff;
}

.auto-x-eo__stream-hud .pattern-box .parity-ratio-display .ratio-side.odd-side {
  color: #a855f7;
  text-align: right;
}

.auto-x-eo__stream-hud .pattern-box .parity-ratio-display .ratio-bar-wrap {
  background: #ffffff0f;
  border-radius: 7px;
  flex: 1;
  height: 14px;
  display: flex;
  overflow: hidden;
}

.auto-x-eo__stream-hud .pattern-box .parity-ratio-display .ratio-bar-wrap .even-fill {
  background: linear-gradient(90deg, #00d2ff, #0284c7);
  height: 100%;
  transition: width .3s;
  box-shadow: 0 0 10px #00d2ff66;
}

.auto-x-eo__stream-hud .pattern-box .parity-ratio-display .ratio-bar-wrap .odd-fill {
  background: linear-gradient(90deg, #7e22ce, #a855f7);
  height: 100%;
  transition: width .3s;
  box-shadow: 0 0 10px #a855f766;
}

.auto-x-eo__config-grid {
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
  display: grid;
}

@media (max-width: 900px) {
  .auto-x-eo__config-grid {
    grid-template-columns: 1fr;
  }
}

.auto-x-eo__config-grid .config-card {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #0f172abf;
  border: 1px solid #ffffff14;
  border-radius: 1rem;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem;
  display: flex;
}

.auto-x-eo__config-grid .config-card h3 {
  color: #f8fafc;
  align-items: center;
  gap: .5rem;
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
}

.auto-x-eo__config-grid .config-card .inputs-row {
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: .75rem;
  display: grid;
}

.auto-x-eo__config-grid .config-card .inputs-row .input-field {
  flex-direction: column;
  gap: .35rem;
  display: flex;
}

.auto-x-eo__config-grid .config-card .inputs-row .input-field label {
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: .72rem;
  font-weight: 700;
}

.auto-x-eo__config-grid .config-card .inputs-row .input-field input, .auto-x-eo__config-grid .config-card .inputs-row .input-field select {
  color: #f8fafc;
  background: #1e293b;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  outline: none;
  padding: .55rem .75rem;
  font-size: .88rem;
  font-weight: 600;
  transition: all .2s;
}

.auto-x-eo__config-grid .config-card .inputs-row .input-field input:focus, .auto-x-eo__config-grid .config-card .inputs-row .input-field select:focus {
  border-color: #f5c542;
  box-shadow: 0 0 10px #f5c54240;
}

.auto-x-eo__config-grid .config-card .inputs-row .input-field input:disabled, .auto-x-eo__config-grid .config-card .inputs-row .input-field select:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.auto-x-eo__config-grid .logs-card .logs-header {
  border-bottom: 1px solid #ffffff0f;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .6rem;
  display: flex;
}

.auto-x-eo__config-grid .logs-card .logs-header .btn-clear {
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: 1px solid #ffffff26;
  border-radius: 6px;
  padding: .2rem .6rem;
  font-size: .75rem;
  font-weight: 700;
  transition: all .2s;
}

.auto-x-eo__config-grid .logs-card .logs-header .btn-clear:hover {
  color: #fff;
  border-color: #ffffff59;
}

.auto-x-eo__config-grid .logs-card .logs-scroll {
  flex-direction: column;
  gap: .4rem;
  max-height: 220px;
  display: flex;
  overflow-y: auto;
}

.auto-x-eo__config-grid .logs-card .logs-scroll::-webkit-scrollbar {
  width: 4px;
}

.auto-x-eo__config-grid .logs-card .logs-scroll::-webkit-scrollbar-thumb {
  background: #ffffff26;
  border-radius: 4px;
}

.auto-x-eo__config-grid .logs-card .logs-scroll .empty-logs {
  text-align: center;
  color: #64748b;
  padding: 1.5rem;
  font-size: .82rem;
}

.auto-x-eo__config-grid .logs-card .logs-scroll .log-row {
  background: #1e293b80;
  border-radius: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  padding: .45rem .75rem;
  font-size: .78rem;
  display: flex;
}

.auto-x-eo__config-grid .logs-card .logs-scroll .log-row.log-win {
  border-left: 3px solid #10b981;
}

.auto-x-eo__config-grid .logs-card .logs-scroll .log-row.log-loss {
  border-left: 3px solid #ef4444;
}

.auto-x-eo__config-grid .logs-card .logs-scroll .log-row.log-pending {
  border-left: 3px solid #eab308;
}

.auto-x-eo__config-grid .logs-card .logs-scroll .log-row .time {
  color: #64748b;
  font-family: JetBrains Mono, monospace;
  font-size: .72rem;
}

.auto-x-eo__config-grid .logs-card .logs-scroll .log-row .market {
  color: #cbd5e1;
  font-weight: 700;
}

.auto-x-eo__config-grid .logs-card .logs-scroll .log-row .type {
  color: #94a3b8;
}

.auto-x-eo__config-grid .logs-card .logs-scroll .log-row .stake {
  color: #cbd5e1;
  font-family: JetBrains Mono, monospace;
}

.auto-x-eo__config-grid .logs-card .logs-scroll .log-row .profit {
  font-family: JetBrains Mono, monospace;
  font-weight: 800;
}

.auto-x-eo__config-grid .logs-card .logs-scroll .log-row .profit.pos {
  color: #10b981;
}

.auto-x-eo__config-grid .logs-card .logs-scroll .log-row .profit.neg {
  color: #ef4444;
}

.auto-x-eo__config-grid .logs-card .logs-scroll .log-row .badge-res {
  background: #ffffff14;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: .68rem;
  font-weight: 800;
}

@keyframes pulseDot {
  0% {
    transform: scale(.95);
    box-shadow: 0 0 #10b981b3;
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 6px #10b98100;
  }

  100% {
    transform: scale(.95);
    box-shadow: 0 0 #10b98100;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

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

@media (max-width: 768px) {
  .auto-x-eo {
    padding: .75rem .5rem calc(84px + env(safe-area-inset-bottom, 16px));
  }

  .auto-x-eo__header {
    flex-direction: column;
    align-items: stretch;
    gap: .75rem;
    padding: .85rem;
  }

  .auto-x-eo__header-metrics {
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem;
    width: 100%;
    display: grid;
  }

  .auto-x-eo__header-metrics .metric-pill {
    width: 100%;
    min-width: 0;
  }

  .auto-x-eo__header-controls {
    width: 100%;
  }

  .auto-x-eo__header-controls .btn-start, .auto-x-eo__header-controls .btn-stop, .auto-x-eo__header-controls .btn-pause, .auto-x-eo__header-controls .btn-ai-lab {
    justify-content: center;
    width: 100%;
  }
}

.poverty-hunter {
  color: #e2e8f0;
  box-sizing: border-box;
  background: radial-gradient(circle at 12% 18%, #121c30f2 0%, #080c16 100%), radial-gradient(circle at 88% 80%, #f5c5420a 0%, #0000 60%);
  flex-direction: column;
  gap: max(1rem, min(2vw, 1.6rem));
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: max(.8rem, min(2vw, 1.6rem)) max(.8rem, min(2vw, 1.6rem)) 3.5rem;
  font-family: -apple-system, BlinkMacSystemFont, Inter, Segoe UI, Roboto, sans-serif;
  display: flex;
  overflow: hidden auto;
}

.poverty-hunter ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.poverty-hunter ::-webkit-scrollbar-track {
  background: #0f172a99;
  border-radius: 4px;
}

.poverty-hunter ::-webkit-scrollbar-thumb {
  background: #f5c54266;
  border-radius: 4px;
}

.poverty-hunter ::-webkit-scrollbar-thumb:hover {
  background: #f5c542b3;
}

.poverty-hunter__header {
  -webkit-backdrop-filter: blur(20px);
  background: linear-gradient(135deg, #162138bf, #0d1424d9);
  border: 1px solid #f5c54238;
  border-radius: 18px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1.2rem;
  padding: max(1rem, min(2vw, 1.5rem));
  display: flex;
  box-shadow: 0 10px 36px #0000006b, inset 0 1px #ffffff14;
}

.poverty-hunter__header-title-box {
  align-items: center;
  gap: 1.2rem;
  display: flex;
}

.poverty-hunter__header-title-box .ph-icon-badge {
  color: #f5c542;
  background: radial-gradient(circle, #f5c54247, #dc262640);
  border: 1.5px solid #f5c542;
  border-radius: 14px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  animation: 3s ease-in-out infinite pulseIcon;
  display: flex;
  box-shadow: 0 0 20px #f5c54259;
}

.poverty-hunter__header-title-box .ph-title-text {
  flex-direction: column;
  gap: .2rem;
  display: flex;
}

.poverty-hunter__header-title-box .ph-title-text h1 {
  background: linear-gradient(90deg, #f5c542, #ff8c42, #f43f5e);
  -webkit-text-fill-color: #0000;
  letter-spacing: -.5px;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  font-size: max(1.4rem, min(2.5vw, 2rem));
  font-weight: 900;
  line-height: 1.1;
}

.poverty-hunter__header-title-box .ph-title-text span {
  color: #94a3b8;
  font-size: .82rem;
  font-weight: 500;
}

.poverty-hunter__header-title-box .ph-title-text .ph-status-chip {
  letter-spacing: .5px;
  text-transform: uppercase;
  border-radius: 999px;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: .2rem .65rem;
  font-size: .75rem;
  font-weight: 800;
  display: inline-flex;
}

.poverty-hunter__header-title-box .ph-title-text .ph-status-chip--hunting {
  color: #10b981;
  background: #10b9812e;
  border: 1px solid #10b98180;
  box-shadow: 0 0 12px #10b9814d;
}

.poverty-hunter__header-title-box .ph-title-text .ph-status-chip--recovery {
  color: #f43f5e;
  background: #f43f5e33;
  border: 1px solid #f43f5e;
  animation: 1.4s infinite pulseChip;
  box-shadow: 0 0 12px #f43f5e66;
}

.poverty-hunter__header-title-box .ph-title-text .ph-status-chip--paused {
  color: #f59e0b;
  background: #f59e0b2e;
  border: 1px solid #f59e0b;
}

.poverty-hunter__header-title-box .ph-title-text .ph-status-chip--idle {
  color: #cbd5e1;
  background: #64748b2e;
  border: 1px solid #ffffff1f;
}

.poverty-hunter__header-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.poverty-hunter .ph-metric-pill {
  background: #0f172abf;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  min-width: 95px;
  padding: .5rem .9rem;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 14px #00000040;
}

.poverty-hunter .ph-metric-pill:hover {
  border-color: #f5c54259;
  transform: translateY(-2px);
}

.poverty-hunter .ph-metric-pill__label {
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: .15rem;
  font-size: .68rem;
  font-weight: 700;
}

.poverty-hunter .ph-metric-pill__val {
  color: #f8fafc;
  font-family: JetBrains Mono, monospace;
  font-size: 1.05rem;
  font-weight: 800;
}

.poverty-hunter .ph-metric-pill__val--profit {
  color: #10b981;
  text-shadow: 0 0 10px #10b98166;
}

.poverty-hunter .ph-metric-pill__val--loss {
  color: #ef4444;
  text-shadow: 0 0 10px #ef444466;
}

.poverty-hunter .ph-metric-pill__val--highlight {
  color: #f5c542;
  text-shadow: 0 0 10px #f5c54266;
}

.poverty-hunter .ph-ai-lab-btn {
  color: #c084fc;
  cursor: pointer;
  background: linear-gradient(135deg, #8b5cf640, #06b6d433);
  border: 1px solid #8b5cf680;
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  padding: .65rem 1.1rem;
  font-size: .85rem;
  font-weight: 800;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  box-shadow: 0 4px 15px #8b5cf633;
}

.poverty-hunter .ph-ai-lab-btn:hover {
  color: #fff;
  background: linear-gradient(135deg, #8b5cf659, #06b6d44d);
  border-color: #8b5cf6cc;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px #8b5cf666;
}

.poverty-hunter .ph-ai-lab-btn__dot {
  background: #10b981;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  animation: 1.5s infinite pulseIcon;
  box-shadow: 0 0 8px #10b981;
}

.poverty-hunter__market-bar {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #121b2cb3;
  border: 1px solid #ffffff14;
  border-radius: 14px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .75rem 1.25rem;
  display: flex;
  box-shadow: 0 4px 20px #0000004d;
}

.poverty-hunter__market-bar .ph-select-group {
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.poverty-hunter__market-bar .ph-select-group label {
  color: #cbd5e1;
  font-size: .85rem;
  font-weight: 700;
}

.poverty-hunter__market-bar .ph-select-group select {
  color: #f8fafc;
  cursor: pointer;
  background: #1e293be6;
  border: 1.5px solid #f5c54266;
  border-radius: 10px;
  outline: none;
  padding: .5rem 1rem;
  font-size: .88rem;
  font-weight: 700;
  transition: all .2s;
}

.poverty-hunter__market-bar .ph-select-group select:focus {
  border-color: #f5c542;
  box-shadow: 0 0 14px #f5c54266;
}

.poverty-hunter__market-bar .ph-actions-cluster {
  flex-wrap: wrap;
  gap: .6rem;
  display: flex;
}

.poverty-hunter__market-bar .ph-toggle-button {
  color: #cbd5e1;
  cursor: pointer;
  background: #1e293bb3;
  border: 1px solid #ffffff1f;
  border-radius: 10px;
  align-items: center;
  gap: .4rem;
  padding: .45rem .9rem;
  font-size: .8rem;
  font-weight: 700;
  transition: all .2s;
  display: inline-flex;
}

.poverty-hunter__market-bar .ph-toggle-button:hover {
  color: #fff;
  background: #334155e6;
  transform: translateY(-1px);
}

.poverty-hunter__market-bar .ph-toggle-button--active {
  color: #f5c542;
  background: linear-gradient(135deg, #f5c54240, #f5c5421a);
  border-color: #f5c542;
  box-shadow: 0 0 12px #f5c54240;
}

.poverty-hunter__wide-view {
  background: #0f172af2;
  border: 1px solid #f5c54259;
  border-radius: 16px;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 1rem;
  padding: 1.25rem;
  animation: .3s ease-out fadeInDown;
  display: grid;
  box-shadow: 0 12px 36px #0009;
}

.poverty-hunter__wide-view .ph-wide-card {
  cursor: pointer;
  background: #1e293bb3;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  padding: .85rem;
  transition: all .2s;
}

.poverty-hunter__wide-view .ph-wide-card:hover, .poverty-hunter__wide-view .ph-wide-card--selected {
  background: #28354bf2;
  border-color: #f5c542;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px #00000080;
}

.poverty-hunter__wide-view .ph-wide-card__header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.poverty-hunter__wide-view .ph-wide-card__header .name {
  color: #f8fafc;
  font-size: .92rem;
  font-weight: 800;
}

.poverty-hunter__wide-view .ph-wide-card__header .digit-badge {
  color: #0f172a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-family: JetBrains Mono, monospace;
  font-size: .88rem;
  font-weight: 900;
  display: flex;
}

.poverty-hunter__wide-view .ph-wide-card__header .digit-badge--under {
  background: #10b981;
  box-shadow: 0 0 10px #10b98180;
}

.poverty-hunter__wide-view .ph-wide-card__header .digit-badge--over {
  background: #60a5fa;
  box-shadow: 0 0 10px #60a5fa80;
}

.poverty-hunter__wide-view .ph-wide-card__price {
  color: #94a3b8;
  margin-bottom: .5rem;
  font-family: JetBrains Mono, monospace;
  font-size: .78rem;
  font-weight: 700;
}

.poverty-hunter__wide-view .ph-wide-card__stats-row {
  color: #cbd5e1;
  border-top: 1px solid #ffffff14;
  justify-content: space-between;
  padding-top: .5rem;
  font-size: .72rem;
  font-weight: 600;
  display: flex;
}

.poverty-hunter__body {
  align-items: flex-start;
  gap: 1.25rem;
  width: 100%;
  display: flex;
}

@media (max-width: 1024px) {
  .poverty-hunter__body {
    flex-direction: column;
  }
}

.poverty-hunter__body--collapsed .poverty-hunter__sidebar {
  display: none;
}

.poverty-hunter__sidebar {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #121b2ca6;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  flex-direction: column;
  gap: .75rem;
  width: 280px;
  min-width: 280px;
  max-height: 720px;
  padding: 1rem;
  display: flex;
  overflow-y: auto;
}

@media (max-width: 1024px) {
  .poverty-hunter__sidebar {
    width: 100%;
    min-width: 100%;
  }
}

.poverty-hunter__sidebar-header {
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .6rem;
  display: flex;
}

.poverty-hunter__sidebar-header h3 {
  color: #f5c542;
  letter-spacing: .5px;
  margin: 0;
  font-size: .85rem;
  font-weight: 800;
}

.poverty-hunter__sidebar-header .badge {
  color: #f5c542;
  background: #f5c54226;
  border: 1px solid #f5c5424d;
  border-radius: 6px;
  padding: .15rem .5rem;
  font-size: .7rem;
  font-weight: 800;
}

.poverty-hunter__sidebar-list {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.poverty-hunter__sidebar .ph-market-card {
  cursor: pointer;
  background: #1e293b99;
  border: 1px solid #ffffff0f;
  border-radius: 12px;
  flex-direction: column;
  padding: .75rem;
  transition: all .2s;
  display: flex;
}

.poverty-hunter__sidebar .ph-market-card:hover {
  background: #28354bd9;
  border-color: #f5c54266;
  transform: translateX(3px);
}

.poverty-hunter__sidebar .ph-market-card--active {
  background: linear-gradient(135deg, #1e293bf2, #f5c54226);
  border: 1.5px solid #f5c542;
  box-shadow: 0 0 16px #f5c54240;
}

.poverty-hunter__sidebar .ph-market-card__top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.poverty-hunter__sidebar .ph-market-card__top .symbol-name {
  color: #f8fafc;
  font-size: .88rem;
  font-weight: 800;
}

.poverty-hunter__sidebar .ph-market-card__top .digit-pill {
  color: #0f172a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-family: JetBrains Mono, monospace;
  font-size: .82rem;
  font-weight: 900;
  display: flex;
}

.poverty-hunter__sidebar .ph-market-card__top .digit-pill--under {
  background: #10b981;
  box-shadow: 0 0 8px #10b98180;
}

.poverty-hunter__sidebar .ph-market-card__top .digit-pill--over {
  background: #60a5fa;
  box-shadow: 0 0 8px #60a5fa80;
}

.poverty-hunter__sidebar .ph-market-card__mid {
  justify-content: space-between;
  align-items: baseline;
  margin-top: .35rem;
  display: flex;
}

.poverty-hunter__sidebar .ph-market-card__mid .price {
  color: #cbd5e1;
  font-family: JetBrains Mono, monospace;
  font-size: .75rem;
  font-weight: 700;
}

.poverty-hunter__sidebar .ph-market-card__mid .bias {
  border-radius: 4px;
  padding: .15rem .45rem;
  font-size: .7rem;
  font-weight: 800;
}

.poverty-hunter__sidebar .ph-market-card__mid .bias--under {
  color: #10b981;
  background: #10b9812e;
  border: 1px solid #10b98166;
}

.poverty-hunter__sidebar .ph-market-card__mid .bias--over {
  color: #60a5fa;
  background: #3b82f62e;
  border: 1px solid #3b82f666;
}

.poverty-hunter__sidebar .ph-market-card__bot {
  color: #94a3b8;
  border-top: 1px solid #ffffff0f;
  justify-content: space-between;
  align-items: center;
  margin-top: .4rem;
  padding-top: .4rem;
  font-size: .72rem;
  font-weight: 600;
  display: flex;
}

.poverty-hunter__sidebar .ph-market-card__bot .rec-differ {
  color: #f5c542;
  font-weight: 800;
}

.poverty-hunter__workspace {
  flex-direction: column;
  flex: 1;
  gap: 1.25rem;
  width: 100%;
  min-width: 0;
  display: flex;
}

.poverty-hunter__chart-card {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #141e32bf;
  border: 1px solid #ffffff14;
  border-radius: 18px;
  flex-direction: column;
  gap: 1rem;
  padding: max(1rem, min(2vw, 1.5rem));
  display: flex;
  box-shadow: 0 10px 36px #00000059;
}

.poverty-hunter__chart-card .ph-chart-top {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.poverty-hunter__chart-card .ph-chart-top .ph-price-badge-group {
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
  display: flex;
}

.poverty-hunter__chart-card .ph-chart-top .ph-price-badge-group .ph-current-price-box {
  flex-direction: column;
  display: flex;
}

.poverty-hunter__chart-card .ph-chart-top .ph-price-badge-group .ph-current-price-box .label {
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: .75rem;
  font-weight: 700;
}

.poverty-hunter__chart-card .ph-chart-top .ph-price-badge-group .ph-current-price-box .price-row {
  align-items: center;
  gap: .6rem;
  display: flex;
}

.poverty-hunter__chart-card .ph-chart-top .ph-price-badge-group .ph-current-price-box .price-row .price {
  color: #f8fafc;
  letter-spacing: -.5px;
  font-family: JetBrains Mono, monospace;
  font-size: max(1.6rem, min(2.5vw, 2.2rem));
  font-weight: 900;
  line-height: 1.1;
}

.poverty-hunter__chart-card .ph-chart-top .ph-price-badge-group .ph-current-price-box .price-row .live-dot {
  background: #10b981;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  animation: 1.8s infinite pulseGlow;
  box-shadow: 0 0 12px #10b981;
}

.poverty-hunter__chart-card .ph-chart-top .ph-price-badge-group .ph-last-digit-big {
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 95px;
  padding: .5rem 1.2rem;
  transition: all .3s;
  display: flex;
}

.poverty-hunter__chart-card .ph-chart-top .ph-price-badge-group .ph-last-digit-big .digit-label {
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: .68rem;
  font-weight: 800;
}

.poverty-hunter__chart-card .ph-chart-top .ph-price-badge-group .ph-last-digit-big .digit-val {
  font-family: JetBrains Mono, monospace;
  font-size: max(2rem, min(3vw, 2.8rem));
  font-weight: 900;
  line-height: 1;
}

.poverty-hunter__chart-card .ph-chart-top .ph-price-badge-group .ph-last-digit-big .digit-sub {
  margin-top: .15rem;
  font-size: .68rem;
  font-weight: 700;
}

.poverty-hunter__chart-card .ph-chart-top .ph-price-badge-group .ph-last-digit-big--under {
  background: radial-gradient(circle, #10b98140, #0f172acc);
  border: 2px solid #10b981;
  box-shadow: 0 0 24px #10b98159;
}

.poverty-hunter__chart-card .ph-chart-top .ph-price-badge-group .ph-last-digit-big--under .digit-label, .poverty-hunter__chart-card .ph-chart-top .ph-price-badge-group .ph-last-digit-big--under .digit-sub {
  color: #10b981;
}

.poverty-hunter__chart-card .ph-chart-top .ph-price-badge-group .ph-last-digit-big--under .digit-val {
  color: #fff;
  text-shadow: 0 0 16px #10b981;
}

.poverty-hunter__chart-card .ph-chart-top .ph-price-badge-group .ph-last-digit-big--over {
  background: radial-gradient(circle, #60a5fa40, #0f172acc);
  border: 2px solid #60a5fa;
  box-shadow: 0 0 24px #60a5fa59;
}

.poverty-hunter__chart-card .ph-chart-top .ph-price-badge-group .ph-last-digit-big--over .digit-label, .poverty-hunter__chart-card .ph-chart-top .ph-price-badge-group .ph-last-digit-big--over .digit-sub {
  color: #60a5fa;
}

.poverty-hunter__chart-card .ph-chart-top .ph-price-badge-group .ph-last-digit-big--over .digit-val {
  color: #fff;
  text-shadow: 0 0 16px #60a5fa;
}

.poverty-hunter__chart-card .ph-chart-top .ph-chart-legend {
  color: #cbd5e1;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  font-size: .78rem;
  font-weight: 600;
  display: flex;
}

.poverty-hunter__chart-card .ph-chart-top .ph-chart-legend .legend-item {
  align-items: center;
  gap: .4rem;
  display: flex;
}

.poverty-hunter__chart-card .ph-chart-top .ph-chart-legend .legend-item .dot {
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.poverty-hunter__chart-card .ph-chart-top .ph-chart-legend .legend-item .dot--curve {
  background: #a855f7;
}

.poverty-hunter__chart-card .ph-chart-top .ph-chart-legend .legend-item .dot--under {
  background: #10b981;
}

.poverty-hunter__chart-card .ph-chart-top .ph-chart-legend .legend-item .dot--over {
  background: #f59e0b;
}

.poverty-hunter__chart-card .ph-chart-top .ph-chart-legend .legend-item .dot--curr {
  background: #fff;
  box-shadow: 0 0 10px #fff;
}

.poverty-hunter__chart-card .ep-chart-wrap {
  background: #03071299;
  border: 1px solid #ffffff0d;
  border-radius: 14px;
  width: 100%;
  padding: 12px 10px;
  position: relative;
  overflow-x: auto;
}

.poverty-hunter__chart-card .ep-chart-wrap::-webkit-scrollbar {
  height: 4px;
}

.poverty-hunter__chart-card .ep-chart-wrap::-webkit-scrollbar-thumb {
  background: #ffffff26;
  border-radius: 99px;
}

.poverty-hunter__chart-card .ep-chart-wrap .ep-chart-inner-scroll {
  min-width: 720px;
}

.poverty-hunter__chart-card .ep-chart-wrap .ep-chart-empty {
  color: #64748b;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 120px;
  font-size: .85rem;
  display: flex;
}

.poverty-hunter__chart-card .ep-chart-wrap .ep-chart-point {
  transition: transform .2s;
}

.poverty-hunter__chart-card .ep-chart-wrap .ep-chart-point--latest rect {
  filter: drop-shadow(0 0 6px #fff);
}

.poverty-hunter__chart-card .ep-chart-wrap .ep-chart-point--latest text {
  filter: drop-shadow(0 0 6px #38bdf8);
}

.poverty-hunter__digits-grid {
  grid-template-columns: repeat(10, 1fr);
  gap: .6rem;
  display: grid;
}

@media (max-width: 1200px) {
  .poverty-hunter__digits-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 600px) {
  .poverty-hunter__digits-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.poverty-hunter__digits-grid .ph-digit-stat-card {
  background: #162138bf;
  border: 1px solid #ffffff14;
  border-radius: 14px;
  flex-direction: column;
  align-items: center;
  padding: .85rem .5rem;
  transition: all .2s;
  display: flex;
  position: relative;
  box-shadow: 0 4px 14px #00000040;
}

.poverty-hunter__digits-grid .ph-digit-stat-card:hover {
  border-color: #f5c54266;
  transform: translateY(-2px);
}

.poverty-hunter__digits-grid .ph-digit-stat-card--excluded {
  opacity: .4;
  background: #0f172a66;
  border-style: dashed;
}

.poverty-hunter__digits-grid .ph-digit-stat-card--excluded .ph-excluded-badge {
  color: #ef4444;
  margin-top: .2rem;
  font-size: .65rem;
  font-weight: 800;
}

.poverty-hunter__digits-grid .ph-digit-stat-card--differ-pick {
  background: linear-gradient(135deg, #10b98133, #141e32d9);
  border: 2px solid #10b981;
  transform: scale(1.02);
  box-shadow: 0 0 20px #10b98166;
}

.poverty-hunter__digits-grid .ph-digit-stat-card .digit-num {
  color: #f8fafc;
  font-family: JetBrains Mono, monospace;
  font-size: 1.5rem;
  font-weight: 900;
}

.poverty-hunter__digits-grid .ph-digit-stat-card .digit-pct {
  color: #f5c542;
  margin-top: .15rem;
  font-family: JetBrains Mono, monospace;
  font-size: .95rem;
  font-weight: 800;
}

.poverty-hunter__digits-grid .ph-digit-stat-card .digit-count {
  color: #94a3b8;
  font-size: .7rem;
  font-weight: 600;
}

.poverty-hunter__digits-grid .ph-digit-stat-card .digit-power-bar {
  background: #ffffff1a;
  border-radius: 2px;
  width: 100%;
  height: 4px;
  margin-top: .4rem;
  overflow: hidden;
}

.poverty-hunter__digits-grid .ph-digit-stat-card .digit-power-bar .fill {
  background: linear-gradient(90deg, #f5c542, #10b981);
  border-radius: 2px;
  height: 100%;
}

.poverty-hunter__digits-grid .ph-digit-stat-card .rank-tag {
  color: #cbd5e1;
  margin-top: .3rem;
  font-size: .68rem;
  font-weight: 800;
}

.poverty-hunter__digits-grid .ph-digit-stat-card .rank-tag--most {
  color: #f43f5e;
  font-weight: 900;
}

.poverty-hunter__digits-grid .ph-digit-stat-card .rank-tag--second {
  color: #f59e0b;
  font-weight: 900;
}

.poverty-hunter__digits-grid .ph-digit-stat-card .rank-tag--least {
  color: #38bdf8;
  font-weight: 900;
}

.poverty-hunter__meter-card {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #141e32bf;
  border: 1px solid #ffffff14;
  border-radius: 18px;
  flex-direction: column;
  gap: .75rem;
  padding: 1.25rem 1.5rem;
  display: flex;
  box-shadow: 0 8px 32px #0000004d;
}

.poverty-hunter__meter-card .ph-meter-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.poverty-hunter__meter-card .ph-meter-header .ph-meter-title-wrap {
  flex-direction: column;
  gap: .2rem;
  display: flex;
}

.poverty-hunter__meter-card .ph-meter-header .ph-meter-title-wrap h3 {
  color: #f8fafc;
  letter-spacing: .3px;
  margin: 0;
  font-size: 1.05rem;
  font-weight: 800;
}

.poverty-hunter__meter-card .ph-meter-header .ph-meter-title-wrap .sub {
  color: #94a3b8;
  font-size: .78rem;
  font-weight: 500;
}

.poverty-hunter__meter-card .ph-meter-header .ph-counter-badge {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.poverty-hunter__meter-card .ph-meter-header .ph-counter-badge .count-label {
  text-transform: uppercase;
  color: #94a3b8;
  letter-spacing: .5px;
  font-size: .65rem;
  font-weight: 700;
}

.poverty-hunter__meter-card .ph-meter-header .ph-counter-badge .count-num {
  color: #f5c542;
  font-family: JetBrains Mono, monospace;
  font-size: 1.15rem;
  font-weight: 900;
}

.poverty-hunter__meter-card .ph-progress-container {
  flex-direction: column;
  gap: .4rem;
  display: flex;
}

.poverty-hunter__meter-card .ph-progress-container .ph-progress-bar-bg {
  background: #ffffff14;
  border-radius: 5px;
  width: 100%;
  height: 10px;
  overflow: hidden;
}

.poverty-hunter__meter-card .ph-progress-container .ph-progress-bar-bg .ph-progress-bar-fill {
  background: linear-gradient(90deg, #10b981, #f5c542);
  border-radius: 5px;
  height: 100%;
  transition: width .3s;
}

.poverty-hunter__meter-card .ph-progress-container .ph-progress-bar-bg .ph-progress-bar-fill--recovery {
  background: linear-gradient(90deg, #f43f5e, #f59e0b);
}

.poverty-hunter__meter-card .ph-progress-container .ph-progress-tip {
  color: #cbd5e1;
  font-size: .78rem;
  font-weight: 500;
}

.poverty-hunter__bottom-grid {
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
  display: grid;
}

@media (max-width: 950px) {
  .poverty-hunter__bottom-grid {
    grid-template-columns: 1fr;
  }
}

.poverty-hunter__params-card {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #141e32bf;
  border: 1px solid #ffffff14;
  border-radius: 18px;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  display: flex;
  box-shadow: 0 8px 32px #0000004d;
}

.poverty-hunter__params-card h3 {
  color: #f8fafc;
  border-bottom: 1px solid #ffffff0f;
  margin: 0;
  padding-bottom: .6rem;
  font-size: 1rem;
  font-weight: 800;
}

.poverty-hunter__params-card .ph-inputs-grid {
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: .75rem;
  display: grid;
}

.poverty-hunter__params-card .ph-inputs-grid .ph-input-group {
  flex-direction: column;
  gap: .35rem;
  display: flex;
}

.poverty-hunter__params-card .ph-inputs-grid .ph-input-group label {
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: .72rem;
  font-weight: 700;
}

.poverty-hunter__params-card .ph-inputs-grid .ph-input-group input, .poverty-hunter__params-card .ph-inputs-grid .ph-input-group select {
  color: #f8fafc;
  background: #1e293b;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  outline: none;
  padding: .55rem .75rem;
  font-size: .88rem;
  font-weight: 600;
  transition: all .2s;
}

.poverty-hunter__params-card .ph-inputs-grid .ph-input-group input:focus, .poverty-hunter__params-card .ph-inputs-grid .ph-input-group select:focus {
  border-color: #f5c542;
  box-shadow: 0 0 10px #f5c54240;
}

.poverty-hunter__params-card .ph-inputs-grid .ph-input-group input:disabled, .poverty-hunter__params-card .ph-inputs-grid .ph-input-group select:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.poverty-hunter__params-card .ph-buttons-row {
  align-items: center;
  gap: .75rem;
  margin-top: .5rem;
  display: flex;
}

.poverty-hunter__params-card .ph-buttons-row .ph-btn {
  cursor: pointer;
  border: none;
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1.2rem;
  font-size: .92rem;
  font-weight: 800;
  transition: all .2s;
  display: flex;
}

.poverty-hunter__params-card .ph-buttons-row .ph-btn--start {
  color: #fff;
  background: linear-gradient(135deg, #10b981, #059669);
  box-shadow: 0 4px 18px #10b98166;
}

.poverty-hunter__params-card .ph-buttons-row .ph-btn--start:hover {
  background: linear-gradient(135deg, #059669, #047857);
  transform: translateY(-1px);
  box-shadow: 0 6px 24px #10b98199;
}

.poverty-hunter__params-card .ph-buttons-row .ph-btn--pause {
  color: #f1f5f9;
  background: #334155cc;
  border: 1px solid #ffffff1a;
}

.poverty-hunter__params-card .ph-buttons-row .ph-btn--pause:hover {
  background: #475569f2;
}

.poverty-hunter__params-card .ph-buttons-row .ph-btn--stop {
  color: #fff;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  box-shadow: 0 4px 18px #ef444466;
}

.poverty-hunter__params-card .ph-buttons-row .ph-btn--stop:hover {
  background: linear-gradient(135deg, #dc2626, #b91c1c);
  transform: translateY(-1px);
}

.poverty-hunter__logs-card {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #141e32bf;
  border: 1px solid #ffffff14;
  border-radius: 18px;
  flex-direction: column;
  gap: .85rem;
  padding: 1.25rem 1.5rem;
  display: flex;
  box-shadow: 0 8px 32px #0000004d;
}

.poverty-hunter__logs-card .ph-logs-header {
  border-bottom: 1px solid #ffffff0f;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .6rem;
  display: flex;
}

.poverty-hunter__logs-card .ph-logs-header h3 {
  color: #f8fafc;
  margin: 0;
  font-size: 1rem;
  font-weight: 800;
}

.poverty-hunter__logs-card .ph-logs-header .ph-clear-btn {
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: 1px solid #ffffff26;
  border-radius: 6px;
  padding: .2rem .6rem;
  font-size: .75rem;
  font-weight: 700;
  transition: all .2s;
}

.poverty-hunter__logs-card .ph-logs-header .ph-clear-btn:hover {
  color: #fff;
  border-color: #ffffff59;
}

.poverty-hunter__logs-card .ph-logs-list {
  flex-direction: column;
  gap: .4rem;
  max-height: 220px;
  display: flex;
  overflow-y: auto;
}

.poverty-hunter__logs-card .ph-logs-list::-webkit-scrollbar {
  width: 4px;
}

.poverty-hunter__logs-card .ph-logs-list::-webkit-scrollbar-thumb {
  background: #ffffff26;
  border-radius: 4px;
}

.poverty-hunter__logs-card .ph-logs-list .ph-logs-empty {
  text-align: center;
  color: #64748b;
  padding: 1.5rem;
  font-size: .82rem;
}

.poverty-hunter__logs-card .ph-logs-list .ph-log-row {
  background: #1e293b80;
  border-radius: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  padding: .45rem .75rem;
  font-size: .78rem;
  display: flex;
}

.poverty-hunter__logs-card .ph-logs-list .ph-log-row--win {
  border-left: 3px solid #10b981;
}

.poverty-hunter__logs-card .ph-logs-list .ph-log-row--loss {
  border-left: 3px solid #ef4444;
}

.poverty-hunter__logs-card .ph-logs-list .ph-log-row--pending {
  border-left: 3px solid #eab308;
}

.poverty-hunter__logs-card .ph-logs-list .ph-log-row .time {
  color: #64748b;
  font-family: JetBrains Mono, monospace;
  font-size: .72rem;
}

.poverty-hunter__logs-card .ph-logs-list .ph-log-row .market {
  color: #cbd5e1;
  font-weight: 700;
}

.poverty-hunter__logs-card .ph-logs-list .ph-log-row .strategy {
  color: #94a3b8;
}

.poverty-hunter__logs-card .ph-logs-list .ph-log-row .contract {
  color: #e2e8f0;
  font-weight: 600;
}

.poverty-hunter__logs-card .ph-logs-list .ph-log-row .stake {
  color: #cbd5e1;
  font-family: JetBrains Mono, monospace;
}

.poverty-hunter__logs-card .ph-logs-list .ph-log-row .profit {
  font-family: JetBrains Mono, monospace;
  font-weight: 800;
}

.poverty-hunter__logs-card .ph-logs-list .ph-log-row .profit--pos {
  color: #10b981;
}

.poverty-hunter__logs-card .ph-logs-list .ph-log-row .profit--neg {
  color: #ef4444;
}

.poverty-hunter__logs-card .ph-logs-list .ph-log-row .result {
  background: #ffffff14;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: .68rem;
  font-weight: 800;
}

@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0 16px #f5c5424d;
  }

  50% {
    box-shadow: 0 0 28px #f5c542b3;
  }
}

@keyframes pulseIcon {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 16px #f5c54259;
  }

  50% {
    transform: scale(1.05);
    box-shadow: 0 0 26px #f5c542b3;
  }
}

@keyframes pulseChip {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.04);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

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

@media (max-width: 768px) {
  .poverty-hunter {
    padding: .75rem .5rem calc(84px + env(safe-area-inset-bottom, 16px));
  }

  .poverty-hunter__header {
    flex-direction: column;
    align-items: stretch;
    gap: .75rem;
    padding: .85rem;
  }

  .poverty-hunter__header-actions {
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem;
    width: 100%;
    display: grid;
  }

  .poverty-hunter__header-actions .ph-metric-pill {
    width: 100%;
    min-width: 0;
  }

  .poverty-hunter__header-actions .ph-ai-lab-btn {
    grid-column: span 2;
    justify-content: center;
  }
}

.overlord-ai-wrapper {
  color: #e2e8f0;
  box-sizing: border-box;
  background: radial-gradient(circle at 50% -10%, #0d1629 0%, #080c18 50%, #04060c 100%);
  flex-direction: column;
  width: 100%;
  min-height: calc(100vh - 110px);
  padding: 16px 20px 48px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  display: flex;
  position: relative;
  overflow-x: hidden;
}

.overlord-ai-wrapper:before {
  content: "";
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(at 50% -20%, #00f5ff1f 0%, #9d4edd14 45%, #0000 75%);
  height: 380px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.overlord-ai-wrapper * {
  box-sizing: border-box;
}

.overlord-master-config-deck {
  -webkit-backdrop-filter: blur(20px);
  z-index: 10;
  background: #0d1425e6;
  border: 1px solid #00f5ff38;
  border-radius: 20px;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 16px;
  padding: 16px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 12px 36px #00000080;
}

.overlord-master-config-deck .config-deck-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.overlord-master-config-deck .config-deck-row .deck-action-group {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.overlord-master-config-deck .config-deck-row .deck-market-configs {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.overlord-master-config-deck .config-deck-row .deck-market-configs .btn-sound-toggle {
  color: #94a3b8;
  cursor: pointer;
  background: #121a30d9;
  border: 1px solid #ffffff1f;
  border-radius: 10px;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  margin-bottom: 2px;
  padding: 8px 10px;
  transition: all .2s;
  display: flex;
}

.overlord-master-config-deck .config-deck-row .deck-market-configs .btn-sound-toggle:hover {
  color: #00f5ff;
  border-color: #00f5ff;
}

.overlord-master-config-deck .config-field {
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.overlord-master-config-deck .config-field .field-label {
  color: #94a3b8;
  letter-spacing: .05em;
  text-transform: uppercase;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 800;
  display: flex;
}

.overlord-master-config-deck .config-field .field-label .field-icon {
  color: #00f5ff;
}

.overlord-master-config-deck .config-field .config-select, .overlord-master-config-deck .config-field .config-input {
  color: #fff;
  background: #121a30e6;
  border: 1px solid #ffffff1f;
  border-radius: 10px;
  outline: none;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 700;
  transition: all .2s;
}

.overlord-master-config-deck .config-field .config-select:focus, .overlord-master-config-deck .config-field .config-input:focus {
  border-color: #00f5ff;
  box-shadow: 0 0 14px #00f5ff40;
}

.overlord-master-config-deck .config-field .config-select {
  cursor: pointer;
}

.overlord-master-config-deck .config-field .config-select option {
  color: #fff;
  background: #0d1425;
}

.overlord-master-config-deck .config-field.mini-field {
  flex: 1;
  min-width: 90px;
}

.overlord-master-config-deck .config-field.mini-field .config-input {
  width: 100%;
}

.overlord-master-config-deck .strategy-mode-group {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.overlord-master-config-deck .strategy-mode-group .strategy-pills-wrap {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.overlord-master-config-deck .strategy-mode-group .strategy-pills-wrap .strat-pill {
  color: #94a3b8;
  cursor: pointer;
  white-space: nowrap;
  background: #121a30b3;
  border: 1px solid #ffffff1a;
  border-radius: 10px;
  align-items: center;
  gap: 5px;
  padding: 7px 12px;
  font-size: 11px;
  font-weight: 700;
  transition: all .2s;
  display: inline-flex;
}

.overlord-master-config-deck .strategy-mode-group .strategy-pills-wrap .strat-pill:hover {
  color: #fff;
  border-color: #00f5ff4d;
}

.overlord-master-config-deck .strategy-mode-group .strategy-pills-wrap .strat-pill.active {
  color: #00f5ff;
  background: linear-gradient(135deg, #00f5ff33, #7c3aed33);
  border-color: #00f5ff;
  box-shadow: 0 0 14px #00f5ff4d;
}

.overlord-master-config-deck .deck-inputs-grid {
  flex-wrap: wrap;
  flex: 1;
  align-items: flex-end;
  gap: 10px;
  display: flex;
}

.overlord-master-config-deck .deck-inputs-grid .input-with-quick {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.overlord-master-config-deck .deck-inputs-grid .input-with-quick .quick-stake-pills {
  gap: 4px;
  display: flex;
}

.overlord-master-config-deck .deck-inputs-grid .input-with-quick .quick-stake-pills .quick-pill {
  color: #00f5ff;
  cursor: pointer;
  background: #00f5ff1f;
  border: 1px solid #00f5ff4d;
  border-radius: 5px;
  padding: 2px 6px;
  font-size: 9px;
  font-weight: 800;
  transition: all .15s;
}

.overlord-master-config-deck .deck-inputs-grid .input-with-quick .quick-stake-pills .quick-pill:hover {
  background: #00f5ff40;
  transform: translateY(-1px);
}

@media (max-width: 1024px) {
  .overlord-master-config-deck {
    gap: 12px;
    padding: 14px;
  }

  .overlord-master-config-deck .config-deck-row {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .overlord-master-config-deck .config-deck-row .deck-action-group, .overlord-master-config-deck .config-deck-row .deck-market-configs {
    justify-content: space-between;
    width: 100%;
  }

  .overlord-master-config-deck .config-deck-row .deck-action-group .btn-control, .overlord-master-config-deck .config-deck-row .deck-market-configs .btn-control, .overlord-master-config-deck .config-deck-row .deck-action-group .config-field, .overlord-master-config-deck .config-deck-row .deck-market-configs .config-field {
    flex: 1;
  }

  .overlord-master-config-deck .deck-inputs-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    display: grid;
  }

  .overlord-master-config-deck .strategy-mode-group .strategy-pills-wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    display: grid;
  }

  .overlord-master-config-deck .strategy-mode-group .strategy-pills-wrap .strat-pill {
    justify-content: center;
  }
}

.mobile-segmented-nav {
  z-index: 15;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 4px;
  display: none;
  position: relative;
  overflow-x: auto;
}

.mobile-segmented-nav::-webkit-scrollbar {
  display: none;
}

.mobile-segmented-nav .nav-pill {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #94a3b8;
  cursor: pointer;
  white-space: nowrap;
  background: #121a30b3;
  border: 1px solid #ffffff1a;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 700;
  transition: all .2s;
  display: flex;
}

.mobile-segmented-nav .nav-pill:hover {
  color: #fff;
  border-color: #00f5ff4d;
}

.mobile-segmented-nav .nav-pill.active {
  color: #00f5ff;
  background: linear-gradient(135deg, #00f5ff40, #9d4edd40);
  border-color: #00f5ff;
  box-shadow: 0 0 16px #00f5ff4d;
}

.overlord-controls-ribbon {
  z-index: 10;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  display: flex;
  position: relative;
}

.overlord-controls-ribbon .left-controls, .overlord-controls-ribbon .right-controls {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.overlord-controls-ribbon .btn-control {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #e2e8f0;
  cursor: pointer;
  background: #121a30d9;
  border: 1px solid #ffffff1f;
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  font-size: 12px;
  font-weight: 700;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  box-shadow: 0 4px 12px #0003;
}

.overlord-controls-ribbon .btn-control:hover {
  color: #fff;
  border-color: #00f5ff;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px #00f5ff40;
}

.overlord-controls-ribbon .btn-control.active {
  color: #00f5ff;
  background: linear-gradient(135deg, #00f5ff33, #9d4edd33);
  border-color: #00f5ff;
  box-shadow: 0 0 16px #00f5ff4d;
}

.overlord-controls-ribbon .btn-control.btn-best-market {
  color: #ffb700;
  background: #ffb70014;
  border-color: #ffb70066;
}

.overlord-controls-ribbon .btn-control.btn-best-market:hover, .overlord-controls-ribbon .btn-control.btn-best-market.active {
  color: #fff;
  background: linear-gradient(135deg, #ffb70040, #ff572240);
  border-color: #ffb700;
  box-shadow: 0 0 20px #ffb70059;
}

.overlord-controls-ribbon .btn-control.btn-ai-learning-hub {
  color: #c084fc;
  background: linear-gradient(135deg, #8b5cf640, #06b6d433);
  border-color: #8b5cf680;
}

.overlord-controls-ribbon .btn-control.btn-ai-learning-hub:hover {
  color: #fff;
  background: linear-gradient(135deg, #8b5cf666, #06b6d459);
  border-color: #38bdf8;
  transform: translateY(-1px);
  box-shadow: 0 0 16px #8b5cf666;
}

.overlord-controls-ribbon .btn-control.btn-autotrade-start {
  color: #04140c;
  background: linear-gradient(135deg, #00e676 0%, #00b0ff 100%);
  border: none;
  border-radius: 12px;
  padding: 10px 22px;
  font-weight: 900;
  box-shadow: 0 0 24px #00e67680;
}

.overlord-controls-ribbon .btn-control.btn-autotrade-start:hover {
  transform: translateY(-2px)scale(1.02);
  box-shadow: 0 0 32px #00e676b3;
}

.overlord-controls-ribbon .btn-control.btn-autotrade-pause {
  color: #1a0f00;
  background: linear-gradient(135deg, #ffb700, #ff9100);
  border: none;
  padding: 10px 18px;
  font-weight: 900;
  box-shadow: 0 0 20px #ffb70066;
}

.overlord-controls-ribbon .btn-control.btn-autotrade-stop {
  color: #fff;
  background: linear-gradient(135deg, #ff4757, #ff1744);
  border: none;
  padding: 10px 18px;
  font-weight: 900;
  box-shadow: 0 0 20px #ff475766;
}

.wide-scanner-grid-container {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  z-index: 20;
  background: #0d1425f2;
  border: 1px solid #00f5ff4d;
  border-radius: 18px;
  margin-bottom: 20px;
  padding: 18px;
  position: relative;
  box-shadow: 0 16px 48px #0009;
}

.wide-scanner-grid-container .wide-grid-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.wide-scanner-grid-container .wide-grid-header .wide-title {
  color: #00f5ff;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 16px;
  font-weight: 900;
  display: flex;
}

.wide-scanner-grid-container .wide-market-cards-grid {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;
  max-height: 380px;
  padding-right: 6px;
  display: grid;
  overflow-y: auto;
}

.wide-scanner-grid-container .wide-market-cards-grid::-webkit-scrollbar {
  width: 4px;
}

.wide-scanner-grid-container .wide-market-cards-grid::-webkit-scrollbar-thumb {
  background: #fff3;
  border-radius: 4px;
}

.wide-scanner-grid-container .wide-market-cards-grid .wide-card {
  cursor: pointer;
  background: #121a30cc;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  transition: all .2s;
  display: flex;
}

.wide-scanner-grid-container .wide-market-cards-grid .wide-card:hover {
  border-color: #00f5ff;
  transform: translateY(-2px);
  box-shadow: 0 4px 20px #00f5ff40;
}

.wide-scanner-grid-container .wide-market-cards-grid .wide-card.is-best-candidate {
  background: linear-gradient(135deg, #00e6761f, #121a30e6);
  border-color: #00e676;
  box-shadow: 0 0 18px #00e67640;
}

.overlord-main-layout {
  z-index: 10;
  grid-template-columns: 280px 1fr 380px;
  align-items: start;
  gap: 18px;
  display: grid;
  position: relative;
}

.glass-panel {
  -webkit-backdrop-filter: blur(18px);
  background: #0d1425bf;
  border: 1px solid #ffffff14;
  border-radius: 18px;
  padding: 18px;
  position: relative;
  box-shadow: 0 8px 32px #0006, inset 0 1px #ffffff0d;
}

.glass-panel.glowing-cyan {
  border-color: #00f5ff40;
  box-shadow: 0 8px 32px #0006, 0 0 24px #00f5ff1a;
}

.glass-panel .panel-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.glass-panel .panel-header .panel-title {
  letter-spacing: .3px;
  color: #f8fafc;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 14px;
  font-weight: 800;
  display: flex;
}

.glass-panel .panel-header .panel-tag {
  letter-spacing: .5px;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 800;
}

.glass-panel .panel-header .panel-tag.tag-cyan {
  color: #00f5ff;
  background: #00f5ff1f;
  border: 1px solid #00f5ff4d;
}

.glass-panel .panel-header .panel-tag.tag-emerald {
  color: #00e676;
  background: #00e6761f;
  border: 1px solid #00e6764d;
}

.overlord-side-scanner {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.overlord-side-scanner .market-search-box {
  margin-bottom: 12px;
}

.overlord-side-scanner .market-search-box input {
  color: #fff;
  background: #121a30cc;
  border: 1px solid #ffffff1a;
  border-radius: 10px;
  outline: none;
  width: 100%;
  padding: 10px 14px;
  font-size: 12px;
  transition: all .2s;
}

.overlord-side-scanner .market-search-box input:focus {
  border-color: #00f5ff;
  box-shadow: 0 0 14px #00f5ff40;
}

.overlord-side-scanner .market-list-scroll {
  flex-direction: column;
  gap: 8px;
  max-height: 620px;
  padding-right: 4px;
  display: flex;
  overflow-y: auto;
}

.overlord-side-scanner .market-list-scroll::-webkit-scrollbar {
  width: 4px;
}

.overlord-side-scanner .market-list-scroll::-webkit-scrollbar-thumb {
  background: #ffffff26;
  border-radius: 4px;
}

.overlord-side-scanner .market-list-scroll .market-item-card {
  cursor: pointer;
  background: #121a3099;
  border: 1px solid #ffffff0f;
  border-radius: 12px;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  transition: all .2s;
  display: flex;
}

.overlord-side-scanner .market-list-scroll .market-item-card:hover {
  background: #121a30e6;
  border-color: #00f5ff66;
  transform: translateX(2px);
}

.overlord-side-scanner .market-list-scroll .market-item-card.active {
  background: linear-gradient(135deg, #00f5ff26, #121a30f2);
  border-color: #00f5ff;
  box-shadow: 0 0 16px #00f5ff33;
}

.overlord-side-scanner .market-list-scroll .market-item-card .market-header-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.overlord-side-scanner .market-list-scroll .market-item-card .market-header-row .market-name {
  color: #f1f5f9;
  font-size: 12px;
  font-weight: 700;
}

.overlord-side-scanner .market-list-scroll .market-item-card .market-header-row .last-digit-badge {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-family: JetBrains Mono, monospace;
  font-size: 11px;
  font-weight: 900;
  display: flex;
}

.overlord-side-scanner .market-list-scroll .market-item-card .market-header-row .last-digit-badge.digit-under {
  color: #00e676;
  background: #00e67633;
  border: 1px solid #00e67680;
}

.overlord-side-scanner .market-list-scroll .market-item-card .market-header-row .last-digit-badge.digit-over {
  color: #ffb700;
  background: #ffb70033;
  border: 1px solid #ffb70080;
}

.overlord-side-scanner .market-list-scroll .market-item-card .market-data-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.overlord-side-scanner .market-list-scroll .market-item-card .market-data-row .market-price {
  color: #94a3b8;
  font-family: JetBrains Mono, monospace;
  font-size: 11px;
}

.overlord-side-scanner .market-list-scroll .market-item-card .market-data-row .market-bias-badge {
  border-radius: 4px;
  padding: 1px 6px;
  font-size: 9px;
  font-weight: 800;
}

.overlord-side-scanner .market-list-scroll .market-item-card .market-data-row .market-bias-badge.bias-under {
  color: #00e676;
  background: #00e67626;
}

.overlord-side-scanner .market-list-scroll .market-item-card .market-data-row .market-bias-badge.bias-over {
  color: #ffb700;
  background: #ffb70026;
}

.overlord-side-scanner .market-list-scroll .market-item-card .market-data-row .market-bias-badge.bias-neutral {
  color: #94a3b8;
  background: #94a3b826;
}

.overlord-side-scanner .market-list-scroll .market-item-card .market-mini-bar {
  background: #ffffff14;
  border-radius: 2px;
  height: 3px;
  display: flex;
  overflow: hidden;
}

.overlord-side-scanner .market-list-scroll .market-item-card .market-mini-bar .mini-bar-under {
  background: #00e676;
}

.overlord-side-scanner .market-list-scroll .market-item-card .market-mini-bar .mini-bar-over {
  background: #ffb700;
}

.overlord-center-content {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

.overlord-center-content .active-market-hero {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: linear-gradient(135deg, #121a30e6 0%, #0d1425f2 100%);
  border: 1px solid #00f5ff4d;
  border-radius: 18px;
  justify-content: space-between;
  align-items: center;
  padding: 18px 22px;
  display: flex;
  box-shadow: 0 10px 30px #0006, inset 0 0 20px #00f5ff0d;
}

.overlord-center-content .active-market-hero .market-left-info .active-market-title {
  letter-spacing: -.5px;
  color: #fff;
  margin: 0;
  font-size: 24px;
  font-weight: 900;
}

.overlord-center-content .active-market-hero .market-left-info .active-price-display {
  color: #00f5ff;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  font-family: JetBrains Mono, monospace;
  font-size: 16px;
  font-weight: 800;
  display: flex;
}

.overlord-center-content .active-market-hero .market-left-info .active-price-display .price-label {
  color: #64748b;
  letter-spacing: .8px;
  font-family: Inter, sans-serif;
  font-size: 10px;
}

.overlord-center-content .active-market-hero .market-right-digit .last-digit-hero-box {
  align-items: center;
  gap: 14px;
  display: flex;
}

.overlord-center-content .active-market-hero .market-right-digit .last-digit-hero-box .digit-avatar {
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-family: JetBrains Mono, monospace;
  font-size: 32px;
  font-weight: 900;
  animation: .35s ease-out digit-beat;
  display: flex;
}

.overlord-center-content .active-market-hero .market-right-digit .last-digit-hero-box .digit-avatar.digit-under {
  color: #00e676;
  background: linear-gradient(135deg, #00e67640, #00f5ff40);
  border: 2px solid #00e676;
  box-shadow: 0 0 28px #00e67680;
}

.overlord-center-content .active-market-hero .market-right-digit .last-digit-hero-box .digit-avatar.digit-over {
  color: #ffb700;
  background: linear-gradient(135deg, #ffb70040, #ff572240);
  border: 2px solid #ffb700;
  box-shadow: 0 0 28px #ffb70080;
}

.overlord-center-content .active-market-hero .market-right-digit .last-digit-hero-box .digit-labels {
  flex-direction: column;
  display: flex;
}

.overlord-center-content .active-market-hero .market-right-digit .last-digit-hero-box .digit-labels .digit-sub {
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: .8px;
  font-size: 11px;
  font-weight: 700;
}

.overlord-center-content .active-market-hero .market-right-digit .last-digit-hero-box .digit-labels .digit-type-text {
  font-size: 13px;
  font-weight: 800;
}

.overlord-center-content .active-market-hero .market-right-digit .last-digit-hero-box .digit-labels .digit-type-text.text-under {
  color: #00e676;
}

.overlord-center-content .active-market-hero .market-right-digit .last-digit-hero-box .digit-labels .digit-type-text.text-over {
  color: #ffb700;
}

.overlord-center-content .ep-chart-card {
  -webkit-backdrop-filter: blur(18px);
  background: #0d1425bf;
  border: 1px solid #ffffff14;
  border-radius: 18px;
  padding: 18px 20px;
  box-shadow: 0 8px 32px #0006, inset 0 1px #ffffff0d;
}

.overlord-center-content .ep-chart-card__header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  display: flex;
}

.overlord-center-content .ep-chart-card__header .title {
  color: #fff;
  align-items: center;
  gap: 8px;
  font-size: .95rem;
  font-weight: 800;
  display: flex;
}

.overlord-center-content .ep-chart-card__header .subtitle {
  color: #94a3b8;
  font-size: .75rem;
}

.overlord-center-content .ep-chart-card .ep-chart-wrap {
  background: #03071299;
  border: 1px solid #ffffff0d;
  border-radius: 14px;
  width: 100%;
  padding: 12px 10px;
  position: relative;
  overflow-x: auto;
}

.overlord-center-content .ep-chart-card .ep-chart-wrap::-webkit-scrollbar {
  height: 4px;
}

.overlord-center-content .ep-chart-card .ep-chart-wrap::-webkit-scrollbar-thumb {
  background: #ffffff26;
  border-radius: 99px;
}

.overlord-center-content .ep-chart-card .ep-chart-wrap .ep-chart-inner-scroll {
  min-width: 720px;
}

.overlord-center-content .ep-chart-card .ep-chart-wrap .ep-chart-empty {
  color: #64748b;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 120px;
  font-size: .85rem;
  display: flex;
}

.overlord-center-content .ep-chart-card .ep-chart-wrap .ep-chart-point {
  transition: transform .2s;
}

.overlord-center-content .ep-chart-card .ep-chart-wrap .ep-chart-point--latest rect {
  filter: drop-shadow(0 0 6px #fff);
}

.overlord-center-content .ep-chart-card .ep-chart-wrap .ep-chart-point--latest text {
  filter: drop-shadow(0 0 6px #38bdf8);
}

.overlord-center-content .overlord-stats-dual-grid {
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  display: grid;
}

.overlord-center-content .overlord-stats-dual-grid .stat-split-card {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.overlord-center-content .overlord-stats-dual-grid .stat-split-card .split-title-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.overlord-center-content .overlord-stats-dual-grid .stat-split-card .split-title-row .split-title {
  color: #f1f5f9;
  font-size: 13px;
  font-weight: 800;
}

.overlord-center-content .overlord-stats-dual-grid .stat-split-card .split-title-row .split-badge {
  color: #00f5ff;
  background: #00f5ff1f;
  border: 1px solid #00f5ff4d;
  border-radius: 6px;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 800;
}

.overlord-center-content .overlord-stats-dual-grid .stat-split-card .split-meter-box {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.overlord-center-content .overlord-stats-dual-grid .stat-split-card .split-meter-box .meter-bar {
  background: #ffffff14;
  border-radius: 6px;
  height: 8px;
  display: flex;
  overflow: hidden;
}

.overlord-center-content .overlord-stats-dual-grid .stat-split-card .split-meter-box .meter-bar .meter-left {
  background: linear-gradient(90deg, #00f5ff, #00e676);
  transition: width .3s;
  box-shadow: 0 0 10px #00e67680;
}

.overlord-center-content .overlord-stats-dual-grid .stat-split-card .split-meter-box .meter-bar .meter-right {
  background: linear-gradient(90deg, #9d4edd, #ffb700);
  transition: width .3s;
  box-shadow: 0 0 10px #ffb70080;
}

.overlord-center-content .overlord-stats-dual-grid .stat-split-card .split-meter-box .meter-labels {
  justify-content: space-between;
  font-family: JetBrains Mono, monospace;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.overlord-center-content .overlord-stats-dual-grid .stat-split-card .split-meter-box .meter-labels .label-left {
  color: #00e676;
}

.overlord-center-content .overlord-stats-dual-grid .stat-split-card .split-meter-box .meter-labels .label-right {
  color: #ffb700;
}

.overlord-center-content .overlord-stats-dual-grid .stat-split-card .stat-metrics-row {
  color: #94a3b8;
  border-top: 1px solid #ffffff0f;
  justify-content: space-between;
  padding-top: 6px;
  font-size: 11px;
  display: flex;
}

.overlord-center-content .overlord-stats-dual-grid .stat-split-card .stat-metrics-row strong {
  color: #fff;
}

.overlord-center-content .glowing-entry-digits-panel {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.overlord-center-content .glowing-entry-digits-panel .entry-digits-grid {
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  display: grid;
}

.overlord-center-content .glowing-entry-digits-panel .entry-digits-grid .entry-digit-card {
  background: #121a30b3;
  border: 1px solid #ffffff14;
  border-radius: 14px;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  transition: all .3s;
  display: flex;
}

.overlord-center-content .glowing-entry-digits-panel .entry-digits-grid .entry-digit-card .digit-orb {
  border-radius: 14px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-family: JetBrains Mono, monospace;
  font-size: 24px;
  font-weight: 900;
  display: flex;
}

.overlord-center-content .glowing-entry-digits-panel .entry-digits-grid .entry-digit-card .digit-orb.orb-under {
  color: #00e676;
  background: #00e67626;
  border: 2px solid #00e676;
  box-shadow: 0 0 16px #00e6764d;
}

.overlord-center-content .glowing-entry-digits-panel .entry-digits-grid .entry-digit-card .digit-orb.orb-over {
  color: #ffb700;
  background: #ffb70026;
  border: 2px solid #ffb700;
  box-shadow: 0 0 16px #ffb7004d;
}

.overlord-center-content .glowing-entry-digits-panel .entry-digits-grid .entry-digit-card .entry-details {
  flex-direction: column;
  display: flex;
}

.overlord-center-content .glowing-entry-digits-panel .entry-digits-grid .entry-digit-card .entry-details .entry-type {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 700;
}

.overlord-center-content .glowing-entry-digits-panel .entry-digits-grid .entry-digit-card .entry-details .entry-status {
  color: #f8fafc;
  margin-top: 2px;
  font-size: 13px;
  font-weight: 800;
}

.overlord-center-content .glowing-entry-digits-panel .entry-digits-grid .entry-digit-card .entry-details .entry-subtext {
  color: #64748b;
  margin-top: 2px;
  font-size: 10px;
}

.overlord-center-content .glowing-entry-digits-panel .entry-digits-grid .entry-digit-card.under-glow.is-active-trigger {
  background: linear-gradient(135deg, #00e67633, #121a30e6);
  border-color: #00e676;
  animation: 1.5s ease-in-out infinite pulse-glow-under;
}

.overlord-center-content .glowing-entry-digits-panel .entry-digits-grid .entry-digit-card.over-glow.is-active-trigger {
  background: linear-gradient(135deg, #ffb70033, #121a30e6);
  border-color: #ffb700;
  animation: 1.5s ease-in-out infinite pulse-glow-over;
}

.overlord-center-content .glowing-entry-digits-panel .digit-spectrum-row {
  grid-template-columns: repeat(10, 1fr);
  gap: 6px;
  padding: 4px 0;
  display: grid;
  overflow-x: auto;
}

.overlord-center-content .glowing-entry-digits-panel .digit-spectrum-row::-webkit-scrollbar {
  display: none;
}

.overlord-center-content .glowing-entry-digits-panel .digit-spectrum-row .spectrum-bar-item {
  background: #121a3099;
  border: 1px solid #ffffff0f;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 8px 4px;
  transition: all .2s;
  display: flex;
}

.overlord-center-content .glowing-entry-digits-panel .digit-spectrum-row .spectrum-bar-item .digit-num {
  font-family: JetBrains Mono, monospace;
  font-size: 14px;
  font-weight: 900;
}

.overlord-center-content .glowing-entry-digits-panel .digit-spectrum-row .spectrum-bar-item .digit-freq-pct {
  color: #94a3b8;
  font-size: 10px;
  font-weight: 700;
}

.overlord-center-content .glowing-entry-digits-panel .digit-spectrum-row .spectrum-bar-item .digit-rank-badge {
  color: #94a3b8;
  background: #ffffff14;
  border-radius: 4px;
  padding: 1px 4px;
  font-size: 8px;
  font-weight: 800;
}

.overlord-center-content .glowing-entry-digits-panel .digit-spectrum-row .spectrum-bar-item.is-under .digit-num {
  color: #00e676;
}

.overlord-center-content .glowing-entry-digits-panel .digit-spectrum-row .spectrum-bar-item.is-over .digit-num {
  color: #ffb700;
}

.overlord-center-content .glowing-entry-digits-panel .digit-spectrum-row .spectrum-bar-item.is-highest {
  background: linear-gradient(#00f5ff33, #121a30e6);
  border-color: #00f5ff;
  transform: translateY(-2px);
  box-shadow: 0 0 14px #00f5ff59;
}

.overlord-center-content .glowing-entry-digits-panel .digit-spectrum-row .spectrum-bar-item.is-highest .digit-rank-badge {
  color: #04060c;
  background: #00f5ff;
  font-weight: 900;
}

.overlord-right-panel {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.overlord-right-panel .right-panel-tabs {
  background: #121a30b3;
  border: 1px solid #ffffff14;
  border-radius: 14px;
  gap: 8px;
  padding: 4px;
  display: flex;
}

.overlord-right-panel .right-panel-tabs .tab-btn {
  color: #94a3b8;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 800;
  transition: all .2s;
  display: flex;
}

.overlord-right-panel .right-panel-tabs .tab-btn:hover {
  color: #fff;
}

.overlord-right-panel .right-panel-tabs .tab-btn.active {
  color: #00f5ff;
  background: linear-gradient(135deg, #00f5ff40, #9d4edd40);
  border: 1px solid #00f5ff66;
  box-shadow: 0 0 16px #00f5ff40;
}

.overlord-right-panel .compounding-timer-hud {
  background: linear-gradient(135deg, #00f5ff1a, #9d4edd1a);
  border: 1px solid #00f5ff4d;
  border-radius: 14px;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 14px;
  padding: 12px 14px;
  display: flex;
}

.overlord-right-panel .compounding-timer-hud .timer-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.overlord-right-panel .compounding-timer-hud .timer-header .step-badge {
  color: #00f5ff;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 800;
  display: flex;
}

.overlord-right-panel .compounding-timer-hud .timer-header .live-clock-display {
  color: #ffb700;
  background: #ffb7001f;
  border: 1px solid #ffb7004d;
  border-radius: 6px;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  font-family: JetBrains Mono, monospace;
  font-size: 12px;
  font-weight: 800;
  display: flex;
}

.overlord-right-panel .compounding-timer-hud .progress-stats-row {
  justify-content: space-between;
  font-size: 11px;
  display: flex;
}

.overlord-right-panel .compounding-timer-hud .progress-stats-row .profit-track {
  color: #94a3b8;
}

.overlord-right-panel .compounding-timer-hud .progress-stats-row .profit-track strong {
  color: #00e676;
  font-family: JetBrains Mono, monospace;
}

.overlord-right-panel .compounding-timer-hud .progress-stats-row .pct-track {
  color: #00f5ff;
  font-family: JetBrains Mono, monospace;
  font-weight: 800;
}

.overlord-right-panel .compounding-timer-hud .dual-progress-bar {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.overlord-right-panel .compounding-timer-hud .dual-progress-bar .bar-label-mini {
  color: #64748b;
  justify-content: space-between;
  font-size: 9px;
  display: flex;
}

.overlord-right-panel .compounding-timer-hud .dual-progress-bar .progress-track {
  background: #ffffff14;
  border-radius: 4px;
  height: 6px;
  overflow: hidden;
}

.overlord-right-panel .compounding-timer-hud .dual-progress-bar .progress-track .progress-fill {
  background: linear-gradient(90deg, #00f5ff, #00e676);
  height: 100%;
  transition: width .3s;
  box-shadow: 0 0 10px #00e67699;
}

.overlord-right-panel .compounding-timer-hud .dual-progress-bar .progress-track .time-fill {
  background: linear-gradient(90deg, #9d4edd, #ffb700);
  height: 100%;
  transition: width .3s;
  box-shadow: 0 0 10px #ffb70066;
}

.overlord-right-panel .strategy-alert-box {
  color: #d8b4fe;
  background: #9d4edd1a;
  border: 1px solid #9d4edd4d;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 10px 12px;
  font-size: 11px;
  display: flex;
}

.overlord-right-panel .form-row {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 12px;
  display: grid;
}

.overlord-right-panel .form-row .form-group {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.overlord-right-panel .form-row .form-group label {
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 10px;
  font-weight: 700;
}

.overlord-right-panel .form-row .form-group input, .overlord-right-panel .form-row .form-group select {
  color: #fff;
  background: #121a30cc;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  outline: none;
  padding: 9px 12px;
  font-size: 12px;
  transition: all .2s;
}

.overlord-right-panel .form-row .form-group input:focus, .overlord-right-panel .form-row .form-group select:focus {
  border-color: #00f5ff;
  box-shadow: 0 0 12px #00f5ff40;
}

.overlord-right-panel .session-metrics-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 14px 0;
  display: grid;
}

.overlord-right-panel .session-metrics-grid .metric-mini-card {
  background: #121a30cc;
  border: 1px solid #ffffff0f;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 10px 8px;
  display: flex;
}

.overlord-right-panel .session-metrics-grid .metric-mini-card .m-label {
  color: #64748b;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
}

.overlord-right-panel .session-metrics-grid .metric-mini-card .m-val {
  font-family: JetBrains Mono, monospace;
  font-size: 14px;
  font-weight: 900;
}

.overlord-right-panel .session-metrics-grid .metric-mini-card .m-val.val-win {
  color: #00e676;
}

.overlord-right-panel .session-metrics-grid .metric-mini-card .m-val.val-loss {
  color: #ff4757;
}

.overlord-right-panel .live-trade-log-container {
  flex-direction: column;
  gap: 6px;
  max-height: 180px;
  padding-right: 4px;
  display: flex;
  overflow-y: auto;
}

.overlord-right-panel .live-trade-log-container::-webkit-scrollbar {
  width: 4px;
}

.overlord-right-panel .live-trade-log-container::-webkit-scrollbar-thumb {
  background: #ffffff26;
  border-radius: 4px;
}

.overlord-right-panel .live-trade-log-container .log-item-row {
  background: #121a3099;
  border: 1px solid #ffffff0d;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 10px;
  font-family: JetBrains Mono, monospace;
  font-size: 11px;
  display: flex;
}

.overlord-right-panel .live-trade-log-container .log-item-row .log-left {
  color: #94a3b8;
  align-items: center;
  gap: 8px;
  display: flex;
}

.overlord-right-panel .live-trade-log-container .log-item-row .log-right {
  font-weight: 800;
}

.overlord-right-panel .live-trade-log-container .log-item-row .log-right.win {
  color: #00e676;
}

.overlord-right-panel .live-trade-log-container .log-item-row .log-right.loss {
  color: #ff4757;
}

.overlord-right-panel .live-trade-log-container .log-item-row .log-right.pending {
  color: #ffb700;
}

.overlord-right-panel .compounding-inputs-grid {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 12px;
  display: grid;
}

.overlord-right-panel .compounding-inputs-grid .input-item {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.overlord-right-panel .compounding-inputs-grid .input-item label {
  color: #94a3b8;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.overlord-right-panel .compounding-inputs-grid .input-item input, .overlord-right-panel .compounding-inputs-grid .input-item select {
  color: #fff;
  background: #121a30cc;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  outline: none;
  padding: 9px 12px;
  font-size: 12px;
}

.overlord-right-panel .compounding-inputs-grid .input-item input:focus, .overlord-right-panel .compounding-inputs-grid .input-item select:focus {
  border-color: #00f5ff;
  box-shadow: 0 0 12px #00f5ff40;
}

.overlord-right-panel .compounding-inputs-grid .input-item .input-with-button {
  gap: 4px;
  display: flex;
}

.overlord-right-panel .compounding-inputs-grid .input-item .input-with-button input {
  flex: 1;
}

.overlord-right-panel .compounding-inputs-grid .input-item .input-with-button button {
  color: #00f5ff;
  cursor: pointer;
  background: #00f5ff26;
  border: 1px solid #00f5ff4d;
  border-radius: 8px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 800;
}

.overlord-right-panel .compounding-inputs-grid .input-item .input-with-button button:hover {
  color: #04060c;
  background: #00f5ff;
}

.overlord-right-panel .compounding-actions-row {
  gap: 8px;
  margin-bottom: 14px;
  display: flex;
}

.overlord-right-panel .compounding-actions-row button {
  cursor: pointer;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 9px 14px;
  font-size: 12px;
  font-weight: 800;
  transition: all .2s;
  display: flex;
}

.overlord-right-panel .compounding-actions-row button.btn-gen-plan {
  color: #04060c;
  background: linear-gradient(135deg, #00f5ff, #00e676);
  border: none;
  flex: 2;
  box-shadow: 0 0 18px #00f5ff66;
}

.overlord-right-panel .compounding-actions-row button.btn-gen-plan:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 24px #00f5ff99;
}

.overlord-right-panel .compounding-actions-row button.btn-reset-plan {
  color: #94a3b8;
  background: #ffffff14;
  border: 1px solid #ffffff1f;
  flex: 1;
}

.overlord-right-panel .compounding-actions-row button.btn-reset-plan:hover {
  color: #fff;
  border-color: #fff;
}

.overlord-right-panel .compounding-actions-row button.btn-export-excel {
  color: #00e676;
  background: #00e6761f;
  border: 1px solid #00e6764d;
  flex: 1;
}

.overlord-right-panel .compounding-actions-row button.btn-export-excel:hover {
  color: #04060c;
  background: #00e676;
}

.overlord-right-panel .compounding-summary-banner {
  background: #121a30b3;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 12px;
  padding: 12px;
  display: grid;
}

.overlord-right-panel .compounding-summary-banner .summary-kpi {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.overlord-right-panel .compounding-summary-banner .summary-kpi .kpi-label {
  color: #64748b;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
}

.overlord-right-panel .compounding-summary-banner .summary-kpi .kpi-value {
  font-family: JetBrains Mono, monospace;
  font-size: 15px;
  font-weight: 900;
}

.overlord-right-panel .compounding-summary-banner .summary-kpi .kpi-value.text-profit {
  color: #00e676;
}

.overlord-right-panel .compounding-summary-banner .summary-kpi .kpi-value.text-final {
  color: #00f5ff;
}

.overlord-right-panel .growth-chart-wrapper {
  background: #090e1c99;
  border: 1px solid #ffffff0d;
  border-radius: 10px;
  width: 100%;
  height: 70px;
  margin-bottom: 12px;
  overflow: hidden;
}

.overlord-right-panel .growth-chart-wrapper svg {
  width: 100%;
  height: 100%;
}

.overlord-right-panel .compounding-table-wrapper {
  border: 1px solid #ffffff0f;
  border-radius: 10px;
  max-height: 280px;
  overflow-y: auto;
}

.overlord-right-panel .compounding-table-wrapper::-webkit-scrollbar {
  width: 4px;
}

.overlord-right-panel .compounding-table-wrapper::-webkit-scrollbar-thumb {
  background: #ffffff26;
  border-radius: 4px;
}

.overlord-right-panel .compounding-table-wrapper table {
  border-collapse: collapse;
  width: 100%;
  font-family: JetBrains Mono, monospace;
  font-size: 11px;
}

.overlord-right-panel .compounding-table-wrapper table thead {
  z-index: 5;
  background: #121a30f2;
  position: sticky;
  top: 0;
}

.overlord-right-panel .compounding-table-wrapper table thead th {
  text-align: left;
  color: #94a3b8;
  border-bottom: 1px solid #ffffff1a;
  padding: 8px 6px;
  font-family: Inter, sans-serif;
  font-weight: 700;
}

.overlord-right-panel .compounding-table-wrapper table tbody tr {
  border-bottom: 1px solid #ffffff0a;
  transition: all .15s;
}

.overlord-right-panel .compounding-table-wrapper table tbody tr:hover {
  background: #00f5ff0d;
}

.overlord-right-panel .compounding-table-wrapper table tbody tr.completed-step {
  opacity: .6;
  background: #00e67608;
}

.overlord-right-panel .compounding-table-wrapper table tbody tr.active-trading-step {
  background: linear-gradient(90deg, #00f5ff26, #9d4edd26);
  font-weight: 800;
  box-shadow: inset 0 0 12px #00f5ff33;
}

.overlord-right-panel .compounding-table-wrapper table tbody tr td {
  color: #e2e8f0;
  padding: 7px 6px;
}

.overlord-right-panel .compounding-table-wrapper table tbody tr td .tick-checkbox {
  accent-color: #00e676;
  cursor: pointer;
}

.overlord-right-panel .compounding-table-wrapper table tbody tr td .target-btn {
  color: #94a3b8;
  cursor: pointer;
  background: #ffffff14;
  border: 1px solid #ffffff26;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 800;
}

.overlord-right-panel .compounding-table-wrapper table tbody tr td .target-btn:hover, .overlord-right-panel .compounding-table-wrapper table tbody tr td .target-btn.is-active-btn {
  color: #04060c;
  background: #00f5ff;
  border-color: #00f5ff;
}

@keyframes pulse-border {
  0%, 100% {
    border-color: #00f5ff4d;
  }

  50% {
    border-color: #00f5ffcc;
  }
}

@keyframes pulse-glow-under {
  0%, 100% {
    box-shadow: 0 0 15px #00e67633;
  }

  50% {
    box-shadow: 0 0 30px #00e67699;
  }
}

@keyframes pulse-glow-over {
  0%, 100% {
    box-shadow: 0 0 15px #ffb70033;
  }

  50% {
    box-shadow: 0 0 30px #ffb70099;
  }
}

@keyframes digit-beat {
  0% {
    transform: scale(.85);
  }

  50% {
    transform: scale(1.15);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .3;
  }
}

@media (max-width: 1280px) {
  .overlord-main-layout {
    grid-template-columns: 240px 1fr 340px;
    gap: 14px;
  }
}

@media (max-width: 1024px) {
  .overlord-ai-wrapper {
    padding: 12px 14px 90px;
  }

  .overlord-top-bar {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    padding: 14px 16px;
  }

  .overlord-top-bar .brand-section {
    justify-content: space-between;
  }

  .overlord-top-bar .cyber-wallet-card {
    width: 100%;
  }

  .mobile-segmented-nav {
    display: flex;
  }

  .overlord-main-layout {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  .overlord-main-layout .overlord-side-scanner, .overlord-main-layout .overlord-center-content, .overlord-main-layout .overlord-right-panel {
    width: 100%;
    display: none;
  }

  .overlord-main-layout .overlord-side-scanner.mobile-active, .overlord-main-layout .overlord-center-content.mobile-active, .overlord-main-layout .overlord-right-panel.mobile-active {
    display: flex;
  }

  .overlord-controls-ribbon {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .overlord-controls-ribbon .left-controls, .overlord-controls-ribbon .right-controls {
    justify-content: space-between;
    width: 100%;
  }

  .overlord-controls-ribbon .left-controls .btn-control, .overlord-controls-ribbon .right-controls .btn-control {
    flex: 1;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .overlord-stats-dual-grid, .glowing-entry-digits-panel .entry-digits-grid {
    grid-template-columns: 1fr !important;
  }

  .active-market-hero {
    flex-direction: column;
    gap: 14px;
    align-items: flex-start !important;
  }

  .active-market-hero .market-right-digit {
    justify-content: flex-start;
    width: 100%;
    display: flex;
  }

  .digit-spectrum-row {
    gap: 8px;
    grid-template-columns: repeat(5, 1fr) !important;
  }

  .compounding-inputs-grid {
    grid-template-columns: 1fr !important;
  }

  .compounding-inputs-grid .input-item {
    grid-column: span 1 !important;
  }
}

@media (max-width: 480px) {
  .overlord-top-bar .brand-section .brand-info .brand-title {
    font-size: 18px;
  }

  .cyber-wallet-card .wallet-balance-row .balance-data .balance-amount {
    font-size: 17px;
  }

  .mobile-segmented-nav .nav-pill {
    padding: 8px 10px;
    font-size: 11px;
  }

  .btn-control {
    padding: 8px 12px;
    font-size: 11px;
  }

  .form-row {
    gap: 8px;
    grid-template-columns: 1fr !important;
  }
}

.af2__strategy-intelligence-panel {
  background: #0f172ab3;
  border: 1px solid #6366f140;
  border-radius: 16px;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: .5rem;
  padding: 1.25rem 1.4rem;
  display: flex;
  box-shadow: 0 12px 36px #00000073;
}

.af2__sip-header {
  border-bottom: 1px solid #ffffff14;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.af2__sip-title-box {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.af2__sip-title-box .af2__sip-icon {
  color: #818cf8;
  filter: drop-shadow(0 0 8px #818cf866);
}

.af2__sip-title-box h3 {
  letter-spacing: -.01em;
  background: linear-gradient(135deg, #fff, #c7d2fe);
  -webkit-text-fill-color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.05rem;
  font-weight: 800;
}

.af2__sip-title-box span {
  color: #94a3b8;
  font-size: .76rem;
}

.af2__sip-halfway-box {
  flex-direction: column;
  gap: .35rem;
  min-width: 280px;
  display: flex;
}

.af2__sip-halfway-box .af2__sip-hw-labels {
  color: #cbd5e1;
  justify-content: space-between;
  align-items: center;
  font-size: .76rem;
  display: flex;
}

.af2__sip-halfway-box .af2__sip-hw-labels strong {
  color: #fff;
}

.af2__sip-halfway-box .af2__sip-hw-labels small {
  color: #64748b;
}

.af2__sip-halfway-box .af2__sip-hw-divider {
  color: #a78bfa;
  background: #8b5cf626;
  border-radius: 999px;
  padding: .15rem .5rem;
  font-size: .7rem;
  font-weight: 700;
}

.af2__sip-halfway-box .af2__sip-hw-track {
  background: #0006;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  height: 8px;
  display: flex;
  overflow: hidden;
}

.af2__sip-halfway-box .af2__sip-hw-fill {
  height: 100%;
  transition: width .4s;
}

.af2__sip-halfway-box .af2__sip-hw-fill.u {
  background: linear-gradient(90deg, #6366f1, #06b6d4);
}

.af2__sip-halfway-box .af2__sip-hw-fill.o {
  background: linear-gradient(90deg, #f59e0b, #ef4444);
}

.af2__sip-rankings-row {
  grid-template-columns: repeat(4, 1fr);
  gap: .85rem;
  display: grid;
}

@media (max-width: 820px) {
  .af2__sip-rankings-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

.af2__sip-rank-card {
  background: #0f172a80;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  gap: .25rem;
  padding: .85rem .75rem;
  transition: transform .2s, border-color .2s;
  display: flex;
}

.af2__sip-rank-card:hover {
  transform: translateY(-2px);
}

.af2__sip-rank-card.gold {
  background: linear-gradient(#f59e0b1f, #0f172a80);
  border-color: #f59e0b59;
}

.af2__sip-rank-card.gold .af2__sip-rank-digit {
  color: #fbbf24;
  text-shadow: 0 0 12px #f59e0b66;
}

.af2__sip-rank-card.silver {
  background: linear-gradient(#94a3b81a, #0f172a80);
  border-color: #94a3b859;
}

.af2__sip-rank-card.silver .af2__sip-rank-digit {
  color: #e2e8f0;
}

.af2__sip-rank-card.bronze {
  background: linear-gradient(#d977061a, #0f172a80);
  border-color: #d9770659;
}

.af2__sip-rank-card.bronze .af2__sip-rank-digit {
  color: #f97316;
}

.af2__sip-rank-card.least {
  background: linear-gradient(#ef44441a, #0f172a80);
  border-color: #ef444459;
}

.af2__sip-rank-card.least .af2__sip-rank-digit {
  color: #f87171;
}

.af2__sip-rank-card .af2__sip-rank-badge {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #94a3b8;
  font-size: .68rem;
  font-weight: 700;
}

.af2__sip-rank-card .af2__sip-rank-digit {
  font-size: 1.85rem;
  font-weight: 900;
  line-height: 1.1;
}

.af2__sip-rank-card .af2__sip-rank-pct {
  color: #cbd5e1;
  font-size: .74rem;
  font-weight: 600;
}

.af2__sip-rank-card .af2__sip-rank-pct small {
  color: #64748b;
}

.af2__sip-spectrum-strip {
  background: #00000040;
  border: 1px solid #ffffff0d;
  border-radius: 10px;
  flex-wrap: wrap;
  align-items: center;
  gap: .85rem;
  padding: .65rem .85rem;
  display: flex;
}

.af2__sip-spectrum-strip .af2__sip-spectrum-lbl {
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: .03em;
  font-size: .74rem;
  font-weight: 700;
}

.af2__sip-spectrum-strip .af2__sip-digits-list {
  flex: 1;
  justify-content: space-between;
  gap: .35rem;
  display: flex;
  overflow-x: auto;
}

.af2__sip-spectrum-strip .af2__sip-digit-col {
  background: #ffffff08;
  border: 1px solid #ffffff0f;
  border-radius: 6px;
  flex-direction: column;
  align-items: center;
  gap: .1rem;
  min-width: 32px;
  padding: .3rem .45rem;
  display: flex;
}

.af2__sip-spectrum-strip .af2__sip-digit-col.hot {
  background: #f59e0b1a;
  border-color: #f59e0b66;
}

.af2__sip-spectrum-strip .af2__sip-digit-col.hot .d-num {
  color: #fbbf24;
}

.af2__sip-spectrum-strip .af2__sip-digit-col.cold {
  background: #ef44441a;
  border-color: #ef444466;
}

.af2__sip-spectrum-strip .af2__sip-digit-col.cold .d-num {
  color: #f87171;
}

.af2__sip-spectrum-strip .af2__sip-digit-col .d-num {
  color: #f1f5f9;
  font-size: .82rem;
  font-weight: 800;
}

.af2__sip-spectrum-strip .af2__sip-digit-col .d-pct100 {
  color: #818cf8;
  font-size: .65rem;
  font-weight: 700;
}

.af2__sip-spectrum-strip .af2__sip-digit-col .d-pct50 {
  color: #94a3b8;
  font-size: .6rem;
}

.af2__engines-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

@media (max-width: 1200px) {
  .af2__engines-grid {
    gap: .75rem;
  }
}

@media (max-width: 1024px) {
  .af2__engines-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
  }
}

@media (max-width: 680px) {
  .af2__engines-grid {
    grid-template-columns: 1fr;
    gap: .65rem;
  }
}

.af2__engine-card {
  cursor: pointer;
  background: #0f172a99;
  border: 1px solid #6366f133;
  border-radius: 14px;
  flex-direction: column;
  gap: .85rem;
  padding: 1.15rem;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .af2__engine-card {
    border-radius: 12px;
    gap: .65rem;
    padding: .85rem;
  }
}

@media (max-width: 640px) {
  .af2__engine-card {
    border-radius: 10px;
    gap: .5rem;
    padding: .65rem;
  }
}

.af2__engine-card:hover {
  border-color: #818cf880;
  transform: translateY(-3px);
  box-shadow: 0 10px 24px #00000059;
}

.af2__engine-card--active {
  background: linear-gradient(#6366f126, #0f172abf);
  border-color: #6366f1;
  box-shadow: 0 0 20px #6366f140, inset 0 1px #ffffff1a;
}

.af2__engine-card--active:before {
  content: "";
  background: linear-gradient(90deg, #6366f1, #06b6d4);
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.af2__engine-card-top {
  justify-content: space-between;
  align-items: flex-start;
  gap: .5rem;
  display: flex;
}

.af2__engine-card-header h4 {
  color: #f1f5f9;
  margin-bottom: .15rem;
  font-size: .95rem;
  font-weight: 800;
}

.af2__engine-card-header .af2__engine-winrate {
  color: #34d399;
  background: #10b9811f;
  border-radius: 999px;
  padding: .15rem .5rem;
  font-size: .7rem;
  font-weight: 700;
  display: inline-block;
}

.af2__engine-active-chip {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #94a3b8;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  padding: .25rem .65rem;
  font-size: .65rem;
  font-weight: 800;
  transition: all .2s;
}

.af2__engine-active-chip.active {
  color: #fff;
  background: linear-gradient(135deg, #4f46e5, #6366f1);
  border-color: #818cf8;
  box-shadow: 0 0 10px #6366f166;
}

.af2__engine-pb-container {
  flex-direction: column;
  gap: .55rem;
  display: flex;
}

.af2__engine-pb-wrap {
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.af2__engine-pb-wrap .af2__engine-pb-meta {
  color: #cbd5e1;
  justify-content: space-between;
  align-items: center;
  font-size: .73rem;
  display: flex;
}

.af2__engine-pb-wrap .af2__engine-pb-meta strong {
  color: #fff;
}

.af2__engine-pb-wrap .af2__engine-pb-meta small {
  color: #64748b;
}

.af2__engine-pb-wrap .af2__engine-pb-vs {
  color: #818cf8;
  letter-spacing: .05em;
  font-size: .62rem;
  font-weight: 800;
}

.af2__engine-pb-wrap .af2__engine-pb-track {
  background: #00000073;
  border: 1px solid #ffffff0f;
  border-radius: 999px;
  height: 6px;
  display: flex;
  overflow: hidden;
}

.af2__engine-pb-wrap .af2__engine-pb-fill {
  height: 100%;
  transition: width .4s;
}

.af2__engine-pb-wrap .af2__engine-pb-fill.a {
  background: linear-gradient(90deg, #10b981, #06b6d4);
}

.af2__engine-pb-wrap .af2__engine-pb-fill.b {
  background: linear-gradient(90deg, #f43f5e, #e11d48);
}

.af2__square-card-deck {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #0b0f1e99;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-direction: column;
  gap: .5rem;
  padding: .75rem .9rem;
  display: flex;
  box-shadow: 0 4px 20px #00000040;
}

@media (max-width: 1024px) {
  .af2__square-card-deck {
    border-radius: 10px;
    gap: .45rem;
    padding: .6rem .75rem;
  }
}

@media (max-width: 640px) {
  .af2__square-card-deck {
    border-radius: 8px;
    gap: .35rem;
    padding: .45rem .5rem;
  }
}

.af2__square-card-meta {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .4rem;
  font-size: .72rem;
  display: flex;
}

@media (max-width: 640px) {
  .af2__square-card-meta {
    gap: .25rem;
    font-size: .62rem;
  }
}

.af2__square-card-meta .af2__square-card-title-wrap {
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  min-width: 0;
  display: flex;
}

@media (max-width: 640px) {
  .af2__square-card-meta .af2__square-card-title-wrap {
    gap: .25rem;
  }
}

.af2__square-card-meta .af2__square-card-title {
  color: #f1f5f9;
  letter-spacing: .02em;
  font-size: .72rem;
  font-weight: 700;
}

@media (max-width: 1024px) {
  .af2__square-card-meta .af2__square-card-title {
    font-size: .66rem;
  }
}

@media (max-width: 640px) {
  .af2__square-card-meta .af2__square-card-title {
    font-size: .58rem;
    line-height: 1.2;
  }
}

.af2__square-card-meta .af2__square-card-count {
  color: #94a3b8;
  background: #ffffff0f;
  border-radius: 4px;
  padding: 1px 5px;
  font-size: .62rem;
  font-weight: 600;
}

@media (max-width: 640px) {
  .af2__square-card-meta .af2__square-card-count {
    padding: 0 4px;
    font-size: .52rem;
  }
}

.af2__square-card-meta .af2__square-legend {
  align-items: center;
  gap: .65rem;
  display: flex;
}

@media (max-width: 640px) {
  .af2__square-card-meta .af2__square-legend {
    gap: .35rem;
  }
}

.af2__square-card-meta .af2__sq-badge {
  align-items: center;
  gap: 3px;
  font-size: .66rem;
  font-weight: 700;
  display: inline-flex;
}

@media (max-width: 640px) {
  .af2__square-card-meta .af2__sq-badge {
    gap: 2px;
    font-size: .54rem;
  }
}

.af2__square-card-meta .af2__sq-badge.under {
  color: #fb7185;
}

.af2__square-card-meta .af2__sq-badge.over {
  color: #34d399;
}

.af2__square-card-meta .af2__legend-dot {
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: inline-block;
}

@media (max-width: 640px) {
  .af2__square-card-meta .af2__legend-dot {
    width: 5px;
    height: 5px;
  }
}

.af2__square-card-meta .af2__legend-dot.under {
  background: #f43f5e;
  box-shadow: 0 0 6px #f43f5e99;
}

.af2__square-card-meta .af2__legend-dot.over {
  background: #10b981;
  box-shadow: 0 0 6px #10b98199;
}

.af2__square-grid {
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 5px;
  width: 100%;
  padding: 1px 0;
  display: grid;
}

@media (max-width: 1024px) {
  .af2__square-grid {
    gap: 4px;
  }
}

@media (max-width: 640px) {
  .af2__square-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 2.5px;
  }
}

@media (max-width: 380px) {
  .af2__square-grid {
    gap: 2px;
  }
}

.af2__square-grid-empty {
  text-align: center;
  color: #64748b;
  grid-column: 1 / -1;
  padding: .75rem 0;
  font-size: .72rem;
}

.af2__square-digit-pill {
  aspect-ratio: 1;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
  cursor: default;
  border-radius: 7px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 36px;
  height: auto;
  min-height: 0;
  max-height: 36px;
  margin: 0 auto;
  font-family: JetBrains Mono, Inter, monospace;
  transition: transform .18s cubic-bezier(.4, 0, .2, 1), box-shadow .18s;
  display: flex;
  position: relative;
}

@media (max-width: 1024px) {
  .af2__square-digit-pill {
    border-radius: 5px;
    max-width: 32px;
    max-height: 32px;
  }
}

@media (max-width: 640px) {
  .af2__square-digit-pill {
    border-radius: 4px;
    max-width: 28px;
    max-height: 28px;
  }
}

@media (max-width: 380px) {
  .af2__square-digit-pill {
    border-radius: 3px;
    max-width: 22px;
    max-height: 22px;
  }
}

.af2__square-digit-pill:hover {
  z-index: 5;
  transform: translateY(-2px)scale(1.12);
}

.af2__square-digit-pill .af2__sq-val {
  letter-spacing: -.02em;
  font-size: .9rem;
  font-weight: 800;
  line-height: 1;
}

@media (max-width: 1024px) {
  .af2__square-digit-pill .af2__sq-val {
    font-size: .76rem;
  }
}

@media (max-width: 640px) {
  .af2__square-digit-pill .af2__sq-val {
    font-size: .62rem;
  }
}

@media (max-width: 380px) {
  .af2__square-digit-pill .af2__sq-val {
    font-size: .54rem;
  }
}

.af2__square-digit-pill .af2__sq-letter {
  letter-spacing: .05em;
  text-transform: uppercase;
  opacity: .92;
  margin-top: 1px;
  font-size: .52rem;
  font-weight: 800;
  line-height: 1;
}

@media (max-width: 1024px) {
  .af2__square-digit-pill .af2__sq-letter {
    margin-top: 0;
    font-size: .44rem;
  }
}

@media (max-width: 640px) {
  .af2__square-digit-pill .af2__sq-letter {
    font-size: .36rem;
  }
}

@media (max-width: 380px) {
  .af2__square-digit-pill .af2__sq-letter {
    font-size: .3rem;
  }
}

.af2__square-digit-pill--under {
  background: linear-gradient(135deg, #f43f5e33 0%, #e11d481a 100%);
  border: 1px solid #f43f5e80;
  box-shadow: 0 2px 5px #f43f5e26, inset 0 1px #ffffff14;
}

.af2__square-digit-pill--under .af2__sq-val {
  color: #fff;
  text-shadow: 0 0 8px #f43f5e99;
}

.af2__square-digit-pill--under .af2__sq-letter {
  color: #fecdd3;
}

.af2__square-digit-pill--under:hover {
  border-color: #f43f5ee6;
  box-shadow: 0 4px 12px #f43f5e66, inset 0 1px #fff3;
}

.af2__square-digit-pill--over {
  background: linear-gradient(135deg, #10b98133 0%, #0596691a 100%);
  border: 1px solid #10b98180;
  box-shadow: 0 2px 5px #10b98126, inset 0 1px #ffffff14;
}

.af2__square-digit-pill--over .af2__sq-val {
  color: #fff;
  text-shadow: 0 0 8px #10b98199;
}

.af2__square-digit-pill--over .af2__sq-letter {
  color: #a7f3d0;
}

.af2__square-digit-pill--over:hover {
  border-color: #10b981e6;
  box-shadow: 0 4px 12px #10b98166, inset 0 1px #fff3;
}

.af2__square-digit-pill--latest {
  border-width: 1.5px;
  font-weight: 900;
  animation: 1.4s ease-in-out infinite af2-square-pulse;
}

.af2__square-digit-pill--latest.af2__square-digit-pill--under {
  background: linear-gradient(135deg, #f43f5e8c 0%, #e11d4859 100%);
  border-color: #f43f5e;
  box-shadow: 0 0 12px #f43f5ecc, inset 0 0 6px #f43f5e66;
}

.af2__square-digit-pill--latest.af2__square-digit-pill--under .af2__sq-letter {
  color: #fff;
}

.af2__square-digit-pill--latest.af2__square-digit-pill--over {
  background: linear-gradient(135deg, #10b9818c 0%, #05966959 100%);
  border-color: #10b981;
  box-shadow: 0 0 12px #10b981cc, inset 0 0 6px #10b98166;
}

.af2__square-digit-pill--latest.af2__square-digit-pill--over .af2__sq-letter {
  color: #fff;
}

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

  50% {
    transform: scale(1.06);
  }
}

.af2__engine-telemetry-strip {
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: auto;
  padding-top: .35rem;
  display: flex;
}

.af2__engine-telemetry-strip .af2__tel-pill {
  border: 1px solid #0000;
  border-radius: 6px;
  padding: .2rem .55rem;
  font-size: .66rem;
  font-weight: 700;
}

.af2__engine-telemetry-strip .af2__tel-pill.good {
  color: #34d399;
  background: #10b9811f;
  border-color: #10b9814d;
}

.af2__engine-telemetry-strip .af2__tel-pill.warn {
  color: #fbbf24;
  background: #f59e0b1f;
  border-color: #f59e0b4d;
}

.af2__engine-telemetry-strip .af2__tel-pill.neutral {
  color: #94a3b8;
  background: #64748b26;
  border-color: #64748b40;
}

.af2__engine-telemetry-strip .af2__tel-pill.info {
  color: #a5b4fc;
  background: #6366f11f;
  border-color: #6366f14d;
}

.af2__engine-telemetry-strip .af2__tel-pill.info strong {
  color: #fff;
}

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

  50% {
    transform: scale(1.12);
  }
}

:root {
  --af2-font: "Inter", system-ui, -apple-system, sans-serif;
  --af2-bg: #0b0f1e;
  --af2-bg2: #0f1628;
  --af2-glass-bg: #0f162ca6;
  --af2-glass-border: #6366f133;
  --af2-glass-shadow: 0 8px 32px #00000073, inset 0 1px 0 #ffffff0d;
  --af2-glass-blur: blur(16px);
  --af2-purple: #8b5cf6;
  --af2-purple-light: #a78bfa;
  --af2-indigo: #6366f1;
  --af2-cyan: #22d3ee;
  --af2-emerald: #10b981;
  --af2-amber: #f59e0b;
  --af2-rose: #f43f5e;
  --af2-gold: #fbbf24;
  --af2-text: #f1f5f9;
  --af2-text-muted: #94a3b8;
  --af2-text-dim: #475569;
  --af2-grad-primary: linear-gradient(135deg, #6366f1, #8b5cf6);
  --af2-grad-under: linear-gradient(135deg, #6366f1, #4f46e5);
  --af2-grad-over: linear-gradient(135deg, #f59e0b, #d97706);
  --af2-grad-win: linear-gradient(135deg, #10b981, #059669);
  --af2-grad-loss: linear-gradient(135deg, #f43f5e, #be123c);
  --af2-input-bg: #0a0e1eb3;
  --af2-input-border: #6366f140;
  --af2-input-focus: #6366f1;
}

.af2 {
  background: var(--af2-bg);
  width: 100%;
  max-width: 100%;
  min-height: auto;
  font-family: var(--af2-font);
  color: var(--af2-text);
  position: relative;
  overflow-x: hidden;
}

.af2 * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.af2 button {
  cursor: pointer;
  font-family: var(--af2-font);
  background: none;
  border: none;
}

.af2 button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.af2 input, .af2 select {
  font-family: var(--af2-font);
  color: var(--af2-text);
  background: var(--af2-input-bg);
  border: 1px solid var(--af2-input-border);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 8px;
  outline: none;
  width: 100%;
  padding: 8px 12px;
  font-size: 13px;
  transition: border-color .2s;
}

.af2 input:focus, .af2 select:focus {
  border-color: var(--af2-input-focus);
  box-shadow: 0 0 0 2px #6366f12e;
}

.af2 input:disabled, .af2 select:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.af2 input option, .af2 select option {
  color: var(--af2-text);
  background: #1a1f35;
}

.af2 ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.af2 ::-webkit-scrollbar-track {
  background: #0003;
  border-radius: 4px;
}

.af2 ::-webkit-scrollbar-thumb {
  background: #6366f173;
  border-radius: 4px;
}

.af2__blobs {
  pointer-events: none;
  z-index: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.af2__blob {
  filter: blur(80px);
  opacity: .25;
  border-radius: 50%;
  position: absolute;
}

.af2__blob--1 {
  background: radial-gradient(circle, #6366f1, #4f46e5 60%, #0000 80%);
  width: 600px;
  height: 600px;
  animation: 18s ease-in-out infinite alternate blobDrift1;
  top: -200px;
  left: -200px;
}

.af2__blob--2 {
  background: radial-gradient(circle, #8b5cf6, #7c3aed 60%, #0000 80%);
  width: 500px;
  height: 500px;
  animation: 22s ease-in-out infinite alternate blobDrift2;
  top: 40%;
  right: -150px;
}

.af2__blob--3 {
  background: radial-gradient(circle, #22d3ee, #06b6d4 60%, #0000 80%);
  width: 400px;
  height: 400px;
  animation: 16s ease-in-out infinite alternate blobDrift3;
  bottom: -100px;
  left: 30%;
}

@keyframes blobDrift1 {
  0% {
    transform: translate(0)scale(1);
  }

  100% {
    transform: translate(60px, 80px)scale(1.1);
  }
}

@keyframes blobDrift2 {
  0% {
    transform: translate(0)scale(1);
  }

  100% {
    transform: translate(-50px, 60px)scale(.95);
  }
}

@keyframes blobDrift3 {
  0% {
    transform: translate(0)scale(1);
  }

  100% {
    transform: translate(40px, -50px)scale(1.08);
  }
}

.af2__glass {
  background: var(--af2-glass-bg);
  -webkit-backdrop-filter: var(--af2-glass-blur);
  border: 1px solid var(--af2-glass-border);
  box-shadow: var(--af2-glass-shadow);
  border-radius: 16px;
}

.af2__header {
  z-index: 10;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: #0b0f1ed9;
  border-bottom: 1px solid #6366f133;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 28px;
  display: flex;
  position: relative;
}

.af2__header-brand {
  align-items: center;
  gap: 14px;
  display: flex;
}

.af2__header-icon {
  background: var(--af2-grad-primary);
  color: #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
  box-shadow: 0 4px 16px #6366f173;
}

.af2__header-text h1 {
  background: var(--af2-grad-primary);
  -webkit-text-fill-color: #0000;
  letter-spacing: -.3px;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 18px;
  font-weight: 800;
}

.af2__header-text span {
  color: var(--af2-text-muted);
  font-size: 11px;
  font-weight: 400;
}

.af2__status-chip {
  letter-spacing: .5px;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #0000;
  border-radius: 100px;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 700;
}

.af2__status-chip--idle {
  color: #94a3b8;
  background: #4755694d;
  border-color: #47556980;
}

.af2__status-chip--scanning {
  color: #a5b4fc;
  background: #6366f133;
  border-color: #6366f180;
  animation: 1.5s ease-in-out infinite chipPulse;
}

.af2__status-chip--waiting_trigger {
  color: #fcd34d;
  background: #f59e0b33;
  border-color: #f59e0b80;
  animation: .8s ease-in-out infinite chipPulse;
}

.af2__status-chip--trading {
  color: #6ee7b7;
  background: #10b98133;
  border-color: #10b98180;
  animation: .5s ease-in-out infinite chipPulse;
}

.af2__status-chip--paused {
  color: #fcd34d;
  background: #fbbf2433;
  border-color: #fbbf2480;
}

.af2__status-chip--hourly_pause {
  color: #67e8f9;
  background: #06b6d433;
  border-color: #06b6d480;
  animation: 2s ease-in-out infinite chipPulse;
}

.af2__status-chip--emergency_stopped {
  color: #fca5a5;
  background: #ef444440;
  border-color: #ef444499;
  animation: .5s ease-in-out infinite chipPulse;
}

@keyframes chipPulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .6;
  }
}

.af2__header-stats {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.af2__stat-pill {
  background: #0f162cb3;
  border: 1px solid #6366f126;
  border-radius: 10px;
  flex-direction: column;
  gap: 2px;
  min-width: 90px;
  padding: 8px 14px;
  display: flex;
}

.af2__stat-label {
  color: var(--af2-text-muted);
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 10px;
  font-weight: 500;
}

.af2__stat-val {
  color: var(--af2-text);
  font-size: 14px;
  font-weight: 700;
}

.af2__stat-val--profit {
  color: var(--af2-emerald);
}

.af2__stat-val--loss {
  color: var(--af2-rose);
}

.af2__stat-val--warn {
  color: var(--af2-amber);
}

.af2__stat-val--accent {
  color: var(--af2-purple-light);
}

.af2__stat-val--gold {
  color: var(--af2-gold);
}

.af2__ai-btn {
  color: var(--af2-purple-light);
  background: #8b5cf626;
  border: 1px solid #8b5cf659;
  border-radius: 10px;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.af2__ai-btn:hover {
  background: #8b5cf640;
  box-shadow: 0 0 16px #8b5cf64d;
}

.af2__layout {
  z-index: 1;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 12px;
  height: auto;
  min-height: auto;
  display: grid;
  position: relative;
  overflow: visible;
}

.af2__sidebar {
  background: #0b0f1e99;
  border-right: 1px solid #6366f126;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.af2__sidebar-header {
  border-bottom: 1px solid #6366f11a;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  padding: 14px 12px 10px;
  display: flex;
}

.af2__sidebar-title {
  color: var(--af2-text-muted);
  text-transform: uppercase;
  letter-spacing: .5px;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.af2__sidebar-toggles {
  gap: 8px;
  display: flex;
}

.af2__toggle-label {
  color: var(--af2-text-muted);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  display: flex;
}

.af2__toggle-label input {
  display: none;
}

.af2__toggle-label input:checked + .af2__toggle-track {
  background: var(--af2-indigo);
}

.af2__toggle-label input:checked + .af2__toggle-track .af2__toggle-thumb {
  transform: translateX(12px);
}

.af2__toggle-track {
  background: #47556980;
  border-radius: 100px;
  width: 26px;
  height: 14px;
  transition: background .2s;
  position: relative;
}

.af2__toggle-thumb {
  background: #fff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  transition: transform .2s;
  position: absolute;
  top: 2px;
  left: 2px;
}

.af2__market-list {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  padding: 8px;
  display: flex;
  overflow-y: auto;
}

.af2__market-card {
  cursor: pointer;
  background: #0f162c99;
  border: 1px solid #6366f11a;
  border-radius: 10px;
  padding: 10px;
  transition: all .2s;
}

.af2__market-card:hover {
  background: #141c37b3;
  border-color: #6366f159;
}

.af2__market-card--active {
  box-shadow: 0 0 16px #6366f133;
  background: #6366f11f !important;
  border-color: #6366f199 !important;
}

.af2__market-card--triggered {
  animation: 1s ease-in-out infinite alternate marketGlow;
  border-color: #10b98180 !important;
}

.af2__market-card--good .af2__mc-cond {
  color: var(--af2-emerald);
}

.af2__market-card--not_good .af2__mc-cond {
  color: var(--af2-rose);
}

.af2__market-card--analyzing .af2__mc-cond {
  color: var(--af2-amber);
}

@keyframes marketGlow {
  from {
    box-shadow: 0 0 8px #10b98133;
  }

  to {
    box-shadow: 0 0 20px #10b98173;
  }
}

.af2__mc-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.af2__mc-label {
  color: var(--af2-text);
  font-size: 11px;
  font-weight: 600;
}

.af2__mc-digit {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 12px;
  font-weight: 800;
  display: flex;
}

.af2__mc-digit--under {
  color: #a5b4fc;
  background: #6366f140;
}

.af2__mc-digit--over {
  color: #fcd34d;
  background: #f59e0b40;
}

.af2__mc-bar {
  background: #47556966;
  border-radius: 2px;
  height: 4px;
  margin-bottom: 6px;
  display: flex;
  overflow: hidden;
}

.af2__mc-bar-u {
  background: var(--af2-indigo);
  border-radius: 2px;
  height: 100%;
  transition: width .5s;
}

.af2__mc-bar-o {
  background: var(--af2-amber);
  border-radius: 2px;
  height: 100%;
  transition: width .5s;
}

.af2__mc-foot {
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  display: flex;
}

.af2__mc-price {
  color: var(--af2-text-dim);
  flex: 1;
  font-size: 9px;
}

.af2__mc-cond {
  font-size: 11px;
  font-weight: 700;
}

.af2__mc-1000-badge {
  color: #34d399;
  letter-spacing: .3px;
  background: #10b98126;
  border: 1px solid #10b9814d;
  border-radius: 3px;
  padding: 1px 4px;
  font-size: 8px;
  font-weight: 800;
}

.af2__mc-sig {
  border-radius: 4px;
  padding: 1px 5px;
  font-size: 9px;
  font-weight: 700;
}

.af2__mc-sig--under {
  color: #a5b4fc;
  background: #6366f140;
}

.af2__mc-sig--over {
  color: #fcd34d;
  background: #f59e0b40;
}

.af2__main {
  flex-direction: column;
  gap: 14px;
  padding: 16px 20px;
  display: flex;
  overflow-y: auto;
}

.af2__banner {
  border: 1px solid #0000;
  border-radius: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  display: flex;
}

.af2__banner--success {
  background: #10b9811a;
  border-color: #10b98140;
}

.af2__banner--warning {
  background: #f59e0b1a;
  border-color: #f59e0b40;
}

.af2__banner--danger {
  background: #f43f5e1a;
  border-color: #f43f5e40;
}

.af2__banner--info {
  background: #6366f11a;
  border-color: #6366f140;
}

.af2__banner-left {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  display: flex;
}

.af2__banner-status {
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.af2__banner-status--good {
  color: var(--af2-emerald);
}

.af2__banner-status--not_good {
  color: var(--af2-rose);
}

.af2__banner-status--analyzing {
  color: var(--af2-amber);
}

.af2__banner-msg {
  color: var(--af2-text-muted);
  font-size: 12px;
}

.af2__diag-chips {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.af2__diag {
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 600;
}

.af2__diag.good {
  color: #6ee7b7;
  background: #10b98126;
}

.af2__diag.warn {
  color: #fcd34d;
  background: #f59e0b26;
}

.af2__diag.bad {
  color: #fca5a5;
  background: #f43f5e26;
}

.af2__switch-btn {
  color: #a5b4fc;
  white-space: nowrap;
  background: #6366f133;
  border: 1px solid #6366f166;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.af2__switch-btn:hover {
  background: #6366f14d;
}

.af2__dwell-badge {
  color: #c7d2fe;
  background: #6366f126;
  border: 1px solid #6366f159;
  border-radius: 6px;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.af2__hero-row {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  display: grid;
}

.af2__hero-card {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 110px;
  padding: 16px;
  display: flex;
}

.af2__hero-label {
  color: var(--af2-text-muted);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  font-weight: 700;
}

.af2__price-row {
  align-items: center;
  gap: 8px;
  display: flex;
}

.af2__price-val {
  letter-spacing: -.5px;
  color: var(--af2-text);
  font-variant-numeric: tabular-nums;
  font-size: 22px;
  font-weight: 800;
}

.af2__live-dot {
  background: var(--af2-emerald);
  width: 8px;
  height: 8px;
  box-shadow: 0 0 8px var(--af2-emerald);
  border-radius: 50%;
  animation: 1.2s ease-in-out infinite dotPulse;
}

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

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

.af2__price-sym {
  color: var(--af2-text-muted);
  font-size: 11px;
}

.af2__digit-card--under {
  border-color: #6366f166 !important;
}

.af2__digit-card--over {
  border-color: #f59e0b66 !important;
}

.af2__digit-orb {
  width: 52px;
  height: 52px;
  color: var(--af2-purple-light);
  background: #6366f11f;
  border: 2px solid #6366f166;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  font-weight: 900;
  transition: all .3s;
  display: flex;
  box-shadow: 0 0 20px #6366f14d;
}

.af2__digit-card--over .af2__digit-orb {
  color: var(--af2-gold);
  background: #f59e0b1f;
  border-color: #f59e0b66;
  box-shadow: 0 0 20px #f59e0b4d;
}

.af2__digit-zone {
  color: var(--af2-text-muted);
  font-size: 10px;
}

.af2__signal-card {
  border-color: #6366f133;
}

.af2__signal-card--ready {
  background: #f59e0b0f !important;
  border-color: #f59e0b66 !important;
}

.af2__signal-card--fired {
  animation: .6s ease-in-out infinite alternate signalFire;
  box-shadow: var(--af2-glass-shadow), 0 0 24px #10b9814d !important;
  background: #10b98114 !important;
  border-color: #10b98180 !important;
}

@keyframes signalFire {
  from {
    box-shadow: var(--af2-glass-shadow), 0 0 12px #10b98133;
  }

  to {
    box-shadow: var(--af2-glass-shadow), 0 0 30px #10b98180;
  }
}

.af2__signal-dir {
  color: var(--af2-text);
  letter-spacing: -.2px;
  font-size: 16px;
  font-weight: 800;
}

.af2__signal-reason {
  color: var(--af2-text-muted);
  font-size: 10px;
  line-height: 1.4;
}

.af2__hour-card {
  gap: 4px;
}

.af2__hour-ring {
  width: 52px;
  height: 52px;
  position: relative;
}

.af2__ring-svg {
  width: 52px;
  height: 52px;
  display: block;
}

.af2__ring-pct {
  color: var(--af2-purple-light);
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 800;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.af2__hour-target {
  color: var(--af2-text-muted);
  font-size: 10px;
}

.af2__chart-card {
  padding: 14px 16px 12px;
}

.af2__chart-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.af2__chart-header span {
  color: var(--af2-text-muted);
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.af2__chart-badges {
  gap: 6px;
  display: flex;
}

.af2__cb {
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 700;
}

.af2__cb--under {
  color: #a5b4fc;
  background: #6366f133;
}

.af2__cb--over {
  color: #fcd34d;
  background: #f59e0b33;
}

.af2-chart-scroll {
  background: #0003;
  border-radius: 10px;
  padding: 4px;
  overflow-x: auto;
}

.af2-chart-empty {
  height: 110px;
  color: var(--af2-text-dim);
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  display: flex;
}

.af2-chart-empty__spinner {
  border: 2px solid #6366f14d;
  border-top-color: var(--af2-indigo);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: .8s linear infinite spin;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.af2-pulse-ring {
  animation: 1.5s ease-in-out infinite pulseRing;
}

@keyframes pulseRing {
  0%, 100% {
    opacity: .4;
    transform-origin: center;
    transform: scale(1);
  }

  50% {
    opacity: 0;
    transform: scale(1.5);
  }
}

.af2__stats-row {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.af2__parity-card {
  flex-direction: column;
  gap: 12px;
  padding: 14px 16px;
  display: flex;
}

.af2__parity-head {
  color: var(--af2-text-muted);
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.af2__parity-block {
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.af2__parity-label {
  color: var(--af2-text-muted);
  justify-content: space-between;
  font-size: 11px;
  display: flex;
}

.af2__parity-edge {
  font-size: 11px;
  font-weight: 700;
}

.af2__parity-edge--u {
  color: #a5b4fc;
}

.af2__parity-edge--o {
  color: #fcd34d;
}

.af2__split-bar {
  background: #47556966;
  border-radius: 3px;
  height: 6px;
  display: flex;
  overflow: hidden;
}

.af2__split-u {
  background: var(--af2-indigo);
  border-radius: 3px;
  height: 100%;
  transition: width .5s;
}

.af2__split-o {
  background: var(--af2-amber);
  border-radius: 3px;
  height: 100%;
  transition: width .5s;
}

.af2__split-foot {
  color: var(--af2-text-dim);
  justify-content: space-between;
  font-size: 10px;
  display: flex;
}

.af2__micro-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  padding-top: 4px;
  display: flex;
}

.af2__micro-label {
  color: var(--af2-text-muted);
  margin-right: 2px;
  font-size: 10px;
}

.af2__digit-pill {
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.af2__digit-pill--u {
  color: #a5b4fc;
  background: #6366f133;
}

.af2__digit-pill--o {
  color: #fcd34d;
  background: #f59e0b33;
}

.af2__conditions-card {
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  display: flex;
}

.af2__cond-head {
  color: var(--af2-text-muted);
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.af2__cond-list {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.af2__cond-item {
  border-radius: 7px;
  align-items: center;
  gap: 7px;
  padding: 5px 8px;
  font-size: 12px;
  display: flex;
}

.af2__cond-item--ok {
  color: var(--af2-emerald);
  background: #10b98114;
}

.af2__cond-item--ok svg {
  color: var(--af2-emerald);
}

.af2__cond-item--fail {
  color: #f43f5eb3;
  background: #f43f5e0f;
}

.af2__cond-item--fail svg {
  color: #f43f5eb3;
}

.af2__cond-empty {
  color: var(--af2-text-dim);
  text-align: center;
  padding: 20px 0;
  font-size: 12px;
}

.af2__cond-quality {
  color: var(--af2-text-muted);
  align-items: center;
  gap: 8px;
  padding-top: 4px;
  font-size: 11px;
  display: flex;
}

.af2__qs-bar-track {
  background: #47556966;
  border-radius: 3px;
  flex: 1;
  height: 5px;
  overflow: hidden;
}

.af2__qs-bar-fill {
  border-radius: 3px;
  height: 100%;
  transition: width .5s, background .3s;
}

.af2__control-row {
  grid-template-columns: 1fr 1.3fr;
  gap: 12px;
  display: grid;
}

.af2__config-card {
  flex-direction: column;
  gap: 14px;
  padding: 16px;
  display: flex;
}

.af2__config-title {
  color: var(--af2-text-muted);
  text-transform: uppercase;
  letter-spacing: .5px;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.af2__inputs-grid {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.af2__input-group {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.af2__input-group label {
  color: var(--af2-text-muted);
  text-transform: uppercase;
  letter-spacing: .3px;
  font-size: 10px;
  font-weight: 600;
}

.af2__stake-info {
  color: var(--af2-text-muted);
  background: #6366f114;
  border: 1px solid #6366f133;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 11px;
}

.af2__stake-info strong {
  color: var(--af2-purple-light);
}

.af2__btn-row {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.af2__btn {
  letter-spacing: .3px;
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-width: 100px;
  padding: 11px 20px;
  font-size: 13px;
  font-weight: 700;
  transition: all .2s;
  display: flex;
}

.af2__btn--start {
  letter-spacing: .8px;
  text-transform: uppercase;
  text-shadow: 0 1px 3px #000000b3;
  cursor: pointer;
  color: #fff !important;
  background: linear-gradient(135deg, #4f46e5 0%, #6366f1 45%, #7c3aed 100%) !important;
  border: 1px solid #fff6 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 22px #6366f199, inset 0 1px #ffffff59 !important;
}

.af2__btn--start svg {
  filter: drop-shadow(0 1px 2px #00000080);
  stroke: #fff !important;
  fill: #fff !important;
}

.af2__btn--start:hover {
  filter: brightness(1.06);
  transform: translateY(-2px);
  background: linear-gradient(135deg, #4338ca 0%, #4f46e5 45%, #6d28d9 100%) !important;
  box-shadow: 0 8px 30px #7c3aedbf, inset 0 1px #ffffff80 !important;
}

.af2__btn--start:active {
  transform: translateY(0);
}

.af2__btn--pause {
  color: #fcd34d;
  background: #f59e0b26;
  border: 1px solid #f59e0b66;
}

.af2__btn--pause:hover {
  background: #f59e0b40;
}

.af2__btn--stop {
  color: #fca5a5;
  background: #f43f5e26;
  border: 1px solid #f43f5e66;
}

.af2__btn--stop:hover {
  background: #f43f5e40;
}

.af2__btn--emergency {
  cursor: pointer;
  text-transform: uppercase;
  color: #fff !important;
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
  border: 1px solid #fff6 !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 18px #dc262680 !important;
}

.af2__btn--emergency svg {
  stroke: #fff !important;
}

.af2__btn--emergency:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
  box-shadow: 0 6px 24px #ef4444b3 !important;
}

.af2__btn--emergency:active {
  transform: translateY(0);
}

.af2__emergency-banner {
  background: linear-gradient(135deg, #dc262633 0%, #b91c1c40 100%);
  border: 1px solid #ef444480;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  padding: 12px 18px;
  animation: 2s ease-in-out infinite bannerPulse;
  display: flex;
  box-shadow: 0 4px 20px #dc262640;
}

.af2__emergency-banner-left {
  color: #fecaca;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.af2__emergency-banner-left svg {
  color: #ef4444;
  flex-shrink: 0;
}

.af2__emergency-banner-btn {
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  background: #ef4444;
  border: none;
  border-radius: 8px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 700;
  transition: all .2s;
}

.af2__emergency-banner-btn:hover {
  background: #dc2626;
  transform: translateY(-1px);
}

@keyframes bannerPulse {
  0%, 100% {
    border-color: #ef444480;
  }

  50% {
    border-color: #ef4444e6;
  }
}

.af2__progress-card {
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.af2__progress-title {
  color: var(--af2-text-muted);
  text-transform: uppercase;
  letter-spacing: .5px;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.af2__sched-toggle {
  color: var(--af2-text-muted);
  background: #47556933;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.af2__sched-toggle:hover {
  color: var(--af2-text);
  background: #47556959;
}

.af2__prog-overall {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.af2__prog-meta {
  color: var(--af2-text-muted);
  justify-content: space-between;
  font-size: 11px;
  display: flex;
}

.af2__prog-meta span:last-child {
  color: var(--af2-purple-light);
  font-weight: 600;
}

.af2__prog-bar {
  background: #47556959;
  border-radius: 4px;
  height: 8px;
  overflow: hidden;
}

.af2__prog-fill {
  background: var(--af2-grad-primary);
  border-radius: 4px;
  height: 100%;
  transition: width .8s;
  box-shadow: 0 0 8px #6366f173;
}

.af2__prog-metrics {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  display: grid;
}

.af2__prog-metric {
  background: #0f162c80;
  border: 1px solid #6366f11a;
  border-radius: 8px;
  flex-direction: column;
  gap: 3px;
  padding: 8px 10px;
  display: flex;
}

.af2__prog-metric span {
  color: var(--af2-text-muted);
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 500;
}

.af2__prog-metric strong {
  color: var(--af2-text);
  font-size: 13px;
  font-weight: 700;
}

.af2__hour-track {
  flex-wrap: wrap;
  gap: 3px;
  display: flex;
}

.af2__hour-dot {
  cursor: pointer;
  background: #47556959;
  border: 1px solid #4755694d;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  transition: all .2s;
}

.af2__hour-dot--done {
  border-color: var(--af2-emerald);
  background: #10b98199;
}

.af2__hour-dot--active {
  background: var(--af2-indigo);
  border-color: var(--af2-purple-light);
  animation: 1s ease-in-out infinite alternate dotActive;
  box-shadow: 0 0 8px #6366f199;
}

@keyframes dotActive {
  from {
    box-shadow: 0 0 4px #6366f166;
  }

  to {
    box-shadow: 0 0 12px #6366f1cc;
  }
}

.af2__sched-table-wrap {
  border: 1px solid #6366f126;
  border-radius: 8px;
  max-height: 200px;
  overflow-y: auto;
}

.af2__sched-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 11px;
}

.af2__sched-table thead {
  z-index: 1;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #0b0f1ef2;
  position: sticky;
  top: 0;
}

.af2__sched-table thead th {
  text-align: left;
  color: var(--af2-text-muted);
  text-transform: uppercase;
  letter-spacing: .5px;
  border-bottom: 1px solid #6366f126;
  padding: 7px 10px;
  font-size: 9px;
  font-weight: 700;
}

.af2__sched-table tbody td {
  color: var(--af2-text-muted);
  border-bottom: 1px solid #6366f10f;
  padding: 6px 10px;
}

.af2__sched-row {
  transition: background .15s;
}

.af2__sched-row:hover {
  background: #6366f10f;
}

.af2__sched-row--done td {
  color: #94a3b880;
}

.af2__sched-row--active {
  background: #6366f114;
}

.af2__sched-row--active td {
  color: var(--af2-text);
}

.af2__sched-row--pending td {
  color: #94a3b899;
}

.af2__sched-tp {
  font-weight: 600;
  color: var(--af2-emerald) !important;
}

.af2__sched-stake {
  font-weight: 700;
  color: var(--af2-gold) !important;
}

.af2__sched-badge {
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 700;
}

.af2__sched-badge--done {
  color: var(--af2-emerald);
}

.af2__sched-badge--active {
  color: var(--af2-purple-light);
}

.af2__sched-badge--pending {
  color: #94a3b880;
}

.af2__logs-card {
  padding: 0;
  overflow: hidden;
}

.af2__logs-header {
  border-bottom: 1px solid #6366f126;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  display: flex;
}

.af2__logs-tabs {
  gap: 4px;
  display: flex;
}

.af2__tab {
  color: var(--af2-text-muted);
  background: none;
  border-radius: 7px;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.af2__tab--active {
  color: var(--af2-purple-light);
  background: #6366f126;
  border: 1px solid #6366f14d;
}

.af2__tab:hover:not(.af2__tab--active) {
  background: #47556933;
}

.af2__clear-btn {
  color: var(--af2-text-muted);
  background: #47556933;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 600;
  transition: all .2s;
}

.af2__clear-btn:hover {
  color: #fca5a5;
  background: #f43f5e26;
}

.af2__logs-empty {
  height: 120px;
  color: var(--af2-text-dim);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 20px;
  font-size: 13px;
  display: flex;
}

.af2__logs-empty svg {
  opacity: .3;
}

.af2__txn-wrap {
  max-height: 280px;
  overflow-y: auto;
}

.af2__txn-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 12px;
}

.af2__txn-table thead {
  z-index: 2;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #0b0f1ef2;
  position: sticky;
  top: 0;
}

.af2__txn-table thead th {
  text-align: left;
  color: var(--af2-text-muted);
  text-transform: uppercase;
  letter-spacing: .5px;
  white-space: nowrap;
  border-bottom: 1px solid #6366f126;
  padding: 9px 12px;
  font-size: 10px;
  font-weight: 700;
}

.af2__txn-table tbody td {
  color: var(--af2-text-muted);
  white-space: nowrap;
  border-bottom: 1px solid #6366f10f;
  padding: 8px 12px;
}

.af2__txn-row {
  transition: background .15s;
}

.af2__txn-row:hover {
  background: #6366f10a;
}

.af2__txn-row--win {
  background: #10b9810a;
}

.af2__txn-row--loss {
  background: #f43f5e0a;
}

.af2__txn-row--open {
  background: #6366f10a;
}

.af2__txn-id {
  color: var(--af2-text-dim);
  font-family: monospace;
  font-size: 10px;
}

.af2__type-badge {
  border-radius: 5px;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 700;
}

.af2__type-badge--under {
  color: #a5b4fc;
  background: #6366f133;
}

.af2__type-badge--over {
  color: #fcd34d;
  background: #f59e0b33;
}

.af2__open-label {
  color: var(--af2-text-dim);
  font-size: 11px;
  font-style: italic;
}

.af2__profit-cell {
  font-weight: 700;
}

.af2__profit-cell--win {
  color: var(--af2-emerald);
}

.af2__profit-cell--loss {
  color: var(--af2-rose);
}

.af2__result-pill {
  border-radius: 5px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 700;
}

.af2__result-pill--win {
  color: #6ee7b7;
  background: #10b98133;
}

.af2__result-pill--loss {
  color: #fca5a5;
  background: #f43f5e33;
}

.af2__result-pill--open {
  color: #a5b4fc;
  background: #6366f133;
}

.af2__journal-wrap {
  max-height: 280px;
  overflow-y: auto;
}

.af2__journal-list {
  flex-direction: column;
  display: flex;
}

.af2__journal-item {
  border-bottom: 1px solid #6366f10f;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  transition: background .15s;
  display: flex;
}

.af2__journal-item:hover {
  background: #6366f10a;
}

.af2__journal-item--win {
  border-left: 2px solid #10b98180;
}

.af2__journal-item--loss {
  border-left: 2px solid #f43f5e80;
}

.af2__journal-item--pending {
  border-left: 2px solid #6366f159;
}

.af2__journal-item--aborted {
  border-left: 2px solid #f59e0b80;
}

.af2__journal-left {
  flex-direction: column;
  gap: 2px;
  min-width: 120px;
  display: flex;
}

.af2__journal-type {
  color: var(--af2-text);
  text-transform: uppercase;
  letter-spacing: .3px;
  font-size: 10px;
  font-weight: 700;
}

.af2__journal-market {
  color: var(--af2-text-dim);
  font-size: 10px;
}

.af2__journal-center {
  flex: 1;
}

.af2__journal-details {
  color: var(--af2-text-muted);
  font-size: 11px;
  line-height: 1.4;
}

.af2__journal-right {
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  min-width: 70px;
  display: flex;
}

.af2__journal-profit {
  color: var(--af2-text-muted);
  font-size: 12px;
  font-weight: 700;
}

.af2__journal-profit.win {
  color: var(--af2-emerald);
}

.af2__journal-profit.loss {
  color: var(--af2-rose);
}

.af2__journal-time {
  color: var(--af2-text-dim);
  font-variant-numeric: tabular-nums;
  font-size: 9px;
}

.af2__console-wrap {
  background: #05070ff2;
  max-height: 280px;
  padding: 10px 14px;
  font-family: JetBrains Mono, Fira Code, Roboto Mono, monospace;
  font-size: 11px;
  overflow-y: auto;
}

.af2__console-terminal {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.af2__console-line {
  word-break: break-word;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.4;
  display: flex;
}

.af2__console-line--info {
  color: #cbd5e1;
}

.af2__console-line--success {
  color: #4ade80;
}

.af2__console-line--warn {
  color: #fcd34d;
}

.af2__console-line--error {
  color: #f87171;
}

.af2__console-time {
  color: #64748b;
  flex-shrink: 0;
  font-size: 10px;
}

.af2__console-tag {
  color: #818cf8;
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 700;
}

.af2__console-text {
  flex: 1;
}

@media (max-width: 1360px) {
  .af2__hero-row {
    grid-template-columns: repeat(2, 1fr);
  }

  .af2__control-row {
    grid-template-columns: 1fr;
  }

  .af2__prog-metrics {
    grid-template-columns: repeat(2, 1fr);
  }

  .af2__stats-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1080px) {
  .af2__layout {
    grid-template-columns: 1fr;
    height: auto;
  }

  .af2__sidebar {
    border-bottom: 1px solid #6366f126;
    border-right: none;
    max-height: 220px;
  }

  .af2__market-list {
    flex-flow: row;
    padding: 6px;
    overflow-x: auto;
  }

  .af2__market-card {
    flex: none;
    min-width: 140px;
  }

  .af2__main {
    height: auto;
    padding: 12px 14px;
    overflow: visible;
  }
}

@media (max-width: 768px) {
  .af2__header {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 12px 14px;
  }

  .af2__header-brand {
    justify-content: space-between;
  }

  .af2__header-stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    width: 100%;
    display: grid;
  }

  .af2__stat-pill {
    padding: 6px 8px;
    font-size: 11px;
  }

  .af2__hero-row {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .af2__hero-card {
    min-height: 90px;
    padding: 12px 8px;
  }

  .af2__inputs-grid, .af2__prog-metrics {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .af2__action-btns {
    flex-direction: column;
    gap: 8px;
  }

  .af2__action-btns button {
    justify-content: center;
    width: 100%;
  }
}

@media (max-width: 480px) {
  .af2__header-stats {
    grid-template-columns: 1fr 1fr;
  }

  .af2__inputs-grid {
    grid-template-columns: 1fr;
  }
}

.af2__server-banner {
  flex-direction: column;
  gap: .5rem;
  padding: 0 1.5rem .5rem;
  display: flex;
}

.af2__server-toggle {
  align-items: center;
  gap: .375rem;
  display: flex;
}

.af2__mode-pill {
  color: #ffffff73;
  cursor: pointer;
  font-size: .72rem;
  font-weight: 500;
  font-family: var(--af2-font);
  background: #6366f10f;
  border: 1px solid #6366f140;
  border-radius: 999px;
  align-items: center;
  gap: .35rem;
  padding: .3rem .75rem;
  transition: all .2s;
  display: inline-flex;
}

.af2__mode-pill:hover {
  color: #ffffffbf;
  border-color: #8b5cf666;
}

.af2__mode-pill--active {
  color: #c4b5fd;
  background: linear-gradient(135deg, #8b5cf64d, #6366f140);
  border-color: #8b5cf699;
  box-shadow: 0 0 12px #8b5cf633;
}

.af2__server-panel {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  font-family: var(--af2-font);
  background: #0f162cb3;
  border: 1px solid #6366f133;
  border-radius: 12px;
  flex-direction: column;
  gap: .75rem;
  padding: .875rem 1rem;
  display: flex;
}

.af2__server-panel--online {
  border-color: #10b9814d;
  box-shadow: 0 0 16px #10b98114;
}

.af2__server-panel--offline {
  opacity: .85;
  border-color: #f43f5e40;
}

.af2__server-status {
  color: #ffffffa6;
  align-items: center;
  gap: .5rem;
  font-size: .78rem;
  display: flex;
}

.af2__server-status code {
  color: #a78bfa;
  background: #6366f126;
  border: 1px solid #6366f14d;
  border-radius: 4px;
  padding: .1rem .4rem;
  font-size: .72rem;
}

.af2__server-icon--online {
  color: #10b981;
}

.af2__server-icon--offline {
  color: #f43f5e;
}

.af2__server-badge {
  letter-spacing: .03em;
  border: 1px solid #0000;
  border-radius: 999px;
  margin-left: auto;
  padding: .2rem .65rem;
  font-size: .7rem;
  font-weight: 600;
}

.af2__server-badge--running {
  color: #4ade80;
  background: #10b98126;
  border-color: #10b98159;
  animation: 2s ease-in-out infinite af2-pulse;
}

.af2__server-badge--idle {
  color: #9ca3af;
  background: #6b728026;
  border-color: #6b72804d;
}

.af2__server-badge--connecting {
  color: #fbbf24;
  background: #f59e0b26;
  border-color: #f59e0b59;
}

.af2__server-badge--unreachable, .af2__server-badge--error {
  color: #fb7185;
  background: #f43f5e26;
  border-color: #f43f5e59;
}

.af2__server-controls {
  flex-direction: column;
  gap: .6rem;
  display: flex;
}

.af2__server-stats {
  color: #ffffff8c;
  flex-wrap: wrap;
  gap: .4rem 1rem;
  font-size: .74rem;
  display: flex;
}

.af2__server-stats strong {
  font-weight: 600;
}

.af2__server-actions {
  gap: .5rem;
  display: flex;
}

.af2__server-logs {
  background: #0003;
  border: 1px solid #6366f11f;
  border-radius: 8px;
  flex-direction: column;
  gap: .25rem;
  max-height: 140px;
  padding: .4rem .5rem;
  display: flex;
  overflow-y: auto;
}

.af2__server-log-row {
  border-bottom: 1px solid #ffffff0a;
  grid-template-columns: 60px 120px 1fr auto;
  align-items: center;
  gap: .4rem;
  padding: .18rem 0;
  font-size: .68rem;
  display: grid;
}

.af2__server-log-row--win {
  border-left: 2px solid #10b981;
  padding-left: .35rem;
}

.af2__server-log-row--loss {
  border-left: 2px solid #f43f5e;
  padding-left: .35rem;
}

.af2__server-log-row--pending {
  border-left: 2px solid #6366f1;
  padding-left: .35rem;
}

.af2__server-log-row:last-child {
  border-bottom: none;
}

.af2__log-time {
  color: #ffffff59;
}

.af2__log-type {
  color: #a78bfa;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  overflow: hidden;
}

.af2__log-details {
  color: #ffffff80;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.af2__strategy-intelligence-panel {
  background: #0f172ab3;
  border: 1px solid #6366f140;
  border-radius: 16px;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: .5rem;
  padding: 1.25rem 1.4rem;
  display: flex;
  box-shadow: 0 12px 36px #00000073;
}

.af2__sip-header {
  border-bottom: 1px solid #ffffff14;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.af2__sip-title-box {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.af2__sip-title-box .af2__sip-icon {
  color: #818cf8;
  filter: drop-shadow(0 0 8px #818cf866);
}

.af2__sip-title-box h3 {
  letter-spacing: -.01em;
  background: linear-gradient(135deg, #fff, #c7d2fe);
  -webkit-text-fill-color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.05rem;
  font-weight: 800;
}

.af2__sip-title-box span {
  color: #94a3b8;
  font-size: .76rem;
}

.af2__sip-halfway-box {
  flex-direction: column;
  gap: .35rem;
  min-width: 280px;
  display: flex;
}

.af2__sip-halfway-box .af2__sip-hw-labels {
  color: #cbd5e1;
  justify-content: space-between;
  align-items: center;
  font-size: .76rem;
  display: flex;
}

.af2__sip-halfway-box .af2__sip-hw-labels strong {
  color: #fff;
}

.af2__sip-halfway-box .af2__sip-hw-labels small {
  color: #64748b;
}

.af2__sip-halfway-box .af2__sip-hw-divider {
  color: #a78bfa;
  background: #8b5cf626;
  border-radius: 999px;
  padding: .15rem .5rem;
  font-size: .7rem;
  font-weight: 700;
}

.af2__sip-halfway-box .af2__sip-hw-track {
  background: #0006;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  height: 8px;
  display: flex;
  overflow: hidden;
}

.af2__sip-halfway-box .af2__sip-hw-fill {
  height: 100%;
  transition: width .4s;
}

.af2__sip-halfway-box .af2__sip-hw-fill.u {
  background: linear-gradient(90deg, #6366f1, #06b6d4);
}

.af2__sip-halfway-box .af2__sip-hw-fill.o {
  background: linear-gradient(90deg, #f59e0b, #ef4444);
}

.af2__sip-rankings-row {
  grid-template-columns: repeat(4, 1fr);
  gap: .85rem;
  display: grid;
}

@media (max-width: 820px) {
  .af2__sip-rankings-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

.af2__sip-rank-card {
  background: #0f172a80;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  gap: .25rem;
  padding: .85rem .75rem;
  transition: transform .2s, border-color .2s;
  display: flex;
}

.af2__sip-rank-card:hover {
  transform: translateY(-2px);
}

.af2__sip-rank-card.gold, .af2__sip-rank-card.yellow {
  background: linear-gradient(#eab30829, #0f172a99);
  border-color: #eab30873;
  box-shadow: 0 4px 15px #eab30826;
}

.af2__sip-rank-card.gold .af2__sip-rank-digit, .af2__sip-rank-card.yellow .af2__sip-rank-digit {
  color: #facc15;
  text-shadow: 0 0 14px #eab30880;
}

.af2__sip-rank-card.green {
  background: linear-gradient(#22c55e29, #0f172a99);
  border-color: #22c55e73;
  box-shadow: 0 4px 15px #22c55e26;
}

.af2__sip-rank-card.green .af2__sip-rank-digit {
  color: #4ade80;
  text-shadow: 0 0 14px #22c55e80;
}

.af2__sip-rank-card.blue {
  background: linear-gradient(#3b82f629, #0f172a99);
  border-color: #3b82f673;
  box-shadow: 0 4px 15px #3b82f626;
}

.af2__sip-rank-card.blue .af2__sip-rank-digit {
  color: #60a5fa;
  text-shadow: 0 0 14px #3b82f680;
}

.af2__sip-rank-card.silver {
  background: linear-gradient(#94a3b81a, #0f172a80);
  border-color: #94a3b859;
}

.af2__sip-rank-card.silver .af2__sip-rank-digit {
  color: #e2e8f0;
}

.af2__sip-rank-card.bronze {
  background: linear-gradient(#d977061a, #0f172a80);
  border-color: #d9770659;
}

.af2__sip-rank-card.bronze .af2__sip-rank-digit {
  color: #f97316;
}

.af2__sip-rank-card.least, .af2__sip-rank-card.red {
  background: linear-gradient(#ef444429, #0f172a99);
  border-color: #ef444473;
  box-shadow: 0 4px 15px #ef444426;
}

.af2__sip-rank-card.least .af2__sip-rank-digit, .af2__sip-rank-card.red .af2__sip-rank-digit {
  color: #f87171;
  text-shadow: 0 0 14px #ef444480;
}

.af2__sip-rank-card .af2__sip-rank-badge {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #94a3b8;
  font-size: .68rem;
  font-weight: 700;
}

.af2__sip-rank-card .af2__sip-rank-digit {
  font-size: 1.85rem;
  font-weight: 900;
  line-height: 1.1;
}

.af2__sip-rank-card .af2__sip-rank-pct {
  color: #cbd5e1;
  font-size: .74rem;
  font-weight: 600;
}

.af2__sip-rank-card .af2__sip-rank-pct small {
  color: #64748b;
}

.af2__sip-rank-card .af2__sip-rank-tag {
  letter-spacing: .02em;
  border-radius: 999px;
  margin-top: .15rem;
  padding: .15rem .5rem;
  font-size: .62rem;
  font-weight: 700;
}

.af2__sip-rank-card .af2__sip-rank-tag.valid {
  color: #4ade80;
  background: #22c55e33;
  border: 1px solid #22c55e66;
}

.af2__sip-rank-card .af2__sip-rank-tag.invalid {
  color: #f87171;
  background: #ef444433;
  border: 1px solid #ef444466;
}

.af2__trigger-seq-banner {
  background: #0f172a99;
  border: 1px solid #6366f140;
  border-radius: 12px;
  flex-direction: column;
  gap: .65rem;
  padding: .85rem 1rem;
  display: flex;
  box-shadow: 0 4px 18px #0003;
}

.af2__trigger-seq-banner .af2__tsb-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.af2__trigger-seq-banner .af2__tsb-head .af2__tsb-title {
  color: #e2e8f0;
  letter-spacing: .02em;
  align-items: center;
  gap: .4rem;
  font-size: .8rem;
  font-weight: 800;
  display: flex;
}

.af2__trigger-seq-banner .af2__tsb-head .af2__tsb-badge {
  letter-spacing: .03em;
  text-transform: uppercase;
  border-radius: 6px;
  padding: .2rem .6rem;
  font-size: .68rem;
  font-weight: 800;
}

.af2__trigger-seq-banner .af2__tsb-head .af2__tsb-badge.triggered {
  color: #fff;
  background: linear-gradient(135deg, #10b981, #059669);
  animation: 1.5s infinite af2-pulse-ring;
  box-shadow: 0 0 12px #10b98180;
}

.af2__trigger-seq-banner .af2__tsb-head .af2__tsb-badge.waiting {
  color: #facc15;
  background: #eab30833;
  border: 1px solid #eab30866;
}

.af2__trigger-seq-banner .af2__tsb-head .af2__tsb-badge.paused {
  color: #f87171;
  background: #ef444433;
  border: 1px solid #ef444466;
}

.af2__trigger-seq-banner .af2__tsb-steps {
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem;
  display: flex;
}

.af2__trigger-seq-banner .af2__tsb-steps .af2__tsb-step {
  color: #cbd5e1;
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  align-items: center;
  gap: .4rem;
  padding: .35rem .75rem;
  font-size: .75rem;
  font-weight: 700;
  display: flex;
}

.af2__trigger-seq-banner .af2__tsb-steps .af2__tsb-step.done {
  color: #4ade80;
  background: #22c55e26;
  border-color: #22c55e66;
}

.af2__trigger-seq-banner .af2__tsb-steps .af2__tsb-step.active {
  color: #fef08a;
  background: #eab3082e;
  border-color: #eab30880;
  box-shadow: 0 0 10px #eab30840;
}

.af2__trigger-seq-banner .af2__tsb-steps .af2__tsb-step .step-idx {
  opacity: .7;
  font-size: .65rem;
}

.af2__trigger-seq-banner .af2__tsb-steps .af2__tsb-step .step-digit {
  font-family: JetBrains Mono, monospace;
  font-size: .95rem;
  font-weight: 900;
}

.af2__trigger-seq-banner .af2__tsb-steps .af2__tsb-arrow {
  color: #64748b;
  font-weight: 800;
}

.af2__trigger-seq-banner .af2__tsb-footer {
  color: #94a3b8;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .4rem;
  font-size: .72rem;
  display: flex;
}

.af2__trigger-seq-banner .af2__tsb-footer .af2__tsb-reasons {
  color: #cbd5e1;
}

.af2__trigger-seq-banner .af2__tsb-footer .af2__tsb-runs {
  color: #a5b4fc;
  font-weight: 800;
}

.af2__sip-spectrum-strip {
  background: #00000040;
  border: 1px solid #ffffff0d;
  border-radius: 10px;
  flex-wrap: wrap;
  align-items: center;
  gap: .85rem;
  padding: .65rem .85rem;
  display: flex;
}

.af2__sip-spectrum-strip .af2__sip-spectrum-lbl {
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: .03em;
  font-size: .74rem;
  font-weight: 700;
}

.af2__sip-spectrum-strip .af2__sip-digits-list {
  flex: 1;
  justify-content: space-between;
  gap: .35rem;
  display: flex;
  overflow-x: auto;
}

.af2__sip-spectrum-strip .af2__sip-digit-col {
  background: #ffffff08;
  border: 1px solid #ffffff0f;
  border-radius: 6px;
  flex-direction: column;
  align-items: center;
  gap: .1rem;
  min-width: 32px;
  padding: .3rem .45rem;
  display: flex;
}

.af2__sip-spectrum-strip .af2__sip-digit-col.hot {
  background: #f59e0b1a;
  border-color: #f59e0b66;
}

.af2__sip-spectrum-strip .af2__sip-digit-col.hot .d-num {
  color: #fbbf24;
}

.af2__sip-spectrum-strip .af2__sip-digit-col.cold {
  background: #ef44441a;
  border-color: #ef444466;
}

.af2__sip-spectrum-strip .af2__sip-digit-col.cold .d-num {
  color: #f87171;
}

.af2__sip-spectrum-strip .af2__sip-digit-col .d-num {
  color: #f1f5f9;
  font-size: .82rem;
  font-weight: 800;
}

.af2__sip-spectrum-strip .af2__sip-digit-col .d-pct100 {
  color: #818cf8;
  font-size: .65rem;
  font-weight: 700;
}

.af2__sip-spectrum-strip .af2__sip-digit-col .d-pct50 {
  color: #94a3b8;
  font-size: .6rem;
}

.af2__engines-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

@media (max-width: 1200px) {
  .af2__engines-grid {
    gap: .75rem;
  }
}

@media (max-width: 1024px) {
  .af2__engines-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
  }
}

@media (max-width: 680px) {
  .af2__engines-grid {
    grid-template-columns: 1fr;
    gap: .65rem;
  }
}

.af2__engine-card {
  cursor: pointer;
  background: #0f172a99;
  border: 1px solid #6366f133;
  border-radius: 14px;
  flex-direction: column;
  gap: .85rem;
  padding: 1.15rem;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .af2__engine-card {
    border-radius: 12px;
    gap: .65rem;
    padding: .85rem;
  }
}

@media (max-width: 640px) {
  .af2__engine-card {
    border-radius: 10px;
    gap: .5rem;
    padding: .65rem;
  }
}

.af2__engine-card:hover {
  border-color: #818cf880;
  transform: translateY(-3px);
  box-shadow: 0 10px 24px #00000059;
}

.af2__engine-card--active {
  background: linear-gradient(#6366f126, #0f172abf);
  border-color: #6366f1;
  box-shadow: 0 0 20px #6366f140, inset 0 1px #ffffff1a;
}

.af2__engine-card--active:before {
  content: "";
  background: linear-gradient(90deg, #6366f1, #06b6d4);
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.af2__engine-card-top {
  justify-content: space-between;
  align-items: flex-start;
  gap: .5rem;
  display: flex;
}

.af2__engine-card-header h4 {
  color: #f1f5f9;
  margin-bottom: .15rem;
  font-size: .95rem;
  font-weight: 800;
}

.af2__engine-card-header .af2__engine-winrate {
  color: #34d399;
  background: #10b9811f;
  border-radius: 999px;
  padding: .15rem .5rem;
  font-size: .7rem;
  font-weight: 700;
  display: inline-block;
}

.af2__engine-active-chip {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #94a3b8;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  padding: .25rem .65rem;
  font-size: .65rem;
  font-weight: 800;
  transition: all .2s;
}

.af2__engine-active-chip.active {
  color: #fff;
  background: linear-gradient(135deg, #4f46e5, #6366f1);
  border-color: #818cf8;
  box-shadow: 0 0 10px #6366f166;
}

.af2__engine-pb-container {
  flex-direction: column;
  gap: .55rem;
  display: flex;
}

.af2__engine-pb-wrap {
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.af2__engine-pb-wrap .af2__engine-pb-meta {
  color: #cbd5e1;
  justify-content: space-between;
  align-items: center;
  font-size: .73rem;
  display: flex;
}

.af2__engine-pb-wrap .af2__engine-pb-meta strong {
  color: #fff;
}

.af2__engine-pb-wrap .af2__engine-pb-meta small {
  color: #64748b;
}

.af2__engine-pb-wrap .af2__engine-pb-vs {
  color: #818cf8;
  letter-spacing: .05em;
  font-size: .62rem;
  font-weight: 800;
}

.af2__engine-pb-wrap .af2__engine-pb-track {
  background: #00000073;
  border: 1px solid #ffffff0f;
  border-radius: 999px;
  height: 6px;
  display: flex;
  overflow: hidden;
}

.af2__engine-pb-wrap .af2__engine-pb-fill {
  height: 100%;
  transition: width .4s;
}

.af2__engine-pb-wrap .af2__engine-pb-fill.a {
  background: linear-gradient(90deg, #10b981, #06b6d4);
}

.af2__engine-pb-wrap .af2__engine-pb-fill.b {
  background: linear-gradient(90deg, #f43f5e, #e11d48);
}

.af2__square-card-deck {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #0b0f1e99;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-direction: column;
  gap: .5rem;
  padding: .75rem .9rem;
  display: flex;
  box-shadow: 0 4px 20px #00000040;
}

@media (max-width: 1024px) {
  .af2__square-card-deck {
    border-radius: 10px;
    gap: .45rem;
    padding: .6rem .75rem;
  }
}

@media (max-width: 640px) {
  .af2__square-card-deck {
    border-radius: 8px;
    gap: .35rem;
    padding: .45rem .5rem;
  }
}

.af2__square-card-meta {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .4rem;
  font-size: .72rem;
  display: flex;
}

@media (max-width: 640px) {
  .af2__square-card-meta {
    gap: .25rem;
    font-size: .62rem;
  }
}

.af2__square-card-meta .af2__square-card-title-wrap {
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  min-width: 0;
  display: flex;
}

@media (max-width: 640px) {
  .af2__square-card-meta .af2__square-card-title-wrap {
    gap: .25rem;
  }
}

.af2__square-card-meta .af2__square-card-title {
  color: #f1f5f9;
  letter-spacing: .02em;
  font-size: .72rem;
  font-weight: 700;
}

@media (max-width: 1024px) {
  .af2__square-card-meta .af2__square-card-title {
    font-size: .66rem;
  }
}

@media (max-width: 640px) {
  .af2__square-card-meta .af2__square-card-title {
    font-size: .58rem;
    line-height: 1.2;
  }
}

.af2__square-card-meta .af2__square-card-count {
  color: #94a3b8;
  background: #ffffff0f;
  border-radius: 4px;
  padding: 1px 5px;
  font-size: .62rem;
  font-weight: 600;
}

@media (max-width: 640px) {
  .af2__square-card-meta .af2__square-card-count {
    padding: 0 4px;
    font-size: .52rem;
  }
}

.af2__square-card-meta .af2__square-legend {
  align-items: center;
  gap: .65rem;
  display: flex;
}

@media (max-width: 640px) {
  .af2__square-card-meta .af2__square-legend {
    gap: .35rem;
  }
}

.af2__square-card-meta .af2__sq-badge {
  align-items: center;
  gap: 3px;
  font-size: .66rem;
  font-weight: 700;
  display: inline-flex;
}

@media (max-width: 640px) {
  .af2__square-card-meta .af2__sq-badge {
    gap: 2px;
    font-size: .54rem;
  }
}

.af2__square-card-meta .af2__sq-badge.under {
  color: #fb7185;
}

.af2__square-card-meta .af2__sq-badge.over {
  color: #34d399;
}

.af2__square-card-meta .af2__legend-dot {
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: inline-block;
}

@media (max-width: 640px) {
  .af2__square-card-meta .af2__legend-dot {
    width: 5px;
    height: 5px;
  }
}

.af2__square-card-meta .af2__legend-dot.under {
  background: #f43f5e;
  box-shadow: 0 0 6px #f43f5e99;
}

.af2__square-card-meta .af2__legend-dot.over {
  background: #10b981;
  box-shadow: 0 0 6px #10b98199;
}

.af2__square-grid {
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 5px;
  width: 100%;
  padding: 1px 0;
  display: grid;
}

@media (max-width: 1024px) {
  .af2__square-grid {
    gap: 4px;
  }
}

@media (max-width: 640px) {
  .af2__square-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 2.5px;
  }
}

@media (max-width: 380px) {
  .af2__square-grid {
    gap: 2px;
  }
}

.af2__square-grid-empty {
  text-align: center;
  color: #64748b;
  grid-column: 1 / -1;
  padding: .75rem 0;
  font-size: .72rem;
}

.af2__square-digit-pill {
  aspect-ratio: 1;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
  cursor: default;
  border-radius: 7px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 36px;
  height: auto;
  min-height: 0;
  max-height: 36px;
  margin: 0 auto;
  font-family: JetBrains Mono, Inter, monospace;
  transition: transform .18s cubic-bezier(.4, 0, .2, 1), box-shadow .18s;
  display: flex;
  position: relative;
}

@media (max-width: 1024px) {
  .af2__square-digit-pill {
    border-radius: 5px;
    max-width: 32px;
    max-height: 32px;
  }
}

@media (max-width: 640px) {
  .af2__square-digit-pill {
    border-radius: 4px;
    max-width: 28px;
    max-height: 28px;
  }
}

@media (max-width: 380px) {
  .af2__square-digit-pill {
    border-radius: 3px;
    max-width: 22px;
    max-height: 22px;
  }
}

.af2__square-digit-pill:hover {
  z-index: 5;
  transform: translateY(-2px)scale(1.12);
}

.af2__square-digit-pill .af2__sq-val {
  letter-spacing: -.02em;
  font-size: .9rem;
  font-weight: 800;
  line-height: 1;
}

@media (max-width: 1024px) {
  .af2__square-digit-pill .af2__sq-val {
    font-size: .76rem;
  }
}

@media (max-width: 640px) {
  .af2__square-digit-pill .af2__sq-val {
    font-size: .62rem;
  }
}

@media (max-width: 380px) {
  .af2__square-digit-pill .af2__sq-val {
    font-size: .54rem;
  }
}

.af2__square-digit-pill .af2__sq-letter {
  letter-spacing: .05em;
  text-transform: uppercase;
  opacity: .92;
  margin-top: 1px;
  font-size: .52rem;
  font-weight: 800;
  line-height: 1;
}

@media (max-width: 1024px) {
  .af2__square-digit-pill .af2__sq-letter {
    margin-top: 0;
    font-size: .44rem;
  }
}

@media (max-width: 640px) {
  .af2__square-digit-pill .af2__sq-letter {
    font-size: .36rem;
  }
}

@media (max-width: 380px) {
  .af2__square-digit-pill .af2__sq-letter {
    font-size: .3rem;
  }
}

.af2__square-digit-pill--under {
  background: linear-gradient(135deg, #f43f5e33 0%, #e11d481a 100%);
  border: 1px solid #f43f5e80;
  box-shadow: 0 2px 5px #f43f5e26, inset 0 1px #ffffff14;
}

.af2__square-digit-pill--under .af2__sq-val {
  color: #fff;
  text-shadow: 0 0 8px #f43f5e99;
}

.af2__square-digit-pill--under .af2__sq-letter {
  color: #fecdd3;
}

.af2__square-digit-pill--under:hover {
  border-color: #f43f5ee6;
  box-shadow: 0 4px 12px #f43f5e66, inset 0 1px #fff3;
}

.af2__square-digit-pill--over {
  background: linear-gradient(135deg, #10b98133 0%, #0596691a 100%);
  border: 1px solid #10b98180;
  box-shadow: 0 2px 5px #10b98126, inset 0 1px #ffffff14;
}

.af2__square-digit-pill--over .af2__sq-val {
  color: #fff;
  text-shadow: 0 0 8px #10b98199;
}

.af2__square-digit-pill--over .af2__sq-letter {
  color: #a7f3d0;
}

.af2__square-digit-pill--over:hover {
  border-color: #10b981e6;
  box-shadow: 0 4px 12px #10b98166, inset 0 1px #fff3;
}

.af2__square-digit-pill--latest {
  border-width: 1.5px;
  font-weight: 900;
  animation: 1.4s ease-in-out infinite af2-square-pulse;
}

.af2__square-digit-pill--latest.af2__square-digit-pill--under {
  background: linear-gradient(135deg, #f43f5e8c 0%, #e11d4859 100%);
  border-color: #f43f5e;
  box-shadow: 0 0 12px #f43f5ecc, inset 0 0 6px #f43f5e66;
}

.af2__square-digit-pill--latest.af2__square-digit-pill--under .af2__sq-letter {
  color: #fff;
}

.af2__square-digit-pill--latest.af2__square-digit-pill--over {
  background: linear-gradient(135deg, #10b9818c 0%, #05966959 100%);
  border-color: #10b981;
  box-shadow: 0 0 12px #10b981cc, inset 0 0 6px #10b98166;
}

.af2__square-digit-pill--latest.af2__square-digit-pill--over .af2__sq-letter {
  color: #fff;
}

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

  50% {
    transform: scale(1.06);
  }
}

.af2__engine-telemetry-strip {
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: auto;
  padding-top: .35rem;
  display: flex;
}

.af2__engine-telemetry-strip .af2__tel-pill {
  border: 1px solid #0000;
  border-radius: 6px;
  padding: .2rem .55rem;
  font-size: .66rem;
  font-weight: 700;
}

.af2__engine-telemetry-strip .af2__tel-pill.good {
  color: #34d399;
  background: #10b9811f;
  border-color: #10b9814d;
}

.af2__engine-telemetry-strip .af2__tel-pill.warn {
  color: #fbbf24;
  background: #f59e0b1f;
  border-color: #f59e0b4d;
}

.af2__engine-telemetry-strip .af2__tel-pill.neutral {
  color: #94a3b8;
  background: #64748b26;
  border-color: #64748b40;
}

.af2__engine-telemetry-strip .af2__tel-pill.info {
  color: #a5b4fc;
  background: #6366f11f;
  border-color: #6366f14d;
}

.af2__engine-telemetry-strip .af2__tel-pill.info strong {
  color: #fff;
}

.autotrades-page {
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  background: none;
  flex-direction: column;
  flex: 1;
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  padding: .75rem 1.2rem 1.6rem;
  display: flex;
  overflow: hidden auto;
}

@media (max-width: 1080px) {
  .autotrades-page {
    padding: .6rem .8rem 1.4rem;
  }
}

@media (max-width: 768px) {
  .autotrades-page {
    padding: .4rem .5rem 1rem;
  }
}

.autotrades-header {
  flex-direction: column;
  flex-shrink: 0;
  gap: .6rem;
  margin-bottom: .75rem;
  display: flex;
}

.autotrades-header__top-row {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  width: 100%;
  display: flex;
}

@media (max-width: 900px) {
  .autotrades-header__top-row {
    flex-direction: column;
    align-items: stretch;
    gap: .5rem;
  }
}

.autotrades-header__status-badge-wrap {
  flex-shrink: 0;
}

.autotrades-header__status-badge-wrap .autotrades-status-badge {
  min-width: 200px;
  height: 48px;
}

@media (max-width: 900px) {
  .autotrades-header__status-badge-wrap {
    width: 100%;
  }

  .autotrades-header__status-badge-wrap .autotrades-status-badge {
    width: 100%;
    max-width: 100%;
  }
}

.autotrades-header__info {
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.autotrades-header__title-row {
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.autotrades-header__badge {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #60a5fa;
  background: linear-gradient(135deg, #3b82f626, #9333ea26);
  border: 1px solid #3b82f659;
  border-radius: 9999px;
  padding: .2rem .6rem;
  font-size: .8rem;
  font-weight: 800;
}

.autotrades-header__title {
  letter-spacing: -.02em;
  background: linear-gradient(135deg, #f8fafc 0%, #cbd5e1 50%, #94a3b8 100%);
  -webkit-text-fill-color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  font-size: 1.6rem;
  font-weight: 800;
}

body:not(.theme--dark) .autotrades-header__title {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
  -webkit-text-fill-color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

@media (max-width: 768px) {
  .autotrades-header__title {
    font-size: 1.3rem;
  }
}

.autotrades-header__desc {
  color: #94a3b8;
  max-width: 800px;
  margin: 0;
  font-size: .95rem;
  line-height: 1.4;
}

body:not(.theme--dark) .autotrades-header__desc {
  color: #64748b;
}

@media (max-width: 768px) {
  .autotrades-header__desc {
    font-size: .82rem;
  }
}

.autotrades-nav {
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
  align-items: center;
  gap: .6rem;
  width: 100%;
  max-width: 100%;
  padding: .2rem .2rem .5rem;
  display: flex;
  overflow-x: auto;
}

.autotrades-nav::-webkit-scrollbar {
  height: 3px;
}

.autotrades-nav::-webkit-scrollbar-thumb {
  background: #94a3b840;
  border-radius: 4px;
}

.autotrades-nav__item {
  cursor: pointer;
  text-align: left;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #0f172aa6;
  border: 1px solid #94a3b826;
  border-radius: 12px;
  flex: 1 0 0;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  max-width: 250px;
  height: 52px;
  padding: .55rem .85rem;
  transition: all .2s cubic-bezier(.16, 1, .3, 1);
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

body:not(.theme--dark) .autotrades-nav__item {
  background: #fff;
  border: 1px solid #e2e8f0e6;
  box-shadow: 0 2px 8px #0000000a;
}

.autotrades-nav__item:before {
  content: "";
  background: none;
  height: 2px;
  transition: background .3s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.autotrades-nav__item:hover {
  border-color: #60a5fa66;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px #0003;
}

body:not(.theme--dark) .autotrades-nav__item:hover {
  box-shadow: 0 4px 14px #3b82f61a;
}

.autotrades-nav__item--active {
  background: linear-gradient(135deg, #1e293be6, #0f172afa);
  border-color: #60a5faa6;
  box-shadow: 0 4px 20px #2563eb40, inset 0 0 12px #3b82f61f;
}

body:not(.theme--dark) .autotrades-nav__item--active {
  background: linear-gradient(135deg, #f0fdf4 0%, #fff 100%);
  border-color: #3b82f6;
  box-shadow: 0 4px 16px #3b82f626;
}

.autotrades-nav__item--active:before {
  background: linear-gradient(90deg, #38bdf8, #818cf8, #c084fc);
}

.autotrades-nav__item-icon {
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 9px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: 1.35rem;
  display: flex;
}

body:not(.theme--dark) .autotrades-nav__item-icon {
  background: #3b82f614;
  border: 1px solid #3b82f626;
}

.autotrades-nav__item-text {
  flex-direction: column;
  gap: .15rem;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.autotrades-nav__item-label-row {
  align-items: center;
  gap: .45rem;
  display: flex;
}

.autotrades-nav__item-label {
  color: #f1f5f9;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .95rem;
  font-weight: 700;
  overflow: hidden;
}

body:not(.theme--dark) .autotrades-nav__item-label {
  color: #0f172a;
}

.autotrades-nav__item-badge {
  color: #38bdf8;
  white-space: nowrap;
  background: #60a5fa26;
  border: 1px solid #38bdf840;
  border-radius: 4px;
  padding: .1rem .4rem;
  font-size: .72rem;
  font-weight: 700;
}

.autotrades-nav__item-subtitle {
  color: #94a3b8;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .78rem;
  overflow: hidden;
}

body:not(.theme--dark) .autotrades-nav__item-subtitle {
  color: #64748b;
}

@media (max-width: 1024px) {
  .autotrades-nav {
    gap: .45rem;
  }

  .autotrades-nav__item {
    flex: none;
    min-width: max-content;
    max-width: none;
    height: 46px;
    padding: .45rem .75rem;
  }

  .autotrades-nav__item-icon {
    width: 28px;
    height: 28px;
    font-size: 1.15rem;
  }

  .autotrades-nav__item-label {
    font-size: .88rem;
  }

  .autotrades-nav__item-subtitle {
    display: none;
  }
}

@media (max-width: 640px) {
  .autotrades-nav {
    gap: .35rem;
  }

  .autotrades-nav__item {
    height: 40px;
    padding: .35rem .65rem;
  }

  .autotrades-nav__item-icon {
    width: 24px;
    height: 24px;
    font-size: 1rem;
  }

  .autotrades-nav__item-label {
    font-size: .82rem;
  }

  .autotrades-nav__item-badge {
    display: none;
  }
}

.autotrades-body {
  flex: 1;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  position: relative;
}

html, body, #root, #app, .app-root, .bot, .bot-dashboard, .main {
  overscroll-behavior: none !important;
  overscroll-behavior-y: none !important;
  width: 100% !important;
  max-width: 100vw !important;
  height: 100vh !important;
  max-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

*, html, body, div, section, article, main {
  -ms-overflow-style: none !important;
}

::-webkit-scrollbar {
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

html::-webkit-scrollbar {
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

body::-webkit-scrollbar {
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

div::-webkit-scrollbar {
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

section::-webkit-scrollbar {
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

article::-webkit-scrollbar {
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

main::-webkit-scrollbar {
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.run-panel .dc-tabs__active-line {
  right: auto;
}

.tabs-shadow {
  display: none !important;
}

.main {
  width: 100%;
  height: calc(100vh - 8.6rem);
  padding: 0 1rem;
  display: flex;
  overflow: hidden !important;
}

@media (max-width: 1279px) {
  .main {
    height: calc(100vh - 5rem);
    padding: 0;
  }
}

.main__container {
  border: none;
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative;
  flex-direction: column !important;
  display: flex !important;
  overflow: hidden !important;
}

.main__container > div {
  flex-direction: column !important;
  flex: 1 !important;
  height: 100% !important;
  display: flex !important;
  overflow: hidden !important;
}

@media (max-width: 1279px) {
  .main__container {
    height: 100%;
    overflow: hidden !important;
  }
}

.main__container.no-scroll {
  overflow: hidden;
}

.main__container--active:before {
  content: "";
  opacity: .7;
  z-index: 100;
  background: #000000b8;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

@media (min-width: 1280px) {
  .main__container--drawer-open {
    padding-inline-end: 39.8rem;
    transition: padding .3s;
  }
}

@media (min-width: 1280px) and (max-width: 1440px) {
  .main__container--drawer-open {
    padding-inline-end: 34rem;
  }
}

@media (min-width: 1280px) and (max-width: 1280px) {
  .main__container--drawer-open {
    padding-inline-end: 28rem;
  }
}

@media (min-width: 1280px) and (max-width: 1024px) {
  .main__container--drawer-open {
    padding-inline-end: 0;
  }
}

.main__container .dc-tabs {
  flex-direction: column !important;
  flex: 1 !important;
  height: 100% !important;
  display: flex !important;
  overflow: hidden !important;
}

.main__container .dc-tabs__active-line {
  display: none !important;
}

.main__container .dc-tabs__list {
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  background: #111827 !important;
  border: none !important;
  border-bottom: 2px solid #1e2a3a !important;
  border-radius: 0 !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 8px !important;
  transition: background .25s !important;
  display: flex !important;
  overflow: auto hidden !important;
  box-shadow: 0 2px 12px #00000059 !important;
}

.main__container .dc-tabs__list::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.main__container .dc-tabs__list:after {
  content: "";
  min-width: 8px;
}

body.theme--light .main__container .dc-tabs__list, .theme--light .main__container .dc-tabs__list {
  background: #f0f4f8 !important;
  border-bottom: 2px solid #dde3ec !important;
  box-shadow: 0 2px 8px #0000000f !important;
}

:global(.theme--light) .main__container .dc-tabs__list {
  background: #f0f4f8 !important;
  border-bottom: 2px solid #dde3ec !important;
  box-shadow: 0 2px 8px #0000000f !important;
}

:global(body.theme--light) .main__container .dc-tabs__list {
  background: #f0f4f8 !important;
  border-bottom: 2px solid #dde3ec !important;
  box-shadow: 0 2px 8px #0000000f !important;
}

@media (max-width: 1279px) {
  .main__container .dc-tabs__list {
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    border-radius: 0 !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 6px !important;
    overflow-x: auto !important;
  }

  body.theme--light .main__container .dc-tabs__list, .theme--light .main__container .dc-tabs__list {
    background: #f0f4f8 !important;
    border-bottom-color: #dde3ec !important;
  }

  :global(.theme--light) .main__container .dc-tabs__list {
    background: #f0f4f8 !important;
    border-bottom-color: #dde3ec !important;
  }

  :global(body.theme--light) .main__container .dc-tabs__list {
    background: #f0f4f8 !important;
    border-bottom-color: #dde3ec !important;
  }

  .main__container .dc-tabs__list--header--main__tabs {
    width: 100%;
    padding: 0 6px;
    overflow-x: auto;
  }
}

.main__container .dc-tabs__list--border-bottom {
  border-bottom: 2px solid #1e2a3a;
}

@media (max-width: 1279px) {
  .main__container .dc-tabs__list--border-bottom {
    border-bottom: 2px solid #1e2a3a;
  }
}

body.theme--light .main__container .dc-tabs__list--border-bottom, .theme--light .main__container .dc-tabs__list--border-bottom {
  border-bottom: 2px solid #dde3ec;
}

:global(.theme--light) .main__container .dc-tabs__list--border-bottom {
  border-bottom: 2px solid #dde3ec;
}

:global(body.theme--light) .main__container .dc-tabs__list--border-bottom {
  border-bottom: 2px solid #dde3ec;
}

.main__container .dc-tabs__item {
  color: #7a8ba8 !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 46px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  font-family: var(--ph-font, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
  background: none !important;
  border: none !important;
  border-bottom: 3px solid #0000 !important;
  border-radius: 0 !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 16px !important;
  transition: background .18s, color .18s, border-color .18s !important;
  display: inline-flex !important;
  position: relative !important;
}

@media (max-width: 1279px) {
  .main__container .dc-tabs__item {
    height: 37px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
  }
}

.main__container .dc-tabs__item svg {
  fill: none;
  transition: stroke .18s, color .18s;
  stroke: #7a8ba8 !important;
  color: #7a8ba8 !important;
  width: 14px !important;
  height: 14px !important;
  margin-inline-end: 6px !important;
}

@media (max-width: 1279px) {
  .main__container .dc-tabs__item svg {
    width: 15px !important;
    height: 15px !important;
  }
}

.main__container .dc-tabs__item svg path, .main__container .dc-tabs__item svg circle, .main__container .dc-tabs__item svg rect, .main__container .dc-tabs__item svg polygon, .main__container .dc-tabs__item svg line, .main__container .dc-tabs__item svg polyline {
  stroke: #7a8ba8 !important;
}

body.theme--light .main__container .dc-tabs__item, .theme--light .main__container .dc-tabs__item {
  color: #5c6b88 !important;
  background: none !important;
}

:global(.theme--light) .main__container .dc-tabs__item {
  color: #5c6b88 !important;
  background: none !important;
}

:global(body.theme--light) .main__container .dc-tabs__item {
  color: #5c6b88 !important;
  background: none !important;
}

body.theme--light .main__container .dc-tabs__item svg, .theme--light .main__container .dc-tabs__item svg {
  stroke: #5c6b88 !important;
  color: #5c6b88 !important;
}

:global(.theme--light) .main__container .dc-tabs__item svg {
  stroke: #5c6b88 !important;
  color: #5c6b88 !important;
}

:global(body.theme--light) .main__container .dc-tabs__item svg {
  stroke: #5c6b88 !important;
  color: #5c6b88 !important;
}

body.theme--light .main__container .dc-tabs__item svg path, body.theme--light .main__container .dc-tabs__item svg circle, body.theme--light .main__container .dc-tabs__item svg rect, body.theme--light .main__container .dc-tabs__item svg polygon, body.theme--light .main__container .dc-tabs__item svg line, body.theme--light .main__container .dc-tabs__item svg polyline, .theme--light .main__container .dc-tabs__item svg path, .theme--light .main__container .dc-tabs__item svg circle, .theme--light .main__container .dc-tabs__item svg rect, .theme--light .main__container .dc-tabs__item svg polygon, .theme--light .main__container .dc-tabs__item svg line, .theme--light .main__container .dc-tabs__item svg polyline {
  stroke: #5c6b88 !important;
}

:global(.theme--light) .main__container .dc-tabs__item svg path {
  stroke: #5c6b88 !important;
}

:global(.theme--light) .main__container .dc-tabs__item svg circle {
  stroke: #5c6b88 !important;
}

:global(.theme--light) .main__container .dc-tabs__item svg rect {
  stroke: #5c6b88 !important;
}

:global(.theme--light) .main__container .dc-tabs__item svg polygon {
  stroke: #5c6b88 !important;
}

:global(.theme--light) .main__container .dc-tabs__item svg line {
  stroke: #5c6b88 !important;
}

:global(.theme--light) .main__container .dc-tabs__item svg polyline {
  stroke: #5c6b88 !important;
}

:global(body.theme--light) .main__container .dc-tabs__item svg path {
  stroke: #5c6b88 !important;
}

:global(body.theme--light) .main__container .dc-tabs__item svg circle {
  stroke: #5c6b88 !important;
}

:global(body.theme--light) .main__container .dc-tabs__item svg rect {
  stroke: #5c6b88 !important;
}

:global(body.theme--light) .main__container .dc-tabs__item svg polygon {
  stroke: #5c6b88 !important;
}

:global(body.theme--light) .main__container .dc-tabs__item svg line {
  stroke: #5c6b88 !important;
}

:global(body.theme--light) .main__container .dc-tabs__item svg polyline {
  stroke: #5c6b88 !important;
}

.main__container .dc-tabs__item:hover {
  color: #b8cce4 !important;
  background: #ffffff0d !important;
  border-bottom-color: #63a0dc59 !important;
}

.main__container .dc-tabs__item:hover svg {
  stroke: #b8cce4 !important;
  color: #b8cce4 !important;
}

.main__container .dc-tabs__item:hover svg path, .main__container .dc-tabs__item:hover svg circle, .main__container .dc-tabs__item:hover svg rect, .main__container .dc-tabs__item:hover svg polygon, .main__container .dc-tabs__item:hover svg line, .main__container .dc-tabs__item:hover svg polyline {
  stroke: #b8cce4 !important;
}

body.theme--light .main__container .dc-tabs__item:hover, .theme--light .main__container .dc-tabs__item:hover {
  color: #1e3a5f !important;
  background: #0000000a !important;
  border-bottom-color: #4f46e54d !important;
}

:global(.theme--light) .main__container .dc-tabs__item:hover {
  color: #1e3a5f !important;
  background: #0000000a !important;
  border-bottom-color: #4f46e54d !important;
}

:global(body.theme--light) .main__container .dc-tabs__item:hover {
  color: #1e3a5f !important;
  background: #0000000a !important;
  border-bottom-color: #4f46e54d !important;
}

body.theme--light .main__container .dc-tabs__item:hover svg, .theme--light .main__container .dc-tabs__item:hover svg {
  stroke: #1e3a5f !important;
  color: #1e3a5f !important;
}

:global(.theme--light) .main__container .dc-tabs__item:hover svg {
  stroke: #1e3a5f !important;
  color: #1e3a5f !important;
}

:global(body.theme--light) .main__container .dc-tabs__item:hover svg {
  stroke: #1e3a5f !important;
  color: #1e3a5f !important;
}

body.theme--light .main__container .dc-tabs__item:hover svg path, body.theme--light .main__container .dc-tabs__item:hover svg circle, body.theme--light .main__container .dc-tabs__item:hover svg rect, body.theme--light .main__container .dc-tabs__item:hover svg polygon, body.theme--light .main__container .dc-tabs__item:hover svg line, body.theme--light .main__container .dc-tabs__item:hover svg polyline, .theme--light .main__container .dc-tabs__item:hover svg path, .theme--light .main__container .dc-tabs__item:hover svg circle, .theme--light .main__container .dc-tabs__item:hover svg rect, .theme--light .main__container .dc-tabs__item:hover svg polygon, .theme--light .main__container .dc-tabs__item:hover svg line, .theme--light .main__container .dc-tabs__item:hover svg polyline {
  stroke: #1e3a5f !important;
}

:global(.theme--light) .main__container .dc-tabs__item:hover svg path {
  stroke: #1e3a5f !important;
}

:global(.theme--light) .main__container .dc-tabs__item:hover svg circle {
  stroke: #1e3a5f !important;
}

:global(.theme--light) .main__container .dc-tabs__item:hover svg rect {
  stroke: #1e3a5f !important;
}

:global(.theme--light) .main__container .dc-tabs__item:hover svg polygon {
  stroke: #1e3a5f !important;
}

:global(.theme--light) .main__container .dc-tabs__item:hover svg line {
  stroke: #1e3a5f !important;
}

:global(.theme--light) .main__container .dc-tabs__item:hover svg polyline {
  stroke: #1e3a5f !important;
}

:global(body.theme--light) .main__container .dc-tabs__item:hover svg path {
  stroke: #1e3a5f !important;
}

:global(body.theme--light) .main__container .dc-tabs__item:hover svg circle {
  stroke: #1e3a5f !important;
}

:global(body.theme--light) .main__container .dc-tabs__item:hover svg rect {
  stroke: #1e3a5f !important;
}

:global(body.theme--light) .main__container .dc-tabs__item:hover svg polygon {
  stroke: #1e3a5f !important;
}

:global(body.theme--light) .main__container .dc-tabs__item:hover svg line {
  stroke: #1e3a5f !important;
}

:global(body.theme--light) .main__container .dc-tabs__item:hover svg polyline {
  stroke: #1e3a5f !important;
}

.main__container .dc-tabs__item.dc-tabs__active {
  color: #38bdf8 !important;
  box-shadow: none !important;
  z-index: 5 !important;
  background: #0ea5e91a !important;
  border: none !important;
  border-bottom: 3px solid #0ea5e9 !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
  transform: none !important;
}

.main__container .dc-tabs__item.dc-tabs__active:after {
  display: none !important;
}

.main__container .dc-tabs__item.dc-tabs__active svg {
  stroke: #38bdf8 !important;
  color: #38bdf8 !important;
}

.main__container .dc-tabs__item.dc-tabs__active svg path, .main__container .dc-tabs__item.dc-tabs__active svg circle, .main__container .dc-tabs__item.dc-tabs__active svg rect, .main__container .dc-tabs__item.dc-tabs__active svg polygon, .main__container .dc-tabs__item.dc-tabs__active svg line, .main__container .dc-tabs__item.dc-tabs__active svg polyline {
  stroke: #38bdf8 !important;
}

body.theme--light .main__container .dc-tabs__item.dc-tabs__active, .theme--light .main__container .dc-tabs__item.dc-tabs__active {
  color: #4338ca !important;
  box-shadow: none !important;
  background: #4f46e514 !important;
  border: none !important;
  border-bottom: 3px solid #4f46e5 !important;
}

:global(.theme--light) .main__container .dc-tabs__item.dc-tabs__active {
  color: #4338ca !important;
  box-shadow: none !important;
  background: #4f46e514 !important;
  border: none !important;
  border-bottom: 3px solid #4f46e5 !important;
}

:global(body.theme--light) .main__container .dc-tabs__item.dc-tabs__active {
  color: #4338ca !important;
  box-shadow: none !important;
  background: #4f46e514 !important;
  border: none !important;
  border-bottom: 3px solid #4f46e5 !important;
}

body.theme--light .main__container .dc-tabs__item.dc-tabs__active svg, .theme--light .main__container .dc-tabs__item.dc-tabs__active svg {
  stroke: #4338ca !important;
  color: #4338ca !important;
}

:global(.theme--light) .main__container .dc-tabs__item.dc-tabs__active svg {
  stroke: #4338ca !important;
  color: #4338ca !important;
}

:global(body.theme--light) .main__container .dc-tabs__item.dc-tabs__active svg {
  stroke: #4338ca !important;
  color: #4338ca !important;
}

body.theme--light .main__container .dc-tabs__item.dc-tabs__active svg path, body.theme--light .main__container .dc-tabs__item.dc-tabs__active svg circle, body.theme--light .main__container .dc-tabs__item.dc-tabs__active svg rect, body.theme--light .main__container .dc-tabs__item.dc-tabs__active svg polygon, body.theme--light .main__container .dc-tabs__item.dc-tabs__active svg line, body.theme--light .main__container .dc-tabs__item.dc-tabs__active svg polyline, .theme--light .main__container .dc-tabs__item.dc-tabs__active svg path, .theme--light .main__container .dc-tabs__item.dc-tabs__active svg circle, .theme--light .main__container .dc-tabs__item.dc-tabs__active svg rect, .theme--light .main__container .dc-tabs__item.dc-tabs__active svg polygon, .theme--light .main__container .dc-tabs__item.dc-tabs__active svg line, .theme--light .main__container .dc-tabs__item.dc-tabs__active svg polyline {
  stroke: #4338ca !important;
}

:global(.theme--light) .main__container .dc-tabs__item.dc-tabs__active svg path {
  stroke: #4338ca !important;
}

:global(.theme--light) .main__container .dc-tabs__item.dc-tabs__active svg circle {
  stroke: #4338ca !important;
}

:global(.theme--light) .main__container .dc-tabs__item.dc-tabs__active svg rect {
  stroke: #4338ca !important;
}

:global(.theme--light) .main__container .dc-tabs__item.dc-tabs__active svg polygon {
  stroke: #4338ca !important;
}

:global(.theme--light) .main__container .dc-tabs__item.dc-tabs__active svg line {
  stroke: #4338ca !important;
}

:global(.theme--light) .main__container .dc-tabs__item.dc-tabs__active svg polyline {
  stroke: #4338ca !important;
}

:global(body.theme--light) .main__container .dc-tabs__item.dc-tabs__active svg path {
  stroke: #4338ca !important;
}

:global(body.theme--light) .main__container .dc-tabs__item.dc-tabs__active svg circle {
  stroke: #4338ca !important;
}

:global(body.theme--light) .main__container .dc-tabs__item.dc-tabs__active svg rect {
  stroke: #4338ca !important;
}

:global(body.theme--light) .main__container .dc-tabs__item.dc-tabs__active svg polygon {
  stroke: #4338ca !important;
}

:global(body.theme--light) .main__container .dc-tabs__item.dc-tabs__active svg line {
  stroke: #4338ca !important;
}

:global(body.theme--light) .main__container .dc-tabs__item.dc-tabs__active svg polyline {
  stroke: #4338ca !important;
}

.main__container .dc-tabs__content {
  box-sizing: border-box !important;
  flex-direction: column !important;
  flex: 1 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  overflow: hidden auto !important;
}

.main__container .dc-tabs__content > div {
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  display: flex;
}

@media (max-width: 1279px) {
  .main__container .dc-tabs__content {
    width: 100%;
    overflow-x: auto;
    padding-bottom: calc(84px + env(safe-area-inset-bottom, 16px)) !important;
    overflow-y: auto !important;
  }

  .main__container .dc-tabs__content > div {
    padding-bottom: calc(84px + env(safe-area-inset-bottom, 16px)) !important;
  }

  .main__container .dc-tabs__content--no-result {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    margin-top: 5rem;
    display: flex;
  }

  .main__container .dc-tabs__content--no-result svg {
    margin-bottom: 2.4rem;
  }

  .main__container .dc-tabs__content--no-result h1 {
    margin-bottom: .8rem;
  }

  .main__container .dc-tabs__content--no-result span {
    word-break: break-word;
    text-align: center;
  }
}

.main__container .dc-tabs__content--main__tabs {
  justify-content: space-between;
  display: flex;
}

@media (max-width: 1279px) {
  .main__container .dc-tabs__content--main__tabs {
    background-color: var(--general-section-1);
    flex-direction: column;
  }

  .main__container .dc-tabs__item__icon {
    padding-top: .2rem;
  }
}

.main__run-strategy-wrapper {
  z-index: 1001;
  top: 1.6rem;
}

.main__run-strategy-wrapper:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 1.6rem;
}

.main__run-strategy-wrapper:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 1.6rem;
}

.main__run-strategy-wrapper:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 1.6rem;
}

.main__run-strategy-wrapper:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 1.6rem;
}

.main__run-strategy-wrapper:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 1.6rem;
}

.main__run-strategy-wrapper:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 1.6rem;
}

@media (min-width: 1280px) {
  .main__run-strategy-wrapper {
    position: absolute;
  }
}

.main__run-strategy-wrapper .animation__button#db-animation__run-button {
  background-color: var(--purchase-main-1);
}

.main__run-strategy-wrapper .animation__button#db-animation__stop-button {
  background-color: var(--button-primary-hover);
}

.main__run-strategy-wrapper .animation__container {
  background-color: var(--general-main-1);
}

.main__sidebar-wrapper--active {
  position: fixed;
  right: 0;
}

.main__sidebar-wrapper--hidden {
  display: none;
}

.main .analysis-wrapper {
  flex-direction: column;
  width: 100%;
  height: calc(100vh - 9rem);
  min-height: calc(100vh - 9rem);
  display: flex;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .main .analysis-wrapper {
    height: calc(100vh - 6rem);
    min-height: calc(100vh - 6rem);
  }
}

.main .analysis-wrapper__iframe {
  border: 0;
  flex: 1;
  width: 100%;
  min-height: 100%;
  display: block;
}

.main .trading-view-wrapper {
  flex-direction: column;
  width: 100%;
  height: calc(100vh - 9rem);
  min-height: calc(100vh - 9rem);
  display: flex;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .main .trading-view-wrapper {
    height: calc(100vh - 6rem);
    min-height: calc(100vh - 6rem);
  }
}

.main .trading-view-wrapper__iframe {
  border: 0;
  flex: 1;
  width: 100%;
  min-height: 100%;
  display: block;
}

.animation__wrapper .animation__button#db-animation__run-button {
  background-color: var(--purchase-main-1);
}

.animation__wrapper .animation__button#db-animation__stop-button {
  background-color: var(--button-primary-hover);
}

@media (max-width: 1279px) {
  .bot-stopped-dialog {
    padding: 2rem;
  }
}

.bot-stopped-dialog .dc-dialog {
  position: relative;
}

.bot-stopped-dialog .dc-dialog__header-wrapper {
  margin: 0 0 2.4rem;
}

.bot-stopped-dialog .dc-dialog__content__header {
  justify-content: space-between;
  margin: 0 0 2.4rem;
  display: flex;
}

.bot-stopped-dialog .dc-dialog__content__header .dc-icon {
  cursor: pointer;
}

@media (max-width: 1279px) {
  .bot-stopped-dialog .dc-dialog__footer {
    flex-wrap: unset;
  }

  .bot-stopped-dialog .dc-dialog__footer .dc-dialog__button {
    width: 40%;
    min-width: unset;
    flex-basis: unset;
    padding: 0;
  }

  .bot-stopped-dialog .dc-dialog__footer .dc-dialog__button:first-child {
    margin-right: 1rem;
  }
}

.dashboard__chart-wrapper {
  height: var(--tab-content-height);
  width: 100%;
  transition: all .4s;
  position: relative;
}

@media (max-width: 1279px) {
  .dashboard__chart-wrapper {
    height: var(--tab-content-height-mobile);
    background: var(--general-main-1);
  }

  .dashboard__chart-wrapper .smartcharts {
    z-index: 1;
    height: calc(100% - 4rem);
  }

  .dashboard__chart-wrapper .smartcharts:has(.stxMenuActive) {
    z-index: 99;
    transition: all 1s ease-out;
  }
}

.dashboard__chart-wrapper--expanded {
  width: calc(100% - 36.6rem);
}

.dashboard__chart-wrapper--modal {
  width: 40rem;
}

.dashboard__toolbox {
  top: 0;
  background: var(--general-main-1);
  z-index: 1;
  width: 23.6rem;
  padding: .8rem;
  position: absolute;
}

.dashboard__toolbox:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.dashboard__toolbox:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.dashboard__toolbox:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.dashboard__toolbox:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.dashboard__toolbox:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.dashboard__toolbox:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.dashboard__toolbox .db-toolbox__title {
  cursor: pointer;
  height: 2.6rem;
  line-height: 2.6rem;
  position: relative;
}

.dashboard__toolbox .db-toolbox__title__chevron {
  transition: transform .3s;
  position: absolute;
  top: .3rem;
}

.dashboard__toolbox .db-toolbox__title__chevron:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.dashboard__toolbox .db-toolbox__title__chevron:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.dashboard__toolbox .db-toolbox__title__chevron:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.dashboard__toolbox .db-toolbox__title__chevron:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.dashboard__toolbox .db-toolbox__title__chevron:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.dashboard__toolbox .db-toolbox__title__chevron:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.dashboard__toolbox .db-toolbox__title__chevron--active {
  top: -.2rem;
  transform: rotate(180deg);
}

.dashboard__toolbox .db-toolbox__content {
  border: solid 1px var(--general-section-1);
}

.dashboard__toolbox .db-toolbox__category-menu {
  height: calc(100vh - 33.6rem);
  overflow-y: scroll;
}

.dashboard__toolbox .db-toolbox__search {
  height: 6rem;
  padding: 1.3rem .8rem;
}

.dashboard__toolbox .db-toolbox__content-wrapper {
  height: 0;
}

.dashboard__toolbox .db-toolbox__content-wrapper.active {
  height: 100%;
}

.dashboard__run-strategy-wrapper {
  z-index: 2;
  top: 1.6rem;
}

.dashboard__run-strategy-wrapper:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 1.6rem;
}

.dashboard__run-strategy-wrapper:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 1.6rem;
}

.dashboard__run-strategy-wrapper:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 1.6rem;
}

.dashboard__run-strategy-wrapper:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 1.6rem;
}

.dashboard__run-strategy-wrapper:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 1.6rem;
}

.dashboard__run-strategy-wrapper:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 1.6rem;
}

@media (min-width: 1280px) {
  .dashboard__run-strategy-wrapper {
    position: absolute;
  }
}

.dashboard__run-strategy-wrapper .animation__button {
  background-color: var(--purchase-main-1);
}

.dashboard__run-strategy-wrapper .animation__container {
  background-color: var(--general-main-1);
}

.dashboard__sidebar-wrapper--active {
  position: fixed;
}

.dashboard__sidebar-wrapper--active:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.dashboard__sidebar-wrapper--active:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.dashboard__sidebar-wrapper--active:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.dashboard__sidebar-wrapper--active:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.dashboard__sidebar-wrapper--active:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.dashboard__sidebar-wrapper--active:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.dashboard__sidebar-wrapper--hidden {
  display: none;
}

.bot-builder {
  top: 4.2rem;
  z-index: -1;
  background: var(--general-main-1);
  pointer-events: none;
  opacity: 0;
  width: calc(100% - 2rem);
  height: calc(100% - 4.2rem);
  transition: opacity .2s ease-in-out;
  position: absolute;
}

.bot-builder:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 1rem;
}

.bot-builder:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 1rem;
}

.bot-builder:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 1rem;
}

.bot-builder:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 1rem;
}

.bot-builder:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 1rem;
}

.bot-builder:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 1rem;
}

.bot-builder .injectionDiv .blocklyTrash {
  transition: all .4s;
}

@media (max-width: 1279px) {
  .bot-builder .injectionDiv .blocklyTrash {
    display: none;
  }
}

.bot-builder--tour-active .blocklyTrash {
  display: none;
}

.bot-builder--active {
  z-index: 2;
  pointer-events: auto;
  opacity: 1;
}

.bot-builder--drawer-open {
  width: calc(100% - 40.2rem) !important;
}

.bot-builder--inactive {
  display: none;
}

@media (max-width: 1279px) {
  .bot-builder {
    top: 4.2rem;
    width: 100vw;
    height: calc(100% - 4.2rem);
  }

  .bot-builder:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0;
  }

  .bot-builder:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0;
  }

  .bot-builder:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0;
  }

  .bot-builder:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0;
  }

  .bot-builder:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0;
  }

  .bot-builder:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0;
  }
}

#react-joyride-step-6 .onboard__label {
  margin-bottom: 1.6rem;
}

#react-joyride-step-4 .__floater__arrow span:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

#react-joyride-step-4 .__floater__arrow span:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

#react-joyride-step-4 .__floater__arrow span:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

#react-joyride-step-4 .__floater__arrow span:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

#react-joyride-step-4 .__floater__arrow span:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

#react-joyride-step-4 .__floater__arrow span:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.onboard__header {
  justify-content: space-between;
  margin-top: -2rem;
  margin-bottom: 2.4rem;
  display: flex;
}

.onboard__header--close {
  cursor: pointer;
}

@media (max-height: 730px) {
  .onboard__steps {
    max-height: 40vh;
    overflow-y: auto;
  }
}

.onboard__label {
  text-align: left;
  margin-bottom: 2.4rem;
}

.onboard__container {
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-bottom: 2.4rem;
  display: flex;
}

.onboard__container img {
  width: 97%;
}

.onboard__container .initial-loader {
  width: 33rem;
  height: 18rem;
}

.onboard__content {
  text-align: left;
}

[dir="rtl"] .onboard__content {
  text-align: right;
}

.onboard__content p {
  font-size: 1.4rem;
}

.onboard__content__block:first-child {
  margin-bottom: 2.4rem;
}

.joyride-content {
  font-size: 1.4rem;
}

@media (max-height: 790px) {
  .joyride-content {
    max-height: 46vh;
    overflow-y: auto;
  }
}

.joyride-content__left {
  text-align: start;
}

.joyride-content__left__step-three {
  margin-bottom: .8rem;
}

.joyride-content__sub-title {
  margin-top: 1rem;
}

.joyride-content ul {
  margin-top: 1rem;
  margin-left: 4rem;
  list-style: outside;
}

.joyride-content ul li {
  margin-bottom: 1rem;
}

.joyride-content video {
  width: 100%;
  margin-top: 1rem;
}

.joyride-content__with-icon {
  margin-bottom: 1rem;
  display: flex;
}

.joyride-content__with-icon__right {
  margin-left: .8rem;
}

.joyride-content__with-icon__left {
  margin: .3rem 0 0 1.2rem;
}

@media (max-width: 1279px) {
  .joyride-content__with-icon__left, .joyride-content__with-icon__left svg {
    margin: 0;
  }
}

.dbot-slider {
  border-top: solid 1px var(--border-normal);
  z-index: 1000;
  background-color: var(--general-main-1);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 1.6rem;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
}

.dbot-slider--tour-position {
  top: 0;
}

.dbot-slider--tour-position .progress-bar-circle:first-child {
  display: none;
}

.dbot-slider--active {
  height: auto;
  min-height: 18rem;
}

.dbot-slider__navbar {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1.8rem;
  padding: 0 1.6rem;
  display: flex;
}

.dbot-slider__title, .dbot-slider__label {
  margin-bottom: .8rem;
}

.dbot-slider__content {
  text-align: center;
  padding: 0 1.6rem;
}

@media (max-width: 1279px) {
  .dbot-slider__content {
    line-height: 1.8;
  }
}

.dbot-slider__content:last-child {
  margin-bottom: 3rem;
}

.dbot-slider__image, .dbot-slider__media {
  background: var(--general-section-1);
  text-align: center;
  width: 100%;
  height: 55%;
  margin-bottom: auto;
}

.dbot-slider img {
  height: 100%;
}

.dbot-slider video {
  width: 65%;
  height: 100%;
}

.dbot-slider__progress-bar {
  margin: 1.6rem 0;
}

.dbot-slider__status {
  width: 100%;
}

.dbot-slider__button-group {
  padding: 0 1.6rem;
  display: flex;
}

.dbot-slider__button-group button {
  cursor: pointer;
  background: #fff;
  border: .2rem solid #999;
  border-radius: .4rem;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4rem;
  margin-inline-end: .8rem;
  display: flex;
}

.dbot-slider__button-group button.default {
  background: none;
}

.dbot-slider__button-group button.danger {
  background: #ff444f;
  border: none;
  margin-right: 0;
}

.dbot-slider__button-group button.danger span {
  color: #fff;
}

.dbot-slider__bot-builder-tour {
  background: var(--general-section-1);
  height: auto;
}

.dbot-slider__bot-builder-tour .dbot-slider {
  width: 100%;
}

.dbot-slider__bot-builder-tour .dbot-slider__content {
  margin-bottom: auto;
}

.dbot-slider__bot-builder-tour .dbot-slider__status {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dbot-slider__bot-builder-tour .dbot-slider__progress-bar {
  width: 50%;
  margin-bottom: unset;
  justify-content: flex-start;
  align-items: center;
  margin-inline-start: 1rem;
  display: flex;
}

.dbot-slider__bot-builder-tour .dbot-slider__progress-bar .progress-bar-circle {
  opacity: .16;
}

.dbot-slider__bot-builder-tour .dbot-slider__button-group {
  justify-content: center;
  width: 50%;
  padding: 1rem 0;
  display: flex;
}

.dbot-slider__bot-builder-tour .dbot-slider__button-group .default {
  background: none;
}

.dbot-slider__bot-builder-tour .dbot-slider__button-group .default span {
  color: var(--text-prominent);
}

@keyframes blink {
  0%, 100% {
    border: 1px solid #ff444f;
  }

  50% {
    border: 1px solid #0000;
  }
}

.dbot-tour-blink {
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: .2rem 0;
  animation: 1.25s ease-in infinite blink;
  display: flex;
  width: 2.5rem !important;
  height: 2.5rem !important;
}

.beta-server-bot {
  color: var(--brand-red-coral);
  border: 2px solid var(--brand-red-coral);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  height: 22px;
  margin-left: 8px;
  padding: 4px 8px;
  font-size: 1.2rem;
  display: flex;
}

.main-tab-icon-wrapper {
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

.main-tab-icon-wrapper svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: block;
}

.main-tab-icon-wrapper .main-tab-label-text {
  letter-spacing: .01em;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1;
}

[data-active-tab="dashboard"] {
  --tab-accent: #00f5ff;
}

[data-active-tab="bot_builder"] {
  --tab-accent: #a855f7;
}

[data-active-tab="chart"] {
  --tab-accent: #0f8;
}

[data-active-tab="trading_bots"] {
  --tab-accent: #f59e0b;
}

[data-active-tab="analysis_tool"] {
  --tab-accent: #06b6d4;
}

[data-active-tab="tradingview"] {
  --tab-accent: #2962ff;
}

[data-active-tab="signals"] {
  --tab-accent: #22d3ee;
}

[data-active-tab="scanner"] {
  --tab-accent: #f97316;
}

[data-active-tab="easy_tool"] {
  --tab-accent: #84cc16;
}

[data-active-tab="marketkiller"] {
  --tab-accent: #ef4444;
}

[data-active-tab="market_hunter_pro"] {
  --tab-accent: #d97706;
}

[data-active-tab="ai_trading_engine"] {
  --tab-accent: #00e5ff;
}

[data-active-tab="digitflow"] {
  --tab-accent: #ec4899;
}

[data-active-tab="elite_pro"] {
  --tab-accent: #ffd600;
}

[data-active-tab="poverty_hunter"] {
  --tab-accent: #4ade80;
}

[data-active-tab="auto_x_eo"] {
  --tab-accent: #fb7185;
}

[data-active-tab="overlord_ai"] {
  --tab-accent: #c084fc;
}

[data-active-tab="copy_trading"] {
  --tab-accent: #0f8;
}

[data-active-tab="autotrades"] {
  --tab-accent: #38bdf8;
}

[data-active-tab="ai_intelligence"] {
  --tab-accent: #06b6d4;
}

.main__tabs .dc-tabs__list {
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid #ffffff14;
  z-index: 99 !important;
  visibility: visible !important;
  background: #080c18bf !important;
  flex-shrink: 0 !important;
  display: flex !important;
  position: sticky !important;
  top: 0 !important;
}

.main__tabs .dc-tabs__list .dc-tabs__item {
  transition: all .2s;
}

.main__tabs .dc-tabs__list .dc-tabs__item:hover:not(.dc-tabs__active) {
  color: #fff;
  background: #ffffff0a;
}

.main__tabs .dc-tabs__list .dc-tabs__item.dc-tabs__active {
  color: #fff;
  text-shadow: 0 0 12px var(--tab-accent, #00f5ff);
}

.main__tabs .dc-tabs__list .dc-tabs__item.dc-tabs__active svg {
  filter: drop-shadow(0 0 6px var(--tab-accent, #00f5ff));
}

.main__tabs .dc-tabs__list .dc-tabs__active-line {
  box-shadow: 0 0 12px var(--tab-accent, #00f5ff);
  background: var(--tab-accent, #00f5ff) !important;
  height: 2.5px !important;
}

.main__container[data-active-tab="autotrades"] {
  height: 100% !important;
  overflow: hidden !important;
}

.main__container[data-active-tab="autotrades"] > div {
  flex-direction: column !important;
  height: 100% !important;
  display: flex !important;
  overflow: hidden !important;
}

.main__container[data-active-tab="autotrades"] .dc-tabs {
  flex-direction: column !important;
  flex: 1 !important;
  height: 100% !important;
  display: flex !important;
  overflow: hidden !important;
}

.main__container[data-active-tab="autotrades"] > div:first-child, .main__container[data-active-tab="autotrades"] [class*="dc-tabs__list--header"], .main__container[data-active-tab="autotrades"] .dc-tabs__list {
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 99 !important;
  flex-shrink: 0 !important;
  display: flex !important;
  position: sticky !important;
  top: 0 !important;
}

.main__container[data-active-tab="autotrades"] .dc-tabs__content, .main__container[data-active-tab="autotrades"] .dc-tabs__pane {
  flex: 1 !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.bot {
  --bot-content-height: calc(100vh - 140px);
  --bot-content-width: calc(100vw - 366px);
  --drawer-content-height: calc(100vh - 394px);
  --drawer-content-height-no-stat: calc(100vh - 233px);
  --drawer-scroll-height: calc(100vh - 365px);
  --drawer-content-height-mobile: calc(100% - 233px);
  --tab-content-height: calc(100vh - 12.8rem);
  --tab-content-height-mobile: calc(100vh - 9.2rem);
  --zindex-drawer: 5;
  --zindex-modal: 6;
  --zindex-draggable-modal: 7;
  --zindex-snackbar: 8;
}

.bot-dashboard {
  background: var(--general-section-1);
}

.modal-root {
  opacity: 0;
  z-index: -1;
  background: #000000b8;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.modal-root:not(:empty) {
  opacity: 1;
  z-index: 9998;
  touch-action: none;
  display: flex;
}

strong {
  font-weight: bold;
}

.Toastify__toast {
  background: var(--icon-black-plus);
  color: var(--general-main-1);
  text-align: start;
  padding: .8rem;
  border-radius: .8rem;
  width: -moz-fit-content;
  width: fit-content;
  height: 4.8rem;
  min-height: 4.8rem;
  padding-inline-start: 1.6rem;
  font-family: inherit;
  font-size: 1.4rem;
}

@media (max-width: 1279px) {
  .Toastify__toast {
    height: 4.4rem;
    min-height: 4.4rem;
    padding: .8rem, 1rem;
    margin-bottom: .5rem;
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
}

.Toastify__toast-container {
  width: auto;
  padding: 0;
  bottom: 6rem;
}

.Toastify__toast-container:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 3.5rem;
}

.Toastify__toast-container:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 3.5rem;
}

.Toastify__toast-container:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 3.5rem;
}

.Toastify__toast-container:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 3.5rem;
}

.Toastify__toast-container:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 3.5rem;
}

.Toastify__toast-container:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 3.5rem;
}

@media (max-width: 1279px) {
  .Toastify__toast-container {
    padding: .8rem;
    bottom: 9rem;
  }

  .Toastify__toast-container:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0;
  }

  .Toastify__toast-container:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0;
  }

  .Toastify__toast-container:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0;
  }

  .Toastify__toast-container:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0;
  }

  .Toastify__toast-container:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0;
  }

  .Toastify__toast-container:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0;
  }
}

.Toastify__toast-body {
  height: 100%;
  padding: 0;
}

.Toastify__close-button {
  opacity: .8;
  margin-inline-start: 1.2rem;
  padding: .5rem 0;
}

@media (max-width: 1279px) {
  .Toastify__close-button {
    margin-inline-start: 1.2rem;
  }
}

.Toastify__close-button svg {
  fill: var(--general-main-1);
  width: 16px;
  height: 2.2rem;
}

@media (max-width: 1279px) {
  .Toastify__close-button svg {
    height: 1.6rem;
  }
}

.notification-content {
  align-items: center;
  display: flex;
}

.notification-content button {
  background: var(--icon-black-plus);
  color: var(--general-main-1);
  margin-inline-start: 2rem;
  cursor: pointer;
  word-break: keep-all;
  border: 0;
  margin-bottom: .2rem;
  padding: 0;
  font-size: 1.4rem;
  font-weight: bold;
  text-decoration: underline;
}

@media (max-width: 1279px) {
  .notification-content button {
    margin-inline-start: 1.2rem;
    font-size: 1.2rem;
  }
}

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

: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: #181c25;
  --brand-red-coral: #ff444f;
  --brand-orange: #ff9c1a;
  --brand-primary: #38bdf8;
  --brand-secondary: #94a3b8;
  --brand-tertiary: #f59e0b;
  --brand-success: #10b981;
  --brand-danger: #ef4444;
  --brand-warning: #f59e0b;
  --brand-info: #00f2fe;
  --brand-neutral: #64748b;
  --brand-font-primary: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --brand-font-secondary: Georgia, "Times New Roman", Times, serif;
  --brand-font-monospace: "JetBrains Mono", "Courier New", Courier, monospace;
  --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: var(--brand-red-coral);
  --button-secondary-default: #999;
  --button-tertiary-default: transparent;
  --button-primary-light-default: #ff444f29;
  --button-primary-hover: #eb3e48;
  --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: #ff6444;
  --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: var(--brand-red-coral);
  --button-secondary-default: #6e6e6e;
  --button-tertiary-default: transparent;
  --button-primary-light-default: #ff444f29;
  --button-primary-hover: #eb3e48;
  --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: #ff6444;
  --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;
}

:root {
  --color-text: #181c25;
  --color-text-2: #1a1a1a;
  --color-text-3: #fff;
  --color-local-accent: #e0e0e0;
  --color-text-4: #0e0e0e;
  --color-local-accent-2: #11141b;
  --color-local-accent-3: #ff444f;
  --color-local-accent-4: #595959;
  --color-local-accent-5: #333;
  --color-local-accent-6: #000;
  --font-type-1-family: var(--ph-font, "IBM Plex Sans", sans-serif);
  --font-type-1-size: 16px;
  --font-type-1-weight: 400;
  --font-type-1-line-height: 24px;
  --font-type-2-family: var(--ph-font, "IBM Plex Sans", sans-serif);
  --font-type-2-size: 14px;
  --font-type-2-weight: 700;
  --font-type-2-line-height: 20px;
  --font-type-3-family: var(--ph-font, "IBM Plex Sans", sans-serif);
  --font-type-3-size: 14px;
  --font-type-3-weight: 400;
  --font-type-3-line-height: 20px;
  --font-type-4-family: var(--ph-font, "IBM Plex Sans", sans-serif);
  --font-type-4-size: 12px;
  --font-type-4-weight: 500;
  --font-type-4-line-height: 16px;
  --font-type-5-family: var(--ph-font, "IBM Plex Sans", sans-serif);
  --font-type-5-size: 14px;
  --font-type-5-weight: 600;
  --font-type-5-line-height: 20px;
  --spacing-space-1: 12px;
  --spacing-space-2: 16px;
  --spacing-space-3: 24px;
  --spacing-space-4: 8px;
  --spacing-space-5: 6px;
  --spacing-space-6: 32px;
  --spacing-space-7: 96px;
  --spacing-space-8: 20px;
  --spacing-space-9: 56px;
  --spacing-space-10: 2px;
  --radius-radius-1: 8px;
  --radius-radius-2: 12px;
  --radius-radius-3: 999px;
}

.type-1, .text-type-1 {
  font-family: var(--font-type-1-family) !important;
  font-size: var(--font-type-1-size) !important;
  font-weight: var(--font-type-1-weight) !important;
  line-height: var(--font-type-1-line-height) !important;
}

.type-2, .text-type-2 {
  font-family: var(--font-type-2-family) !important;
  font-size: var(--font-type-2-size) !important;
  font-weight: var(--font-type-2-weight) !important;
  line-height: var(--font-type-2-line-height) !important;
}

.type-3, .text-type-3 {
  font-family: var(--font-type-3-family) !important;
  font-size: var(--font-type-3-size) !important;
  font-weight: var(--font-type-3-weight) !important;
  line-height: var(--font-type-3-line-height) !important;
}

.type-4, .text-type-4 {
  font-family: var(--font-type-4-family) !important;
  font-size: var(--font-type-4-size) !important;
  font-weight: var(--font-type-4-weight) !important;
  line-height: var(--font-type-4-line-height) !important;
}

.type-5, .text-type-5 {
  font-family: var(--font-type-5-family) !important;
  font-size: var(--font-type-5-size) !important;
  font-weight: var(--font-type-5-weight) !important;
  line-height: var(--font-type-5-line-height) !important;
}

.radius-1, .rounded-radius-1 {
  border-radius: var(--radius-radius-1) !important;
}

.radius-2, .rounded-radius-2 {
  border-radius: var(--radius-radius-2) !important;
}

.radius-3, .rounded-radius-3 {
  border-radius: var(--radius-radius-3) !important;
}

html, body, #root, #app, .app-root, .bot, .bot-dashboard {
  overscroll-behavior: none !important;
  overscroll-behavior-y: none !important;
  width: 100% !important;
  max-width: 100vw !important;
  height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
}

body {
  font-family: var(--brand-font-primary);
  background: var(--general-main-1);
  margin: 0 !important;
  padding: 0 !important;
}

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