.TinyMDE{
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-size:16px;
    max-height: 50vh;
    overflow-y: auto;
    line-height:24px;
    padding:5px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
}
.TMBlankLine{
    height:24px
}
.TMH1,.TMSetextH1{
    font-size:22px;
    font-weight:700;
    line-height:32px;
    margin-bottom:8px
}
.TMSetextH1{
    margin-bottom:0
}
.TMSetextH1Marker{
    margin-bottom:8px
}
.TMH2,.TMSetextH2{
    font-size:20px;
    font-weight:700;
    line-height:28px;
    margin-bottom:4px
}
.TMMark_TMCode{
    font-family:monospace;
    font-size:.9em
}
.TMCode,.TMFencedCodeBacktick,.TMFencedCodeTilde,.TMIndentedCode{
    background-color:#e0e0e0;
    font-family:monospace;
    font-size:.9em
}
.TMCodeFenceBacktickOpen,.TMCodeFenceTildeOpen{
    border-bottom:1px solid silver;
    font-family:monospace;
    font-size:.9em
}
.TMCodeFenceBacktickClose,.TMCodeFenceTildeClose{
    border-top:1px solid silver;
    font-family:monospace;
    font-size:.9em
}
.TMInfoString{
    color:#00f
}
.TMCode{
    border:1px solid silver;
    border-radius:2px
}
.TMBlockquote{
    border-left:2px solid silver;
    font-style:italic;
    margin-left:10px;
    padding-left:10px
}
.TMMark{
    color:#a0a0a0
}
.TMMark_TMH1,.TMMark_TMH2,.TMMark_TMOL,.TMMark_TMUL{
    color:#ff8080
}
.TMImage{
    text-decoration:underline;
    text-decoration-color:#0f0
}
.TMLink{
    text-decoration:underline;
    text-decoration-color:#00f
}
.TMLinkLabel{
    font-family:monospace;
    text-decoration:underline
}
.TMLinkLabel_Definition,.TMLinkLabel_Valid{
    color:#40c040
}
.TMLinkLabel_Invalid{
    color:red
}
.TMLinkTitle{
    font-style:italic
}
.TMAutolink,.TMLinkDestination{
    color:#00f;
    text-decoration:underline
}
.TMHR{
    position:relative
}
.TMHR:before{
    border-bottom:2px solid grey;
    bottom:50%;
    content:"";
    left:40%;
    position:absolute;
    width:20%;
    z-index:0;
}
.TMHTML,.TMHTMLBlock{
    color:#8000ff;
    font-family:monospace;
    font-size:.9em;
}
.TMHTMLBlock{
    color:#6000c0
}
.TMCommandBar{
    -ms-overflow-style:none;
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
    box-sizing:content-box;
    display:flex;
    height:24px;
    overflow-x:scroll;
    overflow-y:hidden;
    scrollbar-width:none;
    -webkit-user-select:none;
    user-select:none
}
.TMCommandBar::-webkit-scrollbar{
    display:none
}
.TMCommandButton {
    fill: var(--bs-body-color);
    box-sizing:border-box;
    color:#404040;
    cursor:pointer;
    display:inline-block;
    font-family:sans-serif;
    font-size:20px;
    height:24px;
    line-height:18px;
    margin-right:4px;
    padding:3px;
    text-align:center;
    vertical-align:middle;
    width:24px
}
.TMCommandDivider{
    border-left:1px solid var(--bs-border-color);
    border-right:1px solid var(--bs-border-color);
    box-sizing:content-box;
    height:24px;
    margin-left:4px;
    margin-right:8px;
    width:0
}
.TMCommandButton_Active{
    fill:navy;
    background-color:#c0c0ff;
    color:navy;
    font-weight:700
}
.TMCommandButton_Inactive{
    background-color:var(--bs-body-bg);
    color: var(--bs-body-color)
}
.TMCommandButton_Disabled{
    fill:gray;
    color:gray
}
@media (hover:hover){
    .TMCommandButton_Active:hover,.TMCommandButton_Disabled:hover,.TMCommandButton_Inactive:hover{
        fill:#000;
        background-color:#e0e0ff
    }
}