* {
    /* Disable all animations */
    transition: none !important;
	/* Change highlight color */
	--text-highlight-bg: #006600;
}

/* ======================================== */
/* Remove box-shadow on focus, but keep it for tree list item */
/* ======================================== */
* {
    box-shadow: none !important;
}

.workspace-leaf.mod-active .tree-item-self.has-focus {
    border-radius: var(--radius-s);
    box-shadow: 0 0 0 2px var(--background-modifier-border-focus) !important;
}
/* ======================================== */

body {
    /* Disable font ligatures */
    font-variant-ligatures: none;

    /* Making headings same size as text */
    --h1-line-height: var(--line-height-normal);
    --h2-line-height: var(--line-height-normal);
    --h3-line-height: var(--line-height-normal);
    --h4-line-height: var(--line-height-normal);
    --h5-line-height: var(--line-height-normal);
    --h6-line-height: var(--line-height-normal);
    --h1-size: 1em;
    --h2-size: 1em;
    --h3-size: 1em;
    --h4-size: 1em;
    --h5-size: 1em;
    --h6-size: 1em;
    --h1-weight: 600;
    --h2-weight: 600;
    --h3-weight: 600;
    --h4-weight: 600;
    --h5-weight: 600;
    --h6-weight: 600;

    /* Template colors */
    --strict-color-0: #000000;
    --strict-color-1: #101010;
    --strict-color-2: #202020;
    --strict-color-3: #303030;
    --strict-color-4: #404040;
    --strict-color-5: #505050;
    --strict-color-6: #606060;
    --strict-color-7: #707070;
    --strict-color-8: #808080;
    --strict-color-9: #909090;

    /* Tab color */
    --tab-background-active: var(--strict-color-1);

    /* ======================================== */
    /* Separator */
    /* ======================================== */
    /* Separator color */
    --strict-color-separator: #404040;

    /* Separator */
	--strict-separator: 1px solid var(--strict-color-separator);

    --tab-outline-color: var(--strict-color-separator);
    --divider-color: var(--strict-color-separator);
    --background-modifier-border: var(--strict-color-separator);
    /* ======================================== */

    /* ======================================== */
    /* Code colors */
    /* (I tried to imitate the VS Code colors) */
    /* ======================================== */
    --code-background: var(--strict-color-0);

    --code-normal: #d4d4d4;
    --code-comment: #6a9955;
    --code-function: #dcdcaa;
    --code-keyword: #c586c0;
    --code-operator: #569cd6;
    --code-property: var(--code-keyword);
    --code-punctuation: #efde62;
    --code-string: #ce9178;
    --code-tag: var(--code-normal);
    --code-value: #b5cea8;
    /* ======================================== */

    /* Disable program header colors change on focus */
    --titlebar-background-focused: var(--titlebar-background);
    --tab-text-color: var(--text-normal);
    --tab-text-color-focused: var(--tab-text-color);

    /* Scroller colors */
    --scrollbar-bg: var(--strict-color-1);
    --scrollbar-thumb-bg: var(--strict-color-4);
    --scrollbar-active-thumb-bg: var(--strict-color-6);

    /* ======================================== */
    /* Removing some rounding */
    /* ======================================== */
    /* Modal windows */
    --modal-radius: 0;
    --radius-m: 0;
    --radius-l: 0;

    /* Some buttons */
    --clickable-icon-radius: 0;
    --radius-s: 0;

    /* Inputs */
    --input-radius: 0;

    /* Tabs */
    --tab-radius-active: 0;
    --tab-radius: 0;
    --tab-curve: 0;

    /* Status Bar */
    --status-bar-radius: 0;

    /* Properties */
    --metadata-property-radius: 0;
    /* ======================================== */

    /* Paddings in editor */
    --file-margins: 0;

    /* Making app header compact */
    --header-height: 32px;
    --tab-width: 128px;

	/* Decrease extra spacing from headers in reading view */
	--heading-spacing: 16px;

    /* Scrollbar width */
    --sctric-scroller-width: 12px;

    /* Make tags look like normal text */
    --tag-size: var(--text-normal);
    --tag-background: none;
    --tag-padding-x: 0;
    --tag-padding-y: 0;

    /* Make code text same size as normal text */
    --code-size: var(--font-text-size);

    --ribbon-padding: 0;
}

/* ======================================== */
/* Scroller */
/* ======================================== */
body:not(.native-scrollbars) ::-webkit-scrollbar {
    background-color: var(--scrollbar-bg);
    width: var(--sctric-scroller-width);
    border-left: var(--strict-separator);
}

