.ol-map-MyModal-commonModal .ant-modal-body {
  height: 100%;
  max-height: calc(100% - 108px) !important;
}
.ol-map-MyModal-dark {
  --text-color: #fff;
  --bg-color: #041421;
  --modal-border-color: #687d94;
  --border-color: #172e4d;
  --title-bg-color: linear-gradient(270deg, rgba(75, 99, 135, 0.2) 0%, rgba(9, 13, 26, 0.2) 50%, rgba(75, 99, 135, 0.2) 100%);
  --label-color: #74bbf4;
  --box-bg-color: #0f1d2b;
  --result-title-left-bg-color: linear-gradient(180deg, #abd8fc 0%, #72cbfb 100%);
}
.ol-map-MyModal-no-light {
  color: var(--text-color);
}
.ol-map-MyModal-no-light .ant-modal-content {
  background: var(--bg-color);
  border-radius: 10px 10px 10px 10px !important;
  border: 2px solid var(--modal-border-color);
}
.ol-map-MyModal-no-light .ant-modal-header {
  background: transparent;
  color: var(--text-color);
  font-size: 22px;
  padding: 6px 6px 0 6px;
  border-bottom: none;
}
.ol-map-MyModal-no-light .ant-modal-title {
  background: var(--title-bg-color);
  border-radius: 6px 6px 0px 0px;
  border: 1px solid var(--border-color);
  height: 60px;
}
.ol-map-MyModal-no-light .vtx-modal-header-text,
.ol-map-MyModal-no-light .vtx-modal-header-subtitle,
.ol-map-MyModal-no-light .vtx-modal-header-title .vtx-modal-header-text + .vtx-modal-header-subtitle::before,
.ol-map-MyModal-no-light .ol-map-analysis-popup-detail-items-wrap,
.ol-map-MyModal-no-light .ol-map-analysis-detail-wrap-right-title,
.ol-map-MyModal-no-light .ol-map-analysis-result-diagnosis-subtitle,
.ol-map-MyModal-no-light .ol-map-analysis-result-diagnosis-content,
.ol-map-MyModal-no-light .ol-map-analysis-collapse .ant-collapse-header-text,
.ol-map-MyModal-no-light .ant-select-arrow,
.ol-map-MyModal-no-light .ol-map-analysis-result-title-wrap-title,
.ol-map-MyModal-no-light .ant-select-item {
  color: var(--text-color) !important;
}
.ol-map-MyModal-no-light .ant-select-item-option-active:not(.ant-select-item-option-disabled),
.ol-map-MyModal-no-light .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #26425f;
}
.ol-map-MyModal-no-light .vtx-modal-title,
.ol-map-MyModal-no-light .vtx-modal-title_name,
.ol-map-MyModal-no-light .vtx-modal-header-title {
  height: 100%;
}
.ol-map-MyModal-no-light .vtx-modal-header-title {
  padding-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 6px 0px 0px 0px;
}
.ol-map-MyModal-no-light .ant-collapse {
  color: var(--text-color);
  background: var(--box-bg-color);
  border: 1px solid var(--border-color);
}
.ol-map-MyModal-no-light .ant-collapse-content,
.ol-map-MyModal-no-light .ant-collapse > .ant-collapse-item {
  border-color: var(--border-color);
}
.ol-map-MyModal-no-light .ant-collapse-content-box,
.ol-map-MyModal-no-light .ant-select-dropdown,
.ol-map-MyModal-no-light .ol-map-analysis-collapse > .ant-collapse-item > .ant-collapse-header {
  background: var(--box-bg-color);
  color: var(--text-color);
}
.ol-map-MyModal-no-light .ol-map-analysis-popup-detail-items-label {
  color: var(--label-color);
}
.ol-map-MyModal-no-light .ol-map-analysis-result-diagnosis-wrap {
  background-color: var(--box-bg-color);
}
.ol-map-MyModal-no-light .ol-map-analysis-result-title-wrap::before {
  background: var(--result-title-left-bg-color);
}
.ol-map-MyModal-no-light .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-color: var(--border-color);
  color: var(--text-color);
  background-color: var(--box-bg-color);
}
