.formula-editor-wrap {
    :global {
        // @import '~mathquill/build/mathquill';

        .tool-bar-wrap {
            display: flex;
            margin-top: -10px;
            padding-bottom: 10px;
        }

        .formula-cate {
            padding-right: 5px;
        }

        .mathjax-editor-container {
            min-height: 100px;
            border: 1px solid rgba(204, 204, 204, 0.5);
            padding: 5px;
        }

        .fromula-content {
            display: flex;
            flex-wrap: wrap;
            width: 300px;

            .formula-btn {
                padding: 0 3px;
                cursor: pointer;
                display: flex;
                align-items: center;

                &:hover {
                    color: red;
                }
            }
        }

        .mq-math-mode {
            display: block;
        }

        .mq-root-block {
            min-height: 80px;
            font-size: 20px;
        }
    }
}