forest_slim.css

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600&family=Barlow:wght@400;700;900&display=swap');
.white-theme,
html[data-theme="light"] {
--ls-search-background-color: #f1ece5;
  --ls-secondary-background-color: #e8e3db;
  --ls-tertiary-background-color: #e7e1d7;
  --ls-quaternary-background-color: #e1dbd0;
  --ls-block-properties-background-color: var(--ls-secondary-background-color);
  --ls-block-bullet-border-color: #dedede;
  --ls-block-bullet-color: rgba(67, 63, 56, 0.25);
  --ls-guideline-color: rgba(46, 27, 5, 0.08);
  --ls-primary-text-color: #433F38;
  --ls-title-text-color: var(--ls-primary-text-color);
  --ls-link-text-color: #54684e;
  --ls-link-text-hover-color: #7d8879;
  --ls-link-ref-text-color: #9f5d5d;
  --ls-link-ref-text-hover-color: #743d3d;
  --ls-tag-text-color: var(--ls-link-ref-text-color);
  --ls-tag-text-hover-color: var(--ls-link-ref-text-hover-color);
  --ls-page-checkbox-color: #b0c3ad;
  --ls-page-checkbox-border-color: var(--ls-page-checkbox-color);
  --ls-page-blockquote-border-color: #7d9bb1;
  --ls-block-highlight-color: #d4d1cd;
  --ls-icon-color: #c1bdb7;
  --color-level-1: var(--ls-secondary-background-color);
  --color-level-2: var(--ls-tertiary-background-color);
  --marker-switch-bgcolor: #e0ded7;
  --marker-switch-color: #6b6760;
  --marker-switch-opa: 0.7;
  --ls-block-ref-link-text-color: var(--ls-link-text-color);
  --ls-h2-color: #3d2a23;
}
.dark-theme {
  --ls-primary-background-color: #323d43;
  --ls-secondary-background-color: #3c474d;
  --ls-tertiary-background-color: #3d474d;
  --ls-block-properties-background-color: #505a60;
  --ls-search-background-color: #212b24;
  --ls-border-color: #696356;
  --ls-menu-hover-color: #1c3444;
  --ls-primary-text-color: #d8caac;
  --ls-secondary-text-color: #c7c7c7;
  --ls-title-text-color: #c4aa55;
  /* page text title color */
  --ls-link-text-color: #d39bb6;
  --ls-link-text-hover-color: #af698b;
  --ls-link-ref-text-color: #d39bb6;
  --ls-link-ref-text-hover-color: var(--ls-link-text-hover-color);
  --ls-tag-text-color: var(--ls-link-text-color);
  --ls-tag-text-hover-color: var(--ls-link-text-hover-color);
  --ls-block-bullet-border-color: #6b9e46;
  --ls-block-bullet-color: #d9bb80;
  --ls-block-highlight-color: #202e3a;
  --ls-page-checkbox-color: #4e7c9a;
  --ls-page-checkbox-border-color: #477ba8;
  --ls-page-blockquote-color: var(--ls-primary-text-color);
  --ls-page-blockquote-bg-color: var(--ls-secondary-background-color);
  --ls-page-blockquote-border-color: var(--ls-secondary-text-color);
  --ls-page-inline-code-color: #fff;
  --ls-page-inline-code-bg-color: #575757;
  --ls-page-title-size: 28px;
  --ls-scrollbar-color: #3c4c55;
  --ls-scrollbar-thumb-hover-color: #1d5062;
  --ls-scrollbar-thumb-color: var(--ls-secondary-background-color);
  --ls-head-text-color: var(--ls-link-text-color);
  --ls-icon-color: #d9bb80;
  --ls-search-icon-color: #d9bb80;
  --ls-a-chosen-bg: #4e6053;
  --ls-right-sidebar-code-bg-color: #04303c;
  --ls-active-primary-color: #415c6d;
  --ls-active-secondary-color: #83b6af;
  --tagpills-bg: #23313f;
  --tagpills-text: #d39bb6;
  --tagpills-border: #7c8377;
  --tagpills-border-radius: 3px;
  --accent-bgcolor: #4e6053;
  --marker-switch-bgcolor: #0a2d36eb;
  --marker-switch-color: #d9bb80;
  --marker-switch-opa: 0.7;
  --datepicker-active-bgcolor: #801212;
  --datepicker-active-bordercolor: #fff;
  --datepicker-active-bordersize: 0px;
  --datepicker-active-color: white;
  --datepicker-available-hovercolor: #a7c080;
  --datepicker-available-hoverbgcolor: #192731;
  --text-accent: #a7c080;
  --text-hightlight: #d3a628;
  --inverted-text: #302e27;
  --highlight-light: var(--ls-secondary-background-color);
  --ls-block-ref-link-text-color: #74ced8;
  --admo-text-important: #e68183;
  --admo-bg-important: #4d3b36;
  --background: #282a36;
  --light-background: #343746;
  --lighter-background: #424450;
  --dark-background: #21222c;
  --darker-background: #191a21;
  --foreground: #f8f8f2;
  --current-line: #44475a;
  --comment: #777;
  --white: var(--foreground);
  --red: #e68183;
  --orange: #e39b7b;
  --yellow: #d9bb80;
  --green: #a7c080;
  --purple: #d39bb6;
  --purple-hover: #bf93f988;
  --cyan: #87c095;
  --cyan-hover: #8be9fd88;
  --pink: #ea8dcc;
  --pink-hover: #ff79c688;
  --ls-h2-color: #d8d18e;
}
:root {
  --main-container-width: 840px;
  --ls-tag-text-opacity: 0.6;
  --ls-tag-text-hover-opacity: 0.8;
}

