/*───────────────────────────────────────────────────────
OBSIDIANOTION
A Notion-inspired look and feel for Obsidian.

Version 2.0 — rebuilt from scratch
Author: Diego Eis

Scope: colors, typography, content formatting (headings,
paragraphs, properties/frontmatter), sidebar structure,
borders and spacing. Deliberately does NOT reproduce
Notion-specific widgets (colored/emoji page icons set per
note, page covers, kanban/table chrome, etc.) — see README.
The one exception is the file-type icon in the sidebar
(folder/note/base) — that's app chrome, not per-note content.

Sidebar file-type icons are from Lucide (https://lucide.dev,
ISC/MIT license) — the same icon set Obsidian's own UI uses.

Readme:
https://github.com/diegoeis/obsidianotion
────────────────────────────────────────────────────── */



* {
  scrollbar-color: #D3D1CB rgba(0, 0, 0, 0);
}

.theme-light,
.theme-dark {
  
  --font-text-theme: ui-sans-serif, -apple-system, "system-ui", "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", "Noto Sans Arabic", "Noto Sans Hebrew", Arial, sans-serif;
  --font-interface-theme: ui-sans-serif, -apple-system, "system-ui", "Segoe UI Variable Display", "Segoe UI", Helvetica, "Apple Color Emoji", "Noto Sans Arabic", "Noto Sans Hebrew", Arial, sans-serif;
  --font-monospace-theme: "SF Mono", "Cascadia Code", Consolas, monospace;

  --font-text-size: 16px;
  --line-height-normal: 1.5;
  --line-height-tight: 1.3;

  
  --h1-size: 1.875em;
  --h1-weight: 700;
  --h1-line-height: 1.2;

  --h2-size: 1.5em;
  --h2-weight: 700;
  --h2-line-height: 1.25;

  --h3-size: 1.25em;
  --h3-weight: 700;
  --h3-line-height: 1.3;

  --h4-size: 1.1em;
  --h4-weight: 600;
  --h4-line-height: 1.35;

  --h5-size: 1em;
  --h5-weight: 600;
  --h5-line-height: 1.4;

  --h6-size: 0.9em;
  --h6-weight: 600;
  --h6-line-height: 1.4;

  --heading-spacing: 2em;
  --p-spacing: 1em;

  
  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 12px;
  --radius-xl: 16px;

  --border-width: 1px;

  
  --shadow-s: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-m: 0 2px 8px rgba(0, 0, 0, 0.06), 0 0 1px rgba(0, 0, 0, 0.08);
  --shadow-l: 0 12px 28px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.06);

  --input-radius: var(--radius-s);
  --button-radius: var(--radius-m);
  --checkbox-radius: var(--radius-s);
}



.theme-light {
  --color-accent-hsl: 205, 100%, 43%;

  
  --interactive-accent: #0075de;
  --interactive-accent-hover: #005bab;
  --color-accent: #0075de;

  --text-accent: #0075de;
  --text-accent-hover: #005bab;
  --text-on-accent: #ffffff;
  --text-on-accent-inverted: #0075de;

  
  --background-primary: #ffffff;
  --background-primary-alt: #ffffff;
  --background-secondary: #F9F8F7;
  --background-secondary-alt: #efeeec;

  --background-modifier-hover: rgba(0, 0, 0, 0.05);
  --background-modifier-active-hover: rgba(0, 0, 0, 0.08);
  --background-modifier-border: #e6e6e6;
  --background-modifier-border-hover: #d9d9d9;
  --background-modifier-border-focus: #0075de;
  --background-modifier-error: #fef1f0;
  --background-modifier-error-hover: #fce4e2;
  --background-modifier-success: #e9f6ea;
  --background-modifier-message: rgba(0, 0, 0, 0.9);
  --background-modifier-form-field: #ffffff;

  --interactive-normal: #ffffff;
  --interactive-hover: #f6f5f4;

  
  --text-normal: #31302e;
  --text-muted: #615d59;
  --text-faint: #a39e98;
  --text-error: #eb5757;
  --text-success: #1aae39;
  --text-warning: #dd5b00;
  --text-selection: rgba(0, 117, 222, 0.16);
  --text-highlight-bg: rgba(255, 212, 0, 0.32);
  --caret-color: #0075de;

  --divider-color: #e6e6e6;
  --scrollbar-thumb-bg: rgba(0, 0, 0, 0.13);
  --scrollbar-active-thumb-bg: rgba(0, 0, 0, 0.22);
  --scrollbar-bg: transparent;
}



