@import url("https://cdn.jsdelivr.net/gh/pengx17/logseq-dev-theme@latest/custom.css");
@import url("https://raw.githubusercontent.com/pengx17/logseq-dev-theme/main/custom.css");
/* Fonts */
:root {
  --ls-font-family: apple-font, common-font, code-font, ui-font, system-ui;
  --ct-code-font-family: code-font, common-font, ui-font, system-ui !important;
}

@font-face {
  font-family: apple-font;
  font-style: normal;
  font-weight: normal;
  src: local("-apple-system"), local("BlinkMacSystemFont"), url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff") format("woff");
}
@font-face {
  font-family: common-font;
  src: url("https://github.com/lxgw/LxgwWenKai-Lite/releases/download/v1.245.1/LXGWWenKaiLite-Regular.ttf") format("TrueType"), url("../fonts/Fonts_LXGWWenKaiLite_Regular.ttf") format("TrueType"), url("fonts/Fonts_LXGWWenKaiLite_Regular.ttf") format("TrueType"), url("https://docs.unickcheng.cc/static/fonts/Fonts_LXGWWenKaiLite_Regular.ttf") format("TrueType");
}
@font-face {
  font-family: code-font;
  src: local("DejaVuSansMono Nerd Font Mono"), url("../fonts/Fonts_DejaVu_Sans_Mono_Nerd_Font_Complete_Mono.ttf") format("TrueType"), url("fonts/Fonts_DejaVu_Sans_Mono_Nerd_Font_Complete_Mono.ttf") format("TrueType"), url("https://docs.unickcheng.cc/static/fonts/Fonts_DejaVu_Sans_Mono_Nerd_Font_Complete_Mono.ttf") format("TrueType");
}
@font-face {
  font-family: ui-font;
  src: local("Apple Color Emoji"), local("Segoe UI Emoji"), local("Segoe UI Symbol");
}
.dark-theme,
html[data-theme=dark] {
  --ls-custom-theme-color: #769AFF;
  --ls-primary-background-color: #232329;
  --ls-secondary-background-color: #2B2B33;
  --ls-code-color: #fff;
  --ls-code-language-color: gray;
  --ls-code-background-color: #34343c;
  --ls-code-selected-background-color: #32445A;
  --ls-bullet-threading-background-color: #34343c;
  --ls-task-done-text-color: gray;
}

.white-theme,
html[data-theme=light] {
  --ls-custom-theme-color: rgb(224, 80, 27);
  --ls-primary-background-color: #fff;
  --ls-secondary-background-color: #F7F7F7;
  --ls-code-color: #fff;
  --ls-code-language-color: gray;
  --ls-code-background-color: #272c35 ;
  --ls-code-selected-background-color: #0a0c0e;
  --ls-bullet-threading-background-color: #E9ECEF;
  --ls-task-done-text-color: gray;
}

.dark-theme, .white-theme,
html[data-theme=dark], html[data-theme=light] {
  --ct-primary-color: var(--ls-custom-theme-color);
  --ct-secondary-color: var(--ls-custom-theme-color);
  --ct-header-bg-color: var(--ls-primary-background-color);
  --code-lang-color: var(--ls-code-language-color);
  --ls-block-bullet-color: var(--ls-bullet-threading-background-color);
  --ls-secondary-theme-color: var(--ls-custom-theme-color);
  --ls-cloze-text-color: var(--ls-custom-theme-color);
  --ls-a-chosen-bg: var(--ls-secondary-background-color);
}

/* toggle  */
.cp__header button.toggle-right-sidebar:hover, .cp__header button.toolbar-dots-btn:hover, .cp__header button.nav-right.button:hover, .cp__header button.nav-left.button:hover, .cp__header button.icon.inline:hover, .cp__header button.button.icon:hover, .cp__header button.cp__header-left-menu:hover {
  background-color: var(--ls-secondary-background-color);
}

.button:hover, .button.ui__icon:hover {
  background-color: var(--ls-secondary-background-color);
}

/* the left menu */
.left-sidebar-inner {
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
  overflow-x: hidden;
  overflow-y: auto;
}

.left-sidebar-inner ::-webkit-scrollbar {
  display: none;
}

.left-sidebar-inner .header {
  background-color: transparent !important;
}
.left-sidebar-inner a.item.active, .left-sidebar-inner a.item:active,
.left-sidebar-inner ul li:hover, .left-sidebar-inner ul li a:hover {
  background-color: transparent !important;
  color: var(--ls-custom-theme-color);
}
.left-sidebar-inner a.item:hover {
  background-color: transparent !important;
  color: var(--ls-custom-theme-color);
  opacity: 0.78;
}
.left-sidebar-inner, .left-sidebar-inner .create {
  background-color: var(--ls-primary-background-color);
  background-image: linear-gradient(transparent, var(--background-color)) !important;
}