/*==================================================*/    
/* == fonts == */
/*==================================================*/ 
html {
  font-family: Barlow, Inter,sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol!important;
}

html[data-theme=light] .cp__right-sidebar .block-content {
  --ls-page-inline-code-bg-color: var(--ls-page-inline-code-bg-color);
}

/* dotted bg */

.white-theme #app-container {
  background-image: radial-gradient(#cec7bf 5%, #f1ece5 5%);
  background-position: 0 0;
  background-size: 25px 25px;
}

.white-theme textarea {
  caret-color: #cc515c;
}

.white-theme .ls-block.selected {
  border-bottom-color: #c7c2bc;
}

.white-theme ::selection {
  background: #cedbcc;
}

/*==================================================*/
/* header                                           */
/*==================================================*/

.cp__header {
  height: 2.4rem;
  background-color: var(--ls-primary-background-color);
}

/*==================================================*/
/* main container width 640 -> var(--main-container-width) */
/*==================================================*/
.cp__sidebar-main-content {
  padding: 3rem 1.5rem;
  margin: 0 auto;
  max-width: var(--main-container-width);
}
.foldable-title {
  max-width: var(--main-container-width);
}

/* gradient on top and bottom for aesthetics
 (from https://github.com/PiotrSss/logseq-bujo-theme */

.cp__sidebar-main-content:before {
  content: "";
  display: block;
  position: fixed;
  width: 100%;
  height: 80px;
  top: 0;
  left: 0;
  z-index: 1;
}