body:not(.native-scrollbars) ::-webkit-scrollbar-thumb {
    /* Removing spaces around scroller */
    border: 0;
    /* Minimal height of scroller */
    min-height: 16px;
}

/* Close button in modal windows */
body:not(.native-scrollbars) .modal-close-button {
    right: calc(var(--sctric-scroller-width) + 6px);
}

/* Hide scroller when don't needed */
.markdown-source-view.mod-cm6 .cm-scroller,
.markdown-preview-view {
	scrollbar-gutter: auto;
}
/* ======================================== */

/* ======================================== */
/* Status Bar */
/* ======================================== */
.status-bar {
    /* Remove padding in Status Bar */
    padding: 0;
    border-right: var(--strict-separator);
    border-bottom: var(--strict-separator);
}
/* ======================================== */

/* ======================================== */
/* Context Menu */
/* ======================================== */
.menu {
    /* Remove padding in Context Menu */
    padding: 0;
    border: var(--strict-separator);
}

.menu-separator {
    margin: 0;
    border-bottom: var(--strict-separator);
}
/* ======================================== */

/* ======================================== */
/* Some other settings for UI */
/* ======================================== */
input, textarea {
    --background-modifier-form-field: var(--strict-color-1);
}

.nav-folder.mod-root > .nav-folder-title {
    border-bottom: var(--strict-separator);
}

.workspace-leaf-content .view-content {
    padding: 4px;
}

.nav-header {
    padding: 0;
}

.nav-files-container {
    padding: 0;
}

.workspace-tab-header-container  {
    padding-left: 0 !important;
    padding-right: 0;
}

.mod-left-split .workspace-tab-header-container-inner, .mod-right-split .workspace-tab-header-container-inner {
    padding: 0;
    margin: 0;
    gap: 0;
}

.side-dock-settings .side-dock-ribbon-action, .side-dock-actions .side-dock-ribbon-action {
    margin: 0;
    height: var(--ribbon-width);
}
/* ======================================== */

/* Make file tree more compact */
.tree-item-self {
    padding: 2px 0px 2px 20px !important;
}
.tree-item-self.mod-collapsible {
    padding: 0px 0px 0px 20px !important;
}

/* "Folder Notes" plugin applies more CSS to File Explorer, so we change it too */
.fn-whitespace-stop-collapsing .nav-folder-title-content {
    padding-bottom: 2px !important;
    padding-top: 2px !important;
}

/* Remove extra space when folding/unfolding empty folder */
.tree-item-children {
    margin-bottom: 0px;
}
.iconize-icon {
    margin: 0px 4px 0px 0px !important;
}

/* ======================================== */
/* App ribbon */
/* ======================================== */
/* Remove gap between ribbon buttons */
.side-dock-settings, .side-dock-actions {
    gap: 0;
}

.nav-buttons-container {
    /* Remove gap between ribbon buttons */
    gap: 0;

    /* Align hight with file header */
    /* height: var(--header-height); */
    height: 31px;

    border-bottom: var(--strict-separator);
}
/* ======================================== */

/* ======================================== */
/* Inline title */
/* ======================================== */
.view-header {
    /* Remove left and right paddings from inline header */
    padding: 0;
}
/* ======================================== */

/* ======================================== */
/* Inline title - Left side buttons */
/* ======================================== */
.view-header-nav-buttons {
    /* Remove extra paddings around buttons */
    align-items: normal;
    /* Makes buttons bigger */
    --icon-size: var(--icon-m);
}

.view-header-left {
    /* Remove extra paddings around buttons */
    align-items: normal;
}
/* ======================================== */

/* ======================================== */
/* Inline title - Right side buttons */
/* ======================================== */
.view-actions {
    /* Remove extra paddings around buttons */
    align-items: normal;
    /* Makes buttons bigger */
    --icon-size: var(--icon-m);
}

.view-action:not(:last-child) {
    /* Remove space between buttons */
    margin-right: 0;
}
/* ======================================== */

/* ======================================== */
/* YAML properties */
/* ======================================== */
.metadata-container {
    /* Remove padding */
    --metadata-padding: 0 !important;

    /* Add all borders */
    border: var(--strict-separator);

    /* Add margin after YAML properties */
    margin-bottom: var(--file-folding-offset) !important;
}

/* Remove padding */
.markdown-source-view .metadata-container, .markdown-preview-view .metadata-container {
    transform: none !important;
}