/* search */
.ui__modal-overlay {
  -webkit-backdrop-filter: blur(8px) brightness(60%);
  backdrop-filter: blur(8px) brightness(60%);
  background-color: transparent !important;
}
.ui__modal-overlay div {
  background-color: transparent !important;
}

.ui__modal-panel {
  background-color: var(--ls-primary-background-color);
}

input[type=password], input[type=text] {
  background: 0 0 var(--ls-primary-background-color);
}

#ui__ac-inner > div a:hover {
  background-color: var(--ls-secondary-background-color);
  color: var(--ls-primary-text-color);
}

.ls-search {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.5);
}
.ls-search > .search-results-wrap ::-webkit-scrollbar {
  background-color: var(--ls-primary-background-color);
}
.ls-search #ui__ac-inner div > a.chosen {
  background-color: var(--ls-secondary-background-color);
}

.cp__palette-main .chosen,
.cp__select-main .chosen {
  background-color: var(--ls-secondary-background-color);
}

/* bullet */
:root {
  --ls-bullet-threading-focus-background-color: var(--ls-secondary-theme-color);
}

.ls-block .block-control span {
  background-color: transparent;
  box-shadow: none;
}
.ls-block .block-control svg {
  color: transparent;
}
.ls-block .block-control:hover svg {
  color: var(--ls-bullet-threading-focus-background-color);
}

.ls-block .bullet-container.cursor:hover {
  background-color: transparent !important;
}
.ls-block .bullet-container.cursor:hover .bullet {
  background-color: var(--ls-bullet-threading-focus-background-color);
  box-shadow: 0 0 0 1px var(--ls-bullet-threading-focus-background-color);
}
.ls-block .bullet-container.cursor.bullet-closed:not(:hover) {
  background-color: transparent;
}
.ls-block .bullet-container.cursor :not(:focus-within) .bullet {
  background-color: var(--ls-bullet-threading-background-color);
}

.ls-block .block-children-left-border:hover {
  background-color: var(--ls-bullet-threading-background-color);
  opacity: 0.85;
}
.ls-block .block-children {
  border-left-width: 1px !important;
  border-left-color: var(--ls-bullet-threading-background-color);
}
.ls-block .bullet {
  background-color: var(--ls-bullet-threading-focus-background-color);
  box-shadow: 0 0 0 1px var(--ls-bullet-threading-focus-background-color);
}
.ls-block .ls-block:focus-within > div > div.items-center::before {
  border-color: var(--ls-bullet-threading-focus-background-color);
}
.ls-block .block-children:focus-within > .ls-block:not(:focus-within)::before {
  border-color: var(--ls-bullet-threading-focus-background-color);
}
.ls-block[haschild=false]:focus-within > div > .block-content-wrapper::before {
  display: none;
}
.ls-block[haschild=true] > div > .block-content-wrapper::before {
  left: -11.6px;
}
@media screen and (min-width: 640px) {
  .ls-block[haschild=true] > div > .block-content-wrapper::before {
    left: -16px;
  }
}
.ls-block[haschild=true]:focus-within > div > .block-content-wrapper::before {
  border-color: var(--ls-block-bullet-active-color);
}

.custom-query .ls-block:focus-within > div > div.items-center::before,
.custom-query .block-children:focus-within > .ls-block:not(:focus-within)::before,
.custom-query .ls-block[haschild]:focus-within > div > .block-content-wrapper::before,
.cards-review .ls-card .ls-block:focus-within > div > div.items-center::before,
.cards-review .ls-card .block-children:focus-within > .ls-block:not(:focus-within)::before,
.cards-review .ls-card .ls-block[haschild]:focus-within > div > .block-content-wrapper::before {
  border: none;
}

@media screen and (max-width: 768px) {
  .ls-block:focus-within > div > div.items-center::before,
  .block-children:focus-within > .ls-block:not(:focus-within)::before,
  .ls-block[haschild]:focus-within > div > .block-content-wrapper::before {
    border: none;
  }
}
/* cards */
div[data-refs-self*='"card"'] {
  border-radius: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
  box-shadow: none;
}

.cards-review .cp__select-input {
  height: 1px;
}
.cards-review .cp__select-input:is(:active, :hover, :focus) {
  border-color: var(--ls-custom-theme-color);
}
.cards-review .cards-title {
  background-color: var(--ls-secondary-background-color);
}

