.baseModalContainer {
  :global {
    .ant-modal-body {
      padding: 0;
    }
    .ant-modal-content {
      padding: 0;
      background: none;
      box-shadow: none;
    }
    .ant-modal {
      padding: 0;
      background: none;
    }
  }

  .modalContainer {
    width: 100%;
    height: 100%;

    .headerGroup {
      position: relative;
      height: 65px;
      background: linear-gradient(165deg, #202752 0%, #212855 2%, #36418c 100%);
      border-radius: 28px 28px 0 0;

      .headerBg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        object-fit: contain;
        min-height: 65px;
      }

      .closeIcon {
        position: absolute;
        right: 19px;
        top: 18px;
        width: 16px;
        height: 16px;

        svg {
          width: 16px;
          height: 16px;
          fill: rgba(255, 255, 255, 0.6);
        }
      }
    }

    .contentGroup {
      position: relative;
      top: -10px;
      background: #ffffff;
      border-radius: 0 0 8px 8px;
    }
  }
}