@charset "UTF-8";

:root {
    /* Text editor */
	--bg-color: #ffffff;
	--text-color: #37352f;
	--body-text-color: #37352f;
	--text-cursor-color: var(--text-color);
	--secondary-text-color: #73726e;
	--text-accent-color: #e9e9e7;
	--bg-color-dark: #f7f6f3;
	--text-highlight-color: #4f3b2a;
	--text-highlight-bg: #feecc8;
	--code-fence-text-color: #ec5757;
	--code-fence-bg-color: #f7f6f3;
	--blockquote-bg-color: var(--bg-color);
	--blockquote-accent-color: var(--text-color);
	--blockquote-text-color: var(--text-color);
	--light-trait-100: #38352f;
	--light-trait-200: #37352f;
	--light-trait-300: #37352f;
	--light-trait-400: #37352f;
	--todo-bg-color: #2eaadc;
	--todo-tick-color: #fff;
	--search-select-bg-color: #edf3ec;
	--search-select-text-color: #448361;
	--search-hit-text-color: #d44c47;
	--search-hit-bg-color: #fdebec;
	--url-text-color: black;
	--url-underline-color: #37352f;
	--footnote-text-color: #f7f6f3;
	--footnote-bg-color: #888884;
	--table-primary-color: var(--bg-color);
	--table-secondary-color: var(--bg-color);
	--select-text-bg-color: #c0e5f4;
	--code-color: #9a6e3a;
	--code-cursor-color: var(--text-color);
	--kbd-text-color: #73726e;
	--kbd-bg-color: var(--bg-color-dark);
    /* Menu system */
	--side-bar-bg-color: var(--bg-color-dark);
	--side-bar-text-color: var(--text-color);
	--item-hover-bg-color: #e8e7e4;
	--window-border: 1px solid var(--bg-color);
	--active-file-bg-color: #e9e7e4;
	--active-file-border-color: var(--active-file-bg-color);
	--active-file-text-color: var(--text-color);
	--footer-bg-color: var(--side-bar-bg-color);
	--control-text-color: #72706b;
    /* General */
	--font-size: 16px;
	--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
	--monospace: 'SF Mono Medium', 'Fira Code', 'Cousine', 'Consolas', monospace;
	--heading-char-color: var(--light-trait-400);
	--color-popover-bg-color: var(--text-color);
	--rawblock-edit-panel-bd: var(--bg-color-dark);
	--meta-content-color: var(--body-text-color);
	--primary-btn-border-color: var(--body-text-color);
	--border-radius: 4px;
    /* Code variables */
	--cm-line: #999999;
	--cm-variable: #37352f;
	--cm-keyword: #0277aa;
	--cm-tag: #ff5a5a;
	--cm-bracket: #ff5a5a;
	--cm-error: #ff5a5a;
	--cm-attribute: #0277aa;
	--cm-def: #dc4a68;
	--cm-comment: #708090;
	--cm-string: #669900;
	--cm-operator: #9a6e3b;
	--cm-number: #990055;
	--cm-meta: var(--text-color);
	--cm-atom: #845dc4;
	--cm-builtin: #669900;
	--cm-property: var(--text-color);
	--cm-variable-2: var(--text-color);
	--cm-variable-3: #0277aa;
	--cm-gutter: #f1f3f450;
}

.post-markdown-style{
	font-size: var(--font-size);
}

.post-markdown-style {
	font-family: var(--font-family);
	-webkit-font-smoothing: antialiased;
	color: var(--body-text-color);
	line-height: 1.6;
}

.post-markdown-style code {
	background-color: var(--code-fence-bg-color);
	padding: 2px 2px 2px 2px;
}

.post-markdown-style #write {
	max-width: 860px;
	margin: 0 auto;
	padding: 30px;
	padding-bottom: 100px;
}

@media only screen and (min-width: 1400px) {
	.post-markdown-style #write {
		max-width: 1024px;
	}
}

@media only screen and (min-width: 1800px) {
	.post-markdown-style #write {
		max-width: 1200px;
	}
}

.post-markdown-style #write > ul:first-child,
  .post-markdown-style #write > ol:first-child {
	margin-top: 30px;
}

.post-markdown-style a {
	color: var(--text-color);
}

.post-markdown-style h1,
  .post-markdown-style h2,
  .post-markdown-style h3,
  .post-markdown-style h4,
  .post-markdown-style h5,
  .post-markdown-style h6 {
	position: relative;
	margin-top: 2rem;
	margin-bottom: 1rem;
	font-weight: 700;
	line-height: 1.4;
	cursor: text;
}

