.theme-light
{
  --background-nav: rgb(120,120,120);
  --background-primary: rgb(250, 250, 250);
  --background-primary-alt: rgb(140, 140, 140);
  --background-secondary: rgb(250, 250, 250);
  --background-secondary-alt: rgb(140, 140, 140);
  --border-inline-code: rgb(215, 215, 215);
  --code-block-background: rgb(255, 255, 255);
  --code-block-border: rgb(215, 215, 215);
  --font-family-editor: Avenir, "Avenir Next", sans-serif;
  --interactive-accent: rgb(203, 77, 73);
  --text-accent: rgb(203, 77, 73);
  --font-a-hover: rgb(243, 117, 113);
  --text-faint: rgb(150, 150, 150);
  --text-header: rgb(44, 44, 44);
  --links-background: rgb(230,230,230);
  --text-nav-selected: rgb(255, 255, 255);
  --text-nav: rgb(216, 216, 216);
  --text-normal: rgb(44, 44, 44);
  --interface-color-cross: rgb(220, 80, 75);
  --interface-color-three-dots: rgb(235, 160, 0);
  --interface-color-pencil: rgb(50, 180, 70);
  --font-selection:rgba(203, 77, 73, 0.25);
  --text-highlight-bg:rgba(203, 77, 73, 0.25);

  --font-size-h1:                       32px;
  --font-size-h2:                       28px;
  --font-size-h3:                       26px;
  --font-size-h4:                       24px;
  --font-size-h5:                       22px;
  --font-size-h6:                       20px;
}

.theme-dark {
  --background-nav: rgb(80,80,80);
  --background-primary: rgb(41, 44, 46);
  --background-primary-alt: rgb(100, 100, 100);
  --background-secondary: rgb(41, 44, 46);
  --background-secondary-alt: rgb(100, 100, 100);
  --border-inline-code: rgb(76, 76, 76);
  --code-block-background: rgb(32, 32, 32);
  --code-block-border: rgb(60, 60, 60);
  --font-family-editor: Avenir, "Avenir Next";
  --font-family-preview: Avenir, "Avenir Next";
  --interactive-accent: rgb(203, 77, 73);
  --text-accent: rgb(203, 77, 73);
  --font-a-hover: rgb(243, 117, 113);
  --text-faint: rgb(150, 150, 150);
  --text-header: rgb(44, 44, 44);
  --links-background: rgb(60,60,60);
  --text-nav-selected: rgb(255, 255, 255);
  --text-nav: rgb(190, 190, 190);
  --text-normal: rgb(216, 216, 216);
  --interface-color-cross: rgb(220, 80, 75);
  --interface-color-three-dots: rgb(235, 160, 0);
  --interface-color-pencil: rgb(50, 180, 70);
  --font-selection:rgba(203, 77, 73, 0.25);
  --text-highlight-bg:rgba(203, 77, 73, 0.25);

  --font-size-h1:                       32px;
  --font-size-h2:                       28px;
  --font-size-h3:                       26px;
  --font-size-h4:                       24px;
  --font-size-h5:                       22px;
  --font-size-h6:                       20px;
  
}

/* Headers in editor - show custom content - specifics */
/* .cm-formatting-header-1:after { bottom:  2px; content: "H1"; }
.cm-formatting-header-2:after { bottom:  0px; content: "H2"; }
.cm-formatting-header-3:after { bottom:  0px; content: "H3"; }
.cm-formatting-header-4:after { bottom: -1px; content: "H4"; }
.cm-formatting-header-5:after { bottom: -1px; content: "H5"; }
.cm-formatting-header-6:after { bottom: -1px; content: "H6"; }
.cm-formatting-header-7:after { bottom: -1px; content: "H7"; } */

.cm-s-obsidian span.cm-url {
  color: var(--text-accent);
}

.markdown-preview-view mark {
  color: var(--text-normal);
  padding: 0px 4px;
}