.mod-header > .inline-title {
    /* Add margin after inline title */
    margin-bottom: var(--file-folding-offset) !important;
}
/* ======================================== */

/* ======================================== */
/* Tabs */
/* ======================================== */
.workspace-tab-header-tab-list {
    margin-inline-end: 0;
    padding: 0;
    /* Remove extra paddings around buttons */
    align-items: normal;
}

.workspace-tab-header-tab-list > .clickable-icon,
.workspace-tab-header-new-tab > .clickable-icon {
    width: 30px;
}

.workspace-tab-header-tab-list > .clickable-icon {
    border-left: var(--strict-separator);
}

.workspace-tab-header-new-tab {
    padding: 0;
    margin-inline-end: 0;
    margin-inline-start: 0;
    /* Remove extra paddings around buttons */
    align-items: normal;
}

/* Remove right padding after last tab */
.mod-root .workspace-tab-header-container-inner {
    padding: 0 !important;
}

/* Contrast color for close tab button */
.workspace-tab-header-inner-close-button:hover {
    background-color: var(--strict-color-1);
}

.mod-top-left-space {
    border-right: var(--strict-separator);
}

.mod-top-right-space {
    border-left: var(--strict-separator);
}

.workspace-tab-header-container-inner {
    margin: 0;
    padding: 1px 15px 0 0;
}

/* Make separator between tabs full height */
.workspace .mod-root .workspace-tab-header-inner::after {
    background-color: var(--strict-color-separator);
    height: 100%;
}

.workspace .mod-root .workspace-tab-header {
    padding: 0;
}

.mod-root .workspace-tab-header-container-inner {
    padding: 0 8px 0 0;
}

/* Border above the app header */
.app-container {
    border: var(--strict-separator);
}

.titlebar-button {
    border-top: var(--strict-separator);
    border-right: var(--strict-separator);
}

/* Buttons in the right upper corner */
.titlebar-button-container.mod-right {
    border-left: var(--strict-separator);
}

.titlebar-button {
    padding: 0 12px !important;
}

.workspace .mod-root .workspace-tab-header {
	/* Limit tab max width */
	max-width: 256px;
	/* This enables scrolling */
	flex: none !important;
}

.workspace-tab-header-inner {
	/* Remove gap between tab header and close button */
	gap: 0;
}
/* ======================================== */

/* ======================================== */
/* File header */
/* ======================================== */
.view-header {
    background-color: var(--strict-color-1) !important;
    border-bottom: var(--strict-separator);
}

/* Turning off the strange gradient */
.view-header-title-container:not(.mod-at-end):after {
    background: none;
}
/* ======================================== */

/* ======================================== */
/* Inline title */
/* ======================================== */
.inline-title {
    margin: 0;
    padding: 4px 0 4px 8px;
    height: var(--header-height);
    background-color: var(--strict-color-1);
    border-bottom: var(--strict-separator);
}
/* ======================================== */

/* ======================================== */
/* Line numbers */
/* ======================================== */
/* Column with line numbers */
.cm-lineNumbers {
    border-right: var(--strict-separator);
    background-color: var(--strict-color-1);
    padding-right: 4px;
}

/* Vertical align each line number */
.cm-lineNumbers > .cm-gutterElement {
    padding: 0 2px 0 6px !important;
    line-height: 20px !important;
}

/* Last line number */
.ͼ1 .cm-gutter {
    height: 100%;
    border-bottom: 1px double var(--color-base-30);
}

/* Keep left padding for content when line numbers are hidden */
.markdown-source-view.mod-cm6 .cm-gutters {
	margin-inline-end: 0;
}
.cm-content {
	padding-left: var(--file-folding-offset) !important;
}
.cm-content .cm-lineWrapping {
	padding-left: 0 !important;
}
/* ======================================== */

/* ======================================== */
/* Padding in main area in view mode */
/* (Make it the same as in the edit mode) */
/* ======================================== */
.markdown-preview-sizer {
    padding: 0 var(--file-folding-offset) !important;
}

.mod-header > .inline-title {
    margin-left: calc(-1 * var(--file-folding-offset));
    margin-right: calc(-1 * var(--file-folding-offset));
}
/* ======================================== */

/* ======================================== */
/* Content */
/* ======================================== */
/* Main area line height in edit and view mode */
.cm-contentContainer, .markdown-preview-section {
    line-height: 1.3 !important;
}

