:root.dark {
  --source-bgc: rgba(255, 255, 255, 0.05);
  --source-c: rgba(255, 255, 255, 0.4);
}

:root.light {
  --source-bgc: rgba(0, 0, 0, 0.05);
  --source-c: rgba(0, 0, 0, 0.4);
}

#web-chart-container {
  overflow: hidden;
  direction: ltr;
  user-select: none;
}

canvas {
  font-family: 'Inter', sans-serif;
}

#display_c {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
}

/* 图表父元素 */
.web-chart-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  min-height: 160px;
  min-width: 240px;
  background: #ffffff;
}
.dark .web-chart-box {
  background-color: #1c1d21;
}

.web-chart-box .operate-box {
  display: none;
}

.web-chart-box.tile .operate-box {
  display: block;
}

.web-chart-box:hover .chart-tools {
  display: flex;
}

.tile .web-chart-box {
  border: 2px solid var(--color-bd_3);
  border-radius: 4px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.tile .web-chart-box .operate-box {
  display: block;
}

.tile .web-chart-box.active {
  border-color: #01e0af;
}

.web-chart-box .logo {
  position: absolute;
  z-index: 1;
  left: 12px;
  bottom: 44px;
  width: 120px;
  height: 36px;
  opacity: 0.5;
  cursor: pointer;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.web-chart-box .load-more {
  position: absolute;
  z-index: 1;
  left: 16px;
  bottom: 84px;
  display: flex;
  align-items: center;
  color: var(--color-c1);
  font-size: 14px;
  padding: 8px;
  background-color: var(--color-dialog_bg);
  border-radius: 8px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  display: none;
}

.web-chart-box .load-more svg {
  margin-right: 8px;
  animation: loading 500ms infinite;
}

.web-chart-box .logo:hover {
  opacity: 1;
}

/* 图表header --start */
.web-chart-box .tile-header {
  position: absolute;
  box-sizing: border-box;
  height: 36px;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-bd_3);
  background-color: var(--color-background);
  font-size: 14px;
  color: var(--color-c1);
  padding: 0 12px;
  cursor: move;
  z-index: 3;
}

.web-chart-box .tile-header .tile-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.web-chart-box .tile-header .tile-right {
  margin-left: 16px;
  display: flex;
  align-items: center;
  column-gap: 12px;
}

.web-chart-box .tile-header .btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 4px;
  position: relative;
}

.web-chart-box .tile-header .btn:hover {
  background-color: var(--color-hover1);
}

.web-chart-box .tile-header .btn:hover .tooltip {
  display: block;
}

.web-chart-box .tile-header .btn.tile-close .tooltip {
  right: -8px;
  transform: none;
}
.web-chart-box .tile-header .btn.tile-close .tooltip::after {
  right: 15px;
  transform: none;
}

.web-chart-box .tooltip {
  display: none;
  position: absolute;
  top: 32px;
  background-color: #303133;
  color: white;
  max-width: 320px;
  line-height: 1.57;
  padding: 8px 12px;
  font-size: 14px;
  white-space: nowrap;
  right: 50%;
  transform: translateX(50%);
  border-radius: 4px;
}

.web-chart-box .tooltip::after {
  content: '';
  position: absolute;
  border: 5px solid transparent;
  border-bottom-color: #303133;
  top: -10px;
  right: 50%;
  transform: translateX(50%);
}

.web-chart-box .tile-header .btn svg path {
  fill: var(--color-c3);
}

.web-chart-box.active .tile-header .btn svg path {
  fill: var(--color-c1);
}

/* 图表 header--end */

/* 底部操作按钮 --start */
.web-chart-box .chart-tools {
  position: absolute;
  display: none;
  bottom: 64px;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  z-index: 1;
  pointer-events: none;
}

.web-chart-box .tools:first-child {
  margin-right: 16px;
}

.web-chart-box .tools {
  position: relative;
  background-color: var(--color-popover_bg);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  display: flex;
  align-items: center;
  cursor: pointer;
  pointer-events: initial;
}

.web-chart-box .tools:hover .tooltip {
  display: block;
}

.web-chart-box .tools.to-new {
  position: absolute;
}

.web-chart-box .tools svg path {
  fill: var(--color-c1);
}

.web-chart-box .tools:hover svg path {
  fill: #01e0af;
}

/* 底部操作按钮 --end */