.post-markdown-style cursor {
	color: var(--text-cursor-color);
}

.post-markdown-style h1:hover a.anchor,
  .post-markdown-style h2:hover a.anchor,
  .post-markdown-style h3:hover a.anchor,
  .post-markdown-style h4:hover a.anchor,
  .post-markdown-style h5:hover a.anchor,
  .post-markdown-style h6:hover a.anchor {
	text-decoration: none;
}

.post-markdown-style h1 tt,
  .post-markdown-style h1 code,
  .post-markdown-style h2 tt,
  .post-markdown-style h2 code,
  .post-markdown-style h3 tt,
  .post-markdown-style h3 code,
  .post-markdown-style h4 tt,
  .post-markdown-style h4 code,
  .post-markdown-style h5 tt,
  .post-markdown-style h5 code,
  .post-markdown-style h6 tt,
  .post-markdown-style h6 code {
	font-size: inherit;
}

.post-markdown-style h1 {
	padding-bottom: 0.3em;
	font-size: 2.2em;
	line-height: 1.3;
	color: var(--light-trait-100);
}

.post-markdown-style h2 {
	padding-bottom: 0.3em;
	font-size: 1.75em;
	line-height: 1.225;
	color: var(--light-trait-200);
}

.post-markdown-style h3 {
	font-size: 1.4em;
	line-height: 1.43;
	color: var(--light-trait-300);
}

.post-markdown-style h4 {
	font-size: 1.2em;
	color: var(--light-trait-400);
}

.post-markdown-style h5 {
	font-size: 1em;
	color: var(--light-trait-400);
}

.post-markdown-style h6 {
	font-size: 1em;
	color: var(--light-trait-400);
}

.post-markdown-style p,
  .post-markdown-style blockquote,
  .post-markdown-style ul,
  .post-markdown-style ol,
  .post-markdown-style dl,
  .post-markdown-style table {
	margin: 0.8em 0;
}

.post-markdown-style li > ol,
  .post-markdown-style li > ul {
	margin: 0 0;
}

.post-markdown-style hr {
	background-color: var(--light-trait-100);
	height: 1.5px;
	border: none;
}

.post-markdown-style a,
  .post-markdown-style .md-def-url {
	color: var(--url-text-color);
	text-decoration: none;
	border-bottom: 0.05em solid;
	border-color: var(--url-underline-color);
	transition: all .1s ease-in;
}

.post-markdown-style a:hover {
	text-decoration: none;
	opacity: 1;
}

.post-markdown-style sup.md-footnote {
	background-color: var(--footnote-text-color);
	color: var(--footnote-bg-color);
}

.post-markdown-style li p.first {
	display: inline-block;
}

.post-markdown-style ul,
  .post-markdown-style ol {
	padding-left: 30px;
}

.post-markdown-style ul:first-child,
  .post-markdown-style ol:first-child {
	margin-top: 0.35%;
}

.post-markdown-style ul:last-child,
  .post-markdown-style ol:last-child {
	margin-bottom: 0;
}

.post-markdown-style mark,
  .post-markdown-style .ty-file-search-match-text,
  .post-markdown-style .md-search-hit {
	background: var(--search-hit-bg-color);
	color: var(--search-hit-text-color);
}

.post-markdown-style mark {
	border-radius: 4px;
	color: var(--text-highlight-color);
	font-weight: inherit;
	background-color: var(--text-highlight-bg);
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
}

.post-markdown-style .md-search-hit * {
	background: var(--search-select-bg-color);
	color: var(--search-select-text-color);
}

.post-markdown-style .cm-search-hit.CodeMirror-selectedtext,
  .post-markdown-style .md-search-hit.md-search-select,
  .post-markdown-style .md-search-select {
	outline: 0px solid var(--search-select-text-color);
}

.post-markdown-style .outline-item.select,
  .post-markdown-style .ty-search-item-line.select,
  .post-markdown-style .ty-search-item.select {
	outline-width: 2px;
}

.post-markdown-style .outline-item.select {
	outline-offset: 0px;
}

.post-markdown-style blockquote {
	color: var(--blockquote-text-color);
	margin-left: 1.75px;
	margin-right: 0px;
	border-left: 4px solid var(--blockquote-accent-color);
	padding: 10px 14px 7px 22px;
    /* change the quote highlight */
	background-color: var(--blockquote-bg-color);
}

