.fullScreenModal {
  max-width: 100vw;
  :global {
    .@{antPrefix}-modal {
      top: 0;
      padding: 0;
      max-width: 100vw;
      margin: 0;
    }

    .@{antPrefix}-modal-content {
      height: 100vh;
      background: transparent;
      box-shadow: none;
    }

    .@{antPrefix}-modal-body {
      height: 100%;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .@{antPrefix}-modal-close {
      color: #fff;
    }
  }
}

.content {
  // width: 96%;
  // height: 96%;
  //   background: #fff;
  border-radius: 8px;
  transform: scale(0.8);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;

  &.visible {
    transform: scale(1);
    opacity: 1;
  }
}