.cp__sidebar-main-content:after {
  content: "";
  display: block;
  position: fixed;
  width: 100%;
  height: 40px;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.dark-theme .cp__sidebar-main-content:before {
  background: linear-gradient(to bottom, rgba(41, 35, 33, 0.7) 0%, rgba(48, 40, 37, 0) 100%);
}

.dark-theme .cp__sidebar-main-content:after {
  background: linear-gradient(to top, rgba(41, 35, 33, 0.7) 0%, rgba(48, 40, 37, 0) 100%);
}

.white-theme .cp__sidebar-main-content:before {
  background: linear-gradient(to bottom, rgba(241, 236, 229, .7) 0%, rgba(241, 236, 229, 0) 100%);
}

.white-theme .cp__sidebar-main-content:after {
  background: linear-gradient(to top, rgba(241, 236, 229, .7) 0%, rgba(241, 236, 229, 0) 100%);
}

/*==================================================*/
/* == right sidebar == */
/*==================================================*/
.cp__right-sidebar {
  position: fixed;
  top: 3rem;
  right: 0;
  width: 0;
  opacity: 0.5;
  height: 102vh; /*calc(100vh - 3rem);*/
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 9;
  transition: width 0.3s, opacity 0.2s;
  border-radius: var(--ls-border-radius-low) 0 0 0;
  box-sizing: border-box;
  background-color: var(--ls-secondary-background-color, #d8e1e8);
  padding-bottom: 48px;
}

.white-theme .cp__right-sidebar.is-open {
  background: rgba(128, 122, 92, 0.05);
}


/*==================================================*/
/* == blocks margin and 900 px width == */
/*==================================================*/

.ls-block {
  margin: 0.4em 0 0 0;
  padding: 0;
  max-width: var(--main-container-width); /* wider main container */
}

/*==================================================*/
/* == blocks children tree line == */
/*==================================================*/

.block-children {
  border-left: 1px solid;
  border-left-color: #627949;
  /* left: -2px; */
  position: relative;
}

/* .ls-block > .block-children:hover {
  border-left-color: #d3a628;
	border-left-width: 5px;
} */

#sidebar-nav-wrapper {
  border: none !important;
}

/*==================================================*/
/* == search == */
/*==================================================*/
/* search-field */

/* #search-wrapper {
  opacity: 0;
  transition: .3s;
}

#search-wrapper:hover,
#search-wrapper:focus-within {
  opacity: 1;
} */

#search-wrapper>div:first-child {
  left: 10px;
}

#search>.inner {
  max-width: 100%;
  border-radius: 4px;
}

#search_field:focus {
  background: var(--ls-search-background-color);
}

#search_field {
  background-color: var(--ls-search-background-color);
  color: var(--ls-secondary-text-color);
  height: 30px;
  padding: 0px 50px;
  margin: 10px -5px;
  width: 500px;
}
.shadow-lg {
  box-shadow: 0 10px 15px -3px rgb(30 30 30 / 35%),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* search-field */

.dark-theme #search_field {
  background: linear-gradient(to right, rgba(39, 33, 33, 1) 0%, rgba(39, 33, 33, .7) 200px, rgba(39, 33, 33, 0) 100%);
  transition: background .3s;
}

.dark-theme #search_field:focus {
  box-shadow: 0px 0px 20px 0px rgba(27, 22, 22, 0.8);
}

.white-theme #search_field {
  background: linear-gradient(to right, rgba(241, 236, 229, 1) 0%, rgba(241, 236, 229, .7) 200px, rgba(241, 236, 229, 0) 100%);
  transition: background .3s;
}

.white-theme #search_field:focus {
  box-shadow: 0px 0px 20px 0px rgba(252, 250, 246, .8);
}


/*==================================================*/
/* == MAIN == */
/*==================================================*/

a.menu-link {
  background-color: var(--ls-secondary-background-color);
  color: #d4af63;
}
a.menu-link:hover {
  color: #d4af63;
  background-color: var(--ls-menu-hover-color);
}
a.chosen {
  background: var(--ls-a-chosen-bg);
  font-weight: bold;
}
a {
  color: var(--text-accent);
}

.dark-theme b,
.dark-theme strong,
.dark-theme i {
    color: #c79a12;
}

.white-theme b,
.white-theme strong,
.white-theme i {
    color: #689c30;
}

.bg-base-3 {
  background-color: var(--ls-secondary-background-color);
}

/*==================================================*/
/* === highlighted text (mark) ==*/
/*==================================================*/
.dark-theme mark {
  background: var(--text-accent);
  color: var(--inverted-text);
  padding: 0 4px;
  border-radius: 5px;
  font-weight: 700;
}

.white-theme mark {
  background: #9eb1a8;
  font-weight: 700;
}

#ui__ac mark {
  background: var(--highlight-light);
  color: var(--text-hightlight);
  padding: 0 0px;
  border-radius: 3px;
  font-weight: 700;
  text-decoration: underline;
}