/* Padding in main area in edit mode */
.cm-contentContainer {
    padding-right: var(--file-folding-offset);
}

/* Titles in edit mode and in view mode */
.HyperMD-header, h1, h2, h3, h4, h5, h6, .setting-item-heading {
    border: var(--strict-separator);
	padding: 0 var(--size-2-2) !important;
}

.setting-item-heading {
	border-top: var(--strict-separator) !important;
	border-bottom: none;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0 !important;
	width: 100%;
}

/* Color for headings */
.markdown-source-view.mod-cm6 .cm-content > .HyperMD-header, h1,h2,h3,h4,h5,h6,
.setting-item-heading > .setting-item-info > .setting-item-name {
    color: #00bb00 !important;
}

/* Align left cursor positing in headers to the usual text. */
/* This is because we add paddings in headers, which moves text inside them. */
.markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock,
.markdown-source-view.mod-cm6 .cm-content > .HyperMD-header,
/* Code block line */
div .cm-line:has(:first-child.cm-math),
/* Line with opening "$$" */
div .cm-line:has(.cm-formatting.cm-formatting-math.cm-formatting-math-begin.cm-keyword.cm-math.cm-math-block),
/* Math preview below editing code block */
div.cm-line:has(.cm-formatting.cm-formatting-math.cm-formatting-math-end.cm-keyword.cm-math.cm-math-) + div.math.math-block.cm-embed-block {
	margin: 0 calc(-1 * var(--size-2-2)) !important;
}
/* ======================================== */

/* ======================================== */
/* Text align */
/* ======================================== */
/* Main area */
.cm-contentContainer {
    text-align: justify;
}

/* View mode */
.markdown-preview-sizer {
    text-align: justify;
}

/* Code block and list item in edit mode */
.HyperMD-codeblock, .HyperMD-list-line {
    text-align: left;
}
/* ======================================== */

/* ======================================== */
/* Code block in edit mode */
/* ======================================== */
.HyperMD-codeblock {
    border-left: var(--strict-separator);
    border-right: var(--strict-separator);
}

.HyperMD-codeblock-begin {
    border-top: var(--strict-separator);
}