.cm-formatting-em.cm-em {
  color: var(--text-faint);
  font-weight: 100;
  font-size: 0.6em;
}
.cm-formatting-strong.cm-strong {
  color: var(--text-faint);
  font-weight: 100;
  font-size: 0.6em;
}

/* Wrap long nav text */
.nav-file-title, .nav-folder-title {
  white-space: normal;
}

/* The name of the vault */
.nav-folder.mod-root > .nav-file-title, .nav-folder.mod-root > .nav-folder-title {
  color: var(--text-norm);
}

/* Color of left nav tree text */
.nav-file-title, .nav-folder-title {
  color: var(--text-norm);
}


/* Backlink titles for matches */
.search-result-file-title {
  color: var(--text-norm);
}

/* Backlink highlighted [[links]] */
.search-result-file-matched-text {
  color: var(--text-nav-selected);
  background-color: var(--text-accent);
  padding: 2px;
  border-radius: 4px;
}

/***************************************/
/* _general_workspace                  */
/***************************************/
.workspace {
  background-color: var(--background-primary-alt);
}

.workspace .mod-left *,
.workspace .mod-right * {
  color: var(--text-nav-selected);
}

.workspace-leaf-content {
  border: 5px solid var(--code-block-border);
  border-radius: 10px;
  background-color: var(--background-primary);
}

.workspace-split.mod-vertical > .workspace-leaf {
  padding-right: 10px; 
  padding-top: 30px; 
}

.workspace-split.mod-horizontal > .workspace-leaf {
  padding-top: 10px; 
}

.workspace-split.mod-right-split .workspace-tabs {
  padding-left: 10px;
}

.workspace-split.mod-left-split {
  padding-right: 10px;
}

.workspace-ribbon.side-dock-ribbon.mod-left.is-collapsed ~ .workspace-split.mod-left-split {
  padding-right: 0px;
}

.workspace-split.mod-root .workspace-split.mod-vertical .workspace-leaf-content {
  padding-right: 0px;
}

.workspace-tabs .workspace-leaf {
  background-color: inherit;
}

.workspace-ribbon.is-collapsed {
  background-color: var(--background-primary-alt);
}

.workspace-leaf-resize-handle {
  background-color: var(--background-secondary);
  opacity: 0;
}

.side-dock-collapsible-section-header-indicator,
.nav-folder-collapse-indicator {
  color: var(--text-norm);
}

.setting-add-hotkey-button, .setting-restore-hotkey-button {
  color: var(--text-accent);
}


.mod-root .view-content {
  height: calc(100% - 28px); 
}


/* _tabs                               */
/*-------------------------------------*/
.workspace-tabs {
  padding: 0px 0px 30px 0px;
}

.workspace-split.mod-right-split .workspace-leaf-content {
   padding: 0px 0px 0px 0px; 
}

.workspace-tab-header {
  color: var(--text-nav-selected);
}

.workspace-tab-header.is-active {
  background-color: var(--code-block-border);
  color: var(---text-accent);
}

.workspace-tab-header-container {
  padding-top: 8px; 
}

.workspace-tab-header-inner {
  padding: 1px 12px 3px 12px;
}

.workspace-tab-header-inner-icon > svg {
  width: 15px;
  height: 18px;
}

.workspace-tab-container-before.is-before-active, 
.workspace-tab-container-after.is-after-active, 
.workspace-tab-header.is-before-active, 
.workspace-tab-header.is-after-active {
  background-color: var(--code-block-border);
  color: var(--text-nav-selected);
}

.workspace-tab-container-before.is-before-active:hover, 
.workspace-tab-container-after.is-after-active:hover, 
.workspace-tab-header.is-before-active:hover, 
.workspace-tab-header.is-after-active:hover {
  color: var(--text-accent);
}
.workspace-tab-container-after.is-after-active .workspace-tab-header-inner, 
.workspace-tab-header.is-after-active .workspace-tab-header-inner {
    border-bottom-left-radius: 5px;
}

.workspace-tab-container-before.is-before-active .workspace-tab-header-inner, 
.workspace-tab-header.is-before-active .workspace-tab-header-inner {
    border-bottom-right-radius: 5px;
}

