.modal-container {
  position: fixed;
  width: 100vw;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.78);
  z-index: 100;
  .components-modal-render {
    background: white;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100vw - 100px);
    transform: translate(-50%, -50%);
    border-radius: 5px;
    overflow: hidden;
    z-index: 10;

    .modal-operations {
      display: flex;
      .base-button-render {
        flex: 1;
      }
      .operations-item {
        flex: 1;
        position: relative;
        padding: 18px 5px;
        font-size: 18px;
        color: #333;
        text-align: center;
        transition: 0.2s;
        background-color: #fff;
        max-width: auto;
        &:active {
          opacity: 0.7;
        }

        &.item-primary {
          color: white;
          background: var(--theme-primary);

          &.item-shadow {
            // color: var(--theme-primary);
            // background: white;
          }
        }

        &:not(.item-primary),
        &.item-shadow {
          &:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: #eee;
          }
        }
      }
    }

    .module-header {
      text-align: center;
      font-size: 18px;
      padding: 15px;

      &:empty {
        display: none;
      }
    }

    .module-body {
      padding: 0 15px 15px;
      color: #999;
      // text-align: center;
      max-height: 400px;
      overflow-y: auto;
      .components-picture-render {
        text-align: center;
        > img {
          width: 131px;
          height: 131px;
        }
      }
    }

    .module-close {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 30px;
      height: 30px;
      z-index: 1;
  
      .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        color: #999;
        font-size: 18px;
        transform: translate(-50%, -50%);
      }
    }
  }
}