/*
:: Ultra Lobster: Unity
a theme by @kneecaps
made with love 💖
*/

/* ===+=== */

/*
@settings
name: "🦞 Ultra Lobster: Unity"
id: ulu-theme-settings
settings:

  -
    id: theme-info
    title: "an intentional writing space"
    description: |
      see an issue? want to suggest a feature? visit us on github: <https://github.com/7368697661/Ultra-Lobster>

      This theme was made with 💖 by kneecaps.
    markdown: true
    type: info-text
    level: 0

  -
    id: ulu-subtheme
    title: 0️⃣ subthemes
    type: heading
    level: 1
    collapsed: true

  -
    id: ulu-subtheme-selection
    title: "🧱 base theme"
    type: class-select
    allowEmpty: true
    default: ''
    options:
        -
            label: "📄 Origami"
            value: ulu-origami
        -
            label: "🏗️ working edits mk3"
            value: ulu-we3
        -
            label: "🏗️ gummy"
            value: ulu-gummy

  -
    id: ulu-color-accent
    title: Custom Accent
    description: Select from hand-picked & theme-adjusted accent colors
    type: class-select
    allowEmpty: false
    default: 'ulu-blue'
    options:
        -
            label: ❤️ Red
            value: ulu-red
        -
            label: 💚 Green
            value: ulu-green
        -
            label: 🧡 Orange
            value: ulu-orange
        -
            label: 💛 Yellow
            value: ulu-yellow
        -
            label: 🤍 Cyan
            value: ulu-cyan
        -
            label: 💙 Blue
            value: ulu-blue
        -
            label: 💜 Purple
            value: ulu-purple
        -
            label: 💖 Pink
            value: ulu-pink

  -
    id: ulu-theme-light
    title: themes, light
    type: class-select
    allowEmpty: true
    default: ''
    options:
        -
            label: 👁️ low contrast
            value: ulu-con-l
        -
            label: 🖤 fff/000
            value: ulu-super-con-l
        -
            label: 🖌️ accent tinted
            value: ulu-accent-bg-l
        -
            label: ⭕ accent tinted, low contrast
            value: ulu-accent-bg-lowcon-l
        -
            label: ❤️ sorcery
            value: ulu-red-l
        -
            label: 💚 eidolon
            value: ulu-green-l
        -
            label: 💙 shadow
            value: ulu-blue-l
        -
            label: 💜 umbra
            value: ulu-purple-l
        -
            label: 🧥 soft
            value: ulu-soft-l
        -
            label: 🌅 creation
            value: ulu-light-l
        -
            label: 🏳️‍⚧️ blahaj
            value: ulu-shark-l
        -
            label: ☀️ solarized
            value: ulu-solar-lt
        -
            label: 📦 gruvbox
            value: ulu-gruvbox-lt
        -
            label: 🦞 lobster-time
            value: ulu-obplus-lt


  -
    id: ulu-theme-dark
    title: themes, dark
    type: class-select
    allowEmpty: true
    default: ''
    options:
        -
            label: 👁️ low contrast
            value: ulu-con-d
        -
            label: 🖤 fff/000
            value: ulu-super-con-d
        -
            label: 🖌️ accent tinted
            value: ulu-accent-bg-d
        -
            label: ⭕ accent tinted, low contrast
            value: ulu-accent-bg-lowcon-d
        -
            label: ❤️ sorcery
            value: ulu-red-d
        -
            label: 💚 eidolon
            value: ulu-green-d
        -
            label: 💙 shadow
            value: ulu-blue-d
        -
            label: 💜 umbra
            value: ulu-purple-d
        -
            label: 🧥 soft
            value: ulu-soft-d
        -
            label: 🚨 CONTROL
            value: ulu-control-d
        -
            label: 🚧 blueprint [wip]
            value: ulu-blueprint-d
        -
            label: 🏳️‍⚧️ blahaj
            value: ulu-shark-d
        -
            label: ☀️ solarized
            value: ulu-solar-dt
        -
            label: 📦 gruvbox
            value: ulu-gruvbox-dt
        -
            label: 🦞 lobster-time
            value: ulu-obplus-dt
        -
            label: 🦇 dracula
            value: ulu-dracula-dt
        -
            label: 💭 linking Your Thinking
            value: ulu-lyt-dt
        -
            label: 🚧 gradient [wip]
            value: ulu-gradient-d
        -
            label: 👑 lord
            value: ulu-lord-d
        -
            label: 🚧 abaddon [wip]
            value: ulu-end-d
        -
            label: 🚦 spotlight
            value: ulu-spotlight-d
        -
            label: 🔪 Murder
            value: ulu-amoled-dt

  -
    id: ulu-cards-border
    title: cards border disable
    type: class-toggle

  -
    id: ulu-cards-shadow
    title: cards shadow disable
    type: class-toggle

  -
    id: ulu-radius
    title: border radius
    type: variable-select
    allowEmpty: false
    default: 'medium'
    options:
        -
            label: None
            value: 0
        -
            label: small
            value: var(--radius-s)
        -
            label: medium
            value: var(--radius-m)
        -
            label: large
            value: var(--radius-l)

  -
    id: ulu-callouts
    title: callout styling
    type: class-select
    allowEmpty: true
    default: ''
    options:
        -
            label: gummy
            value: ulu-gummy-callouts
        -
            label: notyoutube
            value: ulu-nt-callouts
        -
            label: brutal
            value: ulu-brutal-callouts
        -
            label: soft
            value: ulu-soft-callouts
        -
            label: working edits mk3
            value: ulu-we3-callout
        -
            label: line
            value: ulu-line-callouts

  -
    id: ulu-codeblocks
    title: codeblock styling
    type: class-select
    allowEmpty: true
    default: ''
    options:
        -
            label: gummy
            value: ulu-gummy-codeblock
        -
            label: notosx
            value: ulu-ntosx-codeblock

  -
    id: ulu-border
    title: border styling
    type: class-select
    allowEmpty: true
    default: ''
    options:
        -
            label: no border
            value: ulu-noborder
        -
            label: dashed border
            value: ulu-dborder

  -
    id: ulu-prop-card
    title: properties card
    type: class-toggle

  -
    id: ulu-notitle
    title: disable vault title
    type: class-toggle

  -
    id: ulu-grad
    title: Halo Gradient
    description: Enable a WIP background animation inspired by soft grainy gradients and angel numbers
    type: class-toggle

  -
    id: ulu-bar
    title: minimal status bar
    description: hover to reveal the status bar
    type: class-toggle
  -
    id: ulu-list-distinct
    title: top level lists
    description: enable list header demarking 🚨 does not work in reading mode
    type: class-toggle

  -
    id: ulu-scrollbars
    title: turn off scrollbars
    type: class-toggle

  -
    id: ulu-canvas
    title: 🖼️ canvas settings
    type: heading
    level: 1
    collapsed: true

  -
    id: ulu-fancy-canvas-1
    title: canvas styling, red
    type: class-select
    allowEmpty: true
    default: ''
    options:
        -
            label: gradient
            value: ulu-canvas-fancycolor10
        -
            label: swiss coffee & nlackcurrant damask
            value: ulu-canvas-fancycolor20
        -
            label: gummy
            value: ulu-gummy-canvas1
        -
            label: gradient 2.0
            value: ulu-gradient-canvas1

  -
    id: ulu-fancy-canvas-2
    title: danvas styling, orange
    type: class-select
    allowEmpty: true
    default: ''
    options:
        -
            label: gradient
            value: ulu-canvas-fancycolor11
        -
            label: space equator & cloud burst
            value: ulu-canvas-fancycolor21
        -
            label: gummy
            value: ulu-gummy-canvas2
        -
            label: gradient 2.0
            value: ulu-gradient-canvas2

  -
    id: ulu-fancy-canvas-3
    title: canvas styling, yellow
    type: class-select
    allowEmpty: true
    default: ''
    options:
        -
            label: gradient
            value: ulu-canvas-fancycolor12
        -
            label: laser & meteorite
            value: ulu-canvas-fancycolor22
        -
            label: gummy
            value: ulu-gummy-canvas3
        -
            label: gradient 2.0
            value: ulu-gradient-canvas3

  -
    id: ulu-fancy-canvas-4
    title: canvas styling, green
    type: class-select
    allowEmpty: true
    default: ''
    options:
        -
            label: gradient
            value: ulu-canvas-fancycolor13
        -
            label: double green & lochinvar roy
            value: ulu-canvas-fancycolor23
        -
            label: gummy
            value: ulu-gummy-canvas4
        -
            label: gradient 2.0
            value: ulu-gradient-canvas4

  -
    id: ul-fancy-canvas-5
    title: cnvas styling, cyan
    type: class-select
    allowEmpty: true
    default: ''
    options:
        -
            label: gradient
            value: ulu-canvas-fancycolor14
        -
            label: havelock & malibu fiord
            value: ulu-canvas-fancycolor24
        -
            label: gummy
            value: ulu-gummy-canvas5
        -
            label: gradient 2.0
            value: ulu-gradient-canvas5

  -
    id: ulu-fancy-canvas-6
    title: canvas styling, purple
    type: class-select
    allowEmpty: true
    default: ''
    options:
        -
            label: gradient
            value: ulu-canvas-fancycolor15
        -
            label: martinique & honey
            value: ulu-canvas-fancycolor25
        -
            label: gummy
            value: ulu-gummy-canvas6
        -
            label: gradient 2.0
            value: ulu-gradient-canvas6

  -
    id: ulu-canvas-border0
    title: disable border, red
    type: class-toggle
  -
    id: ulu-canvas-border1
    title: disable border, orange
    type: class-toggle
  -
    id: ulu-canvas-border2
    title: disable border, yellow
    type: class-toggle
  -
    id: ulu-canvas-border3
    title: disable border, green
    type: class-toggle
  -
    id: ulu-canvas-border4
    title: disable border, blue
    type: class-toggle
  -
    id: ulu-canvas-border5
    title: disable border, purple
    type: class-toggle

  -
    id: ulu-typography
    title: 📑 typography
    type: heading
    level: 1
    collapsed: true

  -
    id: ulu-font-general
    title: editor font
    type: variable-select
    allowEmpty: false
    default: 'Satoshi'
    options:
        - 'Monaspace'
        - 'Satoshi'
        - 'Getai'
        - 'Fraunces'
        - 'Nightingale'
        - 'TerminusTTF'
        - 'Aspekta'
        - 'General Sans'
        - 'IBM Plex Sans'
        - 'Inter'
        - 'Space Grotesk'
        - 'Lexend'
        - 'DobbinTextSF-Roman'
        - 'Eurostile'

  -
    id: ulu-font-title
    title: title type
    type: variable-select
    allowEmpty: false
    default: 'Monaspace'
    options:
        - 'Monaspace'
        - 'Satoshi'
        - 'Getai'
        - 'Fraunces'
        - 'Nightingale'
        - 'TerminusTTF'
        - 'Aspekta'
        - 'General Sans'
        - 'IBM Plex Sans'
        - 'Inter'
        - 'Space Grotesk'

  -
    id: responsive-text
    title: text adjuster
    description: 🚨 MUST BE A WHOLE / DECIMAL NUMBER such as 1 or 1.1. further scale can be changed via slider in appearance
    type: variable-number
    default: 1
    format: em

  -
    id: ulu-faintselect
    title: accent text selection
    type: class-toggle

  -
    id: ulu-accent-title
    title: accent Titles
    type: class-toggle

  -
    id: ulu-canvas-center
    title: center canvas
    description: center align text in canvas cards
    type: class-toggle

  -
    id: ulu-headings
    title: ⌨️ heading settings
    type: heading
    level: 2
    collapsed: true

  -
    id: ulu-header-size
    title: header size arrays
    description: options for changing your header sizes
    type: class-select
    allowEmpty: true
    options:
        -
            label: opinionated
            value: ulu-headings-opn
        -
            label: descending
            value: ulu-headings-dec
        -
            label: flat
            value: ulu-headings-flt

  - 
    id: ulu-colorfo-headings
    title: rainbow headers
    type: class-toggle

  -
    id: ulu-header1-override
    title: gader 1 size override
    type: class-toggle

  -
    id: ulu-header1-override-size
    title: header 1 size override, size
    type: variable-number
    default: 1
    format: em

  -
    id: ulu-header1-type
    title: header 1 typeface
    type: variable-select
    allowEmpty: true
    default: ''
    options:
        - 'Monaspace'
        - 'Satoshi'
        - 'Getai'
        - 'Fraunces'
        - 'Nightingale'
        - 'TerminusTTF'
        - 'Aspekta'
        - 'General Sans'
        - 'IBM Plex Sans'
        - 'Inter'
        - 'Space Grotesk'

  -
    id: ulu-header2-type
    title: header 2 typeface
    type: variable-select
    allowEmpty: true
    default: ''
    options:
        - 'Monaspace'
        - 'Satoshi'
        - 'Getai'
        - 'Fraunces'
        - 'Nightingale'
        - 'TerminusTTF'
        - 'Aspekta'
        - 'General Sans'
        - 'IBM Plex Sans'
        - 'Inter'
        - 'Space Grotesk'

  -
    id: ulu-header3-type
    title: header 3 typeface
    type: variable-select
    allowEmpty: true
    default: ''
    options:
        - 'Monaspace'
        - 'Satoshi'
        - 'Getai'
        - 'Fraunces'
        - 'Nightingale'
        - 'TerminusTTF'
        - 'Aspekta'
        - 'General Sans'
        - 'IBM Plex Sans'
        - 'Inter'
        - 'Space Grotesk'

  -
    id: ulu-header4-type
    title: header 4 typeface
    type: variable-select
    allowEmpty: true
    default: ''
    options:
        - 'Monaspace'
        - 'Satoshi'
        - 'Getai'
        - 'Fraunces'
        - 'Nightingale'
        - 'TerminusTTF'
        - 'Aspekta'
        - 'General Sans'
        - 'IBM Plex Sans'
        - 'Inter'
        - 'Space Grotesk'

  -
    id: ulu-header5-type
    title: header 5 typeface
    type: variable-select
    allowEmpty: true
    default: ''
    options:
        - 'Monaspace'
        - 'Satoshi'
        - 'Getai'
        - 'Fraunces'
        - 'Nightingale'
        - 'TerminusTTF'
        - 'Aspekta'
        - 'General Sans'
        - 'IBM Plex Sans'
        - 'Inter'
        - 'Space Grotesk'

  -
    id: ulu-header6-type
    title: header 6 typeface
    type: variable-select
    allowEmpty: true
    default: ''
    options:
        - 'Monaspace'
        - 'Satoshi'
        - 'Getai'
        - 'Fraunces'
        - 'Nightingale'
        - 'TerminusTTF'
        - 'Aspekta'
        - 'General Sans'
        - 'IBM Plex Sans'
        - 'Inter'
        - 'Space Grotesk'

  -
    id: ulu-header-line-accent
    title: header underline color
    type: variable-select
    allowEmpty: false
    default: 'monochrome'
    options:
        -
            label: monochrome
            value: var(--background-modifier-border)
        -
            label: accent
            value: var(--color-accent)
  -
    id: ulu-header-line-h1
    title: header 1 underline
    type: class-toggle
  -
    id: ulu-header-line-h2
    title: header 2 underline
    type: class-toggle
  -
    id: ulu-header-line-h3
    title: header 3 underline
    type: class-toggle
  -
    id: ulu-header-line-h4
    title: header 4 underline
    type: class-toggle
  -
    id: ulu-header-line-h5
    title: header 5 underline
    type: class-toggle
  -
    id: ulu-header-line-h6
    title: header 6 underline
    type: class-toggle

  - 
    id: h1-weight
    title: header 1 weight
    description: Nightingale looks best at weight >500
    type: variable-number
    default: 900
  - 
    id: h2-weight
    title: header 2 weight
    type: variable-number
    default: 800
  - 
    id: h3-weight
    title: header 3 weight
    type: variable-number
    default: 700
  - 
    id: h4-weight
    title: header 4 weight
    type: variable-number
    default: 700
  - 
    id: h5-weight
    title: header 5 weight
    type: variable-number
    default: 600
  - 
    id: h6-weight
    title: header 6 weight
    type: variable-number
    default: 600

*/

/* imports
*/

@font-face {
    font-family: Monaspace;
    src: url("data:application/octet-stream;base64,[encoded data, 553808 characters]");
}

@font-face {
    font-family: Satoshi;
    src: url("data:application/octet-stream;base64,[encoded data, 169896 characters]");
}

/* Nightingale
*/
@font-face {
    font-family: "Nightingale";
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src:
        url("data:font/woff2;charset=utf-8;base64,[encoded data, 32924 characters]") format("woff2");
}

@font-face {
	font-family: "DobbinTextSF-Roman";
	font-weight: 100 900;
	src: url("data:application/octet-stream;base64,[encoded data, 14136 characters]");
}

@font-face {
	font-family: "Eurostile";
	font-weight: 100 900;
	src: url("data:application/octet-stream;base64,[encoded data, 50824 characters]");
}

/* Fraunces
*/
@font-face {
	font-family: "Fraunces";
	font-weight: 100 900;
	src: url("data:application/octet-stream;base64,[encoded data, 260092 characters]");
}

@font-face {
	font-family: "Fraunces";
	font-weight: 100 900;
	font-style: italic;
	src: url("data:application/octet-stream;base64,d09GMgABAAAAA5jYABQAAAAGVdgAA5hiAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGo4oG4H8JByDbj9IVkFSpjsGYD9TVEFUgwYnbACOLC");
}

/* general sans
*/
@font-face {
	font-family: "General Sans";
	font-weight: 100 900;
	src: url("data:application/octet-stream;base64,[encoded data, 50844 characters]");
}

@font-face {
	font-family: "General Sans";
	font-weight: 100 900;
	font-style: italic;
	src: url("data:application/octet-stream;base64,[encoded data, 54296 characters]");
}

/* martian mono
*/
@font-face {
	font-family: "Martian Mono";
	src: url("data:application/octet-stream;base64,[encoded data, 73852 characters]");
}

/* terminus
*/
@font-face {
	font-family: "TerminusTTF";
	font-weight: 700;
	font-style: italic;
	font-display: swap;
	src:
 url("data:font/woff2;charset=utf-8;base64,[encoded data, 39768 characters]") format("woff2"),url("data:font/woff;charset=utf-8;base64,[encoded data, 62072 characters]") format("woff");
}

@font-face {
	font-family: "TerminusTTF";
	font-weight: 500;
	font-style: italic;
	font-display: swap;
	src:
 url("data:font/woff2;charset=utf-8;base64,[encoded data, 39264 characters]") format("woff2"),url("data:font/woff;charset=utf-8;base64,[encoded data, 61504 characters]") format("woff");
}

@font-face {
	font-family: "TerminusTTF";
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src:
 url("data:font/woff2;charset=utf-8;base64,[encoded data, 31424 characters]") format("woff2"),url("data:font/woff;charset=utf-8;base64,[encoded data, 49052 characters]") format("woff");
}

@font-face {
	font-family: "TerminusTTF";
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src:
 url("data:font/woff2;charset=utf-8;base64,[encoded data, 31512 characters]") format("woff2"),url("data:font/woff;charset=utf-8;base64,[encoded data, 49512 characters]") format("woff");
}

/* Aspekta */
@font-face {
	font-family: "Aspekta";
	font-weight: 100 1000;
	src: url("data:application/octet-stream;base64,[encoded data, 38024 characters]");
}

/* Getai
*/
@font-face {
	font-family: "Getai";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("data:application/octet-stream;base64,[encoded data, 28944 characters]");
}

body {
    /*
	1.0 theme baseplate, cleaned with 💖 by kneecaps.
	File originally found in app.css of Obsidian, a markdown editing application.
	The following variables should give basic control over all 1.0 UI elements and then some.
	For custom CSS, begin by adding under the comment field "Custom CSS".
	When adding custom CSS, try to be mindful for your future self, they might appreciate comments
	Try to add CSS in blocks that are grouped by the effect, such as general UI tweaks or Typography
  
	Original preface:
	List of variables is placed in body rather than :root so 
	that we can	combine all property types including colors
	and sort alphabetically to maximize readability in
	the compiled app.css file.
	----------------------------------------------------- 
	*/

    /* Animations 
	*/
    --anim-duration-none: 0;
    --anim-duration-superfast: 70ms;
    --anim-duration-fast: 140ms;
    --anim-duration-moderate: 300ms;
    --anim-duration-slow: 560ms;
    --anim-motion-smooth: cubic-bezier(0.45, 0.05, 0.55, 0.95);
    --anim-motion-delay: cubic-bezier(0.65, 0.05, 0.36, 1);
    --anim-motion-jumpy: cubic-bezier(0.68, -0.55, 0.27, 1.55);
    --anim-motion-swing: cubic-bezier(0, 0.55, 0.45, 1);

    /* Blockquotes 
	*/
    --blockquote-border-thickness: 2px;
    --blockquote-border-color: var(--interactive-accent);
    --blockquote-font-style: normal;
    --blockquote-color: inherit;
    --blockquote-background-color: transparent;

    /* Bold */
    --bold-weight: var(--font-semibold);
    --bold-color: inherit;

    /* Borders 
	*/
    --border-width: 1px;

    /* Buttons 
	*/
    --button-radius: var(--input-radius);

    /* Callouts 
	*/
    --callout-border-width: 0px;
    --callout-border-opacity: 0.25;
    --callout-padding: var(--size-4-3) var(--size-4-3) var(--size-4-3) var(--size-4-6);
    --callout-radius: var(--radius-s);
    --callout-blend-mode: var(--highlight-mix-blend-mode);
    --callout-title-color: inherit;
    --callout-title-padding: 0;
    --callout-title-size: inherit;
    --callout-content-padding: 0;
    --callout-content-background: transparent;
    --callout-bug: var(--color-red-rgb);
    --callout-default: var(--color-blue-rgb);
    --callout-error: var(--color-red-rgb);
    --callout-example: var(--color-purple-rgb);
    --callout-fail: var(--color-red-rgb);
    --callout-important: var(--color-cyan-rgb);
    --callout-info: var(--color-blue-rgb);
    --callout-question: var(--color-yellow-rgb);
    --callout-success: var(--color-green-rgb);
    --callout-summary: var(--color-cyan-rgb);
    --callout-tip: var(--color-cyan-rgb);
    --callout-todo: var(--color-blue-rgb);
    --callout-warning: var(--color-orange-rgb);
    --callout-quote: 158, 158, 158;

    /* Canvas 
	*/
    --canvas-background: var(--background-primary);
    --canvas-card-label-color: var(--text-faint);
    --canvas-color-1: var(--color-red-rgb);
    --canvas-color-2: var(--color-orange-rgb);
    --canvas-color-3: var(--color-yellow-rgb);
    --canvas-color-4: var(--color-green-rgb);
    --canvas-color-5: var(--color-cyan-rgb);
    --canvas-color-6: var(--color-purple-rgb);
    --canvas-dot-pattern: var(--color-base-30);

    /* Checkboxes 
	*/
    --checkbox-radius: var(--radius-s);
    --checkbox-size: var(--font-text-size);
    --checkbox-marker-color: var(--background-primary);
    --checkbox-color: var(--interactive-accent);
    --checkbox-color-hover: var(--interactive-accent-hover);
    --checkbox-border-color: var(--text-faint);
    --checkbox-border-color-hover: var(--text-muted);
    --checklist-done-decoration: line-through;
    --checklist-done-color: var(--text-muted);

    /* Code 
	*/
    --code-white-space: pre-wrap;
    --code-size: var(--font-smaller);
    --code-background: var(--background-primary-alt);
    --code-normal: var(--text-muted);
    --code-comment: var(--text-faint);
    --code-function: var(--color-yellow);
    --code-important: var(--color-orange);
    --code-keyword: var(--color-pink);
    --code-operator: var(--color-red);
    --code-property: var(--color-cyan);
    --code-punctuation: var(--text-muted);
    --code-string: var(--color-green);
    --code-tag: var(--color-red);
    --code-value: var(--color-purple);

    /* Collapse icons 
	*/
    --collapse-icon-color: var(--text-faint);
    --collapse-icon-color-collapsed: var(--color-accent);

    /* Cursor 
	*/
    --cursor: default;
    --cursor-link: pointer;

    /* Dialogs - e.g. small modals, confirmations 
	*/
    --dialog-width: 560px;
    --dialog-max-width: 80vw;
    --dialog-max-height: 85vh;

    /* Dividers — between panes 
	*/
    --divider-color: var(--background-modifier-border);
    --divider-color-hover: var(--interactive-accent);
    --divider-width: 1px;
    --divider-width-hover: 3px;
    --divider-vertical-height: calc(100% - var(--header-height));

    /* Dragging 
	*/
    --drag-ghost-background: rgba(0, 0, 0, 0.85);
    --drag-ghost-text-color: #fff;

    /* Embeds 
	*/
    --embed-max-height: 4000px;
    --embed-canvas-max-height: 400px;
    --embed-background: inherit;
    --embed-border-left: 2px solid var(--interactive-accent);
    --embed-border-right: none;
    --embed-border-top: none;
    --embed-border-bottom: none;
    --embed-padding: 0 0 0 var(--size-4-6);
    --embed-font-style: inherit;

    /* Blocks 
	*/
    --embed-block-shadow-hover: 0 0 0 1px var(--background-modifier-border),
        inset 0 0 0 1px var(--background-modifier-border);

    /* File layout 
	*/
    --file-line-width: 700px;
    --file-folding-offset: 24px;
    --file-margins: var(--size-4-8);
    --file-header-font-size: var(--font-ui-small);
    --file-header-font-weight: 400;
    --file-header-border: var(--border-width) solid transparent;
    --file-header-justify: center;

    /* Relative font sizes 
	*/
    --font-smallest: 0.8em;
    --font-smaller: 0.875em;
    --font-small: 0.933em;

    /* UI font sizes 
	*/
    --font-ui-smaller: 12px;
    --font-ui-small: 13px;
    --font-ui-medium: 15px;
    --font-ui-large: 20px;

    /* Font weights 
	*/
    --font-thin: 100;
    --font-extralight: 200;
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;
    --font-black: 900;

    /* Footnotes 
	*/
    --footnote-size: var(--font-smaller);

    /* Graphs 
	*/
    --graph-controls-width: 240px;
    --graph-text: var(--text-normal);
    --graph-line: var(--color-base-35, var(--background-modifier-border-focus));
    --graph-node: var(--text-muted);
    --graph-node-unresolved: var(--text-faint);
    --graph-node-focused: var(--background-modifier-border-focus);
    --graph-node-tag: var(--color-accent);
    --graph-node-attachment: var(--color-yellow);

    /* Headings 
	*/
    --heading-formatting: var(--text-faint);
    --h1-color: inherit;
    --h2-color: inherit;
    --h3-color: inherit;
    --h4-color: inherit;
    --h5-color: inherit;
    --h6-color: inherit;
    --h1-font: var(--font-title);
    --h2-font: inherit;
    --h3-font: inherit;
    --h4-font: inherit;
    --h5-font: inherit;
    --h6-font: inherit;
    --h1-line-height: 1.2;
    --h2-line-height: 1.2;
    --h3-line-height: 1.3;
    --h4-line-height: 1.4;
    --h5-line-height: var(--line-height-normal);
    --h6-line-height: var(--line-height-normal);
    --h1-size: var(--inline-title-size);
    --h2-size: 1.6em;
    --h3-size: 1.37em;
    --h4-size: 1.25em;
    --h5-size: 1.12em;
    --h6-size: 1.12em;
    --h1-style: normal;
    --h2-style: normal;
    --h3-style: normal;
    --h4-style: normal;
    --h5-style: normal;
    --h6-style: normal;
    --h1-variant: normal;
    --h2-variant: normal;
    --h3-variant: normal;
    --h4-variant: normal;
    --h5-variant: normal;
    --h6-variant: normal;
    --h1-weight: 500;
    --h2-weight: 600;
    --h3-weight: 600;
    --h4-weight: 600;
    --h5-weight: 600;
    --h6-weight: 600;

    /* View header 
	*/
    --header-height: 40px;

    /* Horizontal rules 
	*/
    --hr-color: var(--background-modifier-border);
    --hr-thickness: 2px;

    /* Icons 
	*/
    --icon-size: var(--icon-m);
    --icon-stroke: var(--icon-m-stroke-width);
    --icon-xs: 14px;
    --icon-s: 16px;
    --icon-m: 18px;
    --icon-l: 18px;
    --icon-xl: 32px;
    --icon-xs-stroke-width: 2px;
    --icon-s-stroke-width: 2px;
    --icon-m-stroke-width: 1.75px;
    --icon-l-stroke-width: 1.75px;
    --icon-xl-stroke-width: 1.25px;
    --icon-color: var(--text-muted);
    --icon-color-hover: var(--text-muted);
    --icon-color-active: var(--color-accent);
    --icon-color-focused: var(--text-normal);
    --icon-opacity: 0.85;
    --icon-opacity-hover: 1;
    --icon-opacity-active: 1;
    --clickable-icon-radius: var(--radius-s);

    /* Indentation guide 
	*/
    --indentation-guide-width: 1px;
    --indentation-guide-color: rgba(var(--mono-rgb-100), 0.12);
    --indentation-guide-color-active: rgba(var(--mono-rgb-100), 0.3);

    /* Inline title 
	*/
    --inline-title-color: var(--color-base-100);
    --inline-title-font: var(--font-title);
    --inline-title-line-height: var(--h1-line-height);
    --inline-title-size: clamp(2.5rem, 8vw - 2rem, 3rem);
    --inline-title-style: var(--h1-style);
    --inline-title-variant: var(--h1-variant);
    --inline-title-weight: 500;

    /* Inputs 
	*/
    --input-height: 30px;
    --input-radius: 5px;
    --input-font-weight: var(--font-normal);
    --input-border-width: 1px;

    /* Italic 
	*/
    --italic-color: inherit;

    /* Z-index 
	*/
    --layer-cover: 5;
    --layer-sidedock: 10;
    --layer-status-bar: 15;
    --layer-popover: 30;
    --layer-slides: 45;
    --layer-modal: 50;
    --layer-notice: 60;
    --layer-menu: 65;
    --layer-tooltip: 70;
    --layer-dragged-item: 80;

    /* Line heights 
	*/
    --line-height-normal: 1.5;
    --line-height-tight: 1.3;

    /* Links 
	*/
    --link-color: var(--color-accent);
    --link-color-hover: var(--color-accent-hover);
    --link-decoration: underline;
    --link-decoration-hover: underline;
    --link-decoration-thickness: auto;
    --link-external-color: var(--color-accent);
    --link-external-color-hover: var(--color-accent-hover);
    --link-external-decoration: underline;
    --link-external-decoration-hover: underline;
    --link-external-filter: none;
    --link-unresolved-color: var(--color-accent);
    --link-unresolved-opacity: 0.7;
    --link-unresolved-filter: none;
    --link-unresolved-decoration-style: solid;
    --link-unresolved-decoration-color: hsla(var(--interactive-accent-hsl), 0.3);

    /* Lists 
	*/
    --list-indent: 2em;
    --list-spacing: 0.075em;
    --list-marker-color: var(--text-faint);
    --list-marker-color-hover: var(--text-muted);
    --list-marker-color-collapsed: var(--color-accent);
    --list-bullet-border: none;
    --list-bullet-radius: 50%;
    --list-bullet-size: 0.3em;
    --list-bullet-transform: none;
    --list-numbered-style: decimal;

    /* File navigator 
	*/
    --nav-item-size: var(--font-ui-small);
    --nav-item-color: var(--text-muted);
    --nav-item-color-hover: var(--text-normal);
    --nav-item-color-active: var(--text-normal);
    --nav-item-color-selected: var(--text-normal);
    --nav-item-color-highlighted: var(--color-accent-hover);
    --nav-item-background-hover: var(--background-modifier-hover);
    --nav-item-background-active: var(--background-modifier-hover);
    --nav-item-background-selected: hsla(var(--color-accent-hsl), 0.2);
    --nav-item-padding: var(--size-4-1) var(--size-4-2);
    --nav-item-parent-padding: var(--nav-item-padding);
    --nav-item-children-padding-left: var(--size-4-2);
    --nav-item-children-margin-left: var(--size-4-3);
    --nav-item-weight: inherit;
    --nav-item-weight-hover: inherit;
    --nav-item-weight-active: inherit;
    --nav-item-white-space: nowrap;
    --nav-indentation-guide-width: var(--indentation-guide-width);
    --nav-indentation-guide-color: var(--indentation-guide-color);
    --nav-collapse-icon-color: var(--collapse-icon-color);
    --nav-collapse-icon-color-collapsed: var(--text-faint);

    /* Modals - e.g. settings, community themes, community plugins 
	*/
    --modal-background: var(--background-primary);
    --modal-width: 90vw;
    --modal-height: 85vh;
    --modal-max-width: 1100px;
    --modal-max-height: 1000px;
    --modal-max-width-narrow: 800px;
    --modal-border-width: var(--border-width);
    --modal-border-color: var(--color-base-40, var(--background-modifier-border-focus));
    --modal-radius: var(--radius-l);
    --modal-community-sidebar-width: 280px;

    /* Popovers - file previews 
	*/
    --popover-width: 450px;
    --popover-height: 400px;
    --popover-max-height: 70vh;
    --popover-pdf-width: 600px;
    --popover-pdf-height: 800px;
    --popover-font-size: var(--font-text-size);

    /* Prompts - e.g. quick switcher, command palette 
	*/
    --prompt-width: 700px;
    --prompt-max-width: 80vw;
    --prompt-max-height: 70vh;
    --prompt-border-width: var(--border-width);
    --prompt-border-color: var(--color-base-40, var(--background-modifier-border-focus));

    /* Radiuses 
	*/
    --radius-s: 4px;
    --radius-m: 8px;
    --radius-l: 10px;
    --radius-xl: 16px;

    /* Ribbon 
	*/
    --ribbon-background: var(--background-secondary);
    --ribbon-background-collapsed: var(--background-primary);
    --ribbon-width: 44px;
    --ribbon-padding: var(--size-4-2) var(--size-4-1) var(--size-4-3);

    /* Scrollbars 
	*/
    --scrollbar-active-thumb-bg: var(--color-accent);
    --scrollbar-bg: rgba(var(--mono-rgb-100), 0.1);
    --scrollbar-thumb-bg: rgba(var(--mono-rgb-100), 0.1);

    /* Search 
	*/
    --search-clear-button-color: var(--text-muted);
    --search-clear-button-size: 13px;
    --search-icon-color: var(--text-muted);
    --search-icon-size: 18px;
    --search-result-background: var(--background-primary);

    /* Layout sizing - for padding and margins 
	*/
    --size-2-1: 2px;
    --size-2-2: 4px;
    --size-2-3: 6px;
    --size-4-1: 4px;
    --size-4-2: 8px;
    --size-4-3: 12px;
    --size-4-4: 16px;
    --size-4-5: 20px;
    --size-4-6: 24px;
    --size-4-8: 32px;
    --size-4-9: 36px;
    --size-4-12: 48px;
    --size-4-16: 64px;
    --size-4-18: 72px;

    /* Sidebar 
	*/
    --sidebar-markdown-font-size: calc(var(--font-text-size) * 0.9);
    --sidebar-tab-text-display: none;

    /* Sliders 
	*/
    --slider-thumb-border-width: 1px;
    --slider-thumb-border-color: var(--background-modifier-border-hover);
    --slider-thumb-height: 18px;
    --slider-thumb-width: 18px;
    --slider-thumb-y: -6px;
    --slider-thumb-radius: 50%;
    --slider-s-thumb-size: 15px;
    --slider-s-thumb-position: -5px;
    --slider-track-background: var(--background-modifier-border);
    --slider-track-height: 3px;

    /* Status bar 
	*/
    --status-bar-background: var(--background-secondary);
    --status-bar-border-color: var(--divider-color);
    --status-bar-border-width: 1px 0 0 1px;
    --status-bar-font-size: var(--font-ui-smaller);
    --status-bar-text-color: var(--text-muted);
    --status-bar-position: fixed;
    --status-bar-radius: var(--radius-m) 0 0 0;

    /* Swatch for color inputs 
	*/
    --swatch-radius: 14px;
    --swatch-height: 24px;
    --swatch-width: 24px;
    --swatch-shadow: inset 0 0 0 1px rgba(var(--mono-rgb-100), 0.15);

    /* Tabs 
	*/
    --tab-background-active: var(--background-primary);
    --tab-text-color: var(--text-faint);
    --tab-text-color-active: var(--text-muted);
    --tab-text-color-focused: var(--text-muted);
    --tab-text-color-focused-active: var(--text-muted);
    --tab-text-color-focused-highlighted: var(--color-accent);
    --tab-text-color-focused-active-current: var(--text-normal);
    --tab-font-size: var(--font-ui-small);
    --tab-font-weight: inherit;
    --tab-container-background: var(--background-secondary);
    --tab-divider-color: var(--background-modifier-border-hover);
    --tab-outline-color: var(--divider-color);
    --tab-outline-width: 1px;
    --tab-curve: 6px;
    --tab-radius: var(--radius-s);
    --tab-radius-active: 6px 6px 0 0;
    --tab-width: 200px;
    --tab-max-width: 320px;

    /* Stacked tabs 
	*/
    --tab-stacked-pane-width: 700px;
    --tab-stacked-header-width: var(--header-height);
    --tab-stacked-font-size: var(--font-ui-small);
    --tab-stacked-font-weight: 400;
    --tab-stacked-text-align: left;
    --tab-stacked-text-transform: rotate(0deg);
    --tab-stacked-text-writing-mode: vertical-lr;
    --tab-stacked-shadow: -8px 0 8px 0 rgba(0, 0, 0, 0.05);

    /* Tables 
	*/
    --table-background: transparent;
    --table-border-width: 1px;
    --table-border-color: var(--background-modifier-border);
    --table-white-space: normal;
    --table-header-background: var(--table-background);
    --table-header-background-hover: inherit;
    --table-header-border-width: var(--table-border-width);
    --table-header-border-color: var(--table-border-color);
    --table-header-font: inherit;
    --table-header-size: var(--font-text-size);
    --table-header-weight: var(--bold-weight);
    --table-header-color: var(--text-normal);
    --table-text-size: inherit;
    --table-text-color: inherit;
    --table-column-max-width: none;
    --table-column-alt-background: var(--table-background);
    --table-column-first-border-width: var(--table-border-width);
    --table-column-last-border-width: var(--table-border-width);
    --table-row-background-hover: var(--table-background);
    --table-row-alt-background: var(--table-background);
    --table-row-last-border-width: var(--table-border-width);

    /* Tags 
	*/
    --tag-size: var(--font-smaller);
    --tag-color: var(--color-accent);
    --tag-color-hover: var(--color-accent);
    --tag-decoration: none;
    --tag-decoration-hover: none;
    --tag-background: hsla(var(--interactive-accent-hsl), 0.1);
    --tag-background-hover: hsla(var(--interactive-accent-hsl), 0.2);
    --tag-border-color: hsla(var(--interactive-accent-hsl), 0.15);
    --tag-border-color-hover: hsla(var(--interactive-accent-hsl), 0.15);
    --tag-border-width: 0px;
    --tag-padding-x: 0.65em;
    --tag-padding-y: 0.25em;
    --tag-radius: 2em;

    /* Window frame 
	*/
    --titlebar-background: var(--background-secondary);
    --titlebar-background-focused: var(--background-secondary-alt);
    --titlebar-border-width: 0px;
    --titlebar-border-color: var(--background-modifier-border);
    --titlebar-text-color: var(--text-muted);
    --titlebar-text-color-focused: var(--text-normal);
    --titlebar-text-weight: var(--font-bold);

    /* Toggles 
	*/
    --toggle-border-width: 2px;
    --toggle-width: 40px;
    --toggle-radius: 18px;
    --toggle-thumb-color: white;
    --toggle-thumb-radius: 18px;
    --toggle-thumb-height: 18px;
    --toggle-thumb-width: 18px;
    --toggle-s-border-width: 2px;
    --toggle-s-width: 34px;
    --toggle-s-thumb-height: 15px;
    --toggle-s-thumb-width: 15px;

    /* Vault name 
	*/
    --vault-name-font-size: var(--font-ui-small);
    --vault-name-font-weight: var(--font-medium);
    --vault-name-color: var(--text-normal);

    /* Workspace 
	*/
    --workspace-background-translucent: rgba(var(--mono-rgb-0), 0.6);

    /* Color mappings ------------------------ 
	*/

    /* Accent HSL values */
    --accent-h: 254;
    --accent-s: 80%;
    --accent-l: 68%;

    /* Backgrounds 
	*/
    --background-primary: var(--color-base-00);
    --background-primary-alt: var(--color-base-10);
    --background-secondary: var(--color-base-20);
    --background-modifier-hover: rgba(var(--mono-rgb-100), 0.075);
    --background-modifier-active-hover: hsla(var(--interactive-accent-hsl), 0.15);
    --background-modifier-border: var(--color-base-30);
    --background-modifier-border-hover: var(--color-base-35);
    --background-modifier-border-focus: var(--color-base-40);
    --background-modifier-error-rgb: var(--color-red-rgb);
    --background-modifier-error: var(--color-red);
    --background-modifier-error-hover: var(--color-red);
    --background-modifier-success-rgb: var(--color-green-rgb);
    --background-modifier-success: var(--color-green);
    --background-modifier-message: rgba(0, 0, 0, 0.9);

    /* Inputs 
	*/
    --background-modifier-form-field: var(--color-base-00);

    /* Text 
	*/
    --text-normal: var(--color-base-100);
    --text-muted: var(--color-base-70);
    --text-faint: var(--color-base-50);
    --text-on-accent: white;
    --text-on-accent-inverted: black;
    --text-error: var(--color-red);
    --text-success: var(--color-green);
    --text-selection: hsla(var(--color-accent-hsl), 0.2);
    --color-accent: var(--color-accent);
    --text-accent: var(--color-accent) !important;
    --color-accent-hover: var(--color-accent-2);
    --interactive-normal: var(--color-base-00);
    --interactive-hover: var(--color-base-10);
    --interactive-accent-hsl: var(--color-accent-hsl);
    --interactive-accent: var(--color-accent-1);
    --interactive-accent-hover: var(--color-accent-2);

}