.workspace-tab-header,
.workspace-tab-header-inner,
.workspace-tab-container-before,
.workspace-tab-container-after {
    transition: none;
}

/* _hover                              */
/*-------------------------------------*/
.menu-item:hover {
  background-color: var(--text-accent);
}

.side-dock-ribbon-action:hover {
  color: var(--text-accent);
}

.suggestion-item.is-selected {
  background-color: var(--text-accent);
  border-radius: 6px;
}

.suggestion-hotkey {
   background-color: var(--code-block-border); 
}

/* document_search                     */
/*-------------------------------------*/
.document-search-button {
  background-color: inherit;
}

.document-search-container {
   background-color: var(--background-primary); 
}

/***************************************/
/* _pane_header                        */
/***************************************/
.view-header {
  border-color: var(--background-secondary);
  border-top: 0px solid var(--background-secondary);
  border-bottom: 0px solid var(--code-block-border);
  background-color: var(--code-block-border);
}

.workspace-leaf.mod-active .view-header {
  background-color: var(--background-secondary);
  border-bottom: 2px solid var(--interactive-accent);
}


.workspace-leaf.mod-active .view-header-title {
  color: var(----background-nav);
}

.workspace-leaf.mod-active .view-action > svg,
.workspace-leaf.mod-active .view-header-icon > svg {
  color: var(----background-nav);
}

.workspace-leaf.mod-active .view-header {
  background-color: var(--background-primary);
  border-bottom: 0px;
}

.workspace-leaf.mod-active > .workspace-leaf-content {
  border-color: var(--background-primary);
}

.workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header {
  border-bottom: 2px var(--code-block-border);
  background-color: var(--code-block-border);
}

.workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .workspace-leaf-content {
  border-color: var(--code-block-border);
}

/* _scale                              */
/*-------------------------------------*/
.view-header,
.view-header-title-container {
  height: 28px;
}

.view-header-title {
  font-size: var(--font-size-header-titles);
  line-height: 28px;
}

.view-action > svg,
.view-header-icon > svg {
  width: 13px;
  height: 17px;
}

.view-header-icon {
  padding: 5px 5px 5px 5px;
}

.view-action,
.view-header-icon {
  top: 0px;
}

.view-actions {
  background-color: transparent;
}

/* _header_menu_buttons                */
/*-------------------------------------*/
.view-actions {
  padding: 0;
}

.view-action {
  color: var(--text-normal) !important;
  top: 1px;
  margin: 0px 8px 0px 0px;
  order: 3;
}

.view-action[aria-label='Pin'] {
  padding-top: 3px;
  order: 2;
}

.view-action[aria-label='Close'] {
  order: 4;
}

.view-action[aria-label='Unlink pane'] {
  padding-top: 3px;
  order: 1;
}

.view-action > svg.cross,
.view-action > svg.vertical-three-dots,
.view-action > svg.pencil,
.view-action > svg.lines-of-text {
  width: 10px;
  height: 10px;
  padding: 5.5px;
  border-radius: 100px;
}

.view-action > svg.cross {  
  background-color: var(--interface-color-cross);
}
.view-action > svg.vertical-three-dots {
  background-color: var(--interface-color-three-dots);
}

.view-action > svg.pencil {
  background-color: var(--interface-color-pencil);
}

.view-action > svg.lines-of-text {
  background-color: var(--interface-color-pencil);
}

.view-action > svg.filled-pin {
  padding: 1px;
  color: var(--background-nav) !important; 
  opacity: 0.8;
}

.view-action > svg.link {
  padding: 0px;
  color: var(--background-nav) !important; 
  opacity: 0.8; 
}

.view-action > svg.broken-link {
  padding: 0px;
  color: var(--background-nav) !important; 
  opacity: 0.8; 
}