.post-markdown-style blockquote blockquote {
	padding-right: 0;
}

.post-markdown-style table tr:nth-child(2n) {
	background-color: var(--table-primary-color);
}

.post-markdown-style table tr:nth-child(2n + 1) {
	background-color: var(--table-secondary-color);
}

.post-markdown-style table {
	padding: 0;
	word-break: initial;
}

.post-markdown-style table tr {
	border-top: 1px solid var(--text-accent-color);
	margin: 0;
	padding: 0;
}

.post-markdown-style table tr th {
	font-weight: bold;
	border: 1px solid var(--text-accent-color);
	border-bottom: 0;
	margin: 0;
	padding: 6px 13px;
}

.post-markdown-style table tr td {
	border: 1px solid var(--text-accent-color);
	margin: 0;
	padding: 6px 13px;
}

.post-markdown-style table tr th:first-child,
  .post-markdown-style table tr td:first-child {
	margin-top: 0;
}

.post-markdown-style table tr th:last-child,
  .post-markdown-style table tr td:last-child {
	margin-bottom: 0;
}

.post-markdown-style kbd {
	font-size: 0.875rem;
	background: var(--kbd-bg-color);
	border: 1px solid var(--text-accent-color);
	box-shadow: 0 2px 0 var(--text-accent-color);
	color: var(--kbd-text-color);
}

.post-markdown-style .md-fences,
  .post-markdown-style code,
  .post-markdown-style tt {
	border: none;
	color: var(--code-fence-text-color);
	background-color: var(--code-fence-bg-color);
	border-radius: var(--border-radius);
	padding: 2px 4px 0px 4px;
	font-size: 0.975em;
	font-weight: medium;
	font-family: var(--monospace);
}

.post-markdown-style .md-fences {
	margin-bottom: 15px;
	margin-top: 15px;
	padding-top: 8px;
	padding-bottom: 6px;
}

.post-markdown-style #write pre.md-meta-block {
	padding: 1rem;
	font-size: 85%;
	line-height: 1.45;
	background-color: var(--bg-color-dark);
	border: 0;
	border-radius: var(--border-radius);
	color: var(--secondary-text-color);
	margin-top: 0 !important;
}

.post-markdown-style #write .mathjax-block .md-rawblock-tooltip {
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: var(--border-radius);
}

.post-markdown-style #write .mathjax-block .md-math-container {
	border-top-left-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}

.post-markdown-style #write .md-mathblock-panel .md-rawblock-control:first-of-type {
	border-top-left-radius: var(--border-radius);
}

.post-markdown-style .md-mathjax-midline {
	background-color: var(--bg-color);
	color: var(--text-color);
}

.post-markdown-style .md-inline-math script {
	color: var(--code-color);
}

.post-markdown-style .CodeMirror-lines {
	padding-left: 4px;
}

.post-markdown-style .code-tooltip {
	box-shadow: none;
	border-radius: var(--border-radius);
}

.post-markdown-style #write .code-tooltip {
	bottom: initial;
	top: 100%;
	left: initial;
	right: -1px;
	background: var(--bg-color-dark);
	border: 1px solid var(--text-accent-color);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top: 0;
	font-family: var(--monospace);
}

.post-markdown-style #write .md-mathblock-panel .code-tooltip {
	right: 0;
	border: none;
}

.post-markdown-style #write .md-task-list-item > input {
	-webkit-appearance: initial;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	border: 1px solid var(--text-color);
	margin-top: 0.3rem;
	margin-left: -1.45rem;
	height: 0.95rem;
	width: 0.95rem;
	transition: all 0.35s;
}

.post-markdown-style #write .md-task-list-item > input:focus {
	outline: none;
	box-shadow: none;
}

.post-markdown-style #write .md-task-list-item > input[checked] {
	background: var(--todo-bg-color);
	border: 1px solid var(--todo-bg-color);
	text-decoration: line-through;
}

.post-markdown-style #write .md-task-list-item > input[checked]::before {
	display: flex;
	align-items: center;
	justify-content: center;
	content: '✓';
	position: absolute;
	margin-top: 0.05rem;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	color: var(--todo-tick-color);
	font-size: 0.75em;
	font-weight: 600;
}

.post-markdown-style #write .md-task-list-item > input[checked]::after {
	text-decoration: line-through;
}

