.wrap {
    max-width: 700px;
    margin: 0 auto;
    :global {
        .ck.ck-toolbar {
            border: none;
        }
        .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
        .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
            border: none;
            box-shadow: none !important;
            border-top: 1px solid #eee;
        }

        .ck.ck-toolbar .ck.ck-toolbar__separator {
            display: none;
        }

        .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
            border: none;
        }

        .tox-editor-header {
            box-shadow: none !important;
            border-bottom: 1px solid #f5f5f5 !important;
        }
        .ProseMirror p.is-editor-empty:first-child::before {
            content: attr(data-placeholder);
            float: left;
            color: #adb5bd;
            pointer-events: none;
            height: 0;
        }
        .ProseMirror {
            img {
                height: auto;
                max-width: 100%;

                &.ProseMirror-selectednode {
                    border: 1px solid #e5e5e5;
                    padding: 1px;
                }
            }
        }
    }
}

.header {
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
}

.menuBar {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
    transition:
        visibility 0.2s 0.4s,
        opacity 0.2s 0.4s;
    flex-wrap: wrap;
    padding: 5px 0;
    background: #fff;
    position: relative;
    :global {
        .ant-btn {
            color: #8590a6;
            text-align: center;
            font-size: 20px;
            padding: 0;
            border-radius: 0;
            align-items: center;
            border: 1px solid transparent;
            box-sizing: border-box;
            cursor: pointer;
            white-space: nowrap;
            position: relative;
            display: block;
            padding: 0px 4px;
            box-shadow: none;
            &.is-active {
                color: #056de8;
            }
            &:hover {
                color: #4096ff;
                background: #eee;
                border-radius: 2px;
                border-color: #eee;
            }
        }
        svg {
            display: block;
            width: 20px;
            height: 20px;
        }
        .ant-upload-wrapper {
            line-height: 0;
        }
    }
}

.editor {
    width: 600px;
    margin: 0 auto;
    border-top: none;
    padding: 20px;
    height: calc(100vh - 140px);
    border: none;
    overflow-y: auto;
}
