.scaffoldForm {
  position: relative;
  width: 100vw;
  height: calc(100vh - 160px);

  .content {
    height: calc(100vh - 220px);
    display: flex;
    flex-direction: row;

    .scaffoldTemplateIframe {
      height: 100%;
      margin-left: 30px;
      margin-right: 40px;
      flex: 1;
    }

    .configBtn {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      height: 40px;
      width: 40px;
      cursor: pointer;
      background: $color-brand1-6;
      top: 0;
      right: 0;
      border-radius: 4px 0 0 4px;
    }

    .config {
      width: 300px;
      height: 100%;
      background-color: #2b2b2b;
      padding: 20px;
      position: relative;

      .closeConfigBtn {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: calc(50% - 60px);
        left: -16px;
        height: 80px;
        width: 16px;
        cursor: pointer;
        background: $color-brand1-6;
        border-radius: 4px 0 0 4px;
      }
    }
  }

  .action {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 30px;
  }
}