/* 加载中，暂无数据 --start */
.tile .web-chart-box .loading,
.tile .web-chart-box .no-data,
.tile .web-chart-canvas-item-wrap {
  top: 36px;
}
.web-chart-box .loading,
.web-chart-box .no-data {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 4;
  color: var(--color-c1);
  background-color: var(--color-background);
  overflow: hidden;
  cursor: default;
}

.web-chart-box .no-data span {
  width: 232px;
  height: 232px;
  background-image: url('https://img.fastbull.com/prod/image/2025/07/2850B09FD7E04FDEBE93288DA7CA84B6.png');
  background-size: 100% 100%;
  flex-shrink: 0;
}

.web-chart-box .no-data p {
  margin-top: 16px;
  color: var(--color-c2);
}

.web-chart-box .no-data p button {
  background-color: transparent;
  font-size: 16px;
  color: #01e0af;
  border: none;
  cursor: pointer;
}

.dark .web-chart-box .no-data span {
  background-image: url('https://img.fastbull.com/prod/image/2025/07/7A79F0C38B834D77AE0ECA5EC29ACDD4.png');
}

/* 加载中，暂无数据 --end */

/* 分享的图表来源 --start */
.web-chart-box .source {
  position: absolute;
  top: 16px;
  z-index: 2;
  padding: 8px;
  right: 80px;
  background-color: var(--source-bgc);
  border-radius: 4px;
  color: var(--source-c);
}

/* 分享的图表来源 --end */

/* 单个的 canvas --start */
.web-chart-canvas-item-wrap {
  position: absolute; /* 设置绝对定位 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.web-chart-canvas {
  width: 100%;
  height: 100%;
}
/* 单个的 canvas --end */

.edit_div {
  display: inline-block;
  position: absolute;
  top: 10%;
  left: 10%;
  z-index: 2000;
  outline: none;
  border: none;
  font-family: Arial;
}
.edit-div-box {
  position: absolute;
  width: var(--width);
  height: var(--height);
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 2000;
  /* pointer-events: none; */
}
/* textarea  样式 */
.edit-div-layer {
  position: absolute;
  outline: none;
  border: none;
  z-index: 2000;
  /* background-color: rgba(255, 0, 0, 0.3); */
  font-family: Arial;
  resize: none;
  /* word-break: break-all;
  overflow-wrap: break-word; */
}
.edit-div-layer::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.edit-div-layer {
  overflow: auto;
  scrollbar-width: none;
}
/*placeholder颜色 */
.edit-div-layer::placeholder {
  color: var(--placeHolder);
}

.edit-div-layer:empty:before {
  content: attr(placeHolder);
  color: var(--placeHolder);
}

/*文本框不为空时， placeholder设置为none*/
.edit-div-layer:focus:placeholder-shown {
  content: none;
}

#webchart_tools_icon_model {
  position: fixed;
  z-index: 99999999;
  width: 304px;
  height: 646px;
  background: #ffffff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  font-weight: 400;
  font-size: 14px;
  color: #1f2533;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
* {
  margin: 0;
  padding: 0;
}
ul,
li {
  list-style: none;
}
#webchart_tools_icon_model .tabs {
  width: 100%;
  height: 37px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #edeef0;
}
#webchart_tools_icon_model .tabs li {
  height: 100%;
  position: relative;
  line-height: 37px;
  cursor: pointer;
  margin-right: 16px;
}
#webchart_tools_icon_model .tabs li::after {
  content: '';
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background: #01e0af;
  border-radius: 2px;
}
#webchart_tools_icon_model .tabs li.active::after {
  display: block;
}
#webchart_tools_icon_model .tabContent {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  box-sizing: border-box;
  padding-top: 8px;
}
#webchart_tools_icon_model .tabContent::-webkit-scrollbar {
  width: 6px; /* 滚动条宽度 */
}

#webchart_tools_icon_model .tabContent::-webkit-scrollbar-thumb {
  background-color: #ccc; /* 滚动条滑块颜色 */
  border-radius: 5px; /* 滚动条滑块圆角 */
}
#webchart_tools_icon_model .tabContent .content_item_type_label {
  font-weight: 400;
  font-size: 12px;
  color: #8e939d;
  line-height: 17px;
  margin-bottom: 4px;
  padding: 0 12px;
}

#webchart_tools_icon_model .tabContent .item_type_wrap {
  display: flex;
  flex-wrap: wrap;
  padding-left: 8px;
  margin-bottom: 8px;
}
#webchart_tools_icon_model .tabContent .stickers_content .item_type_wrap {
  margin-bottom: 24px;
}

