.page-container--home {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #eee;
}
.page-container--home .swiper.swiper--home {
  width: 100%;
  height: 100%;
}
.page-container--home .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
}
.page-container--home .page-home--applications {
  padding: 48px;
}
.page-container--home .page-home--applications .application-card {
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.page-container--home .page-home--applications .application-card .application-title {
  font-size: 16px;
}
.page-header--home {
  border-bottom: 1px solid #ddd;
}
.page-header--home .logo-image {
  max-height: 32px;
}
.page-header--home .logo-title {
  margin-left: 12px;
}
.page-header--home .page-header-avatar {
  cursor: pointer;
}
.swiper-slide-img {
  width: 80%;
  height: 80%;
}

.login-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
}
.login-container .login-bg-wrapper {
  width: 56%;
}
.login-container .login-bg-wrapper .login-bg {
  width: 100%;
}
.login-container .signin-box {
  width: 36%;
  height: 60%;
  padding: 0 6%;
  padding-top: 40px;
  border-radius: 4px;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.06), 0 0 8px 8px rgba(0, 0, 0, 0.02);
}
.login-container .signin-box .signin-header {
  width: 100%;
  height: 40px;
  margin-bottom: 16px;
  letter-spacing: 12px;
  font-size: 24px;
  font-weight: normal;
  color: #40a9ff;
  text-align: center;
}
.login-container .signin-box .signin-btn {
  width: 100%;
}
.login-container .signin-box .signin-others {
  display: flex;
  justify-content: flex-end;
}
.login-container .signin-box .signin-others .no-account {
  color: #ff4d4f;
  cursor: pointer;
}
#signin .ant-form-item:nth-last-of-type(2) {
  margin-bottom: 8px;
}

.login-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
}
.login-container .login-bg-wrapper {
  width: 56%;
}
.login-container .login-bg-wrapper .login-bg {
  width: 100%;
}
.login-container .signup-box {
  width: 36%;
  height: 60%;
  padding: 0 6%;
  padding-top: 40px;
  border-radius: 4px;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.06), 0 0 8px 8px rgba(0, 0, 0, 0.02);
}
.login-container .signup-box .signup-header {
  width: 100%;
  height: 40px;
  margin-bottom: 16px;
  letter-spacing: 12px;
  font-size: 24px;
  font-weight: normal;
  color: #40a9ff;
  text-align: center;
}
.login-container .signup-box .signup-btn {
  width: 100%;
}
.login-container .signup-box .signup-others {
  display: flex;
  justify-content: flex-end;
}
.login-container .signup-box .signup-others .has-account {
  color: #ff4d4f;
  cursor: pointer;
}
#signup .ant-form-item:nth-last-of-type(2) {
  margin-bottom: 8px;
}


.creator-aside .ant-menu.ant-menu-root .ant-menu-submenu .ant-menu-sub {
  background-color: #fff;
}
.creator-aside .ant-menu-item::after {
  border-right: none;
}

.creator-header {
  width: 100%;
  height: 60px;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.creator-header .creator-header-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  height: 100%;
  margin: 0 auto;
}
.creator-header .creator-header-container .logo {
  height: 100%;
}
.creator-header .creator-header-container .logo img {
  height: 100%;
}
.creator-header .creator-header-container .title {
  color: #40a9ff;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
.creator-header .creator-header-container .avatar {
  cursor: pointer;
  margin: 0 8px 0 auto;
}

.creator-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  background-color: #f4f5f5;
}
.creator-page .creator-header {
  flex-shrink: 0;
}
.creator-page .creator-body {
  width: 100%;
  flex: 1 1;
}
.creator-page .creator-body .creator-body-container {
  display: flex;
  width: 80%;
  height: 100%;
  padding: 24px 0;
  margin: 0 auto;
}
.creator-page .creator-body .creator-body-container .creator-aside {
  width: 240px;
  height: 100%;
  background-color: #fff;
}
.creator-page .creator-body .creator-body-container .creator-main {
  flex: 1 1;
  height: calc(100vh - 108px);
  margin-left: 24px;
  background-color: #fff;
  overflow-y: scroll;
}
.creator-page .creator-body .creator-body-container .creator-main::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.creator-page .creator-body .creator-body-container .creator-main::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(221, 221, 221, 0.8);
}

.creator-home {
  padding: 24px;
}
.creator-home .statistic-card {
  box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.04), 0 0 12px 12px rgba(0, 0, 0, 0.02);
}
.creator-home .statistic-card .ant-card-header .more-info {
  color: #86909c;
  cursor: pointer;
}
.creator-home .statistic-card .ant-card-header .more-info:hover {
  color: #40a9ff;
}
.creator-home .statistic-card .ant-card-body .statistic-card-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.creator-home .statistic-card .ant-card-body .statistic-card-item {
  width: calc(30%);
  padding: 16px 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: #f7f8fa;
}
.creator-home .statistic-card .ant-card-body .statistic-card-item:nth-child(3n),
.creator-home .statistic-card .ant-card-body .statistic-card-item:nth-last-child(1) {
  margin-right: 0;
}
.creator-home .statistic-card .ant-card-body .statistic-card-item .label {
  color: #4e5969;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 4px;
}
.creator-home .statistic-card .ant-card-body .statistic-card-item .data {
  color: #1d2129;
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  margin-bottom: 4px;
}
.creator-home .statistic-card .ant-card-body .statistic-card-item .vary-box .text {
  margin-right: 8px;
  color: #4e5969;
  font-size: 12px;
  white-space: nowrap;
}


.creator-contents-project {
  padding: 24px;
}
.creator-contents-project .creator-contents-project__tips {
  margin-bottom: 16px;
}
.creator-contents-project .project-table-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.creator-contents-project .project-table-header .search-input-wrapper {
  width: 280px;
}
.creator-contents-project .project-table .table-project-id {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.creator-contents-project .project-table .ant-table-container .ant-table-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.creator-contents-project .project-table .ant-table-container .ant-table-body::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 3px;
}
.creator-contents-project .project-table .ant-table-thead .ant-table-cell.ant-table-cell-fix-right.ant-table-cell-fix-right-first.ant-table-cell-fix-sticky {
  right: 6px !important;
}
.creator-contents-project .project-table .ant-pagination.ant-table-pagination {
  margin-bottom: 0;
}


.mini-postman-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 12px;
}
.mini-postman-container .mini-postman-header {
  display: flex;
}
.mini-postman-container .mini-postman-header .interface-method {
  width: 120px;
  border-bottom: 1px solid #f0f0f0;
}
.mini-postman-container .mini-postman-header .interface-url {
  flex: 1 1;
  border-bottom: 1px solid #f0f0f0;
}
.mini-postman-container .mini-postman-header .interface-send-btn {
  margin-left: 12px;
}
.mini-postman-container .mini-postman-body .ant-tabs.ant-tabs-top .ant-tabs-nav {
  margin: 0;
}
.mini-postman-container .mini-postman-body .params-container {
  height: 240px;
  overflow-y: scroll;
  border-bottom: 1px solid #f0f0f0;
}
.mini-postman-container .mini-postman-body .params-container::-webkit-scrollbar {
  display: none;
}
.mini-postman-container .mini-postman-body .params-container::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.mini-postman-container .mini-postman-body .params-container::-webkit-scrollbar-track {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.05);
  background-color: transparent;
}
.mini-postman-container .mini-postman-body .params-container:hover::-webkit-scrollbar {
  display: block;
  width: 8px;
}
.mini-postman-container .mini-postman-body .params-container:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #a7aba7;
}
.mini-postman-container .mini-postman-body .params-container:hover::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.05);
}
.mini-postman-container .mini-postman-body .param-item {
  display: flex;
  padding: 8px 12px;
}
.mini-postman-container .mini-postman-body .param-item .param-item-checked {
  margin-right: 8px;
}
.mini-postman-container .mini-postman-body .param-item .param-item-key {
  width: 200px;
  border-bottom: 1px solid #f0f0f0;
  background-color: #fff;
}
.mini-postman-container .mini-postman-body .param-item .param-item-equal-icon {
  display: flex;
  align-items: center;
  margin-left: 4px;
  color: #606266;
  transform: rotate(90deg);
}
.mini-postman-container .mini-postman-body .param-item .param-item-value {
  flex: 1 1;
  margin-left: 4px;
  border-bottom: 1px solid #f0f0f0;
  background-color: #fff;
}
.mini-postman-container .mini-postman-body .param-item .param-item-remove-btn {
  display: flex;
  align-items: center;
  margin-left: 8px;
  cursor: pointer;
  color: #606266;
}
.mini-postman-container .mini-postman-body .param-item:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.mini-postman-container .mini-postman-response .response-container .response-body {
  width: 100%;
  height: 240px;
  margin-top: 12px;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
}
.mini-postman-container .mini-postman-response .response-container .response-body .response-raw {
  width: 100%;
  height: 100%;
  font-size: 13px;
  overflow-x: hidden;
  overflow-y: scroll;
  overflow: hidden scroll;
}
.mini-postman-container .mini-postman-response .response-container .response-body .response-raw::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.mini-postman-container .mini-postman-response .response-container .response-body .response-raw::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #d4d4d4;
}
.mini-postman-container .ant-row.ant-form-item {
  margin-bottom: 0;
}
.ant-form-item.mini-postman-form-item-code {
  margin-bottom: 0;
}
.ant-form-item.mini-postman-form-item-code .ant-form-item-control {
  opacity: 0;
  display: none;
  visibility: hidden;
}
.mini-postman-form-item-code-editor-container {
  position: relative;
  padding: 4px;
  box-sizing: border-box;
}
.mini-postman-form-item-code-editor-container.code-inline {
  height: 120px;
}
.mini-postman-form-item-code-editor-container.code-block {
  height: 240px;
}
.mini-postman-form-item-code-editor-container.disabled::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: not-allowed;
  background-color: rgba(245, 245, 245, 0.5);
}
.mini-postman-form-item-code-editor-container .monaco-editor {
  border: 1px solid #d9d9d9;
  box-shadow: 1px 1px 0 1px #d9d9d9;
}
.mini-postman-form-item-code-editor-container .monaco-editor.focused {
  border-color: #40a9ff;
  box-shadow: 1px 1px 0 1px #40a9ff;
  outline: 0;
}
.mini-postman-form-item-code-editor-container .disabled-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: not-allowed;
  background-color: rgba(245, 245, 245, 0.5);
}

.api-block-generator__container {
  width: 100%;
  height: 700px;
  display: flex;
}
.api-block-generator__container .api-block-generator__postman {
  flex: 1 1;
}
.api-block-generator__container .api-block-generator__params {
  display: flex;
  flex-direction: column;
  width: 360px;
  height: 100%;
  padding: 12px 6px;
  border-left: 1px solid #ddd;
  overflow: hidden;
}
.api-block-generator__container .api-block-generator__params .api-info-wrapper {
  flex: 1 1;
  overflow-y: scroll;
}
.api-block-generator__container .api-block-generator__params .api-info-wrapper::-webkit-scrollbar {
  display: none;
}
.api-block-generator__container .api-block-generator__params .api-info-wrapper::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.api-block-generator__container .api-block-generator__params .api-info-wrapper::-webkit-scrollbar-track {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.05);
  background-color: transparent;
}
.api-block-generator__container .api-block-generator__params .api-info-wrapper:hover::-webkit-scrollbar {
  display: block;
  width: 8px;
}
.api-block-generator__container .api-block-generator__params .api-info-wrapper:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #a7aba7;
}
.api-block-generator__container .api-block-generator__params .api-info-wrapper:hover::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.05);
}
.api-block-generator__container .api-block-generator__params .submit-ops {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  height: 42px;
  border-top: 1px solid #f0f0f0;
}
.param-block {
  position: relative;
  border: 1px solid #f0f0f0;
  padding: 4px;
  margin-bottom: 12px;
  border-radius: 4px;
}
.param-block .param-row {
  display: flex;
}
[dir="ltr"] .param-block .param-row .param-row-label {
  text-align: right;
}
[dir="rtl"] .param-block .param-row .param-row-label {
  text-align: left;
}
.param-block .param-row .param-row-label {
  width: 68px;
}
.param-block .param-row .param-row-value {
  margin-left: 8px;
}
.param-block .param-block-remove-ops {
  position: absolute;
  top: 4px;
  right: 4px;
}
.param-block .ant-row.ant-form-item {
  margin-bottom: 12px;
}
.others-group {
  width: 100%;
  display: flex;
}
.others-group .api-block-generator__url {
  flex: 1 1;
}
.api-validate-modal .api__params {
  display: flex;
  justify-content: space-between;
}
.api-validate-modal .api__params .api__in-params,
.api-validate-modal .api__params .api__out-params {
  width: 48%;
}