.view-action:hover > svg.cross,
.view-action:hover > svg.vertical-three-dots,
.view-action:hover > svg.pencil,
.view-action:hover > svg.lines-of-text {
  width: 23px;
  height: 23px;
  padding: 2.5px;
  border-radius: 100px;
  color: var(--interfa-color-icon);
  transition: width, height 0.2s;
}

.view-action[aria-label='Pin']:hover > svg.filled-pin {
  width: 23px;
  height: 23px;
  transition: width, height 0.2s;
}

.view-action[aria-label='Unlink pane']:hover > svg.broken-link {
  width: 23px;
  height: 23px;
  transition: width, height 0.2s;
}

/* _remove_gradient_color              */
/*-------------------------------------*/
.workspace-leaf.mod-active .view-header-title-container:after {
  background: none;
}

.view-header-title-container:after {
  background: none;
}

.workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type.mod-active .view-header-title-container:after {
  background: none;
}

/***************************************/
/* _statusbar                          */
/***************************************/
.status-bar {
  background-color: var(--background-primary-alt);
  border-color: var(--background-primary-alt);
}

.status-bar {
  padding: 0 30px;
}

.status-bar-item {
  background-color: var(--background-nav);
  border-radius: 4px;
  color: var(--text-nav-selected);
  font-size: 14px;
  border: 1px solid var(--background-primary-alt);
  display: inline-block;
  vertical-align: middle;
  line-height: var(--font-line-height-side);
}

/***************************************/
/* _search_results_and_backlinks       */
/***************************************/

.search-result {
  background-color: var(--links-background);
  border-radius: 6px;
  padding: 5px;
  margin: 10px 0px 10px 0px;
}

.search-result-file-match:hover,
.search-result-file-title:hover {
  background-color: var(--font-selection);
}


.search-result-container.mod-global-search {
  padding: 0px 3px 0px 11px;
}

.search-result-file-title {
  padding: 0px 10px;
  font-weight: 600;
}

.search-result-file-matches {
  padding: 0px;
}

.side-dock-collapsible-section-header-indicator {
  left: -2px;
  top: -2px;
}

.search-result-container {
  padding: 0px;
}

.workspace-split.mod-right-split .view-content {
  padding: 5px 5px !important;
}

/***************************************/
/* _tag_pane                           */
/***************************************/
.tag-pane-tag {
  font-family: var(--font-family);
  font-size: var(--font-size-side); 
}

.tag-pane-tag-count {
  color: var(--font-a-hover);
  top: 7px;
  right: 10px;
}

/***************************************/
/* _embeded                            */
/***************************************/

.markdown-embed {
  /*background-color: var(--text-normal-back) !important;*/
  /*padding: 5px 10px 15px 10px !important;*/
  padding: 0px !important;
  border-top: 0px solid var(--code-block-border) !important;
  border-bottom: 3px solid var(--code-block-border) !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-radius: 0px !important;
  margin: 0px !important;
}

.markdown-embed-title {
  font-size: var(--font-size-header-titles) !important;
  background-color: var(--code-block-border) !important;
  border-radius: 3px !important;
  height: 28px;
  line-height: 28px;
}

.markdown-embed-link {
  top: 5px;
  color: var(--background-nav);
}

.markdown-embed-link > svg {
  width: 17px;
  height: 17px;
}

/***************************************/
/* _scrollbar                          */
/***************************************/
::-webkit-scrollbar-thumb {
  background-color: var(--code-block-border);
  border-radius: 5px;
  border-right: 2px solid var(--background-primary);
  border-left: 2px solid var(--background-primary);
  border-top: 2px solid var(--background-primary);
  border-bottom: 2px solid var(--background-primary);
}