#webchart_tools_icon_model .tabContent .item_type_wrap button {
  outline: none;
  border: none;
  background: none;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#webchart_tools_icon_model .tabContent .stickers_content .item_type_wrap button {
  width: 96px;
  height: 96px;
}
#webchart_tools_icon_model .tabContent .stickers_content .item_type_wrap button img {
  width: 100%;
  height: 100%;
}
#webchart_tools_icon_model .tabContent .item_type_wrap button:hover {
  background: #f0f3fa;
}
#webchart_tools_icon_model .tabContent .item_type_wrap button svg {
  width: 24px;
  height: 24px;
}
#webchart_tools_icon_model .tabContent .icons_content .item_type_wrap button svg {
  width: 36px;
  height: 36px;
}

#webchart_tools_icon_model .tabContent .icons_content .item_type_wrap button svg {
  color: #131722;
}
#webchart_tools_icon_model .topTabWrap {
  margin: 4px 0;
  padding: 4px 12px;
  border-bottom: 1px solid #edeef0;
}
#webchart_tools_icon_model .top-tabs {
  display: inline-flex;
  flex-wrap: wrap;
}
#webchart_tools_icon_model .top-tabs li {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 8px;
}

#webchart_tools_icon_model .top-tabs li:hover,
#webchart_tools_icon_model .top-tabs li.active {
  background: #01e0af;
  border-radius: 6px;
  overflow: hidden;
}
#webchart_tools_icon_model .top-tabs li svg {
  width: 36px;
  height: 36px;
  color: #333333;
}
#webchart_tools_icon_model .top-tabs li img {
  width: 24px;
  height: 24px;
}
/*阿拉伯语下*/
html.rtl #webchart_tools_icon_model .tabs li {
  margin-left: 16px;
  margin-right: 0;
}

.ns-resize {
  cursor: ns-resize !important;
}
.ew-resize {
  cursor: ew-resize !important;
}
.defaut-point {
  cursor: default !important;
}

.webchart_drag_indexobj_icon {
  position: fixed;
  z-index: 99999999;
  width: 28px;
  height: 28px;
}
.webchart_drag_indexobj_icon svg {
  width: 100%;
  height: 100%;
}
.web-chart-box_vm {
  width: 0;
  height: 0;
}
.web-chart-box-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.tile .web-chart-box-cover {
  top: 36px;
  height: calc(100% - 36px);
}
.cursor-downLine {
  cursor: row-resize;
}
#webchart_order_line_tooltip,
#webchart_order_history_tooltip,
#webchart_order_history_line_tooltip {
  position: fixed;
  z-index: 4000;
  word-wrap: break-word;
  border-radius: 4px;
  background-color: var(--color-tips_bg, #303133);
  line-height: 1.57;
  padding: 2px 6px;
  font-size: 14px;
  color: #fff;
}
.web-chart-box-axisCrossDom {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 100;
}

.candle-form-intro {
  display: none;
  position: absolute;
  z-index: 501;
  pointer-events: none;
  width: 300px;
  transform: translate(-50%);
  background-color: var(--color-tips_bg);
  border-radius: 8px;
  padding: 8px;
  box-sizing: border-box;
  color: white;
  font-size: 14px;
  margin-top: 24px;
}
.candle-form-intro::after {
  content: '';
  top: -18px;
  left: 50%;
  transform: translate(-50%);
  position: absolute;
  border: 10px solid transparent;
  border-bottom: 8px solid var(--color-tips_bg);
}

/* el-tabs按钮为button按钮时需要加上这些属性,后续可以通过class类名'button-tabs'直接使用 */
.button-tabs .is-active .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  border-radius: 36px;
  background-color: var(--color-fb-primary);
  border-color: var(--color-fb-primary);
  box-shadow: unset;
  font-weight: 700;
  font-size: 14px;
  color: var(--color-text-c1);
}
.button-tabs.el-radio-group .el-radio-button span.el-radio-button__inner:hover {
  color: var(--color-c1);
}
.button-tabs .is-active .el-radio-button__orig-radio:checked + .el-radio-button__inner:hover {
  background-color: #00c89c;
  color: var(--color-text-c1);
}
.button-tabs.el-radio-group .el-radio-button span.el-radio-button__inner {
  border-radius: 36px;
  font-size: 14px;
  background-color: var(--color-G8);
  border-color: var(--color-G8);
  color: var(--color-c2);
}
.button-tabs .el-radio-button {
  margin-right: 8px;
}