.code-model-modal__container {
  position: relative;
  display: flex;
  height: 600px;
}
.code-model-modal__container > .code-model-modal__form {
  width: 280px;
  overflow: auto;
}
.code-model-modal__container > .code-model-modal__form::-webkit-scrollbar {
  display: none;
}
.code-model-modal__container > .code-model-modal__form::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.code-model-modal__container > .code-model-modal__form::-webkit-scrollbar-track {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.05);
  background-color: transparent;
}
.code-model-modal__container > .code-model-modal__form:hover::-webkit-scrollbar {
  display: block;
  width: 8px;
}
.code-model-modal__container > .code-model-modal__form:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #a7aba7;
}
.code-model-modal__container > .code-model-modal__form:hover::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.05);
}
.code-model-modal__container > .code-model-modal__test-btn {
  position: absolute;
  top: 0;
  right: 16px;
}
.code-model-modal__param-block {
  position: relative;
  padding: 4px 0;
  margin-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.code-model-modal__param-block > .ant-row.ant-form-item {
  margin-bottom: 6px;
}
.code-model-modal__param-block > .param-block-remove-btn {
  position: absolute;
  top: 4px;
  right: 4px;
}

.user-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  background-color: #f4f5f5;
}
.user-page .user-header {
  flex-shrink: 0;
}
.user-page .user-body {
  width: 100%;
  flex: 1 1;
}
.user-header {
  width: 100%;
  height: 60px;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.user-header .user-header-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  height: 100%;
  margin: 0 auto;
}
.user-header .user-header-container .logo {
  height: 100%;
}
.user-header .user-header-container .logo img {
  height: 100%;
}
.user-header .user-header-container .title {
  color: #40a9ff;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
.user-header .user-header-container .avatar {
  cursor: pointer;
  margin: 0 8px 0 auto;
}
.user-main {
  display: flex;
  flex-direction: column;
  width: 80%;
  height: 100%;
  padding: 24px 0;
  margin: 0 auto;
}
.user-main .user-main__header {
  display: flex;
  align-items: center;
  height: 45px;
  padding-left: 20px;
  margin-bottom: 16px;
  background-color: #fff;
}
.user-main .user-main__header .user-main__back {
  color: #909090;
  cursor: pointer;
}
.user-main .user-main__header .user-main__back .anticon {
  margin-right: 4px;
}
.user-main .user-main__header .user-main__back:hover {
  color: #40a9ff;
}
.user-main .user-main__body {
  display: flex;
  width: 100%;
  flex: 1 1;
}
.user-main .user-main__body .user-aside {
  width: 240px;
  height: 100%;
  background-color: #fff;
}
.user-main .user-main__body .user-main__content {
  flex: 1 1;
  height: calc(100vh - 169px);
  margin-left: 24px;
  background-color: #fff;
  overflow-y: scroll;
}
.user-main .user-main__body .user-main__content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.user-main .user-main__body .user-main__content::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(221, 221, 221, 0.8);
}
.user-aside .ant-menu.ant-menu-root .ant-menu-submenu .ant-menu-sub {
  background-color: #fff;
}
.user-aside .ant-menu-item::after {
  border-right: none;
}

.user-profile__container {
  padding: 16px 20px;
}
.user-profile__main {
  display: flex;
  margin-top: 32px;
}
.user-profile__main .user-profile__form {
  min-width: 240px;
  width: calc(100% - 240px);
}
.user-profile__main .user-profile__avatar {
  margin-left: 60px;
}
.user-profile__avatar {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.user-profile__avatar .avatar-mask {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  font-size: small;
  color: aliceblue;
  background-color: rgba(0, 0, 0, 0.08);
  pointer-events: none;
  visibility: hidden;
}
.user-profile__avatar:hover .avatar-mask {
  visibility: visible;
}

.user-account__container {
  padding: 16px 20px;
}

.user-question__container {
  padding: 16px 20px;
}

.ant-form-item.form-item-code {
  margin-bottom: 0;
}
.ant-form-item.form-item-code .ant-form-item-control {
  opacity: 0;
  display: none;
  visibility: hidden;
}
.form-item-code-editor-container {
  position: relative;
  padding: 4px;
  box-sizing: border-box;
}
.form-item-code-editor-container.code-inline {
  height: 120px;
}
.form-item-code-editor-container.code-block {
  height: 480px;
}
.form-item-code-editor-container.disabled::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: not-allowed;
  background-color: rgba(245, 245, 245, 0.5);
}
.form-item-code-editor-container .monaco-editor {
  border: 1px solid #d9d9d9;
  box-shadow: 1px 1px 0 1px #d9d9d9;
}
.form-item-code-editor-container .monaco-editor.focused {
  border-color: #40a9ff;
  box-shadow: 1px 1px 0 1px #40a9ff;
  outline: 0;
}
.form-item-code-editor-container .disabled-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: not-allowed;
  background-color: rgba(245, 245, 245, 0.5);
}


.port-node-property-panel-form {
  width: 100%;
  padding: 6px;
  border-radius: 4px;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.04);
}
.port-node-property-panel-form .port-node-property-panel-form-row {
  margin-bottom: 8px;
}
.port-node-property-panel-form .port-node-property-panel-form-row:last-child {
  margin-bottom: 0;
}
.port-node-property-panel-form .port-node-property-panel-form-row .port-node-property-panel-form-row-label {
  margin-left: 12px;
  font-weight: bold;
}
.port-node-property-changed-btn-group {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.port-node-property-changed-btn-group .port-node-property-changed-btn {
  margin-left: 8px;
}

.react-node.port-node {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  color: white;
  border: 1px solid #000;
  border-radius: 12px;
}

.subsystem-node-property-panel-form {
  width: 100%;
  padding: 6px;
  border-radius: 4px;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.04);
}
.subsystem-node-property-panel-form .subsystem-node-property-panel-form-row {
  margin-bottom: 8px;
}
.subsystem-node-property-panel-form .subsystem-node-property-panel-form-row:last-child {
  margin-bottom: 0;
}
.subsystem-node-property-panel-form .subsystem-node-property-panel-form-row .subsystem-node-property-panel-form-row-label {
  margin-left: 12px;
  font-weight: bold;
}
.subsystem-node-property-changed-btn-group {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.subsystem-node-property-changed-btn-group .subsystem-node-property-changed-btn {
  margin-left: 8px;
}

.react-node {
  width: 100%;
  height: 100%;
}
.react-node.subsystem-node {
  display: flex;
  flex-direction: column;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  overflow: hidden;
}
.react-node.subsystem-node:hover {
  border: 1px solid #a0d4ff;
  box-shadow: 0 0 3px 1px #a0d4ff;
}
.react-node.subsystem-node.active {
  border: 1px solid #79c3ff;
  box-shadow: 0 0 3px 1px #79c3ff;
}
.react-node.subsystem-node .react-node-header {
  width: 100%;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.react-node.subsystem-node .react-node-body {
  height: calc(100% - 24px);
  flex: 1 1;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.react-node.subsystem-node .react-node-body .react-node-bg {
  width: 60px;
}

.react-node.response-graph-node .react-node-body .react-node-bg {
  width: auto;
  height: auto;
  max-width: 360px;
  max-height: 180px;
}

.simulation-editor-path-crumb {
  width: 100%;
  height: 28px;
  padding-left: 12px;
  background-color: #edeef0;
}
.simulation-editor-path-crumb .ant-breadcrumb {
  height: 100%;
  line-height: 28px;
}
.simulation-editor-path-crumb .ant-breadcrumb li .ant-breadcrumb-link:hover {
  cursor: pointer;
  color: #40a9ff;
}
.simulation-editor-path-crumb .ant-breadcrumb li:last-child .ant-breadcrumb-link:hover {
  cursor: text;
  color: inherit;
}

.simulation-editor__global-config-modal .global-config-modal__editor-container {
  height: 400px;
  margin-top: 4px;
  margin-bottom: 12px;
}

.simulation-editor-command-bar {
  display: flex;
  align-items: center;
  height: 46px;
}
.simulation-editor-command-bar .simulation-editor-command-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 6px;
  font-size: 16px;
  cursor: pointer;
}
.simulation-editor-command-bar .simulation-editor-command-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: #40a9ff;
}

.context-menu-modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.context-menu-body {
  position: absolute;
  left: -999px;
  top: -999px;
  background-color: #fff;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
}
.context-menu-body .context-menu {
  width: 220px;
  padding: 4px 0;
  margin: 0;
  list-style: none;
}
.context-menu-body .context-menu .context-menu-item {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  list-style: none;
}
.context-menu-body .context-menu .context-menu-item:hover {
  background-color: #eee;
}
.context-menu-body .context-menu .context-menu-item .context-menu-item-icon {
  width: 30px;
  height: 30px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.context-menu-body .context-menu .context-menu-item .context-menu-item-label {
  margin-left: 8px;
  margin-right: auto;
}
.context-menu-body .context-menu .context-menu-item .context-menu-item-shortcutKey {
  margin-right: 8px;
}

.simulation-editor-element-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100px;
  height: 100px;
  border-radius: 4px;
  margin: 6px;
  background-color: #f7f7f9;
  cursor: move;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.simulation-editor-element-item .element-item-bg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  margin-top: 8px;
}
.simulation-editor-element-item .element-item-bg img {
  max-width: 80%;
  max-height: 80%;
}
.simulation-editor-element-item .element-item-name {
  width: 100%;
  overflow: hidden;
  line-height: 24px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.element-group {
  width: 100%;
}
.element-group .element-group-title {
  color: rgba(0, 0, 0, 0.4);
  padding-left: 16px;
}
.element-group .element-group-items {
  display: flex;
  flex-wrap: wrap;
}

.more-model__checkbox-group {
  display: flex;
  flex-direction: column;
}
.more-model__checkbox-group .ant-checkbox-group-item {
  margin: 2px 0;
}

.element-area-search {
  display: flex;
  align-items: center;
  height: 46px;
}
.element-area-search .ant-input-wrapper.ant-input-group {
  padding: 0 8px;
}

.simulation-editor-element-area {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.simulation-editor-element-area .element-area-tabs {
  flex: 1 1;
  overflow: hidden;
}
.simulation-editor-element-area .element-area-tabs .ant-tabs-content-holder {
  overflow: auto;
}
.simulation-editor-element-area .element-area-tabs .ant-tabs-content-holder::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.simulation-editor-element-area .element-area-select-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  margin-bottom: 8px;
  border-top: 1px solid #d9d9d9;
}
.element-area-collapse {
  background-color: white;
}
.element-area-collapse .ant-collapse-item .ant-collapse-header {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 8px 32px 8px 8px;
  margin: 4px 8px;
}
.element-area-collapse .ant-collapse-item .ant-collapse-header:hover {
  padding: 8px 32px 8px 8px;
  margin: 4px 8px;
  border-radius: 6px;
  background-color: rgba(46, 50, 56, 0.05);
}
.element-area-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  display: flex;
  flex-wrap: wrap;
  padding: 8px;
}

/** 页面的样式 */
.simulation-editor-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.simulation-editor-container .simulation-editor-bottom {
  position: relative;
  display: flex;
  width: 100%;
  max-height: calc(100vh - 60px);
  flex: 1 1;
}
.simulation-editor-container .simulation-editor-bottom .simulation-editor-bottom__left {
  width: 240px;
  height: 100%;
  flex-shrink: 0;
}
.simulation-editor-container .simulation-editor-bottom .simulation-editor-bottom__right {
  display: flex;
  flex-direction: column;
  flex: 1 1;
}
.simulation-editor-container .simulation-editor-bottom .simulation-editor-bottom__right .simulation-editor__bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 46px;
  padding-right: 36px;
}
.simulation-editor-container .simulation-editor-bottom .simulation-editor-bottom__right .simulation-editor-work-area-wrapper {
  flex: 1 1;
}
.simulation-editor-container .simulation-editor-bottom .simulation-editor-bottom__right .simulation-editor-work-area-wrapper .x6-graph-scroller::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.simulation-editor-container .simulation-editor-bottom .simulation-editor-bottom__right .simulation-editor-work-area-wrapper .x6-graph-scroller:hover::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.simulation-editor-container .simulation-editor-bottom .simulation-editor-bottom__right .simulation-editor-work-area-wrapper .x6-graph-scroller::-webkit-scrollbar-thumb {
  border-radius: 1em;
  background-color: rgba(50, 50, 50, 0.3);
}
.simulation-editor-container .simulation-editor-bottom .simulation-editor-bottom__right .simulation-editor-work-area-wrapper .x6-graph-scroller::-webkit-scrollbar-track {
  border-radius: 1em;
  background: rgba(50, 50, 50, 0.1);
}
.simulation-editor-container .simulation-editor-bottom .simulation-editor-bottom__right .simulation-editor-work-area-wrapper .simulation-editor-work-area {
  width: 100%;
  height: 100%;
}
/** 节点样式 */
.react-node {
  display: flex;
  flex-direction: column;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  overflow: hidden;
}
.react-node .react-node-header {
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.react-node .react-node-body {
  height: calc(100% - 24px);
  flex: 1 1;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.react-node .react-node-body .react-node-bg {
  width: 48px;
}
/** 属性栏样式 */
.react-node__drawer .ant-drawer-body {
  background-color: #f5f7fa;
}
.react-node__drawer .ant-drawer-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.react-node__drawer .ant-drawer-body::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #d4d4d4;
}
.react-node__basic-info-card .ant-card-body {
  max-height: 240px;
  overflow: auto;
}
.react-node__basic-info-card .ant-card-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.react-node__basic-info-card .ant-card-body::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #d4d4d4;
}
.react-node__error-alert {
  margin-top: 16px;
}
.react-node__error-alert .ant-alert-message {
  white-space: pre;
}
.react-node__extra-elem {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 16px;
  background-color: #fff;
}
.react-node__property-panel-form {
  margin-top: 16px;
  background-color: #fff;
}
.react-node__property-panel-form .ant-row.ant-form-item {
  margin-bottom: 0;
}
.react-node__basic-block {
  padding: 12px;
  display: flex;
  align-items: center;
}
.react-node__basic-block .react-node__basic-block-label {
  color: #303133;
  font-size: medium;
  font-weight: bold;
}
.react-node__basic-block .react-node__basic-block-form-item {
  flex: 1 1;
}
.react-node__params-block {
  padding: 12px;
  border-top: 4px solid #f5f7fa;
}
.react-node__params-block .react-node__params-block-label {
  color: #303133;
  font-size: medium;
  font-weight: bold;
  margin-bottom: 12px;
}
.react-node__param-block {
  position: relative;
  margin-bottom: 16px;
  color: #606266;
  border-top: 1px solid rgba(28, 31, 35, 0.18);
}
.react-node__param-block .react-node__param-row {
  display: flex;
  width: 100%;
  margin: 4px 0;
}
.react-node__param-block .react-node__param-row.align-item {
  align-items: center;
}
.react-node__param-block .react-node__param-row .react-node__param-row-label {
  width: 80px;
  display: flex;
  justify-content: flex-end;
}
.react-node__param-block .react-node__param-row .react-node__param-row-value {
  flex: 1 1;
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.react-node__param-block .react-node__param-operations {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
}
.react-node__param-block .react-node__param-operations .react-node__param-operation {
  margin-left: 12px;
  cursor: pointer;
}
.react-node__param-block .react-node__param-operations .danger {
  color: #ff4d4f;
}
.react-node__param-block .react-node__param-operations .danger:hover {
  color: #ff7875;
}
.react-node__changed-btn-group {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 12px;
  padding-right: 36px;
  display: flex;
  justify-content: flex-end;
}
.react-node__changed-btn-group .react-node__changed-btn {
  margin-left: 16px;
}
/** 节点端口样式 */
.react-port {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.react-port .inner-circle {
  width: 10px;
  height: 10px;
  border: 2px solid #40a9ff;
  border-radius: 50%;
}
.react-port .inner-circle.connected {
  background-color: #40a9ff;
}
.react-port .inner-circle.controlled {
  border-color: #ff4d4f;
}
.react-port .inner-circle.connected.controlled {
  background-color: #ff4d4f;
}
/** 边的样式 */
.x6-edge:hover path:nth-child(2) {
  stroke: #1890ff;
  stroke-width: 1px;
}
.x6-edge-selected path:nth-child(2) {
  stroke: #1890ff;
  stroke-width: 1.5px !important;
}
.x6-node:hover .react-node {
  border: 1px solid #b3ddff;
  box-shadow: 0 0 3px 1px #b3ddff;
}
.x6-node.x6-node-selected .react-node {
  border: 1px solid #79c3ff;
  box-shadow: 0 0 3px 1px #79c3ff;
}
.x6-node .react-node.error-node,
.x6-node:hover .react-node.error-node {
  border: 1px solid #ffb8b9;
  box-shadow: 0 0 3px 1px #ffb8b9;
}
.x6-node.x6-node-selected .react-node.error-node,
.x6-node.x6-node-selected:hover .react-node.error-node {
  border: 1px solid #ff8284;
  box-shadow: 0 0 3px 1px #ff8284;
}

.project-page .project-page-header {
  width: 100%;
  height: 60px;
  padding: 6px 24px;
  border-bottom: 1px solid rgba(221, 221, 221, 0.6);
}
.project-page .project-page-header .page-header-avatar {
  cursor: pointer;
}

.func-params-modal__form {
  height: 360px;
  margin-top: 12px;
}
.func-params-modal__form .monaco-editor {
  border: 1px solid #d9d9d9;
  box-shadow: 1px 1px 0 1px #d9d9d9;
}
.func-params-modal__form .monaco-editor.focused {
  border-color: #40a9ff;
  box-shadow: 1px 1px 0 1px #40a9ff;
  outline: 0;
}

.postman-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  padding: 24px;
  background-color: #f4f5f5;
}
.postman-page .postman-page__header {
  display: flex;
  align-items: center;
  height: 45px;
  padding-left: 20px;
  margin-bottom: 16px;
  background-color: #fff;
}
.postman-page .postman-page__header .postman-page__back {
  color: #909090;
  cursor: pointer;
}
.postman-page .postman-page__header .postman-page__back .anticon {
  margin-right: 4px;
}
.postman-page .postman-page__header .postman-page__back:hover {
  color: #40a9ff;
}
.postman-page .postman-page__body {
  display: flex;
  width: 100%;
  flex: 1 1;
  background-color: #fff;
}

.ant-page-header.digital-twin-define__header {
  width: 100%;
  height: 60px;
  padding: 6px 24px;
  border-bottom: 1px solid rgba(221, 221, 221, 0.6);
}
.ant-page-header.digital-twin-define__header .digital-twin-define__avatar {
  cursor: pointer;
}
.digital-twin-define__wrapper {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.digital-twin-define__wrapper .digital-twin-define__body {
  flex: 1 1;
}
.digital-twin-define__body {
  display: flex;
}
.digital-twin-define__body .digital-twin-define__left {
  width: 240px;
  padding: 12px 0;
}
.digital-twin-define__body .digital-twin-define__main {
  flex: 1 1;
  border-left: 1px solid rgba(221, 221, 221, 0.6);
}
.digital-twin-define__left .digital-twin-define__tree {
  height: 100%;
}
.digital-twin-define__main {
  display: flex;
  flex-direction: column;
}
.digital-twin-define__main .digital-twin-define__command-bar {
  height: 46px;
  border-bottom: 1px solid rgba(221, 221, 221, 0.6);
}
.digital-twin-define__main .digital-twin-define__breadcrumb {
  height: 28px;
  padding: 3px 12px;
  margin-right: 240px;
  border-right: 1px solid rgba(221, 221, 221, 0.6);
  background-color: rgba(211, 211, 211, 0.3);
}
.digital-twin-define__main .digital-twin-define__content-wrapper {
  flex: 1 1;
}
.digital-twin-define__content-wrapper {
  display: flex;
}
.digital-twin-define__content-wrapper .digital-twin-define__content {
  flex: 1 1;
  padding: 4px 12px;
  border-right: 1px solid rgba(221, 221, 221, 0.6);
  background-color: rgba(211, 211, 211, 0.3);
}
.digital-twin-define__content-wrapper .digital-twin-define__extra {
  width: 240px;
}
.digital-twin-define__content {
  display: flex;
  flex-direction: column;
}
.digital-twin-define__content .digital-twin-define__cover {
  height: 240px;
}
.digital-twin-define__content .digital-twin-define__tabs {
  flex: 1 1;
}
.digital-twin-define__cover {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}
.digital-twin-define__cover img {
  max-height: 100%;
}
.digital-twin-define__tabs {
  background-color: white;
  margin: 12px 0;
  padding: 0 12px;
}
.digital-twin-define__command-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 32px;
}
.digital-twin-define__command-bar .digital-twin-define__command-bar-left,
.digital-twin-define__command-bar .digital-twin-define__command-bar-right {
  height: 100%;
}
.digital-twin-define__command-bar .digital-twin-define__command-bar-left .digital-twin-define__command-item,
.digital-twin-define__command-bar .digital-twin-define__command-bar-right .digital-twin-define__command-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 16px;
  cursor: pointer;
}
.digital-twin-define__command-bar .digital-twin-define__command-bar-left .digital-twin-define__command-item:hover,
.digital-twin-define__command-bar .digital-twin-define__command-bar-right .digital-twin-define__command-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: #40a9ff;
}
.digital-twin-define__properties,
.digital-twin-define__actions,
.digital-twin-define__events,
.digital-twin-define__subs {
  width: 100%;
}
.digital-twin-define__properties .digital-twin-define__prefix,
.digital-twin-define__actions .digital-twin-define__prefix,
.digital-twin-define__events .digital-twin-define__prefix,
.digital-twin-define__subs .digital-twin-define__prefix {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(221, 221, 221, 0.6);
}
.digital-twin-define__list {
  padding: 0 12px;
  height: calc(100vh - 516px);
  overflow-y: auto;
}
.digital-twin-define__list::-webkit-scrollbar {
  width: 0;
}
.digital-twin-define__list::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.digital-twin-define__list::-webkit-scrollbar-track {
  opacity: 0;
  background-color: transparent;
}
.digital-twin-define__list:hover::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.digital-twin-define__list:hover::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #a7aba7;
}
.digital-twin-define__list:hover::-webkit-scrollbar-track {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.05);
}
.digital-twin-define__list .digital-twin-define__item .ant-list-item-action {
  min-width: 200px;
}
.ant-list-split.digital-twin-define__list .ant-list-item:last-child {
  border-bottom: 1px solid #f0f0f0;
}