.cards-review .ls-card button {
  background-color: var(--ls-secondary-background-color);
  color: var(--ls-primary-text-color);
  opacity: 0.8;
}
.cards-review .ls-card button:is(:visited, :focus) {
  border: none;
}
.cards-review .ls-card button:hover {
  opacity: 1;
  font-weight: 600;
}
.cards-review .ls-card .keyboard-shortcut code {
  color: var(--ls-custom-theme-color);
  background-color: transparent;
  box-shadow: none;
}
.cards-review .ls-card .keyboard-shortcut code::before {
  content: "(";
}
.cards-review .ls-card .keyboard-shortcut code::after {
  content: ")";
}

/* ==== code block style ===== */
.CodeMirror,
.CodeMirror-scroll .CodeMirror-sizer,
.CodeMirror-code .CodeMirror-linenumber {
  font-family: var(--ct-code-font-family);
  box-shadow: none;
  text-shadow: none !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -khtml-border-radius: 10px !important;
  border-radius: 10px !important;
}

.extensions__code-lang {
  background: transparent;
  color: var(--code-lang-color);
  right: 1%;
  top: 1%;
}
@media screen and (max-width: 640px) {
  .extensions__code-lang {
    display: none;
  }
}

.CodeMirror-hscrollbar:not(:hover, :active) {
  opacity: 0.05;
}

.CodeMirror-scroll .CodeMirror-sizer,
.cm-s-solarized.cm-s-dark {
  background: var(--ls-code-background-color) !important;
  color: var(--ls-code-color) !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -khtml-border-radius: 10px !important;
  border-radius: 10px !important;
}

.CodeMirror, .CodeMirror-scroll .CodeMirror-gutters,
.CodeMirror-code .CodeMirror-linenumber,
.cm-s-solarized.cm-s-dark .CodeMirror-gutters {
  color: var(--code-lang-color) !important;
  background: var(--ls-code-background-color) !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -khtml-border-radius: 10px !important;
  border-radius: 10px !important;
}

.CodeMirror .CodeMirror-lines div.CodeMirror-selected {
  background: var(--ls-code-selected-background-color) !important;
  font-weight: bolder !important;
}

:not(pre) > code {
  background-color: rgba(var(--ls-secondary-background-color), 0.7);
}

.cm-s-solarized .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: #5bdf66 !important;
}

.cm-s-solarized span.cm-comment {
  color: #a0a0a0;
}

.cm-s-solarized span.cm-string,
.cm-s-solarized span.cm-string-2 {
  color: #e6c963;
}

.cm-s-solarized span.cm-number {
  color: #978ade;
}

.cm-s-solarized span.cm-variable {
  color: #82aaff;
}

.cm-s-solarized span.cm-variable-2 {
  color: rgba(255, 255, 255, 0.7);
}

.cm-s-solarized span.cm-def {
  color: var(--ls-secondary-text-color);
}

.cm-s-solarized span.cm-operator {
  color: #f15f60;
}

.cm-s-solarized span.cm-keyword {
  color: #f15f60;
}

.cm-s-solarized span.cm-atom {
  color: #978ade;
}

.cm-s-solarized span.cm-meta {
  color: white;
}

.cm-s-solarized span.cm-tag {
  color: #f07178;
}

.cm-s-solarized span.cm-attribute {
  color: #c792ea;
}

.cm-s-solarized span.cm-qualifier {
  color: #41b394;
}

.cm-s-solarized span.cm-property {
  color: #9bd174;
}

.cm-s-solarized span.cm-builtin {
  color: #45add6;
}

.cm-s-solarized span.cm-variable-3,
.cm-s-solarized span.cm-type {
  color: orange;
}

.white-theme .cm-s-solarized span.cm-string,
.white-theme .cm-s-solarized span.cm-string-2 {
  color: orange;
}

.white-theme .cm-s-solarized span.cm-variable-2 {
  color: rgba(255, 255, 255, 0.7);
}

.white-theme .cm-s-solarized span.cm-def {
  color: var(--ls-secondary-text-color);
}

.white-theme .cm-s-solarized span.cm-meta {
  color: var(--ls-secondary-text-color);
}

.block-ref .block-body > .cp__fenced-code-block div {
  display: block !important;
}

/* ==== checkbox ==== */
:root {
  --task-done-text-color: var(--ls-task-done-text-color);
}

:is(.doing, .now) .form-checkbox,
:is(.doing, .now) .form-checkbox:focus {
  background-color: transparent !important;
}

.form-checkbox:checked, .form-checkbox:checked:focus {
  background-color: var(--task-done-text-color) !important;
  border: var(--background-color) !important;
}

