/*===================================== INFORMATION =================================================
This theme uses content created by other creators.
Wherever such content is used, their author is attributed.
If you have any questions or concerns, please contact me on GitHub: https://github.com/Spekulucius */










body {
    --file-line-width: var(--filelinewidth, 1000px);

    
    --canvas-dot-pattern: var(--background-3-1);

    
    --colored-accent-4: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.1);

    
    --radius-m: .7em;

    
    --bold-modifier: 300;

    
    --line-height-normal: var(--custom-line-height, 2);
}


.theme-light,
.theme-dark {
    
    --colored-accent-i1: hsl(var(--accent-h), var(--accent-s), calc(calc(var(--accent-l) - 49%)*-100));
    --colored-accent-i2: hsl(var(--accent-h), var(--accent-s), calc(calc(var(--accent-l) - 20%)*-100));

    
    --colored-accent-1: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
    --colored-accent-2: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.5);
    --colored-accent-3: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.3);
    --colored-accent-5: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.05);

    
    --shadow-1: hsla(var(--accent-h), var(--accent-s), 5%, .5);
    --custom-accent-bold: var(--colored-accent-1);

    
    --background-secondary: var(--background-2);
    --canvas-background: var(--background-2);
    --code-background: var(--background-3);
    --color-base-00: var(--background-3);
    --color-base-50: var(--colored-accent-1) !important;
    --interactive-accent: var(--colored-accent-1);
    --background-1-item: var(--nav-item-color);

    
    --popover-width: 1050px;
    --popover-height: 1250px;
}

.theme-light {
    --border-callout: white;
    --border-2: rgb(205, 205, 205);
    --text-faint: rgb(161, 161, 161);

    
    --background-primary: hsl(var(--background-2_h), calc(calc(var(--accent-s) * 0) + calc(.5% * var(--bgt_s, 1))), calc(calc(var(--background-2_l) - 5%) + calc(calc(var(--bgt_l, 0) * 1%) + 2%)));

    --background-1: hsl(var(--accent-h), calc(var(--accent-s) - 20%), 90%, 100%);
    --background-1_2: rgb(234, 234, 234);
    --background-1-h: #bdbdbd;

    --background-2_h: var(--accent-h);
    --background-2_s: 10%;
    --background-2_l: 99%;
    --background-2: rgb(255, 255, 255);

    --background-3: #ffffff;
    --background-3-1: #00000010;
    --background-3-2: rgb(202, 202, 202);
    --background-3-3: hsla(0, 0%, 73%, 0.112);
    --background-4: #F5F5F5;
    --background-4-1: #d3d3d3;
    --background-4-2: #ffffff;
    --background-5: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 90%);
    --background-6: hsla(var(--accent-h), var(--accent-s), var(--accent-l), .2);
    --background-7: rgb(221, 221, 221);

    --highlight-1: rgba(0, 0, 0, 0.056);
    --highlight-2: rgba(214, 214, 214, 0.308);

    --shadow-2: rgba(0, 0, 0, 0.257);
    --shadow-3: rgba(0, 0, 0, 0.08);
    --shadow-4: hsla(var(--background-2_h), calc(calc(var(--accent-s) * .5) + calc(.1% * var(--bgt_s, 1))), calc(calc(var(--background-2_l) - 20%) + calc(var(--bgt_l, 0) * 1%)), .2);

    --divider-color: rgba(200, 200, 200, 0.441);

    --text-color-inverted: black;
    --tc: rgb(67, 67, 67);
    --tc-rgb: 67, 67, 67;
    --italic-color: var(--italic-text-color, rgb(154, 154, 154));

    
    --code-background: var(--background-1_2);

    --main-color: black;
    --main-color-2: rgb(56, 56, 56);
    --main-color-inverted: white;
    --main-color-inverted-2: rgb(252, 252, 252);
    --main-color-05: rgba(0, 0, 0, 0.116);
}

.theme-dark {
    --border-callout: rgba(0, 0, 0, 0);
    --border-2: rgb(69, 69, 69);
    --text-faint: rgb(98, 98, 98);

    --background-1: #171717;
    --background-1-h: var(--colored-accent-1);

    --background-2_h: var(--accent-h);
    --background-2_s: 0%;
    --background-2_l: 10%;
    
    --background-2: hsl(var(--background-2_h), calc(calc(var(--accent-s) * .01) + calc(.1% * var(--bgt_s, 1))), calc(var(--background-2_l) + calc(calc(var(--bgt_l, 0) * 1%) + 2%)));

    --background-3: #292929;
    --background-3-1: rgb(43, 43, 43);
    --background-3-2: rgba(70, 70, 70, 0.667);
    --background-3-3: hsla(0, 0%, 26%, 0.326);
    --background-4: #191919;
    --background-4-1: #000000;
    --background-4-2: #1b1b1b;
    --background-5: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 30%);
    --background-6: hsla(var(--accent-h), calc(var(--accent-s) * .1), var(--accent-l), 0.2);
    --background-7: rgb(53, 53, 53);

    --highlight-1: rgba(255, 255, 255, 0.075);
    --highlight-2: rgba(255, 255, 255, 0.075);

    --shadow-2: hsla(var(--accent-h), calc(var(--accent-s) * 0), calc(var(--accent-l) * .1), .4);
    --shadow-3: rgba(0, 0, 0, 0.26);
    --shadow-4: hsla(var(--background-2_h), calc(calc(var(--accent-s) * .5) + calc(.1% * var(--bgt_s, 1))), calc(calc(var(--background-2_l) - 20%) + calc(var(--bgt_l, 0) * 1%)), .5);

    --divider-color: rgba(105, 105, 105, 0.441);

    --text-color-inverted: rgb(223, 223, 223);
    --tc: rgb(194, 194, 194);
    --tc-rgb: 194, 194, 194;    
    --italic-color: var(--italic-text-color, rgb(97, 97, 97));

    --main-color: white;
    --main-color-2: rgb(224, 224, 224);
    --main-color-inverted: black;
    --main-color-inverted-2: rgb(44, 44, 44);
    --main-color-05: rgba(255, 255, 255, 0.116);
}





body:not(.is-mobile) .workspace:is(.is-left-sidedock-open, .is-right-sidedock-open) {
    position: relative;
    right: 10px !important;
    width: calc(100% - 10px) !important;
    margin-left: 10px;
    padding-bottom: 10px;
    display: flex;
    flex: 1 0 0;
    overflow: visible;
    background: transparent;
    transition: .5s !important;
}