/*==================================================*/
/* === bullets ===*/
/*==================================================*/
.bullet-container .bullet {
  border-radius: 50%;
  width: 5px;
  height: 5px;
  background-color: var(--ls-block-bullet-color);
}
.bullet-container.bullet-closed {
  background-color: #f2f2ef00;
  border: 1px solid var(--ls-block-bullet-border-color);
}

/*==================================================*/
/* === checkboxes ===*/
/*==================================================*/
.form-checkbox {
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  background-color: var(--ls-primary-background-color) !important;
  border: 1px solid var(--ls-page-checkbox-border-color) !important;
  border-radius: 20%;
}
.white-theme .form-checkbox {
  background-color: var(--ls-page-checkbox-color);
}

/*==================================================*/
/* === TO DO / DOING marker-switch ===*/
/*==================================================*/
.marker-switch {
  font-size: 70%;
  vertical-align: middle;
  margin: 0px 6px 0px 2px;
  border-radius: 3px;
  font-weight: 700;
  width: 1rem;
  height: 1rem;
  opacity: 0.8;
  border: 1px solid;
  background-color: var(--marker-switch-bgcolor);
  color: var(--marker-switch-color);
}

.white-theme .marker-switch:hover {
  background: #dad1c1;
}


/*==================================================*/
/* == codemirror code blocks == */
/*==================================================*/
.CodeMirror {
  font-family: Fira Code, Consolas, monospace;
  font-size : 12px;
  color: #efefef;
}
.CodeMirror-scroll {
  overflow-x: scroll !important;
  overflow-y: hidden !important;
  margin-bottom: -40px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: 0;
  position: relative;
}

.CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber, .CodeMirror-scroll, .CodeMirror-sizer {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-color: black;
}
.CodeMirror-gutters {
  border-right: 1px solid #4e4e4e;
  background-color: #141313;
  white-space: nowrap;
}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #919191;
  white-space: nowrap;
}
.extensions__code>.CodeMirror {
  z-index: 0;
  height: auto;
  padding: 15px 0 0 0;
  font-family: Fira Code,Monaco,Menlo,Consolas,'COURIER NEW',monospace;
  max-width: 86vw;
  background-color: transparent;
}     
.extensions__code-lang {
  background: var(--light-background);
}
#right-sidebar pre.CodeMirror-line {
  background: #27352b;
}
.extensions__code-lang {
  position: absolute;
  top: -6px;
  right: 0;
  padding: 4px 0.5rem;
  margin: 0px 0;
  font-size: 0.6rem;
  color: #6fe87d;
  z-index: 1;
  background: #27352b;
}
.extensions__code {
  position: relative;
  z-index: 0;
  max-width: calc(var(--main-container-width) - 50px); /* TEMP */
  overflow: auto;
}
/*=====*/

.cm-s-default .CodeMirror-gutters {
  color: var(--background);
}
.cm-s-default .CodeMirror-cursor {
  border-left: solid thin var(--white);
}
.cm-s-default .CodeMirror-linenumber {
  color: var(--comment);
}
.cm-s-default .CodeMirror-selected {
  background: rgba(255, 255, 255, 0.1);
}

.cm-s-default .CodeMirror-line {
  box-shadow: none;
}