.theme-dark {
  --color-accent-hsl: 205, 90%, 60%;

  --interactive-accent: #4dabf7;
  --interactive-accent-hover: #74c0fc;
  --color-accent: #4dabf7;

  --text-accent: #4dabf7;
  --text-accent-hover: #74c0fc;
  --text-on-accent: #0b0d12;
  --text-on-accent-inverted: #4dabf7;

  --background-primary: #1f1f1f;
  --background-primary-alt: #1f1f1f;
  --background-secondary: #191919;
  --background-secondary-alt: #141414;

  --background-modifier-hover: rgba(255, 255, 255, 0.055);
  --background-modifier-active-hover: rgba(255, 255, 255, 0.09);
  --background-modifier-border: #2c2c2c;
  --background-modifier-border-hover: #3a3a3a;
  --background-modifier-border-focus: #4dabf7;
  --background-modifier-error: #3a2422;
  --background-modifier-error-hover: #482a27;
  --background-modifier-success: #1e3324;
  --background-modifier-message: rgba(255, 255, 255, 0.9);
  --background-modifier-form-field: #262626;

  --interactive-normal: #2a2a2a;
  --interactive-hover: #333333;

  --text-normal: #e6e6e4;
  --text-muted: #9b9a97;
  --text-faint: #6e6d6a;
  --text-error: #ff6b6b;
  --text-success: #51cf66;
  --text-warning: #ffa94d;
  --text-selection: rgba(77, 171, 247, 0.24);
  --text-highlight-bg: rgba(255, 212, 0, 0.24);
  --caret-color: #4dabf7;

  --divider-color: #2c2c2c;
  --scrollbar-thumb-bg: rgba(255, 255, 255, 0.13);
  --scrollbar-active-thumb-bg: rgba(255, 255, 255, 0.22);
  --scrollbar-bg: transparent;
}



.markdown-source-view.mod-cm6 .cm-line,
.markdown-preview-view p {
  line-height: var(--line-height-normal);
}

.markdown-rendered h1,
.markdown-rendered h2,
.markdown-rendered h3,
.markdown-rendered h4,
.markdown-rendered h5,
.markdown-rendered h6,
.cm-header {
  color: var(--text-normal);
  letter-spacing: -0.01em;
}

.markdown-rendered h1,
.HyperMD-header-1 {
  letter-spacing: -0.02em;
}

.markdown-rendered h2,
.HyperMD-header-2 {
  letter-spacing: -0.015em;
}


.inline-title {
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.02em;
  color: var(--text-normal);
}

.markdown-rendered p,
.markdown-source-view p {
  color: var(--text-normal);
}

.markdown-rendered strong {
  font-weight: 600;
}

.markdown-rendered a,
.cm-link,
.cm-hmd-internal-link {
  color: var(--text-accent);
  text-decoration: none;
}

.markdown-rendered a:hover {
  color: var(--text-accent-hover);
  text-decoration: underline;
}

blockquote {
  border-left: 3px solid var(--background-modifier-border);
  color: var(--text-muted);
}

code,
.cm-inline-code {
  background-color: var(--background-secondary);
  border-radius: var(--radius-s);
  color: var(--text-normal);
}

pre {
  background-color: var(--background-secondary);
  border-radius: var(--radius-m);
  border: var(--border-width) solid var(--background-modifier-border);
}

hr {
  border-color: var(--background-modifier-border);
}



.metadata-container {
  --metadata-background: transparent;
  --metadata-border-color: var(--background-modifier-border);
  --metadata-border-width: 0 0 var(--border-width) 0;
  --metadata-padding: 0 0 var(--size-4-4) 0;
  --metadata-gap: var(--size-4-1);

  --metadata-divider-color: transparent;
  --metadata-divider-color-hover: var(--background-modifier-border);
  --metadata-divider-color-focus: var(--background-modifier-border-focus);
  --metadata-divider-width: 0;

  --metadata-property-padding: var(--size-2-1) var(--size-4-1);
  --metadata-property-radius: var(--radius-s);
  --metadata-property-radius-hover: var(--radius-s);
  --metadata-property-radius-focus: var(--radius-s);
  --metadata-property-background: transparent;
  --metadata-property-background-hover: var(--background-modifier-hover);
  --metadata-property-background-active: var(--background-modifier-active-hover);

  --metadata-label-font-size: 14px;
  --metadata-label-font-weight: 400;
  --metadata-label-text-color: rgb(125, 122, 117);
  --metadata-label-text-color-hover: var(--text-normal);
  --metadata-label-width: 8.5em;

  --metadata-input-font-size: 14px;
  --metadata-input-text-color: var(--text-normal);
  --metadata-input-background: transparent;
  --metadata-input-background-hover: transparent;
  --metadata-input-background-active: transparent;

  margin-bottom: var(--size-4-4);
}


.metadata-property-icon {
  color: var(--text-faint);
}