::-webkit-scrollbar-track {
  background-color: transparent;
  color: transparent;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.CodeMirror-scroll::-webkit-scrollbar {
  width: 00px;
}

/***************************************/
/* _file_browser                       */
/***************************************/
.nav-file-title, .nav-folder-title {
  font-family: var(--font-family);
  font-size: var(--font-size-side) !important;
  line-height: var(--font-line-height-side);
}

.nav-folder-collapse-indicator {
  left: 17px;
  top: 1px;
}

.nav-header {
  height: 28px;
  padding: 0px 0px 0px 0px;
}

.nav-buttons-container {
  height: 28px;
  padding: 2px 0px 2px 0px;
  margin-bottom: 1px;
  background-color: var(--code-block-border)
}

.nav-action-button * {
  width: 15px;
}

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

/***************************************/
/* _inputs                             */
/***************************************/
input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="number"] {
  background: var(--background-nav);
  color: var(----background-nav);
  font-size: var(--font-size-side);
}

input[type="text"]:hover, 
input[type="email"]:hover, 
input[type="password"]:hover, 
input[type="number"]:hover, 
input[type="text"]:hover, 
input[type="email"]:active, 
input[type="password"]:active, 
input[type="number"]:active, 
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="password"]:focus, 
input[type="number"]:focus {
  border-color: var(--background-primary);
  background-color: var(--background-nav);
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: var(----background-nav);
  font-size: var(--font-size-side);
}

.search-input{
  margin: 0;
  width: 100%;
  height: 28px !important;
  border: 0px !important;
  border-radius: 0px !important;
  background-color: var(--code-block-border) !important; 
  padding: 10px 14px !important;
}

/***************************************/
/* _normal_text_and_selection          */
/***************************************/

/* _normal_text_preview_and_editor     */
/*-------------------------------------*/
.cm-s-obsidian, .markdown-preview-view {
  font-family: var(--font-family);
  font-size: var(--font-size);
  line-height: var(--font-line-height);
  color: var(--text-normal);
  padding-left: 10px !important;
  padding-right: 10px !important;
  font-weight: var(--font-weight-normal);
}

.CodeMirror-scroll {
  padding-top: 10px;
}


/* _normal_text_editor                 */
/*-------------------------------------*/
.CodeMirror-lines {
  font-weight: var(--font-weight-normal)+ 200;
  line-height: 20px;
  padding: 0px;
  font-family: Avenir, Avenir Next, sans-serif !important;
}

.markdown-source-view.is-readable-line-width .CodeMirror {
  padding: 0px 0px 15px 0px !important;
}

.markdown-preview-view {
  padding: 10px 0px 10px 0px;
}

.view-content > .markdown-preview-view {
  padding: 0px 0px 0px 0px;
}


/* _text_selection                     */
/*-------------------------------------*/
::selection {
  background-color: var(--font-selection) !important;
}

.CodeMirror-selected {
  background-color: var(--font-selection) !important;
}

.CodeMirror-focused .CodeMirror-selected {
  background-color: var(--font-selection) !important;
}

/***************************************/
/* _markdown                           */
/***************************************/
/* _markdown_strong                    */
/*-------------------------------------*/
strong,
.cm-s-obsidian .cm-strong {
  font-weight: 900;
}

/* _markdown_code                      */
/*-------------------------------------*/
.cm-s-obsidian span.cm-inline-code {
  color: var(--text-normal);
  font-weight: 400;
  background-color: var(--text-normal-back) !important;
}

.markdown-preview-view code {
  color: var(--text-normal);
  font-weight: 400;
  background-color: var(--text-normal-back);
}

pre[class*="language-"] {
  background-color: var(--text-normal-back) !important;
}

code[class*="language-"] {
  text-shadow: 0 0px black !important;
}

.markdown-preview-view pre {
  background-color: var(--text-normal-back) !important;
}

.cm-s-obsidian pre.HyperMD-codeblock {
  color: var(--text-normal) !important;

}

.cm-s-obsidian div.HyperMD-codeblock-bg {
  background-color: var(--text-normal-back) !important;
}

/*
.cm-s-obsidian pre.HyperMD-codeblock .CodeMirror-selected {
  color: blue;
  background-color: var(--text-normal-back) !important;
}
*/

/* _markdown_tags                      */
/*-------------------------------------*/
.cm-s-obsidian span.cm-hashtag-begin, 
.cm-s-obsidian span.cm-hashtag-end,
a.tag {
  background-color: var(--background-nav);
  color: var(--text-normal);
  font-family: var(--font-family);
  font-size: 0.9em;
  text-decoration: none;
  padding-bottom: 3px;
  padding-top: 3px;
}