.cm-s-default .CodeMirror-line::selection,
.cm-s-default .CodeMirror-line > span::selection,
.cm-s-default .CodeMirror-line > span > span::selection {
  background: rgba(255, 255, 255, 0.1);
}
.cm-s-default .CodeMirror-line::-moz-selection,
.cm-s-default .CodeMirror-line > span::-moz-selection,
.cm-s-default .CodeMirror-line > span > span::-moz-selection {
  background: rgba(255, 255, 255, 0.1);
}
.cm-s-default span.cm-comment {
  color: var(--comment);
}
.cm-s-default span.cm-string,
.cm-s-default span.cm-string-2 {
  color: var(--yellow);
}
.cm-s-default span.cm-number {
  color: var(--purle);
}
.cm-s-default span.cm-variable {
  color: var(--green);
}
.cm-s-default span.cm-variable-2 {
  color: var(--white);
}
.cm-s-default span.cm-def {
  color: var(--green);
}
.cm-s-default span.cm-operator {
  color: var(--pink);
}
.cm-s-default span.cm-keyword {
  color: var(--pink);
}
.cm-s-default span.cm-atom {
  color: var(--purple);
}
.cm-s-default span.cm-meta {
  color: var(--white);
}
.cm-s-default span.cm-tag {
  color: var(--pink);
}
.cm-s-default span.cm-attribute {
  color: var(--green);
}
.cm-s-default span.cm-qualifier {
  color: var(--green);
}
.cm-s-default span.cm-property {
  color: var(--cyan);
}
.cm-s-default span.cm-builtin {
  color: var(--green);
}
.cm-s-default span.cm-variable-3,
.cm-s-default span.cm-type {
  color: var(--orange);
}

.cm-s-default .CodeMirror-activeline-background {
  background: rgba(255, 255, 255, 0.1);
}
.cm-s-default .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: var(--white) !important;
}

/*==================================================*/
/* == inline code == */
/*==================================================*/
code,
kbd,
pre,
samp {
  font-family: Fira Code, Menlo, Monaco, Consolas, Liberation Mono, Courier New,
    monospace;
  font-variant-ligatures: normal;
}

/*==================================================*/
/* == iframes / yt embeds == */
/*==================================================*/
iframe {
  width: 100%;
}

/*==================================================*/
/* == tables == */
/*==================================================*/

.dark-theme tr:nth-child(2n),
.dark-theme tr:nth-child(2n + 1) {
  background: var(--ls-primarry-backround-color);
  border-bottom: 1px solid var(--ls-border-color);
}
.dark-theme th {
  color: var(--ls-page-inline-code-color);
  background-color: var(--ls-secondary-background-color);
  border-bottom: 1px solid var(--ls-border-color);
}

/*==================================================*/
/* == query results block == */
/*==================================================*/

.custom-query {
  background-color: var(--ls-secondary-background-color);
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
  margin: 0 0px 0 -10px;
}
.block-body .custom-query .foldable-title .opacity-70::before {
  content: "Query: ";
  color: var(--ls-page-inline-code-color);
  font-size: 85%;
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  display: inline;
}
.custom-query .opacity-70 {
  opacity: 1;
}

/*==================================================*/
/* == daily query NOW-TODO (...) exceptions == */
/*==================================================*/

#today-queries .custom-query {
  background-color: var(--ls-tertiary-background-color);
}
#today-queries .custom-query .opacity-70::before {
  content: "";
}

/*==================================================*/
/* == journals - height more compact == */
/*==================================================*/

#journals .journal:first-child {
  border-top: none;
  padding: 0;
  min-height: 200px;
}
#journals .journal.page {
  min-height: 100px;
  margin: 20px 0px 0px 30px;
  border: 0px solid var(--ls-block-bullet-border-color);
  padding: 30px 0px 20px 0px;
}
.journal-item.content .title .title {
  /* border-bottom: 1px solid var(--ls-title-text-color); */
  width: calc(var(--main-container-width) - 95px);
  font-size: 38px;
  font-family: Barlow;
  font-weight: 600;
  color: var(--ls-primary-text-color);
}

#journals .journal-item {
  border-top: 0px solid;
  border-top-color: var(--ls-border-color, #738694);
  padding: 48px 0;
  margin: 24px 0 24px 0px;
}

/*==================================================*/
/* === titles headers=== */
/*==================================================*/
h1 {
  margin: 0em 0 0.5em 0 !important;
  text-align: center;
  color: #5ebaed;
}
h2 {
  text-decoration: none;
}
h3 {
  margin: 0;
}
h4 {
  margin: 0 0 15px 0 !important;
}

h1.title {
  margin-bottom: 1rem;
  color: var(--ls-title-text-color);
  font-weight: 900;
  font-size: var(--ls-page-title-size);
  padding: 0px;
  line-height: 3rem;
  text-align: left;
}