.metadata-add-button {
  color: var(--text-faint);
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

.metadata-add-button:hover {
  color: var(--text-muted);
}


.metadata-property-key,
.metadata-property-key-input,
.metadata-property-value,
.metadata-input-longtext,
.metadata-input-text,
.metadata-input-number,
.metadata-property-key input,
.metadata-property-value input,
.metadata-property-value textarea,
.metadata-container input,
.metadata-container textarea {
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.metadata-property-key:focus,
.metadata-property-key-input:focus,
.metadata-property-value:focus,
.metadata-input-longtext:focus,
.metadata-input-text:focus,
.metadata-property-key input:focus,
.metadata-property-value input:focus,
.metadata-property-value textarea:focus,
.metadata-container input:focus,
.metadata-container textarea:focus {
  border: none !important;
  box-shadow: none !important;
}



.workspace-split.mod-left-split .workspace-tabs,
.workspace-split.mod-right-split .workspace-tabs {
  background-color: var(--background-secondary);
}

.nav-header {
  padding: var(--size-4-2) var(--size-4-2) var(--size-4-1);
}

.nav-buttons-container {
  border-bottom: none;
  padding-bottom: var(--size-4-1);
}

.nav-files-container,
.nav-folder.mod-root > .nav-folder-children {
  padding-top: var(--size-2-1);
}


.nav-files-container::-webkit-scrollbar-thumb,
.vertical-tab-header::-webkit-scrollbar-thumb {
  background-color: #D3D1CB;
}

.tree-item.nav-folder,
.tree-item.nav-file,
.nav-folder-title,
.nav-file-title,
.tree-item-self.is-clickable {
  cursor: pointer;
}

.nav-folder-title,
.nav-file-title {
  --nav-item-color: #5F5E59;
  --nav-item-color-hover: var(--text-normal);
  --nav-item-color-selected: var(--text-normal);
  --nav-item-background-hover: #EEEDEC;
  --nav-item-background-active: var(--background-modifier-active-hover);
  --nav-item-background-selected: #EEEDEC;
  --nav-item-weight: var(--font-normal);
  --nav-item-weight-hover: var(--font-normal);
  --nav-item-weight-active: var(--font-normal);
  border-radius: var(--radius-s);
  padding: var(--size-2-2) var(--size-4-2);
  cursor: pointer;
}

.nav-folder-title.is-active {
  --nav-item-background-selected: var(--background-modifier-hover);
  font-weight: var(--font-medium);
}

.nav-file-title-content,
.nav-folder-title-content {
  font-size: var(--font-ui-small);
}


.nav-folder-title-content,
.nav-file-title-content {
  display: flex;
  align-items: center;
  gap: 6px;
}

.nav-folder-title-content::before,
.nav-file-title-content::before {
  content: "";
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  background-color: #8E8B86;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.nav-folder-title:hover .nav-folder-title-content::before,
.nav-file-title:hover .nav-file-title-content::before {
  background-color: var(--nav-item-color-hover);
}

.nav-folder-title.is-active .nav-folder-title-content::before,
.nav-file-title.is-active .nav-file-title-content::before,
.nav-file-title.is-selected .nav-file-title-content::before {
  background-color: var(--nav-item-color-selected);
}


.nav-folder-title-content::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E");
}


.nav-file-title-content::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3C/svg%3E");
}


.nav-file-title[data-path$='.base'] .nav-file-title-content::before,
.nav-file[data-path$='.base'] .nav-file-title-content::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18'/%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M3 15h18'/%3E%3C/svg%3E");
}


.nav-header + .tree-item-self,
.tree-item-self.nav-folder-title.mod-root {
  font-weight: var(--font-medium);
}


.workspace-ribbon {
  background-color: var(--background-secondary);
  border-right: var(--border-width) solid var(--background-modifier-border);
}

.side-dock-actions .side-dock-ribbon-action,
.workspace-ribbon .clickable-icon {
  color: #8E8B86;
}



.workspace-tab-header {
  --tab-radius: var(--radius-s) var(--radius-s) 0 0;
  --tab-background-active: var(--background-primary);
  --tab-text-color-focused-active: var(--text-normal);
  --tab-font-weight: var(--font-normal);
  cursor: pointer;
}

.workspace-tab-header-container {
  border-bottom: var(--border-width) solid var(--background-modifier-border);
  background-color: var(--background-secondary);
}




button,
.clickable-icon {
  cursor: pointer;
}


button:not(.clickable-icon):not(.mod-cta):not(.mod-destructive) {
  border: var(--border-width) solid var(--background-modifier-border);
}



button.mod-destructive {
  background-color: var(--text-error) !important;
  color: var(--text-on-accent) !important;
  border: none !important;
}

button.mod-destructive:hover {
  opacity: 0.9;
}







.modal {
  border-radius: var(--radius-l);
  box-shadow: var(--shadow-l);
  border: none;
}

.menu,
.suggestion-container,
.popover {
  border-radius: var(--radius-m);
  box-shadow: var(--shadow-m);
  border: var(--border-width) solid var(--background-modifier-border);
}


.callout {
  --callout-radius: var(--radius-m);
  --callout-border-width: 1px;
  --callout-border-opacity: 0.25;
}