.done {
  color: var(--task-done-text-color);
}
.done .tag:not(:hover) {
  color: var(--task-done-text-color) !important;
}
.done a::before {
  background-color: var(--task-done-text-color) !important;
}

:is(.doing, .todo) > a.block-marker:hover {
  color: var(--ls-custom-theme-color);
}

.text-sm.time-spent {
  padding-top: 1px;
}

.cp__header-logo, .fade-link {
  color: var(--ls-primary-text-color);
  background-color: transparent;
  font-size: 70%;
}
.cp__header-logo:hover, .fade-link:hover {
  color: var(--ls-custom-theme-color);
}

.block-ref a.fade-link, .block-ref .timestamp-label {
  display: none;
}
.block-ref .timestamp .opacity-80 {
  font-size: 70%;
}

/* Tags */
.dark-theme, .white-theme,
html[data-theme=dark], html[data-theme=light] {
  --tag-priority-a-color: var(--ls-tag-priority-a-color, #000);
  --tag-priority-b-color: var(--ls-tag-priority-b-color, #000);
  --tag-priority-c-color: var(--ls-tag-priority-c-color, #000);
  --tag-priority-a-background-color: var(--ls-tag-priority-a-background-color, var(--ct-warning-color));
  --tag-priority-b-background-color: var(--ls-tag-priority-b-background-color, var(--ct-highlight-color));
  --tag-priority-c-background-color: var(--ls-tag-priority-c-background-color, #E9ECEF);
  --tag-color: var(--ls-custom-theme-color);
  --tag-background-color: var(--ls-secondary-background-color);
}

a.tag {
  border: none;
  color: var(--tag-color);
}
a.tag:hover {
  color: var(--tag-color);
  background-color: rgba(var(--tag-background-color), 0.8);
  transform: scale(1.01);
  -webkit-transform: scale(1.01);
}

a[priority=A]::before,
a.priority[href="#/page/A" i]:before {
  content: "A";
  background: var(--tag-priority-a-background-color);
  border: var(--background);
  color: var(--tag-priority-a-color);
}

a[priority=B]::before,
a.priority[href="#/page/B" i]:before {
  content: "B";
  background: var(--tag-priority-b-background-color);
  border: var(--background);
  color: var(--tag-priority-b-color);
}

a[priority=C]::before,
a.priority[href="#/page/C" i]:before {
  content: "C";
  background: var(--tag-priority-c-background-color);
  border: var(--background);
  color: var(--tag-priority-c-color);
}

a.tag[data-ref=fix], a.tag[data-ref=FIX], a.tag[data-ref=Bug], a.tag[data-ref=bug], a.tag[data-ref=BUG] {
  --labels-bug-color: var(--ls-labels-bug-color, #D46459);
  color: var(--labels-bug-color);
}
@media (min-width: 640px) {
  a.tag[data-ref=fix], a.tag[data-ref=FIX], a.tag[data-ref=Bug], a.tag[data-ref=bug], a.tag[data-ref=BUG] {
    position: relative;
    float: right;
    top: 11%;
  }
}
a.tag[data-ref=fix]:hover, a.tag[data-ref=FIX]:hover, a.tag[data-ref=Bug]:hover, a.tag[data-ref=bug]:hover, a.tag[data-ref=BUG]:hover {
  color: var(--labels-bug-color);
}
a.tag[data-ref=Improvement], a.tag[data-ref=improvement], a.tag[data-ref=perf], a.tag[data-ref=PERF] {
  --labels-improvement-color: var(--ls-labels-improvement-color, #4EA7FC);
  color: var(--labels-improvement-color);
}
@media (min-width: 640px) {
  a.tag[data-ref=Improvement], a.tag[data-ref=improvement], a.tag[data-ref=perf], a.tag[data-ref=PERF] {
    position: relative;
    float: right;
    top: 11%;
  }
}
a.tag[data-ref=Improvement]:hover, a.tag[data-ref=improvement]:hover, a.tag[data-ref=perf]:hover, a.tag[data-ref=PERF]:hover {
  color: var(--labels-improvement-color);
}
a.tag[data-ref=Feature], a.tag[data-ref=feature], a.tag[data-ref=feat], a.tag[data-ref=FEAT] {
  --labels-feature-color: var(--ls-labels-feature-color, #BB87FC);
  color: var(--labels-feature-color);
}
@media (min-width: 640px) {
  a.tag[data-ref=Feature], a.tag[data-ref=feature], a.tag[data-ref=feat], a.tag[data-ref=FEAT] {
    position: relative;
    float: right;
    top: 11%;
  }
}
a.tag[data-ref=Feature]:hover, a.tag[data-ref=feature]:hover, a.tag[data-ref=feat]:hover, a.tag[data-ref=FEAT]:hover {
  color: var(--labels-feature-color);
}
a.tag[data-ref=Style], a.tag[data-ref=style], a.tag[data-ref=STYLE] {
  --labels-style-color: var(--ls-labels-style-color, gray);
  color: var(--labels-style-color);
}
@media (min-width: 640px) {
  a.tag[data-ref=Style], a.tag[data-ref=style], a.tag[data-ref=STYLE] {
    position: relative;
    float: right;
    top: 11%;
  }
}
a.tag[data-ref=Style]:hover, a.tag[data-ref=style]:hover, a.tag[data-ref=STYLE]:hover {
  color: var(--labels-style-color);
}
a.tag[data-ref=Chore], a.tag[data-ref=chore], a.tag[data-ref=CHORE] {
  --labels-chore-color: var(--ls-labels-chore-color, gray);
  color: var(--labels-chore-color);
}
@media (min-width: 640px) {
  a.tag[data-ref=Chore], a.tag[data-ref=chore], a.tag[data-ref=CHORE] {
    position: relative;
    float: right;
    top: 11%;
  }
}
a.tag[data-ref=Chore]:hover, a.tag[data-ref=chore]:hover, a.tag[data-ref=CHORE]:hover {
  color: var(--labels-chore-color);
}
a.tag[data-ref=Test], a.tag[data-ref=test], a.tag[data-ref=TEST] {
  --labels-test-color: var(--ls-labels-test-color, #E5DA45);
  color: var(--labels-test-color);
}
@media (min-width: 640px) {
  a.tag[data-ref=Test], a.tag[data-ref=test], a.tag[data-ref=TEST] {
    position: relative;
    float: right;
    top: 11%;
  }
}
a.tag[data-ref=Test]:hover, a.tag[data-ref=test]:hover, a.tag[data-ref=TEST]:hover {
  color: var(--labels-test-color);
}
a.tag[data-ref=refactor], a.tag[data-ref=Refactor], a.tag[data-ref=REFACTOR] {
  --labels-refactor-color: var(--ls-labels-refactor-color, #00DA97);
  color: var(--labels-refactor-color);
}
@media (min-width: 640px) {
  a.tag[data-ref=refactor], a.tag[data-ref=Refactor], a.tag[data-ref=REFACTOR] {
    position: relative;
    float: right;
    top: 11%;
  }
}
a.tag[data-ref=refactor]:hover, a.tag[data-ref=Refactor]:hover, a.tag[data-ref=REFACTOR]:hover {
  color: var(--labels-refactor-color);
}
a.tag[data-ref=Documentation], a.tag[data-ref=documentation], a.tag[data-ref=docs], a.tag[data-ref=DOCS] {
  --labels-documentation-color: var(--ls-labels-documentation-color, #39A8FC);
  color: var(--labels-documentation-color);
}
@media (min-width: 640px) {
  a.tag[data-ref=Documentation], a.tag[data-ref=documentation], a.tag[data-ref=docs], a.tag[data-ref=DOCS] {
    position: relative;
    float: right;
    top: 11%;
  }
}
a.tag[data-ref=Documentation]:hover, a.tag[data-ref=documentation]:hover, a.tag[data-ref=docs]:hover, a.tag[data-ref=DOCS]:hover {
  color: var(--labels-documentation-color);
}
a.tag[data-ref=question], a.tag[data-ref=Question], a.tag[data-ref=QUES], a.tag[data-ref=ques] {
  --labels-question-color: var(--ls-labels-question-color, #D97ECA);
  color: var(--labels-question-color);
}
@media (min-width: 640px) {
  a.tag[data-ref=question], a.tag[data-ref=Question], a.tag[data-ref=QUES], a.tag[data-ref=ques] {
    position: relative;
    float: right;
    top: 11%;
  }
}
a.tag[data-ref=question]:hover, a.tag[data-ref=Question]:hover, a.tag[data-ref=QUES]:hover, a.tag[data-ref=ques]:hover {
  color: var(--labels-question-color);
}
a.tag[data-ref=Idea], a.tag[data-ref=idea], a.tag[data-ref=IDEA] {
  --labels-idea-color: var(--ls-labels-idea-color, #5E6AD2);
  color: var(--labels-idea-color);
}
@media (min-width: 640px) {
  a.tag[data-ref=Idea], a.tag[data-ref=idea], a.tag[data-ref=IDEA] {
    position: relative;
    float: right;
    top: 11%;
  }
}
a.tag[data-ref=Idea]:hover, a.tag[data-ref=idea]:hover, a.tag[data-ref=IDEA]:hover {
  color: var(--labels-idea-color);
}

/* ==== embed and quote ==== */
.cp__right-sidebar-inner :not(.color-level) .sidebar-item-list > .color-level {
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2), 0 4px 6px -2px rgba(0, 0, 0, 0.1);
  background-color: var(--embed-right-sidebar-background-color) !important;
}

blockquote {
  background-color: var(--ls-primary-background-color);
  border-left-color: var(--ls-custom-theme-color);
}

.embed,
.embed-page,
.embed-block {
  border-radius: 8px;
  transition: all ease-in 0.3s;
}

:is(.embed, .embed-page, .embed-block):is(:hover, :focus-within) {
  box-shadow: none;
  transform: none;
  padding: 0.75em 0.5em;
  margin: 0.5em;
  border-radius: 8px;
  transition: all ease-in 0.3s;
}

/* ==== Graph View ==== */
.graph-filters {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border: none;
  background-color: var(--ls-secondary-background-color);
}
.graph-filters li:not(:last-of-type) {
  border-bottom: none;
}

/* query model */
.custom-query .block-control {
  display: none;
}

.custom-query .overflow-x-auto::-webkit-scrollbar {
  background-color: var(--ls-primary-background-color);
}

.custom-query .overflow-x-auto {
  scrollbar-color: var(--ls-primary-background-color); /* Firefox */
}

.custom-query .overflow-x-auto::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -khtml-border-radius: 10px !important;
  border-radius: 10px !important;
}

:not(:active) .custom-query .overflow-x-auto::-webkit-scrollbar-thumb {
  background-color: var(--ls-secondary-background-color, 0.7);
}

:not(:hover, :active) .custom-query .overflow-x-auto::-webkit-scrollbar-thumb {
  background-color: transparent;
}

.custom-query .query-title {
  background-color: transparent;
}
@media (max-width: 640px) {
  .custom-query .query-title {
    display: none;
  }
}

:not(.color-level) .color-level,
.custom-query > div:first-child {
  box-shadow: none;
  border-radius: 10px !important;
  border: 2px solid var(--ls-secondary-background-color) !important;
  background-color: transparent !important;
}

.table-auto > thead > tr > th {
  border-bottom: 2px solid var(--ls-secondary-background-color) !important;
}
.table-auto > tbody > tr.cursor {
  background-color: transparent !important;
}
.table-auto > tbody > tr.cursor:hover {
  background-color: var(--ls-secondary-background-color) !important;
}

/* pdf style */
:root {
  --ls-pdf-dark-background-color: #2B2B33;
  --ls-pdf-light-background-color: #F7F7F7;
  --ls-pdf-warm-background-color: #F9EFDB;
  --ls-pdf-dark-selected-background-color: #264F78;
  --ls-pdf-light-selected-background-color: #B9E7FF;
  --ls-pdf-warm-selected-background-color: #B9E7FF;
  --ls-pdf-highlight-red-color: #FCA5A5;
  --ls-pdf-highlight-blue-color: #93C5FD;
  --ls-pdf-highlight-purple-color: #D884FE;
  --ls-pdf-highlight-yellow-color: #FCD34D;
  --ls-pdf-highlight-green-color:#86EFAC;
}

#pdf-layout-container[data-theme=dark] {
  --pdf-background-color: var(--ls-pdf-dark-background-color, #2B2B33);
  --pdf-selected-background-color: var(--ls-pdf-dark-selected-background-color, #264F78);
  background-color: var(--pdf-background-color);
}
#pdf-layout-container[data-theme=dark] span {
  font-family: var(--ls-font-family) !important;
}
#pdf-layout-container[data-theme=dark] span::selection {
  background-color: var(--pdf-selected-background-color);
}
#pdf-layout-container[data-theme=dark] .textLayer {
  background-color: var(--pdf-background-color);
  opacity: 1;
}
#pdf-layout-container[data-theme=dark] .textLayer .highlight.appended {
  background-color: transparent;
  border: 2px dashed #ff3434;
}
#pdf-layout-container[data-theme=dark] .textLayer .highlight.selected {
  background-color: #ff3434;
}

#pdf-layout-container[data-theme=light] {
  --pdf-background-color: var(--ls-pdf-light-background-color, #F7F7F7);
  --pdf-selected-background-color: var(--ls-pdf-light-selected-background-color, #B9E7FF);
  background-color: var(--pdf-background-color);
}
#pdf-layout-container[data-theme=light] span {
  font-family: var(--ls-font-family) !important;
}
#pdf-layout-container[data-theme=light] span::selection {
  background-color: var(--pdf-selected-background-color);
}
#pdf-layout-container[data-theme=light] .textLayer {
  background-color: var(--pdf-background-color);
  opacity: 1;
}
#pdf-layout-container[data-theme=light] .textLayer .highlight.appended {
  background-color: transparent;
  border: 2px dashed #ff3434;
}
#pdf-layout-container[data-theme=light] .textLayer .highlight.selected {
  background-color: #ff3434;
}

#pdf-layout-container[data-theme=warm] {
  --pdf-background-color: var(--ls-pdf-warm-background-color, #F9EFDB);
  --pdf-selected-background-color: var(--ls-pdf-warm-selected-background-color, #B9E7FF);
  background-color: var(--pdf-background-color);
}
#pdf-layout-container[data-theme=warm] span {
  font-family: var(--ls-font-family) !important;
}
#pdf-layout-container[data-theme=warm] span::selection {
  background-color: var(--pdf-selected-background-color);
}
#pdf-layout-container[data-theme=warm] .textLayer {
  background-color: var(--pdf-background-color);
  opacity: 1;
}
#pdf-layout-container[data-theme=warm] .textLayer .highlight.appended {
  background-color: transparent;
  border: 2px dashed #ff3434;
}
#pdf-layout-container[data-theme=warm] .textLayer .highlight.selected {
  background-color: #ff3434;
}