a.tag {
  padding-left: 8px;
  padding-right: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;

}

.cm-s-obsidian span.cm-hashtag-begin {
  padding-left: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;

}

.cm-s-obsidian span.cm-hashtag-end {
  padding-right: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.cm-s-obsidian span.cm-hashtag {
  color: var(--text-normal);
}

/* _markdown_lists                     */
/*-------------------------------------*/
ul {
    padding: 0px 20px 0px 20px;
}

ol {
    padding: 0px 20px 0px 20px;
}

/* _markdown_links                     */
/*-------------------------------------*/
a,
.internal-link,
.cm-hmd-internal-link,
.cm-link,
.cm-formatting-link
{
  /*color: var(--text-accent) !important;*/
  text-decoration: none !important;
}

a:hover,
.internal-link:hover
{
  color: var(--text-norm) !important;
  text-decoration: none !important;4}

.cm-s-obsidian span.cm-formatting-link {
  color: var(--text-normal);
  opacity: 0.4;
}

/* _headings                           */
/*-------------------------------------*/
.cm-s-obsidian span.cm-header-1, .markdown-preview-view h1
{
  font-family: var(--font-family);
  font-weight: 600;
  line-height: var(--font-line-height);
  font-size: var(--font-size-h1);
  color: var(--text-title-h1);
  text-align: left;
}

.cm-header-2, .markdown-preview-view h2
{
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--font-size-h2);
  color: var(--text-title-h2);
  line-height: var(--font-line-height);
  text-align: left;
}

.cm-header-3, .markdown-preview-view h3
{
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--font-size-h3);
  color: var(--text-title-h3);
  line-height: var(--font-line-height);
  text-align: left;
}

.cm-header-4, .markdown-preview-view h4
{
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--font-size-h4);
  color: var(--text-title-h4);
  line-height: var(--font-line-height);
  text-align: left;
}

.cm-header-5, .markdown-preview-view h5
{
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--font-size-h5);
  color: var(--text-title-h5);
  line-height: var(--font-line-height);
  text-align: left;
}

.cm-header-6, .markdown-preview-view h6
{
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--font-size-h6);
  color: var(--text-title-h6);
  line-height: var(--font-line-height);
  text-align: left;
}

/***************************************/
/* _mods                               */
/***************************************/

/* _hide_sidebar_on_collapse           */
/*-------------------------------------*/
/*
.workspace-ribbon.is-collapsed:not(:hover) > .workspace-ribbon-collapse-btn, 
.workspace-ribbon.is-collapsed:not(:hover) > .side-dock-actions, 
.workspace-ribbon.is-collapsed:not(:hover) > .side-dock-settings {
  opacity: 0;
  transition: all 500ms ease-in-out;
}

.workspace-ribbon.is-collapsed:not(:hover) {
  width: 0px;
  transition: all 300ms ease-in-out;
}

.workspace-ribbon.is-collapsed:hover {
  width: 30px;
  transition: all 300ms ease-in-out;
}

.workspace-ribbon.is-collapsed:hover > .workspace-ribbon-collapse-btn, 
.workspace-ribbon.is-collapsed:hover > .side-dock-actions, 
.workspace-ribbon.is-collapsed:hover > .side-dock-settings {
  opacity: 1; 
  transition: all 500ms ease-in-out;
}

.workspace-ribbon.mod-left.is-collapsed ~ .workspace-split.mod-left-split {
  margin-left: 0px;
}

.workspace-ribbon.mod-right.is-collapsed ~ .workspace-split.mod-right-split {
  margin-right: 0px;
}

.workspace-ribbon.mod-right.is-collapsed:hover ~ .workspace-split.mod-right-split {
  transition: all 300ms ease-in-out;
  margin-right: 30px; 
}

.workspace-ribbon.mod-left.is-collapsed:hover ~ .workspace-split.mod-left-split {
  transition: all 300ms ease-in-out;
  margin-right: 30px; 
}
*/