.theme-light {
  --tag-cycle-1-bg: rgba(98, 174, 240, 0.16);   
  --tag-cycle-1-text: #1c6dbf;
  --tag-cycle-2-bg: rgba(214, 182, 246, 0.35);  
  --tag-cycle-2-text: #6b21a8;
  --tag-cycle-3-bg: rgba(255, 100, 200, 0.16);  
  --tag-cycle-3-text: #c2255c;
  --tag-cycle-4-bg: rgba(221, 91, 0, 0.14);     
  --tag-cycle-4-text: #a34500;
  --tag-cycle-5-bg: rgba(42, 157, 153, 0.16);   
  --tag-cycle-5-text: #1f7a77;
  --tag-cycle-6-bg: rgba(26, 174, 57, 0.16);    
  --tag-cycle-6-text: #15803d;
  --tag-cycle-7-bg: rgba(82, 52, 16, 0.12);     
  --tag-cycle-7-text: #6b4519;
}

.theme-dark {
  --tag-cycle-1-bg: rgba(98, 174, 240, 0.2);
  --tag-cycle-1-text: #7cc4ff;
  --tag-cycle-2-bg: rgba(214, 182, 246, 0.18);
  --tag-cycle-2-text: #d6b6f6;
  --tag-cycle-3-bg: rgba(255, 100, 200, 0.18);
  --tag-cycle-3-text: #ff8ad4;
  --tag-cycle-4-bg: rgba(221, 91, 0, 0.2);
  --tag-cycle-4-text: #ff9d52;
  --tag-cycle-5-bg: rgba(42, 157, 153, 0.2);
  --tag-cycle-5-text: #5cc9c5;
  --tag-cycle-6-bg: rgba(26, 174, 57, 0.18);
  --tag-cycle-6-text: #4ade80;
  --tag-cycle-7-bg: rgba(82, 52, 16, 0.28);
  --tag-cycle-7-text: #cf9d6c;
}


a.tag,
.cm-hashtag-begin,
.cm-hashtag-end,
.multi-select-pill {
  border-radius: var(--radius-s);
}


a.tag:nth-of-type(7n + 1),
.cm-hashtag-end:nth-of-type(7n + 1),
.cm-hashtag-begin:has(+ .cm-hashtag-end:nth-of-type(7n + 1)) {
  --tag-background: var(--tag-cycle-1-bg);
  --tag-color: var(--tag-cycle-1-text);
}
a.tag:nth-of-type(7n + 2),
.cm-hashtag-end:nth-of-type(7n + 2),
.cm-hashtag-begin:has(+ .cm-hashtag-end:nth-of-type(7n + 2)) {
  --tag-background: var(--tag-cycle-2-bg);
  --tag-color: var(--tag-cycle-2-text);
}
a.tag:nth-of-type(7n + 3),
.cm-hashtag-end:nth-of-type(7n + 3),
.cm-hashtag-begin:has(+ .cm-hashtag-end:nth-of-type(7n + 3)) {
  --tag-background: var(--tag-cycle-3-bg);
  --tag-color: var(--tag-cycle-3-text);
}
a.tag:nth-of-type(7n + 4),
.cm-hashtag-end:nth-of-type(7n + 4),
.cm-hashtag-begin:has(+ .cm-hashtag-end:nth-of-type(7n + 4)) {
  --tag-background: var(--tag-cycle-4-bg);
  --tag-color: var(--tag-cycle-4-text);
}
a.tag:nth-of-type(7n + 5),
.cm-hashtag-end:nth-of-type(7n + 5),
.cm-hashtag-begin:has(+ .cm-hashtag-end:nth-of-type(7n + 5)) {
  --tag-background: var(--tag-cycle-5-bg);
  --tag-color: var(--tag-cycle-5-text);
}
a.tag:nth-of-type(7n + 6),
.cm-hashtag-end:nth-of-type(7n + 6),
.cm-hashtag-begin:has(+ .cm-hashtag-end:nth-of-type(7n + 6)) {
  --tag-background: var(--tag-cycle-6-bg);
  --tag-color: var(--tag-cycle-6-text);
}
a.tag:nth-of-type(7n + 7),
.cm-hashtag-end:nth-of-type(7n + 7),
.cm-hashtag-begin:has(+ .cm-hashtag-end:nth-of-type(7n + 7)) {
  --tag-background: var(--tag-cycle-7-bg);
  --tag-color: var(--tag-cycle-7-text);
}