:root {
  --webchart-logo-main-color: #01e0af;
  --webchart-logo-border-color: #ffffff;
  --cursor_circle_dot: url('/traders/webchart/webchart/image/cursor_circle_dot.svg') 4 4, auto;
  --cursor_circle_dot_dark: url('/traders/webchart/webchart/image/cursor_circle_dot_dark.svg') 4 4, auto;
  --cursor_eraser: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAxpJREFUSEu91GtMjXEcB/Dvz1DnVCoKJ9bmkC2KWFpshom8SEZG2clqmNtWq41NLhvT2dg40nQj6aZChrzQmOaFy8wLJtqqc2yUhsrtdJ5zOuZnT1MrO89N5nn7/P+/z363P+E/fzRaj5lXANgOQABwhoia5WL+NcjMBgD7Xr5qyTxutozx8/PB0SP7HdNCDOuI6J4U+lcgMxsdgtB0ylIYWnftJhZGRaK7pxffvttRW1nsmD5NGtUMDmLbdmaFPn7ybCCRwvyTWBIbDVP6Xnz+8lUW1QR6wkRw3LixKDh7AjHRCxRR1aAUNtgrtagqUAnTgiqCajE5tK6qWJzeRUT0WhZk5vEul6slbUemcXBA1Ozt8PKmbN2FEMMUXCiylBLRdiUw49btxryM7INqnBFnRPTsaTMu111Hv6sfddUl1URkkgSZ2fT8RXO5KX3vmImBAXj7rlMzKl7w9fVBTWXRz8i54XFE1OQRZOagDx8/vYlPSPaNjVmIfIsZ5hN5KKuo1YxuS9uCwznZFiLKFi9Lgen5BaUXK6qv4MHdG9DrdWBmHMs9pQldHBuN0mLLW71Ot5iI3suBOQcO5eaKZawuLxjKSgs6DFtBRLbBIFIZbi6rqK09nVeE+431CA6apAmVwuQy9LHb+9oS1psMfn6+qCo7B3//CapQOUwSFH8w89KOzq47yak79YEB/qpQJUwW/I3GdXR23ZRC3W43Vq7ZOLAyajBF0BN6seTMQE8dDgFZ+4/g4aOnMB/LQfyq5VYvL6/VwwfE0w4pvqXDUVPaHn1P72fMi5iD1nYr3O4fuHQ+72fU/IgsAEVE1K+0qCNAZp5ERD2eLjHzMntfX83V+gZDa6sVISFTsWljon3K5ODdRFSlBI1YC2aOcTqdNW3tb4xhs2bYvL29U4jo6Z9BmFkPIBGAEUAXgAYi6laLDfVQEARrYtJWY2ubDbPDjLhVX2HT6XQztQRSe5bEMr5sbuleuyF16E7D9UpERoQHSZVXbXDJoREEpzUxKfX/ZPh7CmOcTldNW7tNtoejyczjWyo3pf8CE2P8AhAI0SwAak8AAAAAAElFTkSuQmCC')
      0 28,
    auto;
  --cursor_drawuodown: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABNxJREFUWEftl39oVWUYx7/PuXdr6mahEVRCUhkRFIQFVvijYC1ITbGVO9e5cxSWP3auPzHT0lLTDEm9xxkO9ZzN3bPpRKRhRoVFEZROEkr/SJcGgpSapt2cdzvvN86VG3fz7m4T0n88fx3O+5zn+bzf53mf5xzBLb7kFsfHTQOYOnX24Lq66vNdN9wtwGRj7tAQ/MUUyVfUVjS6G07dqFoR01oHiq7oFzfUVh/N9JMVoLR0VmFeYfgEwAJAfADtoY78h3bsWJfoK0TEsLZBZFrwHskLUHjJq7MPpv1kBSgz5hRrws9JvAyNSaF8IYpj62vtfX0BiJjRPQAmkjgugmEkWwW4nxrGedvtLwNfWQEi5pyxAJsVOIbQ2kLg9wBL4469uzcA5eULB/jhZDPIMQK8AcEQQJYl/dCQvFBHs0CeJDnJc+09OQGEHBUAQHiwLwC6EW0RwXBSvea5m5oipvVeAJDHS/0Sif7hvMLwJwI8r5S8mlsBwUhCtYWoHUoDTDGskQTWUPAIgFWeY8e6qqIb0ckU9UeDs+lAsKYb0XdFsDwAcF237doz630kO9b1WgESTQCOCTiPIucA/CTAKz5kRKOz8YdcqclUIA2QswjTNdA5BRkhFKqSd7TV57cXXCS51HPt1f8LgMpIAYlloqkWUPsUxMxkoqM+vzB8meA7nmOvygWQLQU3oABLtQ4eVmHt104ARCMEX+VT2+W6Gy5mA8mZAn367Afga7tEcB8pSzw3tiN7CrIDpAMSOOcrjthZa7f25qj+p4BuWocADAPxjYiMIzFXRFpTfaDLKfAZagmJOpmpAMCdAFYAchTg8rhjr+gTQMSMkuDHnmPPihjR/QRGC9RCiFbdG4B0DVzzg/WeE5vfJwDdsIKmUJxU4YfzNL+/CH4BeR4igwOAjo7QyfyQf1rgD78kA44XqbYz1DghaKURwzqjBPMbHLshAADwYdyJvXl9X7AMCAzPscdcNw31aXMfFKpWEo2eGysrM6OrNeCtVJ8mR9W79rel0+cNatq2/s/gWXf3KQDig7gbS72befXYByJmdC2ART7wXCKv7cjAZMEJCO5NA/RG0lQKiJWeG1vWZ4Dx0xYVFakrQdDTccceXlYxZ5Kmcbcv6unG7ZtaegIYV1nZf2B7QaK7IuxRgVRvrqiaLpq2lYpTvFo7HjGtx+KOfayn4MF6WdmCu7WC9rMkF3uuvTaYhpnfDtkaUWll5Z1NNTV/dZoFEdM6QmDQ5byrjzbX1PzTm+CBzWQz+mwI+I7E1KCP6Ga0GYDvObEJwXpXBVL2xD4lnNAJoMy0RmuQr0l85LmxBb0FiFREl0LDKmr+UG9b9W+6aW0WyEySez3XnpipwFVt4FNC7hfiqoh68bppqJvRLQJUKnBGg2Nv6QmivHzGPSqcf4LAgfSOUyk1rZUCeZtkM0V+Dk4WhcWiZC+EF0h5wXNjx7OOY920PhNICYAlcSe2JhtEqnD9K89Qw1aB3EXNfzzYfaatblpRgWwkcUUE/UC2ETgl7SiOx+3TqaOezblhGAXtUuQC8npPChA8q3yUNNbZP2az1Y1ouQjqgjUSh8PKL8n8PM/5X6CbVSWkPCGQAd2AXGBYGhu2bvw9F+iUiqrxFJmdTPiTmpo2/51pe9N+TLoDvA1wW4F/AVYs6KfpnhsxAAAAAElFTkSuQmCC'),
    auto;
  --cursor_drawuodown_drak: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA41JREFUWEftl2uoVVUUhb8BEZpJoRFoQdILEQpEAyuyB5hBllfU0qgQg8oMqVtUZmX5qAwpCkyEAvFBliJiZJGikgg9lAIfP7yWBUKYPeltyIgp81z2Pffss88V1D+uP2dzztprfWusOcecR5zioVO8PycNwHZ/ST/VH7gUwPYg4CngTGCOpG+PVy3bC4G7gFGS9hTXaQhg+2xgP9ALOAr8B1wi6c+eQth+G5ia7/0C3CLp89o6ZQCjgI+BW4EjwEZgjKQPegJgey0wDugALgO+Bi4AbpO0KdYqAxgDvA/cAPwDfApMlLSmFQDbfQrvPwBcCDyXn7HuUGC8pLVVACMTICTrCcAOYBhwh6TVtl9IgN7AGcB64EZgQhXAdQnwRQ3Adnz3EnA5ME/SG/Wq2J4E/CBpc/xm+3lgNtBbUiga380HFlYBFBVYDewFHgV+BHYBY4ERkj5rdjVFBWoAVUFYi4EiQHGPh4EVwK/ALEkvniiA4hVEEMXdbgCmJcDvwLOS5lUAdLuC41FgIrAT+KYOYBWwBXhPUijSbTS9AtsXxcvAQOBpScttN7qCMoDahhEXEQ+R6y0P2Y4ID5P4JAwCeCQNI/K1SxbkFRyoU+DdsGogLHa2pHhueQSAgcWSHrL9IXA98DiwqEWAYzGQ67wmqb3l3cMJbYcphPVeCpwF7AOiavVPgDjxwTSWsNTvgbawUtvx3C7pnQR4RdKTDXxhCjBFUjhrlxEAF6fkqyRNth0pNTNnjZS0zXY/ST+ngZQ9h5IvS6q927lRpQ/YXgA8AVwLfJWVcABwDKAVSVOBuZIiXbuMVgD65qYHJQ2zPR6IwnOVpMj9psN2XF2U6oZBWAmQ0t4HvAXcLWml7SGSwnorh+3zgMPRwEhaENWw2DuU1IJzJP3WpRbYDvn7AYMl/VW5c06wfQ2wHbg3fSRS+KiktjxcZzWMWpDzo7doqweIFNwKvCrpsR4AzIrKCAyS9J3tN9Mr1kkaV1QAGA5Euv8L3NytGtpeAtwPPCgpnqvu//yMn821E+ep5wLPZGOyOzMr0n0dEK3ZTZI6ysrxR8DotOao/d2G7QjcqzNuzgWuiNMXJ9qeAbwO/B29QPYW0dxGcxreUtqSRTO6FLizSoEMvtGSviwBvQdYlr9FMYu5ne150/8FtkOFK4Ho8RqNkDIM7FAzUNu3A9OzD/yjOPek/TEpAzwNcFqB/wGo/Lv5u4+rCAAAAABJRU5ErkJggg=='),
    auto;
  --cursor_up_rotate: url('/traders/webchart/webchart/image/cursor_up_rotate.svg') 12 16, auto;
  --cursor_down_rotate: url('/traders/webchart/webchart/image/cursor_down_rotate.svg') 12 -4, auto;
}

