:root {
    --block-ref-line-color: green;
    --block-ref-line-type: solid;
    --block-ref-line-size: 1px;
    --block-ref-hover-bg-color: #a9a9a93d; /* Set to "inherit" for no bg color */
}


/*
***************************************************
Live Preview (WYSIWYG Edit mode) inline block refs
***************************************************
*/
/* Set the styling of the line */
div.mod-cm6 div.cm-line [alt*="^"].internal-embed:not(.image-embed) > div.markdown-embed {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    border-bottom: var(--block-ref-line-size) var(--block-ref-line-type) var(--block-ref-line-color);
    padding: 0px;
    margin: 0px;
    padding-bottom: 2px;
}
/* Remove margin and padding and set display inline */
div.mod-cm6 div.cm-line [alt*="^"].internal-embed:not(.image-embed):not([alt*="95"]),
div.mod-cm6 div.cm-line [alt*="^"].internal-embed > .markdown-embed,
div.mod-cm6 div.cm-line [alt*="^"].internal-embed > .markdown-embed > .markdown-embed-content,
div.mod-cm6 div.cm-line [alt*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view,
div.mod-cm6 div.cm-line [alt*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer,
div.mod-cm6 div.cm-line [alt*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer > div,
div.mod-cm6 div.cm-line [alt*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer > div > p,
div.mod-cm6 div.cm-line [alt*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer > div > div {
    display: inline;
    padding: 0px;
    margin: 0px;
}
/* Convert bullet list block refs inline (removing the bullet) */
div.mod-cm6 div.cm-line [alt*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer ul,
div.mod-cm6 div.cm-line [alt*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer li,
div.mod-cm6 div.cm-line [alt*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer li > div {
    display: inline;
}
div.mod-cm6 div.cm-line [alt*="^"].internal-embed:not(.image-embed) > div.markdown-embed > div.markdown-embed-content > div.markdown-preview-view > div.markdown-preview-section ul {
    padding: 0px;
    margin: 0px;
}
/* Hide the block ref link unless hovered */
div.mod-cm6 div.cm-line [alt*="^"].internal-embed:not(.image-embed) > div.markdown-embed > div.markdown-embed-link {
    display: none;
    color: transparent;
    top: 0px;
    left: 0px;
    right: unset;
}
/* Show the block ref link on hover */
div.mod-cm6 div.cm-line [alt*="^"].internal-embed:not(.image-embed) > div.markdown-embed:hover > div.markdown-embed-link {
    display: block;
    width: 100%;
    min-width: 150px;
}
div.mod-cm6 div.cm-line [alt*="^"].internal-embed:not(.image-embed) > div.markdown-embed:hover {
    border-bottom-style: var(--block-ref-line-type);
    background-color: var(--block-ref-hover-bg-color);
}
/* Remove line breaks on multi-line block refs */
div.mod-cm6 div.cm-line [alt*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer br {
    /*display: none;*/
}


/*
***************************************************
PREVIEW MODE inline block refs
Works for both CM5 (Legacy) and CM6
***************************************************
*/
div.workspace-leaf-content > div.view-content > div > div.markdown-preview-view > div.markdown-preview-section span[src*="^"].internal-embed:not(.image-embed) > div.markdown-embed {
    border-top: none;
    border-bottom: var(--block-ref-line-size) var(--block-ref-line-type) var(--block-ref-line-color);
    padding: 0px;
    margin: 0px;
    padding-bottom: 2px;
}
div.workspace-leaf-content > div.view-content > div > div.markdown-preview-view > div.markdown-preview-section span[src*="^"].internal-embed:not(.image-embed),
div.workspace-leaf-content > div.view-content > div > div.markdown-preview-view > div.markdown-preview-section span[src*="^"].internal-embed > .markdown-embed,
div.workspace-leaf-content > div.view-content > div > div.markdown-preview-view > div.markdown-preview-section span[src*="^"].internal-embed > .markdown-embed > .markdown-embed-content,
div.workspace-leaf-content > div.view-content > div > div.markdown-preview-view > div.markdown-preview-section span[src*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view,
div.workspace-leaf-content > div.view-content > div > div.markdown-preview-view > div.markdown-preview-section span[src*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer,
div.workspace-leaf-content > div.view-content > div > div.markdown-preview-view > div.markdown-preview-section span[src*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer > div,
div.workspace-leaf-content > div.view-content > div > div.markdown-preview-view > div.markdown-preview-section span[src*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer > div > p,
div.workspace-leaf-content > div.view-content > div > div.markdown-preview-view > div.markdown-preview-section span[src*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer > div > div {
    display: inline;
    padding: 0px;
    margin: 0px;
}
/* Convert bullet list block refs inline (remove the bullet) */
div.workspace-leaf-content > div.view-content > div > div.markdown-preview-view > div.markdown-preview-section span[src*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer ul,
div.workspace-leaf-content > div.view-content > div > div.markdown-preview-view > div.markdown-preview-section span[src*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer li,
div.workspace-leaf-content > div.view-content > div > div.markdown-preview-view > div.markdown-preview-section span[src*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer li > div {
    display: inline;
}
div.workspace-leaf-content > div.view-content > div > div.markdown-preview-view > div.markdown-preview-section span[src*="^"].internal-embed:not(.image-embed) > div.markdown-embed > div.markdown-embed-content > div.markdown-preview-view > div.markdown-preview-section ul {
    padding: 0px;
    margin: 0px;
}
/* Hide the block ref link unless hovered */
div.workspace-leaf-content > div.view-content > div > div.markdown-preview-view > div.markdown-preview-section span[src*="^"].internal-embed:not(.image-embed) > div.markdown-embed > div.markdown-embed-link {
    display: none;
    color: transparent;
    top: 0px;
    left: 0px;
    right: unset;
}
/* Show the block ref link on hover */
div.workspace-leaf-content > div.view-content > div > div.markdown-preview-view > div.markdown-preview-section span[src*="^"].internal-embed:not(.image-embed) > div.markdown-embed:hover > div.markdown-embed-link {
    display: block;
    width: 100%;
    min-width: 150px;
}
div.workspace-leaf-content > div.view-content > div > div.markdown-preview-view > div.markdown-preview-section span[src*="^"].internal-embed:not(.image-embed) > div.markdown-embed:hover {
    border-bottom-style: var(--block-ref-line-type);
    background-color: var(--block-ref-hover-bg-color);
}
/* Remove line breaks on multi-line block refs */
div.workspace-leaf-content > div.view-content > div > div.markdown-preview-view > div.markdown-preview-section span[src*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer br {
    /*display: none;*/
}