#pdf-layout-container .extensions__pdf-viewer {
  scrollbar-color: var(--ls-custom-theme-color); /* Firefox */
}
#pdf-layout-container .extensions__pdf-viewer::-webkit-scrollbar {
  background-color: transparent;
}
#pdf-layout-container .extensions__pdf-viewer::-webkit-scrollbar-thumb {
  background-color: var(--ls-custom-theme-color);
}

#pdf-layout-container .extensions__pdf-toolbar {
  background: transparent !important;
}
#pdf-layout-container .extensions__pdf-toolbar .r.flex.buttons {
  background: var(--ls-primary-background-color);
  opacity: 0.15;
}
#pdf-layout-container .extensions__pdf-toolbar .r.flex.buttons:is(:hover, :active) {
  opacity: 0.9;
}
#pdf-layout-container .extensions__pdf-toolbar .extensions__pdf-outline-panels .extensions__pdf-highlights-list-item strong {
  color: #000;
}
#pdf-layout-container .extensions__pdf-toolbar .extensions__pdf-outline-panels .extensions__pdf-highlights-list-item .text-wrap:hover {
  color: #000;
}
#pdf-layout-container .extensions__pdf-toolbar .extensions__pdf-outline-panels .extensions__pdf-outline-list-content a:hover {
  color: #000;
  background-color: #C5C5C5;
}
#pdf-layout-container .extensions__pdf-toolbar .extensions__pdf-outline-panels .extensions__pdf-outline-list-content a:active {
  background-color: #C5C5C5;
}
#pdf-layout-container .extensions__pdf-toolbar .extensions__pdf-outline-panels::-webkit-scrollbar {
  background-color: transparent;
}