.ant-page-header.digital-twin-runtime__header {
  width: 100%;
  height: 60px;
  padding: 6px 24px;
  border-bottom: 1px solid rgba(221, 221, 221, 0.6);
}
.ant-page-header.digital-twin-runtime__header .digital-twin-runtime__avatar {
  cursor: pointer;
}
.digital-twin-runtime__wrapper {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.digital-twin-runtime__wrapper .digital-twin-runtime__body {
  flex: 1 1;
}
.digital-twin-runtime__body {
  display: flex;
}
.digital-twin-runtime__body .digital-twin-runtime__left {
  width: 240px;
  padding: 12px 0;
}
.digital-twin-runtime__body .digital-twin-runtime__main {
  flex: 1 1;
  border-left: 1px solid rgba(221, 221, 221, 0.6);
}
.digital-twin-runtime__left .digital-twin-runtime__tree {
  height: 100%;
}
.digital-twin-runtime__main {
  display: flex;
  flex-direction: column;
}
.digital-twin-runtime__main .digital-twin-runtime__command-bar {
  height: 46px;
  border-bottom: 1px solid rgba(221, 221, 221, 0.6);
}
.digital-twin-runtime__main .digital-twin-runtime__breadcrumb {
  height: 28px;
  padding: 3px 12px;
  margin-right: 240px;
  border-right: 1px solid rgba(221, 221, 221, 0.6);
  background-color: rgba(211, 211, 211, 0.3);
}
.digital-twin-runtime__main .digital-twin-runtime__content-wrapper {
  flex: 1 1;
}
.digital-twin-runtime__content-wrapper {
  display: flex;
}
.digital-twin-runtime__content-wrapper .digital-twin-runtime__content {
  flex: 1 1;
  padding: 4px 12px;
  border-right: 1px solid rgba(221, 221, 221, 0.6);
  background-color: rgba(211, 211, 211, 0.3);
}
.digital-twin-runtime__content-wrapper .digital-twin-runtime__extra {
  width: 240px;
}
.digital-twin-runtime__content .digital-twin-runtime__basic {
  padding: 6px 12px;
  background-color: white;
}
.digital-twin-runtime__content .digital-twin-runtime__detail {
  position: relative;
  height: calc(100vh - 242px);
  padding: 6px 12px;
  margin-top: 12px;
  background-color: white;
  overflow: auto;
}
.digital-twin-runtime__content .digital-twin-runtime__detail::-webkit-scrollbar {
  width: 0;
}
.digital-twin-runtime__content .digital-twin-runtime__detail::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.digital-twin-runtime__content .digital-twin-runtime__detail::-webkit-scrollbar-track {
  opacity: 0;
  background-color: transparent;
}
.digital-twin-runtime__content .digital-twin-runtime__detail:hover::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.digital-twin-runtime__content .digital-twin-runtime__detail:hover::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #a7aba7;
}
.digital-twin-runtime__content .digital-twin-runtime__detail:hover::-webkit-scrollbar-track {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.05);
}
.digital-twin-runtime__content .digital-twin-runtime__detail .digital-twin-runtime__detail-title {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}
.digital-twin-runtime__prop-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.digital-twin-runtime__prop-list .digital-twin-runtime__prop-item {
  margin: 4px 0;
}
.digital-twin-runtime__command-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 32px;
}
.digital-twin-runtime__command-bar .digital-twin-runtime__command-bar-left,
.digital-twin-runtime__command-bar .digital-twin-runtime__command-bar-right {
  height: 100%;
}
.digital-twin-runtime__command-bar .digital-twin-runtime__command-bar-left .digital-twin-runtime__command-item,
.digital-twin-runtime__command-bar .digital-twin-runtime__command-bar-right .digital-twin-runtime__command-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 16px;
  cursor: pointer;
}
.digital-twin-runtime__command-bar .digital-twin-runtime__command-bar-left .digital-twin-runtime__command-item:hover,
.digital-twin-runtime__command-bar .digital-twin-runtime__command-bar-right .digital-twin-runtime__command-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: #40a9ff;
}

