.ck-mermaid__wrapper {
display: flex;
justify-content: center;
}
.ck-mermaid__wrapper .ck-mermaid__editing-view {
padding: 16px;
background-color: hsla(0, 0%, 78%, 0.3);
min-height: 200px;
border: 0;
resize: vertical;
font-size: 12px;
outline: 0;
}
.ck-mermaid__preview {
display: flex;
justify-content: center;
}
[id^="dmermaid-"] {
display: flex;
align-items: center;
height: 100%;
justify-content: center;
}
[id^="dmermaid-"] svg {
display: block;
width: 60%;
height: auto;
}
.ck-mermaid__source-mode .ck-mermaid__editing-view {
width: 100%;
}
.ck-mermaid__source-mode .ck-mermaid__preview {
display: none;
}
.ck-mermaid__split-mode .ck-mermaid__editing-view {
width: 50%;
}
.ck-mermaid__split-mode .ck-mermaid__preview {
width: 50%;
}
.ck-mermaid__preview-mode .ck-mermaid__editing-view {
display: none;
}