/*  ===== style settings =====  */




.setting-item-heading[data-level="1"] .style-settings-collapse-indicator,
.setting-item-heading[data-level="2"] .style-settings-collapse-indicator,
.setting-item-heading[data-level="3"] .style-settings-collapse-indicator,
.setting-item-heading[data-level="4"] .style-settings-collapse-indicator,
.setting-item-heading[data-level="5"] .style-settings-collapse-indicator {
    display: none;
    --icon-color: transparent;
    --icon-size: 0;
}

.style-settings-collapse-indicator {
  display: none !important;
}


.style-settings-heading {
    border-radius: var(--tab-sidebar-radius) !important;
    corner-shape: var(--corner-shape) !important;
    background-color: var(--background-primary-alt);
    padding: 10px 20px !important;
    border: 2px solid var(--background-modifier-border);
    margin: 16px 0 !important;
    box-shadow: 0 2px 4px var(--background-modifier-border);
    transition: background-color 0.2s ease, 
                transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 2.275),
                padding 0.2s cubic-bezier(0.175, 0.885, 0.32, 2.275) !important;
    filter: brightness(1.3);
}

.style-settings-heading.is-collapsed {
    padding: 8px 20px !important;
    box-shadow: 0 2px 2px var(--background-modifier-border);
    filter: brightness(1);
}


.setting-item-heading[data-level="1"] .setting-item-name {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    padding-top: 0 !important;
}


.setting-item-heading[data-level="2"] {
    background-color: var(--background-secondary) !important;

    
    border-radius: var(--tab-sidebar-radius) !important;
    corner-shape: var(--corner-shape) !important;
    padding: 8px 16px !important;
    margin-left: 16px !important;
    width: calc(100% - 16px) !important;
    filter: brightness(1) !important;
}


.setting-item-heading .setting-item-name::before {
    letter-spacing: 0.1em;
}

.setting-item-heading[data-level="1"] .setting-item-name::before {
    content: "#1 ";
    color: var(--color-red);
}

.setting-item-heading[data-level="2"] .setting-item-name::before {
    content: "#2 ";
    color: var(--color-orange);
}

.setting-item-heading[data-level="3"] .setting-item-name::before {
    content: "#3 ";
    color: var(--color-yellow);
}

.setting-item-heading[data-level="4"] .setting-item-name::before {
    content: "#4 ";
    color: var(--color-green);
}

.setting-item-heading[data-level="5"] .setting-item-name::before {
    content: "#5 ";
    color: var(--color-blue);
}


.setting-item-heading[data-level="3"] {
    background-color: var(--background-primary) !important;
    border-bottom: 2px dotted var(--background-modifier-border) !important;
    border-radius: var(--tab-sidebar-radius) !important;
    corner-shape: var(--corner-shape) !important;
    padding: 6px 12px !important;
    margin-left: 32px !important;
    width: calc(100% - 32px) !important;
    font-size: 0.9em !important;
    filter: brightness(1) !important;
    box-shadow: none !important;
}


.setting-item-heading[data-level="4"] {
    background: transparent !important;
    border: none !important;
    padding: 4px 8px !important;
    margin-left: 48px !important;
    width: calc(100% - 48px) !important;
    font-size: 0.85em !important;
    font-weight: normal !important;
    box-shadow: none !important;
    filter: brightness(1) !important;
}


.setting-item-heading[data-level="5"] {
    background: transparent !important;
    border: none !important;
    padding: 2px 4px !important;
    margin-left: 64px !important;
    width: calc(100% - 64px) !important;
    font-size: 0.8em !important;
    font-weight: lighter !important;
    opacity: 0.8 !important;
    box-shadow: none !important;
    filter: brightness(1) !important;
}






.pickr .pcr-button::after,
.pickr .pcr-button::before,
.pickr,
button.pcr-button {
    border-radius: 50%;
    border: none !important;
}

.pcr-app {
    background: var(--background-primary);
    border: 3px solid var(--background-modifier-border);
    border-radius: 10px;
}

.pcr-palette,
.pcr-palette::before,
.pcr-palette::after {
    border-radius: 8px !important;
}

.pcr-result {
    background-color: var(--background-modifier-form-field) !important;
}

.pcr-swatches button {
    border-radius: 50% !important;
}

.button-bordered .pickr button {
    border: none !important;
    background-color: none !important;
    background: none !important;
    box-shadow: none !important;
}


:root {
    --nav-hide-text: "My Vault";
    --before-active-line: ">>";
    --before-active-line-color: #7c3aed;
    --before-active-line-margin: -20px;
    --italic-color: var(--color-normal);
    --bold-color: var(--color-normal);
    --bolditalic-color: var(--color-normal);
     --tab-sidebar-radius: clamp(8px, var(--button-radius, 8px), 20px);
    --animation-speed-raw: 550ms;
    --nav-folder-radius: var(--button-radius);
    --nav-file-radius: var(--button-radius);
    --link-decoration: none;
    --link-color: var(--color-accent-2);
    --checklist-done-decoration: none;
    --color-tang: #e59c58;
    --clicky-radius: calc(var(--button-radius, 8px) - 4px);
}

.workspace-tab-container {
    display: flex;
    overflow: visible;
}


.theme-dark {
    --tag-radius: var(--button-radius) !important;
    --button-shadow: #00000050;
    --canvas-background: var(--background-primary);
    --blockquote-border-thickness: 4px;
    --toggle-thumb-color: var(--text-normal);
    --caret-color: var(--color-accent);
    --checkbox-color: var(--color-tang);
    --text-error: rgb(255, 138, 138);
    --background-primary: #1e1f22;
    --background-primary-alt: #26272b;
    --background-secondary: #1e1f22;
    --background-secondary-alt: #36393d;
    --titlebar-background: #1b1b1f;
    --titlebar-background-focused: #19191d;
    --tab-container-background: var(--titlebar-background);
    --code-background: #19191d;
    --code-border-color: var(--background-secondary-alt);
    --code-border-width: 2px;
    --code-radius: var(--button-radius);
    --interactive-normal: var(--button-background);
    --interactive-hover: var(--button-background-hover);
    --background-modifier-form-field: #303439;
    --background-modifier-form-field-hover: #29292d;
    --dropdown-background: #303439;
    --dropdown-background-hover: #3c4048;
    --button-background: #303439;
    --button-background-hover: #3c4048;
    --background-modifier-border: #31353e;
    --background-modifier-border-hover: #484848;
    --accent-red: var(--color-red);
    --accent-orange: var(--color-orange);
    --accent-yellow: var(--color-yellow);
    --accent-green: var(--color-green);
    --accent-cyan: var(--color-cyan);
    --accent-blue: var(--color-blue);
    --accent-purple: var(--color-purple);
    --accent-pink: var(--color-pink);
    --accent-brown: var(--color-brown);
    --accent-gray: var(--text-normal);

    
    --color-red: #da4b4b;
    --color-orange: #cc692a;
    --color-yellow: #e8b05a;
    --color-green: #a3bd6a;
    --color-cyan: #42adbbff;
    --color-blue: #4281bb;
    --color-purple: #965daf;
    --color-pink: #c85b92;
    --color-brown: #9b674b;
    --color-gray: var(--text-normal);
    --text-normal: #bababa;
    --text-muted: #80807c;
    --text-faint: var(--text-muted);
    --hr-color: var(--background-modifier-border-focus);
    --tab-radius: 8px;
    --text-highlight-bg: hsl(var(--interactive-accent-hsl), 0.5);
    --button-radius: 20px;
}



.theme-dark.neutral-gray {
    --toggle-thumb-color: white;
}

.theme-dark.darker-gray {
    --background-primary: #171717;
    --background-primary-alt: #202020;
    --background-secondary: #171717;
    --background-secondary-alt: #2a2a2a;
    --titlebar-background: #141414;
    --titlebar-background-focused: #111;
    --tab-container-background: var(--titlebar-background);
    --code-background: #191919;
    --text-normal: #bababa;
    --text-muted: #888;
    --text-error: #ff8a8a;
    --background-modifier-form-field: #2a2a2a;
    --background-modifier-form-field-hover: #2e2e2e;
    --dropdown-background: #363636;
    --dropdown-background-hover: #404040;
    --button-background: #363636;
    --button-background-hover: #404040;
    --background-modifier-border: #353535;
    --background-modifier-border-focus: #505050;
}

.theme-dark.dark-night {
    --background-primary: #0b0e16;
    --background-primary-alt: #161b2a;
    --background-secondary: #0e1220;
    --background-secondary-alt: #1f2438;
    --titlebar-background: #070a14;
    --titlebar-background-focused: #05070f;
    --tab-container-background: var(--titlebar-background);
    --code-background: #0f1424;
    --text-normal: #b4c2d2;
    --text-muted: #7d8593;
    --text-error: #ff8a8a;
    --background-modifier-form-field: #1c2135;
    --background-modifier-form-field-hover: #262d46;
    --dropdown-background: #1c2135;
    --dropdown-background-hover: #242a42;
    --button-background: #1c2135;
    --button-background-hover: #242a42;
    --background-modifier-border: #1c2135;
    --background-modifier-border-hover: #242a42;
    --background-modifier-border-focus: #2a3150;
}

.theme-dark.cold-memory {
    --background-primary: #14161b;
    --background-primary-alt: #1b202a;
    --background-secondary: #1e222f;
    --background-secondary-alt: #293042;
    --titlebar-background: #1e222f;
    --titlebar-background-focused: #1e222f;
    --tab-container-background: var(--titlebar-background);
    --code-background: #15171b;
    --text-normal: #b7c4d6;
    --text-muted: #7c8aa3;
    --text-error: #ff8a8a;
    --background-modifier-form-field: #293042;
    --background-modifier-form-field-hover: #374057;
    --dropdown-background: #293042;
    --dropdown-background-hover: #374057;
    --button-background: #293042;
    --button-background-hover: #374057;
    --background-modifier-border: #293045;
    --background-modifier-border-hover: #303950;
    --background-modifier-border-focus: #3a4661;

    
}

.theme-dark.amoled {
    --background-primary: #000;
    --background-primary-alt: #111;
    --background-secondary: #000;
    --background-secondary-alt: #1a1a1a;
    --titlebar-background: #000;
    --titlebar-background-focused: #000;
    --tab-container-background: #050505;
    --code-background: #0a0a0a;
    --text-normal: #e0e0e0;
    --text-muted: #808080;
    --text-error: #ff8a8a;
    --background-modifier-form-field: #0d0d0d;
    --background-modifier-form-field-hover: #111;
    --dropdown-background: #1a1a1a;
    --dropdown-background-hover: #222;
    --button-background: #1a1a1a;
    --button-background-hover: #222;
    --background-modifier-border: #0d0d0d;
    --background-modifier-border-hover: #1a1a1a;
    --background-modifier-border-focus: #2a2a2a;
}

.theme-dark.noble-blue {
    --background-primary: #0d1b2a;
    --background-primary-alt: #1b263b;
    --background-secondary: #0d1b2a;
    --background-secondary-alt: #2d3748;
    --titlebar-background: #0a1522;
    --titlebar-background-focused: #08111c;
    --tab-container-background: var(--titlebar-background);
    --code-background: #0f1a29;
    --text-normal: #e2e8f0;
    --text-muted: #94a3b8;
    --text-error: #ff8a8a;
    --background-modifier-form-field: #141d2c;
    --background-modifier-form-field-hover: #1e293b;
    --dropdown-background: #253147;
    --dropdown-background-hover: #2d3b5a;
    --button-background: #253147;
    --button-background-hover: #2d3b5a;
    --background-modifier-border: #1c2738;
    --background-modifier-border-hover: #253147;
    --background-modifier-border-focus: #324369;
}

.theme-dark.magic-purply {
    --background-primary: #1a1034;
    --background-primary-alt: #2c1f56;
    --background-secondary: #1a1034;
    --background-secondary-alt: #3d2a6a;
    --titlebar-background: #150d2c;
    --titlebar-background-focused: #120a25;
    --tab-container-background: var(--titlebar-background);
    --code-background: #1f153d;
    --text-normal: #e9d5ff;
    --text-muted: #8e81b6;
    --text-error: #ff8a8a;
    --background-modifier-form-field: #251a45;
    --background-modifier-form-field-hover: #2a1f4d;
    --dropdown-background: #35255e;
    --dropdown-background-hover: #3f2c70;
    --button-background: #35255e;
    --button-background-hover: #3f2c70;
    --background-modifier-border: #2a1f4d;
    --background-modifier-border-hover: #35255e;
    --background-modifier-border-focus: #4a3482;
}

.theme-dark.midnight-emerald {
    --background-primary: #0c2d2a;
    --background-primary-alt: #17403c;
    --background-secondary: #0c2d2a;
    --background-secondary-alt: #235750;
    --titlebar-background: #092421;
    --titlebar-background-focused: #071d1a;
    --tab-container-background: var(--titlebar-background);
    --code-background: #0e3531;
    --text-normal: #d1fae5;
    --text-muted: #6ee7b7;
    --text-error: #ff8a8a;
    --background-modifier-form-field: #153934;
    --background-modifier-form-field-hover: #19433e;
    --dropdown-background: #1f4e48;
    --dropdown-background-hover: #255a53;
    --button-background: #1f4e48;
    --button-background-hover: #255a53;
    --background-modifier-border: #1c3f3a;
    --background-modifier-border-hover: #235750;
    --background-modifier-border-focus: #2d6c63;
}

.theme-dark.deep-ocean {
    --background-primary: #0f172a;
    --background-primary-alt: #1e293b;
    --background-secondary: #0f172a;
    --background-secondary-alt: #334155;
    --titlebar-background: #0c1424;
    --titlebar-background-focused: #0a1120;
    --tab-container-background: var(--titlebar-background);
    --code-background: #131c30;
    --text-normal: #b7cae1;
    --text-muted: #94a3b8;
    --text-error: #ff8a8a;
    --toggle-thumb-color: #cfd9e7;
    --background-modifier-form-field: #1a2536;
    --background-modifier-form-field-hover: #1e293b;
    --dropdown-background: #253147;
    --dropdown-background-hover: #2d3b5a;
    --button-background: #253147;
    --button-background-hover: #2d3b5a;
    --background-modifier-border: #1e293b;
    --background-modifier-border-hover: #253147;
    --background-modifier-border-focus: #344664;
}

.theme-dark.crimson-twilight {
    --background-primary: #1f0a1a;
    --background-primary-alt: #3d142f;
    --background-secondary: #1f0a1a;
    --background-secondary-alt: #5a1f44;
    --titlebar-background: #1a0715;
    --titlebar-background-focused: #150511;
    --tab-container-background: var(--titlebar-background);
    --code-background: #240f1e;
    --text-normal: #fecdd3;
    --text-muted: #cc9aa0;
    --text-error: #ff8a8a;
    --background-modifier-form-field: #2d1426;
    --background-modifier-form-field-hover: #34182c;
    --dropdown-background: #422033;
    --dropdown-background-hover: #4d263c;
    --button-background: #422033;
    --button-background-hover: #4d263c;
    --background-modifier-border: #34182c;
    --background-modifier-border-hover: #422033;
    --background-modifier-border-focus: #5a2c46;
}

.theme-dark.golden-hour {
    --background-primary: #2c1a0d;
    --background-primary-alt: #4a2c1a;
    --background-secondary: #2c1a0d;
    --background-secondary-alt: #6b3f22;
    --titlebar-background: #241508;
    --titlebar-background-focused: #1d1106;
    --tab-container-background: var(--titlebar-background);
    --code-background: #311e10;
    --text-normal: #fde68a;
    --text-muted: #fbbf24;
    --text-error: #ff8a8a;
    --background-modifier-form-field: #3a2414;
    --background-modifier-form-field-hover: #422a18;
    --dropdown-background: #52331d;
    --dropdown-background-hover: #5e3b22;
    --button-background: #52331d;
    --button-background-hover: #5e3b22;
    --background-modifier-border: #3a2414;
    --background-modifier-border-hover: #48301c;
    --background-modifier-border-focus: #6d4629;
}

.theme-dark.violet-dream {
    --background-primary: #1e0f33;
    --background-primary-alt: #341c5c;
    --background-secondary: #1e0f33;
    --background-secondary-alt: #4a2a7d;
    --titlebar-background: #180c2b;
    --titlebar-background-focused: #140a24;
    --tab-container-background: var(--titlebar-background);
    --code-background: #23133c;
    --text-normal: #f3e8ff;
    --text-muted: #d8b4fe;
    --text-error: #ff8a8a;
    --background-modifier-form-field: #2a1a4a;
    --background-modifier-form-field-hover: #301e55;
    --dropdown-background: #3b256e;
    --dropdown-background-hover: #452b81;
    --button-background: #3b256e;
    --button-background-hover: #452b81;
    --background-modifier-border: #2a1a4a;
    --background-modifier-border-hover: #362059;
    --background-modifier-border-focus: #4c2f8c;
}

.theme-dark.slate-smoke {
    --background-primary: #1a202c;
    --background-primary-alt: #2d3748;
    --background-secondary: #1a202c;
    --background-secondary-alt: #4a5568;
    --titlebar-background: #171d28;
    --titlebar-background-focused: #141a24;
    --tab-container-background: var(--titlebar-background);
    --code-background: #1f2532;
    --text-normal: #edf2f7;
    --text-muted: #a0aec0;
    --text-error: #ff8a8a;
    --background-modifier-form-field: #252c3b;
    --background-modifier-form-field-hover: #293241;
    --dropdown-background: #343e52;
    --dropdown-background-hover: #3d4960;
    --button-background: #343e52;
    --button-background-hover: #3d4960;
    --background-modifier-border: #2d3748;
    --background-modifier-border-hover: #374151;
    --background-modifier-border-focus: #4a5568;
}

.theme-dark.chocolate {
    --background-primary: #2a1a0f;
    --background-primary-alt: #3d2818;
    --background-secondary: #2a1a0f;
    --background-secondary-alt: #553723;
    --titlebar-background: #23150c;
    --titlebar-background-focused: #1d1209;
    --tab-container-background: var(--titlebar-background);
    --code-background: #2f1e12;
    --text-normal: #f5e6d3;
    --text-muted: #d4a574;
    --text-error: #ff8a8a;
    --background-modifier-form-field: #311f11;
    --background-modifier-form-field-hover: #3d2818;
    --dropdown-background: #45321f;
    --dropdown-background-hover: #513a25;
    --button-background: #45321f;
    --button-background-hover: #513a25;
    --background-modifier-border: #362314;
    --background-modifier-border-hover: #423021;
    --background-modifier-border-focus: #5c422b;
}

.theme-dark.dark-chocolate {
    --background-primary: #1b0f08;
    --background-primary-alt: #2a170d;
    --background-secondary: #1b0f08;
    --background-secondary-alt: #3a2214;
    --titlebar-background: #150b06;
    --titlebar-background-focused: #110804;
    --tab-container-background: var(--titlebar-background);
    --code-background: #21120a;
    --text-normal: #f1dcc6;
    --text-muted: #c39a6b;
    --text-error: #ff8a8a;
    --background-modifier-form-field: #1e0f08;
    --background-modifier-form-field-hover: #2a170d;
    --dropdown-background: #332013;
    --dropdown-background-hover: #3b2617;
    --button-background: #332013;
    --button-background-hover: #3b2617;
    --background-modifier-border: #25140b;
    --background-modifier-border-hover: #332013;
    --background-modifier-border-focus: #4a321e;
}

.theme-dark.rose-gold {
    --background-primary: #2a1a1f;
    --background-primary-alt: #3d252c;
    --background-secondary: #2a1a1f;
    --background-secondary-alt: #52303a;
    --titlebar-background: #23151a;
    --titlebar-background-focused: #1d1215;
    --tab-container-background: var(--titlebar-background);
    --code-background: #2f1e23;
    --text-normal: #f4e0e9;
    --text-muted: #e0b4c2;
    --text-error: #ff8a8a;
    --background-modifier-form-field: #311e24;
    --background-modifier-form-field-hover: #3d252c;
    --dropdown-background: #453036;
    --dropdown-background-hover: #503740;
    --button-background: #453036;
    --button-background-hover: #503740;
    --background-modifier-border: #3d252c;
    --background-modifier-border-hover: #453036;
    --background-modifier-border-focus: #9c647a;
}

.theme-dark.arctic-ice {
    --background-primary: #0f1a2a;
    --background-primary-alt: #1a2840;
    --background-secondary: #0f1a2a;
    --background-secondary-alt: #24365a;
    --titlebar-background: #0c1524;
    --titlebar-background-focused: #0a1120;
    --tab-container-background: var(--titlebar-background);
    --code-background: #131e32;
    --text-normal: #e0f2fe;
    --text-muted: #a5d8ff;
    --text-error: #ff8a8a;
    --background-modifier-form-field: #253654;
    --background-modifier-form-field-hover: #1f2e4a;
    --dropdown-background: #24365a;
    --dropdown-background-hover: #2a3e68;
    --button-background: #24365a;
    --button-background-hover: #2a3e68;
    --background-modifier-border: #1f2e4a;
    --background-modifier-border-hover: #24365a;
    --background-modifier-border-focus: #587598;
}

.theme-dark.comfort-choco {
    --background-primary: #261e17;
    --background-primary-alt: #372d23;
    --background-secondary: #261e17;
    --background-secondary-alt: #483c2f;
    --titlebar-background: #201912;
    --titlebar-background-focused: #1a140e;
    --tab-container-background: var(--titlebar-background);
    --code-background: #2b231a;
    --text-normal: #f0e6d6;
    --text-muted: #d4c4a8;
    --text-error: #ff8a8a;
    --background-modifier-form-field: #31271e;
    --background-modifier-form-field-hover: #372d23;
    --dropdown-background: #3d3328;
    --dropdown-background-hover: #473c30;
    --button-background: #3d3328;
    --button-background-hover: #473c30;
    --background-modifier-border: #372d23;
    --background-modifier-border-hover: #3d3328;
    --background-modifier-border-focus: #6d5f43;
}

.theme-dark.lavendar {
    --background-primary: #1c1a2e;
    --background-primary-alt: #2a2744;
    --background-secondary: #1c1a2e;
    --background-secondary-alt: #38355c;
    --titlebar-background: #171526;
    --titlebar-background-focused: #131120;
    --tab-container-background: var(--titlebar-background);
    --code-background: #211e36;
    --text-normal: #e6e4f2;
    --text-muted: #b8b4d9;
    --text-error: #ff8a8a;
    --background-modifier-form-field: #23203c;
    --background-modifier-form-field-hover: #2a2744;
    --dropdown-background: #302d50;
    --dropdown-background-hover: #38355c;
    --button-background: #302d50;
    --button-background-hover: #38355c;
    --background-modifier-border: #2a2744;
    --background-modifier-border-hover: #302d50;
    --background-modifier-border-focus: #5b5496;
}

.theme-dark.more-olives {
    --background-primary: #181c18;
    --background-primary-alt: #232823;
    --background-secondary: #181c18;
    --background-secondary-alt: #2f352f;
    --titlebar-background: #141714;
    --titlebar-background-focused: #101210;
    --tab-container-background: var(--titlebar-background);
    --code-background: #1c201c;
    --text-normal: #eaf3ea;
    --text-muted: #a4b9a4;
    --text-error: #ff8a8a;
    --background-modifier-form-field: #1b1f1b;
    --background-modifier-form-field-hover: #262b26;
    --dropdown-background: #2a302a;
    --dropdown-background-hover: #333a33;
    --button-background: #2a302a;
    --button-background-hover: #333a33;
    --background-modifier-border: #232823;
    --background-modifier-border-hover: #2a302a;
    --background-modifier-border-focus: #404c40;
}

.theme-dark.caramel {
    --background-primary: #261a0f;
    --background-primary-alt: #382513;
    --background-secondary: #261a0f;
    --background-secondary-alt: #4a3019;
    --titlebar-background: #1f140a;
    --titlebar-background-focused: #191008;
    --tab-container-background: var(--titlebar-background);
    --code-background: #2d1e11;
    --text-normal: #ffeccc;
    --text-muted: #e0b879;
    --text-error: #f96;
    --background-modifier-form-field: #473017;
    --background-modifier-form-field-hover: #432b15;
    --dropdown-background: #4a3019;
    --dropdown-background-hover: #55361d;
    --button-background: #4a3019;
    --button-background-hover: #55361d;
    --background-modifier-border: #3a2611;
    --background-modifier-border-hover: #462c16;
    --background-modifier-border-focus: #63401f;
}

.theme-dark.mafia-red {
    --background-primary: #0a0a0a;
    --background-primary-alt: #111;
    --background-secondary: #0a0a0a;
    --background-secondary-alt: #1a1a1a;
    --titlebar-background: #050505;
    --titlebar-background-focused: #000;
    --tab-container-background: var(--titlebar-background);
    --code-background: #101010;
    --text-normal: #dbd7d1;
    --text-muted: #aaa;
    --text-error: #ff7070;
    --background-modifier-form-field: #151515;
    --background-modifier-form-field-hover: #1a1a1a;
    --dropdown-background: #1a1a1a;
    --dropdown-background-hover: #222;
    --button-background: #1a1a1a;
    --button-background-hover: #222;
    --background-modifier-border: #222;
    --background-modifier-border-hover: #2a2a2a;
    --background-modifier-border-focus: #333;
    --color-accent-hsl: 0, 100%, 50%;
    --color-accent: #c51e1e;
    --color-accent-1: #da3232;
    --color-accent-2: #ff5151;
    --interactive-accent: #b32626;
    --text-on-accent: #fff;
    --link-color: #be3a3a;
    --link-unresolved-color: #a22525;
    --link-color-hover: #8b0000;
    --toggle-thumb-color: #b32626;

    .checkbox-container.is-enabled::after {
        box-shadow: none;
    }

    .checkbox-container.is-enabled:hover {
        background-color: #710000;
    }

    
}

.theme-dark.golden-earth {
    --background-primary: #18140a;
    --background-primary-alt: #221c0f;
    --background-secondary: #1e180c;
    --background-secondary-alt: #2a2212;
    --titlebar-background: #141108;
    --titlebar-background-focused: #100d06;
    --tab-container-background: var(--titlebar-background);
    --code-background: #211b0e;
    --background-modifier-form-field: #302615;
    --background-modifier-form-field-hover: #2c2313;
    --dropdown-background: #2a2212;
    --dropdown-background-hover: #342a17;
    --button-background: #3a2f18;
    --button-background-hover: #4a3b1d;
    --background-modifier-border: #4a3a1c;
    --background-modifier-border-hover: #5c4822;
    --background-modifier-border-focus: #7a5f2c;
    --text-normal: #d6a967;
    --text-muted: #cc9a3a;
    --text-error: #ff7043;
    --toggle-thumb-color: var(--background-primary);
}

.theme-dark.muted-green {
    --background-primary: #1b2a20;
    --background-primary-alt: #213328;
    --background-secondary: #24382c;
    --background-secondary-alt: #2a4234;
    --titlebar-background: #16241b;
    --titlebar-background-focused: #142018;
    --tab-container-background: var(--titlebar-background);
    --code-background: #1f3126;
    --background-modifier-form-field: #2a4033;
    --background-modifier-form-field-hover: #335244;
    --dropdown-background: #24382c;
    --dropdown-background-hover: #2f4a3b;
    --button-background: #355c46;
    --button-background-hover: #3f6f55;
    --background-modifier-border: #3e5f4b;
    --background-modifier-border-hover: #4e7a61;
    --background-modifier-border-focus: #497356;
    --text-normal: #e6f2e9;
    --text-muted: #a7c0b1;
    --text-error: #d46a5f;
    --toggle-thumb-color: var(--background-primary);
}

.theme-dark.forest-green {
    --background-primary: #0d1710;
    --background-primary-alt: #111c14;
    --background-secondary: #142117;
    --background-secondary-alt: #18261c;
    --titlebar-background: #0b140e;
    --titlebar-background-focused: #0a120d;
    --tab-container-background: var(--titlebar-background);
    --code-background: #0f1a13;
    --background-modifier-form-field: #132016;
    --background-modifier-form-field-hover: #1a2b20;
    --dropdown-background: #142117;
    --dropdown-background-hover: #1e3527;
    --button-background: #1a2f22;
    --button-background-hover: #23482f;
    --button-background-active: #2a5a3a;
    --background-modifier-border: #2a5c38;
    --background-modifier-border-hover: #38754c;
    --background-modifier-border-focus: #4a8f62;
    --text-normal: #bddec8;
    --text-muted: #8ac99f;
    --text-faint: #5e9a7a;
    --text-accent: #a8e0b9;
    --text-error: #ff9a85;
    --toggle-thumb-color: var(--background-primary);
    --toggle-track-color: #2a5c38;
    --toggle-track-color-hover: #38754c;
}

.theme-dark.deep-purple {
    --background-primary: #120d17;
    --background-primary-alt: #18112b;
    --background-secondary: #1a1429;
    --background-secondary-alt: #231b35;
    --titlebar-background: #0f0b1a;
    --titlebar-background-focused: #0c0916;
    --tab-container-background: var(--titlebar-background);
    --code-background: #161128;
    --background-modifier-form-field: #1d1530;
    --background-modifier-form-field-hover: #2a1f40;
    --dropdown-background: #1e1633;
    --dropdown-background-hover: #2f2350;
    --button-background: #36296b;
    --button-background-hover: #4a3890;
    --button-background-active: #5f47b5;
    --background-modifier-border: #4a3a8a;
    --background-modifier-border-hover: #624daa;
    --background-modifier-border-focus: #7d63cf;
    --text-normal: #d5c6f2;
    --text-muted: #b29ae0;
    --text-faint: #8a71b5;
    --text-accent: #c7afff;
    --text-error: #ffa58e;
    --toggle-thumb-color: var(--background-primary);
    --toggle-track-color: #4a3a8a;
    --toggle-track-color-hover: #624daa;
}

.theme-dark.deep-red {
    --background-primary: #170d0d;
    --background-primary-alt: #2b1111;
    --background-secondary: #291414;
    --background-secondary-alt: #351b1b;
    --titlebar-background: #1a0f0f;
    --titlebar-background-focused: #160c0c;
    --tab-container-background: var(--titlebar-background);
    --code-background: #281212;
    --background-modifier-form-field: #301616;
    --background-modifier-form-field-hover: #402020;
    --dropdown-background: #331717;
    --dropdown-background-hover: #502727;
    --button-background: #6b2a2a;
    --button-background-hover: #903737;
    --button-background-active: #b54545;
    --background-modifier-border: #8a3a3a;
    --background-modifier-border-hover: #aa4d4d;
    --background-modifier-border-focus: #cf6363;
    --text-normal: #f2cfcf;
    --text-muted: #e0a1a1;
    --text-faint: #b56f6f;
    --text-accent: #ffb8b8;
    --text-error: #ffb0a0;
    --toggle-thumb-color: var(--background-primary);
    --toggle-track-color: #8a3a3a;
    --toggle-track-color-hover: #aa4d4d;
}

.theme-dark.deep-blue {
    --background-primary: #0d1117;
    --background-primary-alt: #11172b;
    --background-secondary: #141c29;
    --background-secondary-alt: #1b2635;
    --titlebar-background: #0b0f1a;
    --titlebar-background-focused: #090d16;
    --tab-container-background: var(--titlebar-background);
    --code-background: #0f1728;
    --background-modifier-form-field: #162030;
    --background-modifier-form-field-hover: #202e40;
    --dropdown-background: #172133;
    --dropdown-background-hover: #253950;
    --button-background: #2a3f6b;
    --button-background-hover: #355590;
    --button-background-active: #426bb5;
    --background-modifier-border: #3a558a;
    --background-modifier-border-hover: #4d6daa;
    --background-modifier-border-focus: #6389cf;
    --text-normal: #c6dcf2;
    --text-muted: #9abce0;
    --text-faint: #7192b5;
    --text-accent: #afd4ff;
    --text-error: #ffa58e;
    --toggle-thumb-color: var(--background-primary);
    --toggle-track-color: #3a558a;
    --toggle-track-color-hover: #4d6daa;
}

.theme-dark.deep-magenta {
    --background-primary: #170d14;
    --background-primary-alt: #281120;
    --background-secondary: #25131e;
    --background-secondary-alt: #311928;
    --titlebar-background: #130b11;
    --titlebar-background-focused: #10090e;
    --tab-container-background: var(--titlebar-background);
    --code-background: #22121b;
    --background-modifier-form-field: #2b1521;
    --background-modifier-form-field-hover: #381c2b;
    --dropdown-background: #2e1723;
    --dropdown-background-hover: #452133;
    --button-background: #632652;
    --button-background-hover: #82306b;
    --button-background-active: #a13d84;
    --background-modifier-border: #7a3365;
    --background-modifier-border-hover: #94417e;
    --background-modifier-border-focus: #b3549f;
    --text-normal: #f2c6e6;
    --text-muted: #e09ad0;
    --text-faint: #b571a6;
    --text-accent: #ffafe9;
    --text-error: #ffa58e;
    --toggle-thumb-color: var(--background-primary);
    --toggle-track-color: #7a3365;
    --toggle-track-color-hover: #94417e;
}

.theme-dark.deep-hotpink {
    --background-primary: #1a0d12;
    --background-primary-alt: #24111a;
    --background-secondary: #20131b;
    --background-secondary-alt: #2c1925;
    --titlebar-background: #160b10;
    --titlebar-background-focused: #12090e;
    --tab-container-background: var(--titlebar-background);
    --code-background: #23121b;
    --background-modifier-form-field: #271520;
    --background-modifier-form-field-hover: #301a27;
    --dropdown-background: #2c1925;
    --dropdown-background-hover: #3a202a;
    --button-background: #4a2636;
    --button-background-hover: #612f46;
    --background-modifier-border: #68374b;
    --background-modifier-border-hover: #804460;
    --background-modifier-border-focus: #a8597a;
    --text-normal: #ffb8dd;
    --text-muted: #ff85c0;
    --text-error: #ff7b6b;
    --toggle-thumb-color: var(--background-primary);
}