.indics-twin__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
}
.indics-twin__header .indics-twin__header-left {
  display: flex;
  align-items: center;
  height: 80%;
  padding: 4px 12px;
  margin-right: auto;
  cursor: pointer;
}
.indics-twin__header .indics-twin__header-left .indics-twin__header-logo {
  height: 100%;
}
.indics-twin__header .indics-twin__header-left .indics-twin__header-logo .indics-twin__logo-img {
  height: 100%;
  max-width: 100%;
}
.indics-twin__header .indics-twin__header-left .indics-twin__header-title {
  margin-left: 8px;
  color: white;
  font-size: 16px;
  font-family: '微软雅黑';
}
.indics-twin__header .indics-twin__header-right {
  margin-right: 16px;
}
.indics-twin__header .indics-twin__header-right .indics-twin__login-btn,
.indics-twin__header .indics-twin__header-right .indics-twin__register-btn {
  width: 60px;
  height: 28px;
  border: none;
  border-radius: 8px;
  color: white;
  font-size: 12px;
  background: linear-gradient(to right, #3e6cf3, #46b3f6);
}

.indics-twin-home__wrapper {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  background-color: #1b223f;
  overflow: auto;
}
.indics-twin-home__wrapper > .indics-twin-home__header {
  flex-shrink: 0;
  background-color: #293253;
}
.indics-twin-home__wrapper > .indics-twin-home__body {
  flex: 1 1;
  display: flex;
  flex-direction: column;
}
.indics-twin-home__body-header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding-left: 46px;
}
.indics-twin-home__body-header .indics-twin-home__body-header-title {
  color: white;
  font-family: '微软雅黑';
  font-size: 18px;
}
.indics-twin-home__body-header .indics-twin-home__body-header-btn-group {
  margin: 0 32px;
}
.indics-twin-home__body-header .indics-twin-home__create-btn {
  height: 32px;
  border: none;
  border-radius: 8px;
  color: white;
  font-size: 12px;
  background: linear-gradient(to right, #3e6cf3, #46b3f6);
}
.indics-twin-home__body-main {
  position: relative;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  margin: 16px;
  margin-top: 0;
  padding: 12px;
  background-color: #212a49;
}
.indics-twin-home__body-main .indics-twin-home__model-container {
  padding-top: 12px;
  margin: 16px;
}
.indics-twin-home__body-main > .indics-twin-home__more-btn {
  position: absolute;
  right: 36px;
  top: 20px;
  color: #717d95;
  font-size: 10px;
  cursor: pointer;
}
.indics-twin-home__model-container.indics-twin-home__scene-models {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 36px;
}
.indics-twin-home__model-container.indics-twin-home__scene-models .indics-twin-home__empty {
  color: #717d95;
}
.indics-twin-home__dropdown-menu {
  background-color: #131a36;
}
.indics-twin-home__dropdown-menu .indics-twin-home__dropdown-item {
  font-size: 12px;
  color: white;
  background-color: transparent;
}
.indics-twin-home__dropdown-menu .indics-twin-home__dropdown-item:hover,
.indics-twin-home__dropdown-menu .indics-twin-home__dropdown-item:active {
  color: #1890ff;
  background-color: transparent;
}
.digital-twin-home__tabs > .ant-tabs-nav {
  margin-bottom: 0;
}
.digital-twin-home__tabs > .ant-tabs-nav::before {
  border: none;
}
.digital-twin-home__tabs > .ant-tabs-nav .ant-tabs-nav-list {
  gap: 8px;
}
.digital-twin-home__tabs > .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
  border: none;
  border-radius: 8px;
  color: white;
  font-size: 12px;
  background-color: #131a36;
}
.digital-twin-home__tabs > .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #3278ff;
}
.digital-twin-home__tabs > .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn {
  color: white;
}
.indics-twin-home__table > .ant-spin-nested-loading > .ant-spin-container .ant-table {
  color: white;
  background-color: transparent;
}
.indics-twin-home__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-thead {
  border: 1px solid #3278ff;
}
.indics-twin-home__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-thead > tr > th {
  padding: 6px 16px;
  border: 1px solid #3278ff;
  border-left: none;
  border-right: none;
  text-align: center;
  color: #3278ff;
  background-color: transparent;
}
.indics-twin-home__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-thead > tr > th:first-child {
  text-align: left;
  border-left: 1px solid #3278ff;
}
.indics-twin-home__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-thead > tr > th:last-child {
  text-align: right;
  border-right: 1px solid #3278ff;
}
.indics-twin-home__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-placeholder > .ant-table-cell {
  border-bottom: 1px solid #3b4465;
}
.indics-twin-home__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-placeholder:hover > .ant-table-cell {
  border-bottom: 1px solid #3b4465;
  background-color: transparent;
}
.indics-twin-home__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-placeholder .ant-empty.ant-empty-normal {
  color: #717d95;
}
.indics-twin-home__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-row > .ant-table-cell {
  padding: 6px 16px;
  border: none;
  text-align: center;
  background-color: transparent;
}
.indics-twin-home__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-row > .ant-table-cell:first-child {
  text-align: left;
}
.indics-twin-home__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-row > .ant-table-cell:last-child {
  text-align: right;
}
.indics-twin-home__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-row:nth-child(2n) > .ant-table-cell {
  background-color: #2a395c;
}

.indics-twin__modal.ant-modal .ant-modal-content {
  background-color: #212a49;
}
.indics-twin__modal.ant-modal .ant-modal-content .ant-modal-close {
  color: white;
}
.indics-twin__modal.ant-modal .ant-modal-content .ant-modal-header {
  border-bottom: none;
  background-color: #131a36;
}
.indics-twin__modal.ant-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  color: white;
}
.indics-twin__modal.ant-modal .ant-modal-content .ant-modal-body .ant-form-item > .ant-form-item-label > label {
  color: white;
}
.indics-twin__modal.ant-modal .ant-modal-content .ant-modal-footer {
  border-top-color: #3b4465;
  text-align: center;
}
.indics-twin-create-modal .indics-twin-create-modal__create-form .indics-twin-create-modal__item-overview > .ant-col.ant-form-item-control {
  margin-top: -12px;
}
.indics-twin-create-modal .indics-twin-create-modal__create-form .indics-twin-create-modal__item-overview .ant-radio-wrapper {
  flex-direction: column-reverse;
  align-items: center;
}
.indics-twin-create-modal .indics-twin-create-modal__create-form .indics-twin-create-modal__item-overview .overview-cover {
  width: 200px;
  box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.08);
}
.indics-twin-create-modal .indics-twin-create-modal__create-form .ant-input {
  border: none;
  color: white;
  background-color: #717994;
}
.indics-twin-create-modal .indics-twin-create-modal__create-form .ant-select-selector {
  border: none;
  color: white;
  background-color: #717994;
}
.indics-twin-create-modal__cover-upload {
  padding-right: 20px;
  display: flex;
  justify-content: flex-end;
}
.indics-twin-create-modal__cover-upload.has-cover-img {
  justify-content: flex-start;
  margin-left: 104px;
}
.indics-twin-create-modal__cover-upload .upload-cover {
  position: relative;
  cursor: pointer;
  box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.08);
}
.indics-twin-create-modal__cover-upload .upload-cover .upload-mask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.04);
  font-size: 16px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}
.indics-twin-create-modal__cover-upload .upload-cover:hover .upload-mask {
  visibility: visible;
}
.indics-twin__select-dropdown {
  background-color: #717994;
}

.indics-twin-model-list__container {
  padding: 24px;
  position: relative;
}
.indics-twin-model-list__container .indics-twin-model-list__header {
  position: absolute;
  top: 31px;
  right: 0;
  padding-right: 24px;
  z-index: 1;
}
.indics-twin-model-list__search .ant-input-wrapper {
  border: 1px solid #00b1ff;
  border-radius: 4px;
  overflow: hidden;
  background-color: rgba(14, 17, 56, 0.7);
}
.indics-twin-model-list__search .ant-input-affix-wrapper {
  border: 1px solid #212a49;
}
.indics-twin-model-list__search .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
  box-shadow: 0 0 0 2px rgba(50, 120, 255, 0.2);
}
.indics-twin-model-list__search .ant-input-affix-wrapper,
.indics-twin-model-list__search .ant-input {
  color: white;
  background-color: #1b223f;
}
.indics-twin-model-list__search .ant-input-clear-icon {
  color: rgba(255, 255, 255, 0.2);
}
.indics-twin-model-list__search .ant-input-group-addon .ant-btn {
  color: white !important;
  border: none;
  background-color: #1b223f;
}
.indics-twin-model-list__create-btn {
  margin-left: 16px;
  border: none;
  border-radius: 8px;
  color: white;
  font-size: 12px;
  background: linear-gradient(to right, #3e6cf3, #46b3f6) !important;
}
.indics-twin-model-list__main > .ant-tabs > .ant-tabs-nav {
  color: white;
}
.indics-twin-model-list__main > .ant-tabs > .ant-tabs-nav::before {
  border-width: 0;
}
.indics-twin-model-list__main > .ant-tabs > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-disabled {
  color: gray;
}
.indics-twin-model-list__main > .indics-twin-model-list__table {
  margin-top: 12px;
}
.indics-twin-model-list__table > .ant-spin-nested-loading > .ant-spin-container .ant-table {
  color: white;
  background-color: transparent;
}
.indics-twin-model-list__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-thead {
  border: 1px solid #3278ff;
}
.indics-twin-model-list__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-thead > tr > th {
  padding: 6px 16px;
  border: 1px solid #3278ff;
  border-left: none;
  border-right: none;
  text-align: center;
  color: #3278ff;
  background-color: #212a49;
}
.indics-twin-model-list__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-thead > tr > th:first-child {
  text-align: left;
  border-left: 1px solid #3278ff;
}
.indics-twin-model-list__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-thead > tr > th:last-child {
  text-align: right;
  border-right: 1px solid #3278ff;
}
.indics-twin-model-list__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-placeholder > .ant-table-cell {
  border-bottom: 1px solid #3b4465;
}
.indics-twin-model-list__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-placeholder:hover > .ant-table-cell {
  border-bottom: 1px solid #3b4465;
  background-color: transparent;
}
.indics-twin-model-list__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-placeholder .ant-empty.ant-empty-normal {
  color: #717d95;
}
.indics-twin-model-list__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-row > .ant-table-cell {
  padding: 6px 16px;
  border: none;
  text-align: center;
  background-color: transparent;
}
.indics-twin-model-list__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-row > .ant-table-cell:first-child {
  text-align: left;
}
.indics-twin-model-list__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-row > .ant-table-cell:last-child {
  text-align: right;
}
.indics-twin-model-list__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-row:nth-child(2n) > .ant-table-cell {
  background-color: #2a395c;
}
.indics-twin-model-list__table .ant-table-body::-webkit-scrollbar {
  display: block;
  width: 6px;
  height: 6px;
}
.indics-twin-model-list__table .ant-table-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(144, 147, 153, 0.3);
}
.indics-twin-model-list__table .ant-table-body::-webkit-scrollbar-track {
  background-color: #212a49;
}
.indics-twin-model-list__table .ant-table-cell-scrollbar:not([rowspan]) {
  box-shadow: none;
}
.indics-twin-model-list__table .ant-table-pagination {
  justify-content: center;
  margin-top: 56px;
}
.indics-twin-model-list__table .ant-table-pagination > .ant-pagination-prev > .ant-pagination-item-link {
  color: #5a5a5c;
  border-color: #3b4465;
  background-color: transparent;
}
.indics-twin-model-list__table .ant-table-pagination > .ant-pagination-next > .ant-pagination-item-link {
  color: #5a5a5c;
  border-color: #3b4465;
  background-color: transparent;
}
.indics-twin-model-list__table .ant-table-pagination > .ant-pagination-item > a {
  color: white;
}
.indics-twin-model-list__table .ant-table-pagination > .ant-pagination-item:not(.ant-pagination-item-active) {
  color: white;
  border-color: #3b4465;
  background-color: transparent;
}
.indics-twin-model-list__table .ant-table-pagination > .ant-pagination-item.ant-pagination-item-active {
  border-color: #3278ff;
  background-color: #3278ff;
}
.indics-twin-model-list__table .ant-pagination {
  position: fixed;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
}
.indics-twin-model-list__table .ant-pagination .ant-pagination-total-text {
  color: white;
}
.indics-twin-model-list__table .ant-pagination .ant-pagination-options-quick-jumper {
  color: #606266;
}
.indics-twin-model-list__table .ant-pagination .ant-pagination-options-quick-jumper input {
  background-color: transparent;
  border-color: #3a4659;
  color: white;
}
.indics-twin-model-list__table .ant-pagination .ant-pagination-options-size-changer {
  color: white;
}
.indics-twin-model-list__table .ant-pagination .ant-pagination-options-size-changer > .ant-select-selector {
  background-color: transparent;
  border-color: #3a4659;
}
.indics-twin-model-list__table .ant-pagination .ant-select-dropdown {
  background-color: #121e47;
}
.indics-twin-model-list__table .ant-pagination .ant-select-item-option {
  color: #606266;
}
.indics-twin-model-list__table .ant-pagination .ant-select-item-option-active,
.indics-twin-model-list__table .ant-pagination .ant-select-item-option-selected {
  background-color: #171d32;
  color: white;
}
.indics-twin-model-list__table .indics-twin-model-list__item-icon-box {
  cursor: pointer;
}
.indics-twin-model-list__table .indics-twin-model-list__item-icon-box.disabled {
  cursor: not-allowed;
  color: gray;
}

