/*
 * Copyright (c) 2023, Terwer . All rights reserved.
 * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
 *
 * This code is free software; you can redistribute it and/or modify it
 * under the terms of the GNU General Public License version 2 only, as
 * published by the Free Software Foundation.  Terwer designates this
 * particular file as subject to the "Classpath" exception as provided
 * by Terwer in the LICENSE file that accompanied this code.
 *
 * This code is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
 * FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License
 * version 2 for more details (a copy is included in the LICENSE file that
 * accompanied this code).
 *
 * You should have received a copy of the GNU General Public License version
 * 2 along with this work; if not, write to the Free Software Foundation,
 * Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
 *
 * Please contact Terwer, Shenzhen, Guangdong, China, youweics@163.com
 * or visit www.terwer.space if you need additional information or have any
 * questions.
 */
@import './style/common/fonts/webfont/webfont.css';
:root {
  --b3-font-family: "Open Sans", "LXGW WenKai", "-apple-system", "Microsoft YaHei", "Times New Roman", "方正北魏楷书_GBK";
  --b3-font-family-code: "Open Sans", "LXGW WenKai", "-apple-system", "Microsoft YaHei", "Times New Roman", "方正北魏楷书_GBK";
  --b3-font-family-graph: "Open Sans", "LXGW WenKai", "-apple-system", "Microsoft YaHei", "Times New Roman", "方正北魏楷书_GBK";
  --b3-font-family-emoji: "Open Sans", "LXGW WenKai", "-apple-system", "Microsoft YaHei", "Times New Roman", "方正北魏楷书_GBK";
  --b3-font-family-math: "KaTeX_Main", "Times New Roman", "serif", "JetBrains Mono", "Open Sans", "LXGW WenKai", "-apple-system", "Microsoft YaHei", "Times New Roman", "方正北魏楷书_GBK";
  --b3-font-family-protyle: "Open Sans", "LXGW WenKai", "-apple-system", "Microsoft YaHei", "Times New Roman", "方正北魏楷书_GBK";
}
html {
  font-size: 16px;
  margin: 0;
  padding: 0;
  color: var(--b3-theme-on-background);
}
html .b3-label {
  line-height: 22px;
}
html a {
  color: var(--b3-protyle-inline-blockref-color);
}
html[data-theme-mode="light"] {
  --b3-theme-surface: #f4f4f4;
  --b3-theme-background: #fff;
  --b3-theme-primary: #121212;
  --b3-theme-on-background: #121212;
  --b3-border-color: rgba(0,0,0,0.12);
  --b3-list-hover: rgba(153,153,153,0.15);
}
html[data-theme-mode="dark"] {
  --b3-theme-surface: #121212;
  --b3-theme-background: #000;
  --b3-theme-primary: #3573f0;
  --b3-theme-on-background: #9b9baa;
  --b3-border-color: #30363d;
  --b3-list-hover: rgba(153,153,153,0.15);
}
html[data-theme-mode="green"] {
  --b3-font-family: "Open Sans", "LXGW WenKai", "-apple-system", "Microsoft YaHei", "Times New Roman", "方正北魏楷书_GBK";
  --b3-theme-surface: #ececcc;
  --b3-theme-background: #f5f5d5;
  --b3-theme-primary: #00323c;
  --b3-theme-on-background: #704214;
  --b3-border-color: rgba(0,0,0,0.15);
  --b3-list-hover: rgba(153,153,153,0.15);
}
.code-block {
  border: 0.5px solid var(--b3-border-color) !important;
  border-radius: 5px !important;
  padding-top: 32px !important;
  background: var(--zhi-code-tab-bg);
}
.b3-typography div.hljs,
.protyle-wysiwyg div.hljs {
  color: var(--b3-theme-on-background);
  padding: 8px;
  font-family: var(--b3-font-family-code);
  border-top: 0.5px solid var(--b3-border-color);
  border-radius: 0 0 5px 5px !important;
  background: var(--zhi-code-content-bg);
  white-space: pre;
}
.code-block .protyle-action::after {
  content: " ";
  position: absolute;
  background: #fa625c;
  box-shadow: 23px 0 #fdbc40, 45px 0 #35cd4b;
  border-radius: 50%;
  top: 5px !important;
  left: 8px !important;
  height: 12px !important;
  width: 12px !important;
  z-index: 1;
}
.protyle-wysiwyg [data-node-id][custom-jupyter-block-type][custom-jupyter-block-type=code]:after {
  top: 5px;
  left: 8.5em;
}
.protyle-wysiwyg [data-node-id][custom-jupyter-block-type][custom-jupyter-block-type=code]:before {
  top: 9px;
  left: 7.5em;
}
.b3-typography .code-block:not(pre),
.protyle-wysiwyg .code-block:not(pre) {
  padding: 2em 0 0 0;
}
.protyle-linenumber__rows {
  width: 40px;
  padding: 4px;
  padding-top: 8px;
  margin-bottom: 0;
  border: none;
  font-family: var(--b3-font-family-code);
  border-top-left-radius: 0;
}
.protyle-linenumber__rows span::before {
  color: #808007;
}
.b3-typography .code-block .protyle-action .protyle-action__language,
.protyle-wysiwyg .code-block .protyle-action .protyle-action__language {
  margin-top: 0;
  position: absolute;
  right: 3.5em;
  border-radius: 1px;
  opacity: 1 !important;
  font-family: var(--b3-font-family-code);
}
.b3-typography .code-block .protyle-action .protyle-action__language::after,
.protyle-wysiwyg .code-block .protyle-action .protyle-action__language::after {
  content: "›";
  font-family: var(--b3-font-family-code);
  color: rgba(128,128,128,0.502);
  opacity: 1;
}
code.hljs {
  border: 1px solid var(--b3-border-color1);
}
.b3-typography .code-block .protyle-action .protyle-icon,
.b3-typography .code-block .protyle-action .protyle-action__language,
.protyle-wysiwyg .code-block .protyle-action .protyle-icon,
.protyle-wysiwyg .code-block .protyle-action .protyle-action__language {
  opacity: 1 !important;
  background-color: transparent !important;
}
.b3-typography .code-block .protyle-action .protyle-icon svg,
.b3-typography .code-block .protyle-action .protyle-action__language svg,
.protyle-wysiwyg .code-block .protyle-action .protyle-icon svg,
.protyle-wysiwyg .code-block .protyle-action .protyle-action__language svg {
  color: #808080;
}
html[data-theme-mode="light"] {
  --zhi-code-tab-bg: #fff;
  --zhi-code-content-bg: #f8f9fa;
}
html[data-theme-mode="dark"] {
  --zhi-code-tab-bg: #000;
  --zhi-code-content-bg: #1e1e1e;
}
html[data-theme-mode="green"] {
  --zhi-code-tab-bg: #f5f5d5;
  --zhi-code-content-bg: rgba(27,31,35,0.05);
}
#preview .protyle-action__language {
  right: 0.2rem !important;
}
#preview .protyle-action__language::after {
  display: none !important;
}
#preview .protyle-action__copy {
  display: none !important;
}
.card__block .protyle-wysiwyg .p[data-node-id][custom-riff-decks] {
  margin-top: 12px;
}
.protyle-wysiwyg .p[data-node-id][custom-riff-decks] {
  border-left: none !important;
  border-radius: 0;
  padding: 12px;
  background-clip: padding-box;
}
.protyle-wysiwyg .p[data-node-id][custom-riff-decks]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.15em;
  height: 100%;
  background-color: #00c853;
  box-shadow: 0 0 5px 2px var(--b3-card-success-background);
}
.protyle-wysiwyg span[data-type*="mark"] {
  padding: 2px 8px;
  margin-right: 4px;
  margin-left: 4px;
  color: var(--b3-card-success-color);
  background-color: var(--b3-card-success-background);
  border-radius: 5px;
}
.card__block .protyle-wysiwyg .li[data-node-id][custom-riff-decks] {
  margin-top: 12px;
}
.protyle-wysiwyg .li[data-node-id][custom-riff-decks] {
  border-left: none !important;
  border-radius: 0;
  box-shadow: 0 0 5px 2px #ff6a6a !important;
  padding: 12px;
  background-clip: padding-box;
}
.protyle-wysiwyg .li[data-node-id][custom-riff-decks]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.15em;
  height: 100%;
  background-color: #ff6a6a;
  box-shadow: 0 0 5px 2px var(--b3-card-warning-background);
}
.card__block .protyle-wysiwyg div[data-type="NodeSuperBlock"][data-node-id][custom-riff-decks] {
  margin-top: 12px;
}
.protyle-wysiwyg div[data-type="NodeSuperBlock"][data-node-id][custom-riff-decks] {
  border-left: none;
  border-radius: 0;
  box-shadow: 0 0 5px 2px #7c4dff;
  padding: 12px;
  background-clip: padding-box;
}
.protyle-wysiwyg div[data-type="NodeSuperBlock"][data-node-id][custom-riff-decks]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.15em;
  height: 100%;
  background-color: #7c4dff;
  box-shadow: 0 0 5px 2px var(--b3-card-info-background);
}
html[data-theme-mode="light"] .protyle-wysiwyg .p[data-node-id][custom-riff-decks] {
  box-shadow: 0 0 5px 2px rgba(0,0,0,0.2) !important;
}
html[data-theme-mode="dark"] .protyle-wysiwyg .p[data-node-id][custom-riff-decks] {
  box-shadow: 0 0 5px 2px #f5f5f5;
}
.protyle-background__tags {
  margin-left: 60px !important;
}
.protyle-background__iconw {
  left: 78px !important;
}
.protyle-title {
  margin-top: 0 !important;
  margin-left: 72px !important;
  margin-right: 48px !important;
}
.protyle-wysiwyg {
  padding-left: 72px !important;
  padding-right: 48px !important;
}
.protyle-wysiwyg--attr {
  padding-top: 0 !important;
}
.protyle-wysiwyg blockquote,
.protyle-wysiwyg .bq {
  background-color: transparent;
  border-radius: 0;
  border-color: var(--b3-protyle-inline-link-color);
}
.b3-typography blockquote,
.b3-typography .bq {
  background-color: transparent;
  border-radius: 0;
  border-color: var(--b3-protyle-inline-link-color);
}
.protyle-wysiwyg blockquote::before,
.protyle-wysiwyg .bq::before {
  border-radius: 0;
  background-color: var(--b3-protyle-inline-link-color);
}
.protyle-wysiwyg [data-node-id].hr>div:after {
  background-color: #e7e6db;
}
html[data-theme-mode="light"] {
  --b3-protyle-inline-blockref-color: #175199;
  --b3-protyle-inline-tag-color: #8590a6;
  --b3-protyle-inline-link-color: #175199;
}
html[data-theme-mode="dark"] {
  --b3-protyle-inline-blockref-color: #6385a6;
  --b3-protyle-inline-fileref-color: #8590a6;
  --b3-protyle-inline-link-color: #6385a6;
}
html[data-theme-mode="green"] {
  --b3-protyle-inline-blockref-color: #175199;
  --b3-protyle-inline-tag-color: #8590a6;
  --b3-protyle-inline-link-color: #175199;
}
@media only screen and (max-width: 825px) {
  .protyle-background__tags {
    margin-left: 16px !important;
  }
  .protyle-background__iconw {
    left: 16px !important;
  }
  .protyle-title {
    margin-top: unset !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .protyle-wysiwyg {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}