.theme-dark.wine {
    --background-primary: #1a050f;
    --background-primary-alt: #2d0b1c;
    --background-secondary: #1a050f;
    --background-secondary-alt: #3c1028;
    --titlebar-background: #16040d;
    --titlebar-background-focused: #13030b;
    --tab-container-background: var(--titlebar-background);
    --code-background: #1f0714;
    --text-normal: #f0d9e6;
    --text-muted: #d4b0c9;
    --text-error: #ff8a8a;
    --background-modifier-form-field: #3d0d25;
    --background-modifier-form-field-hover: #350e22;
    --dropdown-background: #3c1028;
    --dropdown-background-hover: #481332;
    --button-background: #3c1028;
    --button-background-hover: #481332;
    --background-modifier-border: #2d0b1c;
    --background-modifier-border-hover: #3c1028;
    --background-modifier-border-focus: #5c1a40;
    --link-color: #cc338a;
    --link-unresolved-color: #b32d7a;
    --link-color-hover: #b32670;;
}



.theme-dark.tasty-chocolate {
    --background-primary: #1a140d;
    --background-primary-alt: #2c1f14;
    --background-secondary: #1a140d;
    --background-secondary-alt: #3a2a20;
    --titlebar-background: #16110c;
    --titlebar-background-focused: #140f0a;
    --tab-container-background: var(--titlebar-background);
    --code-background: #1e1810;
    --text-normal: #e6d8c9;
    --text-muted: #b8a58e;
    --text-error: #d46b5f;
    --background-modifier-form-field: #241a12;
    --background-modifier-form-field-hover: #352618;
    --dropdown-background: #3a2a20;
    --dropdown-background-hover: #453323;
    --button-background: #3a2a20;
    --button-background-hover: #453323;
    --background-modifier-border: #2c1f14;
    --background-modifier-border-hover: #3a2a20;
    --background-modifier-border-focus: #55402e;
}


.theme-dark.tasty-chocolate-2 {
    --background-primary: #1f1810;
    --background-primary-alt: #312619;
    --background-secondary: #1f1810;
    --background-secondary-alt: #433421;
    --titlebar-background: #1b150e;
    --titlebar-background-focused: #18120c;
    --tab-container-background: var(--titlebar-background);
    --code-background: #241d14;
    --text-normal: #f0e6d6;
    --text-muted: #d4c4a8;
    --text-error: #d46b5f;
    --background-modifier-form-field: #453522;
    --background-modifier-form-field-hover: #392c1f;
    --dropdown-background: #433421;
    --dropdown-background-hover: #4e3c26;
    --button-background: #433421;
    --button-background-hover: #4e3c26;
    --background-modifier-border: #312619;
    --background-modifier-border-hover: #403325;
    --background-modifier-border-focus: #5c4a35;
}

.theme-dark.velvet {
    --background-primary: #1a0f0f;
    --background-primary-alt: #2c1818;
    --background-secondary: #1a0f0f;
    --background-secondary-alt: #3a2222;
    --titlebar-background: #160d0d;
    --titlebar-background-focused: #130b0b;
    --tab-container-background: var(--titlebar-background);
    --code-background: #1e1313;
    --text-normal: #f2cfcf;
    --text-muted: #d4a8a8;
    --text-error: #d46b5f;
    --background-modifier-form-field: #3e2424;
    --background-modifier-form-field-hover: #351d1d;
    --dropdown-background: #3a2222;
    --dropdown-background-hover: #462828;
    --button-background: #3a2222;
    --button-background-hover: #462828;
    --background-modifier-border: #2c1818;
    --background-modifier-border-hover: #3a2222;
    --background-modifier-border-focus: #553434;
}

.theme-dark.leather {
    --background-primary: #201a14;
    --background-primary-alt: #332a20;
    --background-secondary: #201a14;
    --background-secondary-alt: #443829;
    --titlebar-background: #1c1712;
    --titlebar-background-focused: #191410;
    --tab-container-background: var(--titlebar-background);
    --code-background: #251e18;
    --text-normal: #f2e8dc;
    --text-muted: #d4c8b8;
    --text-error: #d46b5f;
    --background-modifier-form-field: #3e3326;
    --background-modifier-form-field-hover: #3b3025;
    --dropdown-background: #443829;
    --dropdown-background-hover: #504330;
    --button-background: #443829;
    --button-background-hover: #504330;
    --background-modifier-border: #332a20;
    --background-modifier-border-hover: #443829;
    --background-modifier-border-focus: #5d503c;
}

.theme-dark.green-road {
    --background-primary: #161a20;
    --background-primary-alt: #222831;
    --background-secondary: #15181d;
    --background-secondary-alt: #353d42;
    --titlebar-background: #12151a;
    --titlebar-background-focused: #101318;
    --tab-container-background: var(--titlebar-background);
    --code-background: #1b1f26;
    --text-normal: #e6e9e3;
    --text-muted: #b8beb6;
    --background-modifier-form-field: #333743;
    --background-modifier-form-field-hover: #2f3833;
    --dropdown-background: #2b3236;
    --dropdown-background-hover: #353d42;
    --button-background: #474f27;
    --button-background-hover: #464f1d;
    --background-modifier-border: #404d58;
    --background-modifier-border-hover: #3a4248;
    --background-modifier-border-focus: #5e6b52;
    --color-accent-hsl: 75, 28%, 38%;
    --color-accent: #7f8d42;
    --color-accent-1: #6f7a42;
    --color-accent-2: #8f9f4f;
    --interactive-accent: #60a590;
    --text-on-accent: #fff;
    --link-color: #6f8a5a;
    --link-unresolved-color: #5f7a5f;
    --link-color-hover: #7f8d42;
    --toggle-thumb-color: #6f7a42;

    .checkbox-container.is-enabled::after {
        box-shadow: none;
    }

    .checkbox-container.is-enabled,
    .checkbox-container.is-enabled::after {
        background-color: #68823e;
    }

    .checkbox-container.is-enabled:hover {
        background-color: #2e4036;
    }

    
}


.theme-dark.red-forest {
    --background-primary: #2f2f2f;
    --background-primary-alt: #262626;
    --background-secondary: #262626;
    --background-secondary-alt: #333;
    --titlebar-background: #242424;
    --titlebar-background-focused: #1f1f1f;
    --tab-container-background: var(--titlebar-background);
    --code-background: #1f1f1f;
    --text-normal: #e6e9e3;
    --text-muted: #b8beb6;
    --text-error: #b54a45;
    --background-modifier-form-field: #383838;
    --background-modifier-form-field-hover: #444;
    --dropdown-background: #353535;
    --dropdown-background-hover: #404040;
    --button-background: #944b4b;
    --button-background-hover: #b34949;
    --background-modifier-border: #4a2a2a;
    --background-modifier-border-hover: #5a3333;
    --background-modifier-border-focus: #7a3f3f;
    --color-accent-hsl: 0, 45%, 40%;
    --color-accent: #b34949;
    --color-accent-1: #a04646;
    --color-accent-2: #b85656;


    
    --interactive-accent: #944b4b;
    --interactive-accent-hover: #944b4b;
    
    
    --interactive-normal: #6f7a42;
    --interactive-hover: #7f8d42;
    --text-on-accent: #fff;
    --link-color: #6f8a5a;
    --link-unresolved-color: #7a3f3f;
    --link-color-hover: #7f8d42;
    --toggle-thumb-color: #6f7a42;

    .checkbox-container {
        background-color: #484848;
    }

    .checkbox-container.is-enabled {
        background-color: #944b4b;
    }

    .checkbox-container.is-enabled::after {
        background-color: #b8a577;
    }

    .checkbox-container.is-enabled:hover {
        background-color: #2e4036;
    }
}





.theme-dark ::selection,
.theme-light ::selection {
    background-color: hsl(var(--interactive-accent-hsl), 0.3) !important;
}


.cm-s-obsidian span.cm-highlight, mark,
body .cm-s-obsidian span.cm-highlight,
body mark {
    border-radius: 6px;
    padding: 2px 4px;
    background-color: hsl(var(--interactive-accent-hsl), 0.4) !important;
    border: none;
    border-bottom: none;
}

.underlined-highlight .cm-s-obsidian span.cm-highlight,
.underlined-highlight mark {
    background-color: hsl(var(--interactive-accent-hsl), 0.3) !important;
    border-bottom: 2px solid hsl(var(--interactive-accent-hsl), 0.6) !important;
    padding: 2px 4px;
    border-radius: 0;
}

.bordered-highlight .cm-s-obsidian span.cm-highlight,
.bordered-highlight mark {
    background-color: hsl(var(--interactive-accent-hsl), 0.4) !important;
    border: 2px solid hsl(var(--interactive-accent-hsl), 0.6) !important;
    padding: 0 4px;
    padding-top: 2px;
    border-radius: 7px;
}

.only-underline .cm-s-obsidian span.cm-highlight,
.only-underline mark {
    background-color: transparent !important;
    border-bottom: 2px solid hsl(var(--interactive-accent-hsl), 0.6) !important;
    padding: 2px 4px;
    border-radius: 0;
}

.only-border .cm-s-obsidian span.cm-highlight,
.only-border mark {
    background-color: transparent !important;
    border: 2px solid hsl(var(--interactive-accent-hsl), 0.6) !important;
    padding: 0 4px;
    padding-top: 2px;
    border-radius: 7px;
}


.theme-light {
    --tag-radius: var(--button-radius) !important;
    --ribbon-background: var(--titlebar-background-focused);
    --button-shadow: #00000025;
    --blockquote-border-thickness: 4px;
    --toggle-thumb-color: var(--text-normal);
    --caret-color: var(--color-accent);
    --checkbox-color: var(--color-blue);
    --text-error: rgb(220, 80, 80);
    --background-primary: #f8f9fa;
    --background-primary-alt: #e9ecef;
    --background-secondary: #f1f3f5;
    --background-secondary-alt: #e9ecef;
    --titlebar-background: #f1f3f5;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --code-background: var(--background-secondary);
    --code-border-color: var(--background-secondary-alt);
    --code-border-width: 2px;
    --code-radius: var(--button-radius);
    --interactive-normal: var(--button-background);
    --interactive-hover: var(--button-background-hover);
    --background-modifier-form-field: #fff;
    --background-modifier-form-field-hover: #f8f9fa;
    --dropdown-background: #fff;
    --dropdown-background-hover: #f8f9fa;
    --button-background: #e9ecef;
    --button-background-hover: #dee2e6;
    --background-modifier-border: #dee2e6;
    --background-modifier-border-hover: #ced4da;
    --accent-red: var(--color-red);
    --accent-orange: var(--color-orange);
    --accent-yellow: var(--color-yellow);
    --accent-green: var(--color-green);
    --accent-cyan: var(--color-cyan);
    --accent-blue: var(--color-blue);
    --accent-purple: var(--color-purple);
    --accent-pink: var(--color-pink);
    --accent-brown: var(--color-brown);
    --accent-gray: var(--text-muted);
    --color-red: #e03131;
    --color-orange: #e8590c;
    --color-yellow: #f08c00;
    --color-green: #2f9e44;
    --color-cyan: #0c8599;
    --color-blue: #1971c2;
    --color-purple: #5f3dc4;
    --color-pink: #c2255c;
    --color-brown: #7b4b11;
    --color-gray: #868e96;
    --text-normal: #212529;
    --text-muted: #495057;
    --text-faint: #6c757d;
    --hr-color: var(--background-modifier-border);
    --tab-radius: 8px;
    --text-highlight-bg: rgb(255, 224, 130, 0.5);
    --button-radius: 20px;
}

.theme-light.paper-white {
    --background-primary: #fff;
    --background-primary-alt: #f8f9fa;
    --background-secondary: #f8f9fa;
    --background-secondary-alt: #e9ecef;
    --titlebar-background: #f8f9fa;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --text-normal: #212529;
    --text-muted: #495057;
    --text-error: #e03131;
    --background-modifier-form-field: #fff;
    --background-modifier-form-field-hover: #f8f9fa;
    --dropdown-background: #fff;
    --dropdown-background-hover: #f8f9fa;
    --button-background: #e9ecef;
    --button-background-hover: #dee2e6;
    --background-modifier-border: #dee2e6;
    --background-modifier-border-hover: #ced4da;
    --toggle-thumb-color: var(--background-primary);
}

.theme-light.light-gray {
    --background-primary: #f0f2f5;
    --background-primary-alt: #e6e8eb;
    --background-secondary: #e6e8eb;
    --background-secondary-alt: #d8dbdf;
    --titlebar-background: #e6e8eb;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --text-normal: #2d3748;
    --text-muted: #4a5568;
    --text-error: #c53030;
    --background-modifier-form-field: #fff;
    --background-modifier-form-field-hover: #f7fafc;
    --dropdown-background: #fff;
    --dropdown-background-hover: #f7fafc;
    --button-background: #e2e8f0;
    --button-background-hover: #cbd5e0;
    --background-modifier-border: #e2e8f0;
    --background-modifier-border-hover: #cbd5e0;
    --toggle-thumb-color: var(--background-primary);
}

.theme-light.soft-sand {
    --background-primary: #fdf6e3;
    --background-primary-alt: #f5e9d1;
    --background-secondary: #f5e9d1;
    --background-secondary-alt: #eed9b7;
    --titlebar-background: #f5e9d1;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --code-background: #fffef8;
    --text-normal: #5c4b3a;
    --text-muted: #8a7a6b;
    --text-error: #c44141;
    --background-modifier-form-field: #fffef8;
    --background-modifier-form-field-hover: #fdf6e3;
    --dropdown-background: #fffef8;
    --dropdown-background-hover: #fdf6e3;
    --button-background: #f0e0c2;
    --button-background-hover: #e6d1af;
    --background-modifier-border: #e6d1af;
    --background-modifier-border-hover: #d4be9c;
    --toggle-thumb-color: var(--background-primary);
}

.theme-light.green {
    --background-primary: #f0fdf4;
    --background-primary-alt: #dcfce7;
    --background-secondary: #dcfce7;
    --background-secondary-alt: #bbf7d0;
    --titlebar-background: #dcfce7;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --text-normal: #14532d;
    --text-muted: #166534;
    --text-error: #dc2626;
    --background-modifier-form-field: #fff;
    --background-modifier-form-field-hover: #f0fdf4;
    --dropdown-background: #fff;
    --dropdown-background-hover: #f0fdf4;
    --button-background: #bbf7d0;
    --button-background-hover: #86efac;
    --background-modifier-border: #86efac;
    --background-modifier-border-hover: #4ade80;
    --toggle-thumb-color: var(--background-primary);
}

.theme-light.purple {
    --background-primary: #faf5ff;
    --background-primary-alt: #f3e8ff;
    --background-secondary: #f3e8ff;
    --background-secondary-alt: #e9d5ff;
    --titlebar-background: #f3e8ff;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --text-normal: #581c87;
    --text-muted: #7c3aed;
    --text-error: #be185d;
    --background-modifier-form-field: #fff;
    --background-modifier-form-field-hover: #faf5ff;
    --dropdown-background: #fff;
    --dropdown-background-hover: #faf5ff;
    --button-background: #e9d5ff;
    --button-background-hover: #d8b4fe;
    --background-modifier-border: #d8b4fe;
    --background-modifier-border-hover: #c084fc;
    --toggle-thumb-color: var(--background-primary);
}

.theme-light.blue {
    --background-primary: #f0f9ff;
    --background-primary-alt: #e0f2fe;
    --background-secondary: #e0f2fe;
    --background-secondary-alt: #bae6fd;
    --titlebar-background: #e0f2fe;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --text-normal: #0c4a6e;
    --text-muted: #0369a1;
    --text-error: #be123c;
    --background-modifier-form-field: #fff;
    --background-modifier-form-field-hover: #f0f9ff;
    --dropdown-background: #fff;
    --dropdown-background-hover: #f0f9ff;
    --button-background: #bae6fd;
    --button-background-hover: #7dd3fc;
    --background-modifier-border: #7dd3fc;
    --background-modifier-border-hover: #38bdf8;
    --toggle-thumb-color: var(--background-primary);
}

.theme-light.peach {
    --background-primary: #fff7ed;
    --background-primary-alt: #ffedd5;
    --background-secondary: #ffedd5;
    --background-secondary-alt: #fed7aa;
    --titlebar-background: #ffedd5;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --text-normal: #7c2d12;
    --text-muted: #c2410c;
    --text-error: #b91c1c;
    --background-modifier-form-field: #fff;
    --background-modifier-form-field-hover: #fff7ed;
    --dropdown-background: #fff;
    --dropdown-background-hover: #fff7ed;
    --button-background: #fed7aa;
    --button-background-hover: #fdba74;
    --background-modifier-border: #fdba74;
    --background-modifier-border-hover: #fb923c;
    --toggle-thumb-color: var(--background-primary);
}

.theme-light.pink {
    --background-primary: #fff1f2;
    --background-primary-alt: #ffe4e6;
    --background-secondary: #ffe4e6;
    --background-secondary-alt: #fecdd3;
    --titlebar-background: #ffe4e6;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --text-normal: #881337;
    --text-muted: #be123c;
    --text-error: #b91c1c;
    --background-modifier-form-field: #fff;
    --background-modifier-form-field-hover: #fff1f2;
    --dropdown-background: #fff;
    --dropdown-background-hover: #fff1f2;
    --button-background: #fecdd3;
    --button-background-hover: #fda4af;
    --background-modifier-border: #fda4af;
    --background-modifier-border-hover: #fb7185;
    --toggle-thumb-color: var(--background-primary);
}

.theme-light.cyan {
    --background-primary: #f0fdfa;
    --background-primary-alt: #ccfbf1;
    --background-secondary: #ccfbf1;
    --background-secondary-alt: #99f6e4;
    --titlebar-background: #ccfbf1;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --text-normal: #134e4a;
    --text-muted: #0d9488;
    --text-error: #dc2626;
    --background-modifier-form-field: #fff;
    --background-modifier-form-field-hover: #f0fdfa;
    --dropdown-background: #fff;
    --dropdown-background-hover: #f0fdfa;
    --button-background: #99f6e4;
    --button-background-hover: #5eead4;
    --background-modifier-border: #5eead4;
    --background-modifier-border-hover: #2dd4bf;
    --toggle-thumb-color: var(--background-primary);
}

.theme-light.yellow {
    --background-primary: #fefce8;
    --background-primary-alt: #fef9c3;
    --background-secondary: #fef9c3;
    --background-secondary-alt: #fef08a;
    --titlebar-background: #fef9c3;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --text-normal: #854d0e;
    --text-muted: #ca8a04;
    --text-error: #b91c1c;
    --background-modifier-form-field: #fff;
    --background-modifier-form-field-hover: #fefce8;
    --dropdown-background: #fff;
    --dropdown-background-hover: #fefce8;
    --button-background: #fef08a;
    --button-background-hover: #fde047;
    --background-modifier-border: #fde047;
    --background-modifier-border-hover: #facc15;
    --toggle-thumb-color: var(--background-primary);
}

.theme-light.cloud-white {
    --background-primary: #f8fafc;
    --background-primary-alt: #f1f5f9;
    --background-secondary: #f1f5f9;
    --background-secondary-alt: #e2e8f0;
    --titlebar-background: #f1f5f9;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --text-normal: #1e293b;
    --text-muted: #475569;
    --text-error: #dc2626;
    --background-modifier-form-field: #fff;
    --background-modifier-form-field-hover: #f8fafc;
    --dropdown-background: #fff;
    --dropdown-background-hover: #f8fafc;
    --button-background: #e2e8f0;
    --button-background-hover: #cbd5e1;
    --background-modifier-border: #cbd5e1;
    --background-modifier-border-hover: #94a3b8;
    --toggle-thumb-color: var(--background-primary);
}

.theme-light.azure {
    --background-primary: #eff6ff;
    --background-primary-alt: #dbeafe;
    --background-secondary: #dbeafe;
    --background-secondary-alt: #bfdbfe;
    --titlebar-background: #dbeafe;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --text-normal: #1e3a8a;
    --text-muted: #1d4ed8;
    --text-error: #b91c1c;
    --background-modifier-form-field: #fff;
    --background-modifier-form-field-hover: #eff6ff;
    --dropdown-background: #fff;
    --dropdown-background-hover: #eff6ff;
    --button-background: #bfdbfe;
    --button-background-hover: #93c5fd;
    --background-modifier-border: #93c5fd;
    --background-modifier-border-hover: #60a5fa;
    --toggle-thumb-color: var(--background-primary);
}

.theme-light.herb {
    --background-primary: #f1f8e9;
    --background-primary-alt: #e1f2da;
    --background-secondary: #e8f5e9;
    --background-secondary-alt: #c8e6c9;
    --titlebar-background: #e8f5e9;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --text-normal: #2e7d32;
    --text-muted: #4caf50;
    --text-error: #c62828;
    --background-modifier-form-field: #fff;
    --background-modifier-form-field-hover: #f1f8e9;
    --dropdown-background: #fff;
    --dropdown-background-hover: #f1f8e9;
    --button-background: #c8e6c9;
    --button-background-hover: #a5d6a7;
    --background-modifier-border: #a5d6a7;
    --background-modifier-border-hover: #81c784;
    --toggle-thumb-color: var(--background-primary);
}

.theme-light.toothpaste {
    --background-primary: #d0f7ff;
    --background-primary-alt: #a8f0ff;
    --background-secondary: #a8f0ff;
    --background-secondary-alt: #70e0ff;
    --titlebar-background: #a8f0ff;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --text-normal: #004f63;
    --text-muted: #007a8f;
    --text-error: #c62828;
    --background-modifier-form-field: #fff;
    --background-modifier-form-field-hover: #d0f7ff;
    --dropdown-background: #fff;
    --dropdown-background-hover: #d0f7ff;
    --button-background: #70e0ff;
    --button-background-hover: #3fd4ff;
    --background-modifier-border: #33c7e0;
    --background-modifier-border-hover: #00b4d9;
    --toggle-thumb-color: var(--background-primary);
}

.theme-light.rose {
    --background-primary: #f6d6df;
    --background-primary-alt: #efb9c8;
    --background-secondary: #efb9c8;
    --background-secondary-alt: #e79aad;
    --titlebar-background: #efb9c8;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --text-normal: #6b1238;
    --text-muted: #8c2a52;
    --text-error: #a61d2d;
    --background-modifier-form-field: #fffafa;
    --background-modifier-form-field-hover: #f6d6df;
    --dropdown-background: #fffafa;
    --dropdown-background-hover: #f6d6df;
    --button-background: #e79aad;
    --button-background-hover: #dc7f99;
    --background-modifier-border: #d86c8a;
    --background-modifier-border-hover: #c95678;
    --toggle-thumb-color: var(--background-primary);
}

.theme-light.yellow-teeth {
    --background-primary: #f5f2d8;
    --background-primary-alt: #ece6b8;
    --background-secondary: #ece6b8;
    --background-secondary-alt: #e0d68f;
    --titlebar-background: #ece6b8;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --code-background: #fffef8;
    --text-normal: #6f6400;
    --text-muted: #8a7f1a;
    --text-error: #9e2a2b;
    --background-modifier-form-field: #fffef8;
    --background-modifier-form-field-hover: #f5f2d8;
    --dropdown-background: #fffef8;
    --dropdown-background-hover: #f5f2d8;
    --button-background: #e0d68f;
    --button-background-hover: #d4c96a;
    --background-modifier-border: #c2b83f;
    --background-modifier-border-hover: #b0a62c;
    --toggle-thumb-color: var(--background-primary);
}

.theme-light.blood {
    --background-primary: #f2d6d9;
    --background-primary-alt: #e6b3b8;
    --background-secondary: #e6b3b8;
    --background-secondary-alt: #d48a92;
    --titlebar-background: #e6b3b8;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --text-normal: #6f0f14;
    --text-muted: #8a2a2f;
    --text-error: #4d0000;
    --background-modifier-form-field: #fffafa;
    --background-modifier-form-field-hover: #f2d6d9;
    --dropdown-background: #fffafa;
    --dropdown-background-hover: #f2d6d9;
    --button-background: #d48a92;
    --button-background-hover: #c46b74;
    --background-modifier-border: #b94a52;
    --background-modifier-border-hover: #a33239;
    --toggle-thumb-color: var(--background-secondary-alt);
    --color-accent: #c51e1e;
    --color-accent-1: #da3232;
    --color-accent-2: #ff5151;
    --interactive-accent: #b32626;
}

.theme-light.corporate {
    --background-primary: #e7ebef;
    --background-primary-alt: #d6dde5;
    --background-secondary: #d6dde5;
    --background-secondary-alt: #c1ccd8;
    --titlebar-background: #d6dde5;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --text-normal: #1f2a37;
    --text-muted: #3a4a5e;
    --text-error: #8b1d1d;
    --background-modifier-form-field: #fff;
    --background-modifier-form-field-hover: #e7ebef;
    --dropdown-background: #fff;
    --dropdown-background-hover: #e7ebef;
    --button-background: #c1ccd8;
    --button-background-hover: #aebccc;
    --background-modifier-border: #8fa3b8;
    --background-modifier-border-hover: #738aa3;
}

.theme-light.payesh {
    --background-primary: #e7e7de;
    --background-primary-alt: #d8d8c9;
    --background-secondary: #d8d8c9;
    --background-secondary-alt: #c9c9b5;
    --titlebar-background: #d8d8c9;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --text-normal: #5d5c5a;
    --text-muted: #7a7976;
    --text-error: #c62828;
    --background-modifier-form-field: #fff;
    --background-modifier-form-field-hover: #f5f5f0;
    --dropdown-background: #fff;
    --dropdown-background-hover: #f5f5f0;
    --button-background: #c9c9b5;
    --button-background-hover: #b8b8a0;
    --background-modifier-border: #a9a98c;
    --background-modifier-border-hover: #989876;
    --toggle-thumb-color: var(--background-primary);
}

.theme-light.chicken {
    --background-primary: #fff8e1;
    --background-primary-alt: #ffecb3;
    --background-secondary: #ffecb3;
    --background-secondary-alt: #ffe082;
    --titlebar-background: #ffecb3;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --text-normal: #eb8502;
    --text-muted: #ffa000;
    --text-error: #c62828;
    --background-modifier-form-field: #fff;
    --background-modifier-form-field-hover: #fff8e1;
    --dropdown-background: #fff;
    --dropdown-background-hover: #fff8e1;
    --button-background: #ffe082;
    --button-background-hover: #ffd54f;
    --background-modifier-border: #ffca28;
    --background-modifier-border-hover: #ffb300;
    --toggle-thumb-color: var(--background-primary);
}

.theme-light.disgust {
    --toggle-thumb-color: white;
    --background-primary: #f2f4e6;
    --background-primary-alt: #e1e5c0;
    --background-secondary: #e1e5c0;
    --background-secondary-alt: #c8d197;
    --titlebar-background: #e1e5c0;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --code-background: #f9f9f2;
    --text-normal: #7a7015;
    --text-muted: #9c9a3c;
    --text-error: #9e2a2b;
    --background-modifier-form-field: #f9f9f2;
    --background-modifier-form-field-hover: #f2f4e6;
    --dropdown-background: #f9f9f2;
    --dropdown-background-hover: #f2f4e6;
    --button-background: #c8d197;
    --button-background-hover: #aeb761;
    --background-modifier-border: #aeb761;
    --background-modifier-border-hover: #8e944c;
}

.theme-light.gray {
    --toggle-thumb-color: var(--background-primary);
    --caret-color: black;
    --background-primary: #808080;
    --background-primary-alt: #7a7a7a;
    --background-secondary: #7a7a7a;
    --background-secondary-alt: #737373;
    --titlebar-background: #7a7a7a;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --code-background: #dcdcdc;
    --text-normal: #000;
    --text-muted: #333;
    --text-error: #c62828;
    --background-modifier-form-field: #dcdcdc;
    --background-modifier-form-field-hover: #e0e0e0;
    --dropdown-background: #dcdcdc;
    --dropdown-background-hover: #e0e0e0;
    --button-background: #737373;
    --button-background-hover: #6a6a6a;
    --background-modifier-border: #666;
    --background-modifier-border-hover: #5c5c5c;
}

.theme-light.jade {
    --background-primary: #dcedc8;
    --background-primary-alt: #c5e1a5;
    --background-secondary: #c8e6c9;
    --background-secondary-alt: #a5d6a7;
    --titlebar-background: #c8e6c9;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --code-background: #e8f5e9;
    --text-normal: #1b5e20;
    --text-muted: #2e7d32;
    --text-error: #b71c1c;
    --background-modifier-form-field: #f1f8e9;
    --background-modifier-form-field-hover: #dcedc8;
    --dropdown-background: #f1f8e9;
    --dropdown-background-hover: #dcedc8;
    --button-background: #a5d6a7;
    --button-background-hover: #81c784;
    --background-modifier-border: #81c784;
    --background-modifier-border-hover: #66bb6a;
    --toggle-thumb-color: var(--background-primary);
}

.theme-light.olive {
    --olive-base: #636b2f;
    --background-primary: #e3e7d6;
    --background-primary-alt: #d3d9bf;
    --background-secondary: #d0d6ba;
    --background-secondary-alt: #bfc7a1;
    --titlebar-background: #d0d6ba;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --code-background: #f0f3e8;
    --text-normal: #2f3316;
    --text-muted: #4a5030;
    --text-error: #8b1d1d;
    --background-modifier-form-field: #f0f3e8;
    --background-modifier-form-field-hover: #e3e7d6;
    --dropdown-background: #f0f3e8;
    --dropdown-background-hover: #e3e7d6;
    --button-background: #bfc7a1;
    --button-background-hover: #aeb88c;
    --background-modifier-border: #aeb88c;
    --background-modifier-border-hover: #9aa56f;
    --toggle-thumb-color: var(--background-primary);
    --color-accent: #636b2f;
    --color-accent-1: #747d38;
    --color-accent-2: #8a9446;
}

.theme-light.cream-blue {
    --cream-base: #f6f1e7;
    --red-accent: #e53935;
    --cyan-accent: #00acc1;
    --background-primary: #f6f1e7;
    --background-primary-alt: #efe7d8;
    --background-secondary: #efe7d8;
    --background-secondary-alt: #e5dcc8;
    --titlebar-background: #efe7d8;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --code-background: #fbf8f2;
    --text-normal: #3b3328;
    --text-muted: #6b6256;
    --text-error: var(--red-accent);
    --background-modifier-form-field: #fbf8f2;
    --background-modifier-form-field-hover: #f6f1e7;
    --dropdown-background: #fbf8f2;
    --dropdown-background-hover: #f6f1e7;
    --button-background: #e5dcc8;
    --button-background-hover: #d9cfb8;
    --background-modifier-border: #d9cfb8;
    --background-modifier-border-hover: #cbbf9f;
    --toggle-thumb-color: var(--background-primary);
    --color-accent: #007f8f;
    --color-accent-1: #26c6da;
    --color-accent-2: #4dd0e1;
    --interactive-accent: #26c6da;
    --interactive-accent-hsl: 187, 71%, 50%;
    --accent-red: var(--red-accent);
}

.theme-light.cream {
    --cream-base: #f6f1e7;
    --red-accent: #e53935;
    --cyan-accent: #00acc1;
    --background-primary: #f6f1e7;
    --background-primary-alt: #efe7d8;
    --background-secondary: #efe7d8;
    --background-secondary-alt: #e5dcc8;
    --titlebar-background: #efe7d8;
    --titlebar-background-focused: var(--titlebar-background);
    --tab-container-background: var(--titlebar-background);
    --code-background: #fbf8f2;
    --text-normal: #3b3328;
    --text-muted: #6b6256;
    --text-error: var(--red-accent);
    --background-modifier-form-field: #fbf8f2;
    --background-modifier-form-field-hover: #f6f1e7;
    --dropdown-background: #fbf8f2;
    --dropdown-background-hover: #f6f1e7;
    --button-background: #e5dcc8;
    --button-background-hover: #d9cfb8;
    --background-modifier-border: #d9cfb8;
    --background-modifier-border-hover: #cbbf9f;
    --toggle-thumb-color: var(--background-primary);
    --accent-red: var(--red-accent);
}










select, 
input, 
textarea, 
button, 
.mod-cta, 
.setting-item-control button, 
.menu-item.tappable, 
.vertical-tab-nav-item, 
.suggestion-item.mod-complex.is-selected, 
.suggestion-hotkey, 
.setting-hotkey, 
.kanban-plugin__item, 
.workspace-tab-header,
img {
    corner-shape: var(--corner-shape, initial) !important;
}



.circular-tiptip {
    --button-radius: 20px;
    --input-radius: 20px;
}


.circular-tiptip .suggestion-item.mod-complex.is-selected {
    border-radius: 100px !important;
}


.circular-tiptip select,
.circular-tiptip input,
.circular-tiptip textarea,
.circular-tiptip button,
.circular-tiptip .mod-cta,
.circular-tiptip .setting-item-control button,
.circular-tiptip .menu-item.tappable,
.circular-tiptip .vertical-tab-nav-item,
.circular-tiptip .suggestion-item.mod-complex.is-selected,
.circular-tiptip .suggestion-hotkey,
.circular-tiptip .setting-hotkey,
.circular-tiptip .kanban-plugin__item,
.circular-tiptip img {
    border-radius: 100px !important;
}


.default-tab-rounded.circular-tiptip .workspace-tab-header,
.default-tab-rounded.circular-tiptip .workspace-tab-header:not(.is-active) .workspace-tab-header-inner:active {
    border-radius: 14px 14px 0 0 !important;
}