.indics-twin-item__wrapper {
  position: relative;
  width: 266px;
  height: 184px;
  overflow: hidden;
}
.indics-twin-item__wrapper:hover {
  box-shadow: 0 0 20px 0 #000;
  border: 1px solid #00baff;
}
.indics-twin-item__wrapper > .indics-twin-item__info {
  position: relative;
  height: calc(100% - 36px);
}
.indics-twin-item__wrapper > .indics-twin-item__info > .indics-twin-item__cover {
  position: absolute;
  width: 60%;
  height: 85%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.indics-twin-item__wrapper > .indics-twin-item__info > .indics-twin-item__menu {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.indics-twin-item__wrapper > .indics-twin-item__info .indics-twin-item__command-view {
  margin: 5px 0;
  display: inline-block;
  vertical-align: middle;
  height: 34px;
  line-height: 34px;
  padding: 0 40px;
  outline: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  background-image: linear-gradient(-225deg, #00d3f1, #12b3ff);
  background-color: #2681ff;
  border-color: #2681ff;
  color: #fff;
  border: none;
  transition: 0.3s ease;
  cursor: pointer;
}
.indics-twin-item__wrapper > .indics-twin-item__info .indics-twin-item__command-others {
  margin-top: 15px;
  font-size: 20px;
  color: white;
}
.indics-twin-item__wrapper > .indics-twin-item__info .indics-twin-item__command-others > .indics-twin-item__command-others-item {
  cursor: pointer;
  padding: 0 4px;
}
.indics-twin-item__wrapper > .indics-twin-item__main {
  font-size: 12px;
  width: 100%;
  height: 36px;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  justify-content: center;
  background: transparent;
  padding: 0 10px;
  color: #fff;
}
.indics-twin-item__wrapper > .indics-twin-item__main .indics-twin-item__name {
  width: 100px;
  padding: 0 5px;
  line-height: 28px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border: 1px solid transparent;
}

.indics-twin-model-list__box {
  max-height: calc(100vh - 400px);
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 36px;
  overflow-y: auto;
}
.indics-twin-model-list__box::-webkit-scrollbar {
  display: block;
  width: 6px;
  height: 6px;
}
.indics-twin-model-list__box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(144, 147, 153, 0.3);
}
.indics-twin-model-list__box::-webkit-scrollbar-track {
  background-color: #212a49;
}
.indics-twin-model-list__pagination {
  position: fixed;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
}
.indics-twin-model-list__pagination .ant-pagination-total-text {
  color: white;
}
.indics-twin-model-list__pagination .ant-pagination-options-quick-jumper {
  color: #606266;
}
.indics-twin-model-list__pagination .ant-pagination-options-quick-jumper input {
  background-color: transparent;
  border-color: #3a4659;
  color: white;
}
.indics-twin-model-list__pagination .ant-pagination-options-size-changer {
  color: white;
}
.indics-twin-model-list__pagination .ant-pagination-options-size-changer > .ant-select-selector {
  background-color: transparent;
  border-color: #3a4659;
}
.indics-twin-model-list__pagination .ant-select-dropdown {
  background-color: #121e47;
}
.indics-twin-model-list__pagination .ant-select-item-option {
  color: #606266;
}
.indics-twin-model-list__pagination .ant-select-item-option-active,
.indics-twin-model-list__pagination .ant-select-item-option-selected {
  background-color: #171d32;
  color: white;
}
.indics-twin-model-list__pagination > .ant-pagination-prev > .ant-pagination-item-link {
  color: #5a5a5c;
  border-color: #3b4465;
  background-color: transparent;
}
.indics-twin-model-list__pagination > .ant-pagination-next > .ant-pagination-item-link {
  color: #5a5a5c;
  border-color: #3b4465;
  background-color: transparent;
}
.indics-twin-model-list__pagination > .ant-pagination-item > a {
  color: white;
}
.indics-twin-model-list__pagination > .ant-pagination-item:not(.ant-pagination-item-active) {
  color: white;
  border-color: #3b4465;
  background-color: transparent;
}
.indics-twin-model-list__pagination > .ant-pagination-item.ant-pagination-item-active {
  border-color: #3278ff;
  background-color: #3278ff;
}

.indics-twin__layout {
  width: 100vw;
  height: 100vh;
}
.indics-twin__layout .indics-twin__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
  background-color: #293253;
}
.indics-twin__layout .indics-twin__body {
  display: flex;
  width: 100%;
  height: calc(100vh - 48px);
}
.indics-twin__layout .indics-twin__body .indics-twin__aside {
  width: 68px;
  height: 100%;
  background-color: #131a36;
}
.indics-twin__layout .indics-twin__body .indics-twin__main {
  width: calc(100vw - 68px);
  height: calc(100vh - 48px);
}
.indics-twin__header .indics-twin__header-left {
  display: flex;
  align-items: center;
  height: 80%;
  padding: 4px 24px;
  margin-right: auto;
  cursor: pointer;
}
.indics-twin__header .indics-twin__header-left .indics-twin__logo {
  height: 100%;
}
.indics-twin__header .indics-twin__header-left .indics-twin__logo .indics-twin__logo-img {
  height: 100%;
  max-width: 100%;
}
.indics-twin__header .indics-twin__header-left .indics-twin__logo-title {
  margin-left: 8px;
  color: white;
  font-size: 16px;
  font-family: '微软雅黑';
}
.indics-twin__header .indics-twin__header-right {
  margin-right: 16px;
}
.indics-twin__header .indics-twin__header-right .indics-twin__login-btn,
.indics-twin__header .indics-twin__header-right .indics-twin__register-btn {
  width: 60px;
  height: 28px;
  border: none;
  border-radius: 8px;
  color: white;
  font-size: 12px;
  background: linear-gradient(to right, #3e6cf3, #46b3f6);
}
.indics-twin__header .indics-twin__header-right .indics-twin__user-btn {
  color: white;
  font-size: 12px;
  cursor: pointer;
}
.indics-twin__header .indics-twin__header-right .indics-twin__user-btn .indics-twin__user-btn-icon {
  margin-right: 4px;
}
.ant-menu.indics-twin__aside {
  border: none;
  padding-top: 12px;
}
.ant-menu.indics-twin__aside > .ant-menu-item {
  padding-left: 24px;
}
.ant-menu.indics-twin__aside > .ant-menu-item.ant-menu-item-selected {
  background-color: transparent;
}
.ant-menu.indics-twin__aside > .ant-menu-item.ant-menu-item-active {
  background-color: transparent;
}
.ant-menu.indics-twin__aside > .ant-menu-item:last-child {
  padding-left: 22px;
}
.ant-menu.indics-twin__aside .indics-twin__aside-item {
  margin: 8px 0;
  cursor: pointer;
}
.ant-menu.indics-twin__aside .indics-twin__aside-item .indics-twin__aside-item-icon {
  max-height: 24px;
}
.ant-menu-submenu.ant-menu-submenu-popup > .ant-menu.ant-menu-sub {
  background-color: #131a36;
  color: white;
}
.ant-menu-submenu.ant-menu-submenu-popup > .ant-menu.ant-menu-sub > .ant-menu-item.ant-menu-item-active,
.ant-menu-submenu.ant-menu-submenu-popup > .ant-menu.ant-menu-sub > .ant-menu-item.ant-menu-item-selected {
  background-color: transparent;
}

.define-without-3d__wrapper {
  display: flex;
  flex-direction: column;
  width: calc(100vw - 68px);
  height: calc(100vh - 48px);
  overflow: hidden;
  color: white;
  background-color: #1b223f;
}
.define-without-3d__wrapper .define-without-3d__header {
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 10px 24px;
  flex-shrink: 0;
}
.define-without-3d__wrapper .define-without-3d__header .define-without-3d__header-bar {
  width: 3px;
  height: 18px;
  border-radius: 1px;
  background-color: #687ac6;
}
.define-without-3d__wrapper .define-without-3d__header .define-without-3d__header-title {
  margin-left: 8px;
  font-size: 18px;
}
.define-without-3d__wrapper .define-without-3d__header .define-without-3d__header-subtitle {
  margin-left: 24px;
}
.define-without-3d__wrapper .define-without-3d__container {
  display: flex;
  width: 100%;
  flex: 1 1;
  max-height: calc(100% - 60px);
}
.define-without-3d__wrapper .define-without-3d__container .define-without-3d__aside {
  display: flex;
  flex-direction: column;
  width: 240px;
  background-color: #212a49;
}
.define-without-3d__wrapper .define-without-3d__container .define-without-3d__aside .digital-twin-define__tree {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1;
  overflow: hidden;
}
.define-without-3d__wrapper .define-without-3d__container .define-without-3d__aside .digital-twin-define__tree .digital-twin-define__tree-title {
  width: 98%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #131a36;
}
.define-without-3d__wrapper .define-without-3d__container .define-without-3d__aside .digital-twin-define__tree .digital-twin-define__tree-main {
  width: 100%;
  flex: 1 1;
  background-color: transparent;
  overflow-y: auto;
}
.define-without-3d__wrapper .define-without-3d__container .define-without-3d__aside .digital-twin-define__tree .digital-twin-define__tree-main::-webkit-scrollbar {
  display: block;
  width: 8px;
}
.define-without-3d__wrapper .define-without-3d__container .define-without-3d__aside .digital-twin-define__tree .digital-twin-define__tree-main::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #a7aba7;
}
.define-without-3d__wrapper .define-without-3d__container .define-without-3d__aside .digital-twin-define__tree .digital-twin-define__tree-main::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.05);
}
.define-without-3d__wrapper .define-without-3d__container .define-without-3d__aside .digital-twin-define__content-tabs {
  height: 400px;
}
.define-without-3d__wrapper .define-without-3d__container .define-without-3d__main {
  position: relative;
  width: calc(calc(100vw - 68px) - 252px);
}
.define-without-3d__wrapper .define-without-3d__container .define-without-3d__main .define-without-3d__tabs {
  position: absolute;
  left: 12px;
  right: 0;
  top: -24px;
}
.define-without-3d__wrapper .define-without-3d__container .define-without-3d__main .define-without-3d__tabs .ant-tabs-tab {
  flex: 1 1;
  border: none;
  justify-content: center;
  background-color: #131a36;
}
.define-without-3d__wrapper .define-without-3d__container .define-without-3d__main .define-without-3d__tabs .ant-tabs-tab:hover {
  background-color: rgba(105, 154, 252, 0.6);
}
.define-without-3d__wrapper .define-without-3d__container .define-without-3d__main .define-without-3d__tabs .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #3278ff;
}
.define-without-3d__wrapper .define-without-3d__container .define-without-3d__main .define-without-3d__tabs .ant-tabs-tab .ant-tabs-tab-btn {
  color: white;
}
.define-without-3d__wrapper .define-without-3d__container .define-without-3d__main .define-without-3d__tabs .ant-tabs-nav {
  margin: 0;
}
.define-without-3d__wrapper .define-without-3d__container .define-without-3d__main .define-without-3d__tabs .ant-tabs-nav::before {
  border: none;
}
.define-without-3d__wrapper .define-without-3d__container .define-without-3d__main .define-without-3d__tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-with-remove {
  padding: 0px 16px;
}
.define-without-3d__wrapper .define-without-3d__container .define-without-3d__main .define-without-3d__tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-with-remove .ant-tabs-tab-remove {
  color: #ccc;
}
.define-without-3d__wrapper .define-without-3d__container .define-without-3d__main .define-without-3d__tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-with-remove .ant-tabs-tab-remove:hover {
  color: white;
}
.define-without-3d__logo-wrapper {
  display: flex;
  align-items: center;
  height: 32px;
  margin-right: auto;
  cursor: pointer;
}
.define-without-3d__logo-wrapper .define-without-3d__logo {
  height: 100%;
}
.define-without-3d__logo-wrapper .define-without-3d__logo .define-without-3d__logo-img {
  height: 100%;
  max-width: 100%;
}
.define-without-3d__logo-wrapper .define-without-3d__logo-title {
  margin-left: 8px;
  color: white;
  font-size: 16px;
}
.digital-twin-define__tree-main .ant-tree-list {
  height: 100%;
}
.digital-twin-define__tree-main .ant-tree-list .ant-tree-treenode {
  color: white;
  background-color: transparent;
}
.digital-twin-define__tree-main .ant-tree-list .ant-tree-treenode .ant-tree-switcher {
  background-color: transparent;
}
.digital-twin-define__tree-main .ant-tree-list .ant-tree-treenode.ant-tree-treenode-selected {
  color: #3278ff;
}
.digital-twin-define__tree-main .ant-tree-list .ant-tree-treenode.ant-tree-treenode-selected .ant-tree-node-content-wrapper {
  background-color: transparent;
}
.digital-twin-define__tree-main .ant-tree-list .ant-tree-treenode.ant-tree-treenode-selected .ant-tree-node-content-wrapper:hover {
  color: #3278ff;
}
.digital-twin-define__tree-main .ant-tree-list .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background-color: transparent;
  color: rgba(105, 154, 252, 0.6);
}
.digital-twin-define__content-tabs .ant-tabs-nav {
  margin-bottom: 0;
}
.digital-twin-define__content-tabs .ant-tabs-nav::before {
  border: none;
}
.digital-twin-define__content-tabs .ant-tabs-nav .ant-tabs-nav-list {
  width: 100%;
  padding: 0 6px;
  justify-content: space-evenly;
}
.digital-twin-define__content-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
  flex: 1 1;
  border: none;
  justify-content: center;
  background-color: #131a36;
}
.digital-twin-define__content-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active {
  background-color: #3278ff;
}
.digital-twin-define__content-tabs .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn {
  color: white;
}
.digital-twin-define__content-tabs .digital-twin-define__properties .digital-twin-define__prefix,
.digital-twin-define__content-tabs .digital-twin-define__events .digital-twin-define__prefix,
.digital-twin-define__content-tabs .digital-twin-define__actions .digital-twin-define__prefix {
  width: 100%;
  display: flex;
  padding: 12px;
  justify-content: space-between;
}
.digital-twin-define__content-tabs .digital-twin-define__properties .digital-twin-define__prefix .ant-btn.ant-btn-default,
.digital-twin-define__content-tabs .digital-twin-define__events .digital-twin-define__prefix .ant-btn.ant-btn-default,
.digital-twin-define__content-tabs .digital-twin-define__actions .digital-twin-define__prefix .ant-btn.ant-btn-default {
  border: none;
  color: white;
  background-color: #3278ff;
}
.digital-twin-define__content-tabs .digital-twin-define__properties .digital-twin-define__list,
.digital-twin-define__content-tabs .digital-twin-define__events .digital-twin-define__list,
.digital-twin-define__content-tabs .digital-twin-define__actions .digital-twin-define__list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 248px;
  overflow-y: auto;
}
.digital-twin-define__content-tabs .digital-twin-define__properties .digital-twin-define__list .digital-twin-define__item,
.digital-twin-define__content-tabs .digital-twin-define__events .digital-twin-define__list .digital-twin-define__item,
.digital-twin-define__content-tabs .digital-twin-define__actions .digital-twin-define__list .digital-twin-define__item {
  width: 88%;
  padding: 0 6px 4px 6px;
  border-radius: 4px;
  margin-top: 8px;
  background-color: #ddd;
}
.digital-twin-define__content-tabs .digital-twin-define__properties .digital-twin-define__list .digital-twin-define__item .digital-twin-define__row,
.digital-twin-define__content-tabs .digital-twin-define__events .digital-twin-define__list .digital-twin-define__item .digital-twin-define__row,
.digital-twin-define__content-tabs .digital-twin-define__actions .digital-twin-define__list .digital-twin-define__item .digital-twin-define__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.digital-twin-define__content-tabs .digital-twin-define__properties .digital-twin-define__list .digital-twin-define__item .digital-twin-define__extra-operations,
.digital-twin-define__content-tabs .digital-twin-define__events .digital-twin-define__list .digital-twin-define__item .digital-twin-define__extra-operations,
.digital-twin-define__content-tabs .digital-twin-define__actions .digital-twin-define__list .digital-twin-define__item .digital-twin-define__extra-operations {
  display: flex;
  justify-content: space-evenly;
}
.digital-twin-define__content-tabs .digital-twin-define__properties .digital-twin-define__list .digital-twin-define__item .digital-twin-define__extra-operations .ant-btn,
.digital-twin-define__content-tabs .digital-twin-define__events .digital-twin-define__list .digital-twin-define__item .digital-twin-define__extra-operations .ant-btn,
.digital-twin-define__content-tabs .digital-twin-define__actions .digital-twin-define__list .digital-twin-define__item .digital-twin-define__extra-operations .ant-btn {
  font-size: 12px;
}
.simulation-editor-container__main {
  position: relative;
  display: flex;
  width: 100%;
  height: calc(calc(100vh - 48px) - 60px);
  margin-left: 12px;
}
.simulation-editor-container__main .simulation-editor-container__left {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  background-color: #212a49;
}
.simulation-editor-container__main .simulation-editor-container__left .simulation-editor-container__left-row {
  display: flex;
  height: 40px;
}
.simulation-editor-container__main .simulation-editor-container__left .simulation-editor-container__left-row .simulation-editor-path-crumb {
  height: 40px;
  background-color: transparent;
}
.simulation-editor-container__main .simulation-editor-container__left .simulation-editor-container__left-row .simulation-editor-path-crumb .ant-breadcrumb {
  color: white;
  line-height: 40px;
}
.simulation-editor-container__main .simulation-editor-container__left .simulation-editor-container__left-row .simulation-editor-path-crumb .ant-breadcrumb li:last-child {
  color: #3278ff;
}
.simulation-editor-container__main .simulation-editor-container__left .simulation-editor-container__left-row .simulation-editor-command-bar {
  height: 40px;
}
.simulation-editor-container__main .simulation-editor-container__left .simulation-editor-container__work-area-wrapper {
  width: 100%;
  flex: 1 1;
}
.simulation-editor-container__main .simulation-editor-container__left .simulation-editor-container__work-area-wrapper .x6-graph-scroller::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.simulation-editor-container__main .simulation-editor-container__left .simulation-editor-container__work-area-wrapper .x6-graph-scroller:hover::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.simulation-editor-container__main .simulation-editor-container__left .simulation-editor-container__work-area-wrapper .x6-graph-scroller::-webkit-scrollbar-thumb {
  border-radius: 1em;
  background-color: rgba(50, 50, 50, 0.3);
}
.simulation-editor-container__main .simulation-editor-container__left .simulation-editor-container__work-area-wrapper .x6-graph-scroller::-webkit-scrollbar-track {
  border-radius: 1em;
  background: rgba(50, 50, 50, 0.1);
}
.simulation-editor-container__main .simulation-editor-container__left .simulation-editor-container__work-area-wrapper .simulation-editor-container__work-area {
  width: 100%;
  height: 100%;
}
.simulation-editor-container__main .simulation-editor-container__right {
  width: 240px;
  height: 100%;
  margin-left: 12px;
  flex: 0 0 240px;
  background-color: #212a49;
}
.simulation-editor-container__main .simulation-editor-container__right .simulation-editor-element-area .element-area-search-wrapper .element-area-search .ant-input-affix-wrapper {
  border: 1px solid #212a49;
}
.simulation-editor-container__main .simulation-editor-container__right .simulation-editor-element-area .element-area-search-wrapper .element-area-search .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
  box-shadow: 0 0 0 2px rgba(50, 120, 255, 0.2);
}
.simulation-editor-container__main .simulation-editor-container__right .simulation-editor-element-area .element-area-search-wrapper .element-area-search .ant-input-affix-wrapper,
.simulation-editor-container__main .simulation-editor-container__right .simulation-editor-element-area .element-area-search-wrapper .element-area-search .ant-input {
  color: white;
  background-color: #1b223f;
}
.simulation-editor-container__main .simulation-editor-container__right .simulation-editor-element-area .element-area-search-wrapper .element-area-search .ant-input-clear-icon {
  color: rgba(255, 255, 255, 0.2);
}
.simulation-editor-container__main .simulation-editor-container__right .simulation-editor-element-area .element-area-search-wrapper .element-area-search .ant-input-group-addon .ant-btn {
  color: white;
  border: none;
  background-color: #1b223f;
}
.simulation-editor-container__main .simulation-editor-container__right .simulation-editor-element-area .element-area-tabs .ant-tabs-tab {
  color: white;
}
.simulation-editor-container__main .simulation-editor-container__right .simulation-editor-element-area .element-area-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #3278ff;
}
.simulation-editor-container__main .simulation-editor-container__right .simulation-editor-element-area .element-area-collapse {
  background-color: #212a49;
}
.simulation-editor-container__main .simulation-editor-container__right .simulation-editor-element-area .element-area-collapse .ant-collapse-item {
  border-bottom: 1px solid #1b223f;
}
.simulation-editor-container__main .simulation-editor-container__right .simulation-editor-element-area .element-area-collapse .ant-collapse-item .ant-collapse-header {
  color: white;
}
.simulation-editor-container__main .simulation-editor-container__right .simulation-editor-element-area .element-area-collapse .ant-collapse-item .ant-collapse-content .element-group .element-group-title {
  color: rgba(255, 255, 255, 0.6);
}
.simulation-editor-container__main .simulation-editor-container__right .simulation-editor-element-area .element-area-collapse .ant-collapse-item .ant-collapse-content .simulation-editor-element-item {
  color: white;
  background-color: #1b223f;
}
.simulation-editor-container__main .simulation-editor-container__right .simulation-editor-element-area .element-area-select-btn .ant-btn {
  color: white;
}
.simulation-editor-container__main .simulation-editor-container__mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
}
.simulation-editor-container__main .simulation-editor-container__mask.disabled {
  width: 100%;
  height: 100%;
  cursor: not-allowed;
  background-color: rgba(33, 42, 73, 0.6);
}
.indics-twin__modal.ant-modal .ant-modal-content {
  background-color: #212a49;
}
.indics-twin__modal.ant-modal .ant-modal-content .ant-modal-header {
  border-bottom: none;
  background-color: #131a36;
}
.indics-twin__modal.ant-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  color: white;
}
.indics-twin__modal.ant-modal .ant-modal-content .ant-modal-body .ant-form-item > .ant-form-item-label > label {
  color: white;
}
.indics-twin__import-modal .import-modal__upload .ant-upload-list {
  color: white;
}
.indics-twin__import-modal .import-modal__upload .ant-upload-list-item-card-actions .anticon {
  color: red;
}
.indics-twin__batchadd-modal .import-modal__upload .ant-upload-list {
  color: white;
}
.indics-twin__batchadd-modal .import-modal__upload .ant-upload-list-item-card-actions .anticon {
  color: red;
}

