.m-container-vs-code {
  .el-form-item {
    margin-bottom: 0;
  }
}

.magic-code-editor {
  width: 100%;
}

.magic-code-editor-wrapper {
  width: 100%;
  height: 100%;
  position: relative;

  &.full-screen {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
  }

  .magic-code-editor-content {
    width: 100%;
    height: 100%;

    .margin {
      margin: 0;
    }
  }

  .magic-code-editor-full-screen-icon {
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 11;
    opacity: 0.3;

    &:hover {
      opacity: 1;
    }
  }
}