.rounded-tiptip {
    --button-radius: 10px;
    --input-radius: 10px;
}


.rounded-tiptip .menu,
.rounded-tiptip .modal,
.rounded-tiptip .prompt {
    border-radius: calc(var(--button-radius) + 2px) !important;
}


.rounded-tiptip select,
.rounded-tiptip input,
.rounded-tiptip textarea,
.rounded-tiptip button,
.rounded-tiptip .mod-cta,
.rounded-tiptip .setting-item-control button,
.rounded-tiptip .menu-item.tappable,
.rounded-tiptip .vertical-tab-nav-item,
.rounded-tiptip .suggestion-item.mod-complex.is-selected,
.rounded-tiptip .suggestion-hotkey,
.rounded-tiptip .setting-hotkey,
.rounded-tiptip .kanban-plugin__item,
.rounded-tiptip img {
    border-radius: 12px !important;
}



.round-tiptip {
    --button-radius: 6px;
    --input-radius: 6px;
}


.round-tiptip .menu,
.round-tiptip .modal,
.round-tiptip .prompt {
    border-radius: calc(var(--button-radius) + 2px) !important;
}


.round-tiptip select,
.round-tiptip input,
.round-tiptip textarea,
.round-tiptip button,
.round-tiptip .mod-cta,
.round-tiptip .setting-item-control button,
.round-tiptip .menu-item.tappable,
.round-tiptip .vertical-tab-nav-item,
.round-tiptip .suggestion-item.mod-complex.is-selected,
.round-tiptip .suggestion-hotkey,
.round-tiptip .setting-hotkey,
.round-tiptip .kanban-plugin__item,
.round-tiptip img {
    border-radius: 8px !important;
}



.lil-round-tiptip {
    --button-radius: 10px;
    --input-radius: 10px;
}





.sharp-tiptip {
    --button-radius: 0px;
    --input-radius: 0px;
}


.sharp-tiptip .menu,
.sharp-tiptip .modal,
.sharp-tiptip .prompt,
.sharp-tiptip .suggestion-item.mod-complex.is-selected {
    border-radius: 0 !important;
}


.sharp-tiptip select,
.sharp-tiptip input,
.sharp-tiptip textarea,
.sharp-tiptip button,
.sharp-tiptip .mod-cta,
.sharp-tiptip .setting-item-control button,
.sharp-tiptip .menu-item.tappable,
.sharp-tiptip .vertical-tab-nav-item,
.sharp-tiptip .suggestion-item.mod-complex.is-selected,
.sharp-tiptip .suggestion-hotkey,
.sharp-tiptip .setting-hotkey,
.sharp-tiptip .kanban-plugin__item,
.sharp-tiptip img {
    border-radius: 0 !important;
}




.hexagon-tiptip select,
.hexagon-tiptip input,
.hexagon-tiptip textarea,
.hexagon-tiptip button,
.hexagon-tiptip .mod-cta,
.hexagon-tiptip .setting-item-control button,
.hexagon-tiptip .menu-item.tappable,
.hexagon-tiptip .vertical-tab-nav-item,
.hexagon-tiptip .suggestion-item.mod-complex.is-selected,
.hexagon-tiptip .suggestion-hotkey,
.hexagon-tiptip .setting-hotkey,
.hexagon-tiptip .kanban-plugin__item,
.hexagon-tiptip img {
    corner-shape: bevel !important;
    border-radius: 6px !important;
}


.hexagon-tiptip .menu,
.hexagon-tiptip .modal,
.hexagon-tiptip .prompt,
.hexagon-tiptip .notice,
.hexagon-tiptip .kanban-plugin__lane,
.hexagon-tiptip .popover,
.hexagon-tiptip .metadata-container {
    corner-shape: bevel !important;
    border-radius: 12px !important;

    --corner-shape: bevel;
}


.default-tab-rounded.hexagon-tiptip .workspace-tab-header,
.default-tab-rounded.hexagon-tiptip .workspace-tab-header:not(.is-active) .workspace-tab-header-inner:active {
    border-radius: 8px 8px 0 0 !important;
}




.scoop-tiptip select,
.scoop-tiptip input,
.scoop-tiptip textarea,
.scoop-tiptip button,
.scoop-tiptip .mod-cta,
.scoop-tiptip .setting-item-control button,
.scoop-tiptip .menu-item.tappable,
.scoop-tiptip .vertical-tab-nav-item,
.scoop-tiptip .suggestion-item.mod-complex.is-selected,
.scoop-tiptip .suggestion-hotkey,
.scoop-tiptip .setting-hotkey,
.scoop-tiptip .kanban-plugin__item,
.scoop-tiptip img {
    corner-shape: scoop !important;
    border-radius: 6px !important;

    --corner-shape: scoop;
}


.scoop-tiptip .menu,
.scoop-tiptip .modal,
.scoop-tiptip .prompt,
.scoop-tiptip .notice,
.scoop-tiptip .kanban-plugin__lane,
.scoop-tiptip .popover,
.scoop-tiptip .metadata-container {
    corner-shape: scoop !important;
    border-radius: 7px !important;

    --corner-shape: scoop;
}


.bubble.scoop-tiptip .menu,
.bubble.scoop-tiptip .modal,
.bubble.scoop-tiptip .prompt,
.bubble.scoop-tiptip .notice,
.bubble.scoop-tiptip .kanban-plugin__lane,
.bubble.scoop-tiptip .popover,
.bubble.scoop-tiptip .workspace-leaf {
    border-radius: 10px !important;
    corner-shape: scoop;
}

.bubble.scoop-tiptip .workspace-tab-header,
.bubble.scoop-tiptip .workspace-tab-header:active {
    border-radius: 6px !important;
}


.default-tab-rounded.scoop-tiptip .workspace-tab-header {
    border-radius: 8px 8px 0 0 !important;
}

.default-tab-rounded.scoop-tiptip .workspace-tab-header:not(.is-active) .workspace-tab-header-inner:active {
    border-radius: 6px 6px 0 0 !important;
}




.squircle-tiptip .menu,
.squircle-tiptip .modal,
.squircle-tiptip .prompt,
.squircle-tiptip .notice,
.squircle-tiptip .kanban-plugin__lane,
.squircle-tiptip .popover,
.squircle-tiptip .metadata-container {
    corner-shape: squircle !important;
    border-radius: 12px !important;

    --corner-shape: squircle;
}


.squircle-tiptip select,
.squircle-tiptip input,
.squircle-tiptip textarea,
.squircle-tiptip button,
.squircle-tiptip .mod-cta,
.squircle-tiptip .setting-item-control button,
.squircle-tiptip .menu-item.tappable,
.squircle-tiptip .vertical-tab-nav-item,
.squircle-tiptip .suggestion-item.mod-complex.is-selected,
.squircle-tiptip .suggestion-hotkey,
.squircle-tiptip .setting-hotkey,
.squircle-tiptip .kanban-plugin__item,
.squircle-tiptip img {
    corner-shape: squircle !important;
    border-radius: 7px !important;

    --corner-shape: squircle;
}



.sock-tiptip {
    --button-radius: 10%;
    --input-radius: 10%;
}


.sock-tiptip .menu,
.sock-tiptip .modal,
.sock-tiptip .prompt,
.sock-tiptip .kanban-plugin__lane,
.sock-tiptip img,
.sock-tiptip .popover {
    border-radius: 1.7% !important;
}


.sock-tiptip select,
.sock-tiptip input,
.sock-tiptip textarea,
.sock-tiptip button,
.sock-tiptip .mod-cta,
.sock-tiptip .setting-item-control button,
.sock-tiptip .menu-item.tappable,
.sock-tiptip .vertical-tab-nav-item,
.sock-tiptip .suggestion-item.mod-complex.is-selected,
.sock-tiptip .suggestion-hotkey,
.sock-tiptip .setting-hotkey,
.sock-tiptip .kanban-plugin__item,
.sock-tiptip img {
    border-radius: 1.7% !important;
}


.bubble.sock-tiptip .workspace-leaf {
    border-radius: 2% !important;
    corner-shape: var(--corner-shape) !important;
}



.eye-tiptip {
    --button-radius: 50%;
    --input-radius: 50%;
}

.eye-tiptip .workspace-leaf {
  border-radius: 4% !important;
}

.eye-tiptip .workspace-leaf:has(.cm-editor) {
  border-radius: 90% !important;
}


.eye-tiptip .suggestion-item.mod-complex.is-selected,
.eye-tiptip .suggestion-hotkey,
.eye-tiptip .setting-hotkey {
    border-radius: var(--button-radius) !important;
}

.eye-tiptip .kanban-plugin__item {
    border-radius: 20% !important;
}


.eye-tiptip .kanban-plugin__lane,
.eye-tiptip .menu,
.eye-tiptip .modal,
.eye-tiptip .prompt,
.eye-tiptip img,
.eye-tiptip .popover {
    border-radius: 4% !important;
}


.eye-tiptip select,
.eye-tiptip input,
.eye-tiptip textarea,
.eye-tiptip button,
.eye-tiptip .mod-cta,
.eye-tiptip .setting-item-control button,
.eye-tiptip .menu-item.tappable,
.eye-tiptip .vertical-tab-nav-item,
.eye-tiptip .suggestion-item.mod-complex.is-selected,
.eye-tiptip .suggestion-hotkey,
.eye-tiptip .setting-hotkey,
.eye-tiptip .kanban-plugin__item,
.eye-tiptip img {
    border-radius: 20% / 50% !important;
}



.bubble .workspace-leaf {
    border-radius: var(--button-radius) !important;
    corner-shape: var(--corner-shape) !important;
}








.button-scale button,
.button-scale .clickable-icon {
    transition:
        all calc(var(--animation-duration) * 1) cubic-bezier(0.175, 0.885, 0.32, 2),
        background-color calc(var(--animation-duration) * 0.6667) ease;
    transform: scale(1);
    outline: 0 solid var(--background-modifier-border);
}

.button-scale button:hover,
.button-scale .clickable-icon:hover {
    transform: scale(1.06);
    z-index: 1000 !important;
}

.button-scale button:active {
    border-radius: 10px !important;
    transform: scale(0.9);
    transition: all calc(var(--animation-duration) * 1) cubic-bezier(0.175, 0.885, 0.32, 2);
    outline: 0 solid var(--background-modifier-border);
}


.button-shrink button,
.button-shrink .clickable-icon {
    transition:
        all calc(var(--animation-duration) * 1) cubic-bezier(0.175, 0.885, 0.32, 2),
        background-color calc(var(--animation-duration) * 0.6667) ease;
    transform: scale(1);
    outline: 0 solid var(--background-modifier-border);
}

.button-shrink button:hover,
.button-shrink .clickable-icon:hover {
    transform: scale(0.9);
    z-index: 1000 !important;
}

.button-shrink button:active,
.button-shrink .clickable-icon:active,
.button-shrink .clickable-icon:focus-visible {
    border-radius: 10px !important;
    transform: scale(0.7);
    opacity: 0.7;
    transition: all calc(var(--animation-duration) * 1) cubic-bezier(0.175, 0.885, 0.32, 2);
    outline: 0 solid var(--background-modifier-border);
}


.button-tilt button,
.button-tilt .clickable-icon {
    transition: 
        transform 0.25s cubic-bezier(0.34, 1.2, 0.64, 1),
        background-color 0.15s ease,
        opacity 0.1s ease;
    
    transform: rotate(0deg);
    will-change: transform;
}

.button-tilt button:hover, 
.button-tilt .clickable-icon:hover {
    transform: rotate(3deg);
    z-index: 1;
}

.button-tilt button:active, 
.button-tilt .clickable-icon:active,
.button-tilt .clickable-icon:focus-visible {
    transform: rotate(-4deg) scale(0.97);
    opacity: 0.85;
    transition: transform 0.08s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}

.button-tilt button:focus-visible,
.button-tilt .clickable-icon:focus-visible {
    outline: 2px solid var(--background-modifier-border);
    outline-offset: 2px;
}


.button-bounce button,
.button-bounce .clickable-icon {
    transform: scale(1);
}

.button-bounce button:hover,
.button-bounce .clickable-icon:hover {
    transition: transform 0.2s ease-out;
}

.button-bounce button:hover {
    
    animation: softBounce 0.6s infinite;
}

@keyframes softBounce {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.02); }
}



.button-bounce button:active,
.button-bounce .clickable-icon:active,
.button-bounce .clickable-icon:focus-visible {
    animation: clickBounce 0.35s ease;
}

@keyframes clickBounce {
    0%   { transform: scale(1, 1); }
    30%  { transform: scale(1.1, 0.85); }
    60%  { transform: scale(0.95, 1.05); }
    100% { transform: scale(1); }
}



button, button:hover, button:active {
    transition: background-color 0.2s ease,
                border-radius 0.2s ease,
                transform calc(var(--animation-duration) * 1) cubic-bezier(0.175, 0.885, 0.32, 1.5) !important;
}



body:not(.view-header) .button-bordered button,
.button-bordered .setting-item-control button,
.button-bordered select {
    border: 2px solid var(--background-modifier-border-focus) !important;
}

.button-bordered button.mod-cta {
    border: 2px solid var(--color-accent-1) !important;
}

.button-bordered .clickable-icon:active {
    border-radius: var(--button-radius) !important;
    corner-shape: var(--corner-shape) !important;
    transform: scale(0.8);
    border: 2px solid currentcolor !important;
    color: var(--color-accent-1);
    background-color: hsl(var(--interactive-accent-hsl), 0.2) !important;
}


body:not(.view-header) .button-3d button,
.button-3d .mod-cta,
.button-3d select,
.button-3d .setting-item-control button {
    border-bottom: 3px solid var(--button-shadow) !important;
    transition: border-bottom 0.1s ease, transform 0.1s ease;
}

body:not(.view-header) .button-3d button:hover,
.button-3d .mod-cta:hover,
.button-3d select:hover,
.button-3d .setting-item-control button:hover {
    border-bottom: 5px solid var(--button-shadow) !important;
    transform: translateY(-2px);
}

body:not(.view-header) .button-3d button:active,
.button-3d .mod-cta:active,
.button-3d select:active,
.button-3d .setting-item-control button:active {
    border-bottom: 0 solid var(--button-shadow) !important;
    transform: translateY(2px);
}


body:not(.view-header) .button-bordered-3d button,
.button-bordered-3d .mod-cta,
.button-bordered-3d select,
.button-bordered-3d .setting-item-control button {
    border: 2px solid var(--background-modifier-border-focus) !important;
    border-bottom: 3px solid var(--button-shadow) !important;
    transition: border-bottom 0.1s ease, transform 0.1s ease;
}

body:not(.view-header) .button-bordered-3d button:hover,
.button-bordered-3d .mod-cta:hover,
.button-bordered-3d select:hover,
.button-bordered-3d .setting-item-control button:hover {
    border: 2px solid var(--background-modifier-border-focus) !important;
    border-bottom: 5px solid var(--button-shadow) !important;
    transform: translateY(-2px);
}


body:not(.view-header) .button-bordered-3d button:active,
.button-bordered-3d .mod-cta:active,
.button-bordered-3d select:active,
.button-bordered-3d .setting-item-control button:active {
    border: 2px solid var(--background-modifier-border-focus) !important;
    border-bottom: 0 solid var(--button-shadow) !important;
    transform: translateY(0);
}


.button-glow button,
.button-glow .mod-cta,
.button-glow select,
.button-glow .setting-item-control button {
    box-shadow: 0 0 0 var(--color-accent) !important;
    transition: box-shadow 0.2s ease;
}

.button-glow button:hover,
.button-glow .mod-cta:hover,
.button-glow select:hover,
.button-glow .setting-item-control button:hover {
    box-shadow: 0 0 8px var(--text-normal) !important;
}


.clickable-icon {
    border-radius: var(--button-radius) !important;
    corner-shape: var(--corner-shape) !important;
}
body.hexagon-tiptip .clickable-icon { 
    border-radius: 6px !important;
    corner-shape: bevel !important;
}
body.scoop-tiptip .clickable-icon { 
    border-radius: 6px !important;
    corner-shape: scoop !important;
}


.filled svg {
    fill: currentcolor;
    fill-opacity: 0.25;
}

.big svg,
.big svg.svg-icon,
.big .clickable-icon {
    --icon-size: 22px !important;
}

.big-filled svg,
.big-filled svg.svg-icon,
.big-filled .clickable-icon {
    --icon-size: 22px !important;
    fill: currentcolor;
    fill-opacity: 0.25;
}

.big-filled .workspace-tab-header .workspace-tab-header-inner-icon,
.big .workspace-tab-header .workspace-tab-header-inner-icon {
    --icon-size: 18px !important;
    width: 22px;
}



.clickable-icon.extra-setting-button[aria-label*="donate to support" i]:hover {
    color: var(--color-pink);
    background-color: rgba(var(--color-pink-rgb), 0.1);
}

.clickable-icon.extra-setting-button[aria-label*="uninstall" i]:hover,
.clickable-icon.extra-setting-button[aria-label*="delete" i]:hover {
    color: var(--text-error);
    background-color: rgba(var(--color-red-rgb), 0.2);
}

.clickable-icon.extra-setting-button[aria-label*="remove" i]:hover {
    color: var(--text-error);
    background-color: rgba(var(--color-red-rgb), 0.2);
}

.modal-close-button.clickable-icon:hover {
    color: var(--text-error);
    background-color: rgba(var(--color-red-rgb), 0.2);
    transition: calc(var(--animation-duration) * 0.6667) ease;
}

.workspace-tab-header-new-tab .clickable-icon:hover {
    color: var(--color-accent);
    background-color: hsla(var(--interactive-accent-hsl), 0.2);
    transition: calc(var(--animation-duration) * 0.6667) ease;
}

.workspace-tab-header-new-tab .clickable-icon:active {
    color: var(--color-accent);
    background-color: hsla(var(--interactive-accent-hsl), 0.2);
    transition: calc(var(--animation-duration) * 0.6667) ease;
}





select {
    margin-right: 0 !important;
    transition:
        all calc(var(--animation-duration) * 1) cubic-bezier(0.175, 0.885, 0.32, 2),
        background-color calc(var(--animation-duration) * 0.6667) ease;
    padding: auto 20px !important;
    text-align: center;
}



select:active {
    padding: auto 26px !important;
    transform: scale(0.9);
}



img {
    border-radius: var(--button-radius);
}

.popover .markdown-embed-link {
    margin: 10px 4px;
}











.focus-mode .titlebar-button-container {
    display: none !important;
}

.focus-mode .workspace-tab-header-container,
.focus-mode .status-bar,
.focus-mode .metadata-properties-heading,
.focus-mode ::-webkit-scrollbar {
    display: none !important;
}

.focus-mode .workspace-tab-container:has(.cm-scroller) {
    padding-bottom: 14px;
    padding-top: 4px !important;
}


.lined .cm-line {
    border-bottom: 1.5px solid rgb(128, 128, 128, 0.178) !important;
}



.progress-bar-message::before {
    padding: 10px;
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 6px;
    border-radius: 50%;
    background-color: var(--color-yellow);
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
  <circle cx='13' cy='60' r='16' fill='orange'/>\
  <circle cx='87' cy='58' r='16' fill='orange'/>\
  <path d='M15 40 Q25 65 40 40' stroke='black' stroke-width='10' fill='none' stroke-linecap='round'/>\
  <path d='M60 40 Q65 65 85 40' stroke='black' stroke-width='10' fill='none' stroke-linecap='round'/>\
  <ellipse cx='50' cy='78' rx='15' ry='18' fill='maroon'/>\
</svg>");
    background-size: 70% 70%;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;

    animation: float calc(var(--animation-duration) * 6.6667) ease-in-out infinite;
}

@keyframes float {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(8px);
    }
}

.progress-bar-message {
    font-size: 0;
}






.progress-bar-message::before {
    padding: 10px;
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 6px;
    border-radius: 50%;
    background-color: var(--color-yellow);
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
  <circle cx='13' cy='60' r='16' fill='orange'/>\
  <circle cx='87' cy='58' r='16' fill='orange'/>\
  <path d='M15 40 Q25 65 40 40' stroke='black' stroke-width='10' fill='none' stroke-linecap='round'/>\
  <path d='M60 40 Q65 65 85 40' stroke='black' stroke-width='10' fill='none' stroke-linecap='round'/>\
  <ellipse cx='50' cy='78' rx='15' ry='18' fill='maroon'/>\
</svg>");
    background-size: 70% 70%;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;

    animation: float calc(var(--animation-duration) * 6.6667) ease-in-out infinite;
}

@keyframes float {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(8px);
    }
}

.progress-bar-message {
    font-size: 0;
}







.checkbox-container {
    border-radius: 10px;
    transition: all calc(var(--animation-duration) * 0.3333) cubic-bezier(0.175, 0.885, 0.32, 2);
}


.checkbox-container:not(.is-enabled)::after {
    border-radius: 10px;
    transition: all calc(var(--animation-duration) * 0.3333) cubic-bezier(0.175, 0.885, 0.32, 2);
}


.checkbox-container.is-enabled {
    border-radius: 6px;
    transition: all calc(var(--animation-duration) * 0.3333) ease-out;
}


.checkbox-container.is-enabled::after {
    border-radius: 6px;
    transition:
        transform calc(var(--animation-duration) * 0.3333) cubic-bezier(0.175, 0.885, 0.32, 2),
        border-radius calc(var(--animation-duration) * 1) cubic-bezier(0.175, 0.885, 0.32, 2);
}

.checkbox-container::after {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
}

.checkbox-container.is-enabled::after {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    transition:
        background-size calc(var(--animation-duration) * 0.3333) cubic-bezier(0.175, 0.885, 0.32, 2),
        transform calc(var(--animation-duration) * 0.3333) cubic-bezier(0.175, 0.885, 0.32, 1.5);
}


.theme-light .checkbox-container:not(.is-enabled):hover::after {
    border: 1px solid var(--background-modifier-border);
}

.theme-light .checkbox-container.is-enabled:hover::after {
    border: 1px solid var(--background-modifier-border) !important;
    transition:
        transform calc(var(--animation-duration) * 0.3333) cubic-bezier(0.175, 0.885, 0.32, 2),
        border calc(var(--animation-duration) * 0.3333) ease;
}


.checkbox-container:not(.is-enabled):hover::after {
    transform: scale(1.5);
    background-image: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
    <circle cx='35' cy='40' r='6' fill='black'/>\
    <circle cx='65' cy='40' r='6' fill='black'/>\
    <path d='M30 60 Q50 72 70 60' stroke='black' stroke-width='10' fill='none' stroke-linecap='round'/>\
    </svg>");
}

.checkbox-container.is-enabled:hover::after {
    background-size: 100%;
    background-image: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
    \3c !-- Angry eyes flipped \\/ -->\
    <line x1='28' y1='34' x2='42' y2='38' stroke='black' stroke-width='8' stroke-linecap='round'/>\
    <line x1='58' y1='38' x2='72' y2='34' stroke='black' stroke-width='8' stroke-linecap='round'/>\
    \3c !-- Straight mouth -->\
    <line x1='40' y1='55' x2='60' y2='55' stroke='black' stroke-width='6' stroke-linecap='round'/>\
    </svg>");
    transform: scale(1.5) translateX(1em);
    transition:
        transform calc(var(--animation-duration) * 0.3333) cubic-bezier(0.175, 0.885, 0.32, 2),
        border calc(var(--animation-duration) * 0.3333) ease;
}

input[type="checkbox"] {
    transform: scale(1);
    transition: transform calc(var(--animation-duration) * 0.3333) ease !important;
}

input[type="checkbox"]:checked:hover {
    background-color: var(--checkbox-color);
    border-color: var(--checkbox-color);
    transform: scale(1.2);
}


input[type="text"] {
    --background-modifier-form-field: var(--background-secondary-alt);
    --background-modifier-form-field-hover: var(--background-secondary-alt);
    --background-modifier-border-focus: var(--text-muted);
    --background-modifier-border-width: 2px;
    --input-border-width: 0px;

    border-radius: var(--button-radius);

    transition:
        border-radius calc(var(--animation-duration) * 1) cubic-bezier(0.175, 0.885, 0.32, 1.2),
        background calc(var(--animation-duration) * 0.6667) ease,
        background-color calc(var(--animation-duration) * 0.6667) ease,
        border calc(var(--animation-duration) * 0.3333) ease !important;
}

input:focus {
    border-radius: var(--button-radius);
    transition: border-radius calc(var(--animation-duration) * 0.6667) cubic-bezier(0.175, 0.885, 0.32, 1.2);
}





input.slider {
    height: 10px !important;
    border-radius: 10px;
}

input.slider::-webkit-slider-thumb {
    appearance: none;
    border-radius: 4px !important;
    background-color: var(--interactive-accent);
    cursor: pointer;
    width: 20px !important;
    transition: all calc(var(--animation-duration) * 0.3333) cubic-bezier(0.175, 0.885, 0.32, 1.5);
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
\3c !-- Angry eyes \\/ -->\
<line x1='28' y1='34' x2='42' y2='38' stroke='black' stroke-width='7' stroke-linecap='round'/>\
<line x1='58' y1='38' x2='72' y2='34' stroke='black' stroke-width='7' stroke-linecap='round'/>\
\3c !-- Straight mouth -->\
<line x1='40' y1='55' x2='60' y2='55' stroke='black' stroke-width='7' stroke-linecap='round'/>\
</svg>");
}

input.slider::-webkit-slider-thumb:hover {
    transform: scale(1.2);
    appearance: none;
    border-radius: 20px !important;
    width: 18px !important;
    transition: all calc(var(--animation-duration) * 0.3333) cubic-bezier(0.175, 0.885, 0.32, 2);
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
<circle cx='35' cy='40' r='5' fill='black'/>\
<circle cx='65' cy='40' r='5' fill='black'/>\
<path d='M30 60 Q50 72 70 60' stroke='black' stroke-width='6' fill='none' stroke-linecap='round'/>\
</svg>");
}


.workspace-ribbon.side-dock-ribbon,
.sidebar-toggle-button {
    
    border: none !important;
    outline: none !important;
}







.workspace-ribbon.is-collapsed .sidebar-toggle-button.mod-left .clickable-icon {
    margin-bottom: 10px !important;
    margin-left: 0 !important;
    margin-top: -4px !important;
}


.workspace-ribbon:not(.is-collapsed) .sidebar-toggle-button.mod-left .clickable-icon {
    margin-bottom: 10px !important;
    margin-left: 0 !important;
    margin-top: -4px !important;
}










.workspace:has(.workspace-ribbon:is(.is-collapsed)) .workspace-tab-header-container-inner {
    margin-left: 0 !important;
}

.workspace-ribbon.mod-left {
    border-right: 1.5px solid var(--background-modifier-border) !important;
}

.bubble {
    .workspace-ribbon.mod-left.is-collapsed {
    border-right: 0 solid var(--background-modifier-border) !important;
    }
}



.side-dock-actions {
    gap: 2px;
    margin-top: -3px;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.workspace-ribbon.side-dock-ribbon:hover .side-dock-actions {
    opacity: 1;
}

.workspace-ribbon.side-dock-ribbon .clickable-icon {
    background-color: transparent;
    border-radius: var(--clicky-radius) !important;
    corner-shape: var(--corner-shape) !important;
    padding: 6px !important;
    transform: scale(0.9);
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.workspace-ribbon.side-dock-ribbon .clickable-icon:hover {
    background-color: hsl(var(--interactive-accent-hsl), 0.2) !important;
    color: var(--interactive-accent);
    border-radius: var(--clicky-radius) !important;
    corner-shape: var(--corner-shape) !important;
    transform: scale(1);
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), all 0.2s ease !important;
}

.workspace-ribbon.side-dock-ribbon .clickable-icon:active {
    background-color: hsl(var(--interactive-accent-hsl), 0.2) !important;
    color: var(--color-accent-1);
    border-radius: var(--clicky-radius) !important;
    corner-shape: var(--corner-shape) !important;
    transform: scale(0.8);
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), all 0.2s ease !important;
}



.ribbon-no-anim .workspace-ribbon.side-dock-ribbon .clickable-icon {
    transform: scale(0.9) !important;
}

.ribbon-no-anim .workspace-ribbon.side-dock-ribbon .clickable-icon:hover {
    transform: scale(0.9) !important;
}

.workspace-ribbon.side-dock-ribbon .clickable-icon:active {
    transform: scale(0.9) !important;
}




.sidebar-toggle-button.mod-left .clickable-icon {
    background-color: transparent !important;
    color: var(--text-muted);
    padding: 4px !important;
    height: 34px;
    width: 40px;
    margin-left: 6px;
    transition: all 0.2s ease;
    border-radius: var(--clicky-radius) !important;
    corner-shape: var(--corner-shape) !important;
    transform: scale(0.9);
}

.workspace-tab-header-container .sidebar-toggle-button.mod-left .clickable-icon {
    background-color: transparent !important;
    color: var(--text-muted) !important;
    padding: 6px 8px !important;
    height: 34px !important;
    width: 40px !important;
    margin-top: -6px;
    margin-right: -14px;
    transform: scale(0.9) !important;
    border-radius: var(--clicky-radius) !important;
    corner-shape: var(--corner-shape) !important;
}


.sidebar-toggle-button.mod-left .clickable-icon {
    margin-right: -2px !important;
    margin-left: 0 !important;
}

.workspace-tab-header-container .sidebar-toggle-button.mod-left .clickable-icon:hover {
    background-color: hsl(var(--interactive-accent-hsl), 0.2) !important;
    color: var(--interactive-accent) !important;
    padding: 6px 8px !important;
    height: 34px !important;
    width: 40px !important;
    margin-top: -6px;
    margin-right: -14px;
    transform: scale(1) !important;
    border-radius: var(--clicky-radius) !important;
    corner-shape: var(--corner-shape) !important;
}


.sidebar-toggle-button.mod-right .clickable-icon {
    background-color: transparent !important;
    color: var(--text-muted) !important;
    padding: 6px 8px !important;
    height: 34px;
    width: 40px;
    margin-top: -6px;
    transition: all 0.2s ease;
    border-radius: var(--clicky-radius) !important;
    corner-shape: var(--corner-shape) !important;
    transform: scale(0.9);
}

.sidebar-toggle-button.mod-right .clickable-icon:hover {
    background-color: hsl(var(--interactive-accent-hsl), 0.2) !important;
    color: var(--interactive-accent);
    padding: 6px 8px !important;
    height: 34px;
    width: 40px;
    margin-top: -6px;
    border-radius: var(--clicky-radius) !important;
    corner-shape: var(--corner-shape) !important;
    transform: scale(1);
}

.workspace-tab-header-container .sidebar-toggle-button.mod-right .clickable-icon {
    background-color: transparent !important;
    color: var(--text-muted) !important;
    padding: 6px 8px !important;
    height: 34px !important;
    width: 40px !important;
    margin-top: -6px;
    margin-right: 34px;
    border-radius: var(--clicky-radius) !important;
    corner-shape: var(--corner-shape) !important;
    transform: scale(0.9) !important;
}

.workspace-tab-header-container .sidebar-toggle-button.mod-right .clickable-icon:hover {
    background-color: hsl(var(--interactive-accent-hsl), 0.2) !important;
    color: var(--interactive-accent) !important;
    padding: 6px 8px !important;
    height: 34px !important;
    width: 40px !important;
    margin-top: -6px;
    border-radius: var(--clicky-radius) !important;
    corner-shape: var(--corner-shape) !important;
    transform: scale(1) !important;
}


.workspace-tab-header-container .sidebar-toggle-button.mod-right .clickable-icon:active,
.workspace-tab-header-container .sidebar-toggle-button.mod-left .clickable-icon:active {
    transform: scale(0.8) !important;
    border-radius: var(--clicky-radius) !important;
    corner-shape: var(--corner-shape) !important;
    background-color: hsl(var(--interactive-accent-hsl), 0.2);
    color: var(--color-accent-1);
}

.workspace-tab-header-container .workspace-tab-header-new-tab {
    margin-right: 24px !important;
    margin-top: -2px !important;
}






.hide-status-bar .status-bar {
    display: none !important;
}

.status-bar {
    border-radius: 14px !important;
    transition: all calc(var(--animation-duration) * 0.6667) cubic-bezier(0.175, 0.885, 0.32, 1.5) !important;
    
    overflow: auto !important;
    opacity: 1;
    
    
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.status-bar:hover {
    border-radius: 10px !important;
    padding: 10px 8px !important;
    transition: all calc(var(--animation-duration) * 0.3333) cubic-bezier(0.175, 0.885, 0.32, 1.5);
    
    transform: translateX(0);
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    color: var(--text-normal) !important;
}

.dim-status-bar .status-bar {
    opacity: 0 !important;
}

.dim-status-bar .status-bar:hover {
    opacity: 1 !important;
}


.centered-statusbar {
    .status-bar {
        position: fixed;
        right: 33% !important;
        bottom: 0;
        backdrop-filter: blur(15px);
        border-top: 1px solid var(--shade-plus-darker);
        border-left: 1px solid var(--shade-plus-darker);
        border-radius: 5px;
        line-height: 1;
        opacity: 0.5 !important;
        transition: calc(var(--animation-duration) * 0.6667);
        background-color: transparent !important;
        border: none;
        padding: 8px !important;
        transform: none !important;
        font-size: smaller;
    }

    .status-bar:hover {
        opacity: 1 !important;
        background-color: transparent !important;
        padding: 8px !important;
        transform: none !important;
        transition: none;
    }

    .status-bar-item {
        padding: 0 0 0 10px;
    }

    .workspace-tab-container:has(.cm-scroller) {
        padding-bottom: 40px !important;
        padding-top: 8px !important;
    }
}



.titlebar-button {
    position: relative;
    background-color: transparent;
    color: var(--text-faint);
}


.titlebar-button svg {
    display: none;
}


.titlebar-button::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 14px;
    height: 14px;
    background-color: currentcolor;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    pointer-events: none;
    transition: transform calc(var(--animation-duration) * 0.5) cubic-bezier(0.175, 0.885, 0.32, 1.2);
}