/* Remove round corners in the first line of block of code */
.cm-s-obsidian div.HyperMD-codeblock-begin-bg {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.HyperMD-codeblock-end {
    border-bottom: var(--strict-separator);
}

/* Remove round corners in the last line of block of code */
.cm-s-obsidian div.HyperMD-codeblock-end-bg {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock {
	padding: 0 var(--size-2-2) !important;
}
/* ======================================== */

/* ======================================== */
/* Code block in view mode */
/* ======================================== */
pre {
    border: var(--strict-separator);
}
/* ======================================== */

/* ======================================== */
/* Copy code button */
/* ======================================== */
/* Copy code button in edit mode and in view mode */
.copy-code-button, .code-block-flair {
    /* Add border */
    border: var(--strict-separator);
    /* Reduce padding */
    padding: 0 4px !important;
}

/* Button position in view mode */
.copy-code-button, .code-block-flair {
    margin: 0 !important;
}

/* Button position in edit mode */
.markdown-source-view.mod-cm6 .code-block-flair {
    top: 0px;
    right: 0px;
}

/* Make copy button always displayed in view mode */
.markdown-rendered pre:hover > button.copy-code-button,
.markdown-rendered pre:not(:hover) > button.copy-code-button {
    display: block;
}

/* Remove copy icon from view mode (it is empty anyway, since we insert text) */
.markdown-rendered pre:hover > button.copy-code-button > svg,
.markdown-rendered pre:not(:hover) > button.copy-code-button > svg {
    display: none;
}

/* Make copy button for usual text in edit mode same height as others */
/* (I didn't find a way to replace it with "Text" label in edit mode) */
.markdown-source-view.mod-cm6 .code-block-flair > svg {
    display: block;
}
/* ======================================== */

/* ======================================== */
/* Copy button text in view mode is just "Copy", so we replace it with language name itself */
/* ======================================== */
pre {
    --language: "Text";
}

.language-css {
    --language: "CSS";
}

.language-html {
    --language: "HTML";
}

.language-xml {
    --language: "XML";
}

.language-java {
    --language: "Java";
}

.language-powershell {
    --language: "PowerShell";
}

.language-bash {
    --language: "bash";
}

.language-sh {
    --language: "sh";
}

.language-fortran {
    --language: "Fortran";
}

.language-vim {
    --language: ".vimrc";
}

.language-markdown {
    --language: "Markdown";
}

.language-sql {
    --language: "SQL";
}

.language-dockerfile {
    --language: "Dockerfile";
}

.language-latex {
    --language: "LaTeX";
}

.language-lua {
    --language: "Lua";
}

.language-csharp {
    --language: "C#";
}

.language-cpp {
    --language: "C++";
}

.language-c {
    --language: "C";
}

.language-python {
    --language: "Python";
}

.language-php {
    --language: "PHP";
}

.language-groovy {
    --language: "Groovy";
}

.language-nginx {
    --language: "Nginx";
}

.language-yaml, .language-yml {
	--language: "YAML";
}

.language-toml {
	--language: "TOML";
}

.language-ini {
	--language: "INI";
}

.language-obj {
	--language: "Wavefront";
}

.language-x {
	--language: "DirectX";
}

.language-dae {
	--language: "COLLADA";
}

.language-gpg {
	--language: "GPG Shell";
}

.language-ftp {
	--language: "FTP Shell";
}

.language-gradle {
	--language: "Gradle";
}

.language-glsl {
	--language: "GLSL";
}

.language-psql {
	--language: "PostgreSQL Shell";
}

/* Remove original text */
.copy-code-button {
    text-indent: -9999px;
    line-height: 0;
}

/* Add new text */
.copy-code-button::after {
    content: var(--language);
    text-indent: 0;
    display: block;
    line-height: initial;
}
/* ======================================== */

/* ======================================== */
/* Embed containers: Images */
/* ======================================== */
.image-embed {
    /* Allows you to fix a strange image offset to the right of the link to it when there is an indent in front of the link */
    display: block !important;
}

.image-embed img {
    /* Limit the height of images (both in editing mode and in viewing mode, BUT not in viewing mode of the image itself) */
    max-height: 300px !important;
    /* Border for images */
    border: var(--strict-separator);
}
/* ======================================== */

/* ======================================== */
/* Embed containers: PDFs (no page specified) */
/* ======================================== */
/* Limit the height for PDF containers */
.pdf-embed {
	max-height: 1000px !important;
	max-width: 1000px !important;
}

/* Hide edit code block button, when viewing PDF */
.pdf-embed > .edit-block-button {
	display: none !important;
}
/* ======================================== */

/* ======================================== */
/* Embed containers: PDFs (page specified) */
/* ======================================== */
/* Disable scrollbar */
.pdf-embed[src*="#page="] > .pdf-container > .pdf-content-container > .pdf-viewer-container {
	overflow: hidden;
	/* Disable scrolling when clicking on top or bottom of the page (this also disables text-selection) */
	pointer-events: none;
}
.pdf-embed[src*="#page="] > .pdf-container > .pdf-content-container > .pdf-viewer-container > .pdf-viewer > .page > .textLayer > span {
	/* Enable back text selection */
	pointer-events: all;
}

/* Different toolbar color */
.pdf-embed[src*="#page="] > .pdf-toolbar {
	background-color: #000000;
}

/* TODO: Add ability to resize container (from code below only decrease size working right now) */
/*.pdf-embed[src*="#page="] {*/
/*	resize: both;*/
/*}*/
/*.pdf-embed[src*="#page="]::-webkit-resizer {*/
/*	background-color: green;*/
/*	text-indent: -9999px;*/
/*	line-height: 0; !* Collapse the original line *!*/
/*}*/
/*.pdf-embed[src*="#page="]::after {*/
/*	content: "Resize ->";*/
/*	text-indent: 0;*/
/*	display: block;*/
/*	line-height: initial; !* New content takes up original line height *!*/
/*	text-align: right;*/
/*	padding-right: 24px;*/
/*}*/
/* ======================================== */

/* ======================================== */
/* Tables */
/* ======================================== */
.markdown-rendered table {
	/* Remove top margin */
	margin-block-start: 0;
}

/* Always show table buttons in edit mode */
.table-row-drag-handle,
.table-col-drag-handle,
.table-col-btn,
.table-row-btn {
	opacity: 1.0 !important;
}
/* ======================================== */

/* ======================================== */
/* Search panel */
/* ======================================== */
.document-search-container {
    border-bottom: var(--strict-separator);
    margin: 0;
}
/* ======================================== */

/* ======================================== */
/* Properties */
/* ======================================== */
.metadata-container {
    border-bottom: var(--strict-separator);

    /* More clear paddings */
    margin-block-end: 0;
    --metadata-padding: 8px 32px;
}

.metadata-properties-heading {
    /* Remove extra margins */
    margin-bottom: 0;
}

.metadata-container .metadata-add-button {
    /* Remove extra margins */
    margin-top: 0;
}
/* ======================================== */

/* Remove borders around focused document */
body:not(.is-phone) .workspace-leaf.mod-active .tree-item-self.has-focus {
	box-shadow: none !important;
}

/* Hand as cursor when hovering clickable elements */
.markdown-source-view.mod-cm6 .code-block-flair,
.markdown-rendered button.copy-code-button,
.table-col-btn,
.table-row-btn,
.view-header-breadcrumb,
.clickable-icon[aria-disabled="false"],
.clickable-icon:not([aria-disabled]),
.workspace-tab-header-inner,
.workspace-tab-header-status-icon,
.workspace-tab-header-inner-close-button,
.tree-item-self.is-clickable,
.search-input-clear-button {
    /* Hand cursor on hover */
    cursor: var(--cursor-link) !important;
}

/* ======================================== */
/* Math */
/* ======================================== */

/* ---------------------------------------- */
/* General */
/* ---------------------------------------- */
.math {
	border-radius: var(--code-radius);
}

.math-block {
	padding: 0 !important;
}

.MathJax {
    /* 2px is minimum to avoid showing sometimes scrollbars */
	padding: 2px 0 !important;
}

/* Make text not italic when editing math block */
.cm-math {
    font-style: normal !important;
}

/* Make math formulas same size as text */
span > mjx-container,
.math-block {
    font-size: calc(var(--font-text-size) * 1.3) !important;
}

/* ---------------------------------------- */

/* ---------------------------------------- */
/* Math inline blocks */
/* ---------------------------------------- */
.cm-math {
    background-color: var(--code-background) !important;
	/* Imitates inline code - make same height */
	padding-top: 0.16em;
	padding-bottom: 0.16em;
}

/* Opening and closing "$" in edit mode */
.cm-formatting.cm-formatting-math.cm-formatting-math-begin.cm-keyword.cm-math,
.cm-formatting.cm-formatting-math.cm-formatting-math-end.cm-keyword.cm-math.cm-math- {
	/* Imitates inline code */
	padding-right: 0.1em;
}
/* ---------------------------------------- */

/* ---------------------------------------- */
/* Math full blocks */
/* ---------------------------------------- */
/* Remove extra empty line for math blocks in preview edit mode */
.cm-s-obsidian .HyperMD-list-line.HyperMD-list-line-nobullet:has(+ .math-block > mjx-container) {
    display: none;
}

/* Code block line */
div .cm-line:has(:first-child.cm-math),
/* Line with opening "$$" */
div .cm-line:has(.cm-formatting.cm-formatting-math.cm-formatting-math-begin.cm-keyword.cm-math.cm-math-block) {
    /* Make background as code block when editing */
    background-color: var(--code-background) !important;
}

/* Line with opening "$$" */
div .cm-line:has(.cm-formatting.cm-formatting-math.cm-formatting-math-begin.cm-keyword.cm-math.cm-math-block) {
	/* Imitates inline code - make same height */
	padding-top: 0.16em;
}

/* Line with closing "$$" */
div .cm-line:has(.cm-formatting.cm-formatting-math.cm-formatting-math-end.cm-keyword.cm-math.cm-math-) {
	/* Imitates inline code - make same height */
	padding-bottom: 0.16em;
}

/* First math symbol in each line */
.cm-math:first-child,
/* "$$" */
div .cm-line:has(.cm-formatting.cm-formatting-math.cm-formatting-math-begin.cm-keyword.cm-math.cm-math-block) > .cm-math:nth-child(2) {
    /* Add same paddings as for code blocks */
    padding-left: var(--size-2-2) !important;
}
.cm-math:last-child {
    /* Add same paddings as for code blocks */
    padding-right: var(--size-2-2) !important;
}

/* Math preview below editing code block */
div.cm-line:has(.cm-formatting.cm-formatting-math.cm-formatting-math-end.cm-keyword.cm-math.cm-math-) + div.math.math-block.cm-embed-block {
    /* Highlight */
    background-color: var(--strict-color-3);
    /* Add padding */
    padding: 8px 0 !important;
}

/* Hide edit code button */
.markdown-source-view.mod-cm6 .edit-block-button {
    display: none;
}
/* ---------------------------------------- */

/* ======================================== */