.ls-block h2 {
  font-size: 1.6em !important;
  color: var(--ls-h2-color);
  margin: 0.5em 0 0em 0;
  font-family: Barlow;
  font-weight: 700;
}

.ls-block h3 {
  font-size: 1.17em;
  color: var(--ls-h2-color);
  margin: 0.8em 0 0.25rem 0;
}

/*==================================================*/
/* == folding titles : bigger arrow == */
/*==================================================*/

a.block-control {
  margin: -0.4rem 10px 0px 0;
  padding: 0 24px 0 15px;
  margin-left: -30px !important;
}
a.block-control > .w-4 {
  width: 1.3rem;
}
a.block-control > .h-4 {
  height: 1.3rem;
}
.initial .blocks-container.flex-1 {
  margin-left: 3px !important;
}

/*==================================================*/
/* === tags ====*/
/*==================================================*/

a.tag {
  opacity: 1;
  color: var(--tagpills-text);
  background-color: var(--tagpills-bg);
  border: 1px solid var(--tagpills-border);
  font-size: 13px;
  padding: 0px 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border-radius: var(--tagpills-border-radius);
}
.tag:hover {
  color: white !important;
  background-color: var(--accent-bgcolor);
}

a.tag[href*="important"] {
  color: #fd3434;
  border-color: #fb3030;
}
a.tag[href*="inprogress"] {
  color: #adf752;
}
a.tag[href*="done"] {
  color: #31cfbb;
}
a.tag[href*="book"]:after {
  content: "📚";
}
a.tag[href*="movie"]:after {
  content: "🎞";
}
a.tag[href*="soft"]:after {
  content: "💾";
}
a.tag[href*="tools"]:after {
  content: "🛠";
}
a.tag[href*="hardware"]:after {
  content: "💻";
}
a.tag[href*="TV"]:after {
  content: "📺";
}
a.tag[href*="3d"]:after {
  content: "💠";
}
a.tag[href*="2d"]:after {
  content: "🎨";
}
a.tag[href*="science"]:after {
  content: "🧪";
}
a.tag[href*="boardgame"]:after {
  content: "🎲";
}
a.tag[href="#games"]:after {
  content: "🕹";
}
a.tag[href*="audio"]:after {
  content: "🎹";
}

/* 🧪⌨🎹🏛🏟❤✔☠🕸🦠👁🧠👨‍👩‍👦‍👦👹👽🛒👘🥊🥋⚽🕹🎧⚙🧱💊⚔💣📱📽📡📷📕📗📄✏🖌📝📆📅📌⏳⏰🍕🍜🚗🚅✈🌍☀🔥💧💤💥☢✴⛔❗⚠♻▶⏸🔴🔵🗨 🎲*/

/*==================================================*/
/* === .DONE:0 ==== <!-- completed:2021-02-12T22:45:34.725Z -->*/
/*==================================================*/
.done {
  text-decoration: line-through #242424;
  opacity: 0.4;
}

/*==================================================*/
/* === SCHEDULED / DEADLINE - Datepicker ====*/
/*==================================================*/
.dark-theme .datepicker td.active,
.dark-theme .datepicker td.active:hover {
  background-color: var(--datepicker-active-bgcolor);
  border: var(--datepicker-active-bordersize) solid;
  border-color: var(--datepicker-active-bordercolor);
  color: var(--datepicker-active-color);
}
.dark-theme .datepicker td.available:hover,
.dark-theme .datepicker th.available:hover {
  background: var(--datepicker-available-hoverbgcolor);
  color: var(--datepicker-available-hovercolor);
}

/*==================================================*/
/* === SCHEDULED / DEADLINE - TIMESTAMPS ====*/
/*==================================================*/

.timestamp {
  font-family: consolas, monospace;
  color: var(--text-accent);
}