.titlebar-button:hover {
    color: var(--text-normal);
}

.titlebar-button.mod-close:hover {
    color: var(--text-error);
    background-color: rgb(var(--color-red-rgb), 0.2) !important;
}

.titlebar-button:hover::before {
    transform: scale(1.15);
}


.g-min-y-max {
    .titlebar-button.mod-maximize:hover {
        color: var(--color-yellow);
        background-color: rgb(var(--color-yellow-rgb), 0.2) !important;
    }

    .titlebar-button.mod-minimize:hover {
        color: var(--color-green);
        background-color: rgb(var(--color-green-rgb), 0.2) !important;
    }
}

.y-min-g-max {
    .titlebar-button.mod-maximize:hover {
        color: var(--color-green);
        background-color: rgb(var(--color-green-rgb), 0.2) !important;
    }

    .titlebar-button.mod-minimize:hover {
        color: var(--color-yellow);
        background-color: rgb(var(--color-yellow-rgb), 0.2) !important;
    }
}


.titlebar-button.mod-close::before {
    mask-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
<circle cx='50' cy='50' r='42' stroke='black' stroke-width='8' fill='none'/>\
<line x1='32' y1='32' x2='68' y2='68' stroke='black' stroke-width='8' stroke-linecap='round'/>\
<line x1='68' y1='32' x2='32' y2='68' stroke='black' stroke-width='8' stroke-linecap='round'/>\
</svg>");
}

.titlebar-button.mod-minimize::before {
    mask-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
<circle cx='50' cy='50' r='10' fill='black'/>\
</svg>");
}

.titlebar-button.mod-maximize::before {
    mask-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
<rect x='28' y='28' width='44' height='44' rx='4' fill='none' stroke='black' stroke-width='8'/>\
</svg>");
}



.modal {
    border-radius: 20px !important;
    border: 2px solid var(--background-modifier-border) !important;
    z-index: 1005;
}





.modal-container {
    transform-origin: center;
    animation: modal-open calc(var(--animation-duration) * 0.8333) cubic-bezier(0.175, 0.885, 0.32, 1.7);
}

@keyframes modal-open {
    0% {
        transform: translateY(18px) scale(0.99);
    }

    65% {
        transform: translateY(-1px) scale(1.01);
    }

    100% {
        transform: translateY(0) scale(1);
    }
}



.prompt {
    border-radius: 20px;
    border: 2px solid var(--background-modifier-border) !important;
}

.suggestion-item {
    border-radius: var(--button-radius);
    corner-shape: var(--corner-shape);
    transition: all 0.2s ease;
}

.suggestion-item.is-selected {
    border-radius: var(--button-radius);
    corner-shape: var(--corner-shape);
    color: var(--color-accent-1);
    background-color: hsl(var(--interactive-accent-hsl), 0.2) !important;
}

.suggestion-item .suggestion-content {
    margin-left: 0;
    transition: margin 0.2s ease;
    transition-delay: margin 0.1s ease;
}

.suggestion-item.is-selected {
    margin: 4px;
    margin-right: 0;
}



input.prompt-input {
    border-radius: 0 !important;
    border-bottom: 2px solid var(--background-modifier-border);
}

input.prompt-input:focus {
    border-radius: 0 !important;
    border-bottom: 2px solid var(--background-modifier-border);
}



.hide-prompt-instructions .prompt-instructions {
    display: none;
}

.hide-prompt-instructions .prompt::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 34px;
    pointer-events: none;
    background: linear-gradient(
        to bottom,
        rgb(0, 0, 0, 0),
        var(--background-primary)
    );
}





.menu {
    border-radius: 20px;
    overflow: auto !important;
    opacity: 1;
    transition: all calc(var(--animation-duration) * 0.6667) cubic-bezier(0.175, 0.885, 0.32, 2) !important;
}

.menu-item.tappable {
    border-radius: 20px;
    padding: 6px 8px !important;
    transition: all calc(var(--animation-duration) * 0.3333) ease !important;
}

.menu-item.tappable.selected {
    color: var(--color-accent) !important;
    background-color: hsl(var(--interactive-accent-hsl), 0.2) !important;
}

.menu-item.tappable.selected .menu-item-icon {
    color: var(--color-accent) !important;
}

.menu-item.tappable.selected:active {
    border-radius: 26px;
    transform: scale(0.9);
    transition: all calc(var(--animation-duration) * 0.3333) ease;
}


.menu-item.tappable:is([data-section*="delete"], [data-section*="Delete"], [data-section*="DELETE"],
                         [data-section*="remove"], [data-section*="Remove"], [data-section*="REMOVE"]):not(.is-disabled),
.menu-item.tappable.is-warning {
    color: var(--text-error) !important;
}

.menu-item.tappable:is([data-section*="delete"], [data-section*="Delete"], [data-section*="DELETE"],
                         [data-section*="remove"], [data-section*="Remove"], [data-section*="REMOVE"]):not(.is-disabled),
.menu-item.tappable.is-warning.selected {
    background-color: rgb(var(--color-red-rgb), 0.3) !important;
}

.menu-item.tappable:is([data-section*="delete"], [data-section*="Delete"], [data-section*="DELETE"],
                         [data-section*="remove"], [data-section*="Remove"], [data-section*="REMOVE"]):not(.is-disabled) .menu-item-icon,
.menu-item.tappable.is-warning .menu-item-icon {
    color: var(--text-error) !important;
}



.is-mobile .menu-item.tappable:not(.menu-group .menu-item.tappable) {
    border-radius: clamp(8px, var(--button-radius, 8px), 0px) !important;
}


.is-mobile .menu-group:has(.menu-item.tappable) {
    border-radius: clamp(8px, var(--button-radius, 8px), 0px) !important;
}
.is-mobile .menu-group:has(.menu-item.tappable) .menu-item.tappable {
    border-radius: 0px !important;
}

.is-mobile .menu-group:has(.menu-item.tappable) .menu-item.tappable:first-child {
    border-top-left-radius: clamp(8px, var(--button-radius, 8px), 0px) !important;
    border-top-right-radius: clamp(8px, var(--button-radius, 8px), 0px) !important;
}

.is-mobile .menu-group:has(.menu-item.tappable) .menu-item.tappable:last-child {
    border-bottom-left-radius: clamp(8px, var(--button-radius, 8px), 0px) !important;
    border-bottom-right-radius: clamp(8px, var(--button-radius, 8px), 0px) !important;
}

:root {
    --nav-folder-radius: var(--button-radius);
    --nav-file-radius: var(--button-radius);
}



.tree-item-self:not(.nav-folder-title) .tree-item-icon {
  margin-left: -10px !important;
}

.tree-item-self:not(.nav-folder-title) .tree-item-inner {
  margin-left: 12px !important;
}


body:not(.verti-folder) .tree-item-self:is(.nav-folder-title) .tree-item-icon {
  margin-left: -16px !important;
}

body:not(.verti-folder) .tree-item-self:is(.nav-folder-title) .tree-item-inner {
  margin-left: 6px !important;
}


.center-folder-title .nav-folder-title {
    display: flex;
    justify-content: center;
    align-items: center;
}

.center-folder-title .tree-item-self:is(.nav-folder-title) .tree-item-inner {
  margin-left: -22px !important;
}

.center-folder-title .tree-item-self:is(.nav-folder-title) .tree-item-icon {
  margin-left: -98% !important;
}



.tree-item-self {
    border-radius: var(--button-radius) !important;
    margin-inline-start: 0 !important;
    padding-inline-start: 20px !important;
    transition: font-weight 0.2s ease, background-color 0.2s ease, color 0.2s ease, filter 0.2s ease;
}

.nav-file-title {
    border-radius: var(--button-radius) !important;
    margin-inline-start: 0 !important;
    padding-inline-start: 20px !important;
}

.nav-folder-title {
    margin-inline-start: 0 !important;
    padding-inline-start: 30px !important;
}

.tree-item-self:hover {
    filter: brightness(1.1);
    color: var(--color-accent-2) !important;
}

.tree-item-self.is-active {
    border-radius: var(--button-radius) !important;
    font-weight: bold !important;
    background-color: hsl(var(--interactive-accent-hsl), 0.2) !important;
    color: var(--color-accent-1) !important;
}

.tree-item-self.is-active:hover {
    font-weight: bold !important;
    background-color: hsl(var(--interactive-accent-hsl), 0.3) !important;
    color: var(--color-accent-2) !important;
}


.bigger-active-file .tree-item-self.is-active {
    padding: 10px 0 !important;
}


.tree-item-self:has(.nav-file-title),
.nav-file-title {
    border-radius: var(--button-radius) !important;
}

.nav-folder,
.nav-folder-title {
    border-radius: var(--nav-folder-radius) !important;
}

.tree-item.nav-folder,
.tree-item {
    margin-bottom: 4px;
}


.center-active-file-title .nav-file-title.is-active .tree-item-icon {
    margin-inline-start: -20px !important;
}

