.modal-component {
  .modal-img {
    text-align: center;
  }
  .ant-modal-content {
    width: 100%;
    height: 100%;
    border-radius: unset;
  }
  .ant-modal-header {
    padding: 10px 24px;
    border-bottom-color: var(--bd);
    .ant-modal-title {
      font-size: var(--fs-default);
      font-weight: 700;
    }
  }
  .ant-modal-body {
    width: 100%;
    height: calc(~"100% - 43px");
    padding: 0;
  }
  .modal-content {
    height: calc(~"100% - 48px");
    overflow: auto;
    padding: 0 20px 0 20px;
  }
  .ant-modal-close-x {
    width: 43px;
    height: 43px;
    line-height: 43px;
  }
}
.c-modal-wrapper {
  .ant-modal-footer {
    & > div {
      .ant-btn-primary {
        background: var(--primary-dark);
        border: 1px solid var(--primary-dark);
      }
    }
  }
}
