.ant-modal-root {
  .ant-modal {
    .ant-modal-close {
      top: 0;
      right: 0;
      width: auto;
      color: #666666;
      font-weight: normal;
      background: transparent;
      outline: none;
      cursor: default;

      &:hover {
        color: #666666;
        background-color: transparent;
      }
    }

    .ant-modal-close-x {
      display: inline-block;
      width: 96px;
      height: 54px;
      line-height: 54px;
      text-align: start;

      & > div {
        height: 100%;
      }

      & > span {
        display: inline-block;
        margin-left: 48px;
        padding: 10px;
        cursor: pointer;
        transition: all 0.2s;

        &:hover {
          color: #ed6f6f;
        }
      }
    }

    .ant-modal-content {
      padding: 0;

      .ant-modal-header {
        margin-bottom: 0;
        padding: 15px 20px;
        border-bottom: 1px solid#E9E9E9;

        .ant-modal-title {
          color: #333333;
          font-weight: normal;
          font-size: 16px;
          line-height: 24px;

          & > span {
            padding-left: 0;
            color: #333333;
            font-weight: normal;
            font-size: 16px;
            line-height: 24px;
          }
        }
      }

      .ant-modal-body {
        padding: 20px !important;

        & > .scrollbar {
          padding: 0;
        }

        .scrollbar__wrap {
          margin-bottom: 0 !important;
        }
      }

      .ant-modal-footer {
        margin-top: 0;
        padding: 11px 20px;
        border-top: 1px solid#E9E9E9;

        button {
          min-width: 88px;
        }
      }
    }
  }

  .ant-modal-confirm {
    .ant-modal-content {
      .ant-modal-body {
        padding: 32px 32px 28px !important;

        .ant-modal-confirm-body {
          & > .anticon {
            margin-inline-end: 16px;
            font-size: 24px;
          }

          .ant-modal-confirm-title {
            color: #333333;
            font-weight: normal;
            font-size: 16px;
            line-height: 24px;
          }

          .ant-modal-confirm-content {
            max-width: calc(100% - 40px);
            color: #999999;
            font-weight: normal;
            font-size: 14px;
            line-height: 200%;
            margin-block-start: 8px;
            margin-inline-start: 40px;

            & > * {
              color: #999999;
            }
          }
        }

        .ant-modal-confirm-btns {
          margin-top: 0;
          padding-top: 24px;

          button {
            min-width: 88px;
          }
        }
      }
    }
  }
}

.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #06c687;
}

.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #1890ff;
}

.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #faad14;
}

.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #ff4d4f;
}