.webchart-kLine-indexobj-toolTip {
  position: fixed;
  z-index: 9999;
  background-color: var(--color-dialog_bg, #fff);
  padding: 10px 14px;
  font-size: 12px;
  color: var(--color-c1);
  display: none;
  pointer-events: none;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  font-family: HarmonyOSRegular;
  line-height: 17px;
  font-weight: 400;
  min-width: 200px;
  box-sizing: border-box;
}
.webchart-kLine-indexobj-toolTip .item {
  padding: 2px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
}
.webchart-kLine-indexobj-toolTip .item .label {
  padding-right: 40px;
  color: var(--color-c2);
}
.rtl .webchart-kLine-indexobj-toolTip .item .label {
  padding-right: 0;
  padding-left: 40px;
}

.webchart-kLine-indexobj-toolTip .item .value {
  font-weight: bold;
}
.webchart_hide_logo {
  display: none !important;
}
.web-chart-box .logo .webchart_logo_closeBtn {
  position: absolute;
  right: -15px;
  top: -10px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #8e939d;
  background: #fff;
  font-size: 12px;
  z-index: 2;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
}
.web-chart-box .logo:hover .webchart_logo_closeBtn {
  display: flex;
}

._webChart_itemPanel_hover_right_tools {
  position: absolute;
  display: flex;
  align-items: center;
  top: 4px;
  right: 0;
  padding: 0 4px 0 1px;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s linear;
}
.web-chart-canvas-item-wrap:hover ._webChart_itemPanel_hover_right_tools {
  opacity: 1;
  pointer-events: auto;
}

._webChart_itemPanel_hover_right_tools:hover,
._webChart_itemPanel_hover_right_tools.active {
  opacity: 1;
}
._webChart_itemPanel_hover_right_tools li {
  align-items: center;
  display: none;
  flex: 0 0 auto;
  height: 22px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 22px;
  border-radius: 4px;
  background-color: #fff;
  margin-left: 4px;
  border: 1px solid #d1d4dc;
}
._webChart_itemPanel_hover_right_tools li.iconShow {
  display: flex;
}
._webChart_itemPanel_hover_right_tools li svg {
  width: 15px;
  height: 15px;
}
._webChart_itemPanel_hover_right_tools li:hover {
  background-color: #f5f5f6;
  cursor: pointer;
}
._webChart_itemPanel_hover_right_tools li:hover svg {
  color: #01e0af !important;
}
.dark ._webChart_itemPanel_hover_right_tools li {
  background: #323438;
  border-color: #323438;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.dark ._webChart_itemPanel_hover_right_tools li svg {
  color: #fff;
}
.web-chart-canvas-item-wrap ._boundaryLine_handle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  user-select: none;
  height: 1px;
  z-index: 2;
  background-color: var(--color-G4, #c2c5cc);
}
.web-chart-canvas-item-wrap ._boundaryLine_handle::after {
  content: '';
  height: 9px;
  left: 0;
  position: absolute;
  top: -4px;
  width: 100%;
  z-index: 2;
}

.web-chart-canvas-item-wrap ._boundaryLine_handle:hover {
  cursor: row-resize;
}