.indics-twin-runtime__logo-wrapper {
  display: flex;
  align-items: center;
  height: 32px;
  margin-right: auto;
  cursor: pointer;
}
.indics-twin-runtime__logo-wrapper .indics-twin-runtime__logo {
  height: 100%;
}
.indics-twin-runtime__logo-wrapper .indics-twin-runtime__logo .indics-twin-runtime__logo-img {
  height: 100%;
  max-width: 100%;
}
.indics-twin-runtime__logo-wrapper .indics-twin-runtime__logo-title {
  margin-left: 8px;
  color: white;
  font-size: 16px;
}
.indics-twin-runtime__wrapper {
  display: flex;
  flex-direction: column;
  width: calc(100vw - 68px);
  height: calc(100vh - 48px);
  overflow: hidden;
  color: white;
  background-color: #1b223f;
}
.indics-twin-runtime__wrapper .indics-twin-runtime__header {
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 10px 24px;
  flex-shrink: 0;
}
.indics-twin-runtime__wrapper .indics-twin-runtime__header .indics-twin-runtime__header-bar {
  width: 3px;
  height: 18px;
  border-radius: 1px;
  background-color: #687ac6;
}
.indics-twin-runtime__wrapper .indics-twin-runtime__header .indics-twin-runtime__header-title {
  margin-left: 8px;
  font-size: 18px;
}
.indics-twin-runtime__wrapper .indics-twin-runtime__header .indics-twin-runtime__header-subtitle {
  margin-left: 24px;
}
.indics-twin-runtime__wrapper .indics-twin-runtime__body {
  flex: 1 1;
}
.indics-twin-runtime__body {
  display: flex;
  max-height: calc(100% - 60px);
}
.indics-twin-runtime__body .indics-twin-runtime__aside {
  width: 240px;
  background-color: #212a49;
}
.indics-twin-runtime__body .indics-twin-runtime__main {
  width: calc(calc(100vw - 68px) - 252px);
}
.indics-twin-runtime__aside {
  display: flex;
  flex-direction: column;
}
.indics-twin-runtime__aside .indics-twin-runtime__tree {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1;
  overflow: hidden;
}
.indics-twin-runtime__aside .indics-twin-runtime__tree .indics-twin-runtime__tree-title {
  width: 98%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #131a36;
}
.indics-twin-runtime__aside .indics-twin-runtime__tree .indics-twin-runtime__tree-main {
  width: 100%;
  flex: 1 1;
  background-color: transparent;
  overflow-y: auto;
}
.indics-twin-runtime__aside .indics-twin-runtime__tree .indics-twin-runtime__tree-main::-webkit-scrollbar {
  display: block;
  width: 8px;
}
.indics-twin-runtime__aside .indics-twin-runtime__tree .indics-twin-runtime__tree-main::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #a7aba7;
}
.indics-twin-runtime__aside .indics-twin-runtime__tree .indics-twin-runtime__tree-main::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.05);
}
.indics-twin-runtime__aside .indics-twin-runtime__action-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 400px;
}
.indics-twin-runtime__aside .indics-twin-runtime__action-wrapper .indics-twin-runtime__action-title {
  width: 98%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #131a36;
}
.indics-twin-runtime__actions {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-height: 294px;
  overflow-y: auto;
}
.indics-twin-runtime__actions .indics-twin-runtime__action-item {
  width: 88%;
  padding: 0 6px 4px 6px;
  border-radius: 4px;
  margin-top: 8px;
  background-color: #ddd;
}
.indics-twin-runtime__actions .indics-twin-runtime__action-item .indics-twin-runtime__extra-operations {
  display: flex;
  justify-content: flex-end;
}
.indics-twin-runtime__actions .indics-twin-runtime__action-item .indics-twin-runtime__extra-operations .ant-btn {
  font-size: 12px;
}
.indics-twin-runtime__tree-main .ant-tree-list {
  height: 100%;
}
.indics-twin-runtime__tree-main .ant-tree-list .ant-tree-treenode {
  color: white;
  background-color: transparent;
}
.indics-twin-runtime__tree-main .ant-tree-list .ant-tree-treenode .ant-tree-switcher {
  background-color: transparent;
}
.indics-twin-runtime__tree-main .ant-tree-list .ant-tree-treenode.ant-tree-treenode-selected {
  color: #3278ff;
}
.indics-twin-runtime__tree-main .ant-tree-list .ant-tree-treenode.ant-tree-treenode-selected .ant-tree-node-content-wrapper {
  background-color: transparent;
}
.indics-twin-runtime__tree-main .ant-tree-list .ant-tree-treenode.ant-tree-treenode-selected .ant-tree-node-content-wrapper:hover {
  color: #3278ff;
}
.indics-twin-runtime__tree-main .ant-tree-list .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background-color: transparent;
  color: rgba(105, 154, 252, 0.6);
}
.indics-twin-runtime__main {
  display: flex;
  flex-direction: column;
}
.indics-twin-runtime__main .indics-twin-runtime__command-bar {
  height: 40px;
  margin-left: 12px;
  background-color: #212a49;
}
.indics-twin-runtime__main .indics-twin-runtime__running-box {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  margin-left: 12px;
  margin-top: 12px;
}
.indics-twin-runtime__main .indics-twin-runtime__breadcrumb {
  height: 28px;
  padding: 3px 12px;
  background-color: #212a49;
}
.indics-twin-runtime__main .indics-twin-runtime__breadcrumb .ant-breadcrumb .ant-breadcrumb-link,
.indics-twin-runtime__main .indics-twin-runtime__breadcrumb .ant-breadcrumb .ant-breadcrumb-separator {
  color: white;
}
.indics-twin-runtime__main .indics-twin-runtime__content-wrapper {
  flex: 1 1;
}
.indics-twin-runtime__content-wrapper {
  display: flex;
}
.indics-twin-runtime__content-wrapper .indics-twin-runtime__content {
  max-width: 100%;
  flex: 1 1;
  padding: 4px 12px;
  background-color: #212a49;
}
.indics-twin-runtime__content-wrapper .indics-twin-runtime__extra {
  width: 0px;
  background-color: transparent;
}
.indics-twin-runtime__content .indics-twin-runtime__basic {
  padding: 6px 12px;
}
.indics-twin-runtime__content .indics-twin-runtime__basic .ant-typography {
  color: white;
}
.indics-twin-runtime__content .indics-twin-runtime__basic .ant-typography.ant-typography-secondary {
  color: #ddd;
}
.indics-twin-runtime__content .indics-twin-runtime__detail {
  position: relative;
  height: calc(100vh - 242px);
  padding: 6px 12px;
  margin-top: 12px;
  border-top: 2px solid #1b223f;
  overflow: auto;
}
.indics-twin-runtime__content .indics-twin-runtime__detail::-webkit-scrollbar {
  width: 0;
}
.indics-twin-runtime__content .indics-twin-runtime__detail::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.indics-twin-runtime__content .indics-twin-runtime__detail::-webkit-scrollbar-track {
  opacity: 0;
  background-color: transparent;
}
.indics-twin-runtime__content .indics-twin-runtime__detail:hover::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.indics-twin-runtime__content .indics-twin-runtime__detail:hover::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #a7aba7;
}
.indics-twin-runtime__content .indics-twin-runtime__detail:hover::-webkit-scrollbar-track {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.05);
}
.indics-twin-runtime__content .indics-twin-runtime__detail .indics-twin-runtime__detail-title {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}
.indics-twin-runtime__content .indics-twin-runtime__detail .indics-twin-runtime__detail-title.ant-typography {
  color: white;
}
.indics-twin-runtime__prop-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.indics-twin-runtime__prop-list .indics-twin-runtime__prop-item {
  margin: 4px 0;
}
.indics-twin-runtime__prop-list .indics-twin-runtime__prop-item .indics-twin-runtime__prop-card {
  background-color: #100c2a;
  border: none;
}
.indics-twin-runtime__prop-list .indics-twin-runtime__prop-item .indics-twin-runtime__prop-card .ant-statistic .ant-statistic-title {
  color: #ddd;
}
.indics-twin-runtime__prop-list .indics-twin-runtime__prop-item .indics-twin-runtime__prop-card .ant-statistic .ant-statistic-content {
  color: white;
}
.indics-twin-runtime__command-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 32px;
}
.indics-twin-runtime__command-bar .indics-twin-runtime__command-bar-left,
.indics-twin-runtime__command-bar .indics-twin-runtime__command-bar-right {
  height: 100%;
}
.indics-twin-runtime__command-bar .indics-twin-runtime__command-bar-left .indics-twin-runtime__command-item,
.indics-twin-runtime__command-bar .indics-twin-runtime__command-bar-right .indics-twin-runtime__command-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 16px;
  cursor: pointer;
}
.indics-twin-runtime__command-bar .indics-twin-runtime__command-bar-left .indics-twin-runtime__command-item:hover,
.indics-twin-runtime__command-bar .indics-twin-runtime__command-bar-right .indics-twin-runtime__command-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: #40a9ff;
}
.indics-twin-action-running__modal .indics-twin-action-modal__title {
  padding-left: 36px;
  font-size: 16px;
  font-family: 'Courier New', Courier, monospace;
  color: white;
}
.indics-twin-action-running__modal .indics-twin-action-modal__tip {
  padding-left: 36px;
}
.indics-twin-action-running__modal .indics-twin-action-modal__editor-container {
  height: 360px;
  margin-top: 4px;
  margin-bottom: 12px;
}
.indics-twin-action-running__modal .indics-twin-action-modal__operations {
  display: flex;
  justify-content: flex-end;
}

