div.markdown {
    position: relative;
    line-height: 0;
    .markdown_preview {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        border: 1px solid #CCC;
        border-top: 1px solid #BBB;
        border-radius: var(--bs-border-radius);
        padding: 0.5em;
        background: #ffc;
        line-height: 1em;
        height: 100%;
        left: 0;
        overflow: auto;
        position: absolute;
        top: 0;
        width: 100%;
        cursor: pointer;
        z-index: 2;
        & > {
            *:last-child {
                margin-bottom: 0;
            }
            *:first-child {
                margin-top: 0;
            }
        }
    }
}

html[data-bs-theme="dark"] {
    div.markdown {
        .markdown_preview {
            --bs-bg-opacity: 1;
            background: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity));
        }
    }
}

div.markdown {
    textarea.markdown {
        z-index: 1;
    }
}