.center-active-file-title .tree-item-self.is-active {
    transition: font-weight 0.2s ease, background-color 0.2s ease, color 0.2s ease, filter 0.2s ease !important;
    margin-inline-start: 0 !important;
    padding-inline-start: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.center-active-file-title .tree-item-self.is-active .tree-item-icon {
    position: static !important;
    margin-right: 2px;
}







@media (width >= 600px) {
    .nav-header {
        
        transition: all calc(var(--animation-duration) * 1) cubic-bezier(0.175, 0.885, 0.32, 1.2);
        border-bottom: 1.5px solid var(--background-modifier-border);
    }

    .nav-buttons-container {
        position: relative;
        transition: opacity calc(var(--animation-duration) * 6.6667) ease;
        transition: all calc(var(--animation-duration) * 1) cubic-bezier(0.175, 0.885, 0.32, 1.6);
        margin: -6.2px;
    }

    
    .workspace-leaf-content[data-type="file-explorer"]
        .nav-buttons-container::after {
        content: var(--nav-hide-text) !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: var(--text-muted);
        opacity: 1;
        pointer-events: none;
        transition: opacity 0s ease;
        width: 100%;
        text-align: center;
    }

    
    .workspace-leaf-content[data-type="file-explorer"]
        .nav-buttons-container:hover {
        opacity: 1;
        padding: 10px 0 !important;
    }

    .workspace-leaf-content[data-type="file-explorer"]
        .nav-buttons-container:hover::after {
        opacity: 0;
    }

    
    .workspace-leaf-content[data-type="file-explorer"]
        .nav-buttons-container:not(:hover)
        > * {
        opacity: 0;
        transition: opacity 0ms ease;
        margin: auto !important;
    }

    .workspace-leaf-content[data-type="file-explorer"] .nav-files-container {
        padding-top: 10px;
    }
}




.nav-folder-title {
  border-radius: var(--nav-folder-radius) !important;
  corner-shape: var(--corner-shape) !important;
  margin-bottom: 0 !important;
}





body:not(.disable-foldy-basic-bordered) {
    .nav-folder {
    background-color: var(--background-secondary-alt) !important;
    border: 2px solid var(--background-modifier-border-focus);
    margin-bottom: 6px !important;
    transition: all 0.2s ease;
    }

    .nav-folder-title {
        transition: all 0.2s ease !important;
    }

    .nav-folder:not(.is-collapsed) .nav-folder-title {
    box-shadow: 0 1.5px 0 var(--background-modifier-border-focus);
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-bottom: 6px !important;
    transition: all 0.2s ease;
    }
}

.nav-folder-title {
  

  border-radius: var(--nav-folder-radius) !important;
  corner-shape: var(--corner-shape) !important;
  margin-bottom: 0 !important;

  transition: border-radius 0.2s ease;
}

.nav-folder {
  --nav-folder-radius: var(--button-radius);
  
  border-radius: var(--nav-folder-radius) !important;
  corner-shape: var(--corner-shape) !important;

  transition: border-radius 0.2s ease;
}

.nav-folder:not(.is-collapsed) {
  --nav-folder-radius: calc(var(--button-radius) - 4px);
  
  border-radius: var(--nav-folder-radius) !important;
  corner-shape: var(--corner-shape) !important;

  transition: border-radius 0.2s ease;
}

.hexagon-tiptip .nav-folder, 
.hexagon-tiptip .nav-folder-title { 
    corner-shape: bevel !important; 
    border-radius: 6px !important; 
}
.scoop-tiptip .nav-folder, 
.scoop-tiptip .nav-folder-title { 
    corner-shape: scoop !important;
    border-radius: 6px !important; 
}

body.verti-folder.hexagon-tiptip .nav-folder, 
body.verti-folder.hexagon-tiptip.nav-folder-title { 
    corner-shape: bevel !important; 
    border-radius: 10px !important; 
}
body.verti-folder.scoop-tiptip .nav-folder, 
body.verti-folder.scoop-tiptip .nav-folder-title { 
    corner-shape: scoop !important;
    border-radius: 10px !important; 
}



.scoop-tiptip .nav-folder, .scoop-tiptip .tree-item-self { --button-radius: 6px; --nav-folder-radius: 8px; corner-shape: scoop !important; }
.hexagon-tiptip .nav-folder, .hexagon-tiptip .tree-item-self { --button-radius: 6px; --nav-folder-radius: 8px; corner-shape: bevel !important; }
.round-tiptip .nav-folder, .round-tiptip .tree-item-self { --nav-folder-radius: 7px; }
.rounded-tiptip .nav-folder, .rounded-tiptip .tree-item-self { --nav-folder-radius: 11px; }


body.bouncy-folders.circular-tiptip .nav-folder:not(.is-collapsed):hover {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}








body.bouncy-folders .nav-folder-title {
    transition:
        border calc(var(--animation-duration) * 0.6667) ease,
        padding calc(var(--animation-duration) * 0.6667) ease-out,
        padding-left 0s ease,
        margin calc(var(--animation-duration) * 0.6667) ease,
        border-radius calc(var(--animation-duration) * 0.6667),
        box-shadow calc(var(--animation-duration) * 0.6667) ease !important;

    &:hover {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        transition:
            border calc(var(--animation-duration) * 0.6667) ease,
            padding calc(var(--animation-duration) * 0.6667) cubic-bezier(0.175, 0.885, 0.32, 1.275),
            padding-left 0s ease,
            margin calc(var(--animation-duration) * 0.6667) ease,
            border-radius calc(var(--animation-duration) * 0.6667),
            box-shadow calc(var(--animation-duration) * 0.6667) ease !important;
    }

    &:active {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
}





body.bold-folders .nav-folder-title {
    font-weight: 700 !important;
}




.verti-folder {
    .nav-folder-title {
    height: 75px;
    }

    .nav-folder-title.tree-item-self {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding-inline-start: 0 !important;
    margin-inline-start: 0 !important;
    gap: 16px;
    }

    .nav-folder-title .tree-item-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    transform: none !important;
    margin: 0 !important;
    width: 30px !important;
    height: 30px !important;
    margin-top: -20px !important;
    }

    .nav-folder-title .tree-item-icon,
    .nav-folder-title .tree-item-icon svg,
    .nav-folder-title .tree-item-icon svg * {
    max-width: unset !important;
    max-height: unset !important;
    }

    .nav-folder-title .tree-item-icon svg {
    width: 100% !important;
    height: 100% !important;
    min-width: 200px !important;
    }

    .tree-item-inner {
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: normal;
    }
}







body.accented
    .nav-files-container > div > .nav-folder > .nav-folder-title {
    background-color: hsl(var(--interactive-accent-hsl), 0.2) !important;
    color: var(--color-accent-1) !important;

    --nav-collapse-icon-color: var(--color-accent);
    --icon-color: var(--color-accent);
}



body:is(.folder-dot-rainbow, .folder-frame-rainbow, .folder-subtle-rainbow, .folder-solid-rainbow)
    .nav-files-container > div > .nav-folder:nth-child(8n+2) { --folder-color: var(--color-red); --folder-color-rgb: var(--color-red-rgb); }

body:is(.folder-dot-rainbow, .folder-frame-rainbow, .folder-subtle-rainbow, .folder-solid-rainbow)
    .nav-files-container > div > .nav-folder:nth-child(8n+3) { --folder-color: var(--color-orange); --folder-color-rgb: var(--color-orange-rgb); }

body:is(.folder-dot-rainbow, .folder-frame-rainbow, .folder-subtle-rainbow, .folder-solid-rainbow)
    .nav-files-container > div > .nav-folder:nth-child(8n+4) { --folder-color: var(--color-yellow); --folder-color-rgb: var(--color-yellow-rgb); }

body:is(.folder-dot-rainbow, .folder-frame-rainbow, .folder-subtle-rainbow, .folder-solid-rainbow)
    .nav-files-container > div > .nav-folder:nth-child(8n+5) { --folder-color: var(--color-green); --folder-color-rgb: var(--color-green-rgb); }

body:is(.folder-dot-rainbow, .folder-frame-rainbow, .folder-subtle-rainbow, .folder-solid-rainbow)
    .nav-files-container > div > .nav-folder:nth-child(8n+6) { --folder-color: var(--color-cyan); --folder-color-rgb: var(--color-cyan-rgb); }

body:is(.folder-dot-rainbow, .folder-frame-rainbow, .folder-subtle-rainbow, .folder-solid-rainbow)
    .nav-files-container > div > .nav-folder:nth-child(8n+7) { --folder-color: var(--color-blue); --folder-color-rgb: var(--color-blue-rgb); }

body:is(.folder-dot-rainbow, .folder-frame-rainbow, .folder-subtle-rainbow, .folder-solid-rainbow)
    .nav-files-container > div > .nav-folder:nth-child(8n+8) { --folder-color: var(--color-purple); --folder-color-rgb: var(--color-purple-rgb); }

body:is(.folder-dot-rainbow, .folder-frame-rainbow, .folder-subtle-rainbow, .folder-solid-rainbow)
    .nav-files-container > div > .nav-folder:nth-child(8n+9) { --folder-color: var(--color-pink); --folder-color-rgb: var(--color-pink-rgb); }


body:is(.folder-dot-accent, .folder-dot-rainbow,
        .folder-frame-accent, .folder-frame-rainbow,
        .folder-subtle-accent, .folder-subtle-rainbow,
        .folder-solid-accent, .folder-solid-rainbow,
        .folder-gradient-hue)
    .nav-files-container > div > .nav-folder > .nav-folder-title {
    background-color: transparent !important;
    background-image: none !important;
}


body:is(.folder-dot-accent, .folder-dot-rainbow)
    .nav-files-container > div > .nav-folder > .nav-folder-title > .collapse-icon svg {
    display: none;
}



body:is(.folder-dot-accent, .folder-dot-rainbow)
    .nav-files-container > div > .nav-folder > .nav-folder-title > .collapse-icon {
    position: relative;
}

body:is(.folder-dot-accent, .folder-dot-rainbow)
    .nav-files-container > div > .nav-folder > .nav-folder-title > .collapse-icon::before {
    position: absolute;
    transform: translate(-50%, -50%);
    width: 8px !important;
    height: 8px !important;
    border-radius: 50%;
    content: "";
    margin-left: 10px;
}


body.folder-dot-accent
    .nav-files-container > div > .nav-folder > .nav-folder-title > .collapse-icon::before {
    background-color: var(--color-accent) !important;
}

body.folder-dot-accent
    .nav-files-container > div > .nav-folder > .nav-folder-title {
    color: var(--color-accent) !important;

    --nav-collapse-icon-color: var(--color-accent);
    --icon-color: var(--color-accent);
}


body.folder-dot-rainbow
    .nav-files-container > div > .nav-folder > .nav-folder-title > .collapse-icon::before {
    background-color: var(--folder-color, var(--text-muted)) !important;
}

body.folder-dot-rainbow
    .nav-files-container > div > .nav-folder > .nav-folder-title {
    background-color: rgb(var(--folder-color-rgb, var(--color-red-rgb)), 0.15) !important;
    color: var(--folder-color, var(--text-normal)) !important;

    --nav-collapse-icon-color: var(--folder-color, var(--text-muted));
    --icon-color: var(--folder-color, var(--text-muted));
}


body.folder-frame-accent
    .nav-files-container > div > .nav-folder > .nav-folder-title {
    background-color: hsl(var(--interactive-accent-hsl), 0.1) !important;
    border: 2px solid var(--color-accent) !important;
    color: var(--color-accent) !important;

    --nav-collapse-icon-color: var(--color-accent);
    --icon-color: var(--color-accent);
}


body.folder-frame-rainbow
    .nav-files-container > div > .nav-folder > .nav-folder-title {
    background-color: rgb(var(--folder-color-rgb, var(--color-red-rgb)), 0.15) !important;
    border: 2px solid var(--folder-color, var(--text-muted)) !important;
    color: var(--folder-color, var(--text-normal)) !important;

    --nav-collapse-icon-color: var(--folder-color, var(--text-muted));
    --icon-color: var(--folder-color, var(--text-muted));
}


body.folder-subtle-accent
    .nav-files-container > div > .nav-folder > .nav-folder-title {
    background-color: hsl(var(--interactive-accent-hsl), 0.2) !important;
    color: var(--color-accent) !important;

    --nav-collapse-icon-color: var(--color-accent);
    --icon-color: var(--color-accent);
}


body.folder-subtle-rainbow
    .nav-files-container > div > .nav-folder > .nav-folder-title {
    background-color: rgb(var(--folder-color-rgb, var(--color-red-rgb)), 0.2) !important;
    color: var(--folder-color, var(--text-normal)) !important;

    --nav-collapse-icon-color: var(--folder-color, var(--text-muted));
    --icon-color: var(--folder-color, var(--text-muted));
}


body.folder-solid-accent
    .nav-files-container > div > .nav-folder > .nav-folder-title {
    background-color: var(--color-accent) !important;
    color: var(--text-on-accent) !important;

    --nav-collapse-icon-color: var(--text-on-accent);
    --icon-color: var(--text-on-accent);
}


body.folder-solid-rainbow
    .nav-files-container > div > .nav-folder > .nav-folder-title {
    background-color: var(--folder-color, var(--text-muted)) !important;
    color: white !important;

    --nav-collapse-icon-color: white;
    --icon-color: white;
}


body.folder-gradient-hue .nav-files-container > div > .nav-folder > .nav-folder-title {
    animation: colorShift 8s linear infinite !important;
}

@keyframes colorShift {
    0%   { filter: hue-rotate(0deg); }
    100% { filter: hue-rotate(360deg); }
}

body.folder-gradient-hue .nav-files-container > div > .nav-folder:nth-child(8n+2) > .nav-folder-title {
    background-color: hsl(var(--interactive-accent-hsl), 0.24) !important;
    color: hsl(var(--interactive-accent-hsl), 1) !important;

    --icon-color: hsl(var(--interactive-accent-hsl), 1) !important;
    --nav-collapse-icon-color: hsl(var(--interactive-accent-hsl), 1) !important;
    --nav-collapse-icon-color-collapsed: hsl(var(--interactive-accent-hsl), 1) !important;
}

body.folder-gradient-hue .nav-files-container > div > .nav-folder:nth-child(8n+3) > .nav-folder-title {
    background-color: hsl(var(--interactive-accent-hsl), 0.21) !important;
    color: hsl(var(--interactive-accent-hsl), 0.9) !important;

    --icon-color: hsl(var(--interactive-accent-hsl), 0.9) !important;
    --nav-collapse-icon-color: hsl(var(--interactive-accent-hsl), 0.9) !important;
    --nav-collapse-icon-color-collapsed: hsl(var(--interactive-accent-hsl), 0.9) !important;
}

body.folder-gradient-hue .nav-files-container > div > .nav-folder:nth-child(8n+4) > .nav-folder-title {
    background-color: hsl(var(--interactive-accent-hsl), 0.19) !important;
    color: hsl(var(--interactive-accent-hsl), 0.85) !important;

    --icon-color: hsl(var(--interactive-accent-hsl), 0.85) !important;
    --nav-collapse-icon-color: hsl(var(--interactive-accent-hsl), 0.85) !important;
    --nav-collapse-icon-color-collapsed: hsl(var(--interactive-accent-hsl), 0.85) !important;
}

body.folder-gradient-hue .nav-files-container > div > .nav-folder:nth-child(8n+5) > .nav-folder-title {
    background-color: hsl(var(--interactive-accent-hsl), 0.17) !important;
    color: hsl(var(--interactive-accent-hsl), 0.8) !important;

    --icon-color: hsl(var(--interactive-accent-hsl), 0.8) !important;
    --nav-collapse-icon-color: hsl(var(--interactive-accent-hsl), 0.8) !important;
    --nav-collapse-icon-color-collapsed: hsl(var(--interactive-accent-hsl), 0.8) !important;
}

body.folder-gradient-hue .nav-files-container > div > .nav-folder:nth-child(8n+6) > .nav-folder-title {
    background-color: hsl(var(--interactive-accent-hsl), 0.15) !important;
    color: hsl(var(--interactive-accent-hsl), 0.75) !important;

    --icon-color: hsl(var(--interactive-accent-hsl), 0.75) !important;
    --nav-collapse-icon-color: hsl(var(--interactive-accent-hsl), 0.75) !important;
    --nav-collapse-icon-color-collapsed: hsl(var(--interactive-accent-hsl), 0.75) !important;
}

body.folder-gradient-hue .nav-files-container > div > .nav-folder:nth-child(8n+7) > .nav-folder-title {
    background-color: hsl(var(--interactive-accent-hsl), 0.13) !important;
    color: hsl(var(--interactive-accent-hsl), 0.7) !important;

    --icon-color: hsl(var(--interactive-accent-hsl), 0.7) !important;
    --nav-collapse-icon-color: hsl(var(--interactive-accent-hsl), 0.7) !important;
    --nav-collapse-icon-color-collapsed: hsl(var(--interactive-accent-hsl), 0.7) !important;
}

body.folder-gradient-hue .nav-files-container > div > .nav-folder:nth-child(8n+8) > .nav-folder-title {
    background-color: hsl(var(--interactive-accent-hsl), 0.11) !important;
    color: hsl(var(--interactive-accent-hsl), 0.65) !important;

    --icon-color: hsl(var(--interactive-accent-hsl), 0.65) !important;
    --nav-collapse-icon-color: hsl(var(--interactive-accent-hsl), 0.65) !important;
    --nav-collapse-icon-color-collapsed: hsl(var(--interactive-accent-hsl), 0.65) !important;
}

body.folder-gradient-hue .nav-files-container > div > .nav-folder:nth-child(8n+9) > .nav-folder-title {
    background-color: hsl(var(--interactive-accent-hsl), 0.09) !important;
    color: hsl(var(--interactive-accent-hsl), 0.6) !important;

    --icon-color: hsl(var(--interactive-accent-hsl), 0.6) !important;
    --nav-collapse-icon-color: hsl(var(--interactive-accent-hsl), 0.6) !important;
    --nav-collapse-icon-color-collapsed: hsl(var(--interactive-accent-hsl), 0.6) !important;
}



.mechanical .nav-folder-title {
    --icon-color: var(--text-normal) !important;
    --nav-collapse-icon-color: var(--text-normal);
    --nav-collapse-icon-color-collapsed: var(--text-normal);

    border-radius: var(--nav-folder-radius);
    padding-top: 6px !important;
    padding-bottom: 6px !important;

    background-color: var(--background-primary-alt);
    background-image: linear-gradient(
        180deg,
        var(--background-primary-alt),
        var(--background-secondary-alt)
    ) !important;
    color: var(--text-normal) !important;
    border: 2px solid var(--background-modifier-border);
    box-shadow: none;
}




:root {
    --tab-sidebar-radius: clamp(8px, var(--button-radius, 8px), 20px);
}

.circular-tiptip { --tab-sidebar-radius: 14px;}
.rounded-tiptip { --tab-sidebar-radius: 10px;}
.round-tiptip { --tab-sidebar-radius: 7px;}
.sharp-tiptip { --tab-sidebar-radius: 0px;}
.hexagon-tiptip { --tab-sidebar-radius: 8px;}
.scoop-tiptip { --tab-sidebar-radius: 7px;}
.squircle-tiptip { --tab-sidebar-radius: 40%;}
.sock-tiptip { --tab-sidebar-radius: 20%;}
.eye-tiptip { --tab-sidebar-radius: 40%;}

.workspace-split.mod-root .workspace-tab-header.is-active::before,
.workspace-split.mod-root .workspace-tab-header.is-active::after {
    box-shadow: none;
}

.workspace .mod-root .workspace-tab-header-inner::after { display: none; }

.workspace-tab-header.is-active {
    color: var(--tab-text-color-focused-active);
    background-color: var(--background-primary);
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.workspace-tab-header:not(.is-active) .workspace-tab-header-inner {
    height: 100%;
    border-radius: 0 !important;
    margin-top: -2px !important;
}

.workspace-tab-header-container {
    border-bottom: none;
    background-color: var(--tab-container-background);
    box-shadow: inset 0 -1px 0 var(--tab-outline-color);
}

.mod-root .workspace-tab-header-container { padding-top: 2px; }

.bubble .workspace-tab-header-container-inner {
    padding-bottom: -6px;
    margin-bottom: -2px;
}

.view-header:not(.is-mobile) { border-bottom: 1.5px solid var(--tab-outline-color); }

.view-header-title {
    color: var(--text-muted) !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.view-title-case-none .view-header-title  { text-transform: none; letter-spacing: normal; }
.view-title-case-upper .view-header-title { text-transform: uppercase; }
.view-title-case-lower .view-header-title { text-transform: lowercase; }


.workspace .mod-root .workspace-tab-header .workspace-tab-header-inner-close-button {
    margin-right: 2px !important;
    z-index: 1001 !important;
    border-radius: 20px;
    order: -1;
    display: flex !important;
    transform: scale(0.1);
    opacity: 0;
    width: 0;
    margin-left: -8px;
    transition:
        transform calc(var(--animation-duration) * 0.6667) cubic-bezier(0.34, 1.56, 0.64, 1),
        opacity calc(var(--animation-duration) * 0.6667) ease-out,
        width calc(var(--animation-duration) * 0.6667) ease-out,
        margin-left calc(var(--animation-duration) * 0.6667) ease-out !important;
    pointer-events: none;
    border: 2px solid transparent;
}

.workspace .mod-root .workspace-tab-header:hover .workspace-tab-header-inner-close-button {
    transform: scale(1);
    opacity: 1;
    width: auto;
    margin-left: 0;
    pointer-events: auto;
}

.workspace .mod-root .workspace-tab-header.is-active:hover .workspace-tab-header-inner-close-button {
    transform: scale(1);
    opacity: 1;
    width: auto;
    margin-left: -4px;
    pointer-events: auto;
}

.workspace .mod-root .workspace-tab-header .workspace-tab-header-inner-close-button:hover {
    background-color: var(--background-modifier-hover) !important;
    border: 2px solid var(--background-modifier-border);
}


.workspace .mod-left-split .workspace-tab-header,
.workspace .mod-right-split .workspace-tab-header {
    transition:
        border-radius calc(var(--animation-duration) * 1.3333) cubic-bezier(0.34, 1.56, 0.64, 1),
        margin calc(var(--animation-duration) * 1.3333) cubic-bezier(0.175, 0.885, 0.32, 1.2),
        padding calc(var(--animation-duration) * 1.6667) cubic-bezier(0.68, -0.55, 0.265, 1.55),
        background-color calc(var(--animation-duration) * 1) ease,
        filter calc(var(--animation-duration) * 0.6667) ease,
        transform calc(var(--animation-duration) * 1) ease !important;
}

.workspace .mod-left-split .workspace-tab-header.is-active,
.workspace .mod-right-split .workspace-tab-header.is-active {
    padding: 0 !important;
    margin: 0 !important;
    transform: scale(1);
    transition: transform 0.2s ease;
}

.workspace .mod-left-split .workspace-tab-header:hover,
.workspace .mod-right-split .workspace-tab-header:hover {
    transform: scale(1);
    filter: brightness(1.5);
    transition: transform 0.2s ease;
}

.workspace .mod-left-split .workspace-tab-header.is-active:hover,
.workspace .mod-right-split .workspace-tab-header.is-active:hover {
    transform: scale(1) translateY(0);
    filter: brightness(1.05);
    transition: transform 0.2s ease;
}


.workspace-tab-header-inner:has(.workspace-tab-header-inner-title) { filter: brightness(0.7); }
.workspace-tab-header.is-active .workspace-tab-header-inner:has(.workspace-tab-header-inner-title) { filter: brightness(1); }


.theme-dark { --tab-curve: 20px; }

.workspace-split.mod-root .workspace-tab-header.is-active::before,
.workspace-split.mod-root .workspace-tab-header.is-active::after {
    box-shadow:
        inset 0 0 0 var(--tab-outline-width) var(--tab-outline-color),
        0 0 0 calc(var(--tab-curve) * 4) var(--tab-background-active) !important;
    z-index: 0 !important;
}

.workspace .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner-close-button {
    margin-right: 2px !important;
    z-index: 1005 !important;
}

.workspace-split.mod-root .workspace-tab-header.is-active:has(.mod-pinned)::before,
.workspace-split.mod-root .workspace-tab-header.is-active:has(.mod-pinned)::after {
    box-shadow: none !important;
}

.pin-icon-only .workspace-tab-header:has(.mod-pinned) {
    border-radius: 2px !important;
    margin: 0 2px;
}


.workspace-tab-header-status-container { z-index: 1001 !important; }

.pin-icon-only .workspace .mod-root .workspace-tab-header:has(.mod-pinned) .workspace-tab-header-inner-close-button {
    display: none !important;
}

.pin-icon-only .workspace-tab-header:has(.mod-pinned) {
    --tab-max-width: 38px !important;
    border-radius: 10px 10px 0 0 !important;
    background-color: var(--tab-background);
    border: 0 solid var(--background-modifier-border);
    border-bottom: 0;
    margin-top: 0;

    
    transition-property: border-radius, max-width, margin, padding, transform, background-color !important;
    transition-duration:
        calc(var(--animation-duration) * 1.3333),
        calc(var(--animation-duration) * 1.3333),
        calc(var(--animation-duration) * 1.3333),
        calc(var(--animation-duration) * 1.3333),
        calc(var(--animation-duration) * 1),
        0s !important;
    transition-timing-function:
        cubic-bezier(0.34, 1.56, 0.64, 1),
        cubic-bezier(0.34, 1.56, 0.64, 1),
        cubic-bezier(0.34, 1.56, 0.64, 1),
        cubic-bezier(0.34, 1.56, 0.64, 1),
        cubic-bezier(0.68, -0.55, 0.265, 1.55),
        ease !important;
}

.pin-icon-only .workspace-tab-header:has(.mod-pinned):hover,
.pin-icon-only .workspace-tab-header:has(.mod-pinned):hover .workspace-tab-header-inner-icon {
    border-radius: 14px 14px 0 0 !important;
    transform: scale(1.03);
    transition-property: border-radius, max-width, margin, transform !important;
    transition-duration:
        calc(var(--animation-duration) * 1),
        calc(var(--animation-duration) * 1),
        calc(var(--animation-duration) * 1),
        calc(var(--animation-duration) * 0.8333) !important;
    transition-timing-function:
        cubic-bezier(0.68, -0.55, 0.265, 1.55),
        cubic-bezier(0.68, -0.55, 0.265, 1.55),
        cubic-bezier(0.68, -0.55, 0.265, 1.55),
        cubic-bezier(0.68, -0.6, 0.32, 1.6) !important;
}

.pin-icon-only .workspace-tab-header.is-active:has(.mod-pinned) {
    --tab-max-width: 58px !important;
    background-color: var(--tab-background-active) !important;
    border-radius: 10px 10px 0 0 !important;
    border: 0 solid var(--background-modifier-border);
    margin-top: 0;
    padding-bottom: 8px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 40px;
    transition-property: border-radius, margin, padding, background-color, max-width !important;
    transition-duration:
        calc(var(--animation-duration) * 1.3333),
        calc(var(--animation-duration) * 1.3333),
        calc(var(--animation-duration) * 1.3333),
        0s !important;
    transition-timing-function:
        cubic-bezier(0.175, 0.885, 0.32, 1.275),
        cubic-bezier(0.175, 0.885, 0.32, 1.275),
        cubic-bezier(0.175, 0.885, 0.32, 1.275),
        ease !important;
}

.pin-icon-only .workspace-tab-header:has(.mod-pinned):not(.is-active):hover .workspace-tab-header-inner {
    height: 30px;
    border-radius: 8px !important;
    background: none !important;
    transform: translateY(0);
    transition-property: max-width, border-radius, transform !important;
    transition-duration:
        calc(var(--animation-duration) * 0.8333),
        calc(var(--animation-duration) * 0.8333),
        calc(var(--animation-duration) * 0.6667) !important;
    transition-timing-function:
        cubic-bezier(0.68, -0.6, 0.32, 1.6),
        cubic-bezier(0.68, -0.6, 0.32, 1.6),
        cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
}

.pin-icon-only .workspace-tab-header:has(.mod-pinned) .workspace-tab-header-inner {
    transition: transform calc(var(--animation-duration) * 1) cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
}

.pin-icon-only .workspace-tab-header:has(.mod-pinned) .workspace-tab-header-inner-icon:hover {
    transform: scale(1.1) rotate(5deg);
    transition: transform calc(var(--animation-duration) * 1) cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
}

.pin-icon-only .workspace-tab-header-status-container {
    z-index: 1001 !important;
    display: none;
}

.pin-icon-only .workspace-tab-header:has(.mod-pinned) .workspace-tab-header-inner-title {
    display: none !important;
}

.default-tab .workspace-tab-header,
.default-tab .workspace-tab-header-inner {
    corner-shape: initial !important;
}



.bubble.theme-dark { --tab-background: var(--background-primary); }

.bubble.theme-dark.bubble-dark-outside,
.bubble.theme-dark.bubble-focused-dark-outside {
    --tab-background: var(--background-primary-alt);

    .workspace-leaf {
        border-radius: 20px;
        background-color: var(--background-primary-alt) !important;
        background: var(--background-primary-alt) !important;
    }

    .workspace-leaf-content,
    .view-header,
    .view-content {
        background-color: var(--background-primary-alt) !important;
        background: var(--background-primary-alt) !important;
    }
    .workspace-sidedock-vault-profile { border-top: none !important; }
    .workspace-tab-container         { background-color: var(--background-primary); }
    .app-container                   { background-color: var(--background-primary) !important; }
    .workspace-tab-header-container  { background-color: var(--background-primary) !important; box-shadow: none !important; }
    .titlebar-button                 { background-color: var(--background-primary) !important; }
    .titlebar-button.mod-close:hover { color: var(--text-error); background-color: rgb(var(--color-red-rgb), 0.2) !important; }
    .titlebar-button-container       { background-color: var(--background-primary) !important; }
    .workspace-ribbon                { background-color: var(--background-primary) !important; }
    .sidebar-toggle-button           { background-color: var(--background-primary) !important; border-bottom: 0 solid var(--background-primary) !important; }
    .workspace-ribbon::before        { background-color: var(--background-primary); border-bottom: 2px solid var(--background-primary) !important; }
    .workspace-sidedock-vault-profile { background-color: var(--background-primary) !important; }
}


.bubble.theme-dark.bubble-dark-outside {
    .workspace-tab-header.is-active { background-color: var(--background-primary-alt); }
}


.bubble.theme-dark.bubble-focused-dark-outside {
    --ribbon-background: var(--tab-background);

    .workspace-tab-header.is-active {
        background-color: var(--tab-background);
        outline: 2px solid var(--background-modifier-border-focus);
    }

    .workspace-leaf {
        border: 2px solid var(--background-modifier-border-focus);
        background-color: var(--background-primary-alt) !important;
        background: var(--background-primary-alt) !important;
    }

    .workspace-leaf-content,
    .view-header,
    .view-content { border-color: var(--background-modifier-border-focus); }
}


.bubble.theme-dark.bubble-dark-inside {
    .workspace-tab-header.is-active  { background-color: var(--background-primary-alt) !important; }
    .workspace-ribbon                { background-color: var(--background-primary-alt) !important; }
    .sidebar-toggle-button           { background-color: var(--background-primary-alt) !important; border-bottom: 0 solid var(--background-primary-alt) !important; }
    .workspace-ribbon::before        { background-color: var(--background-secondary-alt); border-bottom: 2px solid var(--background-primary-alt) !important; }
    .workspace-sidedock-vault-profile { background-color: var(--background-primary-alt) !important; }
}


.bubble.theme-dark.bubble-border {
    --tab-background: var(--background-primary);

    .workspace-tab-header.is-active {
        outline: 2px solid var(--background-modifier-border-focus) !important;
        background-color: var(--background-primary) !important;
    }

    .workspace-leaf {
        border: 2px solid var(--background-modifier-border-focus) !important;

        --tab-background: var(--background-primary);
        background-color: var(--tab-background);
    }
    .workspace-sidedock-vault-profile { background-color: var(--background-primary-alt) !important; }
    .workspace-ribbon                 { background-color: var(--background-primary-alt) !important; }
}


.theme-light.bubble {
    .workspace-tab-header.is-active { background-color: var(--background-primary) !important; }

    .workspace-tab-header.is-active:has(.mod-pinned) {
        background-color: var(--background-primary) !important;
        border-radius: 20px !important;
        height: 27px !important;
        padding-bottom: 2px !important;
    }
}


.bubble {
    .workspace-tab-header.is-active:has(.mod-pinned) {
        margin-top: 2px !important;
        background-color: var(--tab-background) !important;
        border-radius: var(--button-radius, 20px) !important;
        height: 27px !important;
        padding-bottom: 3px !important;
    }

    .workspace-tab-header:has(.mod-pinned) {
        background-color: transparent !important;
        border: 0 !important;
        border-radius: var(--button-radius, 20px) !important;
        height: 27px !important;
        transition: all calc(var(--animation-duration) * 0.6667) ease;
    }

    .workspace-tab-header:has(.mod-pinned):hover {
        background-color: var(--tab-background) !important;
        border-radius: var(--button-radius, 20px) !important;
        transition: all calc(var(--animation-duration) * 0.6667) ease;
    }

    .mod-sidedock .workspace-tab-header-container-inner .workspace-tab-header.is-active {
        transform: translateY(2px) translateX(0) !important;
        margin: -2px 2px !important;
    }

    .workspace-tab-header {
        margin: 3px 5px 5px 3px;

        --tab-curve: 0 !important;
        border-radius: var(--button-radius, 12px) !important;
        padding-left: 0 !important;
        transform: translateY(4px) !important;
        transition:
            border-radius calc(var(--animation-duration) * 1.3333) cubic-bezier(0.34, 1.56, 0.64, 1),
            margin calc(var(--animation-duration) * 1.3333) cubic-bezier(0.175, 0.885, 0.32, 1.2),
            padding calc(var(--animation-duration) * 1.6667) cubic-bezier(0.68, -0.55, 0.265, 1.55),
            background-color 0s ease !important;
    }

    .workspace-tab-header.is-active {
        --tab-curve: 0;
        color: var(--tab-text-color-focused-active);
        background-color: var(--tab-background-active);
        outline: 2px solid var(--background-modifier-border);
        margin: 3px 5px 5px 3px;
        border-radius: var(--button-radius, 8px) !important;
        border-bottom: none !important;
        padding-bottom: 0 !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        text-overflow: ellipsis;
        transform: translateY(-1px) !important;
        transition:
            border-radius calc(var(--animation-duration) * 1.6667) cubic-bezier(0.68, -0.55, 0.265, 1.55),
            margin calc(var(--animation-duration) * 1.6667) cubic-bezier(0.68, -0.55, 0.265, 1.55),
            padding calc(var(--animation-duration) * 1) ease,
            background-color calc(var(--animation-duration) * 1.3333) cubic-bezier(0.34, 1.56, 0.64, 1),
            transform calc(var(--animation-duration) * 1.3333) cubic-bezier(0.175, 0.885, 0.32, 1.275),
            background-color 0s ease !important;
    }

    .workspace-tab-header:hover {
        transition: color 0s cubic-bezier(0.175, 0.885, 0.32, 1.4) !important;
    }

    .workspace-tab-header.is-active:hover {
        --tab-curve: 0 !important;
        border-radius: var(--button-radius, 8px) !important;
        transition:
            border-radius calc(var(--animation-duration) * 1) cubic-bezier(0.68, -0.55, 0.265, 1.55),
            background-color 0s ease,
            margin calc(var(--animation-duration) * 1) cubic-bezier(0.175, 0.885, 0.32, 1.4) !important;
    }

    .workspace-tab-header:not(.is-active) .workspace-tab-header-inner {
        height: 100%;
        border-radius: var(--tab-sidebar-radius) !important;
        margin-right: 2px;
        margin-left: 2px;
        margin-top: -2px !important;
        transition: all calc(var(--animation-duration) * 1.3333) cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    }

    .workspace-split.mod-vertical.mod-root .workspace-tab-header:not(.is-active, :has(.mod-pinned)) {
        margin-left: 0 !important;
        margin-right: -3px !important;
        transition:
            margin-left calc(var(--animation-duration) * 1.3333) cubic-bezier(0.175, 0.885, 0.32, 1.2),
            margin-right calc(var(--animation-duration) * 1.3333) cubic-bezier(0.175, 0.885, 0.32, 1.2) !important;
    }

    .workspace-tab-header .workspace-tab-header-inner {
        transition:
            border-radius calc(var(--animation-duration) * 1.3333) cubic-bezier(0.34, 1.56, 0.64, 1),
            margin calc(var(--animation-duration) * 1.3333) cubic-bezier(0.175, 0.885, 0.32, 1.2),
            padding calc(var(--animation-duration) * 1.3333) cubic-bezier(0.175, 0.885, 0.32, 1.2) !important;
    }

    .workspace-tab-header:not(.is-active):hover {
        transform: translateY(2px);
        transition:
            transform calc(var(--animation-duration) * 1) cubic-bezier(0.68, -0.55, 0.265, 1.55),
            border-radius calc(var(--animation-duration) * 1) cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
    }

    .workspace-tab-header {
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.2) !important;
    }

    .workspace-tab-container:has(.cm-scroller) { padding-bottom: 16px; }

    .workspace-leaf {
        margin: 4px !important;
        border: 2px solid var(--background-modifier-border);
        border-radius: 20px;
        background-color: var(--background-primary);
    }

    .workspace-sidedock-vault-profile { border-top: none !important; }

    .workspace-tab-container {
        background-color: var(--background-primary-alt);
        padding: 4px;
        padding-top: 0 !important;
    }

    .app-container                   { background-color: var(--background-primary-alt) !important; }
    .horizontal-main-container       { padding: 3px; }
    .workspace-leaf-resize-handle    { --divider-width: 0px !important; }
    .workspace-tab-header-container  { background-color: var(--background-primary-alt) !important; box-shadow: none !important; }

    .titlebar-button {
        background-color: var(--background-primary-alt) !important;
        margin-top: 8px;
        border-radius: 8px;
    }

    .titlebar-button-container {
        background-color: var(--background-primary-alt) !important;
        margin-right: 12px;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    
    .workspace .mod-left-split .workspace-tab-header-container-inner {
        transform: translateY(4px) !important;
    }
    
    .workspace .mod-left-split .workspace-tab-header,
    .workspace .mod-right-split .workspace-tab-header {
        border-radius: var(--tab-sidebar-radius) !important;
        transform: none !important;
    }

    .workspace .mod-left-split .workspace-tab-header:not(.is-active),
    .workspace .mod-right-split .workspace-tab-header:not(.is-active) {
        border-radius: var(--tab-sidebar-radius) !important;
        transform: none !important;
    }

    .workspace .mod-left-split .workspace-tab-header.is-active,
    .workspace .mod-right-split .workspace-tab-header.is-active {
        border-radius: var(--tab-sidebar-radius) !important;
        transform: scale(0.9) !important;
        padding: 0 !important;
        margin: 0 !important;
        outline: none;
    }

    .workspace .mod-left-split .workspace-tab-header:hover,
    .workspace .mod-right-split .workspace-tab-header:hover {
        border-radius: var(--tab-sidebar-radius) !important;
        transform: scale(0.9) !important;
        filter: brightness(1.5);
    }
}



.default-tab {
    .workspace-tab-header,
    .workspace-tab-header.is-active {
        margin: 0;
        padding-left: 0 !important;
        border-radius: 20px !important;
        corner-shape: initial !important;
        transition:
            margin calc(var(--animation-duration) * 1.3333) cubic-bezier(0.175, 0.885, 0.32, 1.2),
            padding calc(var(--animation-duration) * 1.6667) cubic-bezier(0.68, -0.55, 0.265, 1.55),
            background-color 0s ease !important;
    }

    .workspace-tab-header.is-active {
        color: var(--tab-text-color-focused-active);
        background-color: var(--tab-background-active);
        border-bottom: none !important;
        padding-bottom: 0 !important;
        text-overflow: ellipsis;
        transition:
            margin calc(var(--animation-duration) * 1.6667) cubic-bezier(0.68, -0.55, 0.265, 1.55),
            padding calc(var(--animation-duration) * 1) ease,
            background-color calc(var(--animation-duration) * 1.3333) cubic-bezier(0.34, 1.56, 0.64, 1),
            transform calc(var(--animation-duration) * 1.3333) cubic-bezier(0.175, 0.885, 0.32, 1.275),
            background-color 0s ease !important;
    }

    .workspace-tab-header.is-active:not(.mod-pinned) {
        margin-left: 5px !important;
        margin-right: 5px !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .workspace-tab-header-container-inner { margin-top: 8px !important; }

    .workspace-tab-header:not(.is-active, :hover) {
        transform: translateY(2px);
    }

    .workspace-tab-header:hover {
        transition: color 0s cubic-bezier(0.175, 0.885, 0.32, 1.4) !important;
    }

    .workspace-tab-header.is-active:hover {
        --tab-curve: 14px !important;
        transition:
            border-radius calc(var(--animation-duration) * 1) cubic-bezier(0.68, -0.55, 0.265, 1.55),
            background-color 0s ease,
            margin calc(var(--animation-duration) * 1) cubic-bezier(0.175, 0.885, 0.32, 1.4) !important;
    }

    .workspace-tab-header:not(.is-active) .workspace-tab-header-inner {
        height: 100%;
        border-radius: 10px !important;
        border-top-left-radius: 15px !important;
        border-top-right-radius: 15px !important;
        margin-right: 2px;
        margin-left: 2px;
        margin-top: -2px !important;
        transform: translateY(2px);
        transition: all calc(var(--animation-duration) * 1.3333) cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    }

    .workspace-split.mod-vertical.mod-root .workspace-tab-header:not(.is-active, :has(.mod-pinned)) {
        margin-left: 0 !important;
        margin-right: -3px !important;
        transition:
            margin-left calc(var(--animation-duration) * 1.3333) cubic-bezier(0.175, 0.885, 0.32, 1.2),
            margin-right calc(var(--animation-duration) * 1.3333) cubic-bezier(0.175, 0.885, 0.32, 1.2) !important;
    }

    .workspace-tab-header .workspace-tab-header-inner {
        transition:
            border-radius calc(var(--animation-duration) * 1.3333) cubic-bezier(0.34, 1.56, 0.64, 1),
            margin calc(var(--animation-duration) * 1.3333) cubic-bezier(0.175, 0.885, 0.32, 1.2),
            padding calc(var(--animation-duration) * 1.3333) cubic-bezier(0.175, 0.885, 0.32, 1.2) !important;
    }

    .workspace-tab-header:not(.is-active):hover {
        transform: translateY(-1px);
        transition:
            transform calc(var(--animation-duration) * 1) cubic-bezier(0.68, -0.55, 0.265, 1.55),
            border-radius calc(var(--animation-duration) * 1) cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
    }

    .workspace-tab-header {
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.2) !important;
    }

    
    .workspace .mod-left-split .workspace-tab-header,
    .workspace .mod-right-split .workspace-tab-header {
        corner-shape: initial !important;
        border-radius: 14px !important;
    }

    .workspace .mod-left-split .workspace-tab-header.is-active,
    .workspace .mod-right-split .workspace-tab-header.is-active {
        corner-shape: initial !important;
        border-radius: 14px !important;
    }
}



.default-tab-rounded {
    .workspace-tab-header {
        margin: 0 !important;

        --tab-curve: 0px !important;
        border-radius: var(--button-radius) var(--button-radius) 0 0 !important;
        padding-left: 0 !important;
        box-shadow: 0 0 0 1px transparent;
        transition: all calc(var(--animation-duration) * 1.2) cubic-bezier(0.2, 0.9, 0.4, 1.1) !important;
    }

    .workspace-tab-header.is-active:not(.mod-pinned) {
        margin-left: 5px !important;
        margin-right: 5px !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
        border: 1px solid var(--background-modifier-border);
        transition:
            padding cubic-bezier(0.175, 0.885, 0.32, 2),
            margin cubic-bezier(0.175, 0.885, 0.32, 2);
    }

    
    .workspace .mod-left-split .workspace-tab-header.is-active:not(.mod-pinned),
    .workspace .mod-right-split .workspace-tab-header.is-active:not(.mod-pinned) {
        margin-left: 5px !important;
        margin-right: 5px !important;
        margin-bottom: -10px !important;
        padding: 2px 2px 4px !important;
        border-radius: var(--tab-sidebar-radius) var(--tab-sidebar-radius) 0 0 !important;
        background-color: var(--background-secondary);
        border: 1.5px solid var(--background-modifier-border);
    }

    .workspace-tab-header-container-inner { margin-top: 8px !important; }

    .workspace-tab-header:not(.is-active) .workspace-tab-header-inner {
        height: 100%;
        border-radius: 4px !important;
        margin-right: 2px;
        margin-left: 2px;
        margin-top: -2px !important;
        transition: all calc(var(--animation-duration) * 1.2) cubic-bezier(0.2, 0.9, 0.4, 1.1) !important;
    }

    .workspace-tab-header:not(.is-active) .workspace-tab-header-inner:hover {
        border-radius: 6px !important;
        transition: all calc(var(--animation-duration) * 1.2) cubic-bezier(0.2, 0.9, 0.4, 1.1) !important;
    }

    .workspace-tab-header:not(.is-active) .workspace-tab-header-inner:active {
        border-radius: var(--button-radius) var(--button-radius) 0 0 !important;
        corner-shape: var(--corner-shape);
        background-color: var(--background-secondary) !important;
        margin-bottom: -4px !important;
        margin-top: 2px !important;
        padding: 10px 8px !important;
        padding-top: 14px !important;
        box-shadow: 0 0 0 1.5px var(--background-modifier-border);
        transition: all 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1) !important;
    }

    .workspace-split.mod-vertical.mod-root .workspace-tab-header:not(.is-active, :has(.mod-pinned)) {
        margin-left: 0 !important;
        margin-right: -3px !important;
    }

    .workspace-tab-header .workspace-tab-header-inner {
        transition: all calc(var(--animation-duration) * 1.2) cubic-bezier(0.2, 0.9, 0.4, 1.1) !important;
    }

    .workspace .mod-left-split .workspace-tab-header:not(.is-active):hover {
        transform: translateY(1px) !important;
        opacity: 0.8 !important;
    }

    .workspace-tab-header:not(.is-active):hover {
        transform: translateY(-1px);
        opacity: 1 !important;
    }

    .workspace-tab-header:not(.is-active) {
        transform: translateY(8px);
        opacity: 0.6 !important;
    }

    
    .workspace .mod-left-split .workspace-tab-header,
    .workspace .mod-right-split .workspace-tab-header {
        border-radius: var(--tab-sidebar-radius) var(--tab-sidebar-radius) 0 0 !important;
        transform: none !important;
        opacity: 1 !important;
    }
}

.default-tab-rounded.scoop .workspace-tab-header,
.default-tab-rounded.scoop .workspace-tab-header.is-active {
    border-radius: 3px 3px 0 0 !important;
    corner-shape: scoop !important;
}

.default-tab-rounded.hexagon .workspace-tab-header,
.default-tab-rounded.hexagon .workspace-tab-header.is-active {
    border-radius: 3px 3px 0 0 !important;
    corner-shape: bevel !important;
}


body:is(.scoop-tiptip).bubble .workspace-tab-header-container-inner {
    padding-left: 4px !important;
}

body:is(.hexagon-tiptip).bubble .workspace-tab-header-container-inner {
    padding-left: 12px !important;
}



.sidebar-toggle-button.mod-right,
.workspace-tab-header-new-tab {
    transform: translateX(40px) !important;
}

.workspace-tab-header-container::after {
    
    padding-left: -70px !important;
    transform: translateX(20px);
}


.workspace-tabs.mod-top:not(.mod-top-right-space) .sidebar-toggle-button.mod-right,
.workspace-tabs.mod-top:not(.mod-top-right-space) .workspace-tab-header-new-tab {
    transform: translateX(20px) !important;
    
}




body:has(.workspace-split.mod-right-split:not(.is-sidedock-collapsed)) .sidebar-toggle-button.mod-right,
body:has(.workspace-split.mod-right-split:not(.is-sidedock-collapsed)) .workspace-tab-header-new-tab {
    transform: translateX(0px) !important;
}


.sidebar-toggle-button.mod-right,
.workspace-tab-header-new-tab {
    transform: translateX(40px) !important;
}



body.default-tab-rounded.hexagon-tiptip .workspace-tab-header {
    corner-shape: bevel !important;
}
body.bubble.hexagon-tiptip .workspace-tab-header {
    border-radius: 6px !important;
    corner-shape: bevel !important;
}
body.bubble.hexagon-tiptip .workspace-leaf {
    border-radius: 12px !important;
    corner-shape: bevel !important;
}


body.default-tab-rounded.scoop-tiptip .workspace-tab-header {
    corner-shape: scoop !important;
}
body.bubble.scoop-tiptip .workspace-tab-header {
    border-radius: 8px !important;
    corner-shape: scoop !important;
}
body.bubble.scoop-tiptip .workspace-leaf {
    border-radius: 12px !important;
    corner-shape: scoop !important;
}


body.compact-tabs {
    --header-height: 25px;
    
}


.compact-tabs .workspace-tab-header-container {
    --tab-curve: 10px;
    padding-top: 2px !important;
    align-items: stretch !important;
}

.compact-tabs .workspace-tab-header-container-inner {
    align-items: stretch !important;
    gap: 0 !important;
}


.compact-tabs .workspace-tab-header {
    height: 100% !important;
    align-self: stretch !important;
    padding: 0 !important;
    
}


.compact-tabs .workspace-tab-header-inner {
    height: 100% !important;
    align-items: center !important;
}


.compact-tabs .workspace-tab-header.is-active {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}


.compact-tabs .workspace-tab-header:not(.is-active) .workspace-tab-header-inner {
    margin-top: 0 !important;
}


.compact-tabs.bubble .workspace-tab-header,
.compact-tabs.bubble .workspace-tab-header:hover,
.compact-tabs.bubble .workspace-tab-header.is-active {
    transform: translateY(-2px) !important;
    height: 20px !important;
}

.workspace-tab-header-container-inner {
    margin-top: 0 !important;
}








.compact-tabs.default-tab .workspace-tab-header-container-inner,
.compact-tabs.default-tab-rounded .workspace-tab-header-container-inner {
    margin-top: 0 !important;
}

.compact-tabs.default-tab .workspace-tab-header,
.compact-tabs.default-tab-rounded .workspace-tab-header {
    transform: translateY(0) !important;
}


.compact-tabs .mod-left-split .workspace-tab-header-container,
.compact-tabs .mod-right-split .workspace-tab-header-container {
    align-items: flex-start !important;
}

.compact-tabs .mod-left-split .workspace-tab-header-container-inner,
.compact-tabs .mod-right-split .workspace-tab-header-container-inner {
    align-items: stretch !important;
}

.compact-tabs .mod-left-split .workspace-tab-header,
.compact-tabs .mod-right-split .workspace-tab-header {
    transform: translateY(0) scale(1) !important;
    padding: 0 !important;
    height: 100% !important;
    align-self: stretch !important;
    
}

.compact-tabs .mod-left-split .workspace-tab-header-inner,
.compact-tabs .mod-right-split .workspace-tab-header-inner {
    margin-top: 0 !important;
}


.compact-tabs .mod-left-split .workspace-tab-header:hover,
.compact-tabs .mod-right-split .workspace-tab-header:hover {
    transform: translateY(0) scale(1) !important;
    padding: 0 !important;
}


.compact-tabs.bubble .mod-left-split .workspace-tab-header:hover,
.compact-tabs.bubble .mod-right-split .workspace-tab-header:hover {
    transform: none !important;
    scale: 1 !important;
    filter: brightness(1.5);
}


.compact-tabs .sidebar-toggle-button.mod-left .clickable-icon {
    margin-bottom: 10px !important;
    margin-left: 0 !important;
    margin-top: -13.5px !important;
}















.compact-tabs .workspace-tab-header-inner-title,
.compact-tabs .workspace-tab-header-inner-icon {
    line-height: 1 !important;
    vertical-align: middle !important;
}


body.compact-tabs.focus-mode .view-header {
    --header-height: 25px;
    height: var(--header-height);
    margin-top: -4px !important;
}



.compact-tabs.default-tab-rounded,
.compact-tabs.default-tab {
    .workspace-tab-header-container {
        padding-left: 0 !important;
    }
}




.workspace-tab-header-tab-list {
    order: -1;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 20px;
    gap: 4px;
}






.workspace-tab-header-new-tab {
    
    margin-right: 6px !important;
    background: transparent !important;
    order: 999; 
    
    flex: 0 0 auto;
}


.sidebar-toggle-button.mod-right {
    order: 1000; 
    flex: 0 0 auto;
    align-self: center;
    background: transparent !important;
    box-shadow: none !important;
    height: 24px;
    width: 24px;
    padding: 0;
}




body.tab-top-left-labels .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space {
    --sidebar-tab-text-display: inline-block;
}

body.tab-top-left-labels .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-inner-icon {
    display: none;
}

body.tab-top-left-labels .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-inner-title {
    display: inline-block !important;
}

body.tab-top-left-labels .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-inner {
    width: auto !important;
}


body.tab-top-left-icons-labels .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space {
    --sidebar-tab-text-display: inline-block;
}

body.tab-top-left-icons-labels .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-inner-title {
    display: inline-block !important;
}

body.tab-top-left-icons-labels .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-inner {
    width: auto !important;
    gap: 6px;
}


body.tab-top-left-icons .mod-sidedock.mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-inner-title {
    display: none !important;
}




body.tab-top-right-labels .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space {
    --sidebar-tab-text-display: inline-block;
}

body.tab-top-right-labels .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-inner-icon {
    display: none;
}

body.tab-top-right-labels .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-inner-title {
    display: inline-block !important;
}

body.tab-top-right-labels .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-inner {
    width: auto !important;
}


body.tab-top-right-icons-labels .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space {
    --sidebar-tab-text-display: inline-block;
}

body.tab-top-right-icons-labels .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-inner-title {
    display: inline-block !important;
}

body.tab-top-right-icons-labels .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-inner {
    width: auto !important;
    gap: 6px;
}


body.tab-top-right-icons .mod-sidedock.mod-right-split .workspace-tabs.mod-top-right-space .workspace-tab-header-inner-title {
    display: none !important;
}




body.tab-left-labels .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) {
    --sidebar-tab-text-display: inline-block;
}

body.tab-left-labels .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner-icon {
    display: none;
}

body.tab-left-labels .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner-title {
    display: inline-block !important;
}

body.tab-left-labels .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner {
    width: auto !important;
}


body.tab-left-icons-labels .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) {
    --sidebar-tab-text-display: inline-block;
}

body.tab-left-icons-labels .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner-title {
    display: inline-block !important;
}

body.tab-left-icons-labels .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner {
    width: auto !important;
    gap: 6px;
}


body.tab-left-icons .mod-sidedock.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner-title {
    display: none !important;
}




body.tab-right-labels .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) {
    --sidebar-tab-text-display: inline-block;
}

body.tab-right-labels .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner-icon {
    display: none;
}

body.tab-right-labels .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner-title {
    display: inline-block !important;
}

body.tab-right-labels .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner {
    width: auto !important;
}


body.tab-right-icons-labels .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) {
    --sidebar-tab-text-display: inline-block;
}

body.tab-right-icons-labels .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner-title {
    display: inline-block !important;
}

body.tab-right-icons-labels .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner {
    width: auto !important;
    gap: 6px;
}


body.tab-right-icons .mod-sidedock.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-inner-title {
    display: none !important;
}



.is-mobile .vertical-tab-header-group-items {
    
    border-radius: var(--tab-sidebar-radius) !important;
    corner-shape: var(--corner-shape) !important;
}

.is-mobile .clickable-icon {
    border-radius: var(--tab-sidebar-radius) !important;
    corner-shape: var(--corner-shape) !important;
}

.mobile-tab-preview-empty {
    border-radius: var(--tab-sidebar-radius) !important;
    corner-shape: var(--corner-shape) !important;
}




.is-mobile .workspace-tab-header-inner {
    background: none !important;
    border-radius: 6px;
}

.is-mobile .workspace-tab-header,
.is-mobile .workspace-tab-header.is-active {
    background: none !important;
    border-radius: var(--tab-sidebar-radius) !important;
    corner-shape: var(--corner-shape) !important;
}

.is-mobile .workspace-drawer-tab-options-list {
    margin-bottom: 15%;
    border-radius: var(--tab-sidebar-radius) !important;
    corner-shape: var(--corner-shape) !important;
    padding: 16px 10px !important;
    padding-right: 0px !important;
}

.is-mobile.is-floating-nav.is-phone .workspace-drawer .nav-buttons-container:after {
    background: none !important;
}

.is-mobile .view-header {
    background-color: var(--background-primary) !important;
    border-bottom: 0px;
}

.is-mobile .view-actions {
    border-radius: var(--tab-sidebar-radius) !important;
    corner-shape: var(--corner-shape) !important;
}

.is-mobile .mobile-navbar {
    background-color: var(--background-primary-alt) !important;
    background: var(--background-primary-alt) !important;
    
    border-radius: var(--tab-sidebar-radius) !important;
    corner-shape: sharp !important;
    min-width: 100%;
    bottom: 0% !important;
    padding: 0px 10px;
}

.is-floating-nav .mobile-navbar {
    margin-bottom: 0px;
}



.mobile-toolbar {
    margin: 0px !important;
    background-color: var(--background-secondary-alt) !important;
}



.mobile-toolbar > :has(.mobile-toolbar-option) {
    background-color: var(--background-secondary-alt) !important;
}

.bb-mobile-hide-arrows {
    .mobile-navbar-actions > .mobile-navbar-action:nth-child(1),
    .mobile-navbar-actions > .mobile-navbar-action:nth-child(2) {
        display: none;
    }
}

.bb-mobile-hide-searchnote {
    .mobile-navbar-actions > .mobile-navbar-action:nth-child(3) {
        display: none;
    }
}

.bb-mobile-hide-newtab {
    .mobile-navbar-actions > .mobile-navbar-action:nth-child(4) {
        display: none;
    }
}

.bb-mobile-hide-tabs {
    .mobile-navbar-actions > .mobile-navbar-action:nth-child(5) {
        display: none;
    }
}