.indics-twin__item {
  width: 320px;
  height: 214px;
  border: 1px solid #3b4465;
  border-radius: 4px;
  overflow: hidden;
}
.indics-twin__item .indics-twin__item-cover-wrapper {
  display: flex;
  justify-content: center;
  align-content: center;
  width: 100%;
  height: 180px;
}
.indics-twin__item .indics-twin__item-cover-wrapper .indics-twin__item-cover {
  max-width: 100%;
  height: 100%;
}
.indics-twin__item .indics-twin__info {
  display: flex;
  align-items: center;
  width: 100%;
  height: 32px;
  padding: 0 16px;
}
.indics-twin__item .indics-twin__info .indics-twin__info-title {
  flex: 1 1;
  margin-right: auto;
  overflow: hidden;
  color: white;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.indics-twin__item .indics-twin__info .indics-twin__info-ops {
  color: white;
  font-size: 12px;
}
.indics-twin__item .indics-twin__info .indics-twin__info-ops .indics-twin__info-icon-wrapper {
  cursor: pointer;
}
.indics-twin__info-ops-menu {
  width: 100px;
}
.indics-twin__info-ops-menu .indics-twin__info-ops-menu-item.disabled {
  color: gray;
  cursor: pointer;
}
.indics-twin__info-ops-menu .indics-twin__info-ops-menu-item.danger {
  color: #ff4d4f;
}

.indics-twin-manage-scene__wrapper {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  background-color: #1b223f;
}
.indics-twin-manage-scene__wrapper > .indics-twin-manage-scene__header {
  flex-shrink: 0;
  background-color: #293253;
}
.indics-twin-manage-scene__wrapper > .indics-twin-manage-scene__body {
  flex: 1 1;
  display: flex;
  flex-direction: column;
}
.indics-twin-manage-scene__body {
  display: flex;
  flex-direction: column;
  padding: 24px 36px 36px;
}
.indics-twin-manage-scene__body .indics-twin-manage-scene__body-header {
  display: flex;
  align-items: center;
  color: white;
}
.indics-twin-manage-scene__body .indics-twin-manage-scene__body-header .indics-twin-manage-scene__body-header-bar {
  width: 2px;
  height: 16px;
  background-color: #687ac6;
}
.indics-twin-manage-scene__body .indics-twin-manage-scene__body-header .indics-twin-manage-scene__body-header-title {
  margin-left: 8px;
  margin-right: auto;
  color: white;
  font-size: 14px;
}
.indics-twin-manage-scene__body > .indics-twin-manage-scene__search-wrapper {
  margin-top: 20px;
}
.indics-twin-manage-scene__body > .indics-twin-manage-scene__search-wrapper > *:not(:first-child) {
  margin-left: 16px;
}
.indics-twin-manage-scene__body > .indics-twin-manage-scene__search-wrapper > .indics-twin-manage-scene__create-btn {
  border: none;
  border-radius: 8px;
  color: white;
  font-size: 12px;
  background: linear-gradient(to right, #3e6cf3, #46b3f6);
}
.indics-twin-manage-scene__body > .indics-twin-manage-scene__search-wrapper > .indics-twin-manage__search .ant-input-affix-wrapper {
  border-color: #717994;
  background-color: #717994;
}
.indics-twin-manage-scene__body > .indics-twin-manage-scene__search-wrapper > .indics-twin-manage__search .ant-input {
  border: none;
  color: white;
  background-color: #717994;
}
.indics-twin-manage-scene__body > .indics-twin-manage-scene__search-wrapper > .indics-twin-manage__search .ant-input-search-button {
  border: none;
  background-color: #717994;
}
.indics-twin-manage-scene__body > .indics-twin-manage-scene__search-wrapper .ant-select-selector {
  border: none;
  color: white;
  background-color: #717994;
}
.indics-twin-manage-scene__body > .indics-twin-manage-scene__body-main {
  flex: 1 1;
  padding: 12px;
  margin-top: 20px;
  border: 1px solid #1d2242;
  border-radius: 8px;
  box-shadow: 0 -2px #33385e, 0 2px #14182e;
}
.indics-twin-manage-scene__body-main .indics-twin-manage-scene__list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}
.indics-twin-manage-scene__body-main .indics-twin-manage-scene__pagination-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 56px;
}
.indics-twin-manage-scene__body-main .indics-twin-manage-scene__pagination-wrapper .indics-twin-manage-scene__pagination > .ant-pagination-prev > .ant-pagination-item-link {
  color: #5a5a5c;
  border-color: #3b4465;
  background-color: transparent;
}
.indics-twin-manage-scene__body-main .indics-twin-manage-scene__pagination-wrapper .indics-twin-manage-scene__pagination > .ant-pagination-next > .ant-pagination-item-link {
  color: #5a5a5c;
  border-color: #3b4465;
  background-color: transparent;
}
.indics-twin-manage-scene__body-main .indics-twin-manage-scene__pagination-wrapper .indics-twin-manage-scene__pagination > .ant-pagination-item > a {
  color: white;
}
.indics-twin-manage-scene__body-main .indics-twin-manage-scene__pagination-wrapper .indics-twin-manage-scene__pagination > .ant-pagination-item:not(.ant-pagination-item-active) {
  color: white;
  border-color: #3b4465;
  background-color: transparent;
}
.indics-twin-manage-scene__body-main .indics-twin-manage-scene__pagination-wrapper .indics-twin-manage-scene__pagination > .ant-pagination-item.ant-pagination-item-active {
  border-color: #3278ff;
  background-color: #3278ff;
}
.indics-twin-manage-scene__body-main .indics-twin-manage-scene__pagination-wrapper .indics-twin-manage-scene__pagination-total-text {
  margin-top: 12px;
  font-size: 12px;
  color: #5a5a5c;
}

