: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.is-live-preview [src*="^"].internal-embed:not(.image-embed) > div.markdown-embed {
    border: none;
    border-radius: unset;
    text-decoration-color: var(--block-ref-line-color);
    text-decoration-style: var(--block-ref-line-type);
    text-decoration-thickness: var(--block-ref-line-size);
    text-decoration-line: underline;
    text-underline-position: under;
    text-underline-offset: 2px;
}
/* Remove margin and padding and set display inline... also remove bullets */
div.is-live-preview [src*="^"].internal-embed:not(.image-embed):not([alt*="95"]),
div.is-live-preview [src*="^"].internal-embed > .markdown-embed,
div.is-live-preview [src*="^"].internal-embed > .markdown-embed > .markdown-embed-content,
div.is-live-preview [src*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view,
div.is-live-preview [src*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer,
div.is-live-preview [src*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer > div,
div.is-live-preview [src*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer > div > p,
div.is-live-preview [src*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer > div > div,
div.is-live-preview [src*="^"].internal-embed:not(.image-embed) > div.markdown-embed > div.markdown-embed-content > div.markdown-preview-view > div.markdown-preview-section ul,
div.is-live-preview [src*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer ul,
div.is-live-preview [src*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer li,
div.is-live-preview [src*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer li > div {
    display: inline;
    padding: 0px;
    margin: 0px;
}
/* Hide the block ref link unless hovered */
div.is-live-preview [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.is-live-preview [src*="^"].internal-embed:not(.image-embed) > div.markdown-embed:hover > div.markdown-embed-link {
    display: block;
    width: 90%;
    min-width: 150px;
    max-width: 90%;
}
div.is-live-preview [src*="^"].internal-embed:not(.image-embed) > div.markdown-embed:hover {
    background-color: var(--block-ref-hover-bg-color);
    text-decoration-style: var(--block-ref-line-type);
}
/* Remove line breaks on multi-line block refs */
div.is-live-preview [src*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer br {
    /*display: none;*/
}
div.is-live-preview [src*="^"].internal-embed > .markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer li input.task-list-item-checkbox {
    top: 0px;
    vertical-align: middle;
    z-index: 1;
    margin-left: revert;
}


/*
***************************************************
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: none;
    border-radius: unset;
    text-decoration-color: var(--block-ref-line-color);
    text-decoration-style: var(--block-ref-line-type);
    text-decoration-thickness: var(--block-ref-line-size);
    text-decoration-line: underline;
    text-underline-position: under;
    text-underline-offset: 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,
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,
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 {
    display: inline;
    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 {
    background-color: var(--block-ref-hover-bg-color);
    text-decoration-style: var(--block-ref-line-type);
}
/* 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;*/
}
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 input.task-list-item-checkbox {
    z-index: 1;
    margin-left: revert;
}