.theme-light {
	color-scheme: light;
	--highlight-mix-blend-mode: darken;
	--mono-rgb-0: 255, 255, 255;
	--mono-rgb-100: 0, 0, 0;
	--color-red-rgb: 233, 49, 71;
	--color-red: #E93147;
	--color-red-hsl: 353, 81%, 55%;
	--color-green-rgb: 8, 185, 78;
	--color-green: #08B94E;
	--color-green-hsl: 144, 92%, 38%;
	--color-orange-rgb: 236, 117, 0;
	--color-orange: #EC7500;
	--color-orange-hsl: 30, 100%, 46%;
	--color-yellow-rgb: 224, 172, 0;
	--color-yellow: #E0AC00;
	--color-yellow-hsl: 46, 100%, 44%;
	--color-cyan-rgb: 0, 191, 188;
	--color-cyan: #00BFBC;
	--color-cyan-hsl: 179, 100%, 37%;
	--color-blue-rgb: 8, 109, 221;
	--color-blue: #086DDD;
	--color-blue-hsl: 212, 93%, 45%;
	--color-purple-rgb: 120, 82, 238;
	--color-purple: #7852EE;
	--color-purple-hsl: 255, 82%, 63%;
	--color-pink-rgb: 213, 57, 132;
	--color-pink: #D53984;
	--color-pink-hsl: 331, 65%, 53%;
	--canvas-color: 10, 10, 10;
	--color-base-00: #FFF; /* background-primary */
	--color-base-05: #FCFCFC; /* background-secondary-alt in light mode, for some reason */
	--color-base-10: #FAFAFA; /* background-primary-alt */
	--color-base-20: #F3F3F3; /* background-secondary */
	--color-base-25: #E3E3E3; /* idk lol */
	--color-base-30: #E0E0E0; /* background-modifier-border */
	--color-base-35: #D4D4D4; /* background-modifier-border-hover */
	--color-base-40: #BDBDBD; /* background-modifier-border-focus */
	--color-base-50: #ABABAB; /* text-faint */
	--color-base-60: #707070; /* also no clue */
	--color-base-70: #5A5A5A; /* text-muted */
	--color-base-100: #222; /* text-normal */

	--color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l);
	--color-accent: hsl(var(--accent-h) var(--accent-s) var(--accent-l));
	--color-accent-1:
		hsl(
			var(--accent-h)
			var(--accent-s)
			calc(var(--accent-l) + 2.5%)
		);
	--color-accent-2:
		hsl(
			var(--accent-h)
			var(--accent-s)
			calc(var(--accent-l) + 5%)
		);
	--background-secondary-alt: var(--color-base-05);
	--background-modifier-box-shadow: rgb(0 0 0 / 10%);
	--background-modifier-cover: rgb(220 220 220 / 40%);
	--text-highlight-bg: rgb(255 208 0 / 40%);
	--text-highlight-bg-active: rgb(255 128 0 / 40%);
	--input-shadow: inset 0 0 0 1px rgb(0 0 0 / 12%), 0 2px 3px 0 rgb(0 0 0 / 5%), 0 1px 1.5px 0 rgb(0 0 0 / 3%), 0 1px 2px 0 rgb(0 0 0 / 4%), 0 0 0 0 transparent;
	--input-shadow-hover: inset 0 0 0 1px rgb(0 0 0 / 17%), 0 2px 3px 0 rgb(0 0 0 / 10%), 0 1px 1.5px 0 rgb(0 0 0 / 3%), 0 1px 2px 0 rgb(0 0 0 / 4%), 0 0 0 0 transparent;
	--shadow-s: rgb(0 0 0 / 4%) 0px 3px 5px;
	--shadow-l: rgb(149 157 165 / 20%) 0px 8px 24px;
	--shadow-lm-only: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
	--cbs: 24px 24px 64px -4px rgb(0 0 0 / 1%), 0px 16px 32px 6px rgb(0 0 0 / 3%);
	--sbs: 24px 24px 84px -4px rgb(0 0 0 / 5%), 0px 16px 64px 6px rgb(0 0 0 / 0.7%);
	--lbs: rgb(0 5 0 / 3%) 0px 20px 30px;
	--border-lowOp: 1px solid rgb(0 0 0 / 10%);
	--border-midOp: 1px solid rgb(0 0 0 / 30%);
	--lowOp: rgb(0 0 0 / 10%);
	--border-conOp: 1px solid rgb(0 0 0 / 30%);
	--conOp: rgb(0 0 0 / 30%);
	--text-on-button: var(--text-normal);
	--gradient-bg-primary: linear-gradient(135deg, #fff 1.62%, #F5F5F5 50.72%) !important;
	--gradient-bg-secondary: linear-gradient(135deg, #F3F3F3 1.62%, #E6E6E6 50.72%) !important;
	--background-modifier-border-alt: #fff !important;
}

.theme-dark {
	color-scheme: dark;
	--highlight-mix-blend-mode: lighten;
	--mono-rgb-0: 0, 0, 0;
	--mono-rgb-100: 255, 255, 255;
	--color-red-rgb: 251, 70, 76;
	--color-red: #FB464C;
	--color-red-hsl: 358, 96%, 63%;
	--color-orange-rgb: 233, 151, 63;
	--color-orange: #E9973F;
	--color-orange-hsl: 31, 79%, 58%;
	--color-yellow-rgb: 224, 222, 113;
	--color-yellow: #E0DE71;
	--color-yellow-hsl: 59, 64%, 66%;
	--color-green-rgb: 68, 207, 110;
	--color-green: #44CF6E;
	--color-green-hsl: 138, 59%, 54%;
	--color-cyan-rgb: 83, 223, 221;
	--color-cyan: #53DFDD;
	--color-cyan-hsl: 179, 69%, 60%;
	--color-blue-rgb: 2, 122, 255;
	--color-blue: #027AFF;
	--color-blue-hsl: 212, 100%, 50%;
	--color-purple-rgb: 168, 130, 255;
	--color-purple-hsl: 258, 100%, 75%;
	--color-purple: #A882FF;
	--color-pink-rgb: 250, 153, 205;
	--color-pink: #FA99CD;
	--color-pink-hsl: 328, 91%, 79%;
	--canvas-color: 245, 245, 245;
    --color-base-00: #1e1e1e;
    --color-base-10: #242424;
    --color-base-20: #262626;
    --color-base-25: #2a2a2a;
    --color-base-30: #282828;
    --color-base-35: #3F3F3F;
    --color-base-40: #555;
    --color-base-50: #666;
    --color-base-60: #999;
    --color-base-70: #bababa;
    --color-base-100: #dadada;
	--color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l);
	--color-accent: hsl(var(--accent-h) var(--accent-s) var(--accent-l));
	--color-accent-1:
		hsl(
			var(--accent-h)
			var(--accent-s)
			calc(var(--accent-l) - 3.8%)
		);
	--color-accent-2:
		hsl(
			var(--accent-h)
			var(--accent-s)
			calc(var(--accent-l) + 3.8%)
		);
	--background-modifier-form-field: var(--color-base-25);
	--background-secondary-alt: var(--color-base-30);
	--interactive-normal: var(--color-base-20);
	--interactive-hover: var(--color-base-35);
	--background-modifier-box-shadow: rgb(0 0 0 / 30%);
	--background-modifier-cover: rgb(10 10 10 / 40%);
	--text-highlight-bg: rgb(255 208 0 / 40%);
	--text-highlight-bg-active: rgb(255 128 0 / 40%);
	--input-shadow: inset 0 0.5px 0.5px 0.5px rgb(255 255 255 / 9%), 0 2px 4px 0 rgb(0 0 0 / 15%), 0 1px 1.5px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 20%), 0 0 0 0 transparent;
	--input-shadow-hover: inset 0 0.5px 1px 0.5px rgb(255 255 255 / 16%), 0 2px 3px 0 rgb(0 0 0 / 30%), 0 1px 1.5px 0 rgb(0 0 0 / 20%), 0 1px 2px 0 rgb(0 0 0 / 40%), 0 0 0 0 transparent;
	--shadow-s: rgb(0 0 0 / 16%) 0px 1px 4px;
	--shadow-l: rgb(0 0 0 / 20%) 0px 8px 24px;
	--shadow-lm-only: none;
	--sbs: 24px 24px 84px -4px rgb(0 0 13 / 5%), 0px 16px 64px 6px rgb(0 13 0 / 0.7%);
	--lbs: rgb(0 0 5 / 15%) 0px 20px 30px;
	--border-lowOp: 1px solid rgb(255 255 255 / 10%);
	--border-midOp: 1px solid rgb(255 255 255 / 30%);
	--lowOp: rgb(255 255 255 / 10%);
	--midOp: rgb(255 255 255 / 30%);
	--border-conOp: 1px solid rgb(255 255 255 / 10%);
	--conOp: rgb(255 255 255 / 10%);
	--text-on-button: var(--text-on-accent);
	--test-image: url("https://i.pinimg.com/564x/15/05/3c/15053c066ed66a20595bef2f0b08c37d.jpg");
	--background-grad:
		linear-gradient(
			45deg,
			hsl(240 100% 20%) 0%,
			hsl(289 100% 21%) 11%,
			hsl(315 100% 27%) 22%,
			hsl(329 100% 36%) 33%,
			hsl(337 100% 43%) 44%,
			hsl(357 91% 59%) 56%,
			hsl(17 100% 59%) 67%,
			hsl(34 100% 53%) 78%,
			hsl(45 100% 50%) 89%,
			hsl(55 100% 50%) 100%
		);
	--gradient-bg-primary: linear-gradient(135deg, #262626 1.62%, #1e1e1e 50.72%);
	--gradient-bg-secondary: linear-gradient(135deg, #2B2B2B 1.62%, #262626 50.72%);
	--background-modifier-border-alt: #303030;
}

.ulu-spotlight-d.theme-dark {
    color-scheme: dark;
    --highlight-mix-blend-mode: lighten;
    --accent-h: 14 !important;
    --accent-s: 100% !important;
    --accent-l: 73% !important;
    --mono-rgb-0: 0, 0, 0;
    --mono-rgb-100: 255, 255, 255;
    --color-red-rgb: 251, 70, 76;
    --color-red: #fb464c;
    --color-orange-rgb: 233, 151, 63;
    --color-orange: #E9973F;
    --color-yellow-rgb: 224, 222, 113;
    --color-yellow: #E0DE71;
    --color-green-rgb: 68, 207, 110;
    --color-green: #44CF6E;
    --color-cyan-rgb: 83, 223, 221;
    --color-cyan: #53DFDD;
    --color-blue-rgb: 2, 122, 255;
    --color-blue: #027aff;
    --color-purple-rgb: 168, 130, 255;
    --color-purple: #a882ff;
    --color-pink-rgb: 250, 153, 205;
    --color-pink: #FA99CD;
    --color-base-00: #212733;
    /* background-primary */
    --color-base-10: #272C36;
    /* background-primary-alt */
    --color-base-20: #1A1F28;
    /* background-secondary */
    --color-base-25: #2C3139;
    /* idk lol */
    --color-base-30: #121924;
    /* background-modifier-border */
    --color-base-35: #2C3139;
    /* background-modifier-border-hover */
    --color-base-40: #2C3139;
    /* background-modifier-border-focus */
    --color-base-50: #85ADBB;
    /* text-faint */
    --color-base-60: #85ADBB;
    /* also no clue */
    --color-base-70: #e6e6e6;
    /* text-muted */
    --color-base-100: #FF9473;
    /* text-normal */
    --color-accent-hsl: var(--accent-h),
        var(--accent-s),
        var(--accent-l);
    --color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
    --color-accent-1: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 3.8%));
    --color-accent-2: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 3.8%));
    --background-modifier-form-field: var(--color-base-25);
    --background-secondary-alt: var(--color-base-30);
    --interactive-normal: var(--color-base-30);
    --interactive-hover: var(--color-base-35);
    --background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
    --background-modifier-cover: rgba(10, 10, 10, 0.4);
    --text-highlight-bg: rgba(255, 208, 0, 0.4);
    --text-highlight-bg-active: rgba(255, 128, 0, 0.4);
    --text-selection: hsla(var(--interactive-accent-hsl), 0.25);
    --input-shadow: inset 0 0.5px 0.5px 0.5px rgba(255, 255, 255, 0.09),
        0 2px 4px 0 rgba(0, 0, 0, .15),
        0 1px 1.5px 0 rgba(0, 0, 0, .1),
        0 1px 2px 0 rgba(0, 0, 0, .2),
        0 0 0 0 transparent;
    --input-shadow-hover: inset 0 0.5px 1px 0.5px rgba(255, 255, 255, 0.16),
        0 2px 3px 0 rgba(0, 0, 0, .3),
        0 1px 1.5px 0 rgba(0, 0, 0, .2),
        0 1px 2px 0 rgba(0, 0, 0, .4),
        0 0 0 0 transparent;
    --shadow-s: none;
    --shadow-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.071),
        0px 6.3px 24.7px rgba(0, 0, 0, 0.112),
        0px 30px 90px rgba(0, 0, 0, 0.2);
	--gradient-bg-primary: linear-gradient(135deg, #262D3B 1.62%, #212733 50.72%);
	--gradient-bg-secondary: linear-gradient(135deg, #1E242E 1.62%, #1A1F28 50.72%);
	--background-modifier-border-alt: #161F2C;
}

/* soft theme
*/
.ulu-soft-l.theme-light {
	color-scheme: light;
	--highlight-mix-blend-mode: darken;
	--mono-rgb-0: 255, 255, 255;
	--mono-rgb-100: 0, 0, 0;
	--color-red-rgb: 154, 69, 60;
	--color-red: #9A453C;
	--color-red-hsl: 6, 44%, 42%;
	--color-green-rgb: 139, 164, 129;
	--color-green: #8BA481;
	--color-green-hsl: 103, 16%, 57%;
	--color-orange-rgb: 241, 187, 138;
	--color-orange: #F1BB8A;
	--color-orange-hsl: 29, 79%, 74%;
	--color-yellow-rgb: 228, 188, 127;
	--color-yellow: #E4BC7F;
	--color-yellow-hsl: 36, 65%, 70%;
	--color-cyan-rgb: 155, 199, 189;
	--color-cyan: #9BC7BD;
	--color-cyan-hsl: 166, 28%, 69%;
	--color-blue-rgb: 23, 92, 89;
	--color-blue: #175C59;
	--color-blue-hsl: 177, 60%, 23%;
	--color-purple-rgb: 166, 154, 181;
	--color-purple: #A69AB5;
	--color-purple-hsl: 267, 15%, 66%;
	--color-pink-rgb: 239, 121, 106;
	--color-pink: #EF796A;
	--color-pink-hsl: 7, 81%, 68%;
	--canvas-color: 10, 10, 10;
	--color-base-00: #F6F2EE; /* background-primary */
	--color-base-05: #FEFEFE; /* background-secondary-alt in light mode, for some reason */
	--color-base-10: #FEFEFE; /* background-primary-alt */
	--color-base-20: #E1D4C6; /* background-secondary */
	--color-base-25: #FEFEFE; /* idk lol */
	--color-base-30: #C6B19C; /* background-modifier-border */
	--color-base-35: #A39180; /* background-modifier-border-hover */
	--color-base-40: var(--color-base-30); /* background-modifier-border-focus */
	--color-base-50: #817466; /* text-faint */
	--color-base-60: #A39180; /* also no clue */
	--color-base-70: #62574D; /* text-muted */
	--color-base-100: #433C34; /* text-normal */
	--gradient-bg-primary: linear-gradient(135deg, #FAF7F5 1.62%, #F6F2EE 50.72%);
	--gradient-bg-secondary: linear-gradient(135deg, #E6DCD0 1.62%, #E1D4C6 50.72%);
	--gradient-bg-tertiary: linear-gradient(135deg, #E4F1F7 30.62%, #D0E6F1 90.72%);
	--background-modifier-border-alt: #fff;
}

.ulu-soft-d.theme-dark {
	color-scheme: dark;
	--highlight-mix-blend-mode: lighten;
	--mono-rgb-0: 0, 0, 0;
	--mono-rgb-100: 255, 255, 255;
	--color-red-rgb: 154, 69, 60;
	--color-red: #9A453C;
	--color-red-hsl: 6, 44%, 42%;
	--color-green-rgb: 139, 164, 129;
	--color-green: #8BA481;
	--color-green-hsl: 103, 16%, 57%;
	--color-orange-rgb: 241, 187, 138;
	--color-orange: #F1BB8A;
	--color-orange-hsl: 29, 79%, 74%;
	--color-yellow-rgb: 228, 188, 127;
	--color-yellow: #E4BC7F;
	--color-yellow-hsl: 36, 65%, 70%;
	--color-cyan-rgb: 155, 199, 189;
	--color-cyan: #9BC7BD;
	--color-cyan-hsl: 166, 28%, 69%;
	--color-blue-rgb: 23, 92, 89;
	--color-blue: #175C59;
	--color-blue-hsl: 177, 60%, 23%;
	--color-purple-rgb: 166, 154, 181;
	--color-purple: #A69AB5;
	--color-purple-hsl: 267, 15%, 66%;
	--color-pink-rgb: 239, 121, 106;
	--color-pink: #EF796A;
	--color-pink-hsl: 7, 81%, 68%;
	--canvas-color: 245, 245, 245;
	--color-base-00: #33302E; /* background-primary */
	--color-base-10: #242424; /* background-primary-alt */
	--color-base-20: #393633; /* background-secondary */
	--color-base-25: #2A2A2A; /* idk lol */
	--color-base-30: #4C4843; /* background-modifier-border */
	--color-base-35: #635E58; /* background-modifier-border-hover */
	--color-base-40: #4C4843; /* background-modifier-border-focus */
	--color-base-50: #7F7871; /* text-faint */
	--color-base-60: #9F968D; /* also no clue */
	--color-base-70: #C6BBB1; /* text-muted */
	--color-base-100: #ECE8E5; /* text-normal */
	--gradient-bg-primary: linear-gradient(135deg, #3B3835 1.62%, #33302E 50.72%);
	--gradient-bg-secondary: linear-gradient(135deg, #413D3A 1.62%, #393633 50.72%);
	--background-modifier-border-alt: #54504A;
}

/* architect theme
*/
.ulu-arch-l.theme-light {
	color-scheme: light;
	--highlight-mix-blend-mode: darken;
	--mono-rgb-0: 255, 255, 255;
	--mono-rgb-100: 0, 0, 0;
	--color-red-rgb: 244, 116, 98;
	--color-red: #F47462;
	--color-red-hsl: 7, 87%, 67%;
	--color-green-rgb: 129, 162, 66;
	--color-green: #81A242;
	--color-green-hsl: 81, 42%, 45%;
	--color-orange-rgb: 241, 173, 88;
	--color-orange: #F1AD58;
	--color-orange-hsl: 33, 85%, 65%;
	--color-yellow-rgb: 243, 188, 25;
	--color-yellow: #F3BC19;
	--color-yellow-hsl: 45, 90%, 53%;
	--color-cyan-rgb: 66, 163, 173;
	--color-cyan: #42A3AD;
	--color-cyan-hsl: 186, 45%, 47%;
	--color-blue-rgb: 31, 96, 139;
	--color-blue: #1F608B;
	--color-blue-hsl: 204, 64%, 33%;
	--color-purple-rgb: 125, 60, 132;
	--color-purple: #7D3C84;
	--color-purple-hsl: 294, 38%, 38%;
	--color-pink-rgb: 239, 95, 119;
	--color-pink: #EF5F77;
	--color-pink-hsl: 350, 82%, 65%;
	--canvas-color: 10, 10, 10;
	--color-base-00: #E4EBF6; /* background-primary */
	--color-base-05: #FCFCFC; /* background-secondary-alt in light mode, for some reason */
	--color-base-10: #FAFAFA; /* background-primary-alt */
	--color-base-20: #272727; /* background-secondary */
	--color-base-25: #E3E3E3; /* idk lol */
	--color-base-30: #424C6E; /* background-modifier-border */
	--color-base-35: #595959; /* background-modifier-border-hover */
	--color-base-40: #424C6E; /* background-modifier-border-focus */
	--color-base-50: #E1564C; /* text-faint */
	--color-base-60: #767676; /* also no clue */
	--color-base-70: #657392; /* text-muted */
	--color-base-100: #131313; /* text-normal */
	--color-accent: #E1564C !important;
	--color-accent-rgb: 225, 86, 76 !important;
	--color-accent-hsl: 4, 71%, 59% !important;
	--gradient-bg-primary: linear-gradient(135deg, #F0F4FA 1.62%, #E4EBF6 50.72%);
	--gradient-bg-secondary: linear-gradient(135deg, #2B2B2B 1.62%, #272727 50.72%);
	--background-modifier-border-alt: #475276;
}

.ulu-arch-d.theme-dark {
	color-scheme: dark;
	--highlight-mix-blend-mode: lighten;
	--mono-rgb-0: 0, 0, 0;
	--mono-rgb-100: 255, 255, 255;
	--color-red-rgb: 104, 52, 43;
	--color-red: #68342B;
	--color-red-hsl: 9, 41%, 29%;
	--color-orange-rgb: 225, 162, 97;
	--color-orange: #E1A261;
	--color-orange-hsl: 30, 68%, 63%;
	--color-yellow-rgb: 137, 116, 74;
	--color-yellow: #89744A;
	--color-yellow-hsl: 40, 30%, 41%;
	--color-green-rgb: 70, 80, 55;
	--color-green: #465037;
	--color-green-hsl: 84, 19%, 26%;
	--color-cyan-rgb: 135, 178, 184;
	--color-cyan: #87B2B8;
	--color-cyan-hsl: 187, 26%, 63%;
	--color-blue-rgb: 31, 43, 56;
	--color-blue: #1F2B38;
	--color-blue-hsl: 211, 29%, 17%;
	--color-purple-rgb: 77, 65, 89;
	--color-purple-hsl: 270, 16%, 30%;
	--color-purple: #4D4159;
	--color-pink-rgb: 125, 76, 74;
	--color-pink: #7D4C4A;
	--color-pink-hsl: 2, 26%, 39%;
	--canvas-color: 245, 245, 245;
	--color-base-00: #1B1B1B; /* background-primary */
	--color-base-10: #242424; /* background-primary-alt */
	--color-base-20: #232323; /* background-secondary */
	--color-base-25: #2A2A2A; /* idk lol */
	--color-base-30: #020202; /* background-modifier-border */
	--color-base-35: #4F4D4D; /* background-modifier-border-hover */
	--color-base-40: #4F4D4D; /* background-modifier-border-focus */
	--color-base-50: #686666; /* text-faint */
	--color-base-60: #848282; /* also no clue */
	--color-base-70: #A7A4A4; /* text-muted */
	--color-base-100: #CFCCCC; /* text-normal */
}

/* shark time
*/
.ulu-shark-l.theme-light {
	color-scheme: light;
	--highlight-mix-blend-mode: darken;
	--mono-rgb-0: 255, 255, 255;
	--mono-rgb-100: 0, 0, 0;
	--color-red-rgb: 255, 94, 35;
	--color-red: #FF5E23;
	--color-red-hsl: 16, 100%, 57%;
	--color-green-rgb: 104, 156, 43;
	--color-green: #689C2B;
	--color-green-hsl: 88, 57%, 39%;
	--color-orange-rgb: 253, 145, 44;
	--color-orange: #FD912C;
	--color-orange-hsl: 29, 98%, 58%;
	--color-yellow-rgb: 252, 220, 55;
	--color-yellow: #FCDC37;
	--color-yellow-hsl: 50, 97%, 60%;
	--color-cyan-rgb: 66, 163, 173;
	--color-cyan: #42A3AD;
	--color-cyan-hsl: 186, 45%, 47%;
	--color-blue-rgb: 112, 180, 249;
	--color-blue: #70B4F9;
	--color-blue-hsl: 210, 92%, 71%;
	--color-purple-rgb: 116, 76, 180;
	--color-purple: #744CB4;
	--color-purple-hsl: 263, 41%, 50%;
	--color-pink-rgb: 255, 110, 185;
	--color-pink: #FF6EB9;
	--color-pink-hsl: 329, 100%, 72%;
	--canvas-color: 51, 51, 49;
	--color-base-00: #fefefe; /* background-primary */
	--color-base-05: #FCFCFC; /* background-secondary-alt in light mode */
	--color-base-10: #FAFAFA; /* background-primary-alt */
	--color-base-20: #f4e5f8; /* background-secondary */
	--color-base-25: #E3E3E3; /* idk lol */
	--color-base-30: #ffffff; /* background-modifier-border */
	--color-base-35: #3f3a45; /* background-modifier-border-hover */
	--color-base-40: #3f3a45; /* background-modifier-border-focus */
	--color-base-50: #47414E; /* text-faint */
	--color-base-60: #38333d; /* also no clue */
	--color-base-70: #38333d; /* text-muted */
	--color-base-100: #252228; /* text-normal */
	--gradient-bg-primary: linear-gradient(135deg, #fff 1.62%, #F5F5F5 50.72%);
	--gradient-bg-secondary: linear-gradient(135deg, #F9EFFB 1.62%, #F3E4F7 50.72%) !important;
	--gradient-bg-tertiary: linear-gradient(135deg, #E4F1F7 30.62%, #D0E6F1 90.72%);
	--background-modifier-border-alt: #fff;
	/* --color-accent: #70B4F9 !important;
	--color-accent-rgb: 112, 180, 249 !important;
	--color-accent-hsl: 210, 92%, 71% !important;
	--h1-color: #70B4F9;
	--h2-color: #e5989b; */
}

.ulu-shark-d.theme-dark {
    color-scheme: dark;
    --highlight-mix-blend-mode: lighten;
    --mono-rgb-0: 0, 0, 0;
    --mono-rgb-100: 255, 255, 255;
    --color-red-rgb: 247, 69, 69;
    --color-red: #F74545;
    --color-red-hsl: 0, 92%, 62%;
    --color-orange-rgb: 247, 138, 69;
    --color-orange: #F78A45;
    --color-orange-hsl: 23, 92%, 62%;
    --color-yellow-rgb: 247, 204, 68;
    --color-yellow: #F7CC44;
    --color-yellow-hsl: 46, 92%, 62%;
    --color-green-rgb: 69, 247, 123;
    --color-green: #45F77B;
    --color-green-hsl: 138, 92%, 62%;
    --color-cyan-rgb: 69, 206, 247;
    --color-cyan: #45CEF7;
    --color-cyan-hsl: 194, 92%, 62%;
    --color-blue-rgb: 90, 100, 248;
    --color-blue: #5a64f8;
    --color-blue-hsl: 236, 92%, 66%;
    --color-purple-rgb: 170, 69, 247;
    --color-purple-hsl: 274, 92%, 62%;
    --color-purple: #AA45F7;
    --color-pink-rgb: 247, 69, 191;
    --color-pink: #F745BF;
    --color-pink-hsl: 319, 92%, 62%;
    --canvas-color: 246, 129, 135;
    --color-base-00: #38333d;
    --color-base-10: #47414E;
    --color-base-20: #252228;
    --color-base-25: #332F37;
    --color-base-30: #3f3a45;
    --color-base-35: #8e718e;
    --color-base-40: #8e718e;
    --color-base-50: #d8ccd8;
    --color-base-60: #d3c9d3;
    --color-base-70: #d3c9d3;
    --color-base-100: #fefefe;
    --gradient-bg-primary: linear-gradient(135deg, #38333d 1.62%, #332E38 50.72%);
    --gradient-bg-secondary: linear-gradient(135deg, #332F37 1.62%, #252228 50.72%) !important;
	--gradient-bg-tertiary: linear-gradient(135deg, #8e718e 30.62%, #836383 90.72%);
    --background-modifier-border-alt: #9c7b9c;
    /* --accent-h: 194 !important;
    --accent-s: 92% !important;
    --accent-l: 62% !important;
	--color-accent-hsl: var(--accent-h),
	var(--accent-s),
	var(--accent-l);
	--color-accent: #45CEF7 !important;
    --color-accent-rgb: 69, 81, 247 !important;
    --h1-color: #45CEF7;
    --h2-color: #F745BF; */
}

.ulu-shark-d.theme-dark .mod-root .workspace-tabs .workspace-leaf:not(.is-mobile),
.ulu-shark-d.theme-dark .modal:not(.is-mobile) {
	border: 1px solid #3f3a45 !important;
}

.ulu-shark-d.theme-dark.ulu-prop-card .markdown-source-view.is-live-preview.show-properties .metadata-container,
.ulu-shark-l.theme-light.ulu-prop-card .markdown-source-view.is-live-preview.show-properties .metadata-container {
    display: var(--metadata-display-editing);
    border: 1px solid var(--background-modifier-border-alt);
    background: var(--gradient-bg-tertiary);
    margin-bottom: 3em;
    border-radius: 8px;
    padding: 8px;
}


/* minimum
*/
.ulu-min-l.theme-light {
	color-scheme: light;
	--highlight-mix-blend-mode: darken;
	--mono-rgb-0: 255, 255, 255;
	--mono-rgb-100: 0, 0, 0;
	--color-red-rgb: 233, 49, 71;
	--color-red: #E93147;
	--color-red-hsl: 353, 81%, 55%;
	--color-green-rgb: 8, 185, 78;
	--color-green: #08B94E;
	--color-green-hsl: 144, 92%, 38%;
	--color-orange-rgb: 236, 117, 0;
	--color-orange: #EC7500;
	--color-orange-hsl: 30, 100%, 46%;
	--color-yellow-rgb: 224, 172, 0;
	--color-yellow: #E0AC00;
	--color-yellow-hsl: 46, 100%, 44%;
	--color-cyan-rgb: 0, 191, 188;
	--color-cyan: #00BFBC;
	--color-cyan-hsl: 179, 100%, 37%;
	--color-blue-rgb: 8, 109, 221;
	--color-blue: #086DDD;
	--color-blue-hsl: 212, 93%, 45%;
	--color-purple-rgb: 120, 82, 238;
	--color-purple: #7852EE;
	--color-purple-hsl: 255, 82%, 63%;
	--color-pink-rgb: 213, 57, 132;
	--color-pink: #D53984;
	--color-pink-hsl: 331, 65%, 53%;
	--canvas-color: 51, 51, 49;
    --color-base-00: #ffffff;
    --color-base-05: #fcfcfc;
    --color-base-10: #fafafa;
    --color-base-20: #f6f6f6;
    --color-base-25: #e3e3e3;
    --color-base-30: #f6f6f6;
    --color-base-35: #d4d4d4;
    --color-base-40: #f6f6f6;
    --color-base-50: #ababab;
    --color-base-60: #707070;
    --color-base-70: #5a5a5a;
    --color-base-100: #222222;
	--gradient-bg-primary: linear-gradient(135deg, #ffffff 1.62%, #ffffff 50.72%);
    --gradient-bg-secondary: linear-gradient(135deg, #f6f6f6 1.62%, #f6f6f6 50.72%);
    --background-modifier-border-alt: #fff;
}

.ulu-min-d.theme-dark {
    color-scheme: dark;
    --highlight-mix-blend-mode: lighten;
    --mono-rgb-0: 0, 0, 0;
    --mono-rgb-100: 255, 255, 255;
	--color-red-rgb: 251, 70, 76;
	--color-red: #fb464c;
	--color-orange-rgb: 233, 151, 63;
	--color-orange: #E9973F;
	--color-yellow-rgb: 224, 222, 113;
	--color-yellow: #E0DE71;
	--color-green-rgb: 68, 207, 110;
	--color-green: #44CF6E;
	--color-cyan-rgb: 83, 223, 221;
	--color-cyan: #53DFDD;
	--color-blue-rgb: 2, 122, 255;
	--color-blue: #027aff;
	--color-purple-rgb: 168, 130, 255;
	--color-purple: #a882ff;
	--color-pink-rgb: 250, 153, 205;
	--color-pink: #FA99CD;
    --canvas-color: 245, 245, 245;
    --color-base-00: #0c0c0c;
    --color-base-10: #242424;
    --color-base-20: #000000;
    --color-base-25: #2a2a2a;
    --color-base-30: #000000;
    --color-base-35: #3F3F3F;
    --color-base-40: #000000;
    --color-base-50: #666;
    --color-base-60: #999;
    --color-base-70: #bababa;
    --color-base-100: #dadada;
}

/* paperlike
*/
.ulu-light-l.theme-light {
	color-scheme: light;
	--highlight-mix-blend-mode: darken;
	--mono-rgb-0: 255, 255, 255;
	--mono-rgb-100: 0, 0, 0;
	--color-red-rgb: 239, 121, 106;
	--color-red: #EF796A;
	--color-red-hsl: 7, 81%, 68%;
	--color-green-rgb: 140, 179, 105;
	--color-green: #8CB369;
	--color-green-hsl: 92, 33%, 56%;
	--color-orange-rgb: 255, 127, 81;
	--color-orange: #FF7F51;
	--color-orange-hsl: 16, 100%, 66%;
	--color-yellow-rgb: 237, 174, 73;
	--color-yellow: #EDAE49;
	--color-yellow-hsl: 37, 82%, 61%;
	--color-cyan-rgb: 15, 189, 168;
	--color-cyan: #0FBDA8;
	--color-cyan-hsl: 173, 85%, 40%;
	--color-blue-rgb: 120, 139, 255;
	--color-blue: #788BFF;
	--color-blue-hsl: 232, 100%, 74%;
	--color-purple-rgb: 147, 129, 255;
	--color-purple: #9381FF;
	--color-purple-hsl: 249, 100%, 75%;
	--color-pink-rgb: 251, 99, 118;
	--color-pink: #FB6376;
	--color-pink-hsl: 353, 95%, 69%;
	--canvas-color: 10, 10, 10;
	--color-base-00: #FCF8E8; /* background-primary */
	--color-base-05: #FEFEFE; /* background-secondary-alt in light mode, for some reason */
	--color-base-10: #FEFEFE; /* background-primary-alt */
	--color-base-20: #F1EDDE; /* background-secondary */
	--color-base-25: #FEFEFE; /* idk lol */
	--color-base-30: #DAD6CA; /* background-modifier-border */
	--color-base-35: #A39180; /* background-modifier-border-hover */
	--color-base-40: var(--color-base-30); /* background-modifier-border-focus */
	--color-base-50: #817466; /* text-faint */
	--color-base-60: #B9B6AA; /* also no clue */
	--color-base-70: #3E3D39; /* text-muted */
	--color-base-100: #433C34; /* text-normal */
	--gradient-bg-primary: linear-gradient(135deg, #FEFEFE 1.62%, #FDFBF1 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F6F3EA 1.62%, #F1EDDE 50.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

/* solarized
*/

.theme-light.ulu-solar-lt {
	--accent-h: 175.5;
	--accent-s: 58.6%;
	--accent-l: 39.8%;
	--color-red: #DC322F;
	--color-red-hsl: 1, 71.2%, 52.4%;
	--color-red-rgb: 220, 50, 47;
	--color-green: #859900;
	--color-green-hsl: 67.8, 100%, 30%;
	--color-green-rgb: 133, 153, 0;
	--color-orange: #CB4B16;
	--color-orange-hsl: 17.6, 80.4%, 44.1%;
	--color-orange-rgb: 203, 75, 22;
	--color-yellow: #B58900;
	--color-yellow-hsl: 45.4, 100%, 35.5%;
	--color-yellow-rgb: 203, 75, 22;
	--color-cyan: #2AA198;
	--color-cyan-hsl: 175.5, 58.6%, 39.8%;
	--color-cyan-rgb: 42, 161, 152;
	--color-blue: #268BD2;
	--color-blue-hsl: 204.8, 69.4%, 48.6%;
	--color-blue-rgb: 38, 139, 210;
	--color-purple: #6C71C4;
	--color-purple-hsl: 236.6, 42.7%, 59.6%;
	--color-purple-rgb: 38, 139, 210;
	--color-pink: #D33682;
	--color-pink-hsl: 331, 64.1%, 52%;
	--color-pink-rgb: 211, 54, 130;
	--color-base-00: #FDF6E3;
	--color-base-05: #FFFAEE;
	--color-base-10: #FFFAEB;
	--color-base-20: #EEE8D5;
	--color-base-25: #B7B6B2;
	--color-base-30: #B7B6B2;
	--color-base-35: #EEE8D5;
	--color-base-40: #B7B6B2;
	--color-base-50: #93A1A1;
	--color-base-60: #586E75;
	--color-base-70: #657B83;
	--color-base-100: #586E75;
	--gradient-bg-primary: linear-gradient(135deg, #FEFAF1 1.62%, #FDF6E3 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F0EBDB 1.62%, #EEE8D5 50.72%) !important;
    --background-modifier-border-alt: #E2E1DF !important;
}

.theme-dark.ulu-solar-dt {
	--accent-h: 1;
	--accent-s: 71.2%;
	--accent-l: 52.4%;
	--color-red: #DC322F;
	--color-red-hsl: 1, 71.2%, 52.4%;
	--color-red-rgb: 220, 50, 47;
	--color-green: #859900;
	--color-green-hsl: 67.8, 100%, 30%;
	--color-green-rgb: 133, 153, 0;
	--color-orange: #CB4B16;
	--color-orange-hsl: 17.6, 80.4%, 44.1%;
	--color-orange-rgb: 203, 75, 22;
	--color-yellow: #B58900;
	--color-yellow-hsl: 45.4, 100%, 35.5%;
	--color-yellow-rgb: 203, 75, 22;
	--color-cyan: #2AA198;
	--color-cyan-hsl: 175.5, 58.6%, 39.8%;
	--color-cyan-rgb: 42, 161, 152;
	--color-blue: #268BD2;
	--color-blue-hsl: 204.8, 69.4%, 48.6%;
	--color-blue-rgb: 38, 139, 210;
	--color-purple: #6C71C4;
	--color-purple-hsl: 236.6, 42.7%, 59.6%;
	--color-purple-rgb: 38, 139, 210;
	--color-pink: #D33682;
	--color-pink-hsl: 331, 64.1%, 52%;
	--color-pink-rgb: 211, 54, 130;
	--color-base-00: #073642;
	--color-base-10: #08404E;
	--color-base-20: #002B36;
	--color-base-25: #023845;
	--color-base-30: #586E75;
	--color-base-35: #637C84;
	--color-base-40: #002B36;
	--color-base-50: #586E75;
	--color-base-60: #93A1A1;
	--color-base-70: #839496;
	--color-base-100: #93A1A1;
	--gradient-bg-primary: linear-gradient(135deg, #08404E 1.62%, #073642 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #003947 1.62%, #002B36 50.72%) !important;
    --background-modifier-border-alt: #375662 !important;
}

/* red
*/
.ulu-red-l.theme-light {
	--accent-h: 13;
	--accent-s: 68%;
	--accent-l: 63%;
	--color-red: #EA5E41;
	--color-red-hsl: 10.3, 80.1%, 58.6%;
	--color-red-rgb: 234, 94, 65;
	--color-green: #A9D37E;
	--color-green-hsl: 89.6, 49.1%, 66.1%;
	--color-green-rgb: 169, 211, 126;
	--color-orange: #ED874C;
	--color-orange-hsl: 22, 81.7%, 61.4%;
	--color-orange-rgb: 237, 135, 76;
	--color-yellow: #E9BA4A;
	--color-yellow-hsl: 42.3, 78.3%, 60.2%;
	--color-yellow-rgb: 233, 186, 74;
	--color-cyan: #5AB7ED;
	--color-cyan-hsl: 202, 80.3%, 64.1%;
	--color-cyan-rgb: 90, 183, 237;
	--color-blue: #339AF0;
	--color-blue-hsl: 207.3, 86.3%, 57.1%;
	--color-blue-rgb: 122, 184, 225;
	--color-purple: #7865E6;
	--color-purple-hsl: 248.8, 72.1%, 64.9%;
	--color-purple-rgb: 120, 101, 230;
	--color-pink: #F6B7D8;
	--color-pink-hsl: 328.6, 77.8%, 84.1%;
	--color-base-00: #dacdcd; /* background-primary */
	--color-base-05: #fefefe; /* background-secondary-alt in light mode, for some reason */
	--color-base-10: #b18a8a; /* background-primary-alt */
	--color-base-20: #cebdbd; /* background-secondary */
	--color-base-25: #b18a8a; /* idk lol */
	--color-base-30: #b18a8a; /* background-modifier-border */
	--color-base-35: #5a3a3a; /* background-modifier-border-hover */
	--color-base-40: var(--color-base-30); /* background-modifier-border-focus */
	--color-base-50: #5a3a3a; /* text-faint */
	--color-base-60: #4e3434; /* also no clue */
	--color-base-70: #231a1a; /* text-muted */
	--color-base-100: #0b0909; /* text-normal */
	--gradient-bg-primary: linear-gradient(135deg, #E5DCDC 1.62%, #dacdcd 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #DACDCD 1.62%, #cebdbd 50.72%) !important;
    --background-modifier-border-alt: #F7DEDE !important;
}

.ulu-red-d.theme-dark {
	--accent-h: 75;
	--accent-s: 21%;
	--accent-l: 57%;
	--color-red: #EA5E41;
	--color-red-hsl: 10.3, 80.1%, 58.6%;
	--color-red-rgb: 234, 94, 65;
	--color-green: #5FB26B;
	--color-green-hsl: 128.7, 35%, 53.5%;
	--color-green-rgb: 95, 178, 107;
	--color-orange: #ED874C;
	--color-orange-hsl: 22, 81.7%, 61.4%;
	--color-orange-rgb: 237, 135, 76;
	--color-yellow: #E9BF55;
	--color-yellow-hsl: 43, 77.1%, 62.4%;
	--color-yellow-rgb: 233, 191, 85;
	--color-cyan: #47AFEB;
	--color-cyan-hsl: 202, 80.4%, 60%;
	--color-cyan-rgb: 71, 175, 235;
	--color-blue: #2E8CCC;
	--color-blue-hsl: 204.3, 63.2%, 49%;
	--color-blue-rgb: 46, 140, 204;
	--color-purple: #4B53D1;
	--color-purple-hsl: 236.4, 59.3%, 55.7%;
	--color-purple-rgb: 75, 83, 209;
	--color-pink: #EB6FAF;
	--color-pink-hsl: 329, 75.6%, 67.8%;
	--color-base-00: #171212; /* background-primary */
	--color-base-10: #231a1a; /* background-primary-alt */
	--color-base-20: #110e0e; /* background-secondary */
	--color-base-25: #2A2A2A; /* idk lol */
	--color-base-30: #4e3434; /* background-modifier-border */
	--color-base-35: #635858; /* background-modifier-border-hover */
	--color-base-40: #4e3434; /* background-modifier-border-focus */
	--color-base-50: #815757; /* text-faint */
	--color-base-60: #b18a8a; /* also no clue */
	--color-base-70: #cebdbd; /* text-muted */
	--color-base-100: #dacdcd; /* text-normal */
	--gradient-bg-primary: linear-gradient(135deg, #221B1B 1.62%, #171212 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #191515 1.62%, #110e0e 50.72%) !important;
    --background-modifier-border-alt: #4e3434 !important;
}

/* green theme
*/
.ulu-green-l.theme-light {
	color-scheme: light;
	--highlight-mix-blend-mode: darken;
	--mono-rgb-0: 255, 255, 255;
	--mono-rgb-100: 0, 0, 0;
	--color-red-rgb: 154, 69, 60;
	--color-red: #9A453C;
	--color-red-hsl: 6, 44%, 42%;
	--color-green-rgb: 139, 164, 129;
	--color-green: #8BA481;
	--color-green-hsl: 103, 16%, 57%;
	--color-orange-rgb: 241, 187, 138;
	--color-orange: #F1BB8A;
	--color-orange-hsl: 29, 79%, 74%;
	--color-yellow-rgb: 228, 188, 127;
	--color-yellow: #E4BC7F;
	--color-yellow-hsl: 36, 65%, 70%;
	--color-cyan-rgb: 155, 199, 189;
	--color-cyan: #9BC7BD;
	--color-cyan-hsl: 166, 28%, 69%;
	--color-blue-rgb: 23, 92, 89;
	--color-blue: #175C59;
	--color-blue-hsl: 177, 60%, 23%;
	--color-purple-rgb: 166, 154, 181;
	--color-purple: #A69AB5;
	--color-purple-hsl: 267, 15%, 66%;
	--color-pink-rgb: 239, 121, 106;
	--color-pink: #EF796A;
	--color-pink-hsl: 7, 81%, 68%;
	--canvas-color: 10, 10, 10;
	--color-base-00: #dad7cd; /* background-primary */
	--color-base-05: #FEFEFE; /* background-secondary-alt in light mode, for some reason */
	--color-base-10: #A3B18A; /* background-primary-alt */
	--color-base-20: #CDCEBD; /* background-secondary */
	--color-base-25: #A3B18A; /* idk lol */
	--color-base-30: #a3b18a; /* background-modifier-border */
	--color-base-35: #3A5A40; /* background-modifier-border-hover */
	--color-base-40: var(--color-base-30); /* background-modifier-border-focus */
	--color-base-50: #3A5A40; /* text-faint */
	--color-base-60: #344E41; /* also no clue */
	--color-base-70: #1A231F; /* text-muted */
	--color-base-100: #090B0A; /* text-normal */
	--gradient-bg-primary: linear-gradient(135deg, #E5E3DC 1.62%, #dad7cd 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #D9DACD 1.62%, #CDCEBD 50.72%) !important;
    --background-modifier-border-alt: #a3b18a !important;
}

.ulu-green-d.theme-dark {
	color-scheme: dark;
	--highlight-mix-blend-mode: lighten;
	--mono-rgb-0: 0, 0, 0;
	--mono-rgb-100: 255, 255, 255;
	--color-red-rgb: 154, 69, 60;
	--color-red: #9A453C;
	--color-red-hsl: 6, 44%, 42%;
	--color-green-rgb: 139, 164, 129;
	--color-green: #8BA481;
	--color-green-hsl: 103, 16%, 57%;
	--color-orange-rgb: 241, 187, 138;
	--color-orange: #F1BB8A;
	--color-orange-hsl: 29, 79%, 74%;
	--color-yellow-rgb: 228, 188, 127;
	--color-yellow: #E4BC7F;
	--color-yellow-hsl: 36, 65%, 70%;
	--color-cyan-rgb: 155, 199, 189;
	--color-cyan: #9BC7BD;
	--color-cyan-hsl: 166, 28%, 69%;
	--color-blue-rgb: 23, 92, 89;
	--color-blue: #175C59;
	--color-blue-hsl: 177, 60%, 23%;
	--color-purple-rgb: 166, 154, 181;
	--color-purple: #A69AB5;
	--color-purple-hsl: 267, 15%, 66%;
	--color-pink-rgb: 239, 121, 106;
	--color-pink: #EF796A;
	--color-pink-hsl: 7, 81%, 68%;
	--canvas-color: 245, 245, 245;
	--color-base-00: #121715; /* background-primary */
	--color-base-10: #1A231F; /* background-primary-alt */
	--color-base-20: #0E1110; /* background-secondary */
	--color-base-25: #2A2A2A; /* idk lol */
	--color-base-30: #344E41; /* background-modifier-border */
	--color-base-35: #635E58; /* background-modifier-border-hover */
	--color-base-40: #344E41; /* background-modifier-border-focus */
	--color-base-50: #588157; /* text-faint */
	--color-base-60: #A3B18A; /* also no clue */
	--color-base-70: #CDCEBD; /* text-muted */
	--color-base-100: #dad7cd; /* text-normal */
	--gradient-bg-primary: linear-gradient(135deg, #1D2522 1.62%, #121715 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #151918 1.62%, #0E1110 50.72%) !important;
    --background-modifier-border-alt: #344E41 !important;
}


/* blue theme
*/
.ulu-blue-l.theme-light {
	color-scheme: light;
	--highlight-mix-blend-mode: darken;
	--mono-rgb-0: 255, 255, 255;
	--mono-rgb-100: 0, 0, 0;
	--canvas-color: 10, 10, 10;
	--color-base-00: #B7CDDC; /* background-primary */
	--color-base-05: #fefefe; /* background-secondary-alt in light mode, for some reason */
	--color-base-10: #C0D8E8; /* background-primary-alt */
	--color-base-20: #B3C6D6; /* background-secondary */
	--color-base-25: #C7D5E1; /* idk lol */
	--color-base-30: #8aa3b1; /* background-modifier-border */
	--color-base-35: #3a4c5a; /* background-modifier-border-hover */
	--color-base-40: var(--color-base-30); /* background-modifier-border-focus */
	--color-base-50: #3a4d5a; /* text-faint */
	--color-base-60: #34414e; /* also no clue */
	--color-base-70: #1a1f23; /* text-muted */
	--color-base-100: #090a0b; /* text-normal */
	--gradient-bg-primary: linear-gradient(135deg, #C0D8E8 1.62%, #B7CDDC 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #C7D5E1 1.62%, #B3C6D6 50.72%) !important;
    --background-modifier-border-alt: #A6D6F2 !important;
}

.ulu-blue-d.theme-dark {
	color-scheme: dark;
	--highlight-mix-blend-mode: lighten;
	--mono-rgb-0: 0, 0, 0;
	--mono-rgb-100: 255, 255, 255;
	--color-base-00: #121517; /* background-primary */
	--color-base-10: #1a1d23; /* background-primary-alt */
	--color-base-20: #0e1011; /* background-secondary */
	--color-base-25: #2a2a2a; /* idk lol */
	--color-base-30: #34464e; /* background-modifier-border */
	--color-base-35: #585e63; /* background-modifier-border-hover */
	--color-base-40: #34404e; /* background-modifier-border-focus */
	--color-base-50: #575f81; /* text-faint */
	--color-base-60: #8a99b1; /* also no clue */
	--color-base-70: #bdc4ce; /* text-muted */
	--color-base-100: #cdd0da; /* text-normal */
	--gradient-bg-primary: linear-gradient(135deg, #17242C 1.62%, #121517 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #0B1114 1.62%, #0e1011 50.72%) !important;
    --background-modifier-border-alt: #34464e !important;
}

/* magic theme
*/
.ulu-purple-l.theme-light {
	color-scheme: light;
	--highlight-mix-blend-mode: darken;
	--mono-rgb-0: 255, 255, 255;
	--mono-rgb-100: 0, 0, 0;
	--color-base-00: #dacdda; /* background-primary */
	--color-base-05: #fefefe; /* background-secondary-alt in light mode, for some reason */
	--color-base-10: #b18aae; /* background-primary-alt */
	--color-base-20: #cebdce; /* background-secondary */
	--color-base-25: #b18aaf; /* idk lol */
	--color-base-30: #b18aae; /* background-modifier-border */
	--color-base-35: #5a3a50; /* background-modifier-border-hover */
	--color-base-40: var(--color-base-30); /* background-modifier-border-focus */
	--color-base-50: #5a3a4f; /* text-faint */
	--color-base-60: #4e3448; /* also no clue */
	--color-base-70: #231a21; /* text-muted */
	--color-base-100: #0b090a; /* text-normal */
	--gradient-bg-primary: linear-gradient(135deg, #E0D3E0 1.62%, #dacdda 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #DACDDA 1.62%, #cebdce 50.72%) !important;
    --background-modifier-border-alt: #b18aae !important;
}

.ulu-purple-d.theme-dark {
	color-scheme: dark;
	--highlight-mix-blend-mode: lighten;
	--mono-rgb-0: 0, 0, 0;
	--mono-rgb-100: 255, 255, 255;
	--color-base-00: #141217; /* background-primary */
	--color-base-10: #211a23; /* background-primary-alt */
	--color-base-20: #100e11; /* background-secondary */
	--color-base-25: #2A2A2A; /* idk lol */
	--color-base-30: #44344e; /* background-modifier-border */
	--color-base-35: #5e5863; /* background-modifier-border-hover */
	--color-base-40: #40344e; /* background-modifier-border-focus */
	--color-base-50: #665781; /* text-faint */
	--color-base-60: rgb(163, 138, 177); /* also no clue */
	--color-base-70: #c6bdce; /* text-muted */
	--color-base-100: #d5cdda; /* text-normal */
	--gradient-bg-primary: linear-gradient(135deg, #201D25 1.62%, #141217 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #221E24 1.62%, #100e11 50.72%) !important;
    --background-modifier-border-alt: #44344e !important;
}

/* gruvbox
*/
.theme-light.ulu-gruvbox-lt {
	--accent-h: 13;
	--accent-s: 68%;
	--accent-l: 63%;
	--color-red: #9D0006;
	--color-red-hsl: 357.7, 100%, 30.8%;
	--color-red-rgb: 157, 0, 6;
	--color-green: #79740E;
	--color-green-hsl: 57.2, 79.3%, 26.5%;
	--color-green-rgb: 121, 116, 14;
	--color-orange: #AF3A03;
	--color-orange-hsl: 19.2, 96.6%, 34.9%;
	--color-orange-rgb: 175, 58, 3;
	--color-yellow: #B57614;
	--color-yellow-hsl: 36.5, 80.1%, 39.4%;
	--color-yellow-rgb: 181, 118, 20;
	--color-cyan: #427B58;
	--color-cyan-hsl: 143.2, 30.2%, 37.1%;
	--color-cyan-rgb: 66, 123, 88;
	--color-blue: #076678;
	--color-blue-hsl: 189.6, 89%, 24.9%;
	--color-blue-rgb: 143, 63, 113;
	--color-purple: #8F3F71;
	--color-purple-hsl: 322.5, 38.8%, 40.4%;
	--color-purple-rgb: 143, 63, 113;
	--color-pink: #F6B7D8;
	--color-pink-hsl: 328.6, 77.8%, 84.1%;
	--color-base-00: #FBF1C7;
	--color-base-05: #F9F5D7;
	--color-base-10: #F2E5BC;
	--color-base-20: #EBDBB2;
	--color-base-25: #D5C4A1;
	--color-base-30: #BDAE93;
	--color-base-35: #A89984;
	--color-base-40: #7C6F64;
	--color-base-50: #665C54;
	--color-base-60: #504945;
	--color-base-70: #3C3836;
	--color-base-100: #282828;
	--gradient-bg-primary: linear-gradient(135deg, #FDF6DE 1.62%, #FBF1C7 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F2E8CE 1.62%, #EBDBB2 50.72%) !important;
    --background-modifier-border-alt: #FCF9ED !important;
}

.theme-dark.ulu-gruvbox-dt {
	--accent-h: 75;
	--accent-s: 21%;
	--accent-l: 57%;
	--color-red: #CC241D;
	--color-red-hsl: 2.4, 75.1%, 45.7%;
	--color-red-rgb: 204, 36, 29;
	--color-green: #98971A;
	--color-green-hsl: 59.5, 70.8%, 34.9%;
	--color-green-rgb: 152, 151, 26;
	--color-orange: #D65D0E;
	--color-orange-hsl: 23.7, 87.7%, 44.7%;
	--color-orange-rgb: 104, 157, 106;
	--color-yellow: #D79921;
	--color-yellow-hsl: 39.6, 73.4%, 48.6%;
	--color-yellow-rgb: 215, 153, 33;
	--color-cyan: #689D6A;
	--color-cyan-hsl: 122.3, 21.3%, 51.2%;
	--color-cyan-rgb: 104, 157, 106;
	--color-blue: #458588;
	--color-blue-hsl: 182.7, 32.7%, 40.2%;
	--color-blue-rgb: 69, 133, 136;
	--color-purple: #B16286;
	--color-purple-hsl: 332.7, 33.6%, 53.9%;
	--color-purple-rgb: 177, 98, 134;
	--color-pink: #EB6FAF;
	--color-pink-hsl: 329, 75.6%, 67.8%;
	--color-base-00: #282828;
	--color-base-10: #1D2021;
	--color-base-20: #32302F;
	--color-base-25: #3C3836;
	--color-base-30: #504945;
	--color-base-35: #665C54;
	--color-base-40: #7C6F64;
	--color-base-50: #BDAE93;
	--color-base-60: #D5C4A1;
	--color-base-70: #EBDBB2;
	--color-base-100: #FBF1C7;
	--gradient-bg-primary: linear-gradient(135deg, #313131 1.62%, #282828 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #3C3A39 1.62%, #32302F 50.72%) !important;
    --background-modifier-border-alt: #504945 !important;
}

/* lobstertime
*/
.theme-light.ulu-lobstertime-lt {
	--accent-h: 13;
	--accent-s: 68%;
	--accent-l: 63%;
	--color-red: #EA5E41;
	--color-red-hsl: 10.3, 80.1%, 58.6%;
	--color-red-rgb: 234, 94, 65;
	--color-green: #A9D37E;
	--color-green-hsl: 89.6, 49.1%, 66.1%;
	--color-green-rgb: 169, 211, 126;
	--color-orange: #ED874C;
	--color-orange-hsl: 22, 81.7%, 61.4%;
	--color-orange-rgb: 237, 135, 76;
	--color-yellow: #E9BA4A;
	--color-yellow-hsl: 42.3, 78.3%, 60.2%;
	--color-yellow-rgb: 233, 186, 74;
	--color-cyan: #5AB7ED;
	--color-cyan-hsl: 202, 80.3%, 64.1%;
	--color-cyan-rgb: 90, 183, 237;
	--color-blue: #339AF0;
	--color-blue-hsl: 207.3, 86.3%, 57.1%;
	--color-blue-rgb: 122, 184, 225;
	--color-purple: #7865E6;
	--color-purple-hsl: 248.8, 72.1%, 64.9%;
	--color-purple-rgb: 120, 101, 230;
	--color-pink: #F6B7D8;
	--color-pink-hsl: 328.6, 77.8%, 84.1%;
	--color-base-00: #cdd5da; /* background-primary */
	--color-base-05: #fefefe; /* background-secondary-alt in light mode, for some reason */
	--color-base-10: #8aa3b1; /* background-primary-alt */
	--color-base-20: #bdc6ce; /* background-secondary */
	--color-base-25: #8aa1b1; /* idk lol */
	--color-base-30: #8aa3b1; /* background-modifier-border */
	--color-base-35: #3a4c5a; /* background-modifier-border-hover */
	--color-base-40: var(--color-base-30); /* background-modifier-border-focus */
	--color-base-50: #3a4d5a; /* text-faint */
	--color-base-60: #34414e; /* also no clue */
	--color-base-70: #1a1f23; /* text-muted */
	--color-base-100: #090a0b; /* text-normal */
	--gradient-bg-primary: linear-gradient(135deg, #DCE1E5 1.62%, #cdd5da 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #CAD2D8 1.62%, #bdc6ce 50.72%) !important;
    --background-modifier-border-alt: #504945 !important;
}

.theme-dark.ulu-lobstertime-dt {
	--accent-h: 75;
	--accent-s: 21%;
	--accent-l: 57%;
	--color-red: #EA5E41;
	--color-red-hsl: 10.3, 80.1%, 58.6%;
	--color-red-rgb: 234, 94, 65;
	--color-green: #5FB26B;
	--color-green-hsl: 128.7, 35%, 53.5%;
	--color-green-rgb: 95, 178, 107;
	--color-orange: #ED874C;
	--color-orange-hsl: 22, 81.7%, 61.4%;
	--color-orange-rgb: 237, 135, 76;
	--color-yellow: #E9BF55;
	--color-yellow-hsl: 43, 77.1%, 62.4%;
	--color-yellow-rgb: 233, 191, 85;
	--color-cyan: #47AFEB;
	--color-cyan-hsl: 202, 80.4%, 60%;
	--color-cyan-rgb: 71, 175, 235;
	--color-blue: #2E8CCC;
	--color-blue-hsl: 204.3, 63.2%, 49%;
	--color-blue-rgb: 46, 140, 204;
	--color-purple: #4B53D1;
	--color-purple-hsl: 236.4, 59.3%, 55.7%;
	--color-purple-rgb: 75, 83, 209;
	--color-pink: #EB6FAF;
	--color-pink-hsl: 329, 75.6%, 67.8%;
	--color-base-00: #171212; /* background-primary */
	--color-base-10: #231a1a; /* background-primary-alt */
	--color-base-20: #110e0e; /* background-secondary */
	--color-base-25: #2A2A2A; /* idk lol */
	--color-base-30: #4e3434; /* background-modifier-border */
	--color-base-35: #635858; /* background-modifier-border-hover */
	--color-base-40: #4e3434; /* background-modifier-border-focus */
	--color-base-50: #815757; /* text-faint */
	--color-base-60: #b18a8a; /* also no clue */
	--color-base-70: #cebdbd; /* text-muted */
	--color-base-100: #dacdcd; /* text-normal */
}

/* ob+
*/
.theme-light.ulu-obplus-lt {
	color-scheme: light;
	--accent-h: 13;
	--accent-s: 68%;
	--accent-l: 63%;
	--highlight-mix-blend-mode: darken;
	--mono-rgb-0: 255, 255, 255;
	--mono-rgb-100: 0, 0, 0;
	--color-red: #e76f51;
	--color-red-hsl: 12, 76%, 61%;
	--color-red-rgb: 231, 111, 81;
	--color-green: #2a9d8f;
	--color-green-hsl: 173, 58%, 39%;
	--color-green-rgb: 42, 157, 143;
	--color-orange: #f4a261;
	--color-orange-hsl: 27, 87%, 67%;
	--color-orange-rgb: 244, 162, 97;
	--color-yellow: #e9c46a;
	--color-yellow-hsl: 43, 74%, 66%;
	--color-yellow-rgb: 233, 196, 106;
	--color-cyan: #83c5be;
	--color-cyan-hsl: 174, 36%, 64%;
	--color-cyan-rgb: 131, 197, 190;
	--color-blue: #219ebc;
	--color-blue-hsl: 192, 70%, 43%;
	--color-blue-rgb: 33, 158, 188;
	--color-purple: #9f86c0;
	--color-purple-hsl: 266, 32%, 64%;
	--color-purple-rgb: 159, 134, 192;
	--color-pink: #f0a6ca;
	--color-pink-hsl: 331, 71%, 80%;
	--color-pink-rgb: 240, 166, 202;
	--color-base-00: #F8F9FA;
	--color-base-05: #F4F1DE;
	--color-base-10: #E9ECEF;
	--color-base-20: #F1F3F5;
	--color-base-25: #E9ECEF;
	--color-base-30: #DEE2E6;
	--color-base-35: #CED4DA;
	--color-base-40: #B3B8BD;
	--color-base-50: #666778;
	--color-base-60: #495057;
	--color-base-70: #343A40;
	--color-base-100: #212529;
	--gradient-bg-primary: linear-gradient(135deg, #FFFFFF 1.62%, #F8F9FA 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F6F7F9 1.62%, #F1F3F5 50.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

.theme-dark.ulu-obplus-dt {
	color-scheme: dark;
	--accent-h: 75;
	--accent-s: 21%;
	--accent-l: 57%;
	--highlight-mix-blend-mode: lighten;
	--mono-rgb-0: 0, 0, 0;
	--mono-rgb-100: 255, 255, 255;
	--color-red: #D26861;
	--color-red-hsl: 3.7, 55.7%, 60.2%;
	--color-red-rgb: 210, 104, 97;
	--color-green: #5D9463;
	--color-green-hsl: 126.5, 22.8%, 47.3%;
	--color-green-rgb: 93, 148, 99;
	--color-orange: #A9805A;
	--color-orange-hsl: 28.9, 31.5%, 50.8%;
	--color-orange-rgb: 169, 128, 90;
	--color-yellow: #93885C;
	--color-yellow-hsl: 48, 23%, 46.9%;
	--color-yellow-rgb: 147, 136, 92;
	--color-cyan: #6E8D91;
	--color-cyan-hsl: 186.9, 13.7%, 50%;
	--color-cyan-rgb: 110, 141, 145;
	--color-blue: #588CBF;
	--color-blue-hsl: 209.7, 44.6%, 54.7%;
	--color-blue-rgb: 88, 140, 191;
	--color-purple: #8D80B5;
	--color-purple-hsl: 254.7, 26.4%, 60.6%;
	--color-purple-rgb: 141, 128, 181;
	--color-pink: #A67D8A;
	--color-pink-hsl: 341, 18.7%, 57.1%;
	--color-pink-rgb: 166, 125, 138;
	--color-base-00: #050505; /* background-primary */
	--color-base-10: #1F1F1F; /* background-primary-alt */
	--color-base-20: #000000; /* background-secondary */
	--color-base-25: #1F1F1F; /* idk lol */
	--color-base-30: #1F1F1F; /* background-modifier-border */
	--color-base-35: #383838; /* background-modifier-border-hover */
	--color-base-40: #1F1F1F; /* background-modifier-border-focus */
	--color-base-50: #808080; /* text-faint */
	--color-base-60: #5F5F5F; /* also no clue */
	--color-base-70: #bdbdbd; /* text-muted */
	--color-base-100: #C6C6C6; /* text-normal */
	--gradient-bg-primary: linear-gradient(135deg, #121212 1.62%, #050505 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #0F0F0F 1.62%, #000000 50.72%) !important;
    --background-modifier-border-alt: #1F1F1F !important;
}

/* dark mode only themes
*/

/* blueprint
*/
.ulu-blueprint-d.theme-dark {
	color-scheme: dark;
	--highlight-mix-blend-mode: lighten;
	--mono-rgb-0: 0, 0, 0;
	--mono-rgb-100: 255, 255, 255;
	--color-red-rgb: 104, 52, 43;
	--color-red: #FF5000;
	--color-red-hsl: 9, 41%, 29%;
	--color-orange-rgb: 225, 162, 97;
	--color-orange: #ED7614;
	--color-orange-hsl: 30, 68%, 63%;
	--color-yellow-rgb: 137, 116, 74;
	--color-yellow: #EDAB50;
	--color-yellow-hsl: 40, 30%, 41%;
	--color-green-rgb: 70, 80, 55;
	--color-green: #99E65F;
	--color-green-hsl: 84, 19%, 26%;
	--color-cyan-rgb: 135, 178, 184;
	--color-cyan: #94FDFF;
	--color-cyan-hsl: 187, 26%, 63%;
	--color-blue-rgb: 31, 43, 56;
	--color-blue: #0C0293;
	--color-blue-hsl: 211, 29%, 17%;
	--color-purple-rgb: 77, 65, 89;
	--color-purple-hsl: 270, 16%, 30%;
	--color-purple: #93388F;
	--color-pink-rgb: 125, 76, 74;
	--color-pink: #F68187;
	--color-pink-hsl: 2, 26%, 39%;
	--canvas-color: 245, 245, 245;
	--color-base-00: #0069AA; /* background-primary */
	--color-base-10: #03193F; /* background-primary-alt */
	--color-base-20: #00396D; /* background-secondary */
	--color-base-25: #040303; /* idk lol */
	--color-base-30: #fff; /* background-modifier-border */
	--color-base-35: #fff; /* background-modifier-border-hover */
	--color-base-40: #fff; /* background-modifier-border-focus */
	--color-base-50: #92A1B9; /* text-faint */
	--color-base-60: #92A1B9; /* also no clue */
	--color-base-70: #C7CFDD; /* text-muted */
	--color-base-100: #FFF; /* text-normal */
	--gradient-bg-primary: linear-gradient(135deg, #0074BD 1.62%, #0069AA 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #003F7A 1.62%, #00396D 50.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

/* control, based off of nebula oni cerberus for vscode
*/
.ulu-control-d.theme-dark {
	color-scheme: dark;
	--highlight-mix-blend-mode: lighten;
	--mono-rgb-0: 0, 0, 0;
	--mono-rgb-100: 255, 255, 255;
	--color-red-rgb: 242, 73, 73;
	--color-red: #F24949;
	--color-red-hsl: 0, 87%, 62%;
	--color-orange-rgb: 255, 138, 0;
	--color-orange: #FF8A00;
	--color-orange-hsl: 32, 100%, 50%;
	--color-yellow-rgb: 230, 230, 103;
	--color-yellow: #E6E667;
	--color-yellow-hsl: 60, 72%, 65%;
	--color-green-rgb: 47, 222, 115;
	--color-green: #2FDE73;
	--color-green-hsl: 143, 73%, 53%;
	--color-cyan-rgb: 80, 182, 255;
	--color-cyan: #50B6FF;
	--color-cyan-hsl: 205, 100%, 66%;
	--color-blue-rgb: 98, 119, 205;
	--color-blue: #6277CD;
	--color-blue-hsl: 228, 52%, 59%;
	--color-purple-rgb: 137, 102, 222;
	--color-purple-hsl: 258, 65%, 64%;
	--color-purple: #8966DE;
	--color-pink-rgb: 215, 75, 177;
	--color-pink: #D74BB1;
	--color-pink-hsl: 316, 64%, 57%;
	--canvas-color: 245, 245, 245;
	--color-base-00: #262A30; /* background-primary */
	--color-base-10: #1B1B1B; /* background-primary-alt */
	--color-base-20: #363C44; /* background-secondary */
	--color-base-25: #040303; /* idk lol */
	--color-base-30: #1E2126; /* background-modifier-border */
	--color-base-35: #3D3D3D; /* background-modifier-border-hover */
	--color-base-40: #5D5D5D; /* background-modifier-border-focus */
	--color-base-50: #9097A0; /* text-faint */
	--color-base-60: #6277CD; /* also no clue */
	--color-base-70: #D3D1EB; /* text-muted */
	--color-base-100: #FFF; /* text-normal */
	--color-accent: hsl(50 100% 55%) !important;
	--color-accent-hsl: 50, 100%, 55% !important;
	--color-accent-rgb: 255, 217, 25 !important;
	--text-on-accent: var(--color-base-00);
	--gradient-bg-primary: linear-gradient(135deg, #2F343C 1.62%, #262A30 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #262A31 1.62%, #1E2126 50.72%) !important;
    --background-modifier-border-alt: #353841 !important;
}

/* abaddon
*/
.ulu-end-d.theme-dark {
	color-scheme: dark;
	--highlight-mix-blend-mode: lighten;
	--mono-rgb-0: 0, 0, 0;
	--mono-rgb-100: 255, 255, 255;
	--canvas-color: 114, 114, 114;
	--color-base-00: #0d0d0d; /* background-primary */
	--color-base-10: #1F1F1F; /* background-primary-alt */
	--color-base-20: #1A1A1A; /* background-secondary */
	--color-base-25: #1F1F1F; /* idk lol */
	--color-base-30: #121212; /* background-modifier-border */
	--color-base-35: #383838; /* background-modifier-border-hover */
	--color-base-40: #3C3C3C; /* background-modifier-border-focus */
	--color-base-50: #9f9789; /* text-faint */
	--color-base-60: #b2ada3; /* also no clue */
	--color-base-70: #d9d2c4; /* text-muted */
	--color-base-100: #ffffff; /* text-normal */
	--text-on-accent: var(--color-base-00);
	--gradient-bg-primary: linear-gradient(135deg, #0d0d0d 1.62%, #0a0a0a 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #141414 1.62%, #080808 50.72%) !important;
    --background-modifier-border-alt: #1a1a1a !important;
}

.theme-dark.ulu-dracula-dt {
	--accent-h: 1;
	--accent-s: 71.2%;
	--accent-l: 52.4%;
	--color-red: #F55;
	--color-red-hsl: 0, 100%, 66.7%;
	--color-red-rgb: 255, 85, 85;
	--color-green: #50FA7B;
	--color-green-hsl: 135.2, 94.4%, 64.7%;
	--color-green-rgb: 80, 250, 123;
	--color-orange: #FFB86C;
	--color-orange-hsl: 31, 100%, 71.2%;
	--color-orange-rgb: 255, 184, 108;
	--color-yellow: #F1FA8C;
	--color-yellow-hsl: 64.9, 91.7%, 76.5%;
	--color-yellow-rgb: 241, 250, 140;
	--color-cyan: #8BE9FD;
	--color-cyan-hsl: 190.5, 96.6%, 76.9%;
	--color-cyan-rgb: 139, 233, 253;
	--color-blue: #8BC6FD;
	--color-blue-hsl: 208.9, 96.6%, 76.9%;
	--color-blue-rgb: 139, 198, 253;
	--color-purple: #BD93F9;
	--color-purple-hsl: 264.7, 89.5%, 77.6%;
	--color-purple-rgb: 189, 147, 249;
	--color-pink: #FF79C6;
	--color-pink-hsl: 325.5, 100%, 73.7%;
	--color-pink-rgb: 255, 121, 198;
	--color-base-00: #282A36;
	--color-base-10: #44475A;
	--color-base-20: #1A1E24;
	--color-base-25: #282A36;
	--color-base-30: #44475A;
	--color-base-35: #4F5269;
	--color-base-40: #282A36;
	--color-base-50: #6272A4;
	--color-base-60: #6272A4;
	--color-base-70: #F8F8F2;
	--color-base-100: #FEFEFA;
	--gradient-bg-primary: linear-gradient(135deg, #2E303E 1.62%, #282A36 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #20252C 1.62%, #1A1E24 50.72%) !important;
    --background-modifier-border-alt: #44475A !important;
}

.theme-dark.ulu-lyt-dt {
	--accent-h: 191 !important;
	--accent-s: 54% !important;
	--accent-l: 64% !important;
	--color-red: #E63946;
	--color-red-hsl: 355.5, 77.6%, 56.3%;
	--color-red-rgb: 230, 57, 70;
	--color-green: #60993E;
	--color-green-hsl: 97.6, 42.3%, 42.2%;
	--color-green-rgb: 96, 153, 62;
	--color-orange: #FFCDB2;
	--color-orange-hsl: 21, 100%, 84.9%;
	--color-orange-rgb: 255, 205, 178;
	--color-yellow: #F2CC8F;
	--color-yellow-hsl: 37, 79.2%, 75.5%;
	--color-yellow-rgb: 242, 204, 143;
	--color-cyan: #72A1E5;
	--color-cyan-hsl: 215.5, 68.9%, 67.3%;
	--color-cyan-rgb: 114, 161, 229;
	--color-blue: #52B2CF;
	--color-blue-hsl: 193.9, 56.6%, 56.7%;
	--color-blue-rgb: 82, 178, 207;
	--color-purple: #9097C0;
	--color-purple-hsl: 231.3, 27.6%, 65.9%;
	--color-purple-rgb: 144, 151, 192;
	--color-pink: #EFD4BF;
	--color-pink-hsl: 26.3, 60%, 84.3%;
	--color-base-00: #23242A;
	--color-base-10: #1E1F24;
	--color-base-20: #2D3039;
	--color-base-25: #343A4B;
	--color-base-30: #6C7184;
	--color-base-35: #7C849C;
	--color-base-40: #A0A7BB;
	--color-base-50: #B9C3DF;
	--color-base-60: #DBE2F5;
	--color-base-70: #72C3D5;
	--color-base-100: #E8ECF5;
	--gradient-bg-primary: linear-gradient(135deg, #2A2B32 1.62%, #23242A 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #363A45 1.62%, #2D3039 50.72%) !important;
    --background-modifier-border-alt: #6C7184 !important;
}

/* lord, based off of the eidol
*/
.ulu-lord-d.theme-dark {
	color-scheme: dark;
	--highlight-mix-blend-mode: lighten;
	--mono-rgb-0: 0, 0, 0;
	--mono-rgb-100: 255, 255, 255;
	--color-red-rgb: 242, 73, 73;
	--color-red: #F24949;
	--color-red-hsl: 0, 87%, 62%;
	--color-orange-rgb: 255, 138, 0;
	--color-orange: #FF8A00;
	--color-orange-hsl: 32, 100%, 50%;
	--color-yellow-rgb: 230, 230, 103;
	--color-yellow: #E6E667;
	--color-yellow-hsl: 60, 72%, 65%;
	--color-green-rgb: 47, 222, 115;
	--color-green: #2FDE73;
	--color-green-hsl: 143, 73%, 53%;
	--color-cyan-rgb: 80, 182, 255;
	--color-cyan: #50B6FF;
	--color-cyan-hsl: 205, 100%, 66%;
	--color-blue-rgb: 98, 119, 205;
	--color-blue: #6277CD;
	--color-blue-hsl: 228, 52%, 59%;
	--color-purple-rgb: 137, 102, 222;
	--color-purple-hsl: 258, 65%, 64%;
	--color-purple: #8966DE;
	--color-pink-rgb: 215, 75, 177;
	--color-pink: #D74BB1;
	--color-pink-hsl: 316, 64%, 57%;
	--canvas-color: 245, 245, 245;
	--color-base-00: #081c15; /* background-primary */
	--color-base-10: #1b4332; /* background-primary-alt */
	--color-base-20: #1b4332; /* background-secondary */
	--color-base-25: #40916c; /* idk lol */
	--color-base-30: #40916c; /* background-modifier-border */
	--color-base-35: #74c69d; /* background-modifier-border-hover */
	--color-base-40: #40916c; /* background-modifier-border-focus */
	--color-base-50: #95d5b2; /* text-faint */
	--color-base-60: #b7e4c7; /* also no clue */
	--color-base-70: #d8f3dc; /* text-muted */
	--color-base-100: #FFF; /* text-normal */
	--color-accent: hsl(75, 100%, 60%) !important;
	--color-accent-hsl: 75, 100%, 60% !important;
	--color-accent-rgb: 204, 255, 51 !important;
	--text-on-accent: var(--color-base-00);
	--gradient-bg-primary: linear-gradient(135deg, #0B281E 1.62%, #081c15 50.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #1F4D39 1.62%, #1b4332 50.72%) !important;
    --background-modifier-border-alt: #40916c !important;
}

.ulu-gradient-d.theme-dark {
	color-scheme: dark;
	--highlight-mix-blend-mode: lighten;
	--mono-rgb-0: 0, 0, 0;
	--mono-rgb-100: 255, 255, 255;
	--color-base-00: #000; /* background-primary */
	--color-base-10: #161B33; /* background-primary-alt */
	--color-base-20: #0D0C1D; /* background-secondary */
	--color-base-25: #040303; /* idk lol */
	--color-base-30: #1E2126; /* background-modifier-border */
	--color-base-35: #3D3D3D; /* background-modifier-border-hover */
	--color-base-40: #5D5D5D; /* background-modifier-border-focus */
	--color-base-50: #9097A0; /* text-faint */
	--color-base-60: #6277CD; /* also no clue */
	--color-base-70: #D3D1EB; /* text-muted */
	--color-base-100: #FFF; /* text-normal */
	--color-accent: hsl(50 100% 55%) !important;
	--color-accent-hsl: 50, 100%, 55% !important;
	--color-accent-rgb: 255, 217, 25 !important;
	--text-on-accent: var(--color-base-00);
	--background-primary: linear-gradient(
		0deg,
		hsl(244deg 41% 8%) 0%,
		hsl(233deg 39% 12%) 50%,
		hsl(230deg 40% 14%) 100%
	  );
	--gradient-bg-primary: linear-gradient(135deg, rgba(9,9,9,0.5) 20.62%, rgba(0,0,0,0.5)  90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #1E5E6C 20.62%, #601E6C 90.72%) !important;
    --background-modifier-border-alt: #40916c !important;
}

.ulu-gradient-d.theme-dark .modal:not(.is-mobile) {
	background: var(--gradient-bg-secondary) !important;
}

/* amoled
*/

.theme-dark.ulu-amoled-dt {
	--color-base-00: #0B0B0B;
	--color-base-10: #2E2E2E;
	--color-base-20: #000;
	--color-base-25: #333;
	--color-base-30: #3D3D3D;
	--color-base-35: #515151;
	--color-base-40: #6B6B6B;
	--color-base-50: #949494;
	--color-base-60: #A6A6A6;
	--color-base-70: #CDCDCD;
	--color-base-100: #FFF;
	--gradient-bg-primary: linear-gradient(135deg, #060606 20.62%, #000 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #030303 20.62%, #000 90.72%) !important;
    --background-modifier-border-alt: #131313 !important;
}

/* Accent settings
*/
.theme-dark.ulu-red {
	--color-accent: hsl(var(--color-red-hsl));
	--color-accent-rgb: var(--color-red-rgb);
	--color-accent-hsl: var(--color-red-hsl);
	--color-accent-1: var(--color-blue);
	--color-accent-1-rgb: var(--color-blue-rgb);
    --pill-border: 
}

.theme-light.ulu-red {
	--color-accent: hsl(var(--color-red-hsl));
	--color-accent-rgb: var(--color-red-rgb);
	--color-accent-hsl: var(--color-red-hsl);
	--color-accent-1: var(--color-blue);
	--color-accent-1-rgb: var(--color-blue-rgb);
}

.theme-dark.ulu-green {
	--color-accent: hsl(var(--color-green-hsl));
	--color-accent-rgb: var(--color-green-rgb);
	--color-accent-hsl: var(--color-green-hsl);
	--color-accent-1: var(--color-purple);
	--color-accent-1-rgb: var(--color-purple-rgb);
}

.theme-light.ulu-green {
	--color-accent: hsl(var(--color-green-hsl));
	--color-accent-rgb: var(--color-green-rgb);
	--color-accent-hsl: var(--color-green-hsl);
	--color-accent-1: var(--color-purple);
	--color-accent-1-rgb: var(--color-purple-rgb);
}

.theme-dark.ulu-orange {
	--color-accent: hsl(var(--color-orange-hsl));
	--color-accent-rgb: var(--color-orange-rgb);
	--color-accent-hsl: var(--color-orange-hsl);
	--color-accent-1: var(--color-yellow);
	--color-accent-1-rgb: var(--color-yellow-rgb);
}

.theme-light.ulu-orange {
	--color-accent: hsl(var(--color-orange-hsl));
	--color-accent-rgb: var(--color-orange-rgb);
	--color-accent-hsl: var(--color-orange-hsl);
	--color-accent-1: var(--color-yellow);
	--color-accent-1-rgb: var(--color-yellow-rgb);
}

.theme-dark.ulu-yellow {
	--color-accent: hsl(var(--color-yellow-hsl));
	--color-accent-rgb: var(--color-yellow-rgb);
	--color-accent-hsl: var(--color-yellow-hsl);
	--color-accent-1: var(--color-red);
	--color-accent-1-rgb: var(--color-red-rgb);
}

.theme-light.ulu-yellow {
	--color-accent: hsl(var(--color-yellow-hsl));
	--color-accent-rgb: var(--color-yellow-rgb);
	--color-accent-hsl: var(--color-yellow-hsl);
	--color-accent-1: var(--color-red);
	--color-accent-1-rgb: var(--color-red-rgb);
}

.theme-dark.ulu-cyan {
	--color-accent: hsl(var(--color-cyan-hsl));
	--color-accent-rgb: var(--color-cyan-rgb);
	--color-accent-hsl: var(--color-cyan-hsl);
	--color-accent-1: var(--color-green);
	--color-accent-1-rgb: var(--color-green-rgb);
}

.theme-light.ulu-cyan {
	--color-accent: hsl(var(--color-cyan-hsl));
	--color-accent-rgb: var(--color-cyan-rgb);
	--color-accent-hsl: var(--color-cyan-hsl);
	--color-accent-1: var(--color-green);
	--color-accent-1-rgb: var(--color-green-rgb);
}

.theme-dark.ulu-blue {
	--color-accent: hsl(var(--color-blue-hsl));
	--color-accent-rgb: var(--color-blue-rgb);
	--color-accent-hsl: var(--color-blue-hsl);
	--color-accent-1: var(--color-pink);
	--color-accent-1-rgb: var(--color-pink-rgb);
}

.theme-light.ulu-blue {
	--color-accent: hsl(var(--color-blue-hsl));
	--color-accent-rgb: var(--color-blue-rgb);
	--color-accent-hsl: var(--color-blue-hsl);
	--color-accent-1: var(--color-pink);
	--color-accent-1-rgb: var(--color-pink-rgb);
}

.theme-dark.ulu-purple {
	--color-accent: hsl(var(--color-purple-hsl));
	--color-accent-rgb: var(--color-purple-rgb);
	--color-accent-hsl: var(--color-purple-hsl);
	--color-accent-1: var(--color-cyan);
	--color-accent-1-rgb: var(--color-cyan-rgb);
}

.theme-light.ulu-purple {
	--color-accent: hsl(var(--color-purple-hsl));
	--color-accent-rgb: var(--color-purple-rgb);
	--color-accent-hsl: var(--color-purple-hsl);
	--color-accent-1: var(--color-cyan);
	--color-accent-1-rgb: var(--color-cyan-rgb);
}

.theme-dark.ulu-pink {
	--color-accent: hsl(var(--color-pink-hsl));
	--color-accent-rgb: var(--color-pink-rgb);
	--color-accent-hsl: var(--color-pink-hsl);
	--color-accent-1: var(--color-orange);
	--color-accent-1-rgb: var(--color-orange-rgb);
}

.theme-light.ulu-pink {
	--color-accent: hsl(var(--color-pink-hsl));
	--color-accent-rgb: var(--color-pink-rgb);
	--color-accent-hsl: var(--color-pink-hsl);
	--color-accent-1: var(--color-orange);
	--color-accent-1-rgb: var(--color-orange-rgb);
}

.ulu-accent-bg-d.theme-dark.ulu-red {
	--color-base-00: #050404;
	--color-base-20: #130F0F;
    --gradient-bg-primary: linear-gradient(135deg, #262626 20.62%, #050404 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #2B2B2B 20.62%, #130F0F 90.72%) !important;
}

.ulu-accent-bg-l.theme-light.ulu-red {
	--color-base-00: #FDFBFB;
	--color-base-20: #F5F2F2;
	--gradient-bg-primary: linear-gradient(135deg, #fff 20.62%, #FDFBFB 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F8F6F6 20.62%, #F5F2F2 90.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

.ulu-accent-bg-d.theme-dark.ulu-green {
	--color-base-00: #050505;
	--color-base-20: #101110;
    --gradient-bg-primary: linear-gradient(135deg, #262626 20.62%, #050505 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #2B2B2B 20.62%, #101110 90.72%) !important;
}

.ulu-accent-bg-l.theme-light.ulu-green {
	--color-base-00: #FCFCFC;
	--color-base-20: #F0F5F0;
	--gradient-bg-primary: linear-gradient(135deg, #fff 20.62%, #FCFCFC 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F8F6F6 20.62%, #F0F5F0 90.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

.ulu-accent-bg-d.theme-dark.ulu-orange {
	--color-base-00: #050404;
	--color-base-20: #110F0D;
    --gradient-bg-primary: linear-gradient(135deg, #262626 20.62%, #050404 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #2B2B2B 20.62%, #110F0D 90.72%) !important;
}

.ulu-accent-bg-l.theme-light.ulu-orange {
	--color-base-00: #FCFCFA;
	--color-base-20: #F6F3ED;
    --gradient-bg-primary: linear-gradient(135deg, #fff 20.62%, #FCFCFA 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F8F6F6 20.62%, #F6F3ED 90.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

.ulu-accent-bg-d.theme-dark.ulu-yellow {
	--color-base-00: #050404;
	--color-base-20: #13110F;
    --gradient-bg-primary: linear-gradient(135deg, #262626 20.62%, #050404 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #2B2B2B 20.62%, #13110F 90.72%) !important;
}

.ulu-accent-bg-l.theme-light.ulu-yellow {
	--color-base-00: #FCFCF8;
	--color-base-20: #F5F4E6;
    --gradient-bg-primary: linear-gradient(135deg, #fff 20.62%, #FCFCF8 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F8F6F6 20.62%, #F5F4E6 90.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

.ulu-accent-bg-d.theme-dark.ulu-cyan {
	--color-base-00: #060606;
	--color-base-20: #0F1111;
    --gradient-bg-primary: linear-gradient(135deg, #262626 20.62%, #060606 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #2B2B2B 20.62%, #0F1111 90.72%) !important;
}

.ulu-accent-bg-l.theme-light.ulu-cyan {
	--color-base-00: #F9FCFC;
	--color-base-20: #ECF6F6;
    --gradient-bg-primary: linear-gradient(135deg, #fff 20.62%, #F9FCFC 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F8F6F6 20.62%, #ECF6F6 90.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

.ulu-accent-bg-d.theme-dark.ulu-blue {
	--color-base-00: #040508;
	--color-base-20: #0C0F18;
    --gradient-bg-primary: linear-gradient(135deg, #262626 20.62%, #040508 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #2B2B2B 20.62%, #0C0F18 90.72%) !important;
}

.ulu-accent-bg-l.theme-light.ulu-blue {
	--color-base-00: #FBFCFC;
	--color-base-20: #F1F5F5;
    --gradient-bg-primary: linear-gradient(135deg, #fff 20.62%, #FBFCFC 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F8F6F6 20.62%, #F1F5F5 90.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

.ulu-accent-bg-d.theme-dark.ulu-purple {
	--color-base-00: #050505;
	--color-base-20: #111112;
    --gradient-bg-primary: linear-gradient(135deg, #262626 20.62%, #050505 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #2B2B2B 20.62%, #111112 90.72%) !important;
}

.ulu-accent-bg-l.theme-light.ulu-purple {
	--color-base-00: #FCFCFB;
	--color-base-20: #F5F3F2;
    --gradient-bg-primary: linear-gradient(135deg, #fff 20.62%, #FCFCFB 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F8F6F6 20.62%, #F5F3F2 90.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

.ulu-accent-bg-d.theme-dark.ulu-pink {
	--color-base-00: #060505;
	--color-base-20: #130E0F;
    --gradient-bg-primary: linear-gradient(135deg, #262626 20.62%, #060505 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #2B2B2B 20.62%, #130E0F 90.72%) !important;
}

.ulu-accent-bg-l.theme-light.ulu-pink {
	--color-base-00: #FCFCFB;
	--color-base-20: #F5F3F1;
    --gradient-bg-primary: linear-gradient(135deg, #fff 20.62%, #FCFCFB 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F8F6F6 20.62%, #F5F3F1 90.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

/* contrast
*/
.ulu-con-d.theme-dark {
	--color-base-00: #171717;
	--color-base-20: #171717;
    --gradient-bg-primary: linear-gradient(135deg, #171717 20.62%, #171717 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #171717 20.62%, #171717 90.72%) !important;
}

.ulu-con-l.theme-light {
	--color-base-00: #F3F3F3;
	--color-base-20: #F3F3F3;
    --gradient-bg-primary: linear-gradient(135deg, #F3F3F3 20.62%, #F3F3F3 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F3F3F3 20.62%, #F3F3F3 90.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

.ulu-super-con-d.theme-dark {
	--color-base-00: #000;
	--color-base-20: #000;
    --gradient-bg-primary: linear-gradient(135deg, #000 20.62%, #000 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #000 20.62%, #000 90.72%) !important;
}

.ulu-super-con-l.theme-light {
	--color-base-00: #FFF;
	--color-base-20: #FFF;
    --gradient-bg-primary: linear-gradient(135deg, #FFF 20.62%, #FFF 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #FFF 20.62%, #FFF 90.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

.ulu-custom-d.theme-dark {
	--color-base-00: var(--custom-primary);
	--color-base-20: var(--custom-secondary);
}

.ulu-custom-l.theme-light {
	--color-base-00: var(--custom-primary);
	--color-base-20: var(--custom-secondary);
}

.ulu-accent-bg-lowcon-d.theme-dark.ulu-red {
	--color-base-00: #130F0F;
	--color-base-20: #130F0F;
    --gradient-bg-primary: linear-gradient(135deg, #130F0F 20.62%, #130F0F 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #130F0F 20.62%, #130F0F 90.72%) !important;
}

.ulu-accent-bg-lowcon-l.theme-light.ulu-red {
	--color-base-00: #F5F2F2;
	--color-base-20: #F5F2F2;
    --gradient-bg-primary: linear-gradient(135deg, #F5F2F2 20.62%, #F5F2F2 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F5F2F2 20.62%, #F5F2F2 90.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

.ulu-accent-bg-lowcon-d.theme-dark.ulu-green {
	--color-base-00: #101110;
	--color-base-20: #101110;
    --gradient-bg-primary: linear-gradient(135deg, #101110 20.62%, #101110 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #101110 20.62%, #101110 90.72%) !important;
}

.ulu-accent-bg-lowcon-l.theme-light.ulu-green {
	--color-base-00: #F0F5F0;
	--color-base-20: #F0F5F0;
    --gradient-bg-primary: linear-gradient(135deg, #F0F5F0 20.62%, #F0F5F0 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F0F5F0 20.62%, #F0F5F0 90.72%) !important;
}

.ulu-accent-bg-lowcon-d.theme-dark.ulu-orange {
	--color-base-00: #110F0D;
	--color-base-20: #110F0D;
    --gradient-bg-primary: linear-gradient(135deg, #110F0D 20.62%, #110F0D 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #110F0D 20.62%, #110F0D 90.72%) !important;
}

.ulu-accent-bg-lowcon-l.theme-light.ulu-orange {
	--color-base-00: #F6F3ED;
	--color-base-20: #F6F3ED;
    --gradient-bg-primary: linear-gradient(135deg, #F6F3ED 20.62%, #F6F3ED 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F6F3ED 20.62%, #F6F3ED 90.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

.ulu-accent-bg-lowcon-d.theme-dark.ulu-yellow {
	--color-base-00: #13110F;
	--color-base-20: #13110F;
    --gradient-bg-primary: linear-gradient(135deg, #13110F 20.62%, #13110F 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #13110F 20.62%, #13110F 90.72%) !important;
}

.ulu-accent-bg-lowcon-l.theme-light.ulu-yellow {
	--color-base-00: #F5F4E6;
	--color-base-20: #F5F4E6;
    --gradient-bg-primary: linear-gradient(135deg, #F5F4E6 20.62%, #F5F4E6 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F5F4E6 20.62%, #F5F4E6 90.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

.ulu-accent-bg-lowcon-d.theme-dark.ulu-cyan {
	--color-base-00: #0F1111;
	--color-base-20: #0F1111;
    --gradient-bg-primary: linear-gradient(135deg, #0F1111 20.62%, #0F1111 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #0F1111 20.62%, #0F1111 90.72%) !important;
}

.ulu-accent-bg-lowcon-l.theme-light.ulu-cyan {
	--color-base-00: #ECF6F6;
	--color-base-20: #ECF6F6;
    --gradient-bg-primary: linear-gradient(135deg, #ECF6F6 20.62%, #ECF6F6 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #ECF6F6 20.62%, #ECF6F6 90.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

.ulu-cono-accent-bg-d.theme-dark.ulu-blue {
	--color-base-00: #0C0F18;
	--color-base-20: #0C0F18;
    --gradient-bg-primary: linear-gradient(135deg, #0C0F18 20.62%, #0C0F18 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #0C0F18 20.62%, #0C0F18 90.72%) !important;
}

.ulu-accent-bg-lowcon-l.theme-light.ulu-blue {
	--color-base-00: #F1F5F5;
	--color-base-20: #F1F5F5;
    --gradient-bg-primary: linear-gradient(135deg, #F1F5F5 20.62%, #F1F5F5 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F1F5F5 20.62%, #F1F5F5 90.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

.ulu-accent-bg-lowcon-d.theme-dark.ulu-purple {
	--color-base-00: #111112;
	--color-base-20: #111112;
    --gradient-bg-primary: linear-gradient(135deg, #111112 20.62%, #111112 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #111112 20.62%, #111112 90.72%) !important;
}

.ulu-accent-bg-lowcon-l.theme-light.ulu-purple {
	--color-base-00: #F5F3F2;
	--color-base-20: #F5F3F2;
    --gradient-bg-primary: linear-gradient(135deg, #F5F3F2 20.62%, #F5F3F2 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F5F3F2 20.62%, #F5F3F2 90.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

.ul.ulu-con-accent-bg-d.theme-dark.ulu-pink {
	--color-base-00: #130E0F;
	--color-base-20: #130E0F;
    --gradient-bg-primary: linear-gradient(135deg, #130E0F 20.62%, #130E0F 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #130E0F 20.62%, #130E0F 90.72%) !important;
}

.ulu-accent-bg-lowcon-l.theme-light.ulu-pink {
	--color-base-00: #F5F3F1;
	--color-base-20: #F5F3F1;
    --gradient-bg-primary: linear-gradient(135deg, #F5F3F1 20.62%, #F5F3F1 90.72%) !important;
    --gradient-bg-secondary: linear-gradient(135deg, #F5F3F1 20.62%, #F5F3F1 90.72%) !important;
    --background-modifier-border-alt: #fff !important;
}

/* Usually, I delete the following and then write my own CSS here.
	However, if this is helpful, feel free to leave it and edit it!
	Otherwise, proceed/delete to the next code block for custom CSS below
	*/

body {
    --file-line-width: 74ch;

    --transition-05: all 0.3s cubic-bezier(0.25, 0.46, 0.46, 0.95);
    --transition-03: all 0.2s cubic-bezier(0.25, 0.47, 0.45, 0.94);
    --o-border: 1px solid var(--background-modifier-border);

    /* Typefaces
	*/
    /* --font-title: "Monaspace", sans-serif;
    --font-interface-theme: "Satoshi", sans-serif;
    --font-text-theme: "Satoshi", sans-serif;
    --font-monospace: "Monaspace", monospace; */

	--ulu-font-title: "Monaspace";
	--ulu-font-general:"Satoshi", sans-serif;
	--font-title: var(--ulu-font-title);
	--font-interface-theme: "Satoshi", sans-serif;
	--font-text-theme: var(--ulu-font-general);
	--font-mono: "Monaspace", monospace;


    /* Links
	*/
    --link-color: var(--text-muted);
    --link-color-hover: var(--text-normal);
    --link-decoration: underline;
    --link-decoration-hover: none;
    --link-decoration-thickness: 13%;
    --link-external-color: var(--color-accent);
    --link-external-color-hover: var(--color-accent-hover);
    --link-external-decoration: none;
    --link-external-decoration-hover: none;
    --link-external-filter: none;
    --link-unresolved-color: var(--text-muted);
    --link-unresolved-opacity: 0.7;
    --link-unresolved-filter: none;
    --link-unresolved-decoration-style: solid;
    --link-unresolved-decoration-color: transparent;

    /* Text
	*/
    --text-normal: var(--color-base-70);
    --text-muted: var(--color-base-50);
    --text-faint: var(--color-base-60);

    --text-selection: var(--background-modifier-border);

    --interactive-accent-hsl: var(--color-accent-hsl);
    --interactive-accent: var(--color-accent);
    --interactive-accent-hover: var(--color-accent-2);

    --titlebar-background: transparent;
    --titlebar-background-focused: transparent;

    /* Callouts */
    --callout-radius: var(--radius-m);
    --callout-blend-mode: normal;

}



/* CUSTOM CSS
*/

/* BASE
*/
.mod-root .workspace-tabs .workspace-leaf,
.mod-right-split .workspace-tabs .workspace-leaf,
.mod-right-split .workspace-leaf-content,
.mod-left-split .workspace-tabs .workspace-leaf,
.mod-vertical .workspace-tab-container,
.mod-right-split .workspace-tab-header-container,
.workspace-split.mod-vertical,
.mod-vertical,
.mod-left-split,
.workspace,
.horizontal-main-container,
.mod-vertical .workspace-tabs,
.workspace-tabs,
.workspace-tabs .workspace-leaf,
.mod-left-split .workspace-leaf-content,
.is-hidden-frameless:not(.is-fullscreen).is-focused .titlebar-button-container.mod-right,
.workspace-tab-header-container,
.workspace-ribbon,
.workspace-ribbon.mod-left.is-collapsed,
.workspace-split.mod-vertical .workspace-tab-header-container,
span.cm-formatting.cm-formatting-highlight.cm-highlight {
	background: transparent;
}

body.is-focused .titlebar,
body.is-focused .workspace-ribbon.mod-left {
	--titlebar-background: var(--background-secondary);
}

.workspace-tab-header-container,
.workspace-split.mod-vertical .workspace-tab-header-container {
	border-bottom: none;
}

/* bg behind prompt/settings, Left pane collapse button, lil basterd by the tabs
*/
body:not(.is-mobile) .modal-bg,
.workspace-ribbon.mod-left::before,
.workspace .mod-root .workspace-tab-header-inner::after,
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote::before,
.markdown-preview-view blockquote::before {
	display: none;
}

.modal-bg {
	transition: none;
}

/* .workspace-ribbon, */
.markdown-rendered td,
.markdown-rendered th,
.canvas-controls button,
.canvas-menu > * {
	border: none;
}

.workspace-ribbon {
	border-right: var(--o-border);
}

.workspace-ribbon.mod-left.is-collapsed .sidebar-toggle-button,
.workspace-ribbon.mod-left.is-collapsed {
	box-shadow: none;
	border: none;
	border-right-color: transparent; /* deprecate? */
}

.clickable-icon,
input[type="search"]:active,
input[type="email"]:active,
input[type="password"]:active,
input[type="number"]:active,
textarea:focus,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus-visible,
input[type="text"]:focus-visible,
input[type="search"]:focus-visible,
input[type="email"]:focus-visible,
input[type="password"]:focus-visible,
input[type="number"]:focus-visible {
	box-shadow: none;
}

.mod-top .workspace-leaf-resize-handle {
	border-color: var(--background-modifier-border);
}

/* .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
.workspace-split.mod-left-split > .workspace-leaf-resize-handle {
	border-right: var(--o-border);
	border-right-width: var(--divider-width);
}

.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
	border-left: var(--o-border);
	border-left-width: var(--divider-width);
} */

.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle {
	height: var(--divider-width-hover);
	width: 100%;

	bottom: 0;
	left: 0;

	border-bottom: none;
	border-bottom-width: var(--divider-width);

	cursor: row-resize;
}

.workspace-split.mod-horizontal > * {
	width: unset;
}

.setting-item {
	border-top: none;
}

/* ???
*/
.mod-vertical .workspace-tab-header-container-inner {
	z-index: 1;
}

.workspace-tabs .workspace-leaf {
    background-color: transparent;
}

.workspace-leaf-resize-handle {
    border-color: transparent;
}

.workspace-split.mod-root {
    background: transparent;
}

.workspace-leaf:not(.is-mobile) {
    border-top-left-radius: var(--radius-m);
}

.mod-left-split .workspace-tabs .workspace-leaf,
.mod-right-split .workspace-tabs .workspace-leaf {
    box-shadow: none;
    padding: 0;
}

/* note border color and shadow
*/

.workspace-fake-target-overlay:not(.is-in-sidebar) .workspace-tabs .workspace-leaf,
.workspace-split.mod-root .view-content,
.is-focused .workspace-leaf.mod-active .view-header,
.view-header {
    background: transparent;
    background-color: transparent;
}

.view-header-title-container:not(.mod-at-end):after {
    background: transparent;
}

.workspace-tab-header-container {
    background-color: transparent;
}

.mod-root .workspace-tabs .workspace-leaf {
    background: var(--background-primary);
}

.workspace-ribbon {
    background: transparent;
}

.nav-buttons-container,
.view-actions,
.workspace-tab-header-inner,
.side-dock-settings,
.side-dock-actions {
    display: flex;
    justify-content: flex-start;
}

.workspace-ribbon.mod-left {
    margin-top: 38px;
}

.workspace-tab-header.is-active {
    font-weight: 600;
    background: var(--background-primary);
    border: none;
    text-decoration-line: none;
}

.workspace-tab-header::before,
.workspace-tab-header::after {
    display: none;
}

.mod-root .workspace-tab-header-inner {
    padding: 0 4px 0 8px;
}

.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-ribbon.mod-left .sidebar-toggle-button {
    border-right: var(--o-border);
}

/* settings, prompts, modals
*/
.modal.mod-settings .vertical-tab-header {
    border-right: none;
}

.horizontal-tab-content,
.vertical-tab-content {
    background: transparent;
}

/* 
.vertical-tab-content {
    overflow-y: auto;
    height: 100%;
    margin-top: 1em;
    padding-top: var(--size-4-8);
    padding-bottom: var(--size-4-16);
    border-top-left-radius: 8px;
} */

.vertical-tab-header {
    background: transparent;
}

/* .modal.mod-settings .modal-content {
    background: linear-gradient(135deg, hsla(var(--color-accent-hsl), 0.1) 1.62%, var(--background-primary) 50.72%);
} */

.setting-item {
    border-top: none;
}

.modal {
    border: var(--o-border);
}

hr {
    margin: 1.5em 0;
    border: none;
    border-top: 1px solid;
    border-color: var(--hr-color);
}

.markdown-rendered hr {
    border: none;
    border-top: 1px solid;
    border-color: var(--hr-color);
}

/* Tooltip Popup */
.tooltip {
    color: var(--text-on-accent);
    background: var(--color-accent);
    box-shadow: var(--shadow-s);
    border: 1px solid var(--background-modifier-border);
    border-radius: var(--radius-s);
}

.tooltip .tooltip-arrow {
    border-bottom: 6px solid var(--background-modifier-border-alt);
}

.tooltip.mod-right .tooltip-arrow {
    border-right: 6px solid var(--background-modifier-border-alt);
}

.tooltip.mod-left .tooltip-arrow {
    border-left: 6px solid var(--background-modifier-border-alt);
}

.tooltip.mod-top .tooltip-arrow {
    border-top: 6px solid var(--background-modifier-border-alt);
}

.notice {
    color: var(--text-normal);
    background: var(--background-primary);
    border: 1px solid var(--background-modifier-border);
    border-radius: var(--radius-m);
}

/* Prompts
*/

.menu {
    padding: var(--size-2-3);
    border: 1px solid var(--background-modifier-border-hover);
    background: var(--background-primary);
    border-radius: var(--radius-m);
    box-shadow: var(--shadow-s);
    position: fixed;
    z-index: var(--layer-menu);
    user-select: none;
    max-height: calc(100% - var(--header-height));
    overflow: hidden;
}

input.prompt-input {
    height: 40px;
    width: 100%;

    padding: var(--size-4-6);

    border: none;
    border-bottom: transparent;
    border-radius: 0;
}

input.prompt-input:hover,
input.prompt-input:focus,
input.prompt-input:focus-visible {
    box-shadow: var(--shadow-s);
    border-bottom: none;
}

.prompt-instructions {
    display: flex;

    font-size: x-small;
    text-align: center;

    color: var(--color-accent);

    padding: var(--size-4-2);

    border-top: transparent;

    user-select: none;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--size-4-3);
}

kbd.suggestion-hotkey,
kbd,
.suggestion-item.mod-complex .suggestion-hotkey {
    font-family: var(--font-monospace);
    font-size: 0.75rem;

    color: var(--color-accent);
    background: rgb(var(--color-accent-rgb) 0.7);

    padding-top: 0;
    padding-right: 4px;
    padding-bottom: 0;
    padding-left: 4px;
    margin-left: 10px;

    border-radius: 4px;
}

/* new note button, inspired by border
*/
.clickable-icon[aria-label="New note"] {
    border: var(--o-border);
    border-radius: 4px !important;
}

.clickable-icon[aria-label="New note"]::before {
    content: "New Note";
	font-variation-settings: "wght"700;
}

.clickable-icon[aria-label="New note"] .svg-icon {
    display: none;
}

.clickable-icon[aria-label="New note"]:hover {
    background-color: var(--color-accent);
    color: #fff;
    box-shadow: 0 0 0 5px hsl(var(--color-accent-hsl), 0.1) !important;
}

/* Smooth Live Headers by Luke242#8485
*/
@keyframes indent {
    from {
        transform: translateX(calc(-1 * var(--header-offset)));
    }

    to {
        transform: translateX(0);
    }
}

@keyframes outdent {
    from {
        transform: translateX(var(--header-offset));
    }

    to {
        transform: translateX(0);
    }
}

@keyframes opac {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.is-live-preview .cm-widgetBuffer+.cm-header {
    display: inline-block;
    animation: outdent 275ms ease-out;
}

.is-live-preview .cm-widgetBuffer+.cm-header.cm-formatting {
    animation: opac 275ms ease-in;
}

.is-live-preview .cm-active .cm-header+.cm-header {
    display: inline-block;
    animation: indent 275ms ease-out;
}

.cm-header-1 {
    --header-offset: 2rem;
}

.cm-header-2 {
    --header-offset: 3rem;
}

.cm-header-3 {
    --header-offset: 3rem;
}

.cm-header-4 {
    --header-offset: 3rem;
}

.cm-header-5 {
    --header-offset: 3rem;
}

.cm-header-6 {
    --header-offset: 3rem;
}

/* icon fades for lower left cluster
*/
div[aria-label="Settings"] {
    opacity: 1 !important;
}

div[aria-label="Open another vault"],
div[aria-label="Help"] {
    opacity: 0 !important;
}

div[aria-label="Open another vault"]:hover,
div[aria-label="Help"]:hover {
    opacity: 1 !important;
    animation: 0.35s fade cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* Tags
*/
a.tag,
.cm-hashtag {
    font-weight: 550;
    line-height: 1;

    color: var(--text-on-accent);
    background: var(--color-accent);
    box-shadow: none;

    padding: inherit;
    padding: 4px 8px;

    border: none;
    border-radius: 8px;

    transition: var(--transition-03);

    font-variation-settings: "wght"550;
}

a.tag:hover,
.cm-hashtag:hover {
    color: var(--color-accent);
    background: rgba(0,0,0,0.3);
    font-variation-settings: "wght"550;
}

.cm-hashtag.cm-hashtag-begin {
    border-radius: 8px 0 0 8px;
}

.cm-hashtag.cm-hashtag-end {
    border-radius: 0 8px 8px 0;
}

.metadata-property[data-property-key="tags"] {
    --pill-color: var(--text-on-accent);
    --pill-color-hover: var(--color-accent);
    --pill-color-remove: var(--color-accent);
    --pill-color-remove-hover: var(--tag-color-hover);
    --pill-decoration: var(--tag-decoration);
    --pill-decoration-hover: var(--tag-decoration-hover);
    --pill-background: var(--color-accent);
    --pill-background-hover: var(--gradient-bg-primary);
    --pill-border-color: hsla(var(--color-accent-hsl), 0.5);
    --pill-border-color-hover: var(--background-modifier-border-alt);
    --pill-border-width: 1px;
    --pill-padding-x: 8px;
    --pill-padding-y: 4px;
    --pill-radius: var(--radius-s);
    --pill-weight: var(--tag-weight);
    --pill-focus-width: 100%;
    --pill-focus-left-adjust: 0;
}

.multi-select-pill {
    --icon-size: var(--icon-xs);
    --icon-stroke: var(--icon-xs-stroke-width);
    display: flex;
    align-items: center;
    background-color: var(--pill-background);
    border: none;
    border-radius: var(--pill-radius) !important;
    box-shadow: 0 0 0 4px hsl(var(--color-accent-hsl), 0.1) !important;
    color: var(--pill-color);
    cursor: var(--cursor);
    font-weight: 600;
    padding: var(--pill-padding-y) 0;
    line-height: 1;
    max-width: 100%;
    gap: 4px;
    margin: 4px;
    position: relative;
}

.multi-select-pill:hover {
    --icon-size: var(--icon-xs);
    --icon-stroke: var(--icon-xs-stroke-width);
    display: flex;
    align-items: center;
    background-color: var(--background-primary);
    border: none;
    border-radius: var(--pill-radius) !important;
    box-shadow: 0 0 0 4px hsl(var(--color-accent-hsl), 0.05) !important;
}

/* .multi-select-pill-remove-button {
    color: var(--text-on-accent);
    padding-top: 2px;
} */

.multi-select-pill-remove-button {
    color: var(--text-on-accent);
}

.multi-select-pill-remove-button:hover {
    color: var(--color-accent);
}

.multi-select-pill:hover {
    transition: 700ms;
	animation: 0.4s pop cubic-bezier(0.17, 0.89, 0.32, 1.27);
}
.multi-select-pill {
    transition: 700ms;
}

/* tabs
*/

.theme-light .workspace-tab-header,
.theme-dark .workspace-tab-header,
.sidebar-toggle-button .clickable-icon,
.workspace-tab-header-inner .workspace-tab-header-inner-icon,
.is-focused .titlebar-inner,
.titlebar-inner,
.mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon {
    color: var(--text-normal) !important;
}

.is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon {
    color: var(--text-normal) !important;
}

.workspace-tab-header-tab-list .clickable-icon,
.workspace-tab-header-new-tab .clickable-icon {
    color: var(--text-normal);
    padding: var(--size-2-2);
    --icon-size: var(--icon-m);
    --icon-stroke: var(--icon-m-stroke-width);
    align-items: center;
    background: rgba(0, 0, 0, 0.1);
    border-radius: var(--ulu-radius);
}

.workspace-split.mod-vertical .workspace-tab-header-container {
    background: transparent;
}

.workspace-split.mod-vertical .workspace-tabs:not(.mod-top) > .workspace-tab-header-container {
    border-bottom: 1px solid var(--background-modifier-border);
}

/* .workspace-tab-header-container {
    background-color: var(--background-secondary);
    /* change this to your desired colour *
} */

/* additional code for windows min,mix buttons */
.titlebar-button-container {
    background-color: transparent !important;
}

.workspace .mod-root .workspace-tab-header {
    margin-right: 8px;
}

.workspace-tab-header {
    background: rgba(0, 0, 0, 0.1);
    border-radius: var(--ulu-radius);
    transition: 700ms;
}

.is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-title,
.is-focused .workspace-tab-header.is-active,
.workspace-tab-header.is-active {
    color: var(--text-on-accent);
}

.workspace-tab-header-container-inner {
    display: flex;
    flex: 0 1 auto;
    overflow: auto;
    margin: 6px -5px 5px 0px;
    padding: 1px 15px 0;
}

.is-active .workspace-tab-header-inner-title,
.is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-title {
    color: var(--color-accent);
}

.workspace-tab-header.is-active {
    font-weight: 600;

    box-shadow: none;

    padding: 0;
    /* margin: 1.5px 0 3.5px; */

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

    text-decoration-line: none;
}

.mod-root .workspace-tab-header-container-inner {
    padding: 1px 8px 0;
}

/* .workspace .mod-root .workspace-tab-header {
    border: 1px solid var(--background-modifier-border-alt) !important;
} */

.workspace-split.mod-root .workspace-tabs:not(.mod-top)>.workspace-tab-header-container .workspace-tab-header-inner-title,
.workspace-split.mod-root .workspace-tabs:not(.mod-top)>.workspace-tab-header-container .workspace-tab-header-new-tab .clickable-icon,
.workspace-split.mod-root .workspace-tabs:not(.mod-top)>.workspace-tab-header-container .workspace-tab-header-tab-list .clickable-icon {
    color: var(--text-normal);
}

.workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner,
.workspace-split.mod-right-split .workspace-tabs:not(.mod-top) > .workspace-tab-header-container,
.workspace-split.mod-left-split .workspace-tabs:not(.mod-top) > .workspace-tab-header-container {
    background-color: transparent;
}

.workspace-split.mod-right-split .workspace-tabs:not(.mod-top) > .workspace-tab-header-container,
.workspace-split.mod-left-split .workspace-tabs:not(.mod-top) > .workspace-tab-header-container {
    border-bottom: 1px solid var(--background-modifier-border);
}

.workspace-split.mod-left-split .workspace-tabs:not(.mod-top) > .workspace-tab-header-container {
    border-right: 1px solid var(--background-modifier-border);
}

.workspace .mod-root .workspace-tab-header:hover {
    transform: scale(1.05);
    transition: 700ms;
    color: var(--color-accent);
}

.workspace-split.mod-root .workspace-tabs:not(.mod-top)>.workspace-tab-header-container .workspace-tab-header:hover .workspace-tab-header-inner-title {
    color: var(--color-accent);
}

.vertical-tab-header-group-title {
    font-size: var(--font-ui-medium);
    color: var(--color-accent);
}

.mod-left-split .nav-header {
    padding: 3.5px 8px;
}

.mod-right-split .nav-header {
    padding: 5.5px 0px;
}

.workspace .mod-root .workspace-tab-header {
    border: 0px solid var(--background-modifier-border);
}

/* folders
*/
.nav-folder.mod-root .nav-folder>.nav-folder-children {
    padding-left: 18px;
    margin-left: 8px;
    border-left: var(--nav-indentation-guide-width) solid var(--color-accent);
}

.nav-folder-title {
    font-variation-settings: "wght"600;
    color: var(--color-accent);
    font-size: 17px;
}

.nav-folder.mod-root .nav-folder>.nav-folder-children .nav-folder-title {
    font-size: 14px;
    font-variation-settings: "wght"600;
}

.nav-folder-title {
	font-size: var(--font-ui-medium);
	color: var(--color-base-100);
	border-radius: 0;
	font-variation-settings: "wght" 600;
}

.nav-folder-title:hover {
	font-size: var(--font-ui-medium);
	border-radius: var(--radius-s);
	font-variation-settings: "wght" 600;
}

.tree-item-self.fn-is-active {
    color: var(--nav-item-color-active);
    background-color: var(--nav-item-background-active);
    border-radius: var(--radius-s);
    font-weight: var(--nav-item-weight-active);
}

.nav-file-title.is-active {
    background: transparent !important;
    border-radius: var(--radius-s);
    animation: 0.3s pop cubic-bezier(0.17, 0.89, 0.32, 1.27);
}

.nav-file-title-content,
.nav-folder-title-content {
    padding: 2px 4px;
	margin: -2px 0px;
}

.is-active .nav-file-title-content {
    color: var(--text-on-accent) !important;
    background: var(--color-accent) !important;
    border-radius: var(--radius-s);
}

.nav-file-title:hover,
.nav-folder-title:hover {
    background: transparent !important;
}

.nav-file-title-content:hover,
.nav-folder-title-content:hover {
    color: var(--color-accent) !important;
    background: var(--background-secondary) !important;
    border-radius: var(--radius-s);
    padding: 2px 4px;
    transition: 700ms;
}

.nav-file-title-content,
.nav-folder-title-content {
    transition: 700ms;
}

body:not(.is-phone) .workspace-leaf.mod-active .tree-item-self.has-focus {
    box-shadow: none;
    border-bottom: 1px solid var(--color-accent);
    border-radius: 0;
}

.nav-files-container {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: var(--size-4-3) var(--size-4-3) var(--size-4-6) var(--size-4-6);
    scroll-padding-block: var(--size-4-2);
}

/* blockqoutes
*/
.markdown-preview-view blockquote {
    color: var(--text-faint);
    background: var(--background-primary);
    box-shadow: var(--shadow-s);

    position: relative;

    padding: 18px 28px 18px 36px;
    margin: 14px 0;

    border: var(--o-border);
    border-radius: 8px;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.46, 0.95);
    background: var
}

.markdown-preview-view blockquote:hover {
    color: var(--text-faint);
    background: var(--background-primary);
    box-shadow: var(--shadow-s);

    position: relative;

    padding: 18px 28px 18px 36px;
    margin: 14px 0;

    border: 1px solid var(--color-accent);
    transform: translateY(4px);
}

.markdown-preview-view blockquote::before {
    content: "";

    height: calc(100% - 30px);
    width: 3px;

    background: var(--color-accent);

    position: absolute;
    top: 15px;
    left: 15px;

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

.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote::before,
.markdown-source-view.mod-cm6 .cm-blockquote-border::before {
    display: block;
    content: "\200b";

    width: 1px;

    color: transparent;

    position: absolute;
    top: 0;
    bottom: 0;

    border-left:
        var(--blockquote-border-thickness) solid var(--background-secondary);
}

.markdown-preview-view blockquote::before {
    display: none;
}

/* Mobile
*/
.workspace-drawer.mod-left {
    border-right: var(--o-border);
}

.workspace-drawer.mod-right {
    border-left: var(--o-border);
}

.AT-multirow .mobile-toolbar,
.AT-multirow .mobile-toolbar-options-container {
    height: calc(24px*var(--at-row-count) + var(--at-spacing)) !important;
}

/* stacked tabs
*/

/* stacked tab header
*/
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container::-webkit-scrollbar {
    border-top: 1px solid var(--background-modifier-border);
    border-left: none;
    border-radius: 0px !important;
    background: var(--background-secondary) !important;
}

.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
    background: var(--background-primary);
    box-shadow: var(--shadow-s);

    font-variation-settings: "wght"700, "SOFT"100, "WONK"1;

    margin: 8px 0 8px 8px;

    border-top: 1px solid var(--background-modifier-border);
    border-bottom: 1px solid var(--background-modifier-border);
    border-right: none;
    border-left: 1px solid var(--background-modifier-border);
    border-radius: 8px 0 0 8px;
    height: 50%;
}


.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-leaf {
    box-shadow: none;
    border-left: 1px solid var(--background-modifier-border);
    width: var(--tab-stacked-pane-width);
    contain: strict;
    border-radius: 8px;
    border-radius: 0;
}

/* status bar
*/
.status-bar {
    box-shadow: var(--shadow-s);
    border-top: 1px solid var(--background-modifier-border);
    border-left: 1px solid var(--background-modifier-border);
}

/* Buttons
*/

button:not(.clickable-icon,
    .canvas-controls button,
    .mk-inline-button,
    .mk-tree-wrapper button,
    .mk-view-selector button),
.clickable-icon[aria-label="New note"] {
    background-color: var(--background-primary);
    color: var(--color-accent);
    border: var(--o-border);
    border-radius: var(--ulu-radius) !important;
    transition: .3s;
    box-shadow: none;
}

button:not(.clickable-icon,
    .canvas-controls button,
    .mk-inline-button,
    .mk-tree-wrapper button,
    .mk-view-selector button):hover,
.clickable-icon[aria-label="New note"]:hover {
    background-color: var(--color-accent);
    color: #fff;
    box-shadow: 0 0 0 5px hsl(var(--color-accent-hsl), 0.1);
}


.clickable-icon {
    box-shadow: none !important;
}

button:active {
    box-shadow: none;
    transform: translate(0);
}

/* Major Checkbox Styling
*/
.checkbox-container {
	background-color: var(--background-secondary);
	border: 1px solid var(--background-modifier-border);
	border-radius: 30px;
	transition: var(--transition-05);
}

.checkbox-container::after {
	content: "";

	background: var(--background-primary);

	top: -3px;
	left: -3px;

	border: 2px solid var(--background-modifier-border);
	border-radius: 20px;

	transition: var(--transition-05);
}

.checkbox-container.is-enabled {
	background-image: linear-gradient(40deg, var(--color-accent), var(--color-accent-1));
	outline: none;
	transition: var(--transition-05);
}

.checkbox-container:focus-within {
	outline: none;
}

.checkbox-container:hover {
	box-shadow: none;
}

/* note checkboxes */
input[type="checkbox"] {
    height: var(--checkbox-size);
    width: var(--checkbox-size);

    background: var(--background-modifier-border);

    position: relative;

    padding: 0;
    margin: 0 6px 0 0;

    border: none;
    border-radius: var(--radius-s);

    transition: all 0.3s;

    -webkit-appearance: none;
    appearance: none;
    flex-shrink: 0;
}

input[type="checkbox"]:hover {
    border: none;
    border-radius: var(--checkbox-radius);
    transition: box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}

input[type="checkbox"]:checked {
    background: transparent;
    border: none;
    animation: pop 0.5s;
    animation-direction: alternate;
}

input[type="checkbox"]:checked::after {
    display: block;
    content: "";

    height: var(--checkbox-size);
    width: var(--checkbox-size);

    background: var(--color-accent);

    position: absolute;

    -webkit-mask-position: 52% 52%;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-check" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath stroke="none" d="M0 0h24v24H0z" fill="none"%3E%3C/path%3E%3Cpath d="M5 12l5 5l10 -10"%3E%3C/path%3E%3C/svg%3E');
    transition: 700ms;
}

li[data-task="x"] input[type="checkbox"]:checked::after {
    left: 1px;
}

input[type="checkbox"]:checked:hover {
    background: var(--text-on-accent);
    border: none;
    transform: scale(1.2);
    transition: 300ms;
}

input[type="checkbox"]:checked:hover::after {
    background: var(--color-accent);
}

@keyframes pop {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.9);
    }

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

/* original code from the amazing sanctum theme (that theme got me into themeing, i love it so much!) */
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="x"],
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="X"],
ul>li.task-list-item[data-task="x"],
ul>li.task-list-item[data-task="X"] {
    text-decoration: none;
    color: var(--text-faint);
}

li.is-checked:where(li[data-task="-"], li[data-task=">"], li[data-task="B"], li[data-task="X"], li[data-task="b"], li[data-task="!"], li[data-task="?"], li[data-task="i"], li[data-task="/"]) input[type="checkbox"],
.markdown-source-view input[type="checkbox"]:where(li[data-task="-"], li[data-task=">"], li[data-task="B"], li[data-task="X"], li[data-task="b"], li[data-task="!"], li[data-task="?"], li[data-task="i"], li[data-task="/"]):checked {
    background: transparent;
    border-width: 0;
    pointer-events: none;
}

li.is-checked:where(li[data-task="-"], li[data-task=">"], li[data-task="B"], li[data-task="X"], li[data-task="b"], li[data-task="!"], li[data-task="?"], li[data-task="i"], li[data-task="/"]) input[type="checkbox"]:hover,
.markdown-source-view input[type="checkbox"]:where(li[data-task="-"], li[data-task=">"], li[data-task="B"], li[data-task="X"], li[data-task="b"], li[data-task="!"], li[data-task="?"], li[data-task="i"], li[data-task="/"]):checked:hover {
    box-shadow: none;
    border-color: transparent;
    pointer-events: none;
}

li.is-checked:where(li[data-task="-"], li[data-task=">"], li[data-task="B"], li[data-task="X"], li[data-task="b"], li[data-task="!"], li[data-task="?"], li[data-task="i"], li[data-task="/"]) input[type="checkbox"]::after,
.markdown-source-view input[type="checkbox"]:where(li[data-task="-"], li[data-task=">"], li[data-task="B"], li[data-task="X"], li[data-task="b"], li[data-task="!"], li[data-task="?"], li[data-task="i"], li[data-task="/"]):checked::after {
    left: 0;
    -webkit-mask-size: 110%;
    pointer-events: none;
}

li[data-task="!"] input[type="checkbox"]:checked::after,
input[type="checkbox"][data-task="!"]::after {
    background: var(--color-red);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-urgent' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 16v-4a4 4 0 0 1 8 0v4'%3E%3C/path%3E%3Cpath d='M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7'%3E%3C/path%3E%3Crect x='6' y='16' width='12' height='4' rx='1'%3E%3C/rect%3E%3C/svg%3E");
}

li[data-task="?"] input[type="checkbox"]:checked::after,
input[type="checkbox"][data-task="?"]::after {
    background: var(--color-blue);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-question-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 16v.01'%3E%3C/path%3E%3Cpath d='M12 13a2.003 2.003 0 0 0 .914 -3.782a1.98 1.98 0 0 0 -2.414 .483'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='9'%3E%3C/circle%3E%3C/svg%3E");
}

/* progress */
li[data-task="/"] input[type="checkbox"]:checked::after,
input[type="checkbox"][data-task="/"]::after {
    background: var(--color-yellow);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-hourglass-high' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6.5 7h11'%3E%3C/path%3E%3Cpath d='M6 20v-2a6 6 0 1 1 12 0v2a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1z'%3E%3C/path%3E%3Cpath d='M6 4v2a6 6 0 1 0 12 0v-2a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1z'%3E%3C/path%3E%3C/svg%3E");
}

/* cancel */
li[data-task="-"] input[type="checkbox"]:checked::after,
input[type="checkbox"][data-task="-"]::after {
    background: var(--color-red);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-circle-minus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='9'%3E%3C/circle%3E%3Cline x1='9' y1='12' x2='15' y2='12'%3E%3C/line%3E%3C/svg%3E");
}

/* defer */
li[data-task=">"] input[type="checkbox"]:checked::after,
input[type="checkbox"][data-task=">"]::after {
    background: var(--color-orange);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-back' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M9 11l-4 4l4 4m-4 -4h11a4 4 0 0 0 0 -8h-1'%3E%3C/path%3E%3C/svg%3E");
}

li[data-task="<"] input[type="checkbox"]:checked::after,
input[type="checkbox"][data-task="<"]::after {
    background: var(--color-purple);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M26 4h-4V2h-2v2h-8V2h-2v2H6a2.002 2.002 0 0 0-2 2v20a2.002 2.002 0 0 0 2 2h20a2.002 2.002 0 0 0 2-2V6a2.002 2.002 0 0 0-2-2ZM6 6h4v2h2V6h8v2h2V6h4v4H6Zm0 6h5v6H6Zm13 14h-6v-6h6Zm0-8h-6v-6h6Zm2 8v-6h5l.001 6Z'/%3E%3Cpath fill='none' d='M0 0h32v32H0z' data-name='&lt;Transparent Rectangle&gt;'/%3E%3C/svg%3E");
}

/* failed */
li[data-task="X"] input[type="checkbox"]:checked::after,
input[type="checkbox"][data-task="X"]::after {
    background: var(--color-red);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-trash-x' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h16'%3E%3C/path%3E%3Cpath d='M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12'%3E%3C/path%3E%3Cpath d='M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3'%3E%3C/path%3E%3Cpath d='M10 12l4 4m0 -4l-4 4'%3E%3C/path%3E%3C/svg%3E");
}

/* idea */
li[data-task="i"] input[type="checkbox"]:checked::after,
input[type="checkbox"][data-task="i"]::after {
    background: var(--color-green);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-seeding' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 10a6 6 0 0 0 -6 -6h-3v2a6 6 0 0 0 6 6h3'%3E%3C/path%3E%3Cpath d='M12 14a6 6 0 0 1 6 -6h3v1a6 6 0 0 1 -6 6h-3'%3E%3C/path%3E%3Cline x1='12' y1='20' x2='12' y2='10'%3E%3C/line%3E%3C/svg%3E");
}

/* brainstorm */
li[data-task="b"] input[type="checkbox"]:checked::after,
input[type="checkbox"][data-task="b"]::after {
    background: var(--color-purple);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-brain' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M15.5 13a3.5 3.5 0 0 0 -3.5 3.5v1a3.5 3.5 0 0 0 7 0v-1.8'%3E%3C/path%3E%3Cpath d='M8.5 13a3.5 3.5 0 0 1 3.5 3.5v1a3.5 3.5 0 0 1 -7 0v-1.8'%3E%3C/path%3E%3Cpath d='M17.5 16a3.5 3.5 0 0 0 0 -7h-.5'%3E%3C/path%3E%3Cpath d='M19 9.3v-2.8a3.5 3.5 0 0 0 -7 0'%3E%3C/path%3E%3Cpath d='M6.5 16a3.5 3.5 0 0 1 0 -7h.5'%3E%3C/path%3E%3Cpath d='M5 9.3v-2.8a3.5 3.5 0 0 1 7 0v10'%3E%3C/path%3E%3C/svg%3E");
}

/* bookmark */
li[data-task="B"] input[type="checkbox"]:checked::after,
input[type="checkbox"][data-task="B"]::after {
    background: var(--color-red);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-bookmark' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M9 4h6a2 2 0 0 1 2 2v14l-5 -3l-5 3v-14a2 2 0 0 1 2 -2'%3E%3C/path%3E%3C/svg%3E");
}

/* text input
*/

textarea,
input[type="text"]:not(.prompt-input, .metadata-property input[type='text']),
input[type="search"],
input[type="email"],
input[type="password"],
input[type="number"] {
    font-size: var(--font-ui-small);
    background: transparent;

    border: none;
    border: 0;
    border-bottom: 1px solid var(--text-normal);
    border-radius: 0;

    transition: box-shadow 0.15s ease-in-out, border 0.15s ease-in-out;

    -webkit-app-region: no-drag;
}

input[type="search"]:active,
input[type="email"]:active,
input[type="password"]:active,
input[type="number"]:active,
textarea:focus,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus-visible,
input[type="text"]:focus-visible,
input[type="search"]:focus-visible,
input[type="email"]:focus-visible,
input[type="password"]:focus-visible,
input[type="number"]:focus-visible {
    box-shadow: none;
}

.inline-title {
    font-variation-settings: "SOFT"100, "WONK"0, "opsz"9, "wght"900;
}

p,
.cm-content {
    font-family: inherit;
    font-variation-settings: inherit;
    font-variation-settings: "wght"400, "slnt"0;
}

/* Links
*/
.markdown-source-view.mod-cm6 .is-unresolved .cm-underline,
.markdown-source-view.mod-cm6 .cm-underline.is-unresolved,
.markdown-source-view.mod-cm6 .cm-underline,
a:hover,
.markdown-rendered .internal-link.is-unresolved:hover,
.markdown-rendered .internal-link:hover {
    font-family: var(--font-header);
    font-weight: 700;

    color: var(--text-normal);

    text-decoration-line: underline;
    text-decoration-skip-ink: all;
    text-decoration-color: var(--color-accent);
    font-variation-settings: "wght"700, "SOFT"100, "WONK"1;
}

a,
.markdown-rendered .internal-link.is-unresolved,
.markdown-rendered .internal-link {
    color: var(--text-normal);
    text-decoration-line: none;
}

a,
.markdown-source-view.mod-cm6 .cm-link .cm-underline,
.markdown-source-view.mod-cm6 .cm-url .cm-underline,
.markdown-rendered .internal-link.is-unresolved,
.markdown-rendered .internal-link,
.markdown-source-view.mod-cm6 .is-unresolved .cm-underline:hover,
.markdown-source-view.mod-cm6 .cm-underline.is-unresolved:hover,
.markdown-source-view.mod-cm6 .cm-underline:hover {
    font-weight: 700;
    background-image: none;
    font-variation-settings: "wght"700, "SOFT"100, "WONK"1;
}

/* Disable external link icon
*/
/* .external-link {
	background-image: none;
	padding-right: 0;
} */

.external-link {
	background-position-y: 4px;

	color: var(--link-external-color);
	background-image: none;
	background-repeat: no-repeat;
	filter: var(--link-external-filter);

	padding-right: 16px;

	cursor: var(--cursor-link);

	text-decoration-line: var(--link-external-decoration);
	background-position: center right;
	background-size: 13px;
}

.external-link::after {
    content: "";
    height: 8px;
    width: 8px;
    background: var(--color-accent);
    position: absolute;
    border-radius: 100%;
    margin: 4px 0 0 4px;
}

/* ???
*/
.markdown-rendered mark,
.cm-s-obsidian span.cm-formatting-highlight,
.cm-s-obsidian span.cm-highlight {
    padding-right: 2px;
    padding-left: 2px;
    border-radius: var(--radius-s);
}

/* Bold & Italic
*/

strong,
.cm-strong {
    color: var(--color-base-100);
    font-variation-settings: "wght"700;
}

em,
.cm-em {
    font-style: italic;
    color: var(--text-faint);
    font-variation-settings: "wght"500, "slnt"10;
}

.vertical-tab-header-group-title {
    font-size: var(--font-ui-medium);
    color: var(--color-accent);
}

.markdown-rendered pre {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.46, 0.95);
}

.markdown-rendered pre:hover {
    transform: translateY(4px);
}

.is-translucent:not(.is-fullscreen) .titlebar,
.is-translucent:not(.is-fullscreen) .app-container {
    background-color: transparent;
}

.is-translucent .workspace {
    background: linear-gradient(135deg, hsla(var(--color-accent-hsl), 0.1) 1.62%, transparent 50.72%);
}

::-webkit-scrollbar {
    border-left: 1px solid var(--background-modifier-border);
    border-radius: 0px !important;
    background: transparent !important;
}

body:not(.native-scrollbars) ::-webkit-scrollbar-thumb {
    border-width: 3px;
}

.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container::-webkit-scrollbar {
    border-top: 1px solid var(--background-modifier-border);
    border-left: none;
    border-radius: 0px !important;
    background: var(--background-secondary) !important;
}

.view-header,
.nav-header,
.mod-right-split .workspace-tab-header-container,
.mod-left-split .workspace-tab-header-container {
    border-bottom: 1px solid var(--background-modifier-border) !important;
}

.mod-left-split .nav-header {
    padding: 3.5px 8px;
}

.mod-right-split .nav-header {
    padding: 5.5px 0px;
}

.workspace .mod-root .workspace-tab-header {
    border: 0px solid var(--background-modifier-border);
}

/* These ordered lists were brought to my attention and created by the wonderful Typomagical theme! */
/*
Concourse Index by Matthew Butterick
https://practicaltypography.com/concourse-index.html
Encoded to base64 for CSS using https://hellogreg.github.io/woff2base/
14KB
*/
@font-face {
	font-family: 'Concourse Index';
	src: url(data:application/octet-stream;base64,[encoded data, 18712 characters]);
}
/* List font END */

ol {
	padding-inline-start: 36px;
	counter-reset: foobar;
}
ol li {
	list-style: none;
	/* margin-left: 0; */
}
ol li::before {
	counter-increment: foobar;
	content: counter(foobar);
	font-size: medium;
	position: absolute;
	margin-left: -1.5rem;
	font-family: 'Concourse Index';
	font-variant-ligatures: common-ligatures;
}

.mod-top-left-space ol li::before {
	font-size: small;
}

li.is-collapsed .list-bullet:after, .is-collapsed ~ .cm-formatting-list .list-bullet:after {
    background-color: var(--list-marker-color-collapsed);
    box-shadow: 0 0 4px 4px var(--background-modifier-active-hover);
}

.ulu-pin .list-bullet.list-bullet.list-bullet:after {
	content: '📍';
	height: unset;
	font-size: x-small;
	color: var(--color-accent);
	width: unset;
	background: transparent;
}

.ulu-pin .outliner-plugin-better-bullets
	.cm-s-obsidian:not(.is-live-preview)
	.cm-formatting-list-ul:before,
.ulu-pin .outliner-plugin-better-bullets
	.cm-s-obsidian.is-live-preview
	.list-bullet:before {
	content: '📍';
	height: unset;
	font-size: x-small;
	color: var(--color-accent);
	width: unset;
	background: transparent;
} 

.ulu-pin .is-collapsed ~ .cm-formatting-list .list-bullet:after,
.ulu-pin .cm-fold-indicator:hover.is-collapsed ~ .cm-formatting-list .list-bullet:after {
	background-color: transparent;
	box-shadow: none;
}

.ulu-pin .list-collapse-indicator:hover ~ .list-bullet:after,
.ulu-pin .cm-fold-indicator:hover ~ .list-bullet:after,
.ulu-pin .list-collapse-indicator:hover ~ .cm-formatting-list .list-bullet:after,
.ulu-pin .cm-fold-indicator:hover ~ .cm-formatting-list .list-bullet:after {
	background-color: transparent;
	box-shadow: none;
}

.ulu-we3-callout .callout[data-callout="abstract"],
.ulu-we3-callout .callout[data-callout="warning"],
.ulu-we3-callout .callout[data-callout="info"],
.ulu-we3-callout .callout[data-callout="example"],
.ulu-we3-callout .callout[data-callout="note"],
.ulu-we3-callout .callout[data-callout="tip"],
.ulu-we3-callout .callout[data-callout="success"],
.ulu-we3-callout .callout[data-callout="question"],
.ulu-we3-callout .callout[data-callout="failure"],
.ulu-we3-callout .callout[data-callout="danger"],
.ulu-we3-callout .callout[data-callout="bug"],
.ulu-we3-callout .callout[data-callout="quote"] {
  color: var(--color-callout-text);
}

.ulu-we3-callout .theme-dark {
	--color-callout-red: #502626;
	--color-callout-blue: #263850;
	--color-callout-green: #265029;
	--color-callout-yellow: #4c5026;
	--color-callout-orange: #504126;
	--color-callout-teal: #264e50;
	--color-callout-grey: #3b3b3b;
	--color-callout-purple: #392650;

	--color-callout-border-red: #715050;
	--color-callout-border-blue: #516073;
	--color-callout-border-green: #507153;
	--color-callout-border-yellow: #6e7150;
	--color-callout-border-orange: #716550;
	--color-callout-border-teal: #507171;
	--color-callout-border-grey: #616161;
	--color-callout-border-purple: #472650;
	--color-callout-text: var(--text-on-accent);
}

.ulu-we3-callout .theme-light {
	--color-callout-red: #ffe0e0;
	--color-callout-blue: #def1ff;
	--color-callout-green: #e0ffe3;
	--color-callout-yellow: #ffffe0;
	--color-callout-orange: #fff2e0;
	--color-callout-teal: #e0feff;
	--color-callout-grey: #ededed;
	--color-callout-purple: #ede0ff;

	--color-callout-border-red: #e5c7c7;
	--color-callout-border-blue: #c7d8e5;
	--color-callout-border-green: #cce5c7;
	--color-callout-border-yellow: #e3e5c7;
	--color-callout-border-orange: #e5dbc7;
	--color-callout-border-teal: #c7e5e5;
	--color-callout-border-grey: #dbdbdb;
	--color-callout-border-purple: #d8c7e5;
	--color-callout-text: var(--text-normal);
}

.ulu-we3-callout .callout-title-inner {
    font-weight: var(--bold-weight);
    text-shadow: 0px 0px 18px rgba(var(--callout-color),0.5);
    color: var(--callout-title-color);
}

.ulu-we3-callout .callout {
    border-radius: 8px;
    transition: 700ms;
}

.ulu-we3-callout .callout[data-callout="abstract"],
.ulu-we3-callout .callout[data-callout="summary"],
.ulu-we3-callout .callout[data-callout="tldr"] {
    box-shadow:
    -12px 12px 69px -3px rgba(66, 4, 126, 0.1),
    12px -12px 69px -3px rgba(7, 244, 158, 0.05);
}

.ulu-we3-callout .callout[data-callout="danger"],
.ulu-we3-callout .callout[data-callout="bug"] {
    box-shadow:
    -12px 12px 69px -3px rgba(52, 7, 61, 0.1),
    12px -12px 69px -3px rgba(239, 116, 92, 0.1);
}

.ulu-we3-callout .callout[data-callout="info"],
.ulu-we3-callout .callout[data-callout="todo"],
.ulu-we3-callout .callout[data-callout="note"] {
    box-shadow: 
    -12px 12px 69px -3px rgba(84,86,206,0.1), 
    0px 1px 69px -3px rgba(201,88,187,0.1), 
    12px -12px 69px -3px rgba(250,191,120,0.1);
}

.ulu-we3-callout .callout[data-callout="summary"],
.ulu-we3-callout .callout[data-callout="example"] {
    box-shadow: 
    -12px 12px 69px -3px rgba(34, 5, 45, 0.1),
    12px -12px 69px -3px rgba(239, 116, 92, 0.2);
}

.ulu-we3-callout .callout[data-callout="caution"],
.ulu-we3-callout .callout[data-callout="warning"] {
    box-shadow: 
    -12px 12px 69px -3px rgba(8, 32, 62, 0.1),
    12px -12px 69px -3px rgba(85, 124, 147, 0.1);
}

.ulu-we3-callout .callout[data-callout="tip"],
.ulu-we3-callout .callout[data-callout="hint"] {
    box-shadow: 
    -12px 12px 69px -3px rgba(94, 67, 93, 0.1),
    12px -12px 69px -3px rgba(164, 198, 184, 0.1);
}

.ulu-we3-callout .callout[data-callout="success"],
.ulu-we3-callout .callout[data-callout="check"],
.ulu-we3-callout .callout[data-callout="done"] {
    box-shadow: 
    -12px 12px 69px -3px rgba(28, 62, 53, 0.1),
    12px -12px 69px -3px rgba(153, 242, 209, 0.1);
}

.ulu-we3-callout .callout[data-callout="question"],
.ulu-we3-callout .callout[data-callout="help"],
.ulu-we3-callout .callout[data-callout="faq"] {
    box-shadow: 
    -12px 12px 69px -3px rgba(63, 63, 66, 0.1),
    12px -12px 69px -3px rgba(93, 93, 60, 0.1);

}

.ulu-we3-callout .callout[data-callout="failure"],
.ulu-we3-callout .callout[data-callout="fail"],
.ulu-we3-callout .callout[data-callout="missing"] {
    box-shadow: 
    -12px 12px 69px -3px rgba(18, 36, 63, 0.1),
    12px -12px 69px -3px rgba(244, 152, 90, 0.1);

}

.ulu-we3-callout .callout[data-callout="error"] {
    box-shadow: 
    -12px 12px 69px -3px rgba(31, 0, 33, 0.1),
    12px -12px 69px -3px rgba(117, 16, 6, 0.1);
}

.ulu-we3-callout .callout[data-callout="important"] {
    box-shadow: 
    -12px 12px 69px -3px rgba(249, 188, 44, 0.1),
    12px -12px 69px -3px rgba(247, 76, 6, 0.1);
}

.ulu-we3-callout .callout[data-callout="quote"],
.ulu-we3-callout .callout[data-callout="cite"] {
    box-shadow: 
    -12px 12px 69px -3px rgba(96, 105, 107, 0.1),
    12px -12px 69px -3px rgba(133, 142, 150, 0.1);
}

.ulu-we3-callout .callout[data-callout="tldr"],
.ulu-we3-callout .callout[data-callout="caution"],
.ulu-we3-callout .callout[data-callout="todo"],
.ulu-we3-callout .callout[data-callout="summary"],
.ulu-we3-callout .callout[data-callout="hint"],
.ulu-we3-callout .callout[data-callout="important"],
.ulu-we3-callout .callout[data-callout="check"],
.ulu-we3-callout .callout[data-callout="done"],
.ulu-we3-callout .callout[data-callout="help"],
.ulu-we3-callout .callout[data-callout="faq"],
.ulu-we3-callout .callout[data-callout="fail"],
.ulu-we3-callout .callout[data-callout="error"],
.ulu-we3-callout .callout[data-callout="important"],
.ulu-we3-callout .callout[data-callout="cite"],
.ulu-we3-callout .callout[data-callout="abstract"],
.ulu-we3-callout .callout[data-callout="warning"],
.ulu-we3-callout .callout[data-callout="info"],
.ulu-we3-callout .callout[data-callout="example"],
.ulu-we3-callout .callout[data-callout="note"],
.ulu-we3-callout .callout[data-callout="tip"],
.ulu-we3-callout .callout[data-callout="success"],
.ulu-we3-callout .callout[data-callout="question"],
.ulu-we3-callout .callout[data-callout="failure"],
.ulu-we3-callout .callout[data-callout="danger"],
.ulu-we3-callout .callout[data-callout="bug"],
.ulu-we3-callout .callout[data-callout="quote"] {
  border: 1px solid var(--background-primary);
  background: var(--background-primary);
}

.ulu-we3-callout .callout:hover {
	border: 1px solid rgb(var(--callout-color));
} 

.ulu-we3-callout .callout-icon .svg-icon,
.ulu-we3-callout .callout-icon {
    display: none;
}

.ulu-we3-callout .callout-title {
    font-size: 2em;
    padding: 0;
    gap: 0;
}

/* Plugin support
*/

#cMenuToolbarModalBar.top {
    background: transparent;
    border: none;
    border-radius: 0;
	border-bottom: 1px solid var(--background-modifier-border);
}

#cMenuToolbarModalBar .cMenuToolbarCommandItem,
#cMenuToolbarModalBar.top :is(.cMenuToolbarCommandItem, button[class^=cMenuToolbarCommandsubItem]):not(.cMenuToolbar-Divider-Line),
:is(#cMenuToolbarModalBar, #cMenuToolbarPopoverBar) button[class^=cMenuToolbarCommandsubItem]>.subitem svg {
	color: var(--text-on-accent) !important;
}



/* calendar
*/
.workspace-split.mod-left-split .workspace-leaf-content .view-content {
    padding: 0;
    overflow: auto;
}

.nav.svelte-1vwr9dd.svelte-1vwr9dd {
    align-items: center;
    display: flex;
    margin: 0em 0 1em;
    padding: 0 0px;
    width: 100%;
}

.container.svelte-pcimu8 {
    padding: 0 !important;
}

td.svelte-egt0yd {
    border-right: none !important;
}

th.svelte-pcimu8 {
    background: var(--color-background-heading);
    color: var(--color-text-heading);
    font-size: 0.6em;
    letter-spacing: 1px;
    padding: 4px;
    border-bottom: none;
    text-transform: uppercase;
}

/* loomsidian
*/
.loom-before-current-text {
    color: var(--text-muted) !important;
}

.loom-node-inner {
    color: var(--text-normal);
	background: red !important;
}

.loom__editor-node-hover {
    background: rgba(0,0,0,0.1) !important;
	color: var(--color-accent) !important;
}

.loom__node-children {
    margin-left: 0.85em;
    padding-left: 0.6em;
    border-left: 1px solid var(--background-modifier-border);
}

.loom__node-unread-indicator {
    width: 0.3em;
    height: 0.3em;
    border-radius: 50%;
    background-color: var(--color-accent);
    box-shadow: 0 0 8px 4px hsla(var(--color-accent-hsl),0.3);
    margin-left: 0.6em;
    flex-shrink: 0;
}

.loom__node-unread {
    color: var(--font-normal);
    font-weight: 500 !important;
}

/* editor toolbar
*/
#cMenuToolbarModalBar.top {
    background: transparent;
    border-radius: 0;
}

/* kanban
*/

.kanban-plugin__scroll-container.kanban-plugin__horizontal::-webkit-scrollbar {
    border-left: 0px solid var(--background-modifier-border);
}

.kanban-plugin__item {
    font-size: 1em;
    margin-bottom: 5px;
    border: none;
    border-left: var(--o-kanban-notion-border-width) solid var(--o-kanban-notion-border-color);
    border-radius: 0;
}

.kanban-plugin__lane-header-wrapper {
    border-bottom: 1px solid var(--background-modifier-border)
}

.kanban-plugin__lane {
    background: var(--background-primary);
    border: 1px solid var(--background-primary);
}

.ulu-kanban-wrap .kanban-plugin__lane {
    height: 100%;
    width: 100%;
    overflow: visible;
}

/* omnisearch support */
.omnisearch-result__title {
    font-weight: 600;
    text-decoration-line: underline;
    text-decoration-thickness: 15%;
    text-decoration-color: var(--color-accent);
}

/* better command palette */
.better-command-palette .suggestion-item .suggestion-flair {
    color: var(--color-accent);
}

.better-command-palette .better-command-palette-title {
    display: none;
}

/* tag navigator */
.align-center.align-center {
    display: flex;
    margin: 8px;
    overflow: visible;
    justify-content: flex-start;
    flex-wrap: wrap;
    /* have tags wrap instead of scroll, so long tags don't break to a new line  */
}

.btn.btn {
    background: rgb(0 0 0 / 10%);
    margin: 2px !important;
    border: none !important;
    border-radius: 8px !important;
    transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

/* floating TOC */
body {
    --floating-toc-header-background: var(--background-secondary);
}

/* Animations
*/

@keyframes scale-up-center {
	0% {
		opacity: 0;
		transform: scale(3);
	}
	25% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: scale(9);
	}
}

@keyframes pop {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(0.9);
	}

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

@keyframes slide-in-bottom {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}
	25% {
		opacity: 1;
	}
	100% {
		transform: translateY(0);
	}
}

@keyframes slide-fwd-top {
	0% {
		transform: translateZ(20px) translateY(-20px);
	}
	100% {
		transform: translateZ(0) translateY(0);
	}
}

@keyframes slide-top {
	0% {
		transform: translateY(100px);
	}

	75% {
		transform: translateY(-2px);
	}

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

@keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes slide-in-left {
	0% {
		opacity: 0;
		transform: translateX(-30px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.mod-right-split .workspace-leaf-content,
.mod-left-split .workspace-tabs .workspace-leaf,
div[aria-label="Open another vault"]:hover,
div[aria-label="Help"]:hover {
	animation: 0.4s fade cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.modal,
.snw-ref-title-popover,
.menu,
.popover,
.prompt,
.workspace-split.mod-vertical.mod-root .workspace-tabs:not(.mod-stacked) {
	animation: 0.3s pop cubic-bezier(0.17, 0.89, 0.32, 1.27);
}

.modal,
.prompt {
	/* stylelint-disable-next-line number-max-precision */
	animation: slide-in-bottom 0.5s cubic-bezier(0.07, 0.82, 0.17, 1.000) both;
}

/* ULTRA LOBSTER
*/

/*  set background color behind main leaf-card
*/
.workspace {
	background: var(--background-secondary);
}

.workspace-split.mod-root .view-content {
    background-color: var(--background-primary);
}

/* left over from experiments with shadows, currently controls gap between notes and space around them
*/

.workspace-split.mod-vertical .workspace-tab-header-container {
	background: transparent;
}

.mod-vertical .workspace-tab-container {
	padding: 8px;
}

.is-mobile .mod-vertical .workspace-tab-container {
	padding: 0px !important;
}

.mobile-navbar {
    border-top: 1px solid var(--background-modifier-border);
}

.mod-left-split .workspace-tabs .workspace-leaf,
.mod-right-split .workspace-tabs .workspace-leaf {
	box-shadow: none;
	padding: 0;
}

/* note border color and shadow
*/

.ulu-cards-border .workspace .mod-root .workspace-tabs .workspace-leaf:not(
.ulu-cards-border.ulu-cards-border .ulu-cards-border .mk-flowspace-editor .workspace-leaf-content,
.ulu-cards-border .is-mobile .workspace .mod-root .workspace-leaf-content) {
    border: none;
}

.ulu-cards-shadow .mod-root .workspace-tabs .workspace-leaf:not(.is-mobile) {
    box-shadow: none;
}

/* canvas
*/
.canvas-node.is-themed.mod-canvas-color-1 .canvas-node-content,
.canvas-node.is-themed.mod-canvas-color-2 .canvas-node-content,
.canvas-node.is-themed.mod-canvas-color-3 .canvas-node-content,
.canvas-node.is-themed.mod-canvas-color-4 .canvas-node-content,
.canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content,
.canvas-node.is-themed.mod-canvas-color-6 .canvas-node-content {
	background: var(--background-secondary);
}

.canvas-node.is-themed.mod-canvas-color-1 .canvas-node-content .markdown-preview-view .inline-title {
	color: rgb(var(--color-red-rgb));
}

.canvas-node.is-themed.mod-canvas-color-2 .canvas-node-content .markdown-preview-view .inline-title {
	color: rgb(var(--color-orange-rgb));
}

.canvas-node.is-themed.mod-canvas-color-3 .canvas-node-content .markdown-preview-view .inline-title {
	color: rgb(var(--color-yellow-rgb));
}

.canvas-node.is-themed.mod-canvas-color-4 .canvas-node-content .markdown-preview-view .inline-title {
	color: rgb(var(--color-green-rgb));
}

.canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content .markdown-preview-view .inline-title {
	color: rgb(var(--color-blue-rgb));
}

.canvas-node.is-themed.mod-canvas-color-6 .canvas-node-content .markdown-preview-view .inline-title {
	color: rgb(var(--color-purple-rgb));
}

.ulu-canvas-border0 .canvas-node.is-themed.mod-canvas-color-1 .canvas-node-container {
	border: none;
}

.ulu-canvas-border1 .canvas-node.is-themed.mod-canvas-color-2 .canvas-node-container {
	border: none;
}

.ulu-canvas-border2 .canvas-node.is-themed.mod-canvas-color-3 .canvas-node-container {
	border: none;
}

.ulu-canvas-border3 .canvas-node.is-themed.mod-canvas-color-4 .canvas-node-container {
	border: none;
}

.ulu-canvas-border4 .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-container {
	border: none;
}

.ulu-canvas-border5 .canvas-node.is-themed.mod-canvas-color-6 .canvas-node-container {
	border: none;
}

.ulu-canvas-fancycolor10.theme-light .canvas-node.is-themed.mod-canvas-color-1 .canvas-node-content {
	background-image:
	linear-gradient(
		45deg,
		hsl(0deg 87% 79%) 0%,
		hsl(360deg 87% 78%) 21%,
		hsl(360deg 87% 77%) 30%,
		hsl(359deg 87% 75%) 39%,
		hsl(359deg 87% 74%) 46%,
		hsl(359deg 87% 73%) 54%,
		hsl(359deg 86% 72%) 61%,
		hsl(358deg 86% 71%) 69%,
		hsl(358deg 86% 70%) 79%,
		hsl(358deg 85% 68%) 100%
	  );
}

.ulu-canvas-fancycolor10.theme-dark .canvas-node.is-themed.mod-canvas-color-1 .canvas-node-content {
	background-image:
		linear-gradient(
			45deg,
			hsl(15deg 82% 54%) 0%,
			hsl(14deg 83% 54%) 11%,
			hsl(14deg 83% 53%) 22%,
			hsl(13deg 84% 53%) 33%,
			hsl(13deg 84% 53%) 44%,
			hsl(12deg 85% 53%) 56%,
			hsl(11deg 85% 53%) 67%,
			hsl(11deg 86% 52%) 78%,
			hsl(10deg 86% 52%) 89%,
			hsl(9deg 87% 52%) 100%
		);
}

.ulu-canvas-fancycolor11.theme-light .canvas-node.is-themed.mod-canvas-color-2 .canvas-node-content {
	background-image:
		linear-gradient(
			135deg,
			hsl(16deg 100% 76%) 0%,
			hsl(20deg 100% 76%) 21%,
			hsl(23deg 100% 76%) 30%,
			hsl(27deg 100% 77%) 39%,
			hsl(30deg 100% 77%) 46%,
			hsl(34deg 100% 77%) 54%,
			hsl(37deg 100% 78%) 61%,
			hsl(41deg 100% 79%) 69%,
			hsl(45deg 100% 80%) 79%,
			hsl(49deg 100% 81%) 100%
		);
}

.ulu-canvas-fancycolor11.theme-dark .canvas-node.is-themed.mod-canvas-color-2 .canvas-node-content {
	background-image:
		linear-gradient(
			135deg,
			hsl(29deg 82% 54%) 0%,
			hsl(28deg 83% 53%) 11%,
			hsl(28deg 83% 53%) 22%,
			hsl(27deg 84% 53%) 33%,
			hsl(26deg 84% 53%) 44%,
			hsl(25deg 85% 53%) 56%,
			hsl(25deg 85% 52%) 67%,
			hsl(24deg 86% 52%) 78%,
			hsl(23deg 86% 52%) 89%,
			hsl(22deg 87% 52%) 100%
		);
}

.ulu-canvas-fancycolor12.theme-light .canvas-node.is-themed.mod-canvas-color-3 .canvas-node-content {
	background-image:
		linear-gradient(
			135deg,
			hsl(60deg 89% 72%) 0%,
			hsl(59deg 91% 73%) 21%,
			hsl(57deg 92% 74%) 30%,
			hsl(56deg 94% 76%) 39%,
			hsl(55deg 96% 77%) 46%,
			hsl(53deg 97% 78%) 54%,
			hsl(52deg 98% 79%) 61%,
			hsl(51deg 99% 80%) 69%,
			hsl(50deg 100% 80%) 79%,
			hsl(49deg 100% 81%) 100%
		);
}

.ulu-canvas-fancycolor12.theme-dark .canvas-node.is-themed.mod-canvas-color-3 .canvas-node-content {
	background-image:
		linear-gradient(
			135deg,
			hsl(44deg 82% 54%) 0%,
			hsl(44deg 83% 54%) 11%,
			hsl(45deg 83% 53%) 22%,
			hsl(45deg 84% 53%) 33%,
			hsl(46deg 84% 53%) 44%,
			hsl(46deg 85% 53%) 56%,
			hsl(47deg 85% 53%) 67%,
			hsl(47deg 86% 53%) 78%,
			hsl(48deg 86% 52%) 89%,
			hsl(48deg 87% 52%) 100%
		);
}

.ulu-canvas-fancycolor13.theme-light .canvas-node.is-themed.mod-canvas-color-4 .canvas-node-content {
	background-image:
		linear-gradient(
			135deg,
			hsl(99deg 75% 75%) 0%,
			hsl(103deg 75% 77%) 21%,
			hsl(108deg 75% 79%) 30%,
			hsl(113deg 76% 81%) 39%,
			hsl(119deg 76% 83%) 46%,
			hsl(124deg 77% 84%) 54%,
			hsl(129deg 79% 85%) 61%,
			hsl(133deg 80% 86%) 69%,
			hsl(137deg 81% 86%) 79%,
			hsl(141deg 81% 87%) 100%
		);
}

.ulu-canvas-fancycolor13.theme-dark .canvas-node.is-themed.mod-canvas-color-4 .canvas-node-content {
	background-image:
		linear-gradient(
			135deg,
			hsl(98deg 32% 45%) 0%,
			hsl(101deg 31% 44%) 11%,
			hsl(104deg 30% 43%) 22%,
			hsl(108deg 29% 41%) 33%,
			hsl(112deg 28% 40%) 44%,
			hsl(116deg 27% 39%) 56%,
			hsl(120deg 26% 37%) 67%,
			hsl(124deg 27% 35%) 78%,
			hsl(128deg 28% 33%) 89%,
			hsl(132deg 29% 31%) 100%
		);
}

.ulu-canvas-fancycolor14.theme-light .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content {
	background-image:
		linear-gradient(
			135deg,
			hsl(187deg 100% 89%) 0%,
			hsl(187deg 100% 87%) 21%,
			hsl(187deg 100% 85%) 30%,
			hsl(187deg 100% 83%) 39%,
			hsl(187deg 100% 81%) 46%,
			hsl(187deg 100% 79%) 54%,
			hsl(187deg 100% 77%) 61%,
			hsl(186deg 100% 75%) 69%,
			hsl(186deg 100% 72%) 79%,
			hsl(186deg 100% 69%) 100%
		);
}

.ulu-canvas-fancycolor14.theme-dark .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content {
	background-image:
		linear-gradient(
			135deg,
			hsl(218deg 82% 54%) 0%,
			hsl(218deg 83% 53%) 11%,
			hsl(218deg 85% 52%) 22%,
			hsl(219deg 85% 51%) 33%,
			hsl(219deg 86% 51%) 44%,
			hsl(220deg 87% 50%) 56%,
			hsl(221deg 87% 50%) 67%,
			hsl(223deg 87% 51%) 78%,
			hsl(224deg 87% 51%) 89%,
			hsl(227deg 87% 52%) 100%
		);
}

.ulu-canvas-fancycolor15.theme-light .canvas-node.is-themed.mod-canvas-color-6 .canvas-node-content {
	background-image:
		linear-gradient(
			135deg,
			hsl(298deg 68% 90%) 0%,
			hsl(287deg 68% 89%) 21%,
			hsl(277deg 68% 89%) 30%,
			hsl(267deg 67% 88%) 39%,
			hsl(258deg 65% 87%) 46%,
			hsl(249deg 63% 87%) 54%,
			hsl(240deg 61% 86%) 61%,
			hsl(232deg 62% 83%) 69%,
			hsl(225deg 62% 81%) 79%,
			hsl(220deg 61% 79%) 100%
		);
}

.ulu-canvas-fancycolor15.theme-dark .canvas-node.is-themed.mod-canvas-color-6 .canvas-node-content {
	background-image:
		linear-gradient(
			135deg,
			hsl(308deg 33% 41%) 0%,
			hsl(308deg 35% 41%) 11%,
			hsl(308deg 37% 40%) 22%,
			hsl(308deg 40% 39%) 33%,
			hsl(308deg 42% 39%) 44%,
			hsl(308deg 45% 38%) 56%,
			hsl(308deg 47% 37%) 67%,
			hsl(308deg 51% 36%) 78%,
			hsl(308deg 54% 35%) 89%,
			hsl(308deg 58% 35%) 100%
		);
}

.ulu-canvas-fancycolor10.theme-dark .canvas-node.is-themed.mod-canvas-color-1 .canvas-node-content p,
.ulu-canvas-fancycolor11.theme-dark .canvas-node.is-themed.mod-canvas-color-2 .canvas-node-content p,
.ulu-canvas-fancycolor12.theme-dark .canvas-node.is-themed.mod-canvas-color-3 .canvas-node-content p,
.ulu-canvas-fancycolor13.theme-dark .canvas-node.is-themed.mod-canvas-color-4 .canvas-node-content p,
.ulu-canvas-fancycolor14.theme-dark .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content p,
.ulu-canvas-fancycolor15.theme-dark .canvas-node.is-themed.mod-canvas-color-6 .canvas-node-content p {
    color: white;
}


.ulu-canvas-fancycolor20.theme-light .canvas-node.is-themed.mod-canvas-color-1 .canvas-node-content {
	background: rgb(240 105 78) !important;
}

.ulu-canvas-fancycolor20.theme-light .canvas-node.is-themed.mod-canvas-color-1 .canvas-node-content .markdown-preview-view .inline-title,
.ulu-canvas-fancycolor20.theme-light .canvas-node.is-themed.mod-canvas-color-1 .canvas-node-content .markdown-preview-view {
	color: rgb(227 222 221) !important;
}

.ulu-canvas-fancycolor20.theme-dark .canvas-node.is-themed.mod-canvas-color-1 .canvas-node-content {
	background: rgb(49 42 61) !important;
}

.ulu-canvas-fancycolor20.theme-dark .canvas-node.is-themed.mod-canvas-color-1 .canvas-node-content .markdown-preview-view .inline-title,
.ulu-canvas-fancycolor20.theme-dark .canvas-node.is-themed.mod-canvas-color-1 .canvas-node-content .markdown-preview-view {
	color: rgb(213 98 66) !important;
}

.ulu-canvas-fancycolor21.theme-light .canvas-node.is-themed.mod-canvas-color-2 .canvas-node-content {
	background: rgb(229 193 114) !important;
}

.ulu-canvas-fancycolor21.theme-light .canvas-node.is-themed.mod-canvas-color-2 .canvas-node-content .markdown-preview-view .inline-title,
.ulu-canvas-fancycolor21.theme-light .canvas-node.is-themed.mod-canvas-color-2 .canvas-node-content .markdown-preview-view {
	color: rgb(52 68 69) !important;
}

.ulu-canvas-fancycolor21.theme-dark .canvas-node.is-themed.mod-canvas-color-2 .canvas-node-content {
	background: rgb(37 60 88) !important;
}

.ulu-canvas-fancycolor21.theme-dark .canvas-node.is-themed.mod-canvas-color-2 .canvas-node-content .markdown-preview-view .inline-title,
.ulu-canvas-fancycolor21.theme-dark .canvas-node.is-themed.mod-canvas-color-2 .canvas-node-content .markdown-preview-view {
	color: rgb(228 110 71) !important;
}

.ulu-canvas-fancycolor22.theme-light .canvas-node.is-themed.mod-canvas-color-3 .canvas-node-content {
	background: rgb(239 227 119) !important;
}

.ulu-canvas-fancycolor22.theme-light .canvas-node.is-themed.mod-canvas-color-3 .canvas-node-content .markdown-preview-view .inline-title,
.ulu-canvas-fancycolor22.theme-light .canvas-node.is-themed.mod-canvas-color-3 .canvas-node-content .markdown-preview-view {
	color: rgb(63 27 117) !important;
}

.ulu-canvas-fancycolor22.theme-dark .canvas-node.is-themed.mod-canvas-color-3 .canvas-node-content {
	background: rgb(56 61 71) !important;
}

.ulu-canvas-fancycolor22.theme-dark .canvas-node.is-themed.mod-canvas-color-3 .canvas-node-content .markdown-preview-view .inline-title,
.ulu-canvas-fancycolor22.theme-dark .canvas-node.is-themed.mod-canvas-color-3 .canvas-node-content .markdown-preview-view {
	color: rgb(201 173 116) !important;
}

.ulu-canvas-fancycolor23.theme-light .canvas-node.is-themed.mod-canvas-color-4 .canvas-node-content {
	background: rgb(50 159 130) !important;
}

.ulu-canvas-fancycolor23.theme-light .canvas-node.is-themed.mod-canvas-color-4 .canvas-node-content .markdown-preview-view .inline-title,
.ulu-canvas-fancycolor23.theme-light .canvas-node.is-themed.mod-canvas-color-4 .canvas-node-content .markdown-preview-view {
	color: rgb(230 208 112) !important;
}

.ulu-canvas-fancycolor23.theme-dark .canvas-node.is-themed.mod-canvas-color-4 .canvas-node-content {
	background: rgb(45 51 62) !important;
}

.ulu-canvas-fancycolor23.theme-dark .canvas-node.is-themed.mod-canvas-color-4 .canvas-node-content .markdown-preview-view .inline-title,
.ulu-canvas-fancycolor23.theme-dark .canvas-node.is-themed.mod-canvas-color-4 .canvas-node-content .markdown-preview-view {
	color: rgb(125 166 80) !important;
}

.ulu-canvas-fancycolor24.theme-light .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content {
	background: rgb(98 106 221) !important;
}

.ulu-canvas-fancycolor24.theme-light .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content .markdown-preview-view .inline-title,
.ulu-canvas-fancycolor24.theme-light .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content .markdown-preview-view {
	color: rgb(240 214 202) !important;
}

.ulu-canvas-fancycolor24.theme-dark .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content {
	background: rgb(57 83 100) !important;
}

.ulu-canvas-fancycolor24.theme-dark .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content .markdown-preview-view .inline-title,
.ulu-canvas-fancycolor24.theme-dark .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content .markdown-preview-view {
	color: rgb(129 188 250) !important;
}

.ulu-canvas-fancycolor25.theme-light .canvas-node.is-themed.mod-canvas-color-6 .canvas-node-content {
	background: rgb(249 220 195) !important;
}

.ulu-canvas-fancycolor25.theme-light .canvas-node.is-themed.mod-canvas-color-6 .canvas-node-content .markdown-preview-view .inline-title,
.ulu-canvas-fancycolor25.theme-light .canvas-node.is-themed.mod-canvas-color-6 .canvas-node-content .markdown-preview-view {
	color: rgb(123 136 208) !important;
}

.ulu-canvas-fancycolor25.theme-dark .canvas-node.is-themed.mod-canvas-color-6 .canvas-node-content {
	background: rgb(55 53 76) !important;
}

.ulu-canvas-fancycolor25.theme-dark .canvas-node.is-themed.mod-canvas-color-6 .canvas-node-content .markdown-preview-view .inline-title,
.ulu-canvas-fancycolor25.theme-dark .canvas-node.is-themed.mod-canvas-color-6 .canvas-node-content .markdown-preview-view {
	color: rgb(167 233 216) !important;
}

/* canvas
*/

.canvas-node.is-themed .canvas-node-container,
.canvas-node-container {
    border-color: none;
    box-shadow: rgba(var(--canvas-color), 0.2) 0px 6px 24px 0px,
        rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
        rgba(var(--canvas-color), 0.3) 0px 0px 0px 2px;
    border: none;
}

.canvas-node.is-selected .canvas-node-container,
.canvas-node.is-focused .canvas-node-container,
.canvas-node.is-selected.is-themed .canvas-node-container,
.canvas-node.is-focused.is-themed .canvas-node-container {
    box-shadow: rgba(var(--canvas-color), 0.3) 0px 6px 24px 0px,
        rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
        rgba(var(--canvas-color), 0.7) 0px 0px 0px 2px;
    animation: 0.3s pop cubic-bezier(0.17, 0.89, 0.32, 1.27);
}

.ulu-gummy-canvas1.canvas-node.is-themed.mod-canvas-color-1 .canvas-node-container,
.ulu-gummy-canvas2.canvas-node.is-themed.mod-canvas-color-2 .canvas-node-container,
.ulu-gummy-canvas3.canvas-node.is-themed.mod-canvas-color-3 .canvas-node-container,
.ulu-gummy-canvas4.canvas-node.is-themed.mod-canvas-color-4 .canvas-node-container,
.ulu-gummy-canvas5.canvas-node.is-themed.mod-canvas-color-5 .canvas-node-container,
.ulu-gummy-canvas6.canvas-node.is-themed.mod-canvas-color-6 .canvas-node-container {
    border: none;
}

.canvas-wrapper {
    background: transparent;
}

.ulu-gummy-canvas1.theme-light .canvas-node.is-themed.mod-canvas-color-1 .canvas-node-content {
    background-image:
        linear-gradient(45deg,
            hsl(0deg 87% 79%) 0%,
            hsl(360deg 87% 78%) 21%,
            hsl(360deg 87% 77%) 30%,
            hsl(359deg 87% 75%) 39%,
            hsl(359deg 87% 74%) 46%,
            hsl(359deg 87% 73%) 54%,
            hsl(359deg 86% 72%) 61%,
            hsl(358deg 86% 71%) 69%,
            hsl(358deg 86% 70%) 79%,
            hsl(358deg 85% 68%) 100%);
}

.ulu-gummy-canvas1.theme-dark .canvas-node.is-themed.mod-canvas-color-1 .canvas-node-content {
    background-image:
        linear-gradient(45deg,
            hsl(15deg 82% 54%) 0%,
            hsl(14deg 83% 54%) 11%,
            hsl(14deg 83% 53%) 22%,
            hsl(13deg 84% 53%) 33%,
            hsl(13deg 84% 53%) 44%,
            hsl(12deg 85% 53%) 56%,
            hsl(11deg 85% 53%) 67%,
            hsl(11deg 86% 52%) 78%,
            hsl(10deg 86% 52%) 89%,
            hsl(9deg 87% 52%) 100%);
}

.ulu-gummy-canvas2.theme-light .canvas-node.is-themed.mod-canvas-color-2 .canvas-node-content {
    background-image:
        linear-gradient(45deg,
            hsl(16deg 100% 76%) 0%,
            hsl(20deg 100% 76%) 21%,
            hsl(23deg 100% 76%) 30%,
            hsl(27deg 100% 77%) 39%,
            hsl(30deg 100% 77%) 46%,
            hsl(34deg 100% 77%) 54%,
            hsl(37deg 100% 78%) 61%,
            hsl(41deg 100% 79%) 69%,
            hsl(45deg 100% 80%) 79%,
            hsl(49deg 100% 81%) 100%);
}

.ulu-gummy-canvas2.theme-dark .canvas-node.is-themed.mod-canvas-color-2 .canvas-node-content {
    background-image:
        linear-gradient(45deg,
            hsl(29deg 82% 54%) 0%,
            hsl(28deg 83% 53%) 11%,
            hsl(28deg 83% 53%) 22%,
            hsl(27deg 84% 53%) 33%,
            hsl(26deg 84% 53%) 44%,
            hsl(25deg 85% 53%) 56%,
            hsl(25deg 85% 52%) 67%,
            hsl(24deg 86% 52%) 78%,
            hsl(23deg 86% 52%) 89%,
            hsl(22deg 87% 52%) 100%);
}

.ulu-gummy-canvas3.theme-light .canvas-node.is-themed.mod-canvas-color-3 .canvas-node-content {
    background-image:
        linear-gradient(45deg,
            hsl(60deg 89% 72%) 0%,
            hsl(59deg 91% 73%) 21%,
            hsl(57deg 92% 74%) 30%,
            hsl(56deg 94% 76%) 39%,
            hsl(55deg 96% 77%) 46%,
            hsl(53deg 97% 78%) 54%,
            hsl(52deg 98% 79%) 61%,
            hsl(51deg 99% 80%) 69%,
            hsl(50deg 100% 80%) 79%,
            hsl(49deg 100% 81%) 100%);
}

.ulu-gummy-canvas3.theme-dark .canvas-node.is-themed.mod-canvas-color-3 .canvas-node-content {
    background-image:
        linear-gradient(45deg,
            hsl(44deg 82% 54%) 0%,
            hsl(44deg 83% 54%) 11%,
            hsl(45deg 83% 53%) 22%,
            hsl(45deg 84% 53%) 33%,
            hsl(46deg 84% 53%) 44%,
            hsl(46deg 85% 53%) 56%,
            hsl(47deg 85% 53%) 67%,
            hsl(47deg 86% 53%) 78%,
            hsl(48deg 86% 52%) 89%,
            hsl(48deg 87% 52%) 100%);
}

.ulu-gummy-canvas4.theme-light .canvas-node.is-themed.mod-canvas-color-4 .canvas-node-content {
    background-image:
        linear-gradient(45deg,
            hsl(99deg 75% 75%) 0%,
            hsl(103deg 75% 77%) 21%,
            hsl(108deg 75% 79%) 30%,
            hsl(113deg 76% 81%) 39%,
            hsl(119deg 76% 83%) 46%,
            hsl(124deg 77% 84%) 54%,
            hsl(129deg 79% 85%) 61%,
            hsl(133deg 80% 86%) 69%,
            hsl(137deg 81% 86%) 79%,
            hsl(141deg 81% 87%) 100%);
}

.ulu-gummy-canvas4.theme-dark .canvas-node.is-themed.mod-canvas-color-4 .canvas-node-content {
    background-image:
        linear-gradient(45deg,
            hsl(98deg 32% 45%) 0%,
            hsl(101deg 31% 44%) 11%,
            hsl(104deg 30% 43%) 22%,
            hsl(108deg 29% 41%) 33%,
            hsl(112deg 28% 40%) 44%,
            hsl(116deg 27% 39%) 56%,
            hsl(120deg 26% 37%) 67%,
            hsl(124deg 27% 35%) 78%,
            hsl(128deg 28% 33%) 89%,
            hsl(132deg 29% 31%) 100%);
}

.ulu-gummy-canvas5.theme-light .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content {
    background-image:
        linear-gradient(45deg,
            hsl(187deg 100% 89%) 0%,
            hsl(187deg 100% 87%) 21%,
            hsl(187deg 100% 85%) 30%,
            hsl(187deg 100% 83%) 39%,
            hsl(187deg 100% 81%) 46%,
            hsl(187deg 100% 79%) 54%,
            hsl(187deg 100% 77%) 61%,
            hsl(186deg 100% 75%) 69%,
            hsl(186deg 100% 72%) 79%,
            hsl(186deg 100% 69%) 100%);
}

/* .theme-light .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content p{
	color: white;
} */

.ulu-gummy-canvas1.theme-dark .canvas-node.is-themed.mod-canvas-color-1 .canvas-node-content p,
.ulu-gummy-canvas2.theme-dark .canvas-node.is-themed.mod-canvas-color-2 .canvas-node-content p,
.ulu-gummy-canvas3.theme-dark .canvas-node.is-themed.mod-canvas-color-3 .canvas-node-content p,
.ulu-gummy-canvas4.theme-dark .canvas-node.is-themed.mod-canvas-color-4 .canvas-node-content p,
.ulu-gummy-canvas5.theme-dark .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content p,
.ulu-gummy-canvas6.theme-dark .canvas-node.is-themed.mod-canvas-color-6 .canvas-node-content p {
    color: white;
}

.ulu-gummy-canvas5.theme-dark .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content {
    background-image:
        linear-gradient(45deg,
            hsl(218deg 82% 54%) 0%,
            hsl(218deg 83% 53%) 11%,
            hsl(218deg 85% 52%) 22%,
            hsl(219deg 85% 51%) 33%,
            hsl(219deg 86% 51%) 44%,
            hsl(220deg 87% 50%) 56%,
            hsl(221deg 87% 50%) 67%,
            hsl(223deg 87% 51%) 78%,
            hsl(224deg 87% 51%) 89%,
            hsl(227deg 87% 52%) 100%);
}

.ulu-gummy-canvas6.theme-light .canvas-node.is-themed.mod-canvas-color-6 .canvas-node-content {
    background-image:
        linear-gradient(45deg,
            hsl(298deg 68% 90%) 0%,
            hsl(287deg 68% 89%) 21%,
            hsl(277deg 68% 89%) 30%,
            hsl(267deg 67% 88%) 39%,
            hsl(258deg 65% 87%) 46%,
            hsl(249deg 63% 87%) 54%,
            hsl(240deg 61% 86%) 61%,
            hsl(232deg 62% 83%) 69%,
            hsl(225deg 62% 81%) 79%,
            hsl(220deg 61% 79%) 100%);
}

.ulu-gummy-canvas6.theme-dark .canvas-node.is-themed.mod-canvas-color-6 .canvas-node-content {
    background-image:
        linear-gradient(45deg,
            hsl(308deg 33% 41%) 0%,
            hsl(308deg 35% 41%) 11%,
            hsl(308deg 37% 40%) 22%,
            hsl(308deg 40% 39%) 33%,
            hsl(308deg 42% 39%) 44%,
            hsl(308deg 45% 38%) 56%,
            hsl(308deg 47% 37%) 67%,
            hsl(308deg 51% 36%) 78%,
            hsl(308deg 54% 35%) 89%,
            hsl(308deg 58% 35%) 100%);
}

.ulu-origami .mod-vertical .workspace-tab-container {
	padding: 0px !important;
}

.ulu-origami .workspace-leaf:not(.is-mobile) {
	box-shadow: none !important;
	border-radius: 0 !important;
}

.ulu-origami .workspace-split.mod-vertical .workspace-tab-header-container {
    background: var(--background-primary) !important;
}

.ulu-origami .workspace .mod-root .workspace-leaf-content:not(
.ulu-origami .mk-flowspace-editor .workspace-leaf-content,
.ulu-origami .is-mobile .workspace .mod-root .workspace-leaf-content) {
    border: 0px solid var(--background-modifier-border) !important;
    border-radius: 0 !important;
}

.ulu-origami .view-header {
	border-bottom: 0 !important;
}

.ulu-we3 .mod-vertical .workspace-tab-container {
	padding: 0px !important;
}

.ulu-we3 .workspace-leaf:not(.is-mobile) {
	box-shadow: none !important;
	border-radius: 0 !important;
}

.ulu-we3 .workspace-split.mod-vertical .workspace-tab-header-container {
    background: var(--background-primary) !important;
	border-bottom: 1px solid var(--background-modifier-border) !important;
}

.ulu-we3 .workspace .mod-root .workspace-leaf-content:not(
.ulu-we3 .mk-flowspace-editor .workspace-leaf-content,
.ulu-we3 .is-mobile .workspace .mod-root .workspace-leaf-content) {
    border: 0px solid var(--background-modifier-border) !important;
    border-radius: 0 !important;
}

.ulu-we3 .workspace-ribbon.mod-left .sidebar-toggle-button {
    border-right: var(--o-border);
    border-bottom-right-radius: 8px;
    border-bottom: var(--o-border);
}

.ulu-we3 .workspace-ribbon {
    border-right: var(--o-border);
    border-top: var(--o-border);
    border-top-right-radius: 8px;
    margin-top: 66px !important;
}

.ulu-we3 .mod-left-split .workspace-tab-header-container {
	border-bottom: 0 !important;
}

/* origami lists
*/
.ulu-origami .markdown-rendered.show-indentation-guide li > ul::before,
.ulu-origami .markdown-source-view.mod-cm6 .cm-indent::before {
	border-right: var(--indentation-guide-width) dashed var(--indentation-guide-color);
}

.ulu-prop-card .markdown-source-view.is-live-preview.show-properties .metadata-container {
    display: var(--metadata-display-editing);
    border: 1px solid var(--background-modifier-border);
    background: var(--background-primary);
    margin-bottom: 3em;
    border-radius: 8px;
    padding: 8px;
}

.mod-right-split .workspace-tabs .workspace-leaf {
    padding-top: 8px;
    padding-right: 8px;
}

.mod-right-split .workspace-leaf-content[data-type="graph"] {
    border: 1px solid var(--background-modifier-border);
    border-radius: var(--ulu-radius);
}

.metadata-property:focus-within {
    --metadata-divider-color: var(--metadata-divider-color-hover);
    background-color: var(--background-primary);
    box-shadow: none;
    --metadata-divider-color: var(--metadata-divider-color-focus);
    box-shadow: none;
}

.ulu-gummy .workspace {
	background: linear-gradient(135deg, hsla(var(--color-accent-hsl), 0.1) 1.62%, var(--background-primary) 50.72%);
}

/* Codeblock
*/

.ulu-gummy-codeblock cm-s-obsidian .HyperMD-codeblock,
.ulu-gummy-codeblock .cm-hmd-frontmatter {
    font-weight: 400;
}

.ulu-gummy-codeblock .cm-s-obsidian span.cm-inline-code {
    font-size: var(--code-size);
    color: var(--code-normal);
    vertical-align: baseline;
}

.ulu-gummy-codeblock .markdown-rendered pre {
    border: 1px solid var(--color-accent);
    border-radius: var(--radius-m);
    box-shadow: -24px 24px 69px -3px hsla(var(--color-accent-hsl), 0.2),
        24px -24px 69px -3px hsla(calc(var(--accent-h) + 180), var(--accent-s), var(--accent-l), 0.13);
    background: hsla(var(--color-accent-hsl), 0.1);
}

.ulu-gummy-codeblock .markdown-rendered code {
    color: var(--color-accent);
}

.ulu-gummy-codeblock .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock {
    padding-left: var(--size-4-4);
    color: var(--color-accent);
    background: hsla(var(--color-accent-hsl), 0.1);
    margin: 8px;
}

.ulu-gummy-codeblock .cm-s-obsidian div.HyperMD-codeblock-begin-bg {
    background: var(--code-background);
    border-top: 1px solid var(--color-accent);
    /* stylelint-disable-next-line declaration-no-important */
    border-top-right-radius: 8px !important;
    /* stylelint-disable-next-line declaration-no-important */
    border-top-left-radius: 8px !important;
    margin-top: 8px;
}

.ulu-gummy-codeblock .cm-s-obsidian div.HyperMD-codeblock-end-bg {
    background: var(--code-background);
    border-bottom: 1px solid var(--color-accent);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.ulu-gummy-codeblock .cm-s-obsidian div.HyperMD-codeblock-bg {
    border-right: 1px solid var(--color-accent);
    border-left: 1px solid var(--color-accent);
}

.ulu-gummy-codeblock .markdown-rendered pre {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.46, 0.95);
}

.ulu-gummy-codeblock .markdown-rendered pre:hover {
    transform: translateY(4px);
}

.ulu-gummy-callouts .callout {
    /* background: rgba(var(--callout-color), 0.05); */
    background: linear-gradient(135deg, rgba(var(--callout-color), 0.05), var(--background-primary));
    position: relative;
    /* border: 1px solid rgba(var(--callout-color), 0.1); */
    border: 1px solid rgba(var(--callout-color), 0.4);
    box-shadow: none;
    border-radius: 12px;
}

.ulu-gummy-callouts .callout:hover {
    border: 1px solid rgb(var(--callout-color));
}

.ulu-gummy-callouts .callout-title-inner {
    font-weight: bold;
    /* font-family: var(--font-title); */
    font-variation-settings: 'WGHT'900;
    font-size: 1.2em;
}

.ulu-gummy-callouts .markdown-source-view.mod-cm6 .cm-embed-block:hover {
    box-shadow: var(--embed-block-shadow-hover);
    border-radius: 12px;
    overflow: hidden;
    cursor: text;
}

.ulu-line-callouts .callout::after {
    content: '';
    background: rgba(var(--callout-color),0.3) !important;
    position: absolute;
    left: -3px;
    height: 100%;
    width: 100%;
    top: 0px;
    border-radius: 0px;
    z-index: -1;
}

.ulu-line-callouts .callout {
    /* background: rgba(var(--callout-color), 0.05); */
    background: transparent;
    position: relative;
    /* border: 1px solid rgba(var(--callout-color), 0.1); */
    /* border-left: 3px solid rgba(var(--callout-color), 0.4); */
    box-shadow: 0px 0px 0px 0px rgba(var(--callout-color),0.5);
    border-radius: 0px;
}

.ulu-line-callouts .callout::before {
    content: '';
    background: rgba(var(--callout-color),0.3) !important;
    position: absolute;
    left: 0px;
    height: 100%;
    top: 0px;
    border-left: 3px solid rgb(var(--callout-color));
    box-shadow: 0px 0px 34px 16px rgba(var(--callout-color),0.5);
    border-radius: 0px;
}

.ulu-line-callouts .callout:hover,
.ulu-line-callouts .markdown-source-view.mod-cm6 .cm-embed-block:hover
 {
    border-radius: 0px;
}

.ulu-line-callouts .callout-title-inner {
    font-weight: bold;
    /* font-family: var(--font-title); */
    font-variation-settings: 'WGHT'900;
}

/* .markdown-source-view.mod-cm6 .cm-embed-block::after {
    content: '';
    background: rgba(var(--callout-color),0.3) !important;
    position: absolute;
    left: -3px;
    height: 100%;
    width: 100%;
    top: 0px;
    border-radius: 0px;
} */

/*  {
    box-shadow: var(--embed-block-shadow-hover);
    border-radius: 12px;
    overflow: hidden;
    cursor: text;
} */



.we1 hr {
	margin: 1.5em 0;
	border: none;
	border-top: var(--hr-thickness) dashed;
	border-color: var(--hr-color);
}

.we1 .markdown-rendered hr {
	border: none;
	border-top: var(--hr-thickness) dashed;
	border-color: var(--hr-color);
}

.ulu-we1-callouts .callout {
    color: white;
    border-radius: 8px;
    transition: 700ms;
}

.ulu-we1-callouts .callout:hover {
    transform: translateY(4px);
}

.ulu-we1-callouts .callout-title-inner {
    color: white;
}

.ulu-we1-callouts .callout[data-callout="info"] {
  border: 1px solid rgb(255, 204, 112);
    background: linear-gradient(43deg, rgb(65, 88, 208) 0%, rgb(200, 80, 192) 46%, rgb(255, 204, 112) 100%);
  }
  
.ulu-we1-callouts .callout[data-callout="abstract"] {
  border: 1px solid #07f49e;
    background: linear-gradient(43deg, #42047e 0%, #07f49e 100%);
  }
  
.ulu-we1-callouts .callout[data-callout="warning"] {
  border: 1px solid #ef745c;
    background: linear-gradient(43deg, #34073d 0%, #ef745c 100%);
  }
  
.ulu-we1-callouts .callout[data-callout="example"] {
  border: 1px solid #ccb3d1;
    background: linear-gradient(43deg, #22052d 0%, #ccb3d1 100%);
  }
  
.ulu-we1-callouts .callout[data-callout="note"] {
  border: 1px solid #557c93;
    background: linear-gradient(43deg, #08203e 0%, #557c93 100%);
  }
  
.ulu-we1-callouts .callout[data-callout="tip"] {
  border: 1px solid #a4c6b8;
    background: linear-gradient(43deg, #5e435d 0%, #a4c6b8 100%);
  }
  
.ulu-we1-callouts .callout[data-callout="question"] {
  border: 1px solid #5d5d3c;
    background: linear-gradient(43deg, #3f3f42 0%, #5d5d3c 100%);
  }
  
.ulu-we1-callouts .callout[data-callout="danger"] {
  border: 1px solid #751006;
    background: linear-gradient(43deg, #1f0021 0%, #751006 100%);
  }
  
.ulu-we1-callouts .callout[data-callout="failure"] {
  border: 1px solid #f4985a;
    background: linear-gradient(43deg, #12243f 0%, #f4985a 100%);
  }
  
.ulu-we1-callouts .callout[data-callout="bug"] {
  border: 1px solid #f9bc2c;
    background: linear-gradient(43deg, #f74c06 0%, #f9bc2c 100%);
  }
  
.ulu-we1-callouts .callout[data-callout="quote"] {
  border: 1px solid #858e96;
    background: linear-gradient(43deg, #60696b 0%, #858e96 100%);
  }
  
.ulu-we1-callouts .callout[data-callout="success"] {
  border: 1px solid #99f2d1;
    background: linear-gradient(43deg, #1c3e35 0%, #99f2d1 100%);
  }
  
.ulu-we1-callouts .callout[data-callout="abstract"]:hover {
    box-shadow:
    -24px 24px 69px -3px rgba(66, 4, 126, 0.4),
    24px -24px 69px -3px rgba(7, 244, 158, 0.1);
  
  }
  
  .ulu-we1-callouts .callout[data-callout="warning"]:hover {
    box-shadow:
    -24px 24px 69px -3px rgba(52, 7, 61, 0.3),
    24px -24px 69px -3px rgba(239, 116, 92, 0.3);
  
  }
  
  .ulu-we1-callouts .callout[data-callout="info"]:hover {
    box-shadow: 
    -24px 24px 69px -3px rgba(84,86,206,0.3), 
    0px 1px 69px -3px rgba(201,88,187,0.3), 
    24px -24px 69px -3px rgba(250,191,120,0.3);
  
  }
  
  .ulu-we1-callouts .callout[data-callout="example"]:hover {
    box-shadow: 
    -24px 24px 69px -3px rgba(34, 5, 45, 0.3),
    24px -24px 69px -3px rgba(239, 116, 92, 0.2);
  
  }
  
  .ulu-we1-callouts .callout[data-callout="note"]:hover {
    box-shadow: 
    -24px 24px 69px -3px rgba(8, 32, 62, 0.3),
    24px -24px 69px -3px rgba(85, 124, 147, 0.3);
  
  }
  
  .ulu-we1-callouts .callout[data-callout="tip"]:hover {
    box-shadow: 
    -24px 24px 69px -3px rgba(94, 67, 93, 0.3),
    24px -24px 69px -3px rgba(164, 198, 184, 0.3);
  
  }
  
  .ulu-we1-callouts .callout[data-callout="success"]:hover {
    box-shadow: 
    -24px 24px 69px -3px rgba(28, 62, 53, 0.3),
    24px -24px 69px -3px rgba(153, 242, 209, 0.3);
  
  }
  
  .ulu-we1-callouts .callout[data-callout="question"]:hover {
    box-shadow: 
    -24px 24px 69px -3px rgba(63, 63, 66, 0.3),
    24px -24px 69px -3px rgba(93, 93, 60, 0.3);
  
  }
  
  .ulu-we1-callouts .callout[data-callout="failure"]:hover {
    box-shadow: 
    -24px 24px 69px -3px rgba(18, 36, 63, 0.3),
    24px -24px 69px -3px rgba(244, 152, 90, 0.3);
  
  }
  
  .ulu-we1-callouts .callout[data-callout="danger"]:hover {
    box-shadow: 
    -24px 24px 69px -3px rgba(31, 0, 33, 0.3),
    24px -24px 69px -3px rgba(117, 16, 6, 0.3);
  
  }
  
  .ulu-we1-callouts .callout[data-callout="bug"]:hover {
    box-shadow: 
    -24px 24px 69px -3px rgba(249, 188, 44, 0.3),
    24px -24px 69px -3px rgba(247, 76, 6, 0.3);
  }
  
.ulu-we1-callouts .callout[data-callout="quote"]:hover {
    box-shadow: 
    -24px 24px 69px -3px rgba(96, 105, 107, 0.3),
    24px -24px 69px -3px rgba(133, 142, 150, 0.3);
  
  }

.ulu-we1-callouts .callout[data-callout="abstract"]:hover,
.ulu-we1-callouts .callout[data-callout="warning"]:hover,
.ulu-we1-callouts .callout[data-callout="info"]:hover,
.ulu-we1-callouts .callout[data-callout="example"]:hover,
.ulu-we1-callouts .callout[data-callout="note"]:hover,
.ulu-we1-callouts .callout[data-callout="tip"]:hover,
.ulu-we1-callouts .callout[data-callout="success"]:hover,
.ulu-we1-callouts .callout[data-callout="question"]:hover,
.ulu-we1-callouts .callout[data-callout="failure"]:hover,
.ulu-we1-callouts .callout[data-callout="danger"]:hover,
.ulu-we1-callouts .callout[data-callout="bug"]:hover,
.ulu-we1-callouts .callout[data-callout="quote"]:hover {
  border: 1px solid white;
}

/* new tab page inspired by @sai1494 */
.we1 .empty-state-container {
	max-height: unset;
	opacity: 1 !important;
}

.we1 .empty-state-container {
    background: linear-gradient(-45deg, var(--color-accent), hsl(calc(var(--accent-h) + 180), var(--accent-s), var(--accent-l)));
    border-radius: 8px;
    animation: gradient 15s ease infinite;
    padding: 99px 18px 8px 18px;
    background-size: 1400% 400%;
    max-height: unset;
    opacity: 1 !important;
}

.we1 .empty-state-action {
    font-weight: 400;
    color: var(--text-muted);
    padding: 2px 18px !important;
    margin: 4px !important;
    border: 1px solid none;
    background: var(--background-primary);
    border-radius: var(--radius-m);
    transition: all 0.2s ease-in-out;
    cursor: var(--cursor);
}

.we1 .empty-state-action:hover {
    font-weight: 400;
    color: var(--text-muted);
    padding: 2px 18px !important;
    margin: 4px !important;
    border-radius: var(--radius-m);
    transition: 700ms;
    cursor: var(--cursor);
	transform: scale(1.1);
}


.we1 .empty-state-container::before {
	content: "";

	background: var(--background-primary);

	/* background: linear-gradient(-45deg, var(--color-blue), var(--color-pink), var(--color-red), var(--color-accent));
background-size: 400% 400%;
	animation: gradient 15s ease infinite; */

	padding: 80px;

	-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iaGVpZ2h0OiA1MTJweDsgd2lkdGg6IDUxMnB4OyI+PGcgY2xhc3M9IiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwwKSIgc3R5bGU9IiI+PHBhdGggZD0iTTEzOS42MjUgMjMuNTYzYy0xLjU4LjAwOC0zLjE0Ny4wNTItNC43Mi4xMjVsMTcxLjc1IDI1OC4wOTNoMTQ2LjI1YzE1LjM1LTE2LjkwNiAyNy44NzUtMzUuMjYzIDM1LjY5LTU2LjU2aC05Ni44NzZjLTcuMzE3IDE4LjE3LTI1LjEzNiAzMS4wOTMtNDUuODQ1IDMxLjA5My0yNy4xNzMgMC00OS4zNzUtMjIuMjMzLTQ5LjM3NS00OS40MDcgMC0xMS40MzYgMy45NS0yMS45NzggMTAuNTMtMzAuMzc1bC00OS4xNTUtNzcuNjU1Yy0uMDMuMDUzLS4wNjMuMTAzLS4wOTQuMTU2LTEuMTgzLTIuMDUtMi4zOTUtNC4wMzYtMy42MjQtNi0zMC4xMDYtNDguMDg2LTczLjI4LTY5LjY5NC0xMTQuNTMtNjkuNDY4em0yMjguNjU2IDIuNjU2Yy0zNS44NjQuMzI4LTcyLjY0OCAxOC4wNTYtMTAwLjc4IDU3LjY1NWgyMDQuMTI1QzQ0Ny4xNDcgNDcuMTMzIDQwOC4yOTMgMjUuODUgMzY4LjI4IDI2LjIyem0tMjUzLjk2Ny4yNWMtMTEuNDk1IDIuNjI0LTIyLjU4IDcuMDA3LTMyLjg3NiAxMyAxMC42NzIgOS4wOCAxNy40NyAyMi42IDE3LjQ3IDM3LjYyNCAwIDEyLjcyLTQuODczIDI0LjM1LTEyLjg0NCAzMy4xMjVsNDMuMTg3IDY3LjMxaDg1LjU5NEwxMTQuMzE0IDI2LjQ3ek00OS41IDQ2LjM3NGMtMTcuMDc0IDAtMzAuNzIgMTMuNjQ1LTMwLjcyIDMwLjcyIDAgMTcuMDczIDEzLjY0NiAzMC42ODYgMzAuNzIgMzAuNjg2IDE3LjA3NCAwIDMwLjcyLTEzLjYxMiAzMC43Mi0zMC42ODYgMC0xNy4wNzQtMTMuNjQ2LTMwLjcyLTMwLjcyLTMwLjcyem0yMzIuODQ0IDU2LjE4OGwzOC45NyA2MS41M2M3LjI0LTQuMTg0IDE1LjYzNS02LjU5MyAyNC41Ni02LjU5MyAyNy4wNSAwIDQ5LjIwMyAyMi4wMyA0OS40MDcgNDkuMDNoOTguNzVjMi41NzUtMTEuODA3IDMuNzU3LTI0LjQ5IDMuMzQ1LTM4LjI1LS43MzUtMjQuNTU1LTYuMjM3LTQ2LjY2LTE1LjIyLTY1LjcxOGgtMTk5Ljgxem0tMjU5LjQ3IDE2LjA2MmMtNC4wMiAxNS4wMi01Ljk4NSAzMS42Mi01LjQzNiA0OS42NTYuMDk1IDMuMTQzLjI5MyA2LjIxNS41NjIgOS4yNWg4OS4wNjNsLTM1Ljk3LTU2LjA2Yy02LjUzMyAzLjE5Ny0xMy44NiA1LTIxLjU5MyA1LTkuNzkgMC0xOC45MjYtMi44ODctMjYuNjI1LTcuODQ1em0zMjMgNTcuNTYzYy0xNy4wNzMgMC0zMC42ODcgMTMuNjQ0LTMwLjY4NyAzMC43MTggMCAxNy4wNzQgMTMuNjE0IDMwLjcyIDMwLjY4OCAzMC43MiAxNy4wNzQgMCAzMC43Mi0xMy42NDYgMzAuNzItMzAuNzIgMC0xNy4wNzQtMTMuNjQ2LTMwLjcyLTMwLjcyLTMwLjcyem0tMzI1LjAzIDIwLjAzYzMuNjkzIDE2LjkzOCAxMC4xODcgMzIuMjAzIDE4Ljc1IDQ2LjM0NUgxOTYuNTYybDIuNzUgNC4zNDNMMjc2Ljk3IDM2OS41M2w5LjA5MiAxNC4zNDVIMjEyLjIyYy0xLjQwMyA2Ljk2LTQuMjc0IDEzLjQxOC04LjI4MiAxOSAyMi4xNjQgMjQuNTYyIDQxLjMzNSA1Mi41NzMgNTMuODQzIDg2Ljc1IDM1LjE1Ni05MC45NDQgMTE4LjEzMi0xMzQuODcyIDE3Ni41NjQtMTg5LjE1NmgtMTM3LjcybC0yLjc4LTQuMTktNjYuNTk0LTEwMC4wNkgyMC44NDR6TTUyLjUgMjYxLjI1YzIxLjE5MyAyNy4yMyA0OS43OTYgNTAuNzY0IDc5LjMxMyA3NS4zMTMgOC42MzMtNy4zNTQgMTkuODA4LTExLjgxMyAzMS45NjgtMTEuODEzIDI0LjExNiAwIDQ0LjM0OCAxNy41MDQgNDguNTk1IDQwLjQzOGgzOS43MkwxODYuMjggMjYxLjI1SDUyLjV6bTExMS4yOCA4Mi4xODhjLTE3LjA3MyAwLTMwLjcxOCAxMy42NDQtMzAuNzE4IDMwLjcxOCAwIDE3LjA3NCAxMy42NDUgMzAuNzIgMzAuNzIgMzAuNzIgMTcuMDczIDAgMzAuNjg3LTEzLjY0NiAzMC42ODctMzAuNzIgMC0xNy4wNzQtMTMuNjE1LTMwLjcyLTMwLjY5LTMwLjcyeiIgZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIxIj48L3BhdGg+PC9nPjwvc3ZnPg==");
	-webkit-mask-repeat: no-repeat;
}

/* .theme-dark .empty-state-container::before {
	opacity: 0.3;
}

.theme-light .empty-state-container::before {
	opacity: 0.5;
} */


@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.we1 .empty-state-action-list {
	margin-top: 80px;
}

.we1 .empty-state-action:hover {
	color: var(--text-normal);
	cursor: var(--cursor);
}

.we1 .empty-state-action {
	font-weight: 400;

	color: var(--text-muted);

	padding: 0 4px;

	border: 1px solid var(--background-primary);
	border-radius: var(--radius-m);

	transition: all 0.2s ease-in-out;
	cursor: var(--cursor);
}

.we1 .empty-state-title {
	display: none;
}

.ulu-noborder .workspace-ribbon,
.ulu-noborder .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
.ulu-noborder .workspace-split.mod-left-split > .workspace-leaf-resize-handle,
.ulu-noborder .workspace-ribbon.mod-left .sidebar-toggle-button,
.ulu-noborder .tooltip.mod-right .tooltip-arrow,
.ulu-noborder .workspace-drawer.mod-left {
	border-right: 0 !important;
}

.ulu-noborder .workspace-split.mod-right-split > .workspace-leaf-resize-handle,
.ulu-noborder .tooltip.mod-left .tooltip-arrow,
.ulu-noborder .workspace-drawer.mod-right,
.ulu-noborder ::-webkit-scrollbar {
	border-left: 0 !important;
}

.ulu-noborder .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle,
.ulu-noborder .mod-left-split .workspace-tab-header-container,
.ulu-noborder .tooltip .tooltip-arrow,
.ulu-noborder .workspace-split.mod-vertical .workspace-tabs:not(.mod-top) > .workspace-tab-header-container,
.ulu-noborder .workspace-split.mod-right-split .workspace-tabs:not(.mod-top) > .workspace-tab-header-container,
.ulu-noborder .workspace-split.mod-left-split .workspace-tabs:not(.mod-top) > .workspace-tab-header-container,
.ulu-noborder .workspace-split.mod-left-split .workspace-tabs:not(.mod-top) > .workspace-tab-header-container,
.ulu-noborder .view-header,
.ulu-noborder .nav-header,
.ulu-noborder .mod-right-split .workspace-tab-header-container,
.ulu-noborder .mod-left-split .workspace-tab-header-container,
.ulu-noborder #cMenuToolbarModalBar.top {
	border-bottom: 0 !important;
}

.ulu-noborder .modal,
.ulu-noborder .tooltip,
.ulu-noborder .notice,
.ulu-noborder .menu,
.ulu-noborder.ulu-prop-card .markdown-source-view.is-live-preview.show-properties .metadata-container,
.ulu-noborder .markdown-preview-view blockquote,
.ulu-noborder .markdown-preview-view blockquote:hover,
.ulu-noborder .status-bar,
.ulu-noborder .workspace .mod-root .workspace-leaf-content:not(
.ulu-noborder .mk-flowspace-editor .workspace-leaf-content,
.ulu-noborder .is-mobile .workspace .mod-root .workspace-leaf-content) {
    border: 0 !important;
}

.ulu-noborder .tooltip.mod-top .tooltip-arrow,
.ulu-noborder .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container::-webkit-scrollbar,
.ulu-noborder .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container::-webkit-scrollbar {
    border-top: 0 !important;
}

.ulu-noborder .clickable-icon[aria-label="New note"] {
    border: 0 !important;
	background: var(--background-primary);
    border-radius: 4px !important;
}

.ulu-dborder .workspace-ribbon,
.ulu-dborder .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
.ulu-dborder .workspace-split.mod-left-split > .workspace-leaf-resize-handle,
.ulu-dborder .workspace-ribbon.mod-left .sidebar-toggle-button,
.ulu-dborder .tooltip.mod-right .tooltip-arrow,
.ulu-dborder .workspace-drawer.mod-left {
	border-right: 1px dashed var(--background-modifier-border) !important;
}

.ulu-dborder .mod-top .workspace-leaf-resize-handle {
	border-color: var(--background-modifier-border);
}

.ulu-dborder .workspace-split.mod-right-split > .workspace-leaf-resize-handle,
.ulu-dborder .tooltip.mod-left .tooltip-arrow,
.ulu-dborder .workspace-drawer.mod-right,
.ulu-dborder ::-webkit-scrollbar {
	border-left: 1px dashed var(--background-modifier-border) !important;
}

.ulu-dborder .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle,
.ulu-dborder .mod-left-split .workspace-tab-header-container,
.ulu-dborder .tooltip .tooltip-arrow,
.ulu-dborder .workspace-split.mod-vertical .workspace-tabs:not(.mod-top) > .workspace-tab-header-container,
.ulu-dborder .workspace-split.mod-right-split .workspace-tabs:not(.mod-top) > .workspace-tab-header-container,
.ulu-dborder .workspace-split.mod-left-split .workspace-tabs:not(.mod-top) > .workspace-tab-header-container,
.ulu-dborder .workspace-split.mod-left-split .workspace-tabs:not(.mod-top) > .workspace-tab-header-container,
.ulu-dborder .view-header,
.ulu-dborder .nav-header,
.ulu-dborder .mod-right-split .workspace-tab-header-container,
.ulu-dborder .mod-left-split .workspace-tab-header-container 
 {
	border-bottom: 1px dashed var(--background-modifier-border) !important;
}

.ulu-dborder .modal,
.ulu-dborder .tooltip,
.ulu-dborder.ulu-prop-card .markdown-source-view.is-live-preview.show-properties .metadata-container,
.ulu-dborder .notice,
.ulu-dborder .menu,
.ulu-dborder .markdown-preview-view blockquote,
.ulu-dborder .markdown-preview-view blockquote:hover,
.ulu-dborder .status-bar,
.ulu-dborder .workspace .mod-root .workspace-leaf-content:not(
.ulu-dborder .mk-flowspace-editor .workspace-leaf-content,
.ulu-dborder .is-mobile .workspace .mod-root .workspace-leaf-content) {
    border: 1px dashed var(--background-modifier-border) !important;
}

.ulu-dborder .tooltip.mod-top .tooltip-arrow,
.ulu-dborder .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container::-webkit-scrollbar,
.ulu-dborder .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container::-webkit-scrollbar {
    border-top: 1px dashed var(--background-modifier-border) !important;
}

.ulu-dborder .clickable-icon[aria-label="New note"] {
    border: 1px dashed var(--background-modifier-border) !important;
	background: var(--background-primary);
    border-radius: 4px !important;
}

/* disable vault name */
.ulu-notitle .nav-folder.mod-root > .nav-folder-title {
	display: none;
}

.ulu-bar .status-bar {
	opacity: 0;
	transition: var(--transition-03);
}

.ulu-bar .status-bar:hover {
	opacity: 1;
	animation: slide-top 0.3s;
	animation-direction: alternate;
}

.ulu-canvas-center .canvas-node-container {
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.ulu-faintselect {
	--text-selection: hsl(var(--color-accent-hsl) 0.05);
}

.ulu-accent-title {
	--inline-title-color: var(--color-accent);
}

.ulu-colorfo-headings {
	--h1-color: var(--color-red);
	--h2-color: var(--color-green);
	--h3-color: var(--color-orange);
	--h4-color: var(--color-yellow);
	--h5-color: var(--color-cyan);
	--h6-color: var(--color-purple);
}

.ulu-headings-opn {
	--h1-size: 1.5811em;
	--h2-size: 2.5em;
	--h3-size: 1.9882em;
	--h4-size: 1.3em;
	--h5-size: 1em;
	--h6-size: 0.7953em;
}

.ulu-headings-dec {
	--h1-size: 2.5em;
	--h2-size: 1.842em;
	--h3-size: 1.3572em;
	--h4-size: 1.250em;
	--h5-size: 1em;
	--h6-size: 0.7368em;
}

.ulu-headings-flt {
	--h1-size: 1em;
	--h2-size: 1em;
	--h3-size: 1em;
	--h4-size: 1em;
	--h5-size: 1em;
	--h6-size: 1em;
}

.ulu-scrollbars {
	--scrollbar-active-thumb-bg: rgb(var(--mono-rgb-100) 0.2);
	--scrollbar-bg: rgb(var(--mono-rgb-100) 0);
	--scrollbar-thumb-bg: rgb(var(--mono-rgb-100) 0);
}

/* Selectors found from the amazing Minimal theme
*/

.ulu-header-line-h1 .markdown-reading-view h1:not(.embedded-note-title),
.ulu-header-line-h1 .mod-cm6 .cm-editor .HyperMD-header-1 {
	padding-bottom: 0.4em;
	border-bottom: 1px solid var(--o-header-line-accent);
	margin-block-end: 0.6em;
}

.ulu-header-line-h2 .markdown-reading-view h2,
.ulu-header-line-h2 .mod-cm6 .cm-editor .HyperMD-header-2 {
	padding-bottom: 0.4em;
	border-bottom: 1px solid var(--o-header-line-accent);
	margin-block-end: 0.6em;
}

.ulu-header-line-h3 .markdown-reading-view h3,
.ulu-header-line-h3 .mod-cm6 .cm-editor .HyperMD-header-3 {
	padding-bottom: 0.4em;
	border-bottom: 1px solid var(--o-header-line-accent);
	margin-block-end: 0.6em;
}

.ulu-header-line-h4 .markdown-reading-view h4,
.ulu-header-line-h4 .mod-cm6 .cm-editor .HyperMD-header-4 {
	padding-bottom: 0.4em;
	border-bottom: 1px solid var(--o-header-line-accent);
	margin-block-end: 0.6em;
}

.ulu-header-line-h5 .markdown-reading-view h5,
.ulu-header-line-h5 .mod-cm6 .cm-editor .HyperMD-header-5 {
	padding-bottom: 0.4em;
	border-bottom: 1px solid var(--o-header-line-accent);
	margin-block-end: 0.6em;
}

.ulu-header-line-h6 .markdown-reading-view h6,
.ulu-header-line-h6 .mod-cm6 .cm-editor .HyperMD-header-6 {
	padding-bottom: 0.4em;
	border-bottom: 1px solid var(--o-header-line-accent);
	margin-block-end: 0.6em;
}

.ulu-list-distinct .HyperMD-list-line {
	padding-bottom: 8px;
}

.ulu-list-distinct div.HyperMD-list-line.HyperMD-list-line-1.cm-line {
	background: var(--gradient-bg-secondary);
	box-shadow: none;

	padding-right: 8px;
	margin-top: 2px;

	border: 1px solid var(--background-modifier-border-alt);
	border-radius: 4px;
}

.ulu-header-fr {
	--h1-font: var(--font-title);
}

.ulu-header-fr h1 {
	font-variation-settings: "SOFT" 100, "WONK" 0, "opsz" 9, "wght" 900;
}

.ulu-header-mn {
	--h1-font: var(--font-mono);
}

.ulu-header1-override {
	--h1-size: var(--ulu-header1-override-size);
}

.ulu-ntosx-codeblock .markdown-source-view.mod-cm6.is-readable-line-width .cm-line {
	max-width: 100vh;
}

/* traffic lights and pseudoelements by zamsyt#4459 💖
*/

.ulu-ntosx-codeblock pre[class*="language-"]::before {
	display: block;
	content: "";
	height: 32px;
	background: var(--text-normal);
	box-shadow: 0 calc(-1 * var(--size-4-4)) 0 var(--size-4-4) var(--text-normal);
}

.ulu-ntosx-codeblock pre[class*="language-"]::after {
	display: block;
	content: "";

	height: 18px;
	width: 18px;

	background: var(--color-red);
	box-shadow: 25px 0 var(--color-orange), 50px 0 var(--color-green);

	position: absolute;
	top: 7px;

	border-radius: 100vmax;
}

.ulu-ntosx-codeblock .markdown-rendered pre {
	border: 1px solid var(--text-normal);
}

.ulu-ntosx-codeblock .cm-s-obsidian div.HyperMD-codeblock-begin-bg {
	height: 38px;
	background: var(--text-normal);
	border-top: 1px solid var(--text-normal);
	/* stylelint-disable-next-line declaration-no-important */
	border-top-right-radius: 8px !important;
	/* stylelint-disable-next-line declaration-no-important */
	border-top-left-radius: 8px !important;
}

.ulu-ntosx-codeblock .cm-s-obsidian div.HyperMD-codeblock-end-bg {
	background: var(--code-background);
	border-bottom: 1px solid var(--text-normal);
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.ulu-ntosx-codeblock .cm-s-obsidian div.HyperMD-codeblock-bg {
	border-right: 1px solid var(--text-normal);
	border-left: 1px solid var(--text-normal);
}

.ulu-ntosx-codeblock .cm-s-obsidian div.HyperMD-codeblock-begin-bg::after {
	display: block;
	content: "";

	height: 18px;
	width: 18px;

	background: var(--color-red);
	box-shadow: 25px 0 var(--color-orange), 50px 0 var(--color-green);

	position: absolute;
	top: 7px;

	border-radius: 100vmax;
}

.ulu-grad .workspace::before {
	content: "";

	height: 100%;
	width: 100%;

	background:
		radial-gradient(
			circle,
			var(--background-secondary) 0%,
			var(--color-accent) 8.1%,
			var(--background-secondary) 15.5%,
			var(--background-secondary) 58.8%,
			var(--background-secondary) 84.5%,
			var(--background-secondary) 91.9%,
			var(--background-secondary) 100%
		);
	opacity: 0.5;

	position: fixed;

	animation: scale-up-center 20s linear infinite both;
}

.ulu-grad .workspace {
	position: relative;
}

.ulu-gradient-canvas1 .canvas-node.is-themed.mod-canvas-color-1 .canvas-node-content .markdown-preview-view .inline-title {
	color: rgb(var(--color-red-rgb));
}

.ulu-gradient-canvas1 .canvas-node.is-themed.mod-canvas-color-2 .canvas-node-content .markdown-preview-view .inline-title {
	color: rgb(var(--color-orange-rgb));
}

.ulu-gradient-canvas1 .canvas-node.is-themed.mod-canvas-color-3 .canvas-node-content .markdown-preview-view .inline-title {
	color: rgb(var(--color-yellow-rgb));
}

.ulu-gradient-canvas1 .canvas-node.is-themed.mod-canvas-color-4 .canvas-node-content .markdown-preview-view .inline-title {
	color: rgb(var(--color-green-rgb));
}

.ulu-gradient-canvas1 .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content .markdown-preview-view .inline-title {
	color: rgb(var(--color-blue-rgb));
}

.ulu-gradient-canvas1 .canvas-node.is-themed.mod-canvas-color-6 .canvas-node-content .markdown-preview-view .inline-title {
	color: rgb(var(--color-purple-rgb));
}

.ulu-gradient-canvas1 .canvas-node.is-themed.mod-canvas-color-1 .canvas-node-container,
.ulu-gradient-canvas1 .canvas-node.is-themed.mod-canvas-color-2 .canvas-node-container,
.ulu-gradient-canvas1 .canvas-node.is-themed.mod-canvas-color-3 .canvas-node-container,
.ulu-gradient-canvas1 .canvas-node.is-themed.mod-canvas-color-4 .canvas-node-container,
.ulu-gradient-canvas1 .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-container,
.ulu-gradient-canvas1 .canvas-node.is-themed.mod-canvas-color-6 .canvas-node-container {
	border: 1px solid rgb(var(--canvas-color));
}

.ulu-gradient-canvas1 .theme-light .canvas-node.is-themed.mod-canvas-color-1 .canvas-node-content {
	background-image:
	linear-gradient(
		45deg,
		hsl(0deg 87% 79%) 0%,
		hsl(360deg 87% 78%) 21%,
		hsl(360deg 87% 77%) 30%,
		hsl(359deg 87% 75%) 39%,
		hsl(359deg 87% 74%) 46%,
		hsl(359deg 87% 73%) 54%,
		hsl(359deg 86% 72%) 61%,
		hsl(358deg 86% 71%) 69%,
		hsl(358deg 86% 70%) 79%,
		hsl(358deg 85% 68%) 100%
	  );
}

.ulu-gradient-canvas1 .theme-dark .canvas-node.is-themed.mod-canvas-color-1 .canvas-node-content {
	background-image:
		linear-gradient(
			45deg,
			hsl(18deg 88% 66%) 0%,
			hsl(17deg 88% 65%) 21%,
			hsl(16deg 87% 63%) 30%,
			hsl(15deg 86% 62%) 39%,
			hsl(14deg 85% 60%) 46%,
			hsl(13deg 85% 59%) 54%,
			hsl(11deg 84% 57%) 61%,
			hsl(10deg 83% 56%) 69%,
			hsl(8deg 82% 55%) 79%,
			hsl(6deg 81% 54%) 100%
		);
}

.ulu-gradient-canvas2 .theme-light .canvas-node.is-themed.mod-canvas-color-2 .canvas-node-content {
	background-image:
	linear-gradient(
		45deg,
		hsl(16deg 100% 76%) 0%,
		hsl(20deg 100% 76%) 21%,
		hsl(23deg 100% 76%) 30%,
		hsl(27deg 100% 77%) 39%,
		hsl(30deg 100% 77%) 46%,
		hsl(34deg 100% 77%) 54%,
		hsl(37deg 100% 78%) 61%,
		hsl(41deg 100% 79%) 69%,
		hsl(45deg 100% 80%) 79%,
		hsl(49deg 100% 81%) 100%
	  );
}

.ulu-gradient-canvas2 .theme-dark .canvas-node.is-themed.mod-canvas-color-2 .canvas-node-content {
	background-image:
		linear-gradient(
			45deg,
			hsl(23deg 92% 71%) 0%,
			hsl(21deg 93% 71%) 21%,
			hsl(18deg 93% 71%) 30%,
			hsl(16deg 93% 72%) 39%,
			hsl(14deg 93% 72%) 46%,
			hsl(11deg 93% 72%) 54%,
			hsl(9deg 92% 73%) 61%,
			hsl(6deg 91% 73%) 69%,
			hsl(3deg 89% 73%) 79%,
			hsl(0deg 87% 73%) 100%
		);
}

.ulu-gradient-canvas3 .theme-light .canvas-node.is-themed.mod-canvas-color-3 .canvas-node-content {
	background-image:
	linear-gradient(
		45deg,
		hsl(60deg 89% 72%) 0%,
		hsl(59deg 91% 73%) 21%,
		hsl(57deg 92% 74%) 30%,
		hsl(56deg 94% 76%) 39%,
		hsl(55deg 96% 77%) 46%,
		hsl(53deg 97% 78%) 54%,
		hsl(52deg 98% 79%) 61%,
		hsl(51deg 99% 80%) 69%,
		hsl(50deg 100% 80%) 79%,
		hsl(49deg 100% 81%) 100%
	  );
}

.ulu-gradient-canvas3 .theme-dark .canvas-node.is-themed.mod-canvas-color-3 .canvas-node-content {
	background-image:
		linear-gradient(
			45deg,
			hsl(46deg 95% 56%) 0%,
			hsl(44deg 95% 55%) 21%,
			hsl(43deg 94% 54%) 30%,
			hsl(41deg 94% 53%) 39%,
			hsl(39deg 93% 53%) 46%,
			hsl(37deg 92% 53%) 54%,
			hsl(35deg 91% 52%) 61%,
			hsl(34deg 89% 52%) 69%,
			hsl(32deg 88% 52%) 79%,
			hsl(29deg 86% 52%) 100%
			);
}

.ulu-gradient-canvas4 .theme-light .canvas-node.is-themed.mod-canvas-color-4 .canvas-node-content {
	background-image:
	linear-gradient(
		45deg,
		hsl(99deg 75% 75%) 0%,
		hsl(103deg 75% 77%) 21%,
		hsl(108deg 75% 79%) 30%,
		hsl(113deg 76% 81%) 39%,
		hsl(119deg 76% 83%) 46%,
		hsl(124deg 77% 84%) 54%,
		hsl(129deg 79% 85%) 61%,
		hsl(133deg 80% 86%) 69%,
		hsl(137deg 81% 86%) 79%,
		hsl(141deg 81% 87%) 100%
	  );
}

.ulu-gradient-canvas4 .theme-dark .canvas-node.is-themed.mod-canvas-color-4 .canvas-node-content {
	background-image:
		linear-gradient(
			45deg,
			hsl(145deg 84% 73%) 0%,
			hsl(145deg 78% 71%) 21%,
			hsl(146deg 74% 68%) 30%,
			hsl(146deg 70% 66%) 39%,
			hsl(146deg 67% 63%) 46%,
			hsl(147deg 64% 60%) 54%,
			hsl(148deg 61% 57%) 61%,
			hsl(148deg 60% 55%) 69%,
			hsl(149deg 58% 52%) 79%,
			hsl(150deg 61% 48%) 100%
		);
}

.ulu-gradient-canvas5 .theme-light .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content {
	background-image:
	linear-gradient(
  45deg,
  hsl(187deg 100% 89%) 0%,
  hsl(187deg 100% 87%) 21%,
  hsl(187deg 100% 85%) 30%,
  hsl(187deg 100% 83%) 39%,
  hsl(187deg 100% 81%) 46%,
  hsl(187deg 100% 79%) 54%,
  hsl(187deg 100% 77%) 61%,
  hsl(186deg 100% 75%) 69%,
  hsl(186deg 100% 72%) 79%,
  hsl(186deg 100% 69%) 100%
);
}

/* .theme-light .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content p{
	color: white;
} */

.ulu-gradient-canvas1 .theme-dark .canvas-node.is-themed.mod-canvas-color-1 .canvas-node-content p,
.ulu-gradient-canvas2 .theme-dark .canvas-node.is-themed.mod-canvas-color-2 .canvas-node-content p,
.ulu-gradient-canvas3 .theme-dark .canvas-node.is-themed.mod-canvas-color-3 .canvas-node-content p,
.ulu-gradient-canvas4 .theme-dark .canvas-node.is-themed.mod-canvas-color-4 .canvas-node-content p,
.ulu-gradient-canvas5 .theme-dark .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content p,
.ulu-gradient-canvas6 .theme-dark .canvas-node.is-themed.mod-canvas-color-6 .canvas-node-content p {
	color: var(--text-on-accent);
}

.ulu-gradient-canvas5 .theme-dark .canvas-node.is-themed.mod-canvas-color-5 .canvas-node-content {
	background-image:
		linear-gradient(
			45deg,
			hsl(210deg 90% 80%) 0%,
			hsl(211deg 91% 77%) 21%,
			hsl(212deg 92% 74%) 30%,
			hsl(212deg 93% 71%) 39%,
			hsl(213deg 93% 68%) 46%,
			hsl(213deg 93% 65%) 54%,
			hsl(213deg 92% 61%) 61%,
			hsl(213deg 91% 58%) 69%,
			hsl(213deg 90% 54%) 79%,
			hsl(212deg 93% 49%) 100%
		);
}

.ulu-gradient-canvas6 .theme-light .canvas-node.is-themed.mod-canvas-color-6 .canvas-node-content {
	background-image:
	linear-gradient(
		45deg,
		hsl(298deg 68% 90%) 0%,
		hsl(287deg 68% 89%) 21%,
		hsl(277deg 68% 89%) 30%,
		hsl(267deg 67% 88%) 39%,
		hsl(258deg 65% 87%) 46%,
		hsl(249deg 63% 87%) 54%,
		hsl(240deg 61% 86%) 61%,
		hsl(232deg 62% 83%) 69%,
		hsl(225deg 62% 81%) 79%,
		hsl(220deg 61% 79%) 100%
	  );
}

.ulu-gradient-canvas6 .theme-dark .canvas-node.is-themed.mod-canvas-color-6 .canvas-node-content {
	background-image:
		linear-gradient(
			45deg,
			hsl(276deg 91% 79%) 0%,
			hsl(274deg 88% 77%) 21%,
			hsl(272deg 85% 75%) 30%,
			hsl(270deg 83% 74%) 39%,
			hsl(267deg 81% 72%) 46%,
			hsl(265deg 79% 71%) 54%,
			hsl(262deg 78% 69%) 61%,
			hsl(260deg 76% 68%) 69%,
			hsl(257deg 75% 66%) 79%,
			hsl(254deg 74% 65%) 100%
		);
}

.ulu-brutal-callouts .callout {
    position: relative;
    overflow: visible;
    background: var(--background-primary);
    box-shadow: 8px 8px 0 -2.5px var(--background-primary), 8px 8px 0 0 rgb(var(--callout-color));
    border: 2.5px solid rgb(var(--callout-color));
    border-radius: 0px;
}

.ulu-brutal-callouts .callout:before {
    background: rgb(var(--callout-color));
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}

.ulu-soft-callouts .callout {
    position: relative;
    overflow: hidden;
}

.ulu-soft-callouts .callout:before {
    background: rgb(var(--callout-color));
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    border-radius: 0px;
}

.ulu-nt-callouts .callout[data-callout="abstract"],
 .ulu-nt-callouts .callout[data-callout="warning"],
 .ulu-nt-callouts .callout[data-callout="info"],
 .ulu-nt-callouts .callout[data-callout="example"],
 .ulu-nt-callouts .callout[data-callout="note"],
 .ulu-nt-callouts .callout[data-callout="tip"],
 .ulu-nt-callouts .callout[data-callout="success"],
 .ulu-nt-callouts .callout[data-callout="question"],
 .ulu-nt-callouts .callout[data-callout="failure"],
 .ulu-nt-callouts .callout[data-callout="danger"],
 .ulu-nt-callouts .callout[data-callout="bug"],
 .ulu-nt-callouts .callout[data-callout="quote"] {
  color: var(--color-callout-text);
}

.ulu-nt-callouts.theme-dark {
	--color-callout-red: #502626;
	--color-callout-blue: #263850;
	--color-callout-green: #265029;
	--color-callout-yellow: #4c5026;
	--color-callout-orange: #504126;
	--color-callout-teal: #264e50;
	--color-callout-grey: #3b3b3b;
	--color-callout-purple: #392650;

	--color-callout-border-red1: #715050;
	--color-callout-border-blue1: #516073;
	--color-callout-border-green1: #507153;
	--color-callout-border-yellow1: #6e7150;
	--color-callout-border-orange1: #716550;
	--color-callout-border-teal1: #507171;
	--color-callout-border-grey1: #616161;
	--color-callout-border-purple1: #472650;
	--color-callout-text: var(--text-on-accent);
}

.ulu-nt-callouts.theme-light {
	--color-callout-red: #ffe0e0;
	--color-callout-blue: #def1ff;
	--color-callout-green: #e0ffe3;
	--color-callout-yellow: #ffffe0;
	--color-callout-orange: #fff2e0;
	--color-callout-teal: #e0feff;
	--color-callout-grey: #ededed;
	--color-callout-purple: #ede0ff;

	--color-callout-border-red: #e5c7c7;
	--color-callout-border-blue: #c7d8e5;
	--color-callout-border-green: #cce5c7;
	--color-callout-border-yellow: #e3e5c7;
	--color-callout-border-orange: #e5dbc7;
	--color-callout-border-teal: #c7e5e5;
	--color-callout-border-grey: #dbdbdb;
	--color-callout-border-purple: #d8c7e5;
	--color-callout-text: var(--text-normal);
}

.ulu-nt-callouts .callout[data-callout="info"],
.ulu-nt-callouts .callout[data-callout="todo"] {
    border: 1px solid var(--color-callout-border-blue) !important;;
    background: var(--color-callout-blue) !important;
}

.ulu-nt-callouts .callout[data-callout="abstract"],
.ulu-nt-callouts .callout[data-callout="summary"],
.ulu-nt-callouts .callout[data-callout="tldr"] {
	border: 1px solid var(--color-callout-border-teal);
    background: var(--color-callout-teal);
}

.ulu-nt-callouts .callout[data-callout="warning"],
.ulu-nt-callouts .callout[data-callout="caution"],
.ulu-nt-callouts .callout[data-callout="danger"] {
	border: 1px solid var(--color-callout-border-orange);
    background: var(--color-callout-orange);
}
  
.ulu-nt-callouts .callout[data-callout="example"] {
	border: 1px solid var(--color-callout-border-purple);
    background: var(--color-callout-purple);
  }
  
.ulu-nt-callouts .callout[data-callout="note"] {
  border: 1px solid var(--color-callout-border-blue);
    background: var(--color-callout-blue);
  }
  
.ulu-nt-callouts .callout[data-callout="tip"],
.ulu-nt-callouts .callout[data-callout="hint"],
.ulu-nt-callouts .callout[data-callout="important"] {
	border: 1px solid var(--color-callout-border-teal);
    background: var(--color-callout-teal);
  }
  
.ulu-nt-callouts .callout[data-callout="question"],
.ulu-nt-callouts .callout[data-callout="help"],
.ulu-nt-callouts .callout[data-callout="faq"] {
	border: 1px solid var(--color-callout-border-yellow);
    background: var(--color-callout-yellow);
  }
  
.ulu-nt-callouts .callout[data-callout="danger"],
.ulu-nt-callouts .callout[data-callout="error"] {
	border: 1px solid var(--color-callout-border-red);
    background: var(--color-callout-red);
  }
  
.ulu-nt-callouts .callout[data-callout="failure"],
.ulu-nt-callouts .callout[data-callout="fail"],
.ulu-nt-callouts .callout[data-callout="missing"] {
	border: 1px solid var(--color-callout-border-red);
    background: var(--color-callout-red);
  }
  
.ulu-nt-callouts .callout[data-callout="bug"] {
	border: 1px solid var(--color-callout-border-red);
    background: var(--color-callout-red);
}
  
.ulu-nt-callouts .callout[data-callout="quote"],
.ulu-nt-callouts .callout[data-callout="cite"] {
	border: 1px solid var(--color-callout-border-grey);
    background: var(--color-callout-grey);
}
  
.ulu-nt-callouts .callout[data-callout="success"],
.ulu-nt-callouts .callout[data-callout="check"],
.ulu-nt-callouts .callout[data-callout="done"] {
	border: 1px solid var(--color-callout-border-green);
    background: var(--color-callout-green);
}

/* Cite styling originally from the wonderful palatinate by eleanor konik */
cite {
	display: block;

	text-align: right;

	width: auto;

	color: var(--text-normal);
	background: transparent;

	border-radius: 8px;
}

.markdown-source-view.mod-cm6 .cm-embed-block:hover {
	box-shadow: none;
}

cite a:link {
	color: var(--text-normal);
}

.justify.markdown-source-view.mod-cm6 .cm-line,
.justify.markdown-rendered p {
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    word-spacing: -0.05em;
	text-justify: distribute;
	text-align-last: left;
}

/* ul 2.0
*/


.workspace-split.mod-root .view-content {
	background: transparent;
}

.workspace {
	background: var(--gradient-bg-secondary);
}

.mod-root .workspace-tabs .workspace-leaf:not(.is-mobile),
.modal:not(.is-mobile) {
	background: var(--gradient-bg-primary);
	border: 1px solid var(--background-modifier-border-alt);
	box-shadow: var(--shadow-s);
	border-radius: var(--ulu-radius);
}

.ulu-prop-card .markdown-source-view.is-live-preview.show-properties .metadata-container {
    display: var(--metadata-display-editing);
    border: 1px solid var(--background-modifier-border-alt) !important;
    margin-bottom: 3em;
    border-radius: var(--ulu-radius);
    padding: 8px;
}

.theme-dark.ulu-prop-card .text-icon-button,
.theme-dark.ulu-prop-card .multi-select-input,
.theme-dark.ulu-prop-card .metadata-input-longtext,
.theme-dark.ulu-prop-card input.metadata-property-key-input,
.theme-dark.ulu-prop-card .metadata-container {
	color: var(--text-normal);
}

.metadata-property:focus-within {
    background-color: var(--background-secondary) !important;
    box-shadow: none;
}

.metadata-property-key:hover {
	background: var(--background-primary);
}

.metadata-property:hover {
    background-color: var(--background-primary);
    box-shadow: 0 0 0 1px var(--background-modifier-border-alt);
}

.workspace-split.mod-right-split > .workspace-leaf-resize-handle,
.workspace-drawer.mod-right,
::-webkit-scrollbar,
.theme-dark.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle,
.mod-left-split .workspace-tab-header-container,
.workspace-split.mod-vertical .workspace-tabs:not(.mod-top) > .workspace-tab-header-container,
.workspace-split.mod-right-split .workspace-tabs:not(.mod-top) > .workspace-tab-header-container,
.workspace-split.mod-left-split .workspace-tabs:not(.mod-top) > .workspace-tab-header-container,
.workspace-split.mod-left-split .workspace-tabs:not(.mod-top) > .workspace-tab-header-container,
.view-header,
.nav-header,
.mod-right-split .workspace-tab-header-container,
.mod-left-split .workspace-tab-header-container,
#cMenuToolbarModalBar.top,
/* .markdown-preview-view blockquote,
.markdown-preview-view blockquote:hover,
.status-bar, */
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container::-webkit-scrollbar,
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container::-webkit-scrollbar,
.workspace-split.mod-vertical > * > .ulu-shark-d .workspace-leaf-resize-handle,
.workspace-split.mod-left-split > .workspace-leaf-resize-handle,
.workspace-ribbon,
.sidebar-toggle-button,
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
.snw-header-count-wrapper {
    border: 0 !important;
}

.snw-popover-container {
    border-radius: var(--radius-m);
    border: 1px solid var(--background-modifier-border-alt);
    box-shadow: var(--shadow-s);
    background: var(--gradient-bg-primary) !important;
}

.snw-ref-title-popover {
    border-bottom: 1px solid var(--background-modifier-border-alt);
}

.status-bar,
.theme-light .clickable-icon[aria-label="New note"],
.prompt,
.modal,
.tooltip,
.notice,
.menu {
	background: var(--gradient-bg-primary) !important;
    border: 1px solid var(--background-modifier-border-alt) !important;
    color: var(--text-normal);
}

input.prompt-input {
    background-color: transparent;
	box-shadow: var(--shadow-s);
    border-bottom: 1px solid var(--background-modifier-border-alt) !important;
}

.is-mobile .mod-root .workspace-tabs .workspace-leaf {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none;
}