.indics-twin-manage-dt__wrapper {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  background-color: #1b223f;
}
.indics-twin-manage-dt__wrapper > .indics-twin-manage-dt__header {
  flex-shrink: 0;
  background-color: #293253;
}
.indics-twin-manage-dt__wrapper > .indics-twin-manage-dt__body {
  flex: 1 1;
  display: flex;
  flex-direction: column;
}
.indics-twin-manage-dt__body {
  padding: 24px 36px 36px;
  margin: 24px;
  background-color: #212a48;
}
.indics-twin-manage-dt__body > .indics-twin-manage-dt__body-header {
  display: flex;
  align-items: center;
  color: white;
}
.indics-twin-manage-dt__body > .indics-twin-manage-dt__body-header > .indics-twin-manage-dt__body-header-bar {
  width: 2px;
  height: 16px;
  background-color: #687ac6;
}
.indics-twin-manage-dt__body > .indics-twin-manage-dt__body-header > .indics-twin-manage-dt__body-header-title {
  margin-left: 8px;
  margin-right: auto;
  color: white;
  font-size: 14px;
}
.indics-twin-manage-dt__body > .indics-twin-manage-dt__search-wrapper {
  margin-top: 20px;
}
.indics-twin-manage-dt__body > .indics-twin-manage-dt__search-wrapper > *:not(:first-child) {
  margin-left: 16px;
}
.indics-twin-manage-dt__body > .indics-twin-manage-dt__search-wrapper > .indics-twin-manage-dt__create-btn {
  border: none;
  border-radius: 8px;
  color: white;
  font-size: 12px;
  background: linear-gradient(to right, #3e6cf3, #46b3f6);
}
.indics-twin-manage-dt__body > .indics-twin-manage-dt__search-wrapper > .indics-twin-manage__search .ant-input-wrapper {
  border: 1px solid #00b1ff;
  border-radius: 4px;
  overflow: hidden;
  background-color: rgba(14, 17, 56, 0.7);
}
.indics-twin-manage-dt__body > .indics-twin-manage-dt__search-wrapper > .indics-twin-manage__search .ant-input-affix-wrapper,
.indics-twin-manage-dt__body > .indics-twin-manage-dt__search-wrapper > .indics-twin-manage__search .ant-input-affix-wrapper-focused {
  height: 32px;
  border-color: #717994;
  background-color: rgba(14, 17, 56, 0.7);
  border: none;
}
.indics-twin-manage-dt__body > .indics-twin-manage-dt__search-wrapper > .indics-twin-manage__search .ant-input {
  border: none;
  color: white;
  background-color: rgba(14, 17, 56, 0.7);
}
.indics-twin-manage-dt__body > .indics-twin-manage-dt__search-wrapper > .indics-twin-manage__search .ant-input-group-addon {
  background-color: rgba(14, 17, 56, 0.7);
}
.indics-twin-manage-dt__body > .indics-twin-manage-dt__search-wrapper > .indics-twin-manage__search .ant-input-search-button {
  border: none;
  color: white;
  background-color: rgba(14, 17, 56, 0.7);
}
.indics-twin-manage-dt__body > .indics-twin-manage-dt__search-wrapper .ant-select-selector {
  border: none;
  color: white;
  background-color: #717994;
}
.indics-twin-manage-dt__body > .indics-twin-manage-dt__body-main {
  margin-top: 20px;
}
.indics-twin-manage-dt__body > .indics-twin-manage-dt__body-main .indics-twin-manage-dt__pagination-total-text {
  font-size: 12px;
  color: #5a5a5c;
  text-align: center;
}
.indics-twin-manage-dt__table > .ant-spin-nested-loading > .ant-spin-container .ant-table {
  color: white;
  background-color: transparent;
}
.indics-twin-manage-dt__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-thead {
  border: 1px solid #3278ff;
}
.indics-twin-manage-dt__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-thead > tr > th {
  padding: 6px 16px;
  border: 1px solid #3278ff;
  border-left: none;
  border-right: none;
  text-align: center;
  color: #3278ff;
  background-color: transparent;
}
.indics-twin-manage-dt__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-thead > tr > th:first-child {
  text-align: left;
  border-left: 1px solid #3278ff;
}
.indics-twin-manage-dt__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-thead > tr > th:last-child {
  text-align: right;
  border-right: 1px solid #3278ff;
}
.indics-twin-manage-dt__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-placeholder > .ant-table-cell {
  border-bottom: 1px solid #3b4465;
}
.indics-twin-manage-dt__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-placeholder:hover > .ant-table-cell {
  border-bottom: 1px solid #3b4465;
  background-color: transparent;
}
.indics-twin-manage-dt__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-placeholder .ant-empty.ant-empty-normal {
  color: #717d95;
}
.indics-twin-manage-dt__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-row > .ant-table-cell {
  padding: 6px 16px;
  border: none;
  text-align: center;
  background-color: transparent;
}
.indics-twin-manage-dt__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-row > .ant-table-cell:first-child {
  text-align: left;
}
.indics-twin-manage-dt__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-row > .ant-table-cell:last-child {
  text-align: right;
}
.indics-twin-manage-dt__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-row:nth-child(2n) > .ant-table-cell {
  background-color: #2a395c;
}
.indics-twin-manage-dt__table .ant-table-pagination {
  justify-content: center;
  margin-top: 56px;
}
.indics-twin-manage-dt__table .ant-table-pagination > .ant-pagination-prev > .ant-pagination-item-link {
  color: #5a5a5c;
  border-color: #3b4465;
  background-color: transparent;
}
.indics-twin-manage-dt__table .ant-table-pagination > .ant-pagination-next > .ant-pagination-item-link {
  color: #5a5a5c;
  border-color: #3b4465;
  background-color: transparent;
}
.indics-twin-manage-dt__table .ant-table-pagination > .ant-pagination-item > a {
  color: white;
}
.indics-twin-manage-dt__table .ant-table-pagination > .ant-pagination-item:not(.ant-pagination-item-active) {
  color: white;
  border-color: #3b4465;
  background-color: transparent;
}
.indics-twin-manage-dt__table .ant-table-pagination > .ant-pagination-item.ant-pagination-item-active {
  border-color: #3278ff;
  background-color: #3278ff;
}
.indics-twin-manage-dt__table-operations .indics-twin__table-icon-wrapper {
  cursor: pointer;
}
.indics-twin-manage-dt__table-operations .indics-twin__table-icon-wrapper.disabled {
  cursor: not-allowed;
}
.indics-twin-manage-dt__table-operations .indics-twin__table-icon-wrapper.danger {
  color: #ff4d4f;
}
.indics-twin-manage-dt__table-operations .indics-twin__table-icon-wrapper.danger.disabled {
  color: rgba(255, 77, 79, 0.5);
}

.app-header {
  width: 100%;
  height: 60px;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.app-header .app-header-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  height: 100%;
  margin: 0 auto;
}
.app-header .app-header-container .logo {
  height: 100%;
}
.app-header .app-header-container .logo img {
  height: 100%;
}
.app-header .app-header-container .title {
  color: #40a9ff;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
.app-header .app-header-container .avatar {
  cursor: pointer;
  margin: 0 8px 0 auto;
}


.app-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  background-color: #f4f5f5;
}
.app-page .app-header {
  flex-shrink: 0;
}
.app-page .app-body {
  width: 100%;
  flex: 1 1;
  padding: 24px 0;
}
.app-page .app-body .app-body-main {
  width: 80%;
  height: calc(100vh - 108px);
  margin: 0 auto;
  background-color: #fff;
}
.app-page .app-body .app-body-main::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.app-page .app-body .app-body-main::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(221, 221, 221, 0.8);
}


.indics-twin-models__main {
  width: 100vw;
  height: 100vh;
  background-color: #212a49;
}
.indics-twin-models__aside > .ant-menu {
  border: none;
  background-color: transparent;
}
.indics-twin-models__aside > .ant-menu > .ant-menu-item {
  padding-left: 24px;
  color: gray;
}
.indics-twin-models__aside > .ant-menu > .ant-menu-item.ant-menu-item-selected {
  background-color: transparent;
  color: #1890ff;
}
.indics-twin-models__aside > .ant-menu > .ant-menu-item.ant-menu-item-active {
  background-color: transparent;
  color: #1890ff;
}
.indics-twin-models__aside > .ant-menu > .ant-menu-item:last-child {
  padding-left: 22px;
}
.indics-twin-models__aside > .ant-menu .indics-twin__aside-item {
  margin: 8px 0;
  cursor: pointer;
}
.indics-twin-models__aside > .ant-menu .indics-twin__aside-item .indics-twin__aside-item-icon {
  max-height: 24px;
}
.indics-twin-models__container {
  padding: 24px;
}
.indics-twin-models__container .indics-twin-models__tips {
  margin-bottom: 16px;
}
.indics-twin-models__container .indics-twin-models__tips .ant-typography {
  color: white;
}
.indics-twin-models__container .indics-twin-models__sub-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.indics-twin-models__container .indics-twin-models__sub-header .search-input-wrapper {
  width: 280px;
}
.indics-twin-models__container .indics-twin-models__sub-header .search-input-wrapper .ant-input-wrapper {
  border: 1px solid #00b1ff;
  border-radius: 4px;
  overflow: hidden;
  background-color: rgba(14, 17, 56, 0.7);
}
.indics-twin-models__container .indics-twin-models__sub-header .search-input-wrapper .ant-input-affix-wrapper {
  border: 1px solid #212a49;
}
.indics-twin-models__container .indics-twin-models__sub-header .search-input-wrapper .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
  box-shadow: 0 0 0 2px rgba(50, 120, 255, 0.2);
}
.indics-twin-models__container .indics-twin-models__sub-header .search-input-wrapper .ant-input-affix-wrapper,
.indics-twin-models__container .indics-twin-models__sub-header .search-input-wrapper .ant-input {
  color: white;
  background-color: #1b223f;
}
.indics-twin-models__container .indics-twin-models__sub-header .search-input-wrapper .ant-input-clear-icon {
  color: rgba(255, 255, 255, 0.2);
}
.indics-twin-models__container .indics-twin-models__sub-header .search-input-wrapper .ant-input-group-addon .ant-btn {
  color: white !important;
  border: none;
  background-color: #1b223f;
}
.indics-twin-models__container .indics-twin-models__sub-header .search-input .ant-input-wrapper {
  border: 1px solid #00b1ff;
  border-radius: 4px;
  overflow: hidden;
  background-color: rgba(14, 17, 56, 0.7);
}
.indics-twin-models__container .indics-twin-models__sub-header .search-input .ant-input-affix-wrapper,
.indics-twin-models__container .indics-twin-models__sub-header .search-input .ant-input-affix-wrapper-focused {
  height: 32px;
  border-color: #717994;
  background-color: rgba(14, 17, 56, 0.7);
  border: none;
}
.indics-twin-models__container .indics-twin-models__sub-header .search-input .ant-input {
  border: none;
  color: white;
  background-color: rgba(14, 17, 56, 0.7);
}
.indics-twin-models__container .indics-twin-models__sub-header .search-input .ant-input-group-addon {
  background-color: rgba(14, 17, 56, 0.7);
}
.indics-twin-models__container .indics-twin-models__sub-header .search-input .ant-input-search-button {
  border: none;
  color: white;
  background-color: rgba(14, 17, 56, 0.7);
}
.indics-twin-models__container .indics-twin-models__table .table-project-id {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.indics-twin-models__container .indics-twin-models__table .ant-table-container .ant-table-body::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.indics-twin-models__container .indics-twin-models__table .ant-table-container .ant-table-body::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 3px;
}
.indics-twin-models__container .indics-twin-models__table .ant-table-thead .ant-table-cell.ant-table-cell-fix-right.ant-table-cell-fix-right-first.ant-table-cell-fix-sticky {
  right: 0px !important;
}
.indics-twin-models__container .indics-twin-models__table .ant-pagination.ant-table-pagination {
  margin-bottom: 0;
}
.indics-twin-models__table > .ant-spin-nested-loading > .ant-spin-container .ant-table {
  color: white;
  background-color: transparent;
}
.indics-twin-models__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-thead {
  border: 1px solid #3278ff;
}
.indics-twin-models__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-thead > tr > th {
  padding: 6px 16px;
  border: 1px solid #3278ff;
  border-left: none;
  border-right: none;
  text-align: center;
  color: #3278ff;
  background-color: #212a49;
}
.indics-twin-models__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-thead > tr > th:first-child {
  text-align: left;
  border-left: 1px solid #3278ff;
}
.indics-twin-models__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-thead > tr > th:last-child {
  text-align: right;
  border-right: 1px solid #3278ff;
}
.indics-twin-models__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-placeholder > .ant-table-cell {
  border-bottom: 1px solid #3b4465;
}
.indics-twin-models__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-placeholder:hover > .ant-table-cell {
  border-bottom: 1px solid #3b4465;
  background-color: transparent;
}
.indics-twin-models__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-placeholder .ant-empty.ant-empty-normal {
  color: #717d95;
}
.indics-twin-models__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-row > .ant-table-cell {
  padding: 6px 16px;
  border: none;
  text-align: center;
  background-color: transparent;
}
.indics-twin-models__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-row > .ant-table-cell:first-child {
  text-align: left;
}
.indics-twin-models__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-row > .ant-table-cell:last-child {
  text-align: right;
}
.indics-twin-models__table > .ant-spin-nested-loading > .ant-spin-container .ant-table-tbody > .ant-table-row:nth-child(2n) > .ant-table-cell {
  background-color: #2a395c;
}
.indics-twin-models__table .ant-table-pagination {
  justify-content: center;
  margin-top: 56px;
}
.indics-twin-models__table .ant-table-pagination > .ant-pagination-prev > .ant-pagination-item-link {
  color: #5a5a5c;
  border-color: #3b4465;
  background-color: transparent;
}
.indics-twin-models__table .ant-table-pagination > .ant-pagination-next > .ant-pagination-item-link {
  color: #5a5a5c;
  border-color: #3b4465;
  background-color: transparent;
}
.indics-twin-models__table .ant-table-pagination > .ant-pagination-item > a {
  color: white;
}
.indics-twin-models__table .ant-table-pagination > .ant-pagination-item:not(.ant-pagination-item-active) {
  color: white;
  border-color: #3b4465;
  background-color: transparent;
}
.indics-twin-models__table .ant-table-pagination > .ant-pagination-item.ant-pagination-item-active {
  border-color: #3278ff;
  background-color: #3278ff;
}

.code-model-modal__container {
  position: relative;
  display: flex;
  height: 600px;
}
.code-model-modal__container > .code-model-modal__form {
  width: 280px;
  overflow: auto;
}
.code-model-modal__container > .code-model-modal__form::-webkit-scrollbar {
  display: none;
}
.code-model-modal__container > .code-model-modal__form::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.code-model-modal__container > .code-model-modal__form::-webkit-scrollbar-track {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.05);
  background-color: transparent;
}
.code-model-modal__container > .code-model-modal__form:hover::-webkit-scrollbar {
  display: block;
  width: 8px;
}
.code-model-modal__container > .code-model-modal__form:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #a7aba7;
}
.code-model-modal__container > .code-model-modal__form:hover::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.05);
}
.code-model-modal__container > .code-model-modal__test-btn {
  position: absolute;
  top: 0;
  right: 16px;
}
.code-model-modal__param-block {
  position: relative;
  padding: 4px 0;
  margin-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.code-model-modal__param-block > .ant-row.ant-form-item {
  margin-bottom: 6px;
}
.code-model-modal__param-block > .param-block-remove-btn {
  position: absolute;
  top: 4px;
  right: 4px;
}