.cm-hashtag-begin {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cm-hashtag-end {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}


.metadata-property[data-property-key="tags"] .multi-select-pill:nth-child(7n + 1) {
  background-color: var(--tag-cycle-1-bg);
  color: var(--tag-cycle-1-text);
}
.metadata-property[data-property-key="tags"] .multi-select-pill:nth-child(7n + 2) {
  background-color: var(--tag-cycle-2-bg);
  color: var(--tag-cycle-2-text);
}
.metadata-property[data-property-key="tags"] .multi-select-pill:nth-child(7n + 3) {
  background-color: var(--tag-cycle-3-bg);
  color: var(--tag-cycle-3-text);
}
.metadata-property[data-property-key="tags"] .multi-select-pill:nth-child(7n + 4) {
  background-color: var(--tag-cycle-4-bg);
  color: var(--tag-cycle-4-text);
}
.metadata-property[data-property-key="tags"] .multi-select-pill:nth-child(7n + 5) {
  background-color: var(--tag-cycle-5-bg);
  color: var(--tag-cycle-5-text);
}
.metadata-property[data-property-key="tags"] .multi-select-pill:nth-child(7n + 6) {
  background-color: var(--tag-cycle-6-bg);
  color: var(--tag-cycle-6-text);
}
.metadata-property[data-property-key="tags"] .multi-select-pill:nth-child(7n + 7) {
  background-color: var(--tag-cycle-7-bg);
  color: var(--tag-cycle-7-text);
}

.multi-select-pill-remove-button {
  color: currentColor;
  opacity: 0.6;
}


.tag-pane-tag:nth-child(7n + 1) .tag-pane-tag-text { color: var(--tag-cycle-1-text); }
.tag-pane-tag:nth-child(7n + 2) .tag-pane-tag-text { color: var(--tag-cycle-2-text); }
.tag-pane-tag:nth-child(7n + 3) .tag-pane-tag-text { color: var(--tag-cycle-3-text); }
.tag-pane-tag:nth-child(7n + 4) .tag-pane-tag-text { color: var(--tag-cycle-4-text); }
.tag-pane-tag:nth-child(7n + 5) .tag-pane-tag-text { color: var(--tag-cycle-5-text); }
.tag-pane-tag:nth-child(7n + 6) .tag-pane-tag-text { color: var(--tag-cycle-6-text); }
.tag-pane-tag:nth-child(7n + 7) .tag-pane-tag-text { color: var(--tag-cycle-7-text); }





.task-list-item-checkbox {
  --checkbox-size: 18px;
  vertical-align: middle;
  position: relative;
  top: 2px;
}

input[data-task='s']:checked:before,
li[data-task='s'] > input:checked:before,
li[data-task='s'] > p > input:checked:before {
  content: "🧵";
  font-size: 1.1rem;
}

input[data-task='s']:checked,
li[data-task='s'] > input:checked,
li[data-task='s'] > p > input:checked {
  --checkbox-marker-color: transparent;
  background-color: transparent;
  border-color: transparent;
}







input[data-task='!']:checked,
input[data-task='*']:checked,
input[data-task='-']:checked,
input[data-task='<']:checked,
input[data-task='>']:checked,
input[data-task='I']:checked,
input[data-task='b']:checked,
input[data-task='c']:checked,
input[data-task='d']:checked,
input[data-task='f']:checked,
input[data-task='k']:checked,
input[data-task='l']:checked,
input[data-task='p']:checked,
input[data-task='u']:checked,
input[data-task='w']:checked,
li[data-task='!'] > input:checked,
li[data-task='!'] > p > input:checked,
li[data-task='*'] > input:checked,
li[data-task='*'] > p > input:checked,
li[data-task='-'] > input:checked,
li[data-task='-'] > p > input:checked,
li[data-task='<'] > input:checked,
li[data-task='<'] > p > input:checked,
li[data-task='>'] > input:checked,
li[data-task='>'] > p > input:checked,
li[data-task='I'] > input:checked,
li[data-task='I'] > p > input:checked,
li[data-task='b'] > input:checked,
li[data-task='b'] > p > input:checked,
li[data-task='c'] > input:checked,
li[data-task='c'] > p > input:checked,
li[data-task='d'] > input:checked,
li[data-task='d'] > p > input:checked,
li[data-task='f'] > input:checked,
li[data-task='f'] > p > input:checked,
li[data-task='k'] > input:checked,
li[data-task='k'] > p > input:checked,
li[data-task='l'] > input:checked,
li[data-task='l'] > p > input:checked,
li[data-task='p'] > input:checked,
li[data-task='p'] > p > input:checked,
li[data-task='u'] > input:checked,
li[data-task='u'] > p > input:checked,
li[data-task='w'] > input:checked,
li[data-task='w'] > p > input:checked {
  --checkbox-marker-color: transparent;
  border: none;
  border-radius: 0;
  background-image: none;
  background-color: currentColor;
  -webkit-mask-size: 88% 88%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
}
input[data-task='>']:checked,
li[data-task='>'] > input:checked,
li[data-task='>'] > p > input:checked {
  color: var(--text-faint);
  transform: rotate(90deg);
  -webkit-mask-position: 50% 100%;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M10.894 2.553a1 1 0 00-1.788 0l-7 14a1 1 0 001.169 1.409l5-1.429A1 1 0 009 15.571V11a1 1 0 112 0v4.571a1 1 0 00.725.962l5 1.428a1 1 0 001.17-1.408l-7-14z' /%3E%3C/svg%3E");
}
input[data-task='<']:checked,
li[data-task='<'] > input:checked,
li[data-task='<'] > p > input:checked {
  color: var(--text-faint);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd' /%3E%3C/svg%3E");
}
input[data-task='?']:checked,
li[data-task='?'] > input:checked,
li[data-task='?'] > p > input:checked {
  --checkbox-marker-color: transparent;
  background-color: var(--color-yellow);
  border-color: var(--color-yellow);
  background-position: 50% 50%;
  background-size: 200% 90%;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"%3E%3Cpath fill="white" fill-rule="evenodd" d="M4.475 5.458c-.284 0-.514-.237-.47-.517C4.28 3.24 5.576 2 7.825 2c2.25 0 3.767 1.36 3.767 3.215c0 1.344-.665 2.288-1.79 2.973c-1.1.659-1.414 1.118-1.414 2.01v.03a.5.5 0 0 1-.5.5h-.77a.5.5 0 0 1-.5-.495l-.003-.2c-.043-1.221.477-2.001 1.645-2.712c1.03-.632 1.397-1.135 1.397-2.028c0-.979-.758-1.698-1.926-1.698c-1.009 0-1.71.529-1.938 1.402c-.066.254-.278.461-.54.461h-.777ZM7.496 14c.622 0 1.095-.474 1.095-1.09c0-.618-.473-1.092-1.095-1.092c-.606 0-1.087.474-1.087 1.091S6.89 14 7.496 14Z"%2F%3E%3C%2Fsvg%3E');
}
.theme-dark input[data-task='?']:checked,
.theme-dark li[data-task='?'] > input:checked,
.theme-dark li[data-task='?'] > p > input:checked {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"%3E%3Cpath fill="black" fill-opacity="0.8" fill-rule="evenodd" d="M4.475 5.458c-.284 0-.514-.237-.47-.517C4.28 3.24 5.576 2 7.825 2c2.25 0 3.767 1.36 3.767 3.215c0 1.344-.665 2.288-1.79 2.973c-1.1.659-1.414 1.118-1.414 2.01v.03a.5.5 0 0 1-.5.5h-.77a.5.5 0 0 1-.5-.495l-.003-.2c-.043-1.221.477-2.001 1.645-2.712c1.03-.632 1.397-1.135 1.397-2.028c0-.979-.758-1.698-1.926-1.698c-1.009 0-1.71.529-1.938 1.402c-.066.254-.278.461-.54.461h-.777ZM7.496 14c.622 0 1.095-.474 1.095-1.09c0-.618-.473-1.092-1.095-1.092c-.606 0-1.087.474-1.087 1.091S6.89 14 7.496 14Z"%2F%3E%3C%2Fsvg%3E');
}
input[data-task='/']:checked,
li[data-task='/'] > input:checked,
li[data-task='/'] > p > input:checked {
  background-image: none;
  background-color: transparent;
  position: relative;
  overflow: hidden;
}
input[data-task='/']:checked:after,
li[data-task='/'] > input:checked:after,
li[data-task='/'] > p > input:checked:after {
  top: 0;
  left: 0;
  content: ' ';
  display: block;
  position: absolute;
  background-color: var(--color-accent);
  width: calc(50% - 0.5px);
  height: 100%;
  -webkit-mask-image: none;
}
input[data-task='!']:checked,
li[data-task='!'] > input:checked,
li[data-task='!'] > p > input:checked {
  color: var(--color-orange);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E");
}
input[data-task='"']:checked,
input[data-task='“']:checked,
li[data-task='"'] > input:checked,
li[data-task='"'] > p > input:checked,
li[data-task='“'] > input:checked,
li[data-task='“'] > p > input:checked {
  --checkbox-marker-color: transparent;
  background-position: 50% 50%;
  background-color: var(--color-cyan);
  border-color: var(--color-cyan);
  background-size: 75%;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="white" d="M6.5 10c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.318.142-.686.238-1.028.466c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.945c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.317.143-.686.238-1.028.467c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.944c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 17.5 10z"%2F%3E%3C%2Fsvg%3E');
}
.theme-dark input[data-task='"']:checked,
.theme-dark input[data-task='“']:checked,
.theme-dark li[data-task='"'] > input:checked,
.theme-dark li[data-task='"'] > p > input:checked,
.theme-dark li[data-task='“'] > input:checked,
.theme-dark li[data-task='“'] > p > input:checked {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="black" fill-opacity="0.7" d="M6.5 10c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.318.142-.686.238-1.028.466c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.945c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.317.143-.686.238-1.028.467c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.944c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 17.5 10z"%2F%3E%3C%2Fsvg%3E');
}
input[data-task='-']:checked,
li[data-task='-'] > input:checked,
li[data-task='-'] > p > input:checked {
  color: var(--text-faint);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E");
}
.markdown-preview-view ul li[data-task='-'].task-list-item.is-checked,
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task='-']),
li[data-task='-'].task-list-item.is-checked {
  color: var(--text-faint);
  text-decoration: line-through;
}
input[data-task='*']:checked,
li[data-task='*'] > input:checked,
li[data-task='*'] > p > input:checked {
  color: var(--color-yellow);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z' /%3E%3C/svg%3E");
}
input[data-task='l']:checked,
li[data-task='l'] > input:checked,
li[data-task='l'] > p > input:checked {
  color: var(--color-red);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z' clip-rule='evenodd' /%3E%3C/svg%3E");
}
input[data-task='i']:checked,
li[data-task='i'] > input:checked,
li[data-task='i'] > p > input:checked {
  --checkbox-marker-color: transparent;
  background-color: var(--color-blue);
  border-color: var(--color-blue);
  background-position: 50%;
  background-size: 100%;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"%3E%3Cpath fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="40" d="M196 220h64v172"%2F%3E%3Cpath fill="none" stroke="white" stroke-linecap="round" stroke-miterlimit="10" stroke-width="40" d="M187 396h138"%2F%3E%3Cpath fill="white" d="M256 160a32 32 0 1 1 32-32a32 32 0 0 1-32 32Z"%2F%3E%3C%2Fsvg%3E');
}
.theme-dark input[data-task='i']:checked,
.theme-dark li[data-task='i'] > input:checked,
.theme-dark li[data-task='i'] > p > input:checked {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"%3E%3Cpath fill="none" stroke="black" stroke-opacity="0.8" stroke-linecap="round" stroke-linejoin="round" stroke-width="40" d="M196 220h64v172"%2F%3E%3Cpath fill="none" stroke="black" stroke-opacity="0.8" stroke-linecap="round" stroke-miterlimit="10" stroke-width="40" d="M187 396h138"%2F%3E%3Cpath fill="black" fill-opacity="0.8" d="M256 160a32 32 0 1 1 32-32a32 32 0 0 1-32 32Z"%2F%3E%3C%2Fsvg%3E');
}
input[data-task='S']:checked,
li[data-task='S'] > input:checked,
li[data-task='S'] > p > input:checked {
  --checkbox-marker-color: transparent;
  border-color: var(--color-green);
  background-color: var(--color-green);
  background-size: 100%;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 48 48"%3E%3Cpath fill="white" fill-rule="evenodd" d="M26 8a2 2 0 1 0-4 0v2a8 8 0 1 0 0 16v8a4.002 4.002 0 0 1-3.773-2.666a2 2 0 0 0-3.771 1.332A8.003 8.003 0 0 0 22 38v2a2 2 0 1 0 4 0v-2a8 8 0 1 0 0-16v-8a4.002 4.002 0 0 1 3.773 2.666a2 2 0 0 0 3.771-1.332A8.003 8.003 0 0 0 26 10V8Zm-4 6a4 4 0 0 0 0 8v-8Zm4 12v8a4 4 0 0 0 0-8Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E');
}
.theme-dark input[data-task='S']:checked,
.theme-dark li[data-task='S'] > input:checked,
.theme-dark li[data-task='S'] > p > input:checked {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 48 48"%3E%3Cpath fill-opacity="0.8" fill="black" fill-rule="evenodd" d="M26 8a2 2 0 1 0-4 0v2a8 8 0 1 0 0 16v8a4.002 4.002 0 0 1-3.773-2.666a2 2 0 0 0-3.771 1.332A8.003 8.003 0 0 0 22 38v2a2 2 0 1 0 4 0v-2a8 8 0 1 0 0-16v-8a4.002 4.002 0 0 1 3.773 2.666a2 2 0 0 0 3.771-1.332A8.003 8.003 0 0 0 26 10V8Zm-4 6a4 4 0 0 0 0 8v-8Zm4 12v8a4 4 0 0 0 0-8Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E');
}
input[data-task='I']:checked,
li[data-task='I'] > input:checked,
li[data-task='I'] > p > input:checked {
  color: var(--color-yellow);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M11 3a1 1 0 10-2 0v1a1 1 0 102 0V3zM15.657 5.757a1 1 0 00-1.414-1.414l-.707.707a1 1 0 001.414 1.414l.707-.707zM18 10a1 1 0 01-1 1h-1a1 1 0 110-2h1a1 1 0 011 1zM5.05 6.464A1 1 0 106.464 5.05l-.707-.707a1 1 0 00-1.414 1.414l.707.707zM5 10a1 1 0 01-1 1H3a1 1 0 110-2h1a1 1 0 011 1zM8 16v-1h4v1a2 2 0 11-4 0zM12 14c.015-.34.208-.646.477-.859a4 4 0 10-4.954 0c.27.213.462.519.476.859h4.002z' /%3E%3C/svg%3E");
}
input[data-task='f']:checked,
li[data-task='f'] > input:checked,
li[data-task='f'] > p > input:checked {
  color: var(--color-red);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z' clip-rule='evenodd' /%3E%3C/svg%3E");
}
input[data-task='k']:checked,
li[data-task='k'] > input:checked,
li[data-task='k'] > p > input:checked {
  color: var(--color-yellow);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z' clip-rule='evenodd' /%3E%3C/svg%3E");
}
input[data-task='u']:checked,
li[data-task='u'] > input:checked,
li[data-task='u'] > p > input:checked {
  color: var(--color-green);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.586 14.586 7H12z' clip-rule='evenodd' /%3E%3C/svg%3E");
}
input[data-task='d']:checked,
li[data-task='d'] > input:checked,
li[data-task='d'] > p > input:checked {
  color: var(--color-red);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 13a1 1 0 100 2h5a1 1 0 001-1V9a1 1 0 10-2 0v2.586l-4.293-4.293a1 1 0 00-1.414 0L8 9.586 3.707 5.293a1 1 0 00-1.414 1.414l5 5a1 1 0 001.414 0L11 9.414 14.586 13H12z' clip-rule='evenodd' /%3E%3C/svg%3E");
}
input[data-task='w']:checked,
li[data-task='w'] > input:checked,
li[data-task='w'] > p > input:checked {
  color: var(--color-purple);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M6 3a1 1 0 011-1h.01a1 1 0 010 2H7a1 1 0 01-1-1zm2 3a1 1 0 00-2 0v1a2 2 0 00-2 2v1a2 2 0 00-2 2v.683a3.7 3.7 0 011.055.485 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0A3.7 3.7 0 0118 12.683V12a2 2 0 00-2-2V9a2 2 0 00-2-2V6a1 1 0 10-2 0v1h-1V6a1 1 0 10-2 0v1H8V6zm10 8.868a3.704 3.704 0 01-4.055-.036 1.704 1.704 0 00-1.89 0 3.704 3.704 0 01-4.11 0 1.704 1.704 0 00-1.89 0A3.704 3.704 0 012 14.868V17a1 1 0 001 1h14a1 1 0 001-1v-2.132zM9 3a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1zm3 0a1 1 0 011-1h.01a1 1 0 110 2H13a1 1 0 01-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E");
}
input[data-task='p']:checked,
li[data-task='p'] > input:checked,
li[data-task='p'] > p > input:checked {
  color: var(--color-green);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M2 10.5a1.5 1.5 0 113 0v6a1.5 1.5 0 01-3 0v-6zM6 10.333v5.43a2 2 0 001.106 1.79l.05.025A4 4 0 008.943 18h5.416a2 2 0 001.962-1.608l1.2-6A2 2 0 0015.56 8H12V4a2 2 0 00-2-2 1 1 0 00-1 1v.667a4 4 0 01-.8 2.4L6.8 7.933a4 4 0 00-.8 2.4z' /%3E%3C/svg%3E");
}
input[data-task='c']:checked,
li[data-task='c'] > input:checked,
li[data-task='c'] > p > input:checked {
  color: var(--color-orange);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M18 9.5a1.5 1.5 0 11-3 0v-6a1.5 1.5 0 013 0v6zM14 9.667v-5.43a2 2 0 00-1.105-1.79l-.05-.025A4 4 0 0011.055 2H5.64a2 2 0 00-1.962 1.608l-1.2 6A2 2 0 004.44 12H8v4a2 2 0 002 2 1 1 0 001-1v-.667a4 4 0 01.8-2.4l1.4-1.866a4 4 0 00.8-2.4z' /%3E%3C/svg%3E");
}
input[data-task='b']:checked,
li[data-task='b'] > input:checked,
li[data-task='b'] > p > input:checked {
  color: var(--color-orange);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M5 4a2 2 0 012-2h6a2 2 0 012 2v14l-5-2.5L5 18V4z' /%3E%3C/svg%3E");
}