.extensions__pdf-hls-text-region .hls-text-region-item[data-color=red],
.extensions__pdf-hls-text-region .extensions__pdf-container [data-color=red] {
  background-color: transparent;
  border-bottom: 4px double var(--ls-pdf-highlight-red-color);
  opacity: 0.8;
}
.extensions__pdf-hls-text-region .hls-text-region-item[data-color=blue],
.extensions__pdf-hls-text-region .extensions__pdf-container [data-color=blue] {
  background-color: transparent;
  border-bottom: 4px double var(--ls-pdf-highlight-blue-color);
  opacity: 0.8;
}
.extensions__pdf-hls-text-region .hls-text-region-item[data-color=purple],
.extensions__pdf-hls-text-region .extensions__pdf-container [data-color=purple] {
  background-color: transparent;
  border-bottom: 4px double var(--ls-pdf-highlight-purple-color);
  opacity: 0.8;
}
.extensions__pdf-hls-text-region .hls-text-region-item[data-color=yellow],
.extensions__pdf-hls-text-region .extensions__pdf-container [data-color=yellow] {
  background-color: transparent;
  border-bottom: 4px double var(--ls-pdf-highlight-yellow-color);
  opacity: 0.8;
}
.extensions__pdf-hls-text-region .hls-text-region-item[data-color=green],
.extensions__pdf-hls-text-region .extensions__pdf-container [data-color=green] {
  background-color: transparent;
  border-bottom: 4px double var(--ls-pdf-highlight-green-color);
  opacity: 0.8;
}