.horizontal-tab-nav-item.is-active .vertical-tab-nav-item-icon,
.vertical-tab-nav-item.is-active .vertical-tab-nav-item-icon {
    color: var(--text-on-accent);
    transition: color 0s;

    
}

.vertical-tab-nav-item.is-active {
    border-radius: var(--button-radius);

    transition:
        padding calc(var(--animation-duration) * 1) cubic-bezier(0.175, 0.885, 0.32, 1.8),
        background-color 0s ease,
        color 0s ease;

    

    padding: 8px !important;
    text-align: center;
    color: var(--text-on-accent);
    background-color: var(--interactive-accent) !important;
    font-weight: bolder;

    flex-direction: column;
    gap: 3px;
    transform: scaleX(1) translateX(0);
}

.vertical-tab-nav-item {
    border-radius: 20px;
    transition: all calc(var(--animation-duration) * 0.3333) ease-out;
}

.vertical-tab-nav-item:not(.is-active):hover {
    border-radius: var(--button-radius);
    transform: translateX(6px);
    padding: 8px;
    transition: all calc(var(--animation-duration) * 0.3333) ease-out;

    
    transition-delay:
        text-center 4s ease,
        background-color 2s ease !important;
}

.vertical-tab-nav-item:not(.is-active) {
    border-radius: var(--button-radius);
    padding: 8px;
}





.vertical-tab-nav-item.is-active {
    
    transition: transform calc(var(--animation-duration) * 0.3333) cubic-bezier(0.175, 0.885, 0.32, 1.5);
    padding: 6px 8px !important;
    text-align: center;
}

.vertical-tab-nav-item {
    
    transition: all calc(var(--animation-duration) * 0.3333) ease-out;
}

.vertical-tab-nav-item:not(.is-active):hover {
    background: none !important;

    
    transform: translateX(6px);
    transition: all calc(var(--animation-duration) * 0.3333) ease-out;
}

.vertical-tab-nav-item:not(.is-active):active {
    

    
    transform: translateX(30px) !important;
    transition: transform calc(var(--animation-duration) * 0.1667) ease-in;

    
}



.vertical-tab-nav-item:not(.is-active):active {
    
    transform: scaleX(6px) translateX(10px) !important;
    padding: 10px 8px;
    transition: all calc(var(--animation-duration) * 0.1667);

    
    flex-direction: column;

    
}







.vertical-tab-nav-item:not(.is-active):active {
    background-color: transparent;
    transform: translateX(30px) !important;
    transition: all calc(var(--animation-duration) * 0.1667);
    flex-direction: row;
}




.setting-hotkey,
.suggestion-hotkey {
    

    
    background-color: hsl(var(--interactive-accent-hsl), 0.3) !important;
    border-radius: 20px;
}

input[type="color"].color {
    border-radius: 20px !important;
    transition: all calc(var(--animation-duration) * 1) ease-out;
    transform: scale(1);
    outline: 0 solid var(--background-modifier-border);
}

input[type="color"]:hover {
    transform: scale(1.1) !important;
}


:root {
    --animation-speed-raw: 550ms;
}

body {
    --animation-duration: calc(850ms - var(--animation-speed-raw));
    --nav-indentation-guide-width: 0px;
    --indentation-guide-width: 0px;
    --indentation-guide-color: var(--background-modifier-border);
}

body:is(.settings-hover) {
    .setting-item {
        transform: translateX(0) !important;
        transition: all var(--animation-duration) cubic-bezier(0.175, 0.885, 0.32, 2);
    }

    .setting-item:hover {
        transform: translateY(-3px) !important;
        transition: transform var(--animation-duration) cubic-bezier(0.175, 0.885, 0.32, 2);
    }
}





.disable-ui-animations button,
.disable-ui-animations select,
.disable-ui-animations input,
.disable-ui-animations textarea,
.disable-ui-animations .mod-cta,
.disable-ui-animations .setting-item-control button,
.disable-ui-animations .dropdown {
    transition: none !important;
    animation: none !important;
}


.disable-icon-animations .clickable-icon,
.disable-icon-animations .clickable-icon:hover,
.disable-icon-animations .clickable-icon:active {
    transition: none !important;
    animation: none !important;
    transform: none !important;
}


.is-mobile.disable-ui-animations-mobile button,
.is-mobile.disable-ui-animations-mobile select,
.is-mobile.disable-ui-animations-mobile input,
.is-mobile.disable-ui-animations-mobile textarea,
.is-mobile.disable-ui-animations-mobile .mod-cta,
.is-mobile.disable-ui-animations-mobile .setting-item-control button,
.is-mobile.disable-ui-animations-mobile .dropdown,
.is-mobile.disable-ui-animations-mobile .clickable-icon,
.is-mobile.disable-ui-animations-mobile .clickable-icon:hover,
.is-mobile.disable-ui-animations-mobile .clickable-icon:active,
.is-mobile.disable-ui-animations-mobile .setting-item,
.is-mobile.disable-ui-animations-mobile .setting-item:hover,
.is-mobile.disable-ui-animations-mobile .vertical-tab-nav-item,
.is-mobile.disable-ui-animations-mobile .vertical-tab-nav-item:hover,
.is-mobile.disable-ui-animations-mobile .vertical-tab-nav-item:active,
.is-mobile.disable-ui-animations-mobile .task-list-item-checkbox,
.is-mobile.disable-ui-animations-mobile .task-list-item-checkbox:checked,
.is-mobile.disable-ui-animations-mobile .task-list-item-checkbox:hover {
    transition: none !important;
    animation: none !important;
    transform: none !important;
}


.is-mobile.disable-ui-animations-mobile *,
.is-mobile.disable-ui-animations-mobile *::before,
.is-mobile.disable-ui-animations-mobile *::after {
    transition: none !important;
    animation: none !important;
}




.text-before-active-line .cm-line.cm-active::before {
  content: var(--before-active-line);
  color: var(--before-active-line-color);
  margin-right: 6px;
  margin-left: var(--before-active-line-margin);
}

.highlight-active-line .cm-active.cm-line {
    background-color: hsl(var(--interactive-accent-hsl), 0.2) !important;

    
    border-radius: 0;
    border-inline-start: 3px solid hsl(var(--interactive-accent-hsl), 0.8);

    padding-inline-start: 6px;

    transition: background-color 0s ease;
}

.highlight-active-line-with-face .cm-active.cm-line::before {
    transition:
        background-color calc(var(--animation-duration) * 0.6667) ease,
        background-image calc(var(--animation-duration) * 66.6667) !important;
    transition-delay: 2s !important;
    padding: 0;
    margin-inline: -28px 10px;

    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 12px;
    background-color: var(--color-yellow) !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='13' cy='60' r='16' fill='orange'/><circle cx='87' cy='58' r='16' fill='orange'/><path d='M15 40 Q25 65 40 40' stroke='black' stroke-width='10' fill='none' stroke-linecap='round'/><path d='M60 40 Q65 65 85 40' stroke='black' stroke-width='10' fill='none' stroke-linecap='round'/><ellipse cx='50' cy='78' rx='15' ry='18' fill='maroon'/></svg>");
    background-size: 70% 70%;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    z-index: 0 !important;
}

.highlight-active-line-with-face .cm-active.cm-line {
    border-inline-start: 3px solid hsl(var(--interactive-accent-hsl), 0.8);
}

.center-active-line .cm-active.cm-line {
    text-align: center;
}

.huge-text-active-line .cm-active {
    font-size: larger;
}



.float-inactive
    .cm-line:not(.cm-active, .HyperMD-codeblock, .HyperMD-codeblock-bg, .HyperMD-codeblock-end, .HyperMD-codeblock-end-bg) {
    animation: float-up-down calc(var(--animation-duration) * 10) ease-in-out infinite;
}

.float-inactive
    .cm-line:not(.cm-active, .HyperMD-codeblock, .HyperMD-codeblock-bg, .HyperMD-codeblock-end, .HyperMD-codeblock-end-bg):nth-child(
        8n + 1
    ) {
    animation-delay: 0s;
}

.float-inactive
    .cm-line:not(.cm-active, .HyperMD-codeblock, .HyperMD-codeblock-bg, .HyperMD-codeblock-end, .HyperMD-codeblock-end-bg):nth-child(
        8n + 2
    ) {
    animation-delay: 0.15s;
}

.float-inactive
    .cm-line:not(.cm-active, .HyperMD-codeblock, .HyperMD-codeblock-bg, .HyperMD-codeblock-end, .HyperMD-codeblock-end-bg):nth-child(
        8n + 3
    ) {
    animation-delay: 0.3s;
}

.float-inactive
    .cm-line:not(.cm-active, .HyperMD-codeblock, .HyperMD-codeblock-bg, .HyperMD-codeblock-end, .HyperMD-codeblock-end-bg):nth-child(
        8n + 4
    ) {
    animation-delay: 0.45s;
}

.float-inactive
    .cm-line:not(.cm-active, .HyperMD-codeblock, .HyperMD-codeblock-bg, .HyperMD-codeblock-end, .HyperMD-codeblock-end-bg):nth-child(
        8n + 5
    ) {
    animation-delay: 0.6s;
}

.float-inactive
    .cm-line:not(.cm-active, .HyperMD-codeblock, .HyperMD-codeblock-bg, .HyperMD-codeblock-end, .HyperMD-codeblock-end-bg):nth-child(
        8n + 6
    ) {
    animation-delay: 0.75s;
}

.float-inactive
    .cm-line:not(.cm-active, .HyperMD-codeblock, .HyperMD-codeblock-bg, .HyperMD-codeblock-end, .HyperMD-codeblock-end-bg):nth-child(
        8n + 7
    ) {
    animation-delay: 0.9s;
}

.float-inactive
    .cm-line:not(.cm-active, .HyperMD-codeblock, .HyperMD-codeblock-bg, .HyperMD-codeblock-end, .HyperMD-codeblock-end-bg):nth-child(
        8n + 8
    ) {
    animation-delay: 1.05s;
}

@keyframes float-up-down {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}


.dim-inactive .cm-line:not(.cm-active) {
    opacity: 0.6;
}



.center-inline-title .inline-title {
    position: relative;
    text-align: center;
    display: inline-block;
    padding: 20px;
    transition: all calc(var(--animation-duration) * 0.6667) ease;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 15px;
}

.left-inline-title .inline-title {
    position: relative;
    text-align: left;
    display: inline-block;
    padding: 20px;
    transition: all calc(var(--animation-duration) * 0.6667) ease;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 15px;
}

.right-inline-title .inline-title {
    position: relative;
    text-align: right;
    display: inline-block;
    padding: 20px;
    transition: all calc(var(--animation-duration) * 0.6667) ease;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 15px;
}

.special-inline-title .inline-title {
    text-align: center;
    position: relative;
    padding: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    width: 100%;
    transition: 0.3s all ease;
    color: var(--h3-color);
    text-transform: none !important;
}

.special-inline-title .inline-title::before,
.special-inline-title .inline-title::after {
    content: "";
    flex-grow: 1;
    height: 3px;
    background-color: var(--interactive-accent);

    
    margin: 0;

    
    border-radius: 0;
    transition: all 0.3s ease;
}






:root {
    --italic-color: var(--color-normal);
    --bold-color: var(--color-normal);
    --bolditalic-color: var(--color-normal);
}



em {
    color: var(--italic-color) !important;
}

strong {
    color: var(--bold-color) !important;
}

strong em,
em strong {
    color: var(--bolditalic-color) !important;
}

.cm-em {
    color: var(--italic-color) !important;
}

.cm-strong {
    color: var(--bold-color) !important;
}

.cm-strong.cm-em {
    color: var(--bolditalic-color) !important;
}



body.italic-color-normal {
    --italic-color: var(--color-normal);
}

body.italic-color-muted {
    --italic-color: var(--color-muted);
}

body.italic-color-accent {
    --italic-color: var(--color-accent);
}

body.italic-color-red {
    --italic-color: var(--color-red);
}

body.italic-color-orange {
    --italic-color: var(--color-orange);
}

body.italic-color-yellow {
    --italic-color: var(--color-yellow);
}

body.italic-color-green {
    --italic-color: var(--color-green);
}

body.italic-color-cyan {
    --italic-color: var(--color-cyan);
}

body.italic-color-blue {
    --italic-color: var(--color-blue);
}

body.italic-color-purple {
    --italic-color: var(--color-purple);
}

body.italic-color-pink {
    --italic-color: var(--color-pink);
}

body.italic-color-gray {
    --italic-color: var(--color-gray);
}

body.italic-color-brown {
    --italic-color: var(--color-brown);
}

body.bold-color-normal {
    --bold-color: var(--color-normal);
}

body.bold-color-muted {
    --bold-color: var(--color-muted);
}

body.bold-color-accent {
    --bold-color: var(--color-accent);
}

body.bold-color-red {
    --bold-color: var(--color-red);
}

body.bold-color-orange {
    --bold-color: var(--color-orange);
}

body.bold-color-yellow {
    --bold-color: var(--color-yellow);
}

body.bold-color-green {
    --bold-color: var(--color-green);
}

body.bold-color-cyan {
    --bold-color: var(--color-cyan);
}

body.bold-color-blue {
    --bold-color: var(--color-blue);
}

body.bold-color-purple {
    --bold-color: var(--color-purple);
}

body.bold-color-pink {
    --bold-color: var(--color-pink);
}

body.bold-color-gray {
    --bold-color: var(--color-gray);
}

body.bold-color-brown {
    --bold-color: var(--color-brown);
}

body.bolditalic-color-normal {
    --bolditalic-color: var(--color-normal);
}

body.bolditalic-color-muted {
    --bolditalic-color: var(--color-muted);
}

body.bolditalic-color-accent {
    --bolditalic-color: var(--color-accent);
}

body.bolditalic-color-red {
    --bolditalic-color: var(--color-red);
}

body.bolditalic-color-orange {
    --bolditalic-color: var(--color-orange);
}

body.bolditalic-color-yellow {
    --bolditalic-color: var(--color-yellow);
}

body.bolditalic-color-green {
    --bolditalic-color: var(--color-green);
}

body.bolditalic-color-cyan {
    --bolditalic-color: var(--color-cyan);
}

body.bolditalic-color-blue {
    --bolditalic-color: var(--color-blue);
}

body.bolditalic-color-purple {
    --bolditalic-color: var(--color-purple);
}

body.bolditalic-color-pink {
    --bolditalic-color: var(--color-pink);
}

body.bolditalic-color-gray {
    --bolditalic-color: var(--color-gray);
}

body.bolditalic-color-brown {
    --bolditalic-color: var(--color-brown);
}




body:not(.per-heading-colors-toggle).heading-color-normal .cm-header,
body:not(.per-heading-colors-toggle).heading-color-normal h1,
body:not(.per-heading-colors-toggle).heading-color-normal h2,
body:not(.per-heading-colors-toggle).heading-color-normal h3,
body:not(.per-heading-colors-toggle).heading-color-normal h4,
body:not(.per-heading-colors-toggle).heading-color-normal h5,
body:not(.per-heading-colors-toggle).heading-color-normal h6 {
    color: var(--text-normal) !important;
}

body:not(.per-heading-colors-toggle).heading-color-accent .cm-header,
body:not(.per-heading-colors-toggle).heading-color-accent h1,
body:not(.per-heading-colors-toggle).heading-color-accent h2,
body:not(.per-heading-colors-toggle).heading-color-accent h3,
body:not(.per-heading-colors-toggle).heading-color-accent h4,
body:not(.per-heading-colors-toggle).heading-color-accent h5,
body:not(.per-heading-colors-toggle).heading-color-accent h6 {
    color: var(--interactive-accent) !important;
}

body:not(.per-heading-colors-toggle).heading-color-red .cm-header,
body:not(.per-heading-colors-toggle).heading-color-red h1,
body:not(.per-heading-colors-toggle).heading-color-red h2,
body:not(.per-heading-colors-toggle).heading-color-red h3,
body:not(.per-heading-colors-toggle).heading-color-red h4,
body:not(.per-heading-colors-toggle).heading-color-red h5,
body:not(.per-heading-colors-toggle).heading-color-red h6 {
    color: var(--color-red) !important;
}

body:not(.per-heading-colors-toggle).heading-color-orange .cm-header,
body:not(.per-heading-colors-toggle).heading-color-orange h1,
body:not(.per-heading-colors-toggle).heading-color-orange h2,
body:not(.per-heading-colors-toggle).heading-color-orange h3,
body:not(.per-heading-colors-toggle).heading-color-orange h4,
body:not(.per-heading-colors-toggle).heading-color-orange h5,
body:not(.per-heading-colors-toggle).heading-color-orange h6 {
    color: var(--color-orange) !important;
}

body:not(.per-heading-colors-toggle).heading-color-yellow .cm-header,
body:not(.per-heading-colors-toggle).heading-color-yellow h1,
body:not(.per-heading-colors-toggle).heading-color-yellow h2,
body:not(.per-heading-colors-toggle).heading-color-yellow h3,
body:not(.per-heading-colors-toggle).heading-color-yellow h4,
body:not(.per-heading-colors-toggle).heading-color-yellow h5,
body:not(.per-heading-colors-toggle).heading-color-yellow h6 {
    color: var(--color-yellow) !important;
}

body:not(.per-heading-colors-toggle).heading-color-green .cm-header,
body:not(.per-heading-colors-toggle).heading-color-green h1,
body:not(.per-heading-colors-toggle).heading-color-green h2,
body:not(.per-heading-colors-toggle).heading-color-green h3,
body:not(.per-heading-colors-toggle).heading-color-green h4,
body:not(.per-heading-colors-toggle).heading-color-green h5,
body:not(.per-heading-colors-toggle).heading-color-green h6 {
    color: var(--color-green) !important;
}

body:not(.per-heading-colors-toggle).heading-color-cyan .cm-header,
body:not(.per-heading-colors-toggle).heading-color-cyan h1,
body:not(.per-heading-colors-toggle).heading-color-cyan h2,
body:not(.per-heading-colors-toggle).heading-color-cyan h3,
body:not(.per-heading-colors-toggle).heading-color-cyan h4,
body:not(.per-heading-colors-toggle).heading-color-cyan h5,
body:not(.per-heading-colors-toggle).heading-color-cyan h6 {
    color: var(--color-cyan) !important;
}

body:not(.per-heading-colors-toggle).heading-color-blue .cm-header,
body:not(.per-heading-colors-toggle).heading-color-blue h1,
body:not(.per-heading-colors-toggle).heading-color-blue h2,
body:not(.per-heading-colors-toggle).heading-color-blue h3,
body:not(.per-heading-colors-toggle).heading-color-blue h4,
body:not(.per-heading-colors-toggle).heading-color-blue h5,
body:not(.per-heading-colors-toggle).heading-color-blue h6 {
    color: var(--color-blue) !important;
}

body:not(.per-heading-colors-toggle).heading-color-purple .cm-header,
body:not(.per-heading-colors-toggle).heading-color-purple h1,
body:not(.per-heading-colors-toggle).heading-color-purple h2,
body:not(.per-heading-colors-toggle).heading-color-purple h3,
body:not(.per-heading-colors-toggle).heading-color-purple h4,
body:not(.per-heading-colors-toggle).heading-color-purple h5,
body:not(.per-heading-colors-toggle).heading-color-purple h6 {
    color: var(--color-purple) !important;
}

body:not(.per-heading-colors-toggle).heading-color-pink .cm-header,
body:not(.per-heading-colors-toggle).heading-color-pink h1,
body:not(.per-heading-colors-toggle).heading-color-pink h2,
body:not(.per-heading-colors-toggle).heading-color-pink h3,
body:not(.per-heading-colors-toggle).heading-color-pink h4,
body:not(.per-heading-colors-toggle).heading-color-pink h5,
body:not(.per-heading-colors-toggle).heading-color-pink h6 {
    color: var(--color-pink) !important;
}

body:not(.per-heading-colors-toggle).heading-color-gray .cm-header,
body:not(.per-heading-colors-toggle).heading-color-gray h1,
body:not(.per-heading-colors-toggle).heading-color-gray h2,
body:not(.per-heading-colors-toggle).heading-color-gray h3,
body:not(.per-heading-colors-toggle).heading-color-gray h4,
body:not(.per-heading-colors-toggle).heading-color-gray h5,
body:not(.per-heading-colors-toggle).heading-color-gray h6 {
    color: var(--text-muted) !important;
}

body:not(.per-heading-colors-toggle).heading-color-brown .cm-header,
body:not(.per-heading-colors-toggle).heading-color-brown h1,
body:not(.per-heading-colors-toggle).heading-color-brown h2,
body:not(.per-heading-colors-toggle).heading-color-brown h3,
body:not(.per-heading-colors-toggle).heading-color-brown h4,
body:not(.per-heading-colors-toggle).heading-color-brown h5,
body:not(.per-heading-colors-toggle).heading-color-brown h6 {
    color: var(--color-brown) !important;
}




body.per-heading-colors-toggle.h1-color-normal .cm-header-1,
body.per-heading-colors-toggle.h1-color-normal h1 {
    color: var(--text-normal) !important;
}

body.per-heading-colors-toggle.h1-color-accent .cm-header-1,
body.per-heading-colors-toggle.h1-color-accent h1 {
    color: var(--interactive-accent) !important;
}

body.per-heading-colors-toggle.h1-color-red .cm-header-1,
body.per-heading-colors-toggle.h1-color-red h1 {
    color: var(--color-red) !important;
}

body.per-heading-colors-toggle.h1-color-orange .cm-header-1,
body.per-heading-colors-toggle.h1-color-orange h1 {
    color: var(--color-orange) !important;
}

body.per-heading-colors-toggle.h1-color-yellow .cm-header-1,
body.per-heading-colors-toggle.h1-color-yellow h1 {
    color: var(--color-yellow) !important;
}

body.per-heading-colors-toggle.h1-color-green .cm-header-1,
body.per-heading-colors-toggle.h1-color-green h1 {
    color: var(--color-green) !important;
}

body.per-heading-colors-toggle.h1-color-cyan .cm-header-1,
body.per-heading-colors-toggle.h1-color-cyan h1 {
    color: var(--color-cyan) !important;
}

body.per-heading-colors-toggle.h1-color-blue .cm-header-1,
body.per-heading-colors-toggle.h1-color-blue h1 {
    color: var(--color-blue) !important;
}

body.per-heading-colors-toggle.h1-color-purple .cm-header-1,
body.per-heading-colors-toggle.h1-color-purple h1 {
    color: var(--color-purple) !important;
}

body.per-heading-colors-toggle.h1-color-pink .cm-header-1,
body.per-heading-colors-toggle.h1-color-pink h1 {
    color: var(--color-pink) !important;
}

body.per-heading-colors-toggle.h1-color-gray .cm-header-1,
body.per-heading-colors-toggle.h1-color-gray h1 {
    color: var(--text-muted) !important;
}

body.per-heading-colors-toggle.h1-color-brown .cm-header-1,
body.per-heading-colors-toggle.h1-color-brown h1 {
    color: var(--color-brown) !important;
}


body.per-heading-colors-toggle.h2-color-normal .cm-header-2,
body.per-heading-colors-toggle.h2-color-normal h2 {
    color: var(--text-normal) !important;
}

body.per-heading-colors-toggle.h2-color-accent .cm-header-2,
body.per-heading-colors-toggle.h2-color-accent h2 {
    color: var(--interactive-accent) !important;
}

body.per-heading-colors-toggle.h2-color-red .cm-header-2,
body.per-heading-colors-toggle.h2-color-red h2 {
    color: var(--color-red) !important;
}

body.per-heading-colors-toggle.h2-color-orange .cm-header-2,
body.per-heading-colors-toggle.h2-color-orange h2 {
    color: var(--color-orange) !important;
}

body.per-heading-colors-toggle.h2-color-yellow .cm-header-2,
body.per-heading-colors-toggle.h2-color-yellow h2 {
    color: var(--color-yellow) !important;
}

body.per-heading-colors-toggle.h2-color-green .cm-header-2,
body.per-heading-colors-toggle.h2-color-green h2 {
    color: var(--color-green) !important;
}

body.per-heading-colors-toggle.h2-color-cyan .cm-header-2,
body.per-heading-colors-toggle.h2-color-cyan h2 {
    color: var(--color-cyan) !important;
}

body.per-heading-colors-toggle.h2-color-blue .cm-header-2,
body.per-heading-colors-toggle.h2-color-blue h2 {
    color: var(--color-blue) !important;
}

body.per-heading-colors-toggle.h2-color-purple .cm-header-2,
body.per-heading-colors-toggle.h2-color-purple h2 {
    color: var(--color-purple) !important;
}

body.per-heading-colors-toggle.h2-color-pink .cm-header-2,
body.per-heading-colors-toggle.h2-color-pink h2 {
    color: var(--color-pink) !important;
}

body.per-heading-colors-toggle.h2-color-gray .cm-header-2,
body.per-heading-colors-toggle.h2-color-gray h2 {
    color: var(--text-muted) !important;
}

body.per-heading-colors-toggle.h2-color-brown .cm-header-2,
body.per-heading-colors-toggle.h2-color-brown h2 {
    color: var(--color-brown) !important;
}


body.per-heading-colors-toggle.h3-color-normal .cm-header-3,
body.per-heading-colors-toggle.h3-color-normal h3 {
    color: var(--text-normal) !important;
}

body.per-heading-colors-toggle.h3-color-accent .cm-header-3,
body.per-heading-colors-toggle.h3-color-accent h3 {
    color: var(--interactive-accent) !important;
}

body.per-heading-colors-toggle.h3-color-red .cm-header-3,
body.per-heading-colors-toggle.h3-color-red h3 {
    color: var(--color-red) !important;
}

body.per-heading-colors-toggle.h3-color-orange .cm-header-3,
body.per-heading-colors-toggle.h3-color-orange h3 {
    color: var(--color-orange) !important;
}

body.per-heading-colors-toggle.h3-color-yellow .cm-header-3,
body.per-heading-colors-toggle.h3-color-yellow h3 {
    color: var(--color-yellow) !important;
}

body.per-heading-colors-toggle.h3-color-green .cm-header-3,
body.per-heading-colors-toggle.h3-color-green h3 {
    color: var(--color-green) !important;
}

body.per-heading-colors-toggle.h3-color-cyan .cm-header-3,
body.per-heading-colors-toggle.h3-color-cyan h3 {
    color: var(--color-cyan) !important;
}

body.per-heading-colors-toggle.h3-color-blue .cm-header-3,
body.per-heading-colors-toggle.h3-color-blue h3 {
    color: var(--color-blue) !important;
}

body.per-heading-colors-toggle.h3-color-purple .cm-header-3,
body.per-heading-colors-toggle.h3-color-purple h3 {
    color: var(--color-purple) !important;
}

body.per-heading-colors-toggle.h3-color-pink .cm-header-3,
body.per-heading-colors-toggle.h3-color-pink h3 {
    color: var(--color-pink) !important;
}

body.per-heading-colors-toggle.h3-color-gray .cm-header-3,
body.per-heading-colors-toggle.h3-color-gray h3 {
    color: var(--text-muted) !important;
}

body.per-heading-colors-toggle.h3-color-brown .cm-header-3,
body.per-heading-colors-toggle.h3-color-brown h3 {
    color: var(--color-brown) !important;
}


body.per-heading-colors-toggle.h4-color-normal .cm-header-4,
body.per-heading-colors-toggle.h4-color-normal h4 {
    color: var(--text-normal) !important;
}

body.per-heading-colors-toggle.h4-color-accent .cm-header-4,
body.per-heading-colors-toggle.h4-color-accent h4 {
    color: var(--interactive-accent) !important;
}

body.per-heading-colors-toggle.h4-color-red .cm-header-4,
body.per-heading-colors-toggle.h4-color-red h4 {
    color: var(--color-red) !important;
}

body.per-heading-colors-toggle.h4-color-orange .cm-header-4,
body.per-heading-colors-toggle.h4-color-orange h4 {
    color: var(--color-orange) !important;
}

body.per-heading-colors-toggle.h4-color-yellow .cm-header-4,
body.per-heading-colors-toggle.h4-color-yellow h4 {
    color: var(--color-yellow) !important;
}

body.per-heading-colors-toggle.h4-color-green .cm-header-4,
body.per-heading-colors-toggle.h4-color-green h4 {
    color: var(--color-green) !important;
}

body.per-heading-colors-toggle.h4-color-cyan .cm-header-4,
body.per-heading-colors-toggle.h4-color-cyan h4 {
    color: var(--color-cyan) !important;
}

body.per-heading-colors-toggle.h4-color-blue .cm-header-4,
body.per-heading-colors-toggle.h4-color-blue h4 {
    color: var(--color-blue) !important;
}

body.per-heading-colors-toggle.h4-color-purple .cm-header-4,
body.per-heading-colors-toggle.h4-color-purple h4 {
    color: var(--color-purple) !important;
}

body.per-heading-colors-toggle.h4-color-pink .cm-header-4,
body.per-heading-colors-toggle.h4-color-pink h4 {
    color: var(--color-pink) !important;
}

body.per-heading-colors-toggle.h4-color-gray .cm-header-4,
body.per-heading-colors-toggle.h4-color-gray h4 {
    color: var(--text-muted) !important;
}

body.per-heading-colors-toggle.h4-color-brown .cm-header-4,
body.per-heading-colors-toggle.h4-color-brown h4 {
    color: var(--color-brown) !important;
}


body.per-heading-colors-toggle.h5-color-normal .cm-header-5,
body.per-heading-colors-toggle.h5-color-normal h5 {
    color: var(--text-normal) !important;
}

body.per-heading-colors-toggle.h5-color-accent .cm-header-5,
body.per-heading-colors-toggle.h5-color-accent h5 {
    color: var(--interactive-accent) !important;
}

body.per-heading-colors-toggle.h5-color-red .cm-header-5,
body.per-heading-colors-toggle.h5-color-red h5 {
    color: var(--color-red) !important;
}

body.per-heading-colors-toggle.h5-color-orange .cm-header-5,
body.per-heading-colors-toggle.h5-color-orange h5 {
    color: var(--color-orange) !important;
}

body.per-heading-colors-toggle.h5-color-yellow .cm-header-5,
body.per-heading-colors-toggle.h5-color-yellow h5 {
    color: var(--color-yellow) !important;
}

body.per-heading-colors-toggle.h5-color-green .cm-header-5,
body.per-heading-colors-toggle.h5-color-green h5 {
    color: var(--color-green) !important;
}

body.per-heading-colors-toggle.h5-color-cyan .cm-header-5,
body.per-heading-colors-toggle.h5-color-cyan h5 {
    color: var(--color-cyan) !important;
}

body.per-heading-colors-toggle.h5-color-blue .cm-header-5,
body.per-heading-colors-toggle.h5-color-blue h5 {
    color: var(--color-blue) !important;
}

body.per-heading-colors-toggle.h5-color-purple .cm-header-5,
body.per-heading-colors-toggle.h5-color-purple h5 {
    color: var(--color-purple) !important;
}

body.per-heading-colors-toggle.h5-color-pink .cm-header-5,
body.per-heading-colors-toggle.h5-color-pink h5 {
    color: var(--color-pink) !important;
}

body.per-heading-colors-toggle.h5-color-gray .cm-header-5,
body.per-heading-colors-toggle.h5-color-gray h5 {
    color: var(--text-muted) !important;
}

body.per-heading-colors-toggle.h5-color-brown .cm-header-5,
body.per-heading-colors-toggle.h5-color-brown h5 {
    color: var(--color-brown) !important;
}


body.per-heading-colors-toggle.h6-color-normal .cm-header-6,
body.per-heading-colors-toggle.h6-color-normal h6 {
    color: var(--text-normal) !important;
}

body.per-heading-colors-toggle.h6-color-accent .cm-header-6,
body.per-heading-colors-toggle.h6-color-accent h6 {
    color: var(--interactive-accent) !important;
}

body.per-heading-colors-toggle.h6-color-red .cm-header-6,
body.per-heading-colors-toggle.h6-color-red h6 {
    color: var(--color-red) !important;
}

body.per-heading-colors-toggle.h6-color-orange .cm-header-6,
body.per-heading-colors-toggle.h6-color-orange h6 {
    color: var(--color-orange) !important;
}

body.per-heading-colors-toggle.h6-color-yellow .cm-header-6,
body.per-heading-colors-toggle.h6-color-yellow h6 {
    color: var(--color-yellow) !important;
}

body.per-heading-colors-toggle.h6-color-green .cm-header-6,
body.per-heading-colors-toggle.h6-color-green h6 {
    color: var(--color-green) !important;
}

body.per-heading-colors-toggle.h6-color-cyan .cm-header-6,
body.per-heading-colors-toggle.h6-color-cyan h6 {
    color: var(--color-cyan) !important;
}

body.per-heading-colors-toggle.h6-color-blue .cm-header-6,
body.per-heading-colors-toggle.h6-color-blue h6 {
    color: var(--color-blue) !important;
}

body.per-heading-colors-toggle.h6-color-purple .cm-header-6,
body.per-heading-colors-toggle.h6-color-purple h6 {
    color: var(--color-purple) !important;
}

body.per-heading-colors-toggle.h6-color-pink .cm-header-6,
body.per-heading-colors-toggle.h6-color-pink h6 {
    color: var(--color-pink) !important;
}

body.per-heading-colors-toggle.h6-color-gray .cm-header-6,
body.per-heading-colors-toggle.h6-color-gray h6 {
    color: var(--text-muted) !important;
}

body.per-heading-colors-toggle.h6-color-brown .cm-header-6,
body.per-heading-colors-toggle.h6-color-brown h6 {
    color: var(--color-brown) !important;
}


.per-heading-colors-toggle.h6-color-normal h6 {
    color: var(--text-normal) !important;
}