/*==================================================*/
/* === scrollbars ====*/
/*==================================================*/
html:not(.is-mac) ::-webkit-scrollbar {
  background-color: #182024;
}
html:not(.is-mac) ::-webkit-scrollbar-thumb {
  background-color: #354b4e;
  -webkit-border-radius: 0px !important;
}
html:not(.is-mac) ::-webkit-scrollbar-thumb:hover {
  background-color: #27353a;
}
html:not(.is-mac) ::-webkit-scrollbar {
  width: 14px;
  height: 12px;
  -webkit-border-radius: 0px;
}
.CodeMirror-gutter-filler,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-vscrollbar {
  position: absolute;
  z-index: 6;
  display: none;
  outline: 0;
  cursor: auto;
}

/*==================================================*/
/* === tailwind ====*/
/*==================================================*/
.mr-3 {
  margin-right: 0px;
} /* 0.75rem*/
.w-4 {
  width: 1rem;
}
.h-5 {
  height: 1.5rem;
}

/*==================================================*/
/* === external links ====*/
/*==================================================*/
a.external-link {
  border-bottom: 0px;
  text-decoration: underline;
}

/*==================================================*/
/* === page refs====*/
/*==================================================*/
.page-reference.nested .page-ref {
  font-family: Cairo;
}
.page-reference .text-gray-500 {
  opacity: 0.6;
}

/*==================================================*/
/* == block properties == */
/*==================================================*/
.blocks-properties {
  opacity: 1;
  background-color: var(--ls-block-properties-background-color);
}
.blocks-properties .my-1 b {
  font-weight: 500;
  color: var(--text-accent);
}

/*==================================================*/
/* == block ref == */
/*==================================================*/
.block-ref {
  color: var(--ls-block-ref-link-text-color);
  padding-bottom: 0px;
  border-bottom: -0px solid;
  border-bottom-color: var(--ls-block-ref-link-text-color);
  cursor: alias;
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.1em;
}

/* block reference */
/* .white-theme .block-ref {
  background: rgba(142, 40, 40, .8);
  color: var(--ls-secondary-background-color);
  border-bottom-color: rgba(64, 31, 31, .5);
} */

/* .white-theme .block-ref a {
  color: #fff;
} */

.cp__right-sidebar-inner .block-ref {
  color: var(--ls-block-ref-link-text-color);
  text-decoration: none;
}

/* title menu ... */
.white-theme [title="More options"] svg {
  color: #bd7467;
}

/* text mark/highlight */
.white-theme mark {
  background: #a8b9b1;
}

/* page reference */
.white-theme .page-reference {
  background: rgba(232, 227, 219, .7);
}
.white-theme .page-reference:hover {
  background: #e8e3db;
}

.white-theme .references-blocks .page-reference {
  background: none;
}

.white-theme .references-blocks .page-reference:hover {
  background: #d5d3c9;
}

.white-theme .page-reference .text-gray-500 {
  opacity: 1;
  color: #cac4ae;
}


/*==================================================*/
/* == admonition block == */
/*==================================================*/
.admonitionblock {
  margin: 0.75rem 0 0 0;
  padding: 1rem 1rem;
  background-color: var(--admo-bg-important);
}
.important .text-lg {
  font-size: 1rem;
  line-height: 1.75rem;
  color: var(--admo-text-important);
}

/*==================================================*/
/*===== change look of image resize handle =========*/
/*==================================================*/
/* .ls-block img {
    box-shadow: none;
}
.resize:hover	{
    border: 1px dotted #18aeab ;
}
.resize::after {
    pointer-events: none;
    content: "⇲";
  font-size: 14px;
  font-family: arial;
    position: absolute;
    height: 12px;
    width: 12px;
    text-align: center;
    bottom: 8px;
    right: 4px;
    background-color: rgb(32, 32, 32);
    color: #fff;
  z-index:10;
}	 */

/*==================================================*/
/*===== unordered lists =========*/
/*==================================================*/
ul {
  list-style-type: square;
  margin-top: 10px;
}
ul li::marker {
  font-size: 10px;
}
/*==================================================*/
.left {
  float: left;
  margin: 20px 20px 20px 0px;
}
.right {
  float: right;
  margin: 20px 0px 20px 20px;
}