body > div.app-container > div.horizontal-main-container > .workspace:is(.is-left-sidedock-open, .is-right-sidedock-open) > div.workspace-split.mod-vertical.mod-root {
    margin-left: .5em;
}


body:not(.is-mobile):not(.show-ribbon) .workspace:before {
    width: 100%;
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-right-split > div.workspace-tabs.mod-top.mod-top-right-space {
    margin-left: .5em;
    width: calc(100% - .5em);
}


.workspace-ribbon.side-dock-ribbon.mod-left {
    flex-basis: 44px;
    background: transparent !important;
}


.workspace-tab-header-container,
.workspace-ribbon.side-dock-ribbon.mod-left {
    border: none !important;
}
.workspace-tab-header-container {
    background: transparent;
}



.titlebar-button-container.mod-right:not(.is-mobile),
.workspace:is(.is-left-sidedock-open, .is-right-sidedock-open) .workspace-split:not(.is-mobile) {
    background: transparent !important;
    transition: .5s;
}


.titlebar-button-container.mod-right:not(.is-mobile),
.workspace:not(.is-left-sidedock-open) .workspace-split:not(.is-mobile) {
    background: var(--background-2);
    transition: .5s;
}


body.is-mobile .titlebar-button-container.mod-right,
body.is-mobile .workspace-split {
    background: var(--background-4) !important;
}


.view-header,
.empty-state,
.markdown-rendered,
.community-modal-details,
.cm-scroller {
    background-color: var(--background-2) !important;
}
.workspace-tabs:not(.mod-top) {
    background: var(--background-2);
}


.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
.workspace-split.mod-left-split > .workspace-leaf-resize-handle {
    bottom: 0px !important;
    border: solid transparent;
}

.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
    height: calc(var(--divider-vertical-height) - var(--header-height)) !important;
    bottom: 0px !important;
    border-left-style: dashed;
}



body:not(.is-mobile) .workspace:is(.is-left-sidedock-open, .is-right-sidedock-open) .mod-root {
    border-bottom-right-radius: var(--cbr, 20px) !important;
    border-bottom-left-radius: var(--cbr, 20px) !important;
    overflow: hidden;
}


body:not(.is-mobile) .workspace:is(.is-left-sidedock-open, .is-right-sidedock-open) .mod-vertical .workspace-tabs:last-of-type .workspace-tab-container,
div.workspace-split.mod-vertical.mod-root > div > div.workspace-tabs.mod-top:last-of-type > div.workspace-tab-container {
    border-top-right-radius: var(--cbr, 20px) !important;
}


