/** abc media info box **/

.mce .block-info-box {
    background: #8e76521f no-repeat right 1em top 1em url("../../assets/img/icon/info.png");
    background-size: 1em auto;
    padding: 1em;
    margin-top: calc(2 * 1em);
    margin-bottom: calc(2 * 1em);

    border-radius: 8px;
}

.mce .block-info-box.box-type-red h3 {
}

.mce .block-info-box h3 {
    margin: 0;
    color: var(--color-primary);
    font-weight: bold;
    line-height: 1.4;
    font-size: 1.2em;
}

.mce .block-info-box p {
    margin: 0;
    white-space: pre-line;
}

.mce .block-info-box h3 + p {
    margin-top: .7em;
}


.mce .block-info-box.box-type-red {
    background-image: url("../../assets/img/icon/info-red.png");
    background-color: rgba(255, 0, 0, 0.08);
    color: red;
}

.mce .block-info-box.box-type-green {
    background-image: url("../../assets/img/icon/info-green.png");
    background-color: rgba(0, 128, 0, 0.08);
    color: green;
}

.mce .block-info-box * {
    color: inherit!important;
}



/** content list **/
.mce .block-content-list {
    margin-top: 2em;
    margin-bottom: 2em;
    background-color: #8e76521f;
    border-radius: 10px;
    padding: var(--content-padding);
}

.mce .block-content-list h2 {
    margin: 0;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0.7em;
}

.mce .block-content-list ol {

}

.mce .block-content-list ol li {

}