.dv-iframe-page {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.dv-wrapper[data-v-7638eab9] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.dv-wrapper svg[data-v-7638eab9] {
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: left top;
}
.dv-border-box[data-v-1efda36d] {
  position: relative;
  width: 100%;
  height: 100%;
}
.dv-border-box svg[data-v-1efda36d] {
  position: absolute;
  left: 0;
  top: 0;
}
.dv-border-box-bd[data-v-1efda36d] {
  position: relative;
  width: 100%;
  height: 100%;
}
*,
:after,
:before {
  padding: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  min-width: 1024px;
  font-size: 12px;
}
body {
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
  background: #171b22;
  -webkit-font-smoothing: antialiased;
}
body::-webkit-scrollbar {
  display: none;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
figcaption,
figure,
main {
  display: block;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
a {
  text-decoration: none;
  outline: none;
  background-color: transparent;
}
b,
strong {
  font-weight: inherit;
}
b,
strong {
  font-weight: bolder;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input {
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
}
button,
select {
  border: none;
  text-transform: none;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
a:focus,
input:focus,
button:focus,
textarea:focus {
  outline: none;
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
input,
button,
textarea {
  font: inherit;
  color: inherit;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}
:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s !important;
}
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-thumb {
  background: #434b55;
}
::-webkit-scrollbar-corner {
  display: none;
}
#app {
  width: 100%;
  height: 100%;
}
@font-face {
  font-family: "datav-icons";
  src: url("./datav-icons.d9c11e39.woff") format("woff"), url("./datav-icons.c50945a1.ttf") format("truetype");
}
[class*="mat-icon-"],
[class^="mat-icon-"] {
  font-family: "datav-icons" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mat-icon-fullscreen-exit:before {
  content: "\eca9";
}
.mat-icon-international:before {
  content: "\e676";
}
.mat-icon-flip-v:before {
  content: "\e70a";
}
.mat-icon-flip-h:before {
  content: "\e70b";
}
.mat-icon-assets:before {
  content: "\e715";
}
.mat-icon-stop:before {
  content: "\e680";
}
.mat-icon-logout:before {
  content: "\ef5b";
}
.mat-icon-menu:before {
  content: "\e868";
}
.mat-icon-my-com:before {
  content: "\e652";
}
.mat-icon-tutorial:before {
  content: "\e62e";
}
.mat-icon-my-data:before {
  content: "\e61e";
}
.mat-icon-edit:before {
  content: "\e645";
}
.mat-icon-cloud:before {
  content: "\e602";
}
.mat-icon-setting:before {
  content: "\e790";
}
.mat-icon-show:before {
  content: "\e64d";
}
.mat-icon-unlock:before {
  content: "\e8e9";
}
.mat-icon-line-show:before {
  content: "\e600";
}
.mat-icon-line-hide:before {
  content: "\e601";
}
.mat-icon-favorite:before {
  content: "\e772";
}
.mat-icon-more:before {
  content: "\e62d";
}
.mat-icon-other:before {
  content: "\e617";
}
.mat-icon-chart-bar:before {
  content: "\e63d";
}
.mat-icon-chart:before {
  content: "\e629";
}
.mat-icon-move-up:before {
  content: "\e60b";
}
.mat-icon-move-down:before {
  content: "\eb86";
}
.mat-icon-shortcut:before {
  content: "\e61a";
}
.mat-icon-lock:before {
  content: "\e608";
}
.mat-icon-hide:before {
  content: "\e610";
}
.mat-icon-move-top:before {
  content: "\eb87";
}
.mat-icon-move-bottom:before {
  content: "\eb88";
}
.mat-icon-list:before {
  content: "\e637";
}
.mat-icon-app:before {
  content: "\e624";
}
.mat-icon-delete:before {
  content: "\e618";
}
.mat-icon-add-floder:before {
  content: "\e615";
}
.mat-icon-add:before {
  content: "\e616";
}
.mat-icon-copy:before {
  content: "\e70c";
}
.mat-icon-move:before {
  content: "\e633";
}
.mat-icon-back:before {
  content: "\e641";
}
.mat-icon-video:before {
  content: "\e665";
}
.mat-icon-img:before {
  content: "\e60c";
}
.mat-icon-complete:before {
  content: "\e605";
}
.mat-icon-interact:before {
  content: "\e60a";
}
.mat-icon-preview:before {
  content: "\e696";
}
.mat-icon-adapt-height:before {
  content: "\e64c";
}
.mat-icon-adapt-auto:before {
  content: "\e7a7";
}
.mat-icon-fullscreen:before {
  content: "\e621";
}
.mat-icon-adapt-width:before {
  content: "\e64a";
}
.mat-icon-filter:before {
  content: "\e68e";
}
.mat-icon-material:before {
  content: "\e881";
}
.mat-icon-workspace:before {
  content: "\e625";
}
.mat-icon-layer:before {
  content: "\e60f";
}
.mat-icon-box:before {
  content: "\e6a2";
}
.mat-icon-rpanel:before {
  content: "\e745";
}
.mat-icon-relation:before {
  content: "\e6ad";
}
.mat-icon-media:before {
  content: "\e649";
}
.mat-icon-smile:before {
  content: "\e614";
}
.mat-icon-font:before {
  content: "\e620";
}
.mat-icon-title:before {
  content: "\e62c";
}
.mat-icon-save:before {
  content: "\e7ef";
}
.mat-icon-search:before {
  content: "\e603";
}
.mat-icon-help:before {
  content: "\e654";
}
.mat-icon-release:before {
  content: "\e626";
}
.mat-icon-map:before {
  content: "\e62b";
}
.mat-icon-chart-line:before {
  content: "\e67e";
}
.mat-icon-chart-pie:before {
  content: "\e67f";
}
.mat-icon-excel:before {
  content: "\e6df";
}
.mat-icon-loading:before {
  content: "\e61c";
}
.mat-icon-loading {
  display: inline-block;
  animation: rotating 2s linear infinite;
}
@keyframes rotating {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.el-button--default:not(.el-button--primary) {
  color: #2681ff;
  border-color: #2681ff;
  background: transparent;
}
.el-button--default:not(.el-button--primary):hover {
  color: #fff;
  background: #2681ff;
  border-color: #2681ff;
}
.el-button--default:not(.el-button--primary):focus {
  color: #2681ff;
  background: transparent;
  border-color: #2681ff;
}
.el-button--default:not(.el-button--primary):active {
  color: #fff;
  background: #2681ff;
  border-color: #2681ff;
  outline: none;
}
.el-button--medium {
  padding: 0 30px;
  min-height: 32px;
}
.el-button {
  border-radius: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-button.is-disabled,
.el-button.is-disabled:hover,
.el-button.is-disabled:focus {
  cursor: not-allowed;
  color: rgba(255, 255, 255, 0.5);
  border-color: #323437;
  background: #262c33;
}
.el-popover.el-popper {
  min-width: auto;
}
.el-popover.el-popper.is-light[data-popper-placement^="bottom"] .el-popper__arrow::before {
  border-color: #262c33;
  background: #262c33;
}
.dv-popover.el-popover {
  padding: 0;
  border: 0;
  border-radius: 0;
}
.dv-popover.el-popover.is-light[data-popper-placement^="bottom"] .el-popper__arrow::before {
  border-color: #262c33;
  background: #262c33;
}
.el-message {
  border-radius: 0;
}
.el-message .el-message__icon {
  font-size: 16px;
}
.el-message .el-icon-success {
  color: #2681ff;
}
.el-message .el-icon-warning {
  color: #f27a24;
}
.el-message .el-icon-error {
  color: #f15532;
}
.el-message--error {
  background-color: #5d2b3e;
  border-color: #f15532;
}
.el-message--error .el-message__content {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.el-message--success {
  background-color: #1b3964;
  border-color: #2681ff;
}
.el-message--success .el-message__content {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.el-message--warning {
  background-color: #593c27;
  border-color: #f27a24;
}
.el-message--warning .el-message__content {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.el-message__closeBtn {
  color: #fff;
}
.el-message-box {
  position: relative;
  border: none;
  border-radius: 0;
  background: #303640;
}
.el-message-box .el-message-box__headerbtn .el-message-box__close {
  font-size: 18px;
  color: #2681ff;
  transition: 0.3s ease;
}
.el-message-box .el-message-box__headerbtn .el-message-box__close:hover {
  color: #2681ff;
  transform-origin: center;
  transform: rotateZ(90deg);
}
.el-message-box::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(270deg, #74f0ff 0, #2681ff 74%);
}
.el-message-box__title {
  color: #fff;
}
.el-message-box__content {
  padding: 16px 20px;
  color: #fff;
}
.el-message-box__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.el-message-box__header {
  padding: 16px;
}
.el-message-box__status {
  top: 25px;
  font-size: 65px !important;
}
.el-message-box__status.el-icon-warning {
  color: #ff4f43;
}
.el-message-box__message {
  margin-top: 40px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.el-message-box__btns {
  border-top: 1px solid #3a4659;
  padding: 16px 20px 6px;
}
.el-dialog {
  background-color: #303640;
}
.el-dialog::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(270deg, #74f0ff 0, #2681ff 74%);
}
.el-dialog__header {
  padding: 16px 20px 8px 20px;
}
.el-dialog__title {
  color: #2681ff;
  font-size: 14px;
  font-weight: 500;
}
.el-dialog__headerbtn .el-dialog__close {
  font-size: 18px;
  color: #2681ff;
  transition: 0.3s ease;
}
.el-dialog__headerbtn .el-dialog__close:hover {
  color: #2681ff;
  transform-origin: center;
  transform: rotateZ(90deg);
}
.el-dialog__body {
  min-height: 50px;
  padding: 10px 20px 20px 20px;
  overflow-y: auto;
  color: #fff;
}
.el-dialog__footer {
  border-top: 1px solid #3a4659;
  padding: 16px 20px;
}
.el-switch {
  height: 28px;
  line-height: 28px;
}
.el-switch .el-switch__label {
  height: 28px;
}
.el-switch .el-switch__core {
  height: 16px;
  background: #0b0c0d;
  border: 1px solid #303740;
}
.el-switch .el-switch__core .el-switch__action {
  width: 12px;
  height: 12px;
}
.el-switch.is-checked .el-switch__core .el-switch__action {
  margin-left: -12px;
}
.el-switch.--mini {
  height: 8px;
  line-height: 8px;
  font-size: 12px;
}
.el-switch.--mini .el-switch__core {
  width: 16px !important;
  height: 8px;
}
.el-switch.--mini .el-switch__core .el-switch__action {
  width: 6px;
  height: 6px;
  top: 0;
  left: 0;
}
.el-switch.--mini.is-checked .el-switch__core .el-switch__action {
  margin-left: 8px;
}
.el-popper.is-blue {
  padding: 5px;
  background: #2681ff;
  border-radius: 0;
  color: #fff;
  max-width: 200px;
  overflow-wrap: break-word;
  line-height: 16px;
}
.el-popper.is-blue .el-popper__arrow {
  width: 8px;
  height: 8px;
}
.el-popper.is-blue .el-popper__arrow::before {
  content: " ";
  width: 8px;
  height: 8px;
  background: #2681ff;
}
.el-popper.is-blue[data-popper-placement^="top"] .el-popper__arrow {
  bottom: -4px;
  border-top-color: #2681ff;
  border-bottom-width: 0;
}
.el-popper.is-blue[data-popper-placement^="top"] .el-popper__arrow::after {
  border-top-color: #2681ff;
}
.el-popper.is-blue[data-popper-placement^="bottom"] .el-popper__arrow {
  top: -4px;
  border-bottom-color: #2681ff;
  border-top-width: 0;
}
.el-popper.is-blue[data-popper-placement^="bottom"] .el-popper__arrow::after {
  border-bottom-color: #2681ff;
}
.el-popper.is-blue[data-popper-placement^="left"] .el-popper__arrow {
  right: -4px;
  border-left-color: #2681ff;
  border-right-width: 0;
}
.el-popper.is-blue[data-popper-placement^="left"] .el-popper__arrow::after {
  border-left-color: #2681ff;
}
.el-popper.is-blue[data-popper-placement^="right"] .el-popper__arrow {
  left: -4px;
  border-right-color: #2681ff;
  border-left-width: 0;
}
.el-popper.is-blue[data-popper-placement^="right"] .el-popper__arrow::after {
  border-right-color: #2681ff;
}
.el-select {
  width: 100%;
}
.el-select .el-select__input {
  margin-left: 8px;
  color: #bcc9d4;
  caret-color: #2681ff;
}
.el-select .el-select__input::placeholder {
  color: #c0c4cc;
}
.el-select .el-input__inner {
  color: #bcc9d4;
  border-radius: 0;
  padding: 0 14px;
  background-color: #262c33;
  border: 1px solid #0b0c0d;
}
.el-select .el-input .el-select__caret {
  color: #bcc9d4;
  font-weight: 600;
}
.el-select .el-input.is-disabled .el-input__inner {
  color: #bcc9d4;
  border: 1px solid #0b0c0d;
  background-color: #262c33;
  opacity: 0.5;
}
.el-select .el-input.is-disabled .el-input__inner:hover {
  border: 1px solid #0b0c0d;
}
.el-select .el-input.is-disabled .el-select__caret {
  opacity: 0.5;
}
.el-select:hover .el-input__inner {
  border-color: #2681ff;
}
.el-select__popper {
  background: #1d2126;
  border-color: #2681ff;
  border-radius: 0;
}
.el-select__popper.el-popper[role="tooltip"] {
  background: #1d2126;
  border: solid 1px #2681ff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.el-select__popper.el-popper[role="tooltip"][data-popper-placement^="bottom"] .el-popper__arrow::before {
  background: #1d2126;
  border-color: #2681ff;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-select__popper.el-popper[role="tooltip"][data-popper-placement^="top"] .el-popper__arrow::before {
  background: #1d2126;
  border-color: #2681ff;
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-select-dropdown {
  border-radius: 0;
}
.el-select-dropdown__list {
  padding: 2px 0;
}
.el-select-dropdown__item {
  padding: 0 15px;
  font-size: 12px;
  color: #a1aeb3;
  height: 28px;
  line-height: 28px;
  background-color: #1d2126;
  border-left: 2px solid transparent;
}
.el-select-dropdown__item:hover,
.el-select-dropdown__item.hover {
  background-color: #1b3964;
  border-left-color: #2681ff;
}
.el-select-dropdown__item.selected {
  color: #fff;
}
.el-select-dropdown__item.selected::before {
  content: " ● ";
  color: #2681ff;
  font-family: "Helvetica Neue";
  display: inline-block;
  position: absolute;
  left: 4px;
  vertical-align: middle;
}
.el-tabs--left {
  display: flex;
  height: 100%;
  margin-top: 5px;
}
.el-tabs--left .el-tabs__header.is-left {
  width: 48px;
  margin-right: 0;
}
.el-tabs--left .el-tabs__nav-wrap {
  height: 100%;
  background: #191c21;
}
.el-tabs--left .el-tabs__nav-wrap.is-left {
  margin-right: 0;
}
.el-tabs--left .el-tabs__nav-wrap.is-left::after {
  right: auto;
  background-color: transparent;
}
.el-tabs--left .el-tabs__active-bar {
  background-color: #2681ff;
}
.el-tabs--left .el-tabs__active-bar.is-left {
  right: auto;
}
.el-tabs--left .el-tabs__item {
  padding: 0 16px;
  color: #bcc9d4;
}
.el-tabs--left .el-tabs__item:hover {
  color: #2681ff;
}
.el-tabs--left .el-tabs__item.is-active {
  color: #2681ff;
  background: #14161a;
}
.el-tabs--left .el-tabs__content {
  height: 100%;
  overflow-y: scroll;
  background: #13161a;
  flex: 1;
}
.el-tabs--card > .el-tabs__header {
  border: 0;
  margin: 0;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 0;
  border-radius: 0;
}
.el-tabs--card > .el-tabs__header .el-tabs__item {
  border: 0;
  height: 30px;
  line-height: 30px;
  border-top: 2px solid transparent;
  color: #bcc9d4;
  background: #13161a;
}
.el-tabs--card > .el-tabs__header .el-tabs__item:hover {
  color: #2681ff;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  color: #2681ff;
  border-top: 2px solid #2681ff;
  background: #1d2126;
}
.el-tabs--card .el-tabs__content {
  background: #1d2126;
}
.el-collapse {
  border: none;
}
.el-collapse .el-collapse-item__header {
  height: 40px;
  line-height: 40px;
  color: #bcc9d4;
  background-color: #13161a;
  border-bottom: 1px solid #141210;
}
.el-collapse .el-collapse-item__header.focusing:focus:not(:hover) {
  color: #bcc9d4;
}
.el-collapse .el-collapse-item.is-disabled .el-collapse-item__header {
  opacity: 0.5;
}
.el-collapse .el-collapse-item__arrow {
  font-weight: bold;
}
.el-collapse .el-collapse-item__wrap {
  background-color: #13161a;
  border-bottom: none;
}
.el-collapse .el-collapse-item__content {
  color: #bcc9d4;
}
.el-collapse.collapse-arrow-left .el-collapse-item__header {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.el-collapse.collapse-arrow-left .el-collapse-item__arrow {
  margin: 0 8px 0 0;
}
.dv-field-collapse {
  margin-bottom: 5px;
  border: none;
}
.dv-field-collapse .el-collapse-item__header {
  height: 40px;
  padding-left: 8px;
  font-size: 12px;
  line-height: 40px;
  color: #fff;
  background: #1c2026;
  border-bottom-color: rgba(52, 52, 52, 0.5);
}
.dv-field-collapse .el-collapse-item__header .el-collapse-item__arrow {
  font-weight: bold;
  color: #a1aeb3;
}
.dv-field-collapse .el-collapse-item__wrap {
  padding: 0;
  background-color: #111417;
  border-bottom-color: rgba(52, 52, 52, 0.5);
}
.dv-field-collapse .el-collapse-item__content {
  padding: 0;
}
.el-collapse-item__content .dv-field-collapse {
  margin-bottom: 1px;
}
.el-collapse-item__content .dv-field-collapse .dv-field-title {
  color: #737c80;
}
.el-collapse-item__content .dv-field-collapse .el-collapse-item__header {
  color: #c3d3d9;
  background-color: #111417;
}
.el-collapse-item__content .dv-field-collapse .el-collapse-item__header .dv-field-title,
.el-collapse-item__content .dv-field-collapse .el-collapse-item__header .dv-field-description {
  color: #c3d3d9;
}
.el-slider .el-slider__runway {
  height: 2px;
  margin: 14px 0;
  background-color: #bcc9d4;
  border-radius: 1px;
}
.el-slider .el-slider__bar {
  height: 2px;
  background: linear-gradient(to right, #74f0ff, #2681ff);
}
.el-slider .el-slider__button-wrapper {
  top: -10px;
  width: 20px;
  height: 20px;
}
.el-slider .el-slider__button {
  width: 10px;
  height: 10px;
}
.g-slider.el-slider .el-slider__runway {
  width: 96px;
  margin: 12px 0;
}
.g-slider.el-slider .el-input-number__decrease {
  color: #bcc9d4;
  background: #262c33;
  border-right: 1px solid #0b0c0d;
}
.g-slider.el-slider .el-input-number__decrease:not(.is-disabled):hover {
  z-index: 2;
  color: #2681ff;
  border-color: #2681ff;
}
.g-slider.el-slider .el-input-number__increase {
  color: #bcc9d4;
  background: #262c33;
  border-left: 1px solid #0b0c0d;
}
.g-slider.el-slider .el-input-number__increase:not(.is-disabled):hover {
  z-index: 2;
  color: #2681ff;
  border-color: #2681ff;
}
.g-slider.el-slider .el-input-number--medium + .el-slider__runway {
  margin: 16px 0;
}
.g-slider.el-slider .el-input-number--mini {
  width: 88px;
  margin-top: 0;
  margin-left: 8px;
}
.g-slider.el-slider .el-input-number--mini .el-input-number__decrease {
  top: auto;
  right: 1px;
  bottom: 1px;
  left: auto;
  line-height: 13px;
  border-top: 1px solid #0b0c0d;
  border-right: none;
  border-left: 1px solid #0b0c0d;
  border-radius: 0 0 4px;
}
.g-slider.el-slider .el-input-number--mini .el-input-number__decrease:not(.is-disabled):hover {
  z-index: 2;
  color: #2681ff;
  border-color: #2681ff;
}
.g-slider.el-slider .el-input-number--mini .el-input-number__increase {
  line-height: 13px;
  border-bottom: 1px solid #0b0c0d;
  border-radius: 0 4px 0 0;
}
.g-slider.el-slider .el-input-number--mini .el-input-number__increase:not(.is-disabled):hover {
  z-index: 2;
  color: #2681ff;
  border-color: #2681ff;
}
.g-slider.el-slider .el-input-number--mini .el-input .el-input__inner {
  padding-right: 35px;
  padding-left: 7px;
  color: #fff;
  text-align: left;
}
.el-radio-group .el-radio-button + .el-radio-button {
  margin-left: 6px;
}
.el-radio-group .el-radio-button:first-child .el-radio-button__inner {
  border-radius: 0;
  border-left: 1px solid #0b0c0d;
}
.el-radio-group .el-radio-button--mini .el-radio-button__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 0;
  border: 1px solid #0b0c0d;
  color: #a1aeb3;
  background: #262c33;
}
.el-radio-group .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: #fff;
  background-color: #2681ff;
  border-color: #2681ff;
  box-shadow: -1px 0 0 0 #2681ff;
}
.el-checkbox {
  line-height: 28px;
}
.el-checkbox .el-checkbox__inner {
  background-color: transparent;
  border: 1px solid #3a4659;
  outline: 1px solid #0b0c0d;
}
.el-checkbox .el-checkbox__inner:hover {
  border-color: #2681ff;
  background-color: rgba(38, 129, 255, 0.3);
}
.el-checkbox .el-checkbox__inner::after {
  border-color: #2681ff;
}
.el-checkbox .el-checkbox__label {
  padding-left: 6px;
  font-size: 12px;
  line-height: 16px;
  color: #bcc9d4;
}
.el-checkbox.is-checked .el-checkbox__inner {
  background-color: transparent;
}
.el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #bcc9d4;
}
.el-checkbox-group {
  display: inline-block;
}
.el-checkbox-group .el-checkbox-button + .el-checkbox-button {
  margin-left: 6px;
}
.el-checkbox-group .el-checkbox-button:first-child .el-checkbox-button__inner {
  border-radius: 0;
  border-left: 1px solid #0b0c0d;
}
.el-checkbox-group .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #2681ff;
}
.el-checkbox-group .el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #fff;
  border-color: #2681ff;
  box-shadow: unset;
}
.el-checkbox-group .el-checkbox-button--mini .el-checkbox-button__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 0;
  border: 1px solid #0b0c0d;
  color: #a1aeb3;
  background: #262c33;
}
.dv-input-number + .el-checkbox-group {
  margin-left: 8px;
}
.el-card {
  border-radius: 0;
  border: 1px solid #3a4659;
  background-color: #1d262e;
}
.el-card .el-card__header {
  padding: 12px;
  color: #2681ff;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #3a4659;
}
.el-card .el-card__body {
  padding: 12px;
  overflow-y: auto;
  color: #fff;
}
.el-card .card-header__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.el-drawer {
  padding: 16px 20px;
  background: #1d2126;
  box-shadow: none;
}
.el-drawer .el-drawer__header {
  display: flex;
  padding: 5px;
  margin-bottom: 0;
  line-height: 16px;
  color: #2681ff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  justify-content: space-between;
}
.el-drawer .el-drawer__header .el-drawer__close-btn {
  font-size: 18px;
  color: #2681ff;
  transition: 0.3s ease;
}
.el-drawer .el-drawer__header .el-drawer__close-btn:hover {
  color: #2681ff;
  transform-origin: center;
  transform: rotateZ(90deg);
}
.el-drawer .el-drawer__body {
  height: 100%;
  padding: 0 20px 80px 20px;
  margin: 0 -20px;
  overflow: auto;
}
.el-notification {
  background-color: #303640;
  border-color: #0b0c0d;
}
.el-notification .el-notification__title {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.el-notification .el-notification__content {
  color: #bcc9d4;
}
.el-notification .el-icon-close {
  font-size: 18px;
  color: #2681ff;
  transition: 0.3s ease;
}
.el-notification .el-icon-close:hover {
  color: #2681ff;
  transform-origin: center;
  transform: rotateZ(90deg);
}
.tooltip-popover.el-popover {
  padding: 6px 10px;
  background: #1b3964;
  box-shadow: 0 0 4px #000;
  color: #fff;
  border: 1px solid #2681ff;
  line-height: 1;
  font-size: 12px;
  border-radius: 0;
}
.drop-list-popover.el-popover {
  display: inline-block;
  position: absolute;
  box-sizing: border-box;
  color: #fff;
  padding: 0;
  border: 0;
}
.drop-list-popover.el-popover .drop-list-wp {
  position: relative;
  background: #262c33;
  box-shadow: 0 1px 4px -3px #000;
  border-radius: 1px;
}
.drop-list-popover.el-popover .drop-list-wp .item-container {
  max-height: 240px;
  overflow-y: auto;
}
.drop-list-popover.el-popover .drop-list-wp .drop-list-item {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  padding-right: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 1px;
  color: #fff;
  transition: 0.2s;
  border-left: 3px solid transparent;
}
.drop-list-popover.el-popover .drop-list-wp .drop-list-item:hover {
  border-left-color: #2681ff;
  background: #1a1b1d;
}
.drop-list-popover.el-popover .drop-list-wp .drop-list-item:not(:first-child) {
  border-top: 1px solid #1a1b1d;
}
.drop-list-popover.el-popover .drop-list-wp .drop-text {
  display: block;
  margin-left: 6px;
}
.drop-list-popover.el-popover .drop-list-wp .drop-text.--no-icon {
  margin-left: 0;
}
.dv-nested-loading {
  position: relative;
  height: 100%;
  width: 100%;
}
.dv-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: hsla(0, 0%, 100%, 0.9);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s;
}
.dv-loading {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2001;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.square-loading {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #aaa;
}
.square-loading .loading-icon {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 1px;
  margin-right: 4px;
  background: #1996df;
  transition: 0.2s;
  vertical-align: middle;
}
.square-loading .loading-icon.validating {
  animation: loading-validating 1s infinite ease-in-out;
}
.square-loading .loading-icon.validating:nth-child(1) {
  animation-delay: 0.25s;
}
.square-loading .loading-icon.validating:nth-child(2) {
  animation-delay: 0.5s;
}
.dna-loading {
  position: relative;
  width: 120px;
  margin: 0 auto;
  perspective: 1000px;
  transform-style: preserve-3d;
  letter-spacing: -5px;
  top: 50%;
  transform: translateY(-50%);
}
.dna-loading::after {
  content: "loading...";
  display: block;
  padding-top: 25px;
  font-size: 12px;
  color: #aaa;
  text-align: center;
  letter-spacing: 5px;
}
.dna-dot {
  width: inherit;
  height: inherit;
  transform: translateZ(-8px);
  transform-style: preserve-3d;
}
.dna-dot::before {
  content: "";
  width: inherit;
  height: inherit;
  display: block;
  background: #aaa;
  border-radius: 50%;
  animation: dna-rotate 5s linear infinite reverse;
  transform: rotateX(-360deg) translateZ(0);
}
.dna-ele {
  width: 2px;
  height: 2px;
  display: inline-block;
  animation: dna-rotate 5s linear infinite;
  transform: rotateX(-360deg) translateZ(0);
  transform-style: preserve-3d;
  margin-left: 0;
}
.dna-ele:nth-of-type(2n) .dna-dot:before {
  background: deepskyblue;
}
.dna-ele:nth-of-type(60),
.dna-ele:nth-of-type(60) .dna-dot:before {
  animation-delay: -9.6s;
}
.dna-ele:nth-of-type(60):nth-of-type(odd) {
  animation-delay: -7.6s;
}
.dna-ele:nth-of-type(59),
.dna-ele:nth-of-type(59) .dna-dot:before {
  animation-delay: -9.44s;
}
.dna-ele:nth-of-type(59):nth-of-type(odd) {
  animation-delay: -7.44s;
}
.dna-ele:nth-of-type(58),
.dna-ele:nth-of-type(58) .dna-dot:before {
  animation-delay: -9.28s;
}
.dna-ele:nth-of-type(58):nth-of-type(odd) {
  animation-delay: -7.28s;
}
.dna-ele:nth-of-type(57),
.dna-ele:nth-of-type(57) .dna-dot:before {
  animation-delay: -9.12s;
}
.dna-ele:nth-of-type(57):nth-of-type(odd) {
  animation-delay: -7.12s;
}
.dna-ele:nth-of-type(56),
.dna-ele:nth-of-type(56) .dna-dot:before {
  animation-delay: -8.96s;
}
.dna-ele:nth-of-type(56):nth-of-type(odd) {
  animation-delay: -6.96s;
}
.dna-ele:nth-of-type(55),
.dna-ele:nth-of-type(55) .dna-dot:before {
  animation-delay: -8.8s;
}
.dna-ele:nth-of-type(55):nth-of-type(odd) {
  animation-delay: -6.8s;
}
.dna-ele:nth-of-type(54),
.dna-ele:nth-of-type(54) .dna-dot:before {
  animation-delay: -8.64s;
}
.dna-ele:nth-of-type(54):nth-of-type(odd) {
  animation-delay: -6.64s;
}
.dna-ele:nth-of-type(53),
.dna-ele:nth-of-type(53) .dna-dot:before {
  animation-delay: -8.48s;
}
.dna-ele:nth-of-type(53):nth-of-type(odd) {
  animation-delay: -6.48s;
}
.dna-ele:nth-of-type(52),
.dna-ele:nth-of-type(52) .dna-dot:before {
  animation-delay: -8.32s;
}
.dna-ele:nth-of-type(52):nth-of-type(odd) {
  animation-delay: -6.32s;
}
.dna-ele:nth-of-type(51),
.dna-ele:nth-of-type(51) .dna-dot:before {
  animation-delay: -8.16s;
}
.dna-ele:nth-of-type(51):nth-of-type(odd) {
  animation-delay: -6.16s;
}
.dna-ele:nth-of-type(50),
.dna-ele:nth-of-type(50) .dna-dot:before {
  animation-delay: -8s;
}
.dna-ele:nth-of-type(50):nth-of-type(odd) {
  animation-delay: -6s;
}
.dna-ele:nth-of-type(49),
.dna-ele:nth-of-type(49) .dna-dot:before {
  animation-delay: -7.84s;
}
.dna-ele:nth-of-type(49):nth-of-type(odd) {
  animation-delay: -5.84s;
}
.dna-ele:nth-of-type(48),
.dna-ele:nth-of-type(48) .dna-dot:before {
  animation-delay: -7.68s;
}
.dna-ele:nth-of-type(48):nth-of-type(odd) {
  animation-delay: -5.68s;
}
.dna-ele:nth-of-type(47),
.dna-ele:nth-of-type(47) .dna-dot:before {
  animation-delay: -7.52s;
}
.dna-ele:nth-of-type(47):nth-of-type(odd) {
  animation-delay: -5.52s;
}
.dna-ele:nth-of-type(46),
.dna-ele:nth-of-type(46) .dna-dot:before {
  animation-delay: -7.36s;
}
.dna-ele:nth-of-type(46):nth-of-type(odd) {
  animation-delay: -5.36s;
}
.dna-ele:nth-of-type(45),
.dna-ele:nth-of-type(45) .dna-dot:before {
  animation-delay: -7.2s;
}
.dna-ele:nth-of-type(45):nth-of-type(odd) {
  animation-delay: -5.2s;
}
.dna-ele:nth-of-type(44),
.dna-ele:nth-of-type(44) .dna-dot:before {
  animation-delay: -7.04s;
}
.dna-ele:nth-of-type(44):nth-of-type(odd) {
  animation-delay: -5.04s;
}
.dna-ele:nth-of-type(43),
.dna-ele:nth-of-type(43) .dna-dot:before {
  animation-delay: -6.88s;
}
.dna-ele:nth-of-type(43):nth-of-type(odd) {
  animation-delay: -4.88s;
}
.dna-ele:nth-of-type(42),
.dna-ele:nth-of-type(42) .dna-dot:before {
  animation-delay: -6.72s;
}
.dna-ele:nth-of-type(42):nth-of-type(odd) {
  animation-delay: -4.72s;
}
.dna-ele:nth-of-type(41),
.dna-ele:nth-of-type(41) .dna-dot:before {
  animation-delay: -6.56s;
}
.dna-ele:nth-of-type(41):nth-of-type(odd) {
  animation-delay: -4.56s;
}
.dna-ele:nth-of-type(40),
.dna-ele:nth-of-type(40) .dna-dot:before {
  animation-delay: -6.4s;
}
.dna-ele:nth-of-type(40):nth-of-type(odd) {
  animation-delay: -4.4s;
}
.dna-ele:nth-of-type(39),
.dna-ele:nth-of-type(39) .dna-dot:before {
  animation-delay: -6.24s;
}
.dna-ele:nth-of-type(39):nth-of-type(odd) {
  animation-delay: -4.24s;
}
.dna-ele:nth-of-type(38),
.dna-ele:nth-of-type(38) .dna-dot:before {
  animation-delay: -6.08s;
}
.dna-ele:nth-of-type(38):nth-of-type(odd) {
  animation-delay: -4.08s;
}
.dna-ele:nth-of-type(37),
.dna-ele:nth-of-type(37) .dna-dot:before {
  animation-delay: -5.92s;
}
.dna-ele:nth-of-type(37):nth-of-type(odd) {
  animation-delay: -3.92s;
}
.dna-ele:nth-of-type(36),
.dna-ele:nth-of-type(36) .dna-dot:before {
  animation-delay: -5.76s;
}
.dna-ele:nth-of-type(36):nth-of-type(odd) {
  animation-delay: -3.76s;
}
.dna-ele:nth-of-type(35),
.dna-ele:nth-of-type(35) .dna-dot:before {
  animation-delay: -5.6s;
}
.dna-ele:nth-of-type(35):nth-of-type(odd) {
  animation-delay: -3.6s;
}
.dna-ele:nth-of-type(34),
.dna-ele:nth-of-type(34) .dna-dot:before {
  animation-delay: -5.44s;
}
.dna-ele:nth-of-type(34):nth-of-type(odd) {
  animation-delay: -3.44s;
}
.dna-ele:nth-of-type(33),
.dna-ele:nth-of-type(33) .dna-dot:before {
  animation-delay: -5.28s;
}
.dna-ele:nth-of-type(33):nth-of-type(odd) {
  animation-delay: -3.28s;
}
.dna-ele:nth-of-type(32),
.dna-ele:nth-of-type(32) .dna-dot:before {
  animation-delay: -5.12s;
}
.dna-ele:nth-of-type(32):nth-of-type(odd) {
  animation-delay: -3.12s;
}
.dna-ele:nth-of-type(31),
.dna-ele:nth-of-type(31) .dna-dot:before {
  animation-delay: -4.96s;
}
.dna-ele:nth-of-type(31):nth-of-type(odd) {
  animation-delay: -2.96s;
}
.dna-ele:nth-of-type(30),
.dna-ele:nth-of-type(30) .dna-dot:before {
  animation-delay: -4.8s;
}
.dna-ele:nth-of-type(30):nth-of-type(odd) {
  animation-delay: -2.8s;
}
.dna-ele:nth-of-type(29),
.dna-ele:nth-of-type(29) .dna-dot:before {
  animation-delay: -4.64s;
}
.dna-ele:nth-of-type(29):nth-of-type(odd) {
  animation-delay: -2.64s;
}
.dna-ele:nth-of-type(28),
.dna-ele:nth-of-type(28) .dna-dot:before {
  animation-delay: -4.48s;
}
.dna-ele:nth-of-type(28):nth-of-type(odd) {
  animation-delay: -2.48s;
}
.dna-ele:nth-of-type(27),
.dna-ele:nth-of-type(27) .dna-dot:before {
  animation-delay: -4.32s;
}
.dna-ele:nth-of-type(27):nth-of-type(odd) {
  animation-delay: -2.32s;
}
.dna-ele:nth-of-type(26),
.dna-ele:nth-of-type(26) .dna-dot:before {
  animation-delay: -4.16s;
}
.dna-ele:nth-of-type(26):nth-of-type(odd) {
  animation-delay: -2.16s;
}
.dna-ele:nth-of-type(25),
.dna-ele:nth-of-type(25) .dna-dot:before {
  animation-delay: -4s;
}
.dna-ele:nth-of-type(25):nth-of-type(odd) {
  animation-delay: -2s;
}
.dna-ele:nth-of-type(24),
.dna-ele:nth-of-type(24) .dna-dot:before {
  animation-delay: -3.84s;
}
.dna-ele:nth-of-type(24):nth-of-type(odd) {
  animation-delay: -1.84s;
}
.dna-ele:nth-of-type(23),
.dna-ele:nth-of-type(23) .dna-dot:before {
  animation-delay: -3.68s;
}
.dna-ele:nth-of-type(23):nth-of-type(odd) {
  animation-delay: -1.68s;
}
.dna-ele:nth-of-type(22),
.dna-ele:nth-of-type(22) .dna-dot:before {
  animation-delay: -3.52s;
}
.dna-ele:nth-of-type(22):nth-of-type(odd) {
  animation-delay: -1.52s;
}
.dna-ele:nth-of-type(21),
.dna-ele:nth-of-type(21) .dna-dot:before {
  animation-delay: -3.36s;
}
.dna-ele:nth-of-type(21):nth-of-type(odd) {
  animation-delay: -1.36s;
}
.dna-ele:nth-of-type(20),
.dna-ele:nth-of-type(20) .dna-dot:before {
  animation-delay: -3.2s;
}
.dna-ele:nth-of-type(20):nth-of-type(odd) {
  animation-delay: -1.2s;
}
.dna-ele:nth-of-type(19),
.dna-ele:nth-of-type(19) .dna-dot:before {
  animation-delay: -3.04s;
}
.dna-ele:nth-of-type(19):nth-of-type(odd) {
  animation-delay: -1.04s;
}
.dna-ele:nth-of-type(18),
.dna-ele:nth-of-type(18) .dna-dot:before {
  animation-delay: -2.88s;
}
.dna-ele:nth-of-type(18):nth-of-type(odd) {
  animation-delay: -0.88s;
}
.dna-ele:nth-of-type(17),
.dna-ele:nth-of-type(17) .dna-dot:before {
  animation-delay: -2.72s;
}
.dna-ele:nth-of-type(17):nth-of-type(odd) {
  animation-delay: -0.72s;
}
.dna-ele:nth-of-type(16),
.dna-ele:nth-of-type(16) .dna-dot:before {
  animation-delay: -2.56s;
}
.dna-ele:nth-of-type(16):nth-of-type(odd) {
  animation-delay: -0.56s;
}
.dna-ele:nth-of-type(15),
.dna-ele:nth-of-type(15) .dna-dot:before {
  animation-delay: -2.4s;
}
.dna-ele:nth-of-type(15):nth-of-type(odd) {
  animation-delay: -0.4s;
}
.dna-ele:nth-of-type(14),
.dna-ele:nth-of-type(14) .dna-dot:before {
  animation-delay: -2.24s;
}
.dna-ele:nth-of-type(14):nth-of-type(odd) {
  animation-delay: -0.24s;
}
.dna-ele:nth-of-type(13),
.dna-ele:nth-of-type(13) .dna-dot:before {
  animation-delay: -2.08s;
}
.dna-ele:nth-of-type(13):nth-of-type(odd) {
  animation-delay: -0.08s;
}
.dna-ele:nth-of-type(12),
.dna-ele:nth-of-type(12) .dna-dot:before {
  animation-delay: -1.92s;
}
.dna-ele:nth-of-type(12):nth-of-type(odd) {
  animation-delay: 0.08s;
}
.dna-ele:nth-of-type(11),
.dna-ele:nth-of-type(11) .dna-dot:before {
  animation-delay: -1.76s;
}
.dna-ele:nth-of-type(11):nth-of-type(odd) {
  animation-delay: 0.24s;
}
.dna-ele:nth-of-type(10),
.dna-ele:nth-of-type(10) .dna-dot:before {
  animation-delay: -1.6s;
}
.dna-ele:nth-of-type(10):nth-of-type(odd) {
  animation-delay: 0.4s;
}
.dna-ele:nth-of-type(9),
.dna-ele:nth-of-type(9) .dna-dot:before {
  animation-delay: -1.44s;
}
.dna-ele:nth-of-type(9):nth-of-type(odd) {
  animation-delay: 0.56s;
}
.dna-ele:nth-of-type(8),
.dna-ele:nth-of-type(8) .dna-dot:before {
  animation-delay: -1.28s;
}
.dna-ele:nth-of-type(8):nth-of-type(odd) {
  animation-delay: 0.72s;
}
.dna-ele:nth-of-type(7),
.dna-ele:nth-of-type(7) .dna-dot:before {
  animation-delay: -1.12s;
}
.dna-ele:nth-of-type(7):nth-of-type(odd) {
  animation-delay: 0.88s;
}
.dna-ele:nth-of-type(6),
.dna-ele:nth-of-type(6) .dna-dot:before {
  animation-delay: -0.96s;
}
.dna-ele:nth-of-type(6):nth-of-type(odd) {
  animation-delay: 1.04s;
}
.dna-ele:nth-of-type(5),
.dna-ele:nth-of-type(5) .dna-dot:before {
  animation-delay: -0.8s;
}
.dna-ele:nth-of-type(5):nth-of-type(odd) {
  animation-delay: 1.2s;
}
.dna-ele:nth-of-type(4),
.dna-ele:nth-of-type(4) .dna-dot:before {
  animation-delay: -0.64s;
}
.dna-ele:nth-of-type(4):nth-of-type(odd) {
  animation-delay: 1.36s;
}
.dna-ele:nth-of-type(3),
.dna-ele:nth-of-type(3) .dna-dot:before {
  animation-delay: -0.48s;
}
.dna-ele:nth-of-type(3):nth-of-type(odd) {
  animation-delay: 1.52s;
}
.dna-ele:nth-of-type(2),
.dna-ele:nth-of-type(2) .dna-dot:before {
  animation-delay: -0.32s;
}
.dna-ele:nth-of-type(2):nth-of-type(odd) {
  animation-delay: 1.68s;
}
.dna-ele:nth-of-type(1),
.dna-ele:nth-of-type(1) .dna-dot:before {
  animation-delay: -0.16s;
}
.dna-ele:nth-of-type(1):nth-of-type(odd) {
  animation-delay: 1.84s;
}
@keyframes dna-rotate {
  100% {
    transform: none;
  }
}
@keyframes loading-validating {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.dv-async-loading {
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.el-input .el-input__inner {
  padding: 0 8px;
  color: #bcc9d4;
  background: #262c33;
  border: 1px solid #0b0c0d;
  border-radius: 0;
  caret-color: #2681ff;
}
.el-input .el-input__inner:focus {
  border-color: #2681ff;
}
.el-input .el-input__inner:hover {
  border-color: #2681ff;
}
.el-input .el-input__inner::placeholder {
  color: #c0c4cc;
}
.el-input.is-disabled .el-input__inner {
  color: #bcc9d4;
  border: 1px solid #0b0c0d;
  background-color: #262c33;
  opacity: 0.5;
}
.el-input.is-disabled .el-input__inner:hover {
  border: 1px solid #0b0c0d;
}
.el-input-group__prepend {
  color: #bcc9d4;
  border-color: #0b0c0d;
  background: #39414d;
}
.el-input-group__append {
  color: #bcc9d4;
  border-color: #0b0c0d;
  background: #39414d;
}
.dv-input {
  height: 24px;
  display: inline-block;
  background: #262c33;
  vertical-align: middle;
  padding: 0 8px;
  line-height: 16px;
  color: #bcc9d4;
  width: 100%;
  caret-color: #2681ff;
  box-sizing: border-box;
  box-shadow: none;
  margin: 0;
  outline: 0;
  border-radius: 0;
  font-size: 12px;
  border: 1px solid #0b0c0d;
  transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.dv-input.is-disabled {
  color: #424447;
  cursor: not-allowed;
  background: #262c33;
  border: 1px solid #323437;
}
.dv-input.is-disabled:focus,
.dv-input.is-disabled:hover {
  border: 1px solid #323437;
}
.dv-input:focus,
.dv-input:hover {
  border: 1px solid #2681ff;
}
.dv-input[type="number"]::-webkit-outer-spin-button,
.dv-input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.el-autocomplete__popper {
  background: #1d2126;
  border-color: #2681ff;
  border-radius: 0;
}
.el-autocomplete__popper.el-popper[role="tooltip"] {
  background: #1d2126;
  border: solid 1px #2681ff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.el-autocomplete__popper.el-popper[role="tooltip"][data-popper-placement^="bottom"] .el-popper__arrow::before {
  background: #1d2126;
  border-color: #2681ff;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-autocomplete__popper.el-popper[role="tooltip"][data-popper-placement^="top"] .el-popper__arrow::before {
  background: #1d2126;
  border-color: #2681ff;
  border-top-color: transparent;
  border-left-color: transparent;
}
.el-autocomplete-suggestion li {
  padding: 0 15px;
  font-size: 12px;
  color: #a1aeb3;
  height: 28px;
  line-height: 28px;
  background-color: #1d2126;
  border-left: 2px solid transparent;
}
.el-autocomplete-suggestion li:hover {
  background-color: #1b3964;
  border-left-color: #2681ff;
}
.el-input-number .el-input-number__decrease {
  color: #bcc9d4;
  background: #262c33;
  border-right: 1px solid #0b0c0d;
}
.el-input-number .el-input-number__decrease:not(.is-disabled):hover {
  z-index: 2;
  color: #2681ff;
  border-color: #2681ff;
}
.el-input-number .el-input-number__increase {
  color: #bcc9d4;
  background: #262c33;
  border-left: 1px solid #0b0c0d;
}
.el-input-number .el-input-number__increase:not(.is-disabled):hover {
  z-index: 2;
  color: #2681ff;
  border-color: #2681ff;
}
.el-input-number.el-input-number--mini .el-input--mini {
  line-height: 26px;
}
.dv-input-number {
  width: 100%;
}
.dv-input-number.--mini {
  line-height: 26px;
}
.dv-input-number .el-input-number--mini.is-controls-right {
  width: 100%;
}
.dv-input-number .el-input-number--mini.is-controls-right .el-input-number__decrease {
  top: auto;
  right: 1px;
  bottom: 1px;
  left: auto;
  line-height: 13px;
  border-top: 1px solid #0b0c0d;
  border-right: none;
  border-left: 1px solid #0b0c0d;
  border-radius: 0 0 4px;
}
.dv-input-number .el-input-number--mini.is-controls-right .el-input-number__decrease:not(.is-disabled):hover {
  z-index: 2;
  color: #2681ff;
  border-color: #2681ff;
}
.dv-input-number .el-input-number--mini.is-controls-right .el-input-number__increase {
  line-height: 13px;
  border-bottom: 1px solid #0b0c0d;
  border-radius: 0 4px 0 0;
}
.dv-input-number .el-input-number--mini.is-controls-right .el-input-number__increase:not(.is-disabled):hover {
  z-index: 2;
  color: #2681ff;
  border-color: #2681ff;
}
.dv-input-number .el-input-number--mini.is-controls-right .el-input .el-input__inner {
  padding-right: 35px;
  padding-left: 7px;
  color: #fff;
  text-align: left;
}
.dv-input-number.--inline {
  width: 92px;
  display: inline-block;
}
.dv-input-number.--inline .el-input-number {
  width: 92px;
}
.dv-input-number + .dv-input-number {
  margin-left: 8px;
}
.dv-input-number-caption {
  display: block;
  width: 100%;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  color: #5c6366;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dv-field-label {
  display: flex;
  color: #fff;
}
.dv-field-title {
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dv-field-description {
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: help;
  text-decoration: underline dotted;
}
.dv-field-help {
  padding: 0 3px;
  color: #a1aeb3;
  font-size: 12px;
  line-height: 28px;
  cursor: pointer;
}
.dv-field-help:hover {
  color: #2681ff;
}
.dv-field-placeholder {
  display: block;
  width: 16px;
  margin-right: 4px;
  height: 28px;
  line-height: 28px;
}
.dv-field-placeholder .dv-field-show {
  color: #a1aeb3;
  cursor: pointer;
}
.dv-field-placeholder .dv-field-show:hover {
  color: #2681ff;
}
.dv-field-container {
  width: 192px;
}
.dv-field {
  display: flex;
  padding: 4px 8px 4px;
}
.dv-field:first-child {
  padding-top: 16px;
}
.dv-field:last-child {
  padding-bottom: 16px;
}
.dv-field .dv-field-label {
  flex: 1;
  padding-right: 5px;
}
.dv-field.--level2 {
  margin-bottom: 4px;
}
.dv-field.--level2 .dv-field-label {
  color: #c3d3d9;
}
.dv-field-caption {
  font-size: 12px;
}
.el-color-picker .el-input .el-input__inner {
  color: #fff;
}
.el-color-picker__trigger {
  border: none;
}
.el-color-picker__panel.el-popper.is-dark {
  border-color: #262c33;
  background: #262c33;
}
.dv-color-picker {
  display: flex;
  justify-content: space-between;
}
.dv-color-picker .el-color-picker {
  margin-left: -28px;
}
.dv-color-picker .el-color-picker--medium {
  margin-left: -36px;
}
.dv-color-picker .el-input .el-input__inner {
  color: #fff;
}
.dv-upload {
  width: 100%;
}
.dv-upload .el-input .el-input__inner {
  color: #fff;
  padding-right: 21px;
  padding-left: 21px;
}
.dv-upload .el-input .el-input__prefix {
  left: 0;
}
.dv-upload .el-input .el-input__suffix {
  right: 0;
}
.dv-upload .el-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  padding: 10px;
  margin-top: 3px;
  background: #262c33;
  border: 1px solid #0b0c0d;
}
.dv-upload .el-upload:hover {
  background: #303640;
  border: 1px solid #2681ff;
}
.dv-upload .el-upload-dragger {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.dv-upload .el-upload-dragger img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.dv-upload .dv-upload-image-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 120px;
}
.dv-upload .dv-upload-image-content img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.dv-upload .dv-upload-tip {
  color: #bcc9d4;
}
.dv-upload .dv-upload-tip .mat-icon-img {
  margin-bottom: 5px;
  font-size: 60px;
}
.monaco-editor .margin-view-overlays .codicon-chevron-right,
.monaco-editor .margin-view-overlays .codicon-chevron-down {
  font-size: 100% !important;
}
.monaco-editor .suggest-widget {
  width: 200px !important;
  color: #d4d4d4 !important;
}
.monaco-editor .monaco-editor-overlaymessage {
  padding-bottom: 8px;
}
.monaco-editor .monaco-editor-overlaymessage.fadeIn {
  animation: monaco-fade-in 150ms ease-out;
}
.monaco-editor .monaco-editor-overlaymessage.fadeOut {
  animation: monaco-fade-out 100ms ease-out;
}
.monaco-editor .monaco-editor-overlaymessage .message {
  padding: 1px 4px;
}
.monaco-editor .monaco-editor-overlaymessage .anchor {
  width: 0 !important;
  height: 0 !important;
  border-color: transparent;
  border-style: solid;
  z-index: 1000;
  border-width: 8px;
  position: absolute;
}
@keyframes monaco-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes monaco-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.mat-editor {
  position: relative;
  height: 240px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #282f3a;
  background: #171b22;
}
.mat-editor .mat-editor-actions {
  position: absolute;
  right: 10px;
  bottom: 5px;
  z-index: 1;
  width: 40px;
  font-size: 12px;
  text-align: right;
}
.mat-editor .mat-editor-actions .action-btn {
  padding: 4px;
  font-size: 12px;
  color: #bfbfbf;
  cursor: pointer;
  transition: color 0.2s;
}
.mat-editor.--read-only .margin,
.mat-editor.--read-only .monaco-editor-background {
  background-color: #1f2329;
}
.designer-dialog {
  display: flex;
  flex-direction: column;
  max-width: 90%;
  width: 90%;
  height: 90%;
  background: #222425;
  top: 5%;
}
.designer-dialog .el-dialog__body {
  height: 100%;
}
.designer-dialog .designer-wp {
  height: 100%;
}
.designer-dialog .designer {
  width: 100%;
  height: 100%;
}
.dv-waves {
  position: absolute;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  background-clip: padding-box;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 1;
}
.dv-waves.is-active {
  opacity: 0;
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  -webkit-transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;
  transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;
  transition: opacity 1.2s ease-out, transform 0.6s ease-out;
  transition: opacity 1.2s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
}