.post-markdown-style .md-image > .md-meta {
	border-radius: var(--border-radius);
	padding: 2px 0px 0px 4px;
	font-size: 0.9em;
	color: inherit;
}

.post-markdown-style .md-toc {
	margin-top: 20px;
	padding-bottom: 20px;
}

.post-markdown-style .CodeMirror.cm-s-typora-default *,
  .post-markdown-style .cm-s-typora-default * {
	background: inherit;
	color: var(--body-text-color);
	font-family: var(--monospace);
	font-size: var(--font-size) !important;
	font-style: normal;
	font-weight: medium;
}

.post-markdown-style .CodeMirror.cm-s-typora-default div.CodeMirror-cursor {
	border-left: 2.75px solid var(--code-cursor-color);
}

.post-markdown-style .CodeMirror div.CodeMirror-cursor {
	border-left: 2.75px solid var(--code-cursor-color);
}

.post-markdown-style .sidebar-tabs {
	border-bottom: none;
}

.post-markdown-style .outline-expander {
	width: 1.5rem;
	vertical-align: initial;
}

.post-markdown-style .outline-expander:before,
  .post-markdown-style .outline-expander:hover:before,
  .post-markdown-style .outline-item-open > .outline-item > .outline-expander:before,
  .post-markdown-style .outline-item-open > .outline-item > .outline-expander:hover:before {
	content: "\f125";
	transition: transform 125ms ease-in-out;
}

.post-markdown-style .outline-item-open > .outline-item > .outline-expander:hover:before,
  .post-markdown-style .outline-item-open > .outline-item > .outline-expander:before {
	transform: rotate(90deg);
}

.post-markdown-style .outline-label:hover {
	text-decoration: none;
}

.post-markdown-style #toc-dropmenu {
	background: var(--bg-color-dark);
}

.post-markdown-style #toc-dropmenu .outline-title {
	font-size: 1rem;
	text-transform: uppercase;
}

.post-markdown-style .dropdown-menu .divider {
	display: none;
}

.post-markdown-style .context-menu {
	border: none !important;
	backdrop-filter: saturate(180%) blur(20px) brightness(1.1);
	background-color: var(--bg-color-dark);
	box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18) !important;
}

.post-markdown-style .file-node-background {
	height: 31px;
}

.post-markdown-style .file-node-content:hover .file-node-icon,
  .post-markdown-style .file-node-content:hover .file-node-open-state {
	visibility: visible;
}

.post-markdown-style .file-node-icon {
	margin-right: 8px;
}

.post-markdown-style .file-library-node:not(.file-node-root):focus > .file-node-content {
	outline: none;
}

.post-markdown-style .blink-area {
	animation: none;
}

.post-markdown-style .file-list-item-summary {
	font-size: var(--font-size);
	font-family: var(--font-family);
}

.post-markdown-style #md-searchpanel input {
	border-radius: var(--border-radius);
	box-shadow: none;
}

.post-markdown-style #md-searchpanel input:focus {
	box-shadow: none;
	border-color: var(--meta-content-color);
}

.post-markdown-style #md-searchpanel .search-type-selection {
	width: auto;
}

.post-markdown-style #md-searchpanel .btn:not(.close-btn):hover {
	box-shadow: none;
}

.post-markdown-style .mac-seamless-mode #typora-sidebar {
	color: var(--sidebar-text-color);
	background-color: var(--side-bar-bg-color);
}

.post-markdown-style #md-notification .btn {
	border: 0;
}

.post-markdown-style pre.CodeMirror-line {
	color: var(--cm-line) !important;
}

.post-markdown-style .cm-variable {
	color: var(--cm-variable) !important;
}

.post-markdown-style .cm-keyword {
	color: var(--cm-keyword) !important;
}

.post-markdown-style .cm-tag {
	color: var(--cm-tag) !important;
}

.post-markdown-style .cm-variable-3 {
	color: var(--cm-variable-3) !important;
}

.post-markdown-style .cm-bracket {
	color: var(--cm-bracket);
}

.post-markdown-style .cm-error {
	color: var(--cm-error) !important;
}

.post-markdown-style .cm-attribute {
	color: var(--cm-attribute) !important;
}

.post-markdown-style .cm-def {
	color: var(--cm-def) !important;
}

.post-markdown-style .cm-comment {
	color: var(--cm-comment) !important;
}