body[data-page=all-journals] #main-content-container::-webkit-scrollbar,
body[data-page=home] #main-content-container::-webkit-scrollbar,
body[data-page=page] #main-content-container::-webkit-scrollbar,
.menu-links-wrapper::-webkit-scrollbar {
  display: none;
}

body[data-page=all-journals] #main-content-container body[data-page=home] #main-content-container,
body[data-page=page] #main-content-container,
.menu-links-wrapper {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
  overflow-x: hidden;
  overflow-y: auto;
}

#main-content-container::-webkit-scrollbar {
  background-color: transparent;
}
#main-content-container::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -khtml-border-radius: 10px !important;
  border-radius: 10px !important;
}

.dropdown-wrapper {
  border: none !important;
}

.menu-links-wrapper {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.5);
}

.menu-links-wrapper .menu-separator {
  display: none;
}

.sidebar-item-list .page-properties, .sidebar-item-list .block-properties {
  background-color: var(--ls-secondary-background-color);
}

#right-sidebar-container .editor-inner .absolute[data-modal-name=commands] {
  left: 0px;
}

.page-reference:hover {
  background-color: transparent;
}
.page-reference .page-ref:hover {
  color: var(--ls-custom-theme-color);
}

a.external-link {
  color: var(--ls-custom-theme-color) !important;
}