body:not(.is-mobile) .workspace:is(.is-left-sidedock-open, .is-right-sidedock-open) .workspace-tabs:first-of-type .workspace-tab-container {
    border-top-left-radius: var(--cbr, 20px) !important;
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-right-split > div.workspace-tabs.mod-top.mod-top-right-space > div.workspace-tab-container {
    border-radius: var(--cbr, 20px) !important;
}





body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-left-split > div.workspace-tabs.mod-top.mod-top-left-space > div.workspace-tab-container > div:nth-child(1) {
    background: transparent;
}

body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-left-split > div.workspace-tabs.mod-top.mod-top-left-space > div.workspace-tab-container {
    background: transparent !important;
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-left-split > div.workspace-sidedock-vault-profile {
    background: transparent !important;
    border: transparent;
    height: 40px;
    width: calc(100% - 1em);
    margin-left: .5em;
    margin-bottom: .5em;
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-left-split > div.workspace-sidedock-vault-profile > div.workspace-drawer-vault-switcher {
    height: 32px;
    border-radius: 1em;
    transition: .5s;

    &:hover {
        box-shadow: 0 0 .35em var(--shadow-2) !important;
        background: var(--main-color-inverted-2);
    }
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-left-split > div.workspace-sidedock-vault-profile > div.workspace-drawer-vault-actions > * {
    padding: 5px;
    margin-left: 5px;
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-left-split {
    margin-top: .5em;
    margin-left: .5em;
    margin-bottom: .5em;
    height: calc(100% - .5em);
    border-radius: var(--cbr, 20px);
    outline: .01em solid var(--border-2);
    background: var(--background-4) !important;
    box-shadow: inset 0 0 0 .065em var(--border-callout), 0 0 .5em 0em var(--background-3-2);
    transition: .5s;
}


body:is(.show-ribbon) > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-left-split {
    padding-left: 44px;
    margin-left: -36px;
}


body:not(.mod-macos) > div.app-container > div.horizontal-main-container > .workspace.is-left-sidedock-open > div.workspace-ribbon.side-dock-ribbon.mod-left {
    padding-left: 16px;
    padding-right: 0px;
    margin-top: 3px !important;
}

body.mod-macos > div.app-container > div.horizontal-main-container > .workspace.is-left-sidedock-open > div.workspace-ribbon.side-dock-ribbon.mod-left {
    padding-left: 16px;
    padding-right: 0px;
    margin-top: 30px !important;
}


body:not(.mod-macos) > div.app-container > div.horizontal-main-container > .workspace:not(.workspace.is-left-sidedock-open) > div.workspace-ribbon.side-dock-ribbon.mod-left {
    transition: .5s; 
    align-items: center;
    margin-top: 0 !important;
    padding-top: 2px;
    padding-left: .5em;
}

body.mod-macos > div.app-container > div.horizontal-main-container > .workspace:not(.workspace.is-left-sidedock-open) > div.workspace-ribbon.side-dock-ribbon.mod-left {
    transition: .5s; 
    align-items: center;
    margin-top: 0 !important;
    padding-top: 40px;
    padding-left: .5em;
}


body > div.app-container > div.horizontal-main-container > .workspace.is-left-sidedock-open > div.workspace-ribbon.side-dock-ribbon.mod-left > div.sidebar-toggle-button.mod-left,
body > div.app-container > div.horizontal-main-container > .workspace:not(.workspace.is-left-sidedock-open) > div.workspace-ribbon.side-dock-ribbon.mod-left > div.sidebar-toggle-button.mod-left {
    align-items: center;
    padding: 0;
    margin: 0 !important;
    position: relative;
    width: 28px;
    transition: .5s;
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-ribbon.side-dock-ribbon.mod-left > div.side-dock-actions > *,
body > div.app-container > div.horizontal-main-container > div > div.workspace-ribbon.side-dock-ribbon.mod-left > div.sidebar-toggle-button.mod-left > div {
    background: transparent;
    transition: .5s;

    &:hover {
        color: var(--text-color-inverted);
        transition: .5s;
    }
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-left-split > div.workspace-tabs.mod-top.mod-top-left-space > div.workspace-tab-header-container > div.sidebar-toggle-button.mod-left > div {
    margin-top: 2px;
    margin-right: 1px;
    border-radius: .5em;
    padding-top: .81em;
    padding-bottom: .8em;
    padding-left: .3em;
    padding-right: .3em;
    transition: .3s;

    &:hover {
        background: var(--background-2);
        box-shadow: 0 0 .6em 0 var(--shadow-2);
        transition: .3s;
    }
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-vertical.mod-root > div > div.workspace-tab-header-container > div.sidebar-toggle-button.mod-left > div,
body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-vertical.mod-root > div > div.workspace-tab-header-container > div.sidebar-toggle-button.mod-right > div {
    border-radius: .5em;
    padding-top: .81em;
    padding-bottom: .8em;
    padding-left: .3em;
    padding-right: .3em;
    transition: .3s;

    &:hover {
        background: var(--background-2);
        box-shadow: 0 0 .6em 0 var(--shadow-2);
        transition: .3s;
    }
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-vertical.mod-root > div > div.workspace-tab-header-container > div.workspace-tab-header-tab-list > span,
body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-vertical.mod-root > div > div.workspace-tab-header-container > div.workspace-tab-header-new-tab > span,
span.clickable-icon,
div.workspace-tab-header-inner-close-button {
    padding: 2px;
    border-radius: .4em;

    &:hover {
        background: var(--background-2);
        box-shadow: 0 0 .6em 0 var(--shadow-2);
        transition: .3s;
    }
}


div.sidebar-toggle-button.mod-right > div {
    border-radius: .4em;

    &:hover {
        background: var(--background-2);
        box-shadow: 0 0 .6em 0 var(--shadow-2);
        transition: .3s;
    }
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-vertical.mod-root > div > div.workspace-tab-container > div > div > div.view-header > div.view-actions > button,
body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-vertical.mod-root > div > div.workspace-tab-container > div > div > div.view-header > div.view-header-left > div {
    border-radius: .4em;

    &:hover {
        background: var(--background-2);
        box-shadow: 0 0 .6em 0 var(--shadow-2);
        transition: .3s;
    }
}

body.mod-macos .sidebar-toggle-button.mod-right {
    margin-top: 6px;
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-right-split > div.workspace-tabs.mod-top.mod-top-right-space > div.workspace-tab-header-container > div.workspace-tab-header-container-inner {
    padding-left: 2px;
    padding-right: 2px;
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-right-split > div.workspace-tabs.mod-top.mod-top-right-space > div.workspace-tab-header-container > div.workspace-tab-header-container-inner > *,
body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-right-split > div.workspace-tabs.mod-top.mod-top-right-space > div.workspace-tab-header-container > div.workspace-tab-header-container-inner > * > * {
    border-radius: .4em;
    background: transparent;

    &:hover {
        background: var(--background-2);
        box-shadow: 0 0 .3em 0 var(--shadow-3);
        transition: .3s;
    }
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-right-split > div.workspace-tabs.mod-top.mod-top-right-space.mod-active > div.workspace-tab-header-container > div.workspace-tab-header-container-inner > *:is(.is-active) {
    background: var(--background-2);
    box-shadow: 0 0 .3em 0 var(--shadow-3);
    transition: .3s;
}




.mod-vertical .workspace-tab-header-container {
    align-items: center;
    padding-top: 5px;
    padding-bottom: 3px;
    height: 48px;
}

.mod-vertical .workspace-tab-header-container-inner {
    margin-top: 3px !important;
}

.workspace .mod-root .workspace-tab-header {
    box-shadow: none;
    background: transparent;
}


.mod-vertical .workspace-tab-header.tappable.is-active .workspace-tab-header-inner-title {
    color: var(--text-color-inverted) !important;
}
.mod-vertical .workspace-tab-header.tappable .workspace-tab-header-inner-title {
    color: var(--tc) !important;
    padding-left: 5px;
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-vertical.mod-root div.workspace-tab-header-container > div.workspace-tab-header-container-inner {
    padding-left: 7px;
}


.mod-vertical .workspace-tabs .workspace-tab-header.tappable.is-active .workspace-tab-header-inner {
    height: 32px;
    border-radius: 1em !important;
    position: relative;
    outline: .01em solid var(--border-2);
    background: rgba(0, 0, 0, 0.097);
    box-shadow: inset 0 0 0 .02em var(--background-2), inset 0 0 2em 0 var(--background-4-2), 0 0 .3em 0em var(--background-3-2), inset 5px 10px 2em -1.5em white;
}


div.workspace-tab-header-inner-close-button {
    color: var(--tc) !important;
}


.mod-vertical .workspace-tabs .workspace-tab-header.tappable:hover .workspace-tab-header-inner {
    border-radius: 1em !important;
    background-color: var(--background-4-1) !important;
    box-shadow: inset 0 0 2em 0 var(--background-4-2), 0 0 .3em 0em var(--background-3-2);
    color: var(--colored-accent-i1) !important;
}


.mod-vertical .workspace-tab-header.tappable.is-active .workspace-tab-header-inner {
    position: relative;
    background-color: var(--main-color-inverted) !important;
    font-weight: 600;
    transition: background .5s;
}

.workspace-tab-header-inner-close-button {
    color: var(--colored-accent-i1) !important;
    border-radius: 5px;
    transition: all .2s !important;
    margin-right: 3px;
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-vertical.mod-root > div > div.workspace-tab-container {
    overflow: hidden;
}


.sidebar-toggle-button.mod-right {
    background: transparent !important;
}


body > div.titlebar > div > div.titlebar-button-container.mod-right > div.titlebar-button.mod-minimize,
body > div.titlebar > div > div.titlebar-button-container.mod-right > div.titlebar-button.mod-maximize,
body > div.titlebar > div > div.titlebar-button-container.mod-right > div.titlebar-button.mod-close {
    border-radius: 10px;
    padding: 0px 9px 0px 9px;
    margin: 0px 5px 0px 5px;
}
body > div.titlebar > div > div.titlebar-button-container.mod-right {
    padding: 5px;
}



body.is-mobile 
.view-header {
    background: transparent !important;
}



body > div.app-container > div.horizontal-main-container > div {
    background: var(--background-2);
}


.tree-item.nav-file .tree-item-self.nav-file-title {
    padding-top: .7em;
    padding-bottom: .7em;
    border-radius: .8em;

    &.is-active {
        color: var(--main-color);
    }
}


.tree-item-self.nav-folder-title.is-clickable {
    padding-top: .7em;
    padding-bottom: .7em;
    border-radius: .8em;
}


.tree-item-self.nav-file-title.is-active .tree-item-inner {
    border-bottom: inset 2px var(--main-color-2);
    margin-bottom: -2px !important;
}


.tree-item.nav-folder .nav-folder-title:not(:has(.is-collapsed)) {
    color: var(--main-color);
    font-weight: 900;

    &:hover {
        color: var(--main-color);
        font-weight: 900;
    }
}




.enhanced-folders .tree-item.nav-folder:not(.is-collapsed):not(:has(.tree-item.nav-folder:not(.is-collapsed))) {
    background: var(--background-3-1);
    border-radius: .8em;
    transition: .4s;
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-left-split > div.workspace-tabs.mod-top.mod-top-left-space > div.workspace-tab-header-container > div.workspace-tab-header-container-inner > div:nth-child(3) > div,
body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-left-split > div.workspace-tabs.mod-top.mod-top-left-space > div.workspace-tab-container > div.workspace-leaf {
    background: var(--background-4) !important;
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-left-split > div.workspace-tabs.mod-top.mod-top-left-space > div.workspace-tab-header-container > div.workspace-tab-header-container-inner {
    app-region: no-drag;
    padding-top: .3em;
    padding-left: .2em;
    padding-right: .25em;
    padding-bottom: .2em;
    margin-top: .5em;
    border-radius: 5em;
    transition: .5s;

    &:hover {
        background: var(--background-4-1);
        transition: .5s;
    }
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-left-split > div.workspace-tabs.mod-top.mod-top-left-space > div.workspace-tab-header-container > div.workspace-tab-header-container-inner > .workspace-tab-header.tappable,
body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-left-split > div.workspace-tabs.mod-top.mod-top-left-space > div.workspace-tab-header-container > div.workspace-tab-header-container-inner > .workspace-tab-header.tappable > * {
    margin-top: .01em;
    margin-bottom: .01em;
    background: transparent !important;
    border-radius: 50em;

    &:hover {
        background: var(--background-4-2) !important;
    }
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-left-split > div.workspace-tabs.mod-top.mod-top-left-space > div.workspace-tab-header-container > div.workspace-tab-header-container-inner:hover > .workspace-tab-header.tappable.is-active,
body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-left-split > div.workspace-tabs.mod-top.mod-top-left-space > div.workspace-tab-header-container > div.workspace-tab-header-container-inner:hover > .workspace-tab-header.tappable.is-active > * {
    background: var(--background-3) !important;
    transition: .5s;
    box-shadow: 0 0 5em 0em var(--shadow-1), 0 0 1em 0em var(--shadow-3);
}





body:not(.is-mobile)
div.nav-header div.nav-buttons-container .clickable-icon {
    width: 0px;
    height: 3px;
    padding: 3px;
    flex-grow: 0;
    background: var(--background-3-2);
    color: transparent;
    border-radius: 50px;
    transition: .2s;
}


body:not(.is-mobile)
div.nav-header:hover div.nav-buttons-container .clickable-icon {
    height: 28px;
    flex-grow: 1;
    padding: .6em;
    color: var(--nav-item-color);
    background: transparent;
    border-radius: .4em;
    transition: .2s;
}
body:not(.is-mobile)
div.nav-header div.nav-buttons-container .clickable-icon:hover {
    background: var(--background-3-2);
}


body:not(.is-mobile)
div.nav-header div.nav-buttons-container {
    width: 40px;
    max-width: 100%;
    justify-self: center !important;
    transition: .2s;
}


body:not(.is-mobile)
div.nav-header:hover div.nav-buttons-container {
    padding: .2em;
    width: 200px;
    max-width: 100%;
    justify-self: center !important;
    border-radius: .5em !important;
    background: var(--background-3-1) !important;
    transition: .2s;
}





body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-right-split > div.workspace-tabs.mod-top.mod-top-right-space.mod-active > div.workspace-tab-container,
body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-right-split > div.workspace-tabs.mod-top.mod-top-right-space > div.workspace-tab-container > div,
body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-right-split > div.workspace-tabs.mod-top.mod-top-right-space.mod-active > div.workspace-tab-container > div.workspace-leaf.mod-active {
    background: transparent !important;
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-right-split > hr {
    border: transparent;
}

body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-right-split > div.workspace-tabs.mod-top.mod-top-right-space > div.workspace-tab-header-container {
    margin-top: .4em;
}


div[data-path$='000_attachments_000'],
div[data-path$='000_attachments_000'] + div.nav-folder-children {
    display: none;
}





.checkbox-container.is-enabled {
    background-color: var(--colored-accent-2);
}
.checkbox-container.is-enabled::after {
    transition: .2s;
}


body > div.app-container > div.horizontal-main-container > div > div.workspace-split.mod-horizontal.mod-sidedock.mod-left-split > div.workspace-tabs.mod-top.mod-top-left-space > div.workspace-tab-header-container > div.workspace-tab-header-container-inner > div.workspace-tab-header.tappable {
    margin-top: -1px;
}


body:not(.native-scrollbars).hide-scrollbars ::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}


.tooltip {
    --background-modifier-message: var(--main-color-inverted);
    background: var(--main-color-inverted);
    color: var(--main-color);
    padding: 10px;
    border-radius: 2em;
    filter: drop-shadow(0 0 16px var(--shadow-3));
}


.setting-item-control .mod-cta {
    --button-padding: 1.3em;
    color: var(--main-color-inverted);
    background: var(--main-color);
    border-radius: 20em;
    padding-top: var(--button-padding);
    padding-bottom: var(--button-padding);

    &:hover {
        background: var(--main-color-2);
    }
}


.setting-item-control .dropdown {
    height: 2.5em;
    border-radius: 1em;
    box-shadow: inset 0 0 0 .04em var(--background-3-1), 0 0 .35em var(--shadow-3) !important;
}


.setting-item-control button {
    height: 2.5em;
    border-radius: 10em;
    box-shadow: inset 0 0 0 .05em var(--background-3-1);
    background: var(--main-color-inverted-2);

    &:hover {
        box-shadow: inset 0 0 0 .05em var(--background-3-1), 0 0 .35em var(--shadow-3) !important;
    }
}


body > div.modal-container.mod-dim > div.modal.mod-settings.mod-sidebar-layout > div.modal-content.vertical-tabs-container > div.vertical-tab-header {
    border: none;
    margin: .5em;
    height: calc(100% - 1em) !important;
    border-radius: var(--cbr, 20px);
    outline: .01em solid var(--border-2);
    background: var(--background-4) !important;
    box-shadow: inset 0 0 0 .065em var(--border-callout), 0 0 .5em 0em var(--background-3-2);
    transition: .5s;
}


.modal-content.vertical-tabs-container .vertical-tab-header .vertical-tab-header-group .vertical-tab-header-group-items .vertical-tab-nav-item {
    padding-top: .5em;
    padding-bottom: .5em;
    border-radius: .8em;
}

.modal-content.vertical-tabs-container .vertical-tab-header .vertical-tab-header-group .vertical-tab-header-group-items .vertical-tab-nav-item.is-active {
    background: var(--main-color-05);
    color: var(--text-color-inverted);
    transition: .5s;
}

.modal-content.vertical-tabs-container .vertical-tab-header .vertical-tab-header-group .vertical-tab-header-group-items > * {
    transition: .15s !important;
}


body > div.modal-container.mod-dim > div.modal.mod-settings.mod-sidebar-layout {
    border-radius: 2em !important;
}


body > div.modal-container.mod-dim > div.modal.mod-settings.mod-sidebar-layout > div.modal-content.vertical-tabs-container > div.vertical-tab-content-container div.setting-item.setting-item-heading.style-settings-heading {
    border-radius: 0;
}





.callout[data-callout="note"] {
    --callout-rgb: 68, 138, 255;
}
.callout[data-callout="abstract"],
.callout[data-callout="summary"],
.callout[data-callout="tldr"] {
    --callout-rgb: 0, 176, 255;
}
.callout[data-callout="info"],
.callout[data-callout="todo"] {
    --callout-rgb: 0, 184, 212;
}
.callout[data-callout="tip"],
.callout[data-callout="hint"],
.callout[data-callout="important"] {
    --callout-rgb: 0, 191, 165;
}
.callout[data-callout="success"],
.callout[data-callout="check"],
.callout[data-callout="done"] {
    --callout-rgb: 0, 200, 83;
}
.callout[data-callout="question"],
.callout[data-callout="help"],
.callout[data-callout="faq"] {
    --callout-rgb: 255, 160, 0;
}
.callout[data-callout="warning"],
.callout[data-callout="caution"],
.callout[data-callout="attention"] {
    --callout-rgb: 255, 145, 0;
}
.callout[data-callout="failure"],
.callout[data-callout="fail"],
.callout[data-callout="missing"],
.callout[data-callout="danger"],
.callout[data-callout="error"] {
    --callout-rgb: 255, 82, 82;
}
.callout[data-callout="bug"] {
    --callout-rgb: 245, 0, 87;
}
.callout[data-callout="example"] {
    --callout-rgb: 124, 77, 255;
}
.callout[data-callout="quote"],
.callout[data-callout="cite"] {
    --callout-rgb: 158, 158, 158;
}


.callout:is(
    [data-callout="note"],
    [data-callout="abstract"], [data-callout="summary"], [data-callout="tldr"],
    [data-callout="info"],
    [data-callout="todo"],
    [data-callout="tip"], [data-callout="hint"], [data-callout="important"],
    [data-callout="success"], [data-callout="check"], [data-callout="done"],
    [data-callout="question"], [data-callout="help"], [data-callout="faq"],
    [data-callout="warning"], [data-callout="caution"], [data-callout="attention"],
    [data-callout="failure"], [data-callout="fail"], [data-callout="missing"],
    [data-callout="danger"], [data-callout="error"],
    [data-callout="bug"],
    [data-callout="example"],
    [data-callout="quote"], [data-callout="cite"]
) {
    outline: .1em solid rgba(var(--callout-rgb), .5) !important;
    background: rgba(var(--callout-rgb), .1) !important;
    box-shadow: 
    inset 0 0 0 .05em var(--border-callout),
    inset 0 -100em 100em -90em color-mix(in srgb, color-mix(in srgb, rgb(var(--callout-rgb)), black 8%) 10.7%, transparent),
    inset 0 10em 10em -9em color-mix(in srgb, color-mix(in srgb, rgb(var(--callout-rgb)), white 30%) 5.1%, transparent) !important;
    
    & .callout-icon {
        display: flex;
    }
}


.callout:is(
    [data-callout="note"],
    [data-callout="abstract"], [data-callout="summary"], [data-callout="tldr"],
    [data-callout="info"],
    [data-callout="todo"],
    [data-callout="success"], [data-callout="check"], [data-callout="done"],
    [data-callout="question"], [data-callout="help"], [data-callout="faq"],
    [data-callout="warning"], [data-callout="caution"], [data-callout="attention"],
    [data-callout="failure"], [data-callout="fail"], [data-callout="missing"],
    [data-callout="danger"], [data-callout="error"],
    [data-callout="bug"],
    [data-callout="example"],
    [data-callout="quote"], [data-callout="cite"]
) {
    & .callout-content blockquote,
    & .callout-content .callout {
        outline: .1em solid rgba(var(--callout-rgb), .5) !important;
    }
}


.callout:is([data-callout="tip"], [data-callout="hint"], [data-callout="important"]) {
    & .callout-content blockquote,
    & .callout-content .callout {
        box-shadow: inset 0 0 0 .04em rgba(0, 191, 165, .5), 0 0 .35em var(--shadow-3);
    }
}


.callout[data-callout="bug"] {
    background: rgba(255, 6, 93, .1) !important;
}


.callout[data-callout="brainhack"] {
    outline: .1em solid hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.5) !important;
    background: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.1) !important;
    box-shadow: inset 0 0 0 .05em var(--border-callout) !important;

    & .callout-content blockquote,
    & .callout-content .callout {
        outline: .1em solid hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.5) !important;
    }
}


.callout[data-callout="1"] {
    --callout-border-color: var(--background-3-1);

    & .callout-icon {
        display: none;
    }
}

.callout-content blockquote {
    border-color: rgb(var(--callout-rgb)) !important;
}




body:not(.cv1) .callout {
    --callout-background: var(--background-3);
    --callout-padding: .5em;
    --callout-title-color: inherit;
    --callout-title-padding: 4px 10px;
    --callout-title-size: inherit;
    --callout-content-radius: 0px;
    --callout-blend-mode: normal;
    outline: .09em solid var(--background-3-2);
    color: inherit;
    margin-bottom: .6em !important;
    margin-top: .6em !important;
    margin-right: .1em !important;
    margin-left: .1em !important;
    border-radius: var(--radius-m);
    background: var(--callout-background);
    box-shadow: 
    inset 0 0 0 .05em var(--border-callout), inset 0 0em 5em 0em var(--background-3),
    inset 0 -100em 100em -90em color-mix(in srgb, color-mix(in srgb, rgb(var(--tc-rgb)), black 90%) 10%, transparent),
    inset 0 10em 10em -9em color-mix(in srgb, color-mix(in srgb, rgb(var(--tc-rgb)), white 90%) 10%, transparent);
    overflow: hidden !important;
}

body:not(.cv1) .callout .callout {
    margin-bottom: 0 !important;
}



body.cv1 .callout {
    mix-blend-mode: normal !important;
    --callout-padding: 0;
    border-left: .3em solid rgba(var(--callout-rgb, var(--tc-rgb)), .5);
    border-radius: .5em;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background: var(--background-3-3);
    box-shadow: none !important;
    margin-bottom: .6em !important;
    margin-top: .6em !important;
    margin-right: .1em !important;
    margin-left: .1em !important;
}


.markdown-preview-view .callout:not(.callout-content .callout, ul.has-list-bullet div.callout) {
    margin-bottom: 2em;
    margin-top: 1em !important;
}
li:not(:first-of-type):has(.callout) {
    margin-bottom: 1em;
}

.callout-content {
    padding: .8em;
    padding-top: .5em;
}


.callout-content > *:first-child {
    margin-top: 0 !important;
}
.callout-content > *:first-child:is(blockquote) {
    margin-top: .2em !important;
}
.callout-content > *:last-child {
    margin-bottom: 0em !important;
}
blockquote > *:first-child {
    margin-top: 0 !important;
}
blockquote > *:last-child {
    margin-bottom: 0 !important;
}


.cm-embed-block:hover {
    box-shadow: 0 0 rgba(255, 0, 0, 0) !important;
}


body:not(.cv1) .cm-embed-block.cm-callout {
    border-radius: 10px;
    bottom: 0 !important;
    overflow: hidden !important;
}
body.cv1 .cm-embed-block.cm-callout {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    bottom: 0 !important;
    overflow: hidden !important;
}

.callout-content,
.blockquote {
    overflow: hidden !important;
}


.callout-title {
    border-color: var(--callout-border-color) !important;
    color: var(--text-color-inverted);
    font-size: 1.3em;
    border-bottom: dashed var(--text-faint) .1em !important;
    margin-left: .6em;
    margin-right: 10px;
    padding-left: 0em;
    padding-right: 0px;
    padding-bottom: .15em;
    padding-top: .3em;
}


.callout.is-collapsible.is-collapsed .callout-title {
    border-bottom: transparent !important;
}

.callout-title-inner {
    font-weight: 700;
}

.callout-title:has(li) {
    padding-left: 10px;
}


body:not(.bv1) .markdown-rendered blockquote,
body:not(.bv1) .blockquote {
    border-radius: var(--radius-m);
    background-color: var(--background-3-3);
    border-left: none;
    padding-left: .8em;
    padding-right: .8em !important;
    padding-top: .8em;
    padding-bottom: .8em !important;
    margin-top: 1em;
    margin-bottom: 1em;
}


.markdown-source-view.mod-cm6.is-live-preview:not(.bv1) .HyperMD-quote {
    border-radius: var(--radius-m);
    background-color: var(--background-3);
    border-left: none;
    padding-right: .8em !important;
    padding-top: .8em !important;
    padding-bottom: .8em !important;
    margin-top: 1em;
    margin-bottom: 1em;
}


body:not(.bv1) .markdown-rendered blockquote:before,
body:not(.bv1) .markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote:before {
    z-index: -1;
    width: 100%;
    border-radius: var(--radius-m);
    box-shadow: 0 0 0 .04em var(--background-3-1), 0 0 .35em var(--shadow-3);
}


body.bv1 .markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote,
body.bv1 .markdown-rendered blockquote,
body.bv1 .blockquote {
    border-left: .3em solid var(--tc);
    border-radius: .5em;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background: var(--background-3-3);
    box-shadow: none !important;
    padding-left: .8em;
    padding-right: .8em !important;
    margin-top: 1em;
    margin-bottom: 1em;
}


body:not(.bv1) .el-blockquote,
body:not(.bv1) blockquote {
    width: 100%;
    border-radius: var(--radius-m);
    box-shadow: inset 0 0 0 .04em var(--background-3-1);
}


.callout-content ol {
    margin-top: 0em;
    margin-bottom: .5em;
}
blockquote > ol > :last-child {
    padding-bottom: 0em !important;
    margin-bottom: 0em !important;
}
blockquote > ol > :first-child {
    padding-top: 0em !important;
    margin-top: 0em !important;
}


.callout-icon,
.callout-content .callout-icon {
    display: none;
}


.markdown-preview-view .callout.is-collapsible:hover {
    box-shadow: 0 0 0px 2px rgba(115, 115, 115, 0.508);
}

.is-live-preview .HyperMD-quote:before {
    border: 0px solid transparent !important;
}


.callout-content blockquote,
.callout-content .callout {
    border-radius: calc(var(--radius-m) - .3em);
}
blockquote > blockquote {
    border-radius: calc(var(--radius-m) - .3em) !important;
}


.callout[data-callout="2"] > .callout-title {
    justify-content: center;
}
.callout[data-callout="2"] > .callout-content {
    display: grid;
    
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 10px;
}


.callout[data-callout="!"] {
    box-shadow: inset 0 0 0em .1em var(--colored-accent-1) !important;
}


.HyperMD-quote + .HyperMD-quote {
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;

    &:before {
        border-top-right-radius: 0px !important;
        border-top-left-radius: 0px !important;
    }
}
.HyperMD-quote:has(+ .HyperMD-quote) {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;

    &:before {
        border-bottom-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }
}

ul.has-list-bullet * blockquote {
    margin-top: 0;
}

.markdown-preview-view blockquote {
    padding: .8em !important;
}

.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote + .HyperMD-quote {
    padding-top: 0em !important;
}
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote:has(+ .HyperMD-quote) {
    padding-bottom: 0em !important;
}




.el-p + .el-p {
    margin-top: 2em !important;
}

p:not(:first-child) {
    margin-top: .5em;
    margin-bottom: .5em;
}

p + p {
    margin-top: 1em !important;
}


p + ul {
    margin-top: 0px !important;
}
p:has(+ ul.has-list-bullet) {
    margin-bottom: 0px;
}


body.smartlists li:not(:first-of-type) {
    margin-top: .8em;
    margin-bottom: 0em;
}


li:has(blockquote) {
    margin-top: .5em;
}

li > blockquote {
    margin-bottom: 0em !important;
    margin-top: 0em !important;
}

li > .callout {
    margin-bottom: 0em !important;
    margin-top: 0em !important;
}

.heading-collapse-indicator.collapse-indicator.collapse-icon:before {
    margin-left: -5px;
}
.HyperMD-header.HyperMD-header.cm-line {
    padding-bottom: .5em;
}





body:not(.hv1, .hv2) .cm-header.cm-header-1:not(.cm-formatting.cm-formatting-header.cm-formatting-header-1.cm-header.cm-header-1),
body:not(.hv1, .hv2) .markdown-rendered h1 {
    --h1-radius: .4em;
    color: var(--headingcolor1, --main-color-2);
    display: inline-block;
    margin: 0em !important;
    border-radius: var(--h1-radius);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

body.hv1 .cm-header.cm-header-1:not(.cm-formatting.cm-formatting-header.cm-formatting-header-1.cm-header.cm-header-1),
body.hv1 .markdown-rendered h1 {
    --h1-radius: .3em;
    color: var(--main-color-2);
    display: inline-block;
    background: var(--headingcolor1, var(--background-7));
    translate: -.05em;
    padding: .1rem .3rem .08rem .3rem;
    margin: 0em !important;
    border-radius: var(--h1-radius);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

body.hv2 .cm-header.cm-header-1:not(.cm-formatting.cm-formatting-header.cm-formatting-header-1.cm-header.cm-header-1),
body.hv2 .markdown-rendered h1 {
    color: var(--headingcolor1, --main-color-2);
    border-bottom: .1em solid var(--tc);
}


h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
    color: var(--text-color-inverted) !important;
}


body:not(.hv1, .hv2) .cm-header.cm-header-2:not(.cm-formatting.cm-formatting-header.cm-formatting-header-2.cm-header.cm-header-2),
body:not(.hv1, .hv2) .markdown-rendered h2 {
    --mark-radius: .4em;
    color: var(--headingcolor2, --main-color-2);
    display: inline-block;
    font-weight: 600;
    border-color: var(--colored-accent-4);
    border-radius: var(--mark-radius);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

body.hv1 .cm-header.cm-header-2:not(.cm-formatting.cm-formatting-header.cm-formatting-header-2.cm-header.cm-header-2),
body.hv1 .markdown-rendered h2 {
    --mark-radius: .4em;
    color: var(--main-color-2);
    display: inline-block;
    translate: -.05em;
    padding: .1rem .3rem .08rem .3rem;
    margin: 0px;
    border: .1em dashed;
    font-weight: 600;
    border-color: var(--colored-accent-4);
    background-color: var(--headingcolor2, var(--colored-accent-5));
    border-radius: var(--mark-radius);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

body.hv2 .cm-header.cm-header-2:not(.cm-formatting.cm-formatting-header.cm-formatting-header-2.cm-header.cm-header-2),
body.hv2 .markdown-rendered h2 {
    color: var(--headingcolor2, --main-color-2);
    border-bottom: .1em solid var(--tc);
}


body:not(.hv1, .hv2) .cm-header.cm-header-3:not(.cm-formatting.cm-formatting-header.cm-formatting-header-3.cm-header.cm-header-3),
body:not(.hv1, .hv2) .markdown-rendered h3 {
    --mark-radius: .4em;
    color: var(--headingcolor3, --main-color-2);
    display: inline-block;
    translate: -.05em;
    padding: .1rem .3rem .08rem .3rem;
    margin-bottom: 0px;
    border-color: var(--colored-accent-4);
    border-radius: var(--mark-radius);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

body.hv1 .cm-header.cm-header-3:not(.cm-formatting.cm-formatting-header.cm-formatting-header-3.cm-header.cm-header-3),
body.hv1 .markdown-rendered h3 {
    --mark-radius: .4em;
    display: inline-block;
    translate: -.05em;
    padding: .1rem .3rem .08rem .3rem;
    margin-bottom: 0px;
    border: .08em dashed;
    border-color: var(--colored-accent-4);
    background-color: var(--headingcolor3, var(--colored-accent-5));
    border-radius: var(--mark-radius);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

body.hv2 .cm-header.cm-header-3:not(.cm-formatting.cm-formatting-header.cm-formatting-header-3.cm-header.cm-header-3),
body.hv2 .markdown-rendered h3 {
    color: var(--headingcolor3, --main-color-2);
    border-bottom: .1em solid var(--tc);
}


.cm-header.cm-header-4:not(.cm-formatting.cm-formatting-header.cm-formatting-header-4.cm-header.cm-header-4),
.markdown-rendered h4 {
    color: var(--headingcolor4, --main-color-2);
}

.cm-header.cm-header-5:not(.cm-formatting.cm-formatting-header.cm-formatting-header-5.cm-header.cm-header-5),
.markdown-rendered h5 {
    color: var(--headingcolor5, --main-color-2);
}

.cm-header.cm-header-6:not(.cm-formatting.cm-formatting-header.cm-formatting-header-6.cm-header.cm-header-6),
.markdown-rendered h6 {
    color: var(--headingcolor6, --main-color-2);
}


div.el-h1 {
    margin-top: var(--dynamic-heading-spacing, 0em);
}
div.el-h2 {
    margin-top: var(--dynamic-heading-spacing, 0em) !important;
}
div.el-h3 {
    margin-top: var(--dynamic-heading-spacing, 0em) !important;
}

div.el-h1 + div.el-h1 {
    margin-top: 0em !important;
}
div.el-h1 + div.el-h2, div.el-h2 + div.el-h2 {
    margin-top: 0em !important;
}
div.el-h1 + div.el-h3, div.el-h2 + div.el-h3, div.el-h3 + div.el-h3 {
    margin-top: 0em !important;
}
div.el-h1 + div.el-h4, div.el-h2 + div.el-h4, div.el-h3 + div.el-h4, div.el-h4 + div.el-h4 {
    margin-top: 0em !important;
}
div.el-h1 + div.el-h5, div.el-h2 + div.el-h5, div.el-h3 + div.el-h5, div.el-h4 + div.el-h5, div.el-h5 + div.el-h5 {
    margin-top: 0em !important;
}
div.el-h1 + div.el-h6, div.el-h2 + div.el-h6, div.el-h3 + div.el-h6, div.el-h4 + div.el-h6, div.el-h5 + div.el-h6, div.el-h6 + div.el-h6 {
    margin-top: 0em !important;
}






.cm-em, em {
    font-weight: var(--italic-weight); 
}




body:not(.htv1, .htv2) span.cm-highlight,
body:not(.htv1, .htv2) .markdown-rendered mark {
    --mark-radius: .3rem;
    padding: 0rem .2rem 0rem .2rem;
    margin: .1rem .1rem .1rem .1rem;
    background: var(--background-7) !important;
    border-radius: var(--mark-radius);
    -webkit-box-decoration-break: clone; 
    box-decoration-break: clone;
    font-weight: 600;
}

body.htv2 span.cm-highlight,
body.htv2 .markdown-rendered mark {
    background: var(--colored-accent-3) !important;
}


body:not(.btv1, .btv2) span.cm-strong:not(.cm-highlight),
body:not(.btv1, .btv2) strong:not(:has(mark), mark strong) {
    --mark-radius: .3rem;
    padding: 0rem .2rem 0rem .2rem;
    margin: -.2rem .1rem .1rem -.2rem;
    background: var(--colored-accent-4) !important;
    border-radius: var(--mark-radius);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: var(--colored-accent-1);
    font-weight: var(--bold-weight, 900);
}
body.btv2 span.cm-strong:not(.cm-highlight),
body.btv2 strong:not(:has(mark), mark strong) { 
    color: var(--colored-accent-1) !important;
}


.cm-formatting.cm-formatting-highlight.cm-highlight {
    background: none;
    color: var(--colored-accent-1);
}


.search-result-file-matched-text,
.is-flashing {
    color: var(--colored-accent-i1);
    border-radius: 3px;
    padding: 0px 2px;
}
.search-result-file-matched-text {
    background: var(--colored-accent-1);
}
.is-flashing {
    background: var(--colored-accent-1) !important;
}




.markdown-preview-view,
.view-content > .cm-s-obsidian,
.view-content > .markdown-source-view.mod-cm6.is-live-preview > .cm-scroller,
body {
    font-weight: var(--custom-font-weight, 400);
    color: var(--tc);
    letter-spacing: var(--custom-letter-spacing, .1px);
}


.cm-html-embed th,
.markdown-rendered th,
table {
    font-weight: var(--custom-font-weight, 400);
    letter-spacing: var(--custom-letter-spacing, .1px);
}

.view-content {
    border: 0px;
    letter-spacing: var(--custom-letter-spacing, .1px);
}





.workspace-ribbon.side-dock-ribbon.mod-left::before,
.workspace-tab-header.tappable:before,
.workspace-tab-header.tappable:after,
.workspace-tab-header-inner:after,
.workspace-tab-header-container:before {
    display: none !important;
}


img {
    border-radius: 10px;
}




:root table {
    --table-border-radius: 8px;
    border-collapse: separate;
    border-spacing: 0;
}


th:first-child { border-top-left-radius: var(--table-border-radius); }
th:last-child { border-top-right-radius: var(--table-border-radius); }
tr:last-child td:first-child { border-bottom-left-radius: var(--table-border-radius); }
tr:last-child td:last-child { border-bottom-right-radius: var(--table-border-radius); }


:root :is(td, th) {
    border-width: 0 var(--table-border-width) var(--table-border-width) 0;
    border-color: var(--accent-color-light10) !important;
}

.cm-html-embed table,
.markdown-rendered table {
    margin-top: 15px;
}


.virtual-link-default {
    filter: brightness(1);
}


body.status-bar-hover .status-bar {
    opacity: 0;
    transition: all .5s;

    &:hover {
        opacity: 1;
    }
}


.greyscale-toggle.theme-dark img {
    mix-blend-mode: screen !important;
    filter: invert(1) grayscale(100%) !important;
}

.greyscale-toggle.theme-light img {
    mix-blend-mode: multiply !important;
    filter: grayscale(100%) !important;
}


body.nc .markdown-embed-content .node-insert-event {
    background: var(--canvas-color) !important;
}




body.coloredfolders .nav-files-container > div > .nav-folder > .nav-folder-title {
    color: var(--foldercolor1, #ff0000);
    font-weight: 600;
}


body.coloredfolders .nav-files-container > div > .nav-folder > .nav-folder-children > .nav-folder > .nav-folder-title {
    color: var(--foldercolor2, #ff8c00);
}


body.coloredfolders .nav-files-container > div > .nav-folder > .nav-folder-children > .nav-folder > .nav-folder-children > .nav-folder > .nav-folder-title {
    color: var(--foldercolor3, #7abc00);
}


body.coloredfolders .nav-files-container > div > .nav-folder > .nav-folder-children > .nav-folder > .nav-folder-children > .nav-folder > .nav-folder-children > .nav-folder > .nav-folder-title {
    color: var(--foldercolor4, #00b75f);
}