.graphics-editor-container {
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  width: 702px;
  height: 510px;
  position: relative;

  .w-e-text p,
  .w-e-text h1,
  .w-e-text h2,
  .w-e-text h3,
  .w-e-text h4,
  .w-e-text h5,
  .w-e-text table,
  .w-e-text pre {
    margin: 0;
  }
  .editor-box {
    height: 100%;
    width: 100%;
  }

  .w-e-toolbar {
    background-color: #fff !important;
    border: none !important;
    border-bottom: 1px solid #e8e8e8 !important;
  }

  .w-e-text-container {
    border: none !important;
    height: ~'calc(100% - 109px)' !important;
  }

  .editor-tips {
    position: absolute;
    bottom: 5px;
    right: 8px;
    color: #666;
    z-index: 1;
  }

  .editor-warning {
    position: absolute;
    right: 0;
    color: red;
  }

  .w-e-full-screen-editor {
    .w-e-text-container {
      height: ~'calc(100vh - 109px)' !important;
    }
  }
  &.introduce {
    height: 240px;
    .w-e-text-container {
      height: ~'calc(100% - 69px)' !important;
    }
  }

  &.warning {
    border-color: red;
  }
}