.per-heading-colors-toggle.h6-color-accent h6 {
    color: var(--interactive-accent) !important;
}

.per-heading-colors-toggle.h6-color-red h6 {
    color: var(--color-red) !important;
}

.per-heading-colors-toggle.h6-color-orange h6 {
    color: var(--color-orange) !important;
}

.per-heading-colors-toggle.h6-color-yellow h6 {
    color: var(--color-yellow) !important;
}

.per-heading-colors-toggle.h6-color-green h6 {
    color: var(--color-green) !important;
}

.per-heading-colors-toggle.h6-color-cyan h6 {
    color: var(--color-cyan) !important;
}

.per-heading-colors-toggle.h6-color-blue h6 {
    color: var(--color-blue) !important;
}

.per-heading-colors-toggle.h6-color-purple h6 {
    color: var(--color-purple) !important;
}

.per-heading-colors-toggle.h6-color-pink h6 {
    color: var(--color-pink) !important;
}

.per-heading-colors-toggle.h6-color-gray h6 {
    color: var(--text-muted) !important;
}

.per-heading-colors-toggle.h6-color-brown h6 {
    color: var(--color-brown) !important;
}


a {
    

    
    font-weight: var(--link-weight);
    outline: none;
    text-decoration: none !important;

    
    border-radius: 6px !important;
    padding: 2px 5px;
}

.cm-s-obsidian span.cm-underline, .markdown-preview-view u, u {
    text-decoration: none !important;
}




a.external-link {
    background-color: transparent !important;
    color: var(--text-normal) !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;
    transition: all calc(var(--animation-duration) * 0.6667) ease !important;
    padding: 2px 0 !important;
}

a.external-link:hover {
    text-decoration-thickness: 2px !important;
    background-color: var(--background-secondary-alt) !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all calc(var(--animation-duration) * 0.6667) ease !important;
    padding: 2px 6px !important;
}

.external-link {
    

    
    background-color: transparent !important;
    text-decoration: underline !important;
    color: var(--color-accent) !important;
    background-image: none;
    margin-right: 0;
    transition: all calc(var(--animation-duration) * 0.6667) ease !important;
    padding: 2px 0 !important;
}

.external-link:hover {
    background-color: var(--background-secondary-alt) !important;
    margin-right: 0;
    transition: all calc(var(--animation-duration) * 0.6667) ease !important;
    padding: 2px 0 !important;
}

.markdown-source-view.mod-cm6 .cm-link .cm-underline,
.markdown-source-view.mod-cm6 .cm-url .cm-underline {
    background-color: transparent !important;
    text-decoration: underline !important;
    color: var(--text-normal) !important;
    transition: all calc(var(--animation-duration) * 0.5) ease !important;
    padding: 2px 0 !important;
}

.markdown-source-view.mod-cm6 .cm-link .cm-underline:hover,
.markdown-source-view.mod-cm6 .cm-url .cm-underline:hover {
    background-color: var(--background-secondary-alt) !important;
    text-decoration-thickness: 2px !important;
    border-radius: 8px !important;
    transition: all calc(var(--animation-duration) * 0.5) ease !important;
    padding: 2px 6px !important;
}

.markdown-source-view.mod-cm6 .cm-hmd-internal-link,
.markdown-rendered .internal-link {
    color: var(--link-color) !important;
    background-color: hsl(var(--interactive-accent-hsl), 0.2) !important;
    border-radius: 6px;
    padding-left: 5px;
    padding-right: 5px;
    transition: background-color calc(var(--animation-duration) * 1.6667) ease;
    box-decoration-break: clone;

    &:hover {
        color: var(--link-color);
    }
}







.metadata-container {
    border-radius: var(--button-radius) !important;
    corner-shape: var(--corner-shape) !important;
}



.dim-properties .metadata-container {
    opacity: 0.6 !important;
    transition: opacity calc(var(--animation-duration) * 1) ease !important;
}

.dim-properties .metadata-container:hover {
    opacity: 1 !important;
    transition: opacity calc(var(--animation-duration) * 1) ease !important;
}



.properties-1 .metadata-container {
    border: 2px solid var(--text-faint) !important;
    --input-height: var(--metadata-input-height);
    background-color: var(--background-secondary-alt);
    width: 100%;
    justify-content: space-between;
    box-shadow: 0 3px 0 0 var(--text-faint);
}

.properties-1 .metadata-properties-heading {
    border-bottom: 2px solid var(--text-faint) !important;
    width: 100%;
    padding: 0.5em 1.4em;
    padding-bottom: 16px;
    transition: border-bottom 0s ease;
    transition-delay: border-bottom 0.2s;
}

.properties-1 .metadata-content {
    padding: 10px 20px;
}

.properties-1 .metadata-container.is-collapsed .metadata-properties-heading {
    border-bottom: 0 !important;
    padding-bottom: 0;
}



.properties-2 .metadata-container {
    border: solid 2px var(--text-faint) !important;
    margin-bottom: 1.3rem;
    padding: 1.4rem 1.5rem;
    --input-height: var(--metadata-input-height);
    background-color: var(--background-secondary-alt);
    width: 100%;
    justify-content: space-between;
    box-shadow: 0 3px 0 0 var(--text-faint);
}

.properties-2 .metadata-container.is-collapsed {
    padding-top: 0.5em;
    padding-bottom: 0.2em;
}

.properties-2 .metadata-container.is-collapsed .metadata-properties-heading {
    border-bottom: none !important;
    padding-bottom: 0;
}



.properties-3 .metadata-container {
    margin: -15px 0 1.3rem 4px;
    border-radius: 0 0 8px 8px;
    --input-height: var(--metadata-input-height);
    background: var(--background-secondary-alt);
    padding: 1rem;
    width: 100%;
    border-bottom: solid 3.5px var(--color-accent);
    border-top: solid 3.5px var(--color-accent);
}

.properties-3 .metadata-container .is-collapsed {
    padding-bottom: 0;
}



.properties-4 .metadata-container {
    border-top: solid 3.5px var(--color-accent);
    border: solid 2px var(--text-faint);
    margin-bottom: 1.3rem;
    margin-top: -10px;
    border-radius: 0 0 10px 10px;
    --input-height: var(--metadata-input-height);
    background: var(--background-secondary-alt);
    padding: 1rem 1.3rem;
    width: 100%;
    justify-content: space-between;
    box-shadow: 0 4px 0 0 var(--text-faint);
}



.properties-5 .metadata-container {
    border-bottom: 2px solid var(--text-faint);
    border-top: 2px solid var(--text-faint);
    padding: 20px;
}



.metadata-container
    .metadata-properties-heading
    .collapse-indicator.collapse-icon {
    opacity: 0 !important;
    transition: opacity calc(var(--animation-duration) * 0.6667) ease;
}

.metadata-container.is-collapsed
    .metadata-properties-heading:hover
    .collapse-indicator.collapse-icon,
.metadata-container:not(.is-collapsed)
    .metadata-properties-heading
    .collapse-indicator.collapse-icon {
    opacity: 1 !important;
}



.hide-properties-arrow
    .metadata-container
    .metadata-properties-heading
    .collapse-indicator.collapse-icon {
    display: none !important;
}



.center-properties-heading .metadata-container .metadata-properties-heading {
    width: 100%;
    justify-content: center !important;
    text-align: center !important;
}



.properties-1 .metadata-container .metadata-content,
.properties-2 .metadata-container .metadata-content,
.properties-3 .metadata-container .metadata-content,
.properties-4 .metadata-container .metadata-content,
.properties-5 .metadata-container .metadata-content {
    transform-origin: top;
    transition:
        transform calc(var(--animation-duration) * 1.3333) cubic-bezier(0.175, 0.885, 0.32, 2),
        opacity calc(var(--animation-duration) * 1.3333) ease;
}

.metadata-container.is-collapsed .metadata-content {
    transform: scaleY(0.9);
    opacity: 0;
}

.metadata-container:not(.is-collapsed) .metadata-content {
    animation: settle-bounce calc(var(--animation-duration) * 1.3333) forwards;
}

@keyframes settle-bounce {
    0%   { transform: scaleY(1.05); }
    60%  { transform: scaleY(0.98); }
    100% { transform: scaleY(1); }
}



.properties-1 .metadata-container,
.properties-2 .metadata-container,
.properties-3 .metadata-container,
.properties-4 .metadata-container,
.properties-5 .metadata-container {
    transform-origin: top;
    transition:
        transform calc(var(--animation-duration) * 1.3333) cubic-bezier(0.175, 0.885, 0.32, 2),
        padding calc(var(--animation-duration) * 1.3333) ease,
        opacity calc(var(--animation-duration) * 1.3333) ease;
}

.metadata-container.is-collapsed {
    opacity: 0.6;
    animation: collapse-bounce calc(var(--animation-duration) * 1.5) cubic-bezier(0.175, 0.885, 0.32, 2) forwards;
}

.metadata-container:not(.is-collapsed) {
    opacity: 1;
    animation: settle-container calc(var(--animation-duration) * 1.6667) forwards;
}

@keyframes settle-container {
    0%   { transform: scaleY(1); }
    40%  { transform: scaleY(1.025); }
    100% { transform: scaleY(1); }
}

@keyframes collapse-bounce {
    0%   { transform: scaleY(1); }
    60%  { transform: scaleY(0.94); }
    100% { transform: scaleY(1); }
}



.metadata-property[data-property-key="tags"] .multi-select-pill,
.metadata-property[data-property-key="cssclasses"] .multi-select-pill {
    transition: all calc(var(--animation-duration) * 0.5) ease;
}

.metadata-property[data-property-key="tags"] .multi-select-pill {
    border-radius: var(--button-radius) !important;
    corner-shape: var(--corner-shape) !important;
    padding: 4px !important;
    padding-top: 0.35em !important;
    letter-spacing: 0.09em;
    font-size: 0.9em;
    background-color: var(--tag-background);
    color: var(--tag-color) !important;
}

.metadata-property[data-property-key="tags"] .multi-select-pill:hover {
    background-color: var(--tag-background-hover);
}

.metadata-property[data-property-key="tags"] .multi-select-pill svg {
    color: var(--tag-color) !important;
    margin: 1px;
    margin-right: 0;
}



.meta-key-case-upper .metadata-property-key-input { text-transform: uppercase; }
.meta-key-case-lower .metadata-property-key-input { text-transform: lowercase; }
.meta-key-case-none  .metadata-property-key-input { text-transform: none; }



.workspace-leaf-content[data-type="file-properties"] .metadata-container {
    background-color: var(--background-primary) !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    animation: none !important;
    transition: none !important;
    width: auto !important;
    justify-content: normal !important;
}

.workspace-leaf-content[data-type="file-properties"] .metadata-content {
    background-color: var(--background-secondary) !important;
    padding: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    animation: none !important;
    transition: none !important;
}

.workspace-leaf-content[data-type="file-properties"] .metadata-properties-heading {
    border: none !important;
    padding: 0 !important;
    justify-content: normal !important;
    text-align: left !important;
}

.workspace-leaf-content[data-type="file-properties"] .metadata-property-value {
    padding-bottom: 10px !important;
}



.canvas-node[data-shape="pill"] .canvas-node-container {
    border-radius: var(--button-radius) !important;
}

.canvas-sharp-cards .canvas-node-container {
    border: 2.5px solid rgb(var(--canvas-color)) !important;
    border-radius: 0;
}

.canvas-control-group {
    border-radius: 0;
    border-top-left-radius: var(--radius-l) !important;
    border-bottom-left-radius: var(--radius-l) !important;
    margin-right: -8px;
    border: 2px solid var(--background-modifier-border);
}

.canvas-control-item {
    transition: all calc(var(--animation-duration) * 1) cubic-bezier(0.175, 0.885, 0.32, 1.275);
    padding: 8px 10px;
    background-color: var(--titlebar-background) !important;
}

.canvas-control-item:hover {
    transform: scale(1.2);
    color: var(--color-accent-1) !important;
    background-color: hsl(var(--interactive-accent-hsl), 0.2);
    background-color: var(--background-secondary-alt) !important;
}

.canvas-control-item:active {
    transform: scale(1);
    color: var(--color-accent-1) !important;
    background-color: hsl(var(--interactive-accent-hsl), 0.2);
}

.canvas-card-menu-button.mod-draggable:hover {
    transition: all calc(var(--animation-duration) * 1) cubic-bezier(0.175, 0.885, 0.32, 2) !important;
    transform: scale(1.2) translateY(0) !important;
}

.canvas-card-menu {
    border-radius: 12px;
}


.theme-light,
.theme-dark {
    --canvas-color-6: 172, 124, 196;
    --canvas-color-5: 105, 147, 194;
    --canvas-color-4: 87, 147, 100;
    --canvas-color-3: 255, 221, 140;
    --canvas-color-2: 229, 156, 88;
    --canvas-color-1: 215, 97, 76;
}

.canvas-node:not(.is-themed) .canvas-node-container {
    border-color: var(--background-modifier-border) !important;
}

.canvas-edges > g:not(.is-themed) path.canvas-display-path {
    stroke: var(--background-modifier-border) !important;
}



body.theme-dark {
    --canvas-color: 62, 70, 83 !important;
}

.canvas-node-container {
    border: 2.5px solid rgb(var(--canvas-color)) !important;
    border-radius: var(--button-radius);
}

.canvas-node-content.markdown-embed
    > .markdown-embed-content
    > .markdown-preview-view {
    font-size: 1.5em !important;
}

.canvas-node.is-themed .canvas-node-content {
    background-color: rgb(var(--canvas-color), 0.26) !important;
}





:root {
    --color-tang: #e59c58;
}



body:not(.disable-checkboxes) {
    
    .task-list-item-checkbox,
    input[data-task] {
        corner-shape: initial !important;
    }

    
    .task-list-item-checkbox {
        
        color: var(--text-muted);
        border-color: currentcolor !important;
        border-radius: 8px !important;
        corner-shape: initial !important;
        border-width: 2px !important;
        width: 23px !important;
        height: 23px !important;
        background-color: var(--text-normal);
        position: relative;
        appearance: none;

        cursor: pointer;
        transition:
            all calc(var(--animation-duration) * 1) cubic-bezier(0.175, 0.885, 0.32, 2),
            padding calc(var(--animation-duration) * 0.3333) ease,
            border-radius calc(var(--animation-duration) * 0.6667) ease !important;
    }

    
    .task-list-item-checkbox::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 20px;
        transform: translate(-50%, -50%);
        background: none !important;
    }

    
    .task-list-item-checkbox:checked {
        color: var(--color-tang);
        border-color: currentcolor !important;

        background-color: var(--color-yellow);
        border-radius: 20px !important;
        transform: scale(0.96) !important;
        transition:
            transform calc(var(--animation-duration) * 1) cubic-bezier(0.175, 0.885, 0.32, 2),
            padding calc(var(--animation-duration) * 0.3333) ease,
            border-radius calc(var(--animation-duration) * 0.6667) ease !important;
    }

    
    .task-list-item-checkbox::before {
        
        padding: 2px !important;
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 20px;
        transform: translate(-50%, -40%); 
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><line x1='28' y1='38' x2='42' y2='34' stroke='black' stroke-width='8' stroke-linecap='round'/><line x1='58' y1='34' x2='72' y2='38' stroke='black' stroke-width='8' stroke-linecap='round'/><line x1='40' y1='55' x2='60' y2='55' stroke='black' stroke-width='8' stroke-linecap='round'/></svg>");
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
        z-index: 1;
    }

    
    .task-list-item-checkbox:checked::before,
    li > .task-list-item-checkbox:checked::before {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M25 40 Q35 35 40 40' stroke='black' stroke-width='7' fill='none' stroke-linecap='round'/><path d='M60 40 Q65 35 75 40' stroke='black' stroke-width='7' fill='none' stroke-linecap='round'/><path d='M35 55 Q50 65 65 55' stroke='black' stroke-width='8' fill='none' stroke-linecap='round'/></svg>");
        transform: translate(-50%, -47%);
    }

    .task-list-item-checkbox:not(:checked):hover {
        transform: scale(1.25) !important;
        border-radius: 6px !important;
        box-shadow: none !important;
    }

    .task-list-item-checkbox:not(:checked) {
        box-shadow: 0 1px 2px var(--checkbox-border-color) !important;
        transform: translateY(0) scale(1.1) !important;
    }

    .task-list-item-checkbox:checked:hover {
        transform: scale(1.05) !important;
        box-shadow: none !important;
        background: currentcolor !important;
        filter: brightness(1.2);
    }

    :root {
        --checklist-done-decoration: none;
    }

    
    .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="x"],
    .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="X"] {
        text-decoration: none !important;
        color: var(--checklist-done-color);
    }

    
    input[data-task="x"]:checked,
    li[data-task="x"] > input:checked,
    li[data-task="x"] > p > input:checked {
        color: var(--color-tang);
        background-color: currentcolor;
        border-color: var(--color-tang) !important;
    }

    
    input[data-task="/"]:checked,
    li[data-task="/"] > input:checked,
    li[data-task="/"] > p > input:checked {
        color: var(--color-yellow);
        background-color: currentcolor;
        border: none;
        border-radius: 10px !important;
        width: 23px;
        height: 23px;
        mask-position: 0 -2px;
    }

    
    .task-list-item-checkbox[data-task="/"]:checked::before,
    li[data-task="/"] > .task-list-item-checkbox:checked::before {
        background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
  <circle cx='13' cy='60' r='16' fill='orange'/>\
  <circle cx='87' cy='58' r='16' fill='orange'/>\
  \
<path d='M15 40 Q25 65 40 40' stroke='black' stroke-width='10' fill='none' stroke-linecap='round'/>\
<path d='M60 40 Q65 65 85 40' stroke='black' stroke-width='10' fill='none' stroke-linecap='round'/>\
<ellipse cx='50' cy='78' rx='15' ry='18' fill='maroon'/>\
</svg>");

        background-size:
            60% 70%,
            cover;
        background-position:
            center center,
            center center;
        background-repeat: no-repeat, no-repeat;
    }

    
    input[data-task="-"]:checked,
    li[data-task="-"] > input:checked,
    li[data-task="-"] > p > input:checked {
        color: var(--color-orange);
        background-color: currentcolor;
        border: none;
        border-radius: 2px !important;
        width: 20px !important;
        height: 20px;
        mask-size: cover !important;
    }

    
    .task-list-item-checkbox[data-task="-"]:checked::before,
    li[data-task="-"] > .task-list-item-checkbox:checked::before {
        background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
<line x1='18' y1='19' x2='42' y2='18' stroke='black' stroke-width='10' stroke-linecap='round'/>\
<line x1='65' y1='24' x2='85' y2='34' stroke='black' stroke-width='10' stroke-linecap='round'/>\
\
<line x1='28' y1='64' x2='79' y2='64' stroke='black' stroke-width='10' stroke-linecap='round'/>\
</svg>");

        background-size:
            60% 70%,
            cover;
        background-position:
            center center,
            center center;
        background-repeat: no-repeat, no-repeat;
    }

    
    input[data-task="?"]:checked,
    li[data-task="?"] > input:checked,
    li[data-task="?"] > p > input:checked {
        color: var(--color-orange);
        background-color: currentcolor;
        border: none;
        border-radius: 0 !important;
        width: 23px;
        height: 23px;
        mask-size: cover !important;
        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='.5 0 16 16'><path d='M8 1.25a2.1 2.1 0 00-1.55.68L1.14 11.44a2.06 2.06 0 00.77 2.81c.3.17.65.26 1 .26h11.38a2.1 2.1 0 001.85-1.1 2.06 2.06 0 00-.16-2.1L9.55 1.93A2.08 2.08 0 008 1.25z'/></svg>");
    }

    
    .task-list-item-checkbox[data-task="?"]:checked::before,
    li[data-task="?"] > .task-list-item-checkbox:checked::before {
        background-position: 3.5px 4px !important;
        background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
<line x1='18' y1='19' x2='42' y2='18' stroke='black' stroke-width='10' stroke-linecap='round'/>\
<line x1='58' y1='24' x2='79' y2='34' stroke='black' stroke-width='10' stroke-linecap='round'/>\
\
<circle cx='35' cy='30' r='9' fill='black'/>\
<circle cx='70' cy='35' r='10' fill='black'/>\
<ellipse cx='52' cy='65' rx='15' ry='18' fill='black'/>\
</svg>");

        background-size:
            60% 70%,
            cover;
        background-repeat: no-repeat, no-repeat;
    }

    
    input[data-task="h"]:checked,
    li[data-task="h"] > input:checked,
    li[data-task="h"] > p > input:checked {
        color: var(--color-pink);
        background-color: currentcolor;
        border: none;
        border-radius: 0 !important;
        width: 23px;
        height: 23px;
        mask-position: calc(50% - -1px) 50%;
        mask-size: 24px;

        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1.8 1 20 21"><path d="M12 22q-.4 0-.7-.2l-2.3-2.4C3.8 15.8 2 12.9 2 9.5 2 6.5 4.5 4 7.5 4c1.3 0 2.6.6 3.5 1.5C11.9 4.6 13.2 4 14.5 4 17.5 4 20 6.5 20 9.5c0 3.4-2.8 6.3-6.3 9.9l-0.7 0.8z" fill="black"/></svg>');
    }

    
    input[data-task="T"]:checked,
    li[data-task="T"] > input:checked,
    li[data-task="T"] > p > input:checked {
        color: var(--color-orange);
        background-color: currentcolor;
        border: none;
        border-radius: 0 !important;
        width: 23px;
        height: 23px;
        mask-size: cover !important;
        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='.5 0 16 16'><path d='M8 1.25a2.1 2.1 0 00-1.55.68L1.14 11.44a2.06 2.06 0 00.77 2.81c.3.17.65.26 1 .26h11.38a2.1 2.1 0 001.85-1.1 2.06 2.06 0 00-.16-2.1L9.55 1.93A2.08 2.08 0 008 1.25z'/></svg>");
    }

    
    .task-list-item-checkbox[data-task="T"]:checked::before,
    li[data-task="T"] > .task-list-item-checkbox:checked::before {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='35' cy='30' r='10' fill='black'/><circle cx='70' cy='35' r='10' fill='black'/><path d='M20 60 Q60 95 80 60' stroke='black' stroke-width='16' fill='none' stroke-linecap='round'/></svg>");
        background-size:
            50% 50%,
            cover;
        background-position:
            center center,
            center center;
        background-repeat: no-repeat, no-repeat;
    }

    
    input[data-task="t"]:checked,
    li[data-task="t"] > input:checked,
    li[data-task="t"] > p > input:checked {
        color: var(--color-cyan);
        background-color: currentcolor;
        border: none;
        border-radius: 0 !important;
        width: 23px;
        height: 23px;
        mask-position: 0 -2px;
        mask-image: url("data:image/svg+xml;utf8,\
<svg fill='black' viewBox='-32 0 512 512' xmlns='http://www.w3.org/2000/svg'>\
<path d='M432 304c0 114.9-93.1 208-208 208S16 418.9 16 304c0-104 76.3-190.2 176-205.5V64h-28c-6.6 0-12-5.4-12-12V12c0-6.6 5.4-12 12-12h120c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-28v34.5c37.5 5.8 71.7 21.6 99.7 44.6l27.5-27.5c4.7-4.7 12.3-4.7 17 0l28.3 28.3c4.7 4.7 4.7 12.3 0 17l-29.4 29.4-.6.6C419.7 223.3 432 262.2 432 304zm-176 36V188.5c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12V340c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12z'/>\
</svg>");
    }

    
    .task-list-item-checkbox[data-task="t"]:checked::before,
    li[data-task="t"] > .task-list-item-checkbox:checked::before {
        background-image: none;
    }

    
    input[data-task="s"]:checked,
    li[data-task="s"] > input:checked,
    li[data-task="s"] > p > input:checked {
        color: var(--color-yellow) !important;
        border: none;
        border-radius: 0 !important;
        width: 23px !important;
        height: 23px;
        mask-position: center center;
        mask-size:
            100% 100%,
            contain;
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1 2 22 22"><path d="M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z" fill="black"/></svg>');

        background-color: none !important;
        background-size:
            50% 50%,
            cover !important;
        background-position: center center;
        background-repeat: no-repeat;
    }

    
    .task-list-item-checkbox[data-task="s"]:checked::before,
    li[data-task="s"] > .task-list-item-checkbox:checked::before {
        background-size:
            70% 70%,
            cover !important;
        background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
  <circle cx='23' cy='50' r='10' fill='orange'/>\
  <circle cx='77' cy='50' r='10' fill='orange'/>\
  <path d='M25 40 Q35 35 40 35' stroke='maroon' stroke-width='10' fill='none' stroke-linecap='round'/>\
  <path d='M60 40 Q65 35 75 40' stroke='maroon' stroke-width='10' fill='none' stroke-linecap='round'/>\
  <ellipse cx='52' cy='65' rx='10' ry='12' fill='maroon'/>\
</svg>");
        background-position:
            center center,
            center center;
        background-repeat: no-repeat, no-repeat;
    }

    
    input[data-task="i"]:checked,
    li[data-task="i"] > input:checked,
    li[data-task="i"] > p > input:checked {
        color: var(--color-blue);
        background-color: currentcolor;
        border: none;
        border-radius: 0 !important;
        width: 23px;
        height: 23px;
        mask-position: center center;

        mask-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path d='M14 3.072a8 8 0 0 1 2.32 11.834l5.387 5.387a1 1 0 0 1 -1.414 1.414l-5.388 -5.387a8 8 0 0 1 -12.905 -6.32l.005 -.285a8 8 0 0 1 11.995 -6.643m-4 8.928a1 1 0 0 0 -1 1l.007 .127a1 1 0 0 0 1.993 -.117l-.007 -.127a1 1 0 0 0 -.993 -.883m0 -6a1 1 0 0 0 -1 1v3a1 1 0 0 0 2 0v-3a1 1 0 0 0 -1 -1'/>\
</svg>");
    }

    
    .task-list-item-checkbox[data-task="i"]:checked::before,
    li[data-task="i"] > .task-list-item-checkbox:checked::before {
        background-image: none;
    }

    
    input[data-task="A"]:checked,
    li[data-task="A"] > input:checked,
    li[data-task="A"] > p > input:checked {
        color: var(--color-yellow);
        background-color: currentcolor;
        border: none;
        border-radius: 0 !important;
        width: 23px;
        height: 23px;
        mask-position: center center;
        mask-size: 100% 100% !important;
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M7 6l-.112 .006a1 1 0 0 0 -.669 1.619l3.501 4.375l-3.5 4.375a1 1 0 0 0 .78 1.625h6a1 1 0 0 0 .78 -.375l4 -5a1 1 0 0 0 0 -1.25l-4 -5a1 1 0 0 0 -.78 -.375h-6z" /></svg>');
    }

    
    .task-list-item-checkbox[data-task="A"]:checked::before,
    li[data-task="A"] > .task-list-item-checkbox:checked::before {
        background-image: none;
    }

    
    input[data-task="S"]:checked,
    li[data-task="S"] > input:checked,
    li[data-task="S"] > p > input:checked {
        background-color: currentcolor;
        border: none;
        border-radius: 0 !important;
        width: 23px;
        height: 23px;
        mask-position: center center;
        mask-size: 100% 100% !important;
        color: var(--color-brown);
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M22 13.478v4.522a3 3 0 0 1 -3 3h-14a3 3 0 0 1 -3 -3v-4.522l.553 .277a20.999 20.999 0 0 0 18.897 -.002l.55 -.275zm-8 -11.478a3 3 0 0 1 3 3v1h2a3 3 0 0 1 3 3v2.242l-1.447 .724a19.002 19.002 0 0 1 -16.726 .186l-.647 -.32l-1.18 -.59v-2.242a3 3 0 0 1 3 -3h2v-1a3 3 0 0 1 3 -3h4zm-2 8a1 1 0 0 0 -1 1a1 1 0 1 0 2 .01c0 -.562 -.448 -1.01 -1 -1.01zm2 -6h-4a1 1 0 0 0 -1 1v1h6v-1a1 1 0 0 0 -1 -1z" /></svg>');
    }

    
    .task-list-item-checkbox[data-task="S"]:checked::before,
    li[data-task="S"] > .task-list-item-checkbox:checked::before {
        background-image: none;
    }

    
    input[data-task="o"]:checked,
    li[data-task="o"] > input:checked,
    li[data-task="o"] > p > input:checked {
        color: var(--color-gray);
        background-color: currentcolor;
        border: none;
        border-radius: 50px !important;
        width: 23px;
        height: 23px;
    }

    
    .task-list-item-checkbox[data-task="o"]:checked::before,
    li[data-task="o"] > .task-list-item-checkbox:checked::before {
        background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
  <circle cx='23' cy='40' r='7' fill='gray'/>\
  <circle cx='77' cy='50' r='7' fill='gray'/>\
  <circle cx='35' cy='30' r='10' fill='black'/>\
  <circle cx='70' cy='35' r='10' fill='black'/>\
  <ellipse cx='52' cy='65' rx='15' ry='18' fill='black'/>\
</svg>");
    }

    
    input[data-task="c"]:checked,
    li[data-task="c"] > input:checked,
    li[data-task="c"] > p > input:checked {
        color: var(--color-yellow);
        background-color: currentcolor;
        border: none;
        border-radius: 10px !important;
        width: 23px;
        height: 23px;
    }

    
    .task-list-item-checkbox[data-task="c"]:checked::before,
    li[data-task="c"] > .task-list-item-checkbox:checked::before {
        background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
  <rect x='20' y='43' width='14' height='70' rx='3' ry='3' fill='%235aa8e5'/>\
  <rect x='70' y='43' width='14' height='70' rx='3' ry='3' fill='%235aa8e5'/>\
  <path d='M25 40 Q35 35 40 40' stroke='black' stroke-width='7' fill='none' stroke-linecap='round'/>\
  <path d='M60 40 Q65 35 75 40' stroke='black' stroke-width='7' fill='none' stroke-linecap='round'/>\
  <ellipse cx='52' cy='65' rx='12' ry='15' fill='brown'/>\
  <ellipse cx='23' cy='105' rx='12' ry='15' fill='%235aa8e5'/>\
</svg>");
    }

    
    input[data-task="r"]:checked,
    li[data-task="r"] > input:checked,
    li[data-task="r"] > p > input:checked {
        color: var(--color-orange);
        background-color: currentcolor;
        border: none;
        border-radius: 0 !important;
        width: 26px;
        height: 26px;
        mask-position: center center;
        mask-size: 26px;
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56"><path d="M9.4257 43.2461L46.5742 43.2461C48.8005 43.2461 50.1133 42.0977 50.1133 40.4102C50.1133 38.0664 47.746 35.957 45.707 33.8711C44.1601 32.2539 43.7382 28.9258 43.5742 26.2305C43.3867 17.2305 41.0195 11.0195 34.7617 8.7695C33.8945 5.7226 31.457 3.2852 28.0117 3.2852C24.5429 3.2852 22.1289 5.7226 21.2382 8.7695C15.0039 11.0195 12.6132 17.2305 12.4492 26.2305C12.2617 28.9258 11.8632 32.2539 10.2929 33.8711C8.2773 35.957 5.8867 38.0664 5.8867 40.4102C5.8867 42.0977 7.2226 43.2461 9.4257 43.2461ZM20.8632 46.4336C21.1445 49.8555 24.0273 52.7148 28.0117 52.7148C31.9726 52.7148 34.8554 49.8555 35.1601 46.4336Z" fill="black"/></svg>');
    }

    
    .task-list-item-checkbox[data-task="r"]:checked::before,
    li[data-task="r"] > .task-list-item-checkbox:checked::before {
        background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
\3c !-- Angry eyes \\/ -->\
<line x1='28' y1='39' x2='42' y2='38' stroke='black' stroke-width='7' stroke-linecap='round'/>\
<line x1='58' y1='24' x2='72' y2='34' stroke='black' stroke-width='7' stroke-linecap='round'/>\
<circle cx='40' cy='30' r='6' fill='black'/>\
  <circle cx='60' cy='35' r='6' fill='black'/>\
\3c !-- Straight mouth -->\
<line x1='40' y1='55' x2='60' y2='55' stroke='black' stroke-width='7' stroke-linecap='round'/>\
</svg>");
    }

    
    input[data-task="g"]:checked,
    li[data-task="g"] > input:checked,
    li[data-task="g"] > p > input:checked {
        color: var(--color-tang);
        background-color: currentcolor;
        border-radius: 0 !important;
        mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20369.793%20369.792%27%3E%3Cpath%20d=%27M320.83,140.434l-1.759-0.627l-6.87-16.399l0.745-1.685c20.812-47.201,19.377-48.609,15.925-52.031L301.11,42.61c-1.135-1.126-3.128-1.918-4.846-1.918c-1.562,0-6.293,0-47.294,18.57L247.326,60l-16.916-6.812l-0.679-1.684C210.45,3.762,208.475,3.762,203.677,3.762h-39.205c-4.78,0-6.957,0-24.836,47.825l-0.673,1.741l-16.828,6.86l-1.609-0.669C92.774,47.819,76.57,41.886,72.346,41.886c-1.714,0-3.714,0.769-4.854,1.892l-27.787,27.16c-3.525,3.477-4.987,4.933,16.915,51.149l0.805,1.714l-6.881,16.381l-1.684,0.651C0,159.715,0,161.556,0,166.474v38.418c0,4.931,0,6.979,48.957,24.524l1.75,0.618l6.882,16.333l-0.739,1.669c-20.812,47.223-19.492,48.501-15.949,52.025L68.62,327.18c1.162,1.117,3.173,1.915,4.888,1.915c1.552,0,6.272,0,47.3-18.561l1.643-0.769l16.927,6.846l0.658,1.693c19.293,47.726,21.275,47.726,26.076,47.726h39.217c4.924,0,6.966,0,24.859-47.857l0.667-1.742l16.855-6.814l1.604,0.654c27.729,11.733,43.925,17.654,48.122,17.654c1.699,0,3.717-0.745,4.876-1.893l27.832-27.219c3.501-3.495,4.96-4.924-16.981-51.096l-0.816-1.734l6.869-16.31l1.64-0.643c48.938-18.981,48.938-20.831,48.938-25.755v-38.395C369.793,159.95,369.793,157.914,320.83,140.434z%20M184.896,247.203c-35.038,0-63.542-27.959-63.542-62.3c0-34.342,28.505-62.264,63.542-62.264c35.023,0,63.522,27.928,63.522,62.264C248.419,219.238,219.92,247.203,184.896,247.203z%27/%3E%3C/svg%3E");
    }

    
    .task-list-item-checkbox[data-task="g"]:checked::before,
    li[data-task="g"] > .task-list-item-checkbox:checked::before {
        background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
\3c !-- Angry eyes \\/ -->\
<circle cx='70' cy='30' r='5' fill='black'/>\
  <circle cx='30' cy='25' r='5' fill='black'/>\
</svg>");
    }

    

    

    input[data-task="D"]:checked,
    li[data-task="D"] > input:checked {
        --checkbox-marker-color: transparent;
        border: none;
        border-radius: 0 !important;
        background-color: currentcolor;
        background-image: none;
        mask-size: 100%;
        mask-position: 50% 50%;
        width: 26px !important;
        height: 24px;

        
        color: var(--color-red);
    }

    input[data-task="D"]:checked,
    li[data-task="D"] > input:checked,
    li[data-task="D"] > p > input:checked {
        color: var(--color-yellow);
        background-color: currentcolor;
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M11 13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13V10C13 9.44772 12.5523 9 12 9C11.4477 9 11 9.44772 11 10V13ZM13 15.9888C13 15.4365 12.5523 14.9888 12 14.9888C11.4477 14.9888 11 15.4365 11 15.9888V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V15.9888ZM9.37735 4.66136C10.5204 2.60393 13.4793 2.60393 14.6223 4.66136L21.2233 16.5431C22.3341 18.5427 20.8882 21 18.6008 21H5.39885C3.11139 21 1.66549 18.5427 2.77637 16.5431L9.37735 4.66136Z" fill="black"/></svg>');
    }

    
    .task-list-item-checkbox[data-task="D"]:checked::before,
    li[data-task="D"] > .task-list-item-checkbox:checked::before {
        background-image: none;
    }

    input[data-task="I"]:checked,
    li[data-task="I"] > input:checked,
    li[data-task="I"] > p > input:checked {
        color: var(--color-yellow);
        border-radius: 0 !important;
        mask-size: 26px;
        mask-position: center center;
        mask-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>\
<path d='M0 0h24v24H0z' fill='none'/>\
<path d='M9 20h6'/>\
<path d='M12 20v-8'/>\
<path d='M5 12h14l-4 -8h-6z'/>\
</svg>");
    }

    
    .task-list-item-checkbox[data-task="I"]:checked::before,
    li[data-task="I"] > .task-list-item-checkbox:checked::before {
        background-image: none;
    }

    input[data-task="!"]:checked,
    li[data-task="!"] > input:checked,
    li[data-task="!"] > p > input:checked {
        color: var(--color-pink);
        background-color: currentcolor;
        border-radius: 0 !important;
        mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20fill%3D%22%235f6368%22%3E%3Cpath%20d%3D%22M479.72-58.43q-47.34%200-80.77-33.67-33.43-33.66-33.43-80.93%200-47.27%2033.71-80.82%2033.71-33.54%2081.05-33.54%2047.34%200%2080.77%2033.78%2033.43%2033.78%2033.43%2081.22%200%2047.43-33.71%2080.69-33.71%2033.27-81.05%2033.27Zm.56-312.7q-45.58%200-77.52-31.88-31.93-31.88-31.93-77.29v-306.14q0-46.06%2031.65-77.9%2031.65-31.83%2077.24-31.83%2045.58%200%2077.52%2031.83%2031.93%2031.84%2031.93%2077.9v306.14q0%2045.41-31.65%2077.29-31.65%2031.88-77.24%2031.88Z%22%2F%3E%3C%2Fsvg%3E");
    }

    
    .task-list-item-checkbox[data-task="!"]:checked::before,
    li[data-task="!"] > .task-list-item-checkbox:checked::before {
        background-image: none;
    }

    input[data-task="b"]:checked,
    li[data-task="b"] > input:checked,
    li[data-task="b"] > p > input:checked {
        color: white;
        background-color: currentcolor;
        border-radius: 0 !important;
        mask-size: 26px;
        mask-position: center center;
        border: 4px solid white;

        background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
<circle cx='23' cy='50' r='7' fill='pink'/>\
<circle cx='77' cy='50' r='7' fill='pink'/>\
<circle cx='35' cy='40' r='7' fill='black'/>\
<circle cx='65' cy='40' r='7' fill='black'/>\
<path d='M40 57 Q50 70 60 57' stroke='black' stroke-width='10' fill='none' stroke-linecap='round'/>\
</svg>");

        mask-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'>\
<path d='M0 0h24v24H0z' fill='none'/>\
<path d='M12 3c2.779 0 5.349 1.556 7.243 4.082c1.728 2.306 2.757 5.259 2.757 8.016c0 1.47-.293 2.718-.903 3.745c-.603 1.014-1.479 1.758-2.582 2.257c-1.593.718-3.335.9-6.515.9c-3.175 0-4.92-.183-6.514-.9c-1.012-.457-1.833-1.12-2.426-2.01l-.157-.247c-.61-1.028-.903-2.274-.903-3.745c0-2.757 1.03-5.71 2.757-8.016c1.893-2.526 4.463-4.082 7.243-4.082'/>\
</svg>");
    }

    
    .task-list-item-checkbox[data-task="b"]:checked::before,
    li[data-task="b"] > .task-list-item-checkbox:checked::before {
        border: 2px solid white !important;
        background-color: currentcolor;
        background-image: none;
        background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
<circle cx='27' cy='50' r='7' fill='pink'/>\
<circle cx='73' cy='50' r='7' fill='pink'/>\
<circle cx='37' cy='40' r='6' fill='black'/>\
<circle cx='63' cy='40' r='6' fill='black'/>\
<path d='M40 55 Q50 65 60 55' stroke='black' stroke-width='8' fill='none' stroke-linecap='round'/>\
</svg>");
    }

    
    input[data-task="B"]:checked,
    li[data-task="B"] > input:checked,
    li[data-task="B"] > p > input:checked {
        color: var(--color-blue);
        background-color: currentcolor;
        border: none;
        border-radius: 0 !important;
        width: 26px;
        height: 26px;
        mask-position: center center;
        mask-size: 100% 100% !important;
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M480 576L192 576C139 576 96 533 96 480L96 160C96 107 139 64 192 64L496 64C522.5 64 544 85.5 544 112L544 400C544 420.9 530.6 438.7 512 445.3L512 512C529.7 512 544 526.3 544 544C544 561.7 529.7 576 512 576L480 576zM192 448C174.3 448 160 462.3 160 480C160 497.7 174.3 512 192 512L448 512L448 448L192 448zM224 216C224 229.3 234.7 240 248 240L424 240C437.3 240 448 229.3 448 216C448 202.7 437.3 192 424 192L248 192C234.7 192 224 202.7 224 216zM248 288C234.7 288 224 298.7 224 312C224 325.3 234.7 336 248 336L424 336C437.3 336 448 325.3 448 312C448 298.7 437.3 288 424 288L248 288z"/></svg>');
    }

    
    .task-list-item-checkbox[data-task="B"]:checked::before,
    li[data-task="B"] > .task-list-item-checkbox:checked::before {
        background-image: none;
    }

    input[data-task="B"]:checked:hover,
    li[data-task="B"] > input:checked:hover {
        transform: translateX(0) !important;
        color: var(--color-blue) !important;
        background-color: currentcolor;
    }

    
    input[data-task="C"]:checked,
    li[data-task="C"] > input:checked,
    li[data-task="C"] > p > input:checked {
        color: var(--color-gray);
        background-color: currentcolor;
        border: none;
        border-radius: 10px !important;
        corner-shape: squircle;
        width: 23px;
        height: 23px;
    }

    
    .task-list-item-checkbox[data-task="C"]:checked::before,
    li[data-task="C"] > .task-list-item-checkbox:checked::before {
        background-image: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
    <circle cx='23' cy='40' r='15' fill='orange'/>\
    <circle cx='77' cy='50' r='15' fill='orange'/>\
    <circle cx='35' cy='30' r='15' fill='black'/>\
    <circle cx='70' cy='35' r='15' fill='black'/>\
    <circle cx='30' cy='22' r='4' fill='white'/>\
    <circle cx='64' cy='29' r='4' fill='white'/>\
    <circle cx='40' cy='40' r='3' fill='white'/>\
    <circle cx='76' cy='45' r='3' fill='white'/>\
    <ellipse cx='52' cy='65' rx='10' ry='14' fill='black'/>\
    </svg>");
    }
    
    input[data-task="X"]:checked,
    li[data-task="X"] > input:checked,
    li[data-task="X"] > p > input:checked {
        color: var(--color-red);
        background-color: currentcolor;
        border: none;
        border-radius: 0 !important;
        width: 26px;
        height: 26px;
        mask-position: center center;
        mask-size: 100% 100% !important;
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path d="M195.2 195.2a64 64 0 0 1 90.496 0L512 421.504 738.304 195.2a64 64 0 0 1 90.496 90.496L602.496 512 828.8 738.304a64 64 0 0 1-90.496 90.496L512 602.496 285.696 828.8a64 64 0 0 1-90.496-90.496L421.504 512 195.2 285.696a64 64 0 0 1 0-90.496z"/></svg>');
    }

    
    .task-list-item-checkbox[data-task="X"]:checked::before,
    li[data-task="X"] > .task-list-item-checkbox:checked::before {
        background-image: none;
    }

    input[data-task="X"]:checked:hover,
    li[data-task="X"] > input:checked:hover {
        transform: translateX(0) !important;
        color: var(--color-red) !important;
        background-color: currentcolor;
    }

    
    input[data-task="d"]:checked,
    li[data-task="d"] > input:checked,
    li[data-task="d"] > p > input:checked {
        color: var(--color-green);
        background-color: currentcolor;
        border: none;
        border-radius: 0 !important;
        width: 26px;
        height: 26px;
        mask-position: center center;
        mask-size: 100% 100% !important;
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M4 13l5 5L20 7"/></svg>');
    }

    
    .task-list-item-checkbox[data-task="d"]:checked::before,
    li[data-task="d"] > .task-list-item-checkbox:checked::before {
        background-image: none;
    }

    input[data-task="d"]:checked:hover,
    li[data-task="d"] > input:checked:hover {
        transform: translateX(0) !important;
        color: var(--color-green) !important;
        background-color: currentcolor;
    }
}