.block-properties.page-properties .page-property-key,
.block-children .page-property-key {
  color: var(--ls-primary-theme-color);
}
.block-properties.page-properties .page-property-key:hover,
.block-children .page-property-key:hover {
  background-color: transparent;
  color: var(--ls-custom-theme-color);
}

.editor-inner .absolute[data-modal-name=commands] .ui__ac-group-name,
.editor-inner .absolute[data-modal-name=block-commands] .ui__ac-group-name,
.editor-inner .absolute[data-modal-name=page-search] .ui__ac-group-name,
.editor-inner .absolute[data-modal-name=block-search] .ui__ac-group-name {
  color: var(--ls-custom-theme-color);
}
.editor-inner .absolute[data-modal-name=commands] #ui__ac-inner div > a.chosen,
.editor-inner .absolute[data-modal-name=block-commands] #ui__ac-inner div > a.chosen,
.editor-inner .absolute[data-modal-name=page-search] #ui__ac-inner div > a.chosen,
.editor-inner .absolute[data-modal-name=block-search] #ui__ac-inner div > a.chosen {
  background-color: var(--ls-secondary-background-color);
}
.editor-inner .absolute[data-modal-name=commands]::-webkit-scrollbar,
.editor-inner .absolute[data-modal-name=block-commands]::-webkit-scrollbar,
.editor-inner .absolute[data-modal-name=page-search]::-webkit-scrollbar,
.editor-inner .absolute[data-modal-name=block-search]::-webkit-scrollbar {
  background-color: transparent;
}
.editor-inner .absolute[data-modal-name=commands]::-webkit-scrollbar-thumb,
.editor-inner .absolute[data-modal-name=block-commands]::-webkit-scrollbar-thumb,
.editor-inner .absolute[data-modal-name=page-search]::-webkit-scrollbar-thumb,
.editor-inner .absolute[data-modal-name=block-search]::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -khtml-border-radius: 10px !important;
  border-radius: 10px !important;
}

b, strong {
  color: var(--ls-custom-theme-color);
  font-weight: 300;
}

.ls-block :is(h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5)::after {
  background-color: transparent;
  font-size: 0.55rem;
  color: var(--ls-secondary-text-color);
}

.editor-inner .uniline-block:is(.h1, .h2),
.ls-block :is(h1, h2) {
  border-bottom: 1px solid var(--ls-secondary-background-color);
}

.settings-modal #settings .settings-menu li.active {
  background-color: var(--ls-secondary-background-color);
}
.settings-modal #settings .settings-menu a strong {
  color: var(--ls-primary-text-color);
}

.zotero-settings .form-input, .zotero-settings .form-select {
  box-shadow: none;
}

.cp__themes-installed .it.is-active {
  background-color: var(--ls-secondary-background-color);
  color: var(--ls-custom-theme-color);
}

/* All Pages Style */
.actions:not(.has-selected) .actions-wrap .ui__button {
  background-color: transparent;
}

.actions.has-selected .actions-wrap .ui__button {
  color: var(--ls-custom-theme-color);
}
.actions.has-selected .actions-wrap .ui__button:hover {
  background-color: var(--ls-secondary-background-color);
}

.table-auto.cp__all_pages_table tbody a {
  color: var(--ls-custom-theme-color);
}

.cp__sidebar-main-content .menu-links-wrapper .menu-link:hover {
  color: var(--ls-primary-text-color);
}

.cp__sidebar-main-content .actions .form-input:focus {
  box-shadow: 0 0 0 0.8px var(--ls-custom-theme-color);
  border: none;
}