/* _andy_matuschak_mode                */
/*-------------------------------------*/
/*
.mod-root.workspace-split.mod-vertical { 
  overflow-x:auto; 
  --header-width: 28px;
  top: 10px;
}
.mod-root .view-content {
  height: 100%; 
}

.mod-root.workspace-split.mod-vertical > div { 
  min-width: calc(100% + var(--header-width));
  position:sticky;
  left:0;
}

.workspace-split.mod-vertical > .workspace-leaf {
  padding-top: 0px;  
}

.workspace-split.mod-root .workspace-leaf-content[data-type='markdown'] {
    box-shadow: 0px 0px 15px rgba(0,0,0,0.75);
    clip-path: inset(0px 0px 0px -15px);
}

.workspace-split.mod-horizontal .workspace-leaf {
  padding-top: 0px;
}

.mod-root.workspace-split.mod-vertical > div:nth-child(10n-8) { left: calc(var(--header-width) * 0); }
.mod-root.workspace-split.mod-vertical > div:nth-child(10n-7) { left: calc(var(--header-width) * 1); }
.mod-root.workspace-split.mod-vertical > div:nth-child(10n-6) { left: calc(var(--header-width) * 2); }
.mod-root.workspace-split.mod-vertical > div:nth-child(10n-5) { left: calc(var(--header-width) * 3); }
.mod-root.workspace-split.mod-vertical > div:nth-child(10n-4) { left: calc(var(--header-width) * 4); }
.mod-root.workspace-split.mod-vertical > div:nth-child(10n-3) { left: calc(var(--header-width) * 5); }
.mod-root.workspace-split.mod-vertical > div:nth-child(10n-2) { left: calc(var(--header-width) * 6); }
.mod-root.workspace-split.mod-vertical > div:nth-child(10n-1) { left: calc(var(--header-width) * 7); }
.mod-root.workspace-split.mod-vertical > div:nth-child(10n+0) { left: calc(var(--header-width) * 8); }
.mod-root.workspace-split.mod-vertical > div:nth-child(10n+1) { left: calc(var(--header-width) * 9); }

.mod-root .workspace-leaf-content {
  padding-left: var(--header-width);
  padding-right: 10px;
  position: relative;
}

.view-header {
  writing-mode: vertical-lr;
  border-top: none;
  border-bottom: none;
  height: auto;
  width: var(--header-width);
  position: absolute;
  left:0;
  top:0;
  bottom:0;
}

.view-header-title-container {
  height: unset;
  padding-left: unset;
  left: -1.5px;
}

.view-header-icon, .view-actions {
  padding: 10px 0px;
}
.view-action {
  margin: 8px 0px 0px 0px;
}

.view-content {
  height: 100%;
}

.workspace-fake-target-overlay {
  background-color: var(--background-primary);
}
*/

/* _focus_mode                         */
/*-------------------------------------*/
/*
.cm-s-obsidian div:not(.CodeMirror-activeline) > .CodeMirror-line span,
.cm-s-obsidian div:not(.CodeMirror-activeline) > .CodeMirror-line pre > span {
  opacity: 0.4;
}

.CodeMirror-activeline > .CodeMirror-line span,
.CodeMirror-activeline > .CodeMirror-line pre > span {
  opacity: 1;
}
*/

/* _list_bullets_color                 */
/*-------------------------------------*/
/*
.cm-s-obsidian span.cm-formatting-list {
  color: var(--text-accent);
  font-size: 0.85em;
  font-weight: 500;
  font-family: var(--font-monospace);
}
*/

/* _hyphenation_and_justification      */
/*-------------------------------------*/
/*
.cm-s-obsidian, .markdown-preview-view {
  text-align: justify;
  hyphens: auto;
}
*/

/* 
Try to support content in the navs... this is difficult because this theme is a 
split of dark and light. So content in the main pane should be light mode, while content
in the left pane should be dark mode
*/