.status-bar {
  background-color: var(--background-secondary);
  color: var(--text-faint);
  font-size: var(--font-ui-smaller);
}

.titlebar {
  background-color: var(--background-secondary);
}






.setting-item > *:first-child {
  margin-inline-end: 50px;
}

.setting-item-name {
  font-weight: 700;
  color: rgb(44, 44, 43);
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 4px;
}

.setting-item-description {
  color: rgb(125, 122, 117);
  font-size: 13px;
}


.vertical-tab-header {
  --modal-sidebar-background: #F9F8F7;
}


.modal.mod-settings {
  --setting-items-background: #fbfbfb;
}


.vertical-tab-nav-item {
  border-radius: var(--radius-s);
  cursor: pointer;
  color: #5F5E59;
}

.vertical-tab-nav-item:hover {
  background-color: #EEEDEC;
}

.vertical-tab-nav-item.is-active {
  background-color: #EEEDEC;
  color: var(--text-normal);
  font-weight: var(--font-medium);
}


.vertical-tab-nav-item svg {
  color: #8E8B86;
}


.vertical-tab-header-group-title {
  color: #A19E99;
  font-size: var(--font-ui-smaller);
  font-weight: var(--font-semibold);
  text-transform: lowercase;
  letter-spacing: 0.04em;
}



select,
.dropdown {
  border: 1px solid rgba(28, 19, 1, 0.11) !important;
  border-radius: 6px !important;
  cursor: pointer !important;
}

select:hover,
.dropdown:hover {
  background-color: #F4F3F3 !important;
}