.post-markdown-style .cm-string {
	color: var(--cm-string) !important;
	font-variant-ligatures: common-ligatures !important;
}

.post-markdown-style .cm-tag:not() {
	font-weight: 700;
}

.post-markdown-style .cm-operator {
	color: var(--cm-operator) !important;
}

.post-markdown-style .cm-number {
	color: var(--cm-number) !important;
}

.post-markdown-style .cm-meta {
	color: var(--cm-meta) !important;
	font-weight: 700 !important;
}

.post-markdown-style .cm-atom {
	color: var(--cm-atom) !important;
}

.post-markdown-style .cm-builtin {
	color: var(--cm-builtin) !important;
}

.post-markdown-style .cm-property {
	color: var(--cm-property) !important;
}

.post-markdown-style .cm-variable-2 {
	color: var(--cm-variable-2) !important;
}

.post-markdown-style .file-tree-node.active > .file-node-background {
	color: var(--active-file-text-color);
	background-color: var(--active-file-bg-color);
	border-left: 0px solid var(--active-file-border-color) !important;
	border-color: var(--active-file-border-color) !important;
}

.post-markdown-style .CodeMirror-gutters {
	border-right: 1px solid var(--cm-gutter);
	background: inherit;
	white-space: nowrap;
}

.post-markdown-style .ty-footer,
  .post-markdown-style .sidebar-footer,
  .post-markdown-style footer {
	backdrop-filter: saturate(120%) blur(20px) brightness(0.85);
	border: none !important;
	background: none;
	background-color: var(--footer-bg-color);
}

.post-markdown-style .code-tooltip {
	border-radius: 4px;
	background-color: var(--dark-trait);
	box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.52), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.28) !important;
}

.post-markdown-style #sidebar-files-menu {
	color: var(--side-bar-text-color);
	border-radius: 4px;
	border: none !important;
	box-shadow: 0 25.6px 57.6px 0 #f7f6f3, 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.28);
}

.post-markdown-style .code-tooltip.md-tooltip-hide.md-hover-tip {
	box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.52), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.28);
}

.post-markdown-style #typora-sidebar {
	border: none !important;
}

.post-markdown-style #footer-word-count-info,
  .post-markdown-style #spell-check-panel {
	border: none !important;
	backdrop-filter: saturate(120%) blur(20px) brightness(0.85) !important;
	box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.32), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.28) !important;
}

.post-markdown-style .megamenu-content,
  .post-markdown-style .megamenu-opened header {
	color: var(--body-text-color);
	background: var(--bg-color-dark);
}

.post-markdown-style #recent-file-panel-action-btn {
	background: inherit;
	border: 1px var(--light-trait-300) solid;
}

.post-markdown-style .megamenu-menu-panel table td:nth-child(1) {
	color: var(--text-color);
	background: var(--bg-color-dark);
}

.post-markdown-style .megamenu-menu-panel table td:nth-child(2) {
	color: var(--text-color);
	background: var(--bg-color-dark);
}

.post-markdown-style .megamenu-menu-panel tbody tr:hover td:nth-child(1) {
	color: var(--text-color);
	background: var(--active-file-bg-color);
}

.post-markdown-style .megamenu-menu-panel tbody tr:hover td:nth-child(2) {
	color: var(--text-color);
	background: var(--active-file-bg-color);
}

.post-markdown-style .megamenu-menu-panel input[type='text'] {
	background: inherit;
	border: 1px var(--text-color-secondary) solid;
}

.post-markdown-style #recent-file-panel-action-btn {
	background: inherit;
}

.post-markdown-style .megamenu-menu,
  .post-markdown-style .megamenu-content {
	background: var(--side-bar-bg-color);
	color: var(--text-color);
}

.post-markdown-style #top-titlebar,
  .post-markdown-style #top-titlebar * {
	background: inherit;
	color: var(--text-color);
}

.post-markdown-style .megamenu-menu-header #megamenu-menu-header-title:before {
	color: var(--text-color);
}

.post-markdown-style megamenu-back-btn {
	color: var(--text-color);
	border-color: var(--text-color);
}

.post-markdown-style .megamenu-menu-header #megamenu-menu-header-title,
  .post-markdown-style .megamenu-menu-header:hover,
  .post-markdown-style .megamenu-menu-header:focus {
	color: inherit;
}

.post-markdown-style .megamenu-menu-panel table tr:nth-child(2n + 1) {
	background-color: var(--side-bar-bg-color);
}