body.custom-bullets-enabled {
    
    .markdown-rendered ul {
        list-style-type: none !important;
    }

    .markdown-rendered .list-bullet::after {
        display: none;
        margin-inline-start: 0 !important;
    }

    .list-bullet::after {
        content: "" !important;
    }

    
    ul > li:not(.task-list-item)::before {
        content: var(--custom-bullet-level-1, "+") !important;
        font-weight: 500 !important;
        font-size: 20px !important;
        margin-right: 0.5em !important;
        color: var(--italic-color) !important;
    }

    ul ul > li:not(.task-list-item)::before {
        content: var(--custom-bullet-level-2, "-") !important;
        font-weight: normal !important;
        margin-right: 0.5em !important;
        color: var(--text-faint) !important;
    }

    ul ul ul > li:not(.task-list-item)::before {
        content: var(--custom-bullet-level-3, "=") !important;
        font-weight: normal !important;
        margin-right: 0.5em !important;
        color: var(--text-faint) !important;
    }

    
    ol > li::before {
        content: "" !important;
    }

    ol {
        list-style-type: decimal !important;
    }

    ol > li::marker {
        
    }

    ul ul > li:not(.task-list-item)::before,
    ul ol > li:not(.task-list-item)::before,
    ol ul > li:not(.task-list-item)::before,
    ol ol > li:not(.task-list-item)::before {
        content: var(--custom-bullet-level-2, "-") !important;
        font-weight: normal !important;
        margin-right: 0.5em !important;
        color: var(--italic-color) !important;
    }

    
    .HyperMD-list-line.HyperMD-list-line-1.cm-line:not(
            :has(.cm-formatting-list-ol)
        )::before {
        content: var(--custom-bullet-level-1, "+") !important;
        color: var(--italic-color);
        font-weight: 500;
        margin-right: -20px !important;
        font-size: 20px !important;
    }

    
    .cm-list-2 .list-bullet::after {
        content: var(--custom-bullet-level-2, "-") !important;
        color: var(--text-faint) !important;
        font-weight: normal;
        margin-right: 0.5em !important;
        display: inline !important;
        background: none !important;
        border: none !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        line-height: normal !important;
    }

    .cm-list-1 .list-bullet::after {
        content: "" !important;
        display: none !important;
    }

    
    .cm-list-3 .list-bullet::after {
        content: var(--custom-bullet-level-3, "=") !important;
        color: var(--text-faint) !important;
        font-weight: normal;
        margin-right: 0.5em !important;
        background: none !important;
        border: none !important;
        width: auto !important;
        height: auto !important;
        display: inline !important;
    }

    
    .HyperMD-list-line:has(input[type="checkbox"])::before {
        display: none !important;
    }
}







.markdown-preview-view blockquote {
    border-left: 4px solid var(--color-accent);
    padding: 0.6em 1em;
    margin: 0.8em 0;
    background-color: var(--background-secondary);
    border-radius: 8px;
}


.markdown-source-view.is-live-preview .cm-line.HyperMD-quote {
    
    background-color: var(--background-secondary);
    border-radius: 8px !important;
}

.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote::before,
.markdown-source-view.mod-cm6 .cm-blockquote-border::before {
    content: "\200b";
    display: block;
    width: 1px;
    border-inline-start: var(--blockquote-border-thickness) solid
        var(--blockquote-border-color);
    color: transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    pointer-events: none;
}

.HyperMD-quote.HyperMD-quote-1.cm-line {
    border-radius: 200px !important;
}



.callout {
    --callout-border-width: 3px;
    --callout-radius: 12px;
    --callout-padding: 0px;
    border: var(--callout-border-width) solid
        rgb(var(--callout-color), var(--callout-border-opacity));
    border-radius: var(--callout-radius);
    margin: 1em 0;
    mix-blend-mode: var(--callout-blend-mode);
    background-color: rgb(var(--callout-color), 0.1);
    padding: var(--callout-padding);
}

.callout-title {
    --callout-title-padding: 10px 14px;
    padding: var(--callout-title-padding);
    display: flex;
    gap: var(--size-4-1);
    font-size: var(--callout-title-size);
    color: rgb(var(--callout-color));
    line-height: var(--line-height-tight);
    align-items: flex-start;
    border-bottom: 2px solid
        rgb(var(--callout-color), var(--callout-border-opacity));
    transition: border-bottom-width calc(var(--animation-duration) * 0.3333) ease;
}

.callout.is-collapsed > .callout-title {
    border-bottom-width: 0;
    transition-delay: 0.1s;
}

.callout-content {
    padding-inline: 24px;
}

.callout-content img {
    border-radius: var(--radius-m);
    margin: 6px 0;
    margin-top: 10px;
}

.callout-content table {
    width: 100%;
}



.callout {
    transform-origin: top;
    transition:
        transform calc(var(--animation-duration) * 1.5) cubic-bezier(0.175, 0.885, 0.32, 2.2),
        max-height calc(var(--animation-duration) * 1.5) ease,
        padding calc(var(--animation-duration) * 1) ease,
        opacity calc(var(--animation-duration) * 1) ease;
    overflow: hidden;
    opacity: 1;
}


.callout:not(.is-collapsed) {
    transform: scaleY(1);
    opacity: 1;
}


.callout.is-collapsed {
    transform: scaleY(0.95);
    opacity: 1;
    padding-top: 0;
    padding-bottom: 0;
}


@keyframes callout-open-settle {
    0% {
        transform: scaleY(0.9);
    }

    60% {
        transform: scaleY(1.03);
    }

    100% {
        transform: scaleY(1);
    }
}


@keyframes callout-close-bounce {
    0% {
        transform: scaleY(1);
    }

    40% {
        transform: scaleY(1.05);
    }

    100% {
        transform: scaleY(0.95);
    }
}

.callout-title {
    transition: border-bottom-width calc(var(--animation-duration) * 0.5) ease;
    gap: 10px;
}

.callout.is-collapsed > .callout-title {
    border-bottom-width: 0;
}












.markdown-source-view.mod-cm6 .table-wrapper {
    width: 95% !important;
    max-height: none !important;
    outline: 3px solid var(--table-border-color);
}

.markdown-preview-view table {
    border: 3px solid var(--table-border-color);
}

td,
th {
    outline: 1px solid var(--table-border-color);
}


.table-equal.markdown-preview-view table,
.table-equal.markdown-source-view.mod-cm6 .cm-table-widget table {
    width: 100% !important;
    table-layout: fixed !important; 
    border-collapse: collapse;
}

.table-equal.markdown-preview-view table td,
.table-equal.markdown-preview-view table th,
.table-equal.markdown-source-view.mod-cm6 .cm-table-widget td,
.table-equal.markdown-source-view.mod-cm6 .cm-table-widget th {
    white-space: normal !important;
    word-break: break-word;
    padding: 6px;
}


.markdown-preview-view table,
.markdown-source-view.mod-cm6 .cm-table-widget table {
    width: 100% !important;
    table-layout: auto !important; 

    
}

.markdown-preview-view table td,
.markdown-preview-view table th,
.markdown-source-view.mod-cm6 .cm-table-widget td,
.markdown-source-view.mod-cm6 .cm-table-widget th {
    white-space: normal !important;
    word-break: break-word;
}




.markdown-source-view.mod-cm6 .table-cell-wrapper {
    margin: 4px 6px;
}

.cm-html-embed thead > tr > th,
.markdown-rendered thead > tr > th,
.cm-html-embed tbody > tr > td,
.markdown-rendered tbody > tr > td {
    border-radius: 0;
}

.cm-html-embed thead > tr > th,
.markdown-rendered thead > tr > th,
.cm-html-embed tbody > tr > td,
.markdown-rendered tbody > tr > td {
    border-radius: 0;
}


.markdown-preview-view table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 0;
    outline: 1px solid var(--table-border-color);
    overflow: hidden;
    margin: 1em 0;
}

.markdown-preview-view th,
.markdown-preview-view td {
    padding: 8px 12px;
}


.markdown-preview-view table th,
.markdown-source-view.mod-cm6 .cm-table-widget th {
    --titlebar-background-focused: var(--titlebar-background);
    color: var(--text-normal);
    border-bottom: 1px solid var(--background-modifier-border);
}



.table-hor-lines-only.markdown-preview-view table td,
.table-hor-lines-only.markdown-preview-view table th,
.table-hor-lines-only.markdown-source-view.mod-cm6 .cm-table-widget td,
.table-hor-lines-only.markdown-source-view.mod-cm6 .cm-table-widget th {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

.table-hor-lines-only.markdown-preview-view table tr + tr td,
.table-hor-lines-only.markdown-source-view.mod-cm6 .cm-table-widget tr + tr td {
    border-top: 1.5px solid var(--background-modifier-border) !important;
}

.table-hor-lines-only.markdown-preview-view table th,
.table-hor-lines-only.markdown-source-view.mod-cm6 .cm-table-widget th {
    border-bottom: 2px solid var(--background-modifier-border) !important;
}

.table-hor-lines-only td,
.table-hor-lines-only th {
    outline: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}



.table-ver-lines-only.markdown-preview-view table td,
.table-ver-lines-only.markdown-preview-view table th,
.table-ver-lines-only.markdown-source-view.mod-cm6 .cm-table-widget td,
.table-ver-lines-only.markdown-source-view.mod-cm6 .cm-table-widget th {
    border-top: none !important;
    border-bottom: none !important;
}

.table-ver-lines-only.markdown-preview-view table td,
.table-ver-lines-only.markdown-preview-view table th,
.table-ver-lines-only.markdown-source-view.mod-cm6 .cm-table-widget td,
.table-ver-lines-only.markdown-source-view.mod-cm6 .cm-table-widget th {
    border-left: 1.5px solid var(--background-modifier-border) !important;
    border-right: 1.5px solid var(--background-modifier-border) !important;
}

.table-ver-lines-only td,
.table-ver-lines-only th {
    outline: none !important;
    border-top: none !important;
    border-bottom: none !important;
}




.markdown-rendered pre {
    position: relative;
    padding: var(--size-4-3) var(--size-4-4);
    min-height: 38px;
    background-color: var(--code-background);
    border-radius: var(--code-radius);
    white-space: var(--code-white-space);
    overflow-x: auto;
    border: 3px solid var(--background-modifier-border) !important;
}

.markdown-rendered code {
    background-color: var(--code-background) !important;
}




.inline-embed > .markdown-embed-content > .markdown-source-view,
.inline-embed > .markdown-embed-content > .markdown-preview-view {
    background-color: var(--background-primary);
    border: 2px solid var(--interactive-accent) !important;
    padding: 20px 0 !important;
    border-radius: 12px !important;
    border-bottom: 4px solid var(--interactive-accent) !important;
    padding-inline-start: 12px !important;
}

.markdown-embed {
    
    border-bottom: var(--embed-border-bottom);
    border-inline-start: none;
}


.special-inline-title .markdown-preview-section .inline-title {
    text-align: center;
    position: relative;
    display: inline-block;
    padding: 0 10px;
}


.markdown-embed-link {
    border-radius: 20px !important;
    transition: all calc(var(--animation-duration) * 0.3333) cubic-bezier(0.175, 0.885, 0.32, 2);
    z-index: 1000 !important;
    top: -4px;
    transform: scale(0.8);
}

.markdown-embed-link:hover {
    transform: scale(0.9);
    transition: all calc(var(--animation-duration) * 0.3333) cubic-bezier(0.175, 0.885, 0.32, 2);
}

.markdown-embed-link:active {
    border-radius: 10px !important;
    transform: scale(0.7);
    color: var(--color-accent-1);
    background-color: hsl(var(--interactive-accent-hsl), 0.2) !important;
}




.cssclasses-1
    .metadata-property[data-property-key="cssclasses"]
    .multi-select-pill {
    border-radius: var(--button-radius) !important;
    corner-shape: var(--corner-shape) !important;
    padding: 4px 12px !important;
    border: 0.15em solid var(--color-accent);
    box-shadow: 0 1.5px 0 0 var(--color-accent);

    
    letter-spacing: 0.09em;
    background-color: transparent;
    color: var(--color-accent-2) !important;
    font-size: 0.85em;
}

.cssclasses-1
    .metadata-property[data-property-key="cssclasses"]
    .multi-select-pill:hover {
    background-color: var(--background-modifier-hover);
    border: 0.2em solid var(--color-accent-2);
    font-weight: bold;
}


.cssclasses-1
    .metadata-property[data-property-key="cssclasses"]
    .multi-select-pill
    svg {
    color: var(--color-accent-2) !important;
    margin: 2px;
    margin-right: 0;
}


.cssclasses-2
    .metadata-property[data-property-key="cssclasses"]
    .multi-select-pill {
    border-radius: var(--button-radius) !important;
    corner-shape: var(--corner-shape) !important;
    padding: 0 6px !important;
    box-shadow: 0 0 0 1px var(--text-normal);

    
    letter-spacing: 0.09em;
    background-color: transparent;
    color: var(--text-normal) !important;
    font-size: 0.8em;
}


.cssclasses-2
    .metadata-property[data-property-key="cssclasses"]
    .multi-select-pill
    svg {
    color: var(--text-normal) !important;
    margin: 2px;
    margin-right: 0;
}


.cssclasses-3
    .metadata-property[data-property-key="cssclasses"]
    .multi-select-pill {
    padding: 3px 12px !important;

    
    letter-spacing: 0.09em;
    background-color: rgb(var(--mono-rgb-100), 0.1) !important;
    color: var(--text-normal) !important;
    font-size: 0.9em;
}

.cssclasses-3
    .metadata-property[data-property-key="cssclasses"]
    .multi-select-pill:hover {
    padding: 3px 12px !important;

    
    letter-spacing: 0.09em;
    background-color: rgb(var(--mono-rgb-100), 0.2) !important;
    color: var(--text-normal) !important;
    font-size: 0.9em;
}


.cssclasses-3
    .metadata-property[data-property-key="cssclasses"]
    .multi-select-pill
    svg {
    color: var(--text-normal) !important;
    margin: 2px;
    margin-right: 0;
}

.workspace-leaf-content[data-type="file-properties"] .metadata-property-value {
    padding: 4px !important;
}





.metadata-property,
.metadata-property-key,
.metadata-property-value {
    border: none !important;
}


.mpk-accent-color .metadata-property-key-input {
    border-radius: var(--button-radius) !important;
    corner-shape: var(--corner-shape) !important;
    padding: 4px 10px !important;
    letter-spacing: 0.09em;
    background-color: transparent;
    color: var(--color-accent-1) !important;
    font-size: 0.8em;
}

.mpk-accent-color .metadata-property-icon {
    color: var(--color-accent-1) !important;
}


.mpk-accent-color-hidden .metadata-property-key-input {
    border-radius: var(--button-radius) !important;
    corner-shape: var(--corner-shape) !important;
    letter-spacing: 0.09em;
    background-color: transparent;
    color: var(--color-accent-1) !important;
    font-size: 0.8em;
}

.mpk-accent-color-hidden .metadata-property-icon {
    color: var(--color-accent-1) !important;
    display: none;
}


.mpk-normal-color .metadata-property-key-input {
    border-radius: var(--button-radius) !important;
    corner-shape: var(--corner-shape) !important;
    padding: 4px 12px !important;
    letter-spacing: 0.09em;
    background-color: transparent;
    color: var(--text-normal) !important;
}

.mpk-normal-color .metadata-property-icon {
    color: var(--text-normal) !important;
}


.mpk-muted-color .metadata-property-key-input {
    border-radius: var(--button-radius) !important;
    corner-shape: var(--corner-shape) !important;   
    padding: 4px 12px !important;
    letter-spacing: 0.09em;
    background-color: transparent;
    color: var(--text-muted) !important;
}

.mpk-key-only .metadata-property-icon {
    color: var(--text-muted) !important;
}


.mpk-key-only .metadata-property-key-input {
    border-radius: var(--button-radius) !important;
    corner-shape: var(--corner-shape) !important;   
    padding: 4px 12px !important;
    letter-spacing: 0.09em;
    background-color: transparent;
    color: var(--text-muted) !important;
}

.mpk-key-only .metadata-property-icon {
    color: var(--text-muted) !important;
    display: none !important;
}


.popover {
    border-radius: var(--button-radius);
    border: 2px solid var(--background-modifier-border-focus)
}



.notice {
    background-color: var(--background-primary);
    color: var(--text-accent);
    border: 2px solid var(--background-modifier-border);
    border-radius: var(--button-radius);
    padding: 20px;
}

.notice-message::before {
    content: "Notice: ";
    color: var(--color-red);
}

.notice,
.notice-container {
    animation: notice-in calc(var(--animation-duration) * 1.1667) cubic-bezier(0.175, 0.885, 0.32, 2);
    transform-origin: top center;
    z-index: 2000;
}

@keyframes notice-in {
    0% {
        opacity: 0;
        transform: translateY(-8px) scale(0.96);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}





li.task-list-item {
    display: flex;

    
    margin-bottom: 4px;
}

li.task-list-item .always-color-text-highlight {
    margin-inline-start: 2px;
}


:root {
    --link-decoration: none;
    --link-color: var(--color-accent-2);
}






















.kanban-styling {

.kanban-plugin__lane {
  border-radius: var(--button-radius);
  border: 2.5px solid var(--background-modifier-border);
  box-shadow: 0 2px 0 var(--background-modifier-border);
}




.kanban-plugin__item {
  border-radius: var(--button-radius);
  border: 2px solid var(--background-modifier-border);
  box-shadow: 0 2px 0 var(--background-modifier-border);
  margin-bottom: 4px;
}

.kanban-plugin__item-title-wrapper {
  background-color: var(--background-primary) !important;
  padding: 12px;
}

.kanban-plugin__item p {
  font-size: 16px !important;
  transition: font-size 0.2s ease-out;
}


.kanban-plugin__item .kanban-plugin__icon {
  opacity: 0;
}

.kanban-plugin__item .kanban-plugin__icon:hover {
  opacity: 1;
}

.kanban-plugin__item .kanban-plugin__icon svg {
  --icon-size: 12px !important;
}

.kanban-plugin__item-title-wrapper .tag {
  padding: 3px 5px !important;
  margin-left: 1px;
  border-radius: 8px !important;
}

.kanban-plugin__item-title-wrapper p {
    line-height: 1.6 !important;
}

.kanban-plugin__item-title-wrapper {
  background-color: var(--background-primary) !important;
  padding: 8px 10px !important;
}

.kanban-plugin__item-metadata-date-relative {
    margin-top: -3px;
}

.kanban-plugin__date, .cm-kanban-time-wrapper, .cm-kanban-date-wrapper {
    display: inline;
}



button.kanban-plugin__new-item-button {
  width: 100%;
  background-color: var(--button-background);
  color: var(--surface);
  box-shadow: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1.5);
}

button.kanban-plugin__new-item-button:hover {
  background-color: var(--button-background-hover);
  color: var(--surface);
  transform: scale(1);
  opacity: 1;
  box-shadow: none;
}


.kanban-plugin__item-button-plus {
  margin-inline-end: 4px;
}

.kanban-plugin__item-input-wrapper {
  border-radius: 0 !important;
}

}



body.kanban-full .kanban-plugin__board {
  display: flex !important;
}

body.kanban-full .kanban-plugin__lane-wrapper:not(.collapse-horizontal) {
  flex: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100%;
}

body.kanban-full .kanban-plugin__board > div {
  width: 100% !important;
  margin-left: 20px !important;
}





body.kanban-prepend-hover-expand 
.kanban-plugin__item-button-wrapper {
  max-height: 0;
  overflow: hidden;
}

body.kanban-prepend-hover-expand 
.kanban-plugin__item-button-wrapper:hover {
  max-height: 60px;
  transition: max-height 0.3s ease,
              opacity 0.15s ease,
              all 0.2s ease;
}

body.kanban-prepend-hover-expand 
button.kanban-plugin__new-item-button {
  transform: scale(1.2) translateY(2px);
  transition: max-height 0.3s ease,
              opacity 0.15s ease,
              all 0.2s ease;
}

body.kanban-prepend-hover-expand 
.kanban-plugin__item-button-wrapper:hover 
button.kanban-plugin__new-item-button {
  transform: scale(1);
}


body.kanban-hover-biggen 
.kanban-plugin__item:hover p {
  font-size: 20px !important;
}

.kanban-redden-metadata .kanban-plugin__item-metadata {
  color: var(--color-red);
}



body.image-captions-styling {
.image-captions-figure, .theme-dark .image-captions-caption {
    background-color: var(--background-secondary-alt);
    color: var(--text-normal);

    
    margin-bottom: 2px;
}

.image-captions-caption {
    background-color: var(--background-secondary-alt);
    border-radius: 0 0 14px 14px;
    padding-bottom: 8px;
}

.image-captions-figure {
    border-radius: 12px 12px 0 0;
}


.image-captions-figure img {
    border-radius: 8px !important;
    transform: scale(0.99);
    corner-shape: squircle !important;
}


.image-captions-figure, .image-captions-caption {
    border: 2.5px solid var(--background-modifier-border);
    corner-shape: squircle;
}

.image-captions-caption {
    border: 2.5px solid var(--background-modifier-border);
    border-top: none !important;
    border-bottom: 6px solid var(--background-modifier-border) !important;
}
}



.workspace-leaf.obsidian-vertical-tabs-tab-content .tree-item-self.is-active {
    padding: 0;
}

.workspace-leaf.obsidian-vertical-tabs-tab-content
    .tree-item-self.is-active
    .tree-item-icon,
.workspace-leaf.obsidian-vertical-tabs-tab-content
    .tree-item-self.is-active
    .tree-item-inner {
    margin: 8px 2px;
    margin-inline: 6px -4px;
    color: var(--color-accent-1);
    font-weight: 500;
}



.svg-icon.help {
    display: none;
}


.hide-tab-list .workspace-tab-header-tab-list {
    display: none;
}


.hide-tab-close-btn
    .workspace
    .mod-root
    .workspace-tab-header
    .workspace-tab-header-inner-close-button {
    margin-right: 6px;
    display: none;
}



body.hide-sidebar-toggle-left .sidebar-toggle-button.mod-left {
    display: none;
}

body.hide-sidebar-toggle-right .sidebar-toggle-button.mod-right {
    display: none;
}


.hide-breadcrumbs .view-header-breadcrumb {
    display: none;
}

.hide-breadcrumbs .view-header-breadcrumb-separator {
    display: none;
}


.hide-strikethrough .markdown-preview-view .task-list-item.is-checked,
.hide-strikethrough .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="x"],
.hide-strikethrough .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="X"] {
    text-decoration: none !important;
}


.hide-properties-arrow
    .metadata-container
    .metadata-properties-heading
    .collapse-indicator.collapse-icon {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}



body.hide-folder-arrow .nav-folder-title .collapse-icon {
    --nav-collapse-icon-color: transparent;
    --nav-collapse-icon-color-collapsed: transparent;
}

body.hide-folder-arrow .nav-folder-title .tree-item-icon {
    display: none;
}