<<<<<<< HEAD
/* Cyber Glow for Obsidian built by TheEmperorArt version 1.3.7
/* Please credit me if you modify or take parts for your own theme*/
/*===================== Style Settings ======================*/
/* @settings
name: Cyber Glow Tweakbox
id: CG
collapsed: false
settings:
   - 
      id: CG-workspace
      title: Background Controls
      type: heading
      level: 1
      description: Background and Wallpaper Controls
      collapsed: true/
   - 
      id: CG-workspace-background
      title: Enable Workspace Backgound
      description: Enable Custom Wallpaper background
      type: class-toggle
      default: CG-workspace-background-image-custom
   -
      id: CG-workspace-background-image
      title: Select Background Image
      description: Select Custom to use your custom links or paths to your wallpaper in "Custom Workspace Background Image". (Author's)
      type: class-select
      allowEmpty: false
      default: CG-workspace-background-image-obsidianbg
      options:
         - 
            label: CG v8 (chesterocampo - Papillon Kotetsu)
            value: CG-workspace-background-image-obsidianbg
         -
            label: Custom
            value: CG-workspace-background-image-custom
   -
      id: CG-workspace-background-image-custom-option
      title: Custom Workspace Background Image
      description: Add your wallpaper. Paste the entire link to the image including "https://" -> url("your link here"). Local file links are no longer supported by Obsidian and Style Settings haven't been updated to support any alternatives.
      type: variable-text
      default: url("")
      value: CG-workspace-background-image-custom
   -
      id: CG-workspace-background-workspace-slider
      title: Container opacity
      description: Suggestion Increase opacity a bit on Dark mode, decrease opacity on light mode.
      type: variable-number-slider
      min: 0.10
      max: 1
      step: 0.01
      default: 0.45
   - 
      id: CG-workspace-background-blur
      title: Background blur
      description: Level of blurryness
      type: variable-number-slider
      min: 0
      max: 20
      step: 1
      default: 15
      format: px
   - 
      id: CG-workspace-background-brightness
      title: Background brightness
      description: Suggestion Increase brightness on Dark mode, decrease brightness on light mode.
      type: variable-number-slider
      min: 0
      max: 3
      step: 0.01
      default: 1.15
   - 
      id: CG-workspace-background-saturation
      title: Background Saturation
      description: Increase/Decrease the color vibrancy of the background image.
      type: variable-number-slider
      min: 0
      max: 4
      step: 0.01
      default: 2
   - 
      id: CG-workspace-background-contrast
      title: Background Contrast
      description: Increase/Decrease the contrast of the background image.
      type: variable-number-slider
      min: 40
      max: 200
      step: 1
      default: 100
      format: "%"
   -
      id: CG-Workspace
      title: Workspace Controls
      type: heading
      description: Phone Header Folder Path, 
      level: 1
      collapsed: true
   -
      id: CG-header-crumbs
      title: Disable Phone's Header Folder Path
      description: The folder paths in the header easily hides the note's title. Toggle off if you want the folder path on phone.
      default: true
      type: class-toggle
   -
        title: Disable Full  Status-bar
        description: Returns Status-bar to a hover state
        id: CG-Fullstatus-off
        type: class-toggle
        default: false
   -
      id: CG-workspace-sbt
      title: Left Sidebar Toggle
      type: class-select
      allowEmpty: false
      description: Pick the Icon/image, be sure that all custom images/gifs are square aspect.
      default: CG-MObsidian-sbt
      options:
      -
        label: New Obsidian Logo
        value: CG-MObsidian-sbt
      -
        label: Classic Obsidian Logo
        value: CG-Obsidian-sbt
      -
        label: Custom
        value: CG-Custom-sbt
   -
      id: CG-workspace-custom-sbt
      title: Custom Left Sidebar Toggle
      description: Add your custom Left Toggle. Paste the entire link to the image including "https://" -> url("your link here"), Obsidian no longer supports local links.
      type: variable-text
      default: url("")
      value: CG-Custom-sbt
   - 
      id: CG-Note
      title: Note Controls
      type: heading
      description: Custom Checkboxes, Line Width, Codeblocks Controls, Signature/Cite font, Base Font
      level: 1
      collapsed: true
   -
      id: CG-custom-checkbox
      title: Custom Checkbox
      description: Enable custom checkboxes for checkbox customization
      default: true
      type: class-toggle
   -
		id: CG-line-width
		title: Readable line width
		description: The maximum line width in rem (unit relative to Appearance -> Font Size)
		type: variable-number-slider
		default: 40
		min: 30
		max: 70
		step: 1
		format: 'rem'
   -
        title: Disable Codeblocks Gutter
        description: Remove line numbers and additional styling to code blocks
        id: no-codeblock-line-numbers
        type: class-toggle
        default: false
   -
		id: CG-cite-font
		title: Cite/Signature Font (Used in blockquotes and quote callouts)
		description: Get Font from Cyber Glow's Github page. Recommend using a cursive font style
		type: variable-text
		default: 'Edwardian Script ITC'
   -
		id: default-font
		title: Base font (UI and notes font) WIP⚠️
		description: Get Font from Cyber Glow's Github page. For System Default type Inter.
		type: variable-text
		default: 'Quantico'
   -
		id: headings
		title: Heading Controls
		type: heading
		description: Headings Font and Size and Dividing Line Controls
		level: 1
		collapsed: true
   -
      id: CG-hr
      title: Heading Dividing Line (---)
      type: class-select
      allowEmpty: false
      default: CG-NewObsidian-hr
      options:
      -
        label: New Obsidian Outline
        value: CG-NewObsidian-hr
      -
        label: CG Old Default
        value: CG-OG-hr
      -
        label: No Logo
        value: CG-None-hr
      -
        label: Classic Obsidian Outline
        value: CG-ClassicObsidian-hr	
      -
        label: Windows
        value: CG-Windows-hr
      -
        label: Apple
        value: CG-Apple-hr
   -
      id: CG-workspace-custom-sbt
      title: Custom Left Sidebar Toggle
      description: Add your custom Left Toggle. Paste the entire link to the image including "https://" -> url("your link here") or paste the local file location. Be sure to use "/" instead of "\" on Windows.
      type: variable-text
      default: url("app://local/")
      value: CG-Custom-sbt
   -
		id: title-heading
		title: Title Heading (H1) WIP ⚠️
		description: Get Font from Cyber Glow's Github page. For System Default type Inter.
		type: variable-text
		default: 'Space Wham'
   -
		id: mini-header-hide
		title: Hide Header Indication
		description: Enabling this will hide the small header indicator next to headers, such as H1, H2, etc.
		type: class-toggle
		default: false
   -
		id: h1-size
		title: H1 font size
		description: Enter Header 1 Font
		type: variable-text
		default: 2.1em
   -
		id: major-heading
		title: Major Heading font (H2) WIP ⚠️
		description: Get Font from Cyber Glow's Github page. For System Default type Inter
		type: variable-text
		default: 'Quantico'
   -
		id: h2-size
		title: H2 font size
		description:  Enter Header 2 Font
		type: variable-text
		default: 1.85em
   -
		id: minor-heading 
		title: Minor Headings font (H3-6) WIP⚠️
		description: Get Font from Cyber Glow's Github page. For System Default type Inter.
		type: variable-text
		default: 'Oxanium'
   -
		id: h3-size
		title: H3 font size
		description:  Enter Header 3 Font
		type: variable-text
		default: 1.65em
   -
		id: h4-size
		title: H4 font size
		description:  Enter Header 4 Font
		type: variable-text
		default: 1.45em
   -
		id: h5-size
		title: H5 font size
		description:  Enter Header 5 Font
		type: variable-text
		default: 1.25em		
   -
		id: h6-size
		title: H6 font size
		description:  Enter Header 6 Font
		type: variable-text
		default: 1.25em		
   -
      id: CG-Color
      title: Color Picker
      type: heading
      description: Change Colors of certain elements
      level: 1
      collapsed: true
   - 
        title: Accent Text Color
        id: custom-accent
        type: variable-color
        format: hsl-values
        default: 'hsl(170, 49%, 32%)'
   - 
        title: Inactive Tab Color
        id: inactivetab-color
        type: variable-color
        format: hsl-values
        default: 'hsl(170, 49%, 32%)'
   - 
        title: Tab & Icon Color
        id: activetab-color
        type: variable-color
        format: hsl-values
        default: 'hsl(170, 49%, 32%)'
   - 
        title: Active Note Title Color 
        id: active-title
        type: variable-color
        format: hsl-values
        default: 'hsl(170, 49%, 32%)'
   - 
        title: Inactive Note Title Color 
        id: Inactive-title
        type: variable-color
        opacity: true
        format: hsl
        default: 'hsl(170, 49%, 32%)'
   - 
        title: Outgoing link color
        id: outlink-color
        type: variable-color
        format: hex
        default: '#FFA500'
   - 
        title: Internal link color
        id: inlink-color
        type: variable-color
        format: hex
        default: '#ffc400'
   - 
        title: Bullet List Color
        id: bulletlist-color
        type: variable-color
        format: hex
        default: '#21B59C'
   - 
        title: Header 1 Color
        id: h1-glow
        type: variable-color
        format: hex
        default: '#21B59C'
   - 
        title: Header 2 Color
        id: h2-glow
        type: variable-color
        format: hex
        default: '#0cd0d0'
   - 
        title: Header 3 Color
        id: h3-glow
        type: variable-color
        format: hex
        default: '#00d200'
   - 
        title: Header 4 Color
        id: h4-glow
        type: variable-color
        format: hex
        default: '#ffc400'
   - 
        title: Header 5 Color
        id: h5-glow
        type: variable-color
        format: hex
        default: '#FF0000'
   - 
        title: Header 6 Color
        id: h6-glow
        type: variable-color
        format: hex
        default: '#FF00FF'
   - 
        title: Change Blockquote color
        id: block-color
        type: variable-color
        format: hsl
        default: 'hsl(170, 49%, 32%)'
   - 
      id: CG-other
      title: Other Controls
      type: heading
      description: Stacked tabs width 
      level: 1
      collapsed: true
   - 
        id: GC-stacked-width
        title: Stacked tabs header width
        description: If the stacked tab looks weird, after altering the width, please change tabs first or open a new tab to "refresh" the theme
        type: variable-number-slider
        min: 20
        max: 70
        step: 1
        default: 35
        format: px	
*/
@font-face {
        font-family: "OxaniumFira";
            src: url(data:application/octet-stream;base64,[encoded data, 174544 characters]);
    font-weight: normal;
    font-style: normal italic;
}
    @font-face { 
        font-family: "Space Wham";
        src: url(data:application/octet-stream;base64,[encoded data, 59756 characters]);
        font-weight: normal;
        font-style: normal italic;
    }

      @font-face { 
        font-family: "Edwardian Script ITC";
            src: url(data:application/octet-stream;base64,[encoded data, 66616 characters]);
        font-weight: normal;
        font-style: normal italic;
      }

      @font-face { 
        font-family: "Orbitron";
            src: url(data:application/octet-stream;base64,[encoded data, 44748 characters]);
        font-weight: normal;
        font-style: normal italic;
      }

body {
    /*metadata*/
    --metadata-label-width: 10em;
    --metadata-gap: 5px;
    --metadata-property-radius: 3px;

    /*Style Settings Custom Tabs Colors*/
    --activetab-color: var(--color-accent-hsl); --activetab-highlight: hsl(var(--activetab-color));
    --tab-background-active: hsla(var(--activetab-color), 0.15);
    --tab-text-color-focused-active-current: var(--activetab-highlight);
    --tab-text-color-focused:var(--activetab-highlight);
    --activetab-faint: hsla(var(--activetab-color), 0.60);
    --tab-background-clicked: hsla(var(--activetab-color), 0.25);
    --tab-background-active-clicked: hsla(var(--activetab-color), 0.3);
/*Style Settings inactive tab Custom Colors*/
    --inactivetab-color: var(--activetab-color);
    --inactivetab: hsla(var(--inactivetab-color), 0.60);
 /*Style Settings inactive title Custom Colors*/
    --Inactive-title: var(--text-faint);
 /*Style Settings active title Custom Colors*/
    --active-title:  var(--color-accent-hsl);
    --activetitle-highlight: hsl(var( --active-title));
    --title-background-clicked: hsla(var(--active-title), 0.25);
    --title-background-active-clicked: hsla(var(--active-title), 0.3);
    --custom-accent: var(--color-accent-hsl);
    --custom-acc-text: hsl(var(--custom-accent));
    --custom-acc-faint: hsla(var(--custom-accent), 0.6);
    --custom-acc-active: hsla(var(--custom-accent), 0.43);
    --custom-acc-back: hsla(var(--custom-accent), 0.4);
    --custom-acc-hover: hsla(var(--custom-accent), 0.3);
    /*Fonts*/
    --default-font: 'OxaniumFira', 'Inter', 'Rubik', 'Segoe UI';
    --title-heading: 'Space Wham', 'Inter';
    --h2-font: 'Orbitron', 'Inter';
    --h3-font: 'Orbitron', 'Inter';
    --h4-font: 'Orbitron', 'Inter';
    --h5-font: 'Orbitron', 'Inter';
    --h6-font: 'Orbitron', 'Inter';

    --CG-cite-font: 'Edwardian Script ITC';
    
    /*Logo*/
    --newoutlined-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='18' height='18' fill='none' stroke='currentColor' stroke-width='32' stroke-linecap='round' stroke-linejoin='round' class='logo-wireframe'%3E%3Cpath d='M172.7 461.6c73.6-149.1 2.1-217-43.7-246.9m72 96.7c71.6-17.3 141-16.3 189.8 88.5m-114-96.3c-69.6-174 44.6-181 16.3-273.6m97.7 370c1.6-3 3.3-5.8 5.1-8.6 20-29.9 34.2-53.2 41.4-65.3a16 16 0 0 0-1.2-17.7 342.1 342.1 0 0 1-40.2-66.1c-10.9-26-12.5-66.5-12.6-86.2 0-7.4-2.4-14.7-7-20.6l-81.8-104a32 32 0 0 0-1.4-1.5m97.7 370a172.8 172.8 0 0 0-18 59c-2.9 21.5-24 38.4-45 32.6-30-8.3-64.5-21.1-95.7-23.5l-47.8-3.6c-7.7-.6-15-4-20.3-9.5l-82.3-84.8c-9-9.2-11.4-23-6.2-34.8 0 0 51-111.8 52.8-117.7l.7-3M293.1 30a31.5 31.5 0 0 0-44.4-2.3l-97.4 87.5c-5.4 5-9 11.5-10 18.8-3.7 24.5-9.7 68-12.3 80.7'%3E%3C/path%3E%3C/svg%3E");
    --outlined-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='15 -3 69 106'%3E%3Cpath d='M 30.91 17.52 L 34.43 35.7 M 61.44 14.41 L 62.61 0 M 34.43 35.7 L 37.57 90.47 M 81 26.39 L 61.44 14.41 L 34.43 35.7 L 65.35 100 M 62.61 0 L 30.91 17.52 L 18 45.45 L 37.57 90.47 L 65.35 100 L 70.44 89.8 L 81 26.39 L 62.61 0 Z' stroke='%23000000' stroke-width='4' fill='none'/%3E%3C/svg%3E");
    --CG-line-width: 40rem;
	--file-line-width: var(--CG-line-width);
    /*max min icons*/
    --win-maximize: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4.5 3c-.82843 0-1.5.67157-1.5 1.5v7c0 .8284.67157 1.5 1.5 1.5h7c.8284 0 1.5-.6716 1.5-1.5v-7c0-.82843-.6716-1.5-1.5-1.5zm0 1h7c.2761 0 .5.22386.5.5v7c0 .2761-.2239.5-.5.5h-7c-.27614 0-.5-.2239-.5-.5v-7c0-.27614.22386-.5.5-.5z' fill='%23212121'/%3E%3C/svg%3E");
    --win-minimize: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23212121'%3E%3Cpath d='m5.08496 4c.20592-.5826.76154-1 1.41465-1h3.5c1.65689 0 2.99999 1.34315 2.99999 3v3.5c0 .6531-.4174 1.2087-1 1.4146v-4.9146c0-1.10457-.8954-2-1.99999-2z'/%3E%3Cpath d='m4.5 5h5c.8284 0 1.5.67157 1.5 1.5v5c0 .8284-.6716 1.5-1.5 1.5h-5c-.82843 0-1.5-.6716-1.5-1.5v-5c0-.82843.67157-1.5 1.5-1.5zm0 1c-.27614 0-.5.22386-.5.5v5c0 .2761.22386.5.5.5h5c.27614 0 .5-.2239.5-.5v-5c0-.27614-.22386-.5-.5-.5z'/%3E%3C/g%3E%3C/svg%3E");
    /*Background*/
    --background-primary: var(--color-base-00);
    --background-secondary: var(--color-base-25);
    --background-tertiary: var(--color-base-05);
    --background-modifier-hover: var(--tab-background-active);
    --background-modifier-message: var(--background-tertiary);
    /*Titlebar*/
    --titlebar-background-focused: var(--background-secondary);
    --titlebar-text-color-focused: var(--text-muted);
    /*Tab*/
    --tab-divider-color: transparent;
    --tab-max-width: 180px;
    --tab-width: 225px;
    --tab-radius-active: var(--radius-s);
    /*Text*/
    --text-muted: var(--color-accent);
    --text-faint: var(--color-accent-faint);
    /*Scrollbar*/
    --scrollbar-thumb-bg: var(--color-accent-active);
    --scrollbar-active-thumb-bg: var(--text-accent);
    --scrollbar-bg: var(--text-selection);
    /*Drag Ghost*/
    --drag-ghost-text-color: var(--text-accent);
    --drag-ghost-background: var(--background-tertiary);
    /*Link*/
    --link-external-color: var(--outlink-color);
    --link-external-color-hover: var(--link-external-color);
    --internal-link-hover: var(--inlink-color);
    --inlink-color: #FFA500;
    --outlink-color: #ffc400;
    /*Vault Name*/
    --vault-name-font-size: var(--font-ui-medium);
    --vault-name-color: var(--custom-acc-text);
    /*Swatch*/
    --swatch-radius: 3px;
    /*Nav Items*/
    --nav-item-color: var(--custom-acc-faint);
    --nav-item-color-hover: var(--custom-acc-text);
    --nav-item-color-selected: var(--text-accent);
    --nav-item-white-space: wrap;
    --nav-item-color-active: var(--custom-acc-text);
  --nav-indentation-guide-color: var(--custom-acc-faint);
    /*Bullet lists*/
    --bulletlist-color: var(--text-accent);
    --indentation-guide-color: var(--bulletlist-color);
    /*Icon*/
    --icon-color-hover: var(--activetab-highlight);
    --icon-color: var(--activetab-faint);
    --icon-color-active: var(--tab-background-clicked);
    --icon-color-focused: var(--activetab-highlight);
    /*Heading*/
    --h1-glow: var(--text-accent);
    --h2-glow: #0cd0d0;
    --h3-glow: #00d200;
    --h4-glow: #FFAC1C;
    --h5-glow: #FF0000;
    --h6-glow: #FF00FF;
    --h1-size: 34px;
    --h2-size: 28px;
    --h3-size: 26px;
    --h4-size: 24px;
    --h5-size: 22px;
    --h6-size: 20px;
    --heading-formatting: var(--text-faint);
    /*Slider*/
    --slider-thumb-border-width: 7px;
    --slider-thumb-border-color: var(--color-glow);
    /*Toggle*/
    --toggle-border-width: 3px;
    --toggle-width: 45px;
    --toggle-thumb-width: 20px;
    --toggle-thumb-color: rgb(186, 56, 56);
    --toggle-thumb-radius: 10px;
    --toggle-thumb-height: 8px;
    --toggle-s-border-width: 3px;
    --toggle-s-width: 40px;
    --toggle-s-thumb-height: 8px;
    --toggle-s-thumb-width: 16px;
    /*Radius*/
    --radius-s: 3px;
    --radius-m: 3px;
    --radius-l: 10px;
    --radius-xl: 3px;
    /*Ribbon*/
    --ribbon-background: transparent;
    --ribbon-background-collapsed: transparent;
    /*List*/
    --list-marker-color: transparent;
    --list-marker-color-collapsed: transparent;
    /*Status bar*/
    --status-bar-text-color: var(--text-faint);
    --status-bar-radius: var(--radius-s);
    /*Callouts Color Fix*/
	--callout-bug: 200, 172, 100;
	--callout-error: 255, 70, 0;
	--callout-info: 0, 141, 142;
	--callout-summary: 0, 151, 188;
	--callout-tip: 255, 166, 11;
	--callout-important: 255, 166, 11;
	--callout-quote: 210, 102, 234;
	--callout-default: 139, 127, 137;
    --block-color: hsl(170, 49%, 32%);
    --indentation-guide-editing-indent: 0.97em;
    --bgimage: url("data:image/jpeg;base64,[encoded data, 329924 characters]");


    --scrollbutton:url("data:image/svg+xml,%3Csvg enable-background='new 0 0 100 100' height='100' viewBox='0 0 100 100' width='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m50 76h-26c-3.1 0-5-3.4-3.4-6l26-44c1.5-2.6 5.3-2.6 6.9 0l26 44c1.6 2.7-.4 6-3.4 6z' fill='%23fff'/%3E%3C/svg%3E");
}
.is-mobile{
    --toggle-width: 45px;
    --toggle-thumb-height: 8px;
    --toggle-thumb-width: 20px;
}




/*================ Dark Theme =================*/
.theme-dark {
    --New-Obsidiantoggle: url("data:image/svg+xml,%3Csvg id='custom-logo' width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg' style='height:100%25;width:100%25;'%3E%3Cdefs%3E%3CradialGradient id='b' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-48 -185 123 -32 179 429.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.4'/%3E%3Cstop offset='1' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(41 -310 229 30 341.6 351.3)'%3E%3Cstop stop-color='%23fff' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(57 -261 178 39 190.5 296.3)'%3E%3Cstop stop-color='%23fff' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.4'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-79 -133 153 -90 321.4 464.2)'%3E%3Cstop stop-color='%23fff' stop-opacity='.3'/%3E%3Cstop offset='1' stop-opacity='.3'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-29 136 -92 -20 300.7 149.9)'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.2'/%3E%3C/radialGradient%3E%3CradialGradient id='g' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(72 73 -155 153 137.8 225.2)'%3E%3Cstop stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.4'/%3E%3C/radialGradient%3E%3CradialGradient id='h' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(20 118 -251 43 215.1 273.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.1'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.3'/%3E%3C/radialGradient%3E%3CradialGradient id='i' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-162 -85 268 -510 374.4 371.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.3'/%3E%3C/radialGradient%3E%3Cfilter id='a' x='80.1' y='37' width='351.1' height='443.2' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='6.5' result='effect1_foregroundBlur_744_9191'/%3E%3C/filter%3E%3C/defs%3E%3Crect id='logo-bg' fill='%23000000' width='512' height='512' rx='100'/%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M359.2 437.5c-2.6 19-21.3 33.9-40 28.7-26.5-7.2-57.2-18.6-84.8-20.7l-42.4-3.2a28 28 0 0 1-18-8.3l-73-74.8a27.7 27.7 0 0 1-5.4-30.7s45-98.6 46.8-103.7c1.6-5.1 7.8-49.9 11.4-73.9a28 28 0 0 1 9-16.5L249 57.2a28 28 0 0 1 40.6 3.4l72.6 91.6a29.5 29.5 0 0 1 6.2 18.3c0 17.3 1.5 53 11.2 76a301.3 301.3 0 0 0 35.6 58.2 14 14 0 0 1 1 15.6c-6.3 10.7-18.9 31.3-36.6 57.6a142.2 142.2 0 0 0-20.5 59.6Z' fill='%23000' fill-opacity='.3'/%3E%3C/g%3E%3Cpath id='arrow' d='M359.9 434.3c-2.6 19.1-21.3 34-40 28.9-26.4-7.3-57-18.7-84.7-20.8l-42.3-3.2a27.9 27.9 0 0 1-18-8.4l-73-75a27.9 27.9 0 0 1-5.4-31s45.1-99 46.8-104.2c1.7-5.1 7.8-50 11.4-74.2a28 28 0 0 1 9-16.6l86.2-77.5a28 28 0 0 1 40.6 3.5l72.5 92a29.7 29.7 0 0 1 6.2 18.3c0 17.4 1.5 53.2 11.1 76.3a303 303 0 0 0 35.6 58.5 14 14 0 0 1 1.1 15.7c-6.4 10.8-18.9 31.4-36.7 57.9a143.3 143.3 0 0 0-20.4 59.8Z' fill='%23616161'/%3E%3Cpath d='M182.7 436.4c33.9-68.7 33-118 18.5-153-13.2-32.4-37.9-52.8-57.3-65.5-.4 1.9-1 3.7-1.8 5.4L96.5 324.8a27.9 27.9 0 0 0 5.5 31l72.9 75c2.3 2.3 5 4.2 7.8 5.6Z' fill='url(%23b)'/%3E%3Cpath d='M274.9 297c9.1.9 18 2.9 26.8 6.1 27.8 10.4 53.1 33.8 74 78.9 1.5-2.6 3-5.1 4.6-7.5a1222 1222 0 0 0 36.7-57.9 14 14 0 0 0-1-15.7 303 303 0 0 1-35.7-58.5c-9.6-23-11-58.9-11.1-76.3 0-6.6-2.1-13.1-6.2-18.3l-72.5-92-1.2-1.5c5.3 17.5 5 31.5 1.7 44.2-3 11.8-8.6 22.5-14.5 33.8-2 3.8-4 7.7-5.9 11.7a140 140 0 0 0-15.8 58c-1 24.2 3.9 54.5 20 95Z' fill='url(%23c)'/%3E%3Cpath d='M274.8 297c-16.1-40.5-21-70.8-20-95 1-24 8-42 15.8-58l6-11.7c5.8-11.3 11.3-22 14.4-33.8a78.5 78.5 0 0 0-1.7-44.2 28 28 0 0 0-39.4-2l-86.2 77.5a28 28 0 0 0-9 16.6L144.2 216c0 .7-.2 1.3-.3 2 19.4 12.6 44 33 57.3 65.3 2.6 6.4 4.8 13.1 6.4 20.4a200 200 0 0 1 67.2-6.8Z' fill='url(%23d)'/%3E%3Cpath d='M320 463.2c18.6 5.1 37.3-9.8 39.9-29a153 153 0 0 1 15.9-52.2c-21-45.1-46.3-68.5-74-78.9-29.5-11-61.6-7.3-94.2.6 7.3 33.1 3 76.4-24.8 132.7 3.1 1.6 6.6 2.5 10.1 2.8l43.9 3.3c23.8 1.7 59.3 14 83.2 20.7Z' fill='url(%23e)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M255 200.5c-1.1 24 1.9 51.4 18 91.8l-5-.5c-14.5-42.1-17.7-63.7-16.6-88 1-24.3 8.9-43 16.7-59 2-4 6.6-11.5 8.6-15.3 5.8-11.3 9.7-17.2 13-27.5 4.8-14.4 3.8-21.2 3.2-28 3.7 24.5-10.4 45.8-21 67.5a145 145 0 0 0-17 59Z' fill='url(%23f)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M206 285.1c2 4.4 3.7 8 4.9 13.5l-4.3 1c-1.7-6.4-3-11-5.5-16.5-14.6-34.3-38-52-57-65 23 12.4 46.7 31.9 61.9 67Z' fill='url(%23g)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M211.1 303c8 37.5-1 85.2-27.5 131.6 22.2-46 33-90.1 24-131l3.5-.7Z' fill='url(%23h)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M302.7 299.5c43.5 16.3 60.3 52 72.8 81.9-15.5-31.2-37-65.7-74.4-78.5-28.4-9.8-52.4-8.6-93.5.7l-.9-4c43.6-10 66.4-11.2 96 0Z' fill='url(%23i)'/%3E%3C/svg%3E");
    --color-base-00: rgba(0, 0, 0);
    --color-base-20: rgba(30, 30, 30);
    --color-base-05: #171717b7;
    --bg-primary: 0, 0, 0;
    --bg-secondary: 30, 30, 30;
    --background-settings: rgba(30, 30, 30, .9);
    --background-settings-alt: rgba(30, 30, 30, .65);
    --background-settings-2: rgba(78, 75, 75, .2);
    --background-settings-3: rgba(30, 30, 30, .3);
    --text-selection: hsla(var(--interactive-accent-hsl), 0.35);
      /*Accent*/
      --accent-h: 170;
      --accent-s: 69%;
      --accent-l: 42%;
    --color-accent-faint: hsl(var(--accent-h), calc(var(--accent-s) - 20%), calc(var(--accent-l) - 10%));
    --color-accent-active: hsla(var(--accent-h), calc(var(--accent-s) - 23%), calc(var(--accent-l) - 25%), 0.65);
    --color-accent-2: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 10%));
    --color-glow: hsl(calc(var(--accent-h) + 1), calc(var(--accent-s) - 36%), calc(var(--accent-l) - 25%));
    --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%));
    /*Code*/
    --code-background: rgba(30, 30, 30, 0.75);
        --text-close-color: #ff909b;
    --background-close-hover: #e6647170;
    --background-close-active: #f2394c8a;
    --background-close: #b4000066;
}
/*================ Light Theme =================*/
.theme-light {
    --New-Obsidiantoggle: url("data:image/svg+xml,%3Csvg id='custom-logo' width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg' style='height:100%25;width:100%25;'%3E%3Cdefs%3E%3CradialGradient id='b' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-48 -185 123 -32 179 429.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.4'/%3E%3Cstop offset='1' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(41 -310 229 30 341.6 351.3)'%3E%3Cstop stop-color='%23fff' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(57 -261 178 39 190.5 296.3)'%3E%3Cstop stop-color='%23fff' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.4'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-79 -133 153 -90 321.4 464.2)'%3E%3Cstop stop-color='%23fff' stop-opacity='.3'/%3E%3Cstop offset='1' stop-opacity='.3'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-29 136 -92 -20 300.7 149.9)'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.2'/%3E%3C/radialGradient%3E%3CradialGradient id='g' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(72 73 -155 153 137.8 225.2)'%3E%3Cstop stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.4'/%3E%3C/radialGradient%3E%3CradialGradient id='h' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(20 118 -251 43 215.1 273.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.1'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.3'/%3E%3C/radialGradient%3E%3CradialGradient id='i' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-162 -85 268 -510 374.4 371.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.3'/%3E%3C/radialGradient%3E%3Cfilter id='a' x='80.1' y='37' width='351.1' height='443.2' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='6.5' result='effect1_foregroundBlur_744_9191'/%3E%3C/filter%3E%3C/defs%3E%3Crect id='logo-bg' fill='%23ffffff' width='512' height='512' rx='100'/%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M359.2 437.5c-2.6 19-21.3 33.9-40 28.7-26.5-7.2-57.2-18.6-84.8-20.7l-42.4-3.2a28 28 0 0 1-18-8.3l-73-74.8a27.7 27.7 0 0 1-5.4-30.7s45-98.6 46.8-103.7c1.6-5.1 7.8-49.9 11.4-73.9a28 28 0 0 1 9-16.5L249 57.2a28 28 0 0 1 40.6 3.4l72.6 91.6a29.5 29.5 0 0 1 6.2 18.3c0 17.3 1.5 53 11.2 76a301.3 301.3 0 0 0 35.6 58.2 14 14 0 0 1 1 15.6c-6.3 10.7-18.9 31.3-36.6 57.6a142.2 142.2 0 0 0-20.5 59.6Z' fill='%23000' fill-opacity='.3'/%3E%3C/g%3E%3Cpath id='arrow' d='M359.9 434.3c-2.6 19.1-21.3 34-40 28.9-26.4-7.3-57-18.7-84.7-20.8l-42.3-3.2a27.9 27.9 0 0 1-18-8.4l-73-75a27.9 27.9 0 0 1-5.4-31s45.1-99 46.8-104.2c1.7-5.1 7.8-50 11.4-74.2a28 28 0 0 1 9-16.6l86.2-77.5a28 28 0 0 1 40.6 3.5l72.5 92a29.7 29.7 0 0 1 6.2 18.3c0 17.4 1.5 53.2 11.1 76.3a303 303 0 0 0 35.6 58.5 14 14 0 0 1 1.1 15.7c-6.4 10.8-18.9 31.4-36.7 57.9a143.3 143.3 0 0 0-20.4 59.8Z' fill='%23000000'/%3E%3Cpath d='M182.7 436.4c33.9-68.7 33-118 18.5-153-13.2-32.4-37.9-52.8-57.3-65.5-.4 1.9-1 3.7-1.8 5.4L96.5 324.8a27.9 27.9 0 0 0 5.5 31l72.9 75c2.3 2.3 5 4.2 7.8 5.6Z' fill='url(%23b)'/%3E%3Cpath d='M274.9 297c9.1.9 18 2.9 26.8 6.1 27.8 10.4 53.1 33.8 74 78.9 1.5-2.6 3-5.1 4.6-7.5a1222 1222 0 0 0 36.7-57.9 14 14 0 0 0-1-15.7 303 303 0 0 1-35.7-58.5c-9.6-23-11-58.9-11.1-76.3 0-6.6-2.1-13.1-6.2-18.3l-72.5-92-1.2-1.5c5.3 17.5 5 31.5 1.7 44.2-3 11.8-8.6 22.5-14.5 33.8-2 3.8-4 7.7-5.9 11.7a140 140 0 0 0-15.8 58c-1 24.2 3.9 54.5 20 95Z' fill='url(%23c)'/%3E%3Cpath d='M274.8 297c-16.1-40.5-21-70.8-20-95 1-24 8-42 15.8-58l6-11.7c5.8-11.3 11.3-22 14.4-33.8a78.5 78.5 0 0 0-1.7-44.2 28 28 0 0 0-39.4-2l-86.2 77.5a28 28 0 0 0-9 16.6L144.2 216c0 .7-.2 1.3-.3 2 19.4 12.6 44 33 57.3 65.3 2.6 6.4 4.8 13.1 6.4 20.4a200 200 0 0 1 67.2-6.8Z' fill='url(%23d)'/%3E%3Cpath d='M320 463.2c18.6 5.1 37.3-9.8 39.9-29a153 153 0 0 1 15.9-52.2c-21-45.1-46.3-68.5-74-78.9-29.5-11-61.6-7.3-94.2.6 7.3 33.1 3 76.4-24.8 132.7 3.1 1.6 6.6 2.5 10.1 2.8l43.9 3.3c23.8 1.7 59.3 14 83.2 20.7Z' fill='url(%23e)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M255 200.5c-1.1 24 1.9 51.4 18 91.8l-5-.5c-14.5-42.1-17.7-63.7-16.6-88 1-24.3 8.9-43 16.7-59 2-4 6.6-11.5 8.6-15.3 5.8-11.3 9.7-17.2 13-27.5 4.8-14.4 3.8-21.2 3.2-28 3.7 24.5-10.4 45.8-21 67.5a145 145 0 0 0-17 59Z' fill='url(%23f)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M206 285.1c2 4.4 3.7 8 4.9 13.5l-4.3 1c-1.7-6.4-3-11-5.5-16.5-14.6-34.3-38-52-57-65 23 12.4 46.7 31.9 61.9 67Z' fill='url(%23g)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M211.1 303c8 37.5-1 85.2-27.5 131.6 22.2-46 33-90.1 24-131l3.5-.7Z' fill='url(%23h)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M302.7 299.5c43.5 16.3 60.3 52 72.8 81.9-15.5-31.2-37-65.7-74.4-78.5-28.4-9.8-52.4-8.6-93.5.7l-.9-4c43.6-10 66.4-11.2 96 0Z' fill='url(%23i)'/%3E%3C/svg%3E");
    --color-base-00: rgba(255, 255, 255);
    --color-base-20: rgba(225, 225, 225);
    --color-base-05: #f6f4f4b7;
    --bg-primary: 255, 255, 255;
    --bg-secondary: 225, 225, 225;
    --background-settings: rgba(225, 225, 225, .9);
    --background-settings-alt: rgba(225, 225, 225, .65);
    --background-settings-2: rgba(78, 75, 75, .2);
    --background-settings-3: rgba(225, 225, 225, .35);
    --text-selection: hsla(var(--interactive-accent-hsl), 0.35);
    --accent-h: 170;
    --accent-s: 69%;
    --accent-l: 42%;
    --color-accent-faint: hsl(var(--accent-h), calc(var(--accent-s) + 10%), calc(var(--accent-l) - 4%));
    --color-accent-active: hsla(var(--accent-h), calc(var(--accent-s) - 13%), calc(var(--accent-l) + 10%), 0.65);
    --color-accent-2: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 10%));
    --color-glow: hsl(calc(var(--accent-h) + 1), calc(var(--accent-s) - 36%), calc(var(--accent-l) - 25%));
    --color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l);
    --color-accent:hsl(var(--accent-h), calc(var(--accent-s) - 20%), calc(var(--accent-l) - 10%));
    --color-accent-1: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 3.8%));
    /*Code*/
    --code-background: rgba(225, 225, 225, 0.75);
    --text-close-color: #791d26;
    --background-close-hover: #99212d70;
    --background-close-active: #88111c8a;
    --background-close: #b4000066;
}
/*----------------------- General ------------------------*/
.checkbox-container:not(.is-enabled):after{
    box-shadow: 0 0 0.6em red;
}
/*Note Animation*/
.workspace-split.mod-vertical.mod-root .workspace-tabs:not(.mod-stacked) .view-content {
    animation: 0.25s slide-down forwards;
}
/*left pane Animation*/
.workspace-split.mod-left-split .workspace-leaf-content, .workspace-leaf-content:not(:has(.view-content)) {
    animation: 0.15s slide-left forwards;
}
/*right pane Animation*/
.workspace-split.mod-right-split .workspace-leaf-content {
    animation: 0.15s slide-right forwards;
}
/*Keyframe for the above animations*/
@keyframes slide-down {
    0% { transform: translateY(0%); opacity: 0;  }
    15% { transform: translateY(-5px);  opacity: 0; }
    25% { transform: translateY(-10px); }
    45% { opacity: 0.5; }
    65% {   opacity: 0.7; }
    100% {  transform: translateY(0%); opacity: 1;  }
}
@keyframes slide-left {
    0% { transform: translateX(0%);  opacity: 0;}
    15% { transform: translateX(-5px); opacity: 0; }
    25% {  transform: translateX(-10px);  }
    45% { opacity: 0.5; }
    65% {  opacity: 0.7;}
    100% {  transform: translateX(0%);  opacity: 1;}
}
@keyframes slide-right {
    0% {  transform: translateX(0%); opacity: 0; }
    15% { transform: translateX(5px); opacity: 0; }
    25% { transform: translateX(10px); }
    45% {  opacity: 0.5;  }
    65% {  opacity: 0.7;}
    100% { transform: translateX(0%); opacity: 1;}
}
/*Tab, WCB Spacing for Styling*/
.workspace-tab-header,
.titlebar-button {
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}
/*----------------------- Title bar Tabs ------------------------*/
/*Remove Curved Connectors for Classic Tabs*/
.workspace-split.mod-root .workspace-tab-header.is-active::before, .workspace-split.mod-root .workspace-tab-header.is-active::after, .workspace-tab-header.is-active {
    box-shadow: none;
}
/*Tab Spacing Between Each Other*/
.mod-root .workspace-tab-header-container-inner {
    padding: 2.5px 15px 0px 10px;
    gap: 4px;
}
/*Centers Tab Text*/
.workspace .mod-root .workspace-tab-header-inner-title {
    text-align: center;
    color: var(--inactivetab);
}
.workspace-tab-header.is-active.mod-active .workspace-tab-header-inner .workspace-tab-header-inner-title{
    color: var(--activetab-highlight);
}
/*Resolves jumping tab bug*/
.workspace .mod-root .workspace-tab-header:not(.is-active, :hover) .workspace-tab-header-inner-close-button{
    visibility: hidden;
}
.workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button {
    display: flex;
}
.workspace-tab-header-inner .workspace-tab-header-inner-icon{
    color: var(--activetab-faint);
}

/*Styles Hover Tab*/
.workspace-tab-header:hover {
    background: var(--tab-background-active);
    color: var(--activetab-faint);
    opacity: 0.85;
    border-image-slice: 1;
    border-right: 1px solid;
    border-image-source: linear-gradient(to top, transparent, var(--activetab-highlight), transparent);
    border-left: 1px solid;
}
/*Styles Active Tab*/
.workspace-tab-header.is-active, .workspace-tab-header:active {
    border-image-slice: 1;
    border-right: 2px solid;
    border-image-source: linear-gradient(to top, transparent, var(--activetab-highlight), transparent);
    border-left: 2px solid;
}
.workspace-tab-header:active{
    background: var(--tab-background-clicked);
}
.workspace-tab-header.is-active.mod-active{
    background: var(--tab-background-active-clicked);
}
.workspace-tab-header.is-active.mod-active .workspace-tab-header-inner .workspace-tab-header-inner-icon{
    color: var(--activetab-highlight);
}   
/*Active Tab Growth Ani*/
.workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active:not(.mod-stacked) {
    flex-grow: 1.25;
    max-width: var(--tab-width);
    transition: max-width 100ms ease-in-out;
    color:var(--activetab-highlight);
}
.mod-left-split .workspace-tab-header.has-active-menu, .mod-right-split .workspace-tab-header.has-active-menu, 
.mod-left-split .workspace-tab-header.is-active, .mod-right-split .workspace-tab-header.is-active{
    background-color: var(--tab-background-active-clicked);
}

.mod-root .workspace-tab-header:not(.mod-stacked) {
    max-width: var(--tab-max-width);
    transition: max-width 200ms ease-in-out;
}

  /*Active Tab Animation unstacked*/
  @keyframes float {
    0% { transform: translateY(-5%); transition: ease 0.5s; }
    50% { transform: translateY(3%); transition: ease 0.5s; }
    100% { transform: translateY(-5%); transition: ease 0.5s;}
  }
  .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active.mod-active{
    animation: float 4.9s ease-in-out infinite;
  }

/*Height of Note Tabs*/
.workspace-tab-header-container-inner {
    margin-bottom: 5px;
    margin-top: 5px;
}
/*Secondary Headers in Sidepanels*/
.workspace-split.mod-horizontal .workspace-tab-header-container{
    background-color: var(--background-tertiary);
}
/*Removes Old Note Tab Hover*/
.workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
    background: transparent;
}
/*Resolve Incorrect Background Tabs Font Color and on hover*/
.is-focused .workspace-tab-header {
    color: var(--text-faint);
}
.is-focused .workspace-tab-header:hover{
    color: var(--text-accent);
}
/*Remove Bottom Header Seperator*/
.workspace-tab-header-container {
    border-bottom: none;
}
/*Corrects preview*/
body:not(.is-mobile) .workspace-leaf-content[data-type="markdown"] .markdown-preview-view{
    padding-top: 50px;
}
/*Corrects preview scroll*/
body:not(.is-mobile) .workspace-leaf-content[data-type="markdown"] .markdown-preview-view::-webkit-scrollbar-track,
.view-content > .markdown-source-view.mod-cm6 > .cm-editor > .cm-scroller::-webkit-scrollbar-track{
    margin-top: 40px;
}
/*Styles text search on mobile*/
body:not(.is-mobile) .workspace-leaf-content[data-type="markdown"] .document-search-container {
    width: 100%;
    position:absolute;
    background: var(--background-tertiary);
    --webkit-backdrop-filter: blur 120px;
    backdrop-filter: blur(8px);
    margin-top:40px;
}
/*Bumps down content for text search in preview*/
body:not(.is-mobile) .document-search-container ~ .markdown-preview-view {
    margin-top:50px;
}
/*Bumps down content for text search in editor*/
body:not(.is-mobile) .document-search-container ~ .cm-editor{
    padding-top:46px;
}
/*Bumps down content for text search and replace in editor*/
body:not(.is-mobile).document-search-container.mod-replace-mode ~ .cm-editor{
    margin-top:50px;
}
.nav-file-tag{
    color:var(--custom-acc-text);
    background-color: var(--custom-acc-back);
}
.nav-folder-title[data-count]::after, .tree-item-flair{
    padding: 0 var(--size-4-1);
    background-color: var(--custom-acc-back);
    color:var(--custom-acc-text);
    border-radius: var(--radius-s);
    margin-right: -1px;
    align-self: center;
}
.tree-item-self:hover .tree-item-flair{
    color: var(--custom-acc-text);
}
/*----------------------- Window Control Buttons ------------------------*/
/*Readjusts the Sizing of WCB*/
.titlebar-button {
    height: 30px;
    align-self: center;
    margin-right: 3px;
}
.mod-linux .titlebar-button, .mod-windows .titlebar-button {
    padding: 0px 13px 0px 13px;
}
/*WCB Styling Hover*/
.titlebar-button:not(.mod-logo):hover, .mod-windows .titlebar-button.mod-close:hover {
    border-radius: var(--radius-s);
    opacity: 0.85;
    border-image-slice: 1;
    border-right: 1px solid;
    border-left: 1px solid;
}

.titlebar-button:not(.mod-logo):hover, .titlebar-button:active{
    box-shadow: inset 0em 0em 0.5em var(--text-accent);
}

.mod-windows .titlebar-button.mod-close:hover, .mod-windows .titlebar-button.mod-close:active{
    box-shadow: inset 0em 0em 0.5em var(--text-close-color);
}
.mod-windows .titlebar-button.mod-close:active, .titlebar-button:active {
    border-image-slice: 1;
    opacity: 1;
    border-right: 1px solid;
    border-left: 1px solid;
    border-radius:  var(--radius-s);
}
.titlebar-button:not(.mod-logo):hover {
    background: var(--text-selection);
    color: var(--text-muted);
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
}
.titlebar-button.mod-logo:hover{
background:transparent;
}
.titlebar-button:not(.mod-logo):active, .titlebar-button:active {
    background-color: var(--color-accent-active);
    opacity: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
}
.mod-linux .titlebar-button.mod-close:hover {
    background-color: var(--background-close-hover);
    color: var(--text-close-color);
    border-image-source: linear-gradient(to top, transparent, var(--text-close-color), transparent);
}
/*WCB Styling Active*/
.titlebar-button.mod-close:active {
    background-color: var(--background-close-active);
    color: var(--text-close-color);
    opacity: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-close-color), transparent);
}
/*Removes Redundant background coloring of WCB*/
.is-hidden-frameless:not(.is-fullscreen) .titlebar-button-container.mod-right,
.is-hidden-frameless:not(.is-fullscreen).is-focused .titlebar-button-container.mod-right {
    background-color: transparent;
}
/*Obsidian Frame hide default*/
.mod-windows .titlebar-button.mod-close:hover {
    background-color: var(--background-close-active);
    color: var(--text-close-color);
    border-image-source: linear-gradient(to top, transparent, var(--text-close-color), transparent);
}
/*Win11 Max Min window icon*/
:is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize svg {
    -webkit-mask-image: var(--win-maximize);
  }
  .is-maximized:is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize svg {
    -webkit-mask-image: var(--win-minimize);
  }
  :is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize  svg {
    -webkit-mask-size: cover;
    background-color: var(--text-faint);
    width: var(--icon-s);
    height: var(--icon-s);
  }
  :is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize{
    padding: 0px 10px 0px 12px;
  }
  :is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize:hover svg,   :is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize:active svg{
    background-color: var(--text-accent);
  }
/*======================= Status-bar ==========================*/
/*General*/
.status-bar{
height: 2.5%;
border-top: 0px solid;
}

/*Status Bar Hover*/
.CG-Fullstatus-off .status-bar {
margin: 0px 20px 12px 0px;
border-top: 1px solid;
}

/*Full Status Bar*/
body:not(.CG-Fullstatus-off)  .status-bar {
    position: sticky;
    border-radius: 0px;
    background: var(--background-secondary);
}

.status-bar-item.mod-clickable:active, .status-bar-item.plugin-obsidian-languagetool-plugin:active {
    color: var(--text-accent);
    background-color: var(--color-accent-active);
    box-shadow: 0 0 0.3em var(--color-accent-active);
}

.status-bar-item.plugin-obsidian-languagetool-plugin:hover {
    color: var(--text-accent);
    background: var(--text-selection);
    box-shadow: 0 0 0.3em var(--text-accent);
}

/*======================== Scrollbar ========================*/
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb{
    box-shadow: inset 0em 0em 0.35em var(--text-accent);}
/*Scrollbar Hover*/
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:hover {
    background: var(--text-selection);
    background-clip: padding-box;
}
/*Scrollbar Active*/
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active {
    background: var(--text-accent);
    background-clip: padding-box;

}

/*========================  Note Editor ========================*/
.cm-lineNumbers .cm-gutterElement {
    text-align: center !important;
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
    padding: 0px 4px 0px 4px !important;
    min-width: 32px !important;
}
.markdown-source-view.mod-cm6 .cm-gutters .cm-lineNumbers .cm-gutterElement.cm-active {
    color: var(--text-accent);
    background: var(--background-settings-3);
    padding-left: 3px;
    border-image-slice: 1;
    border-left: 2px solid;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-right: 2px solid;

}

/*Active Line Highlight*/
body:not(.line-active-disable) .markdown-source-view .cm-scroller .cm-line.cm-active:not(.cm-table-widget .table-wrapper .cm-line):not(:has(.mk-note-footer, .mk-floweditor-container)) {
    background: var(--text-selection);
    border-radius:  var(--radius-s);
    border-image-slice: 1;
    border-right: 2px solid;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-image-width: 0 2px 0 0;
}

.markdown-source-view.mod-cm6 .cm-line:not(.cm-table-widget .table-wrapper .cm-line) {
    margin-left: -56px !important;
    margin-right: -5px !important;
    border-left: 52px solid transparent;

}

.markdown-source-view.mod-cm6 .cm-table-widget .table-cell-wrapper:has(.cm-active.cm-line){
background:var(--text-selection);
}

/*Hover Line Highlight*/
.markdown-source-view.mod-cm6 .cm-line:hover {
    background: var(--background-settings-2);
    border-radius:  var(--radius-s);
}
/*================ Dragging Ghost ===================*/
.drag-ghost, .drag-ghost-action {
    backdrop-filter: blur(5px) saturate(120%) !important;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, transparent, var(--text-accent), transparent);
    border-top: 2px solid;
    border-bottom: 2px solid;
}
.drag-ghost-self {
    background-color: transparent;
}
/*================ SidePanel =================*/
body:not(.is-grabbing) .tree-item-self.is-clickable:hover{
    background-color: var(--custom-acc-hover);
    border-image-source: linear-gradient(to right, transparent, var(--custom-acc-text), transparent);
}
/*Removes bottom resize seperation */
.workspace-split.mod-horizontal>*>.workspace-leaf-resize-handle {
    border-bottom: 0px;
}
/*Edits and Styles Visible Seperation Resize left and right*/
.workspace-split.mod-left-split>.workspace-leaf-resize-handle, .workspace-split.mod-vertical>*>.workspace-leaf-resize-handle {
    border-right: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to bottom, transparent, var(--text-accent), transparent);
    height: 95%;
}
.workspace-split.mod-right-split>.workspace-leaf-resize-handle {
    border-left: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to bottom, transparent, var(--text-accent), transparent);
    height: 95%;
}
/*Add Styling to Resize Handle*/
.workspace-leaf-resize-handle:hover, .pdf-sidebar-resizer:hover, .surfing_root_3FoL3a {
    background: var(--text-accent);
    box-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 35px var(--text-accent);
}
/*Minor Spacing*/
body:not(.is-mobile) .workspace-split.mod-left-split, body:not(.is-mobile) .workspace-split.mod-right-split {
    padding-right: 2px;
    padding-left: 1px;
}
/*Navigation Bottom Style*/
.nav-header, body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 2px solid;
}
/*Unifies the right side pane background*/
.workspace-split.mod-right-split .workspace-tabs .node-insert-event{
    background-color: var(--background-primary);
}
/*------------ SidePanel: Files --------------*/
/*Drop line Styled with spaces*/
.nav-folder.mod-root .nav-folder>.nav-folder-children {
    padding-left: 3px;
    border-left: 2px outset var(--custom-acc-faint);
}
/*Nav File Active Stying*/
.nav-file-title.is-active {
    color: var(--custom-acc-text);
    border-image-slice: 1;
    border-top: 2px solid;
    border-image-source: linear-gradient(to right, transparent, var(--custom-acc-text), transparent);
    border-bottom: 2px solid;
    background-color: var(--custom-acc-back);
}
/*Add Bottom Styling for Navigator*/
body:not(.is-mobile) .workspace-leaf-content>.nav-header+*, .search-result-container.mod-global-search {
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Sets correct background to r/l sidepanels*/
.node-insert-event, iframe, .surfing_app_zUmbJa {
    background-color: var(--background-primary);
}
/*SidePanel Tree Tags to the right*/
.nav-file-title-content, .nav-folder-title-content {
    flex: 1 1 auto;
}
/*Adds spacing to pane items for style */
.tree-item-self.is-clickable {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
/*Styles Hover for Pane Items */
.tree-item-self.is-clickable:hover,.suggestion-item.is-selected:not(.mod-group):hover {
    color: var(--text-accent);
    border-image-slice: 1;
    border-top: 1px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
}
body:not(.is-grabbing) .tree-item-self.is-being-dragged:hover .tree-item-icon, .tree-item-self.is-being-dragged .tree-item-icon {
    color: var(--text-accent);
}
/*Styles Active and Dragged for Pane Items */
.tree-item-self.is-clickable:active, body:not(.is-grabbing) .tree-item-self.is-being-dragged:hover, .tree-item-self.is-being-dragged {
    background-color: var(--color-accent-active);
    color: var(--text-accent);
    border-image-slice: 1;
    border-top: 1px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
}
/*Fixes Incorrect text coloring*/
.backlink-pane>.tree-item-self, .outgoing-link-pane>.tree-item-self, .backlink-pane>.tree-item-self.is-collapsed, .outgoing-link-pane>.tree-item-self.is-collapsed,
.search-empty-state {
    color: var(--custom-acc-faint);
}
/*------------ SidePanel: Search --------------*/
/*Style Loading bar*/
.search-result-container.is-loading:before {
    border-radius: 10px;
    box-shadow: 0 0 0.5em var(--text-accent);
}
/*Styles Result File Dropdown matches*/
.search-result-file-matches {
    color: var(--text-accent);
    background: var(--text-selection);
    box-shadow: 0 0 0 transparent;
    border-image-slice: 1;
    border-top: 1px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
}
/*Style Bottom Seperation for Search*/
.search-results-info {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
}
/*Styles seperation line*/
.search-result-file-match {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
}
/*Fixes hover text of search results*/
.search-result-file-match:hover {
    color: var(--text-accent);
}
/*Fixes coloring of clear*/
.search-input-clear-button {
    color: var(--text-faint);
    height: 20px;
}
/*Style Hovering/Active of clear*/
.search-input-clear-button:hover {
    color: var(--text-accent);
    background: var(--text-selection);
    border-radius:  var(--radius-s);
}
.search-input-clear-button:active {
    color: var(--text-accent);
    background-color: var(--color-accent-active);
    border-radius: var(--radius-s);
}
/*corrects active coloring for icons*/
.input-right-decorator.clickable-icon.is-active{
    background: var(--color-accent-active);
}
.input-right-decorator.clickable-icon.is-active:hover{
    background: var(--text-selection);
}
/*Dropdown highlight when hovered*/
.tree-item .tree-item-self .tree-item-icon:hover {
    background-color: var(--text-selection);
    border-radius: var(--radius-s);
}
.tree-item .tree-item-self .tree-item-icon:active {
    border-radius: var(--radius-s);
    background-color: var(--color-accent-active);
}
/*Changes Tags height and background*/
body:not(.is-mobile) .tag-container {
    background: var(--background-primary);
    height: 100%;
    padding-top: 2%;
}
/*Search row Header*/
.search-row {
    margin: 0px;
    padding: var(--size-4-2);
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
}
/*Search info header*/
.search-results-info {
    margin: 0px;
    padding: var(--size-4-1) var(--size-4-2) var(--size-4-1);
}
/*Search parameter Headers*/
.search-params {
    padding: var(--size-4-1) var(--size-4-4);
    margin: 0px;
    background: var(--background-tertiary);
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
}
/*Sidepanel Search Suggestion Style*/
.suggestion-container.mod-search-suggestion .suggestion{
    border-image-slice: 1;
    border-left: 2px solid;
    border-right: 2px solid;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    background-color: var(--background-settings);
}
.suggestion-container.mod-search-suggestion{
border-color:transparent;
}
/*Sidepanel Search Suggestion items Style*/
.search-suggest-item.suggestion-item{
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
/*Sidepanel Search Suggestion items Style on hover*/
.search-suggest-item.suggestion-item:hover:not(.mod-group){
    border-image-slice: 1;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    background-color: var(--text-selection);
}
/*Sidepanel Search Suggestion items Style on active*/
.search-suggest-item.suggestion-item:active{
    border-image-slice: 1;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    background-color: var(--color-accent-active);
}
.list-item-part.clickable-icon:active{
    background-color: var(--color-accent-active);
}
/*Fixes bad padding from Vanilla*/
.search-suggest-item.mod-group:not(:first-child){
    border-bottom: transparent ;
    padding: 3px 6px 3px 14px;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*------------------- Title bar: Tabs Stacked --------------*/
/*Stacked Tabs text Readable*/
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-title {
    text-orientation: upright;
    letter-spacing: -3px;
    text-transform: uppercase;
}
/*Stacked active tab highlight*/
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active {
    background-color: var(--tab-background-active);
}
/*Stacked Tab Style*/
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
    --webkit-backdrop-filter: blur 120px;
    backdrop-filter: blur(18px);
    border-radius: 0px;
	width: var(--GC-stacked-width);
    box-shadow: none;
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header:hover {
    background-color: var(--tab-background-active);
    --webkit-backdrop-filter: blur 120px;
}
/*=============== Side Dock ================*/
/*Centers and adds Styles for Tab Headers*/
.mod-left-split .workspace-tab-header-container-inner, .mod-right-split .workspace-tab-header-container-inner {
    width: 100%;
    justify-content: center;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 2px solid;
}
/*Corrects Position of Custom Sidebar toggle*/
.workspace-ribbon .sidebar-toggle-button {
    margin: 5px 2px 0px 3px;
}
/*Displays Full Custom Toggle*/
.sidebar-toggle-button {
    align-items: center;
    padding: 0 0 0 0;
}
/*Hover Highlight for Custom Toggle*/
body.is-hidden-frameless .sidebar-toggle-button.mod-left:hover {
    background: var(--text-selection);
    border-radius: 5px;
    border-image-slice: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-left: 2px solid;
    border-right: 2px solid;
}
/*Active Highlight for Custom Toggle*/
body.is-hidden-frameless .sidebar-toggle-button.mod-left:active {
    background: var(--color-accent-active);
    border-radius: 5px;
    border-image-slice: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-left: 2px solid;
    border-right: 2px solid;
}
body:not(.is-hidden-frameless) .sidebar-toggle-button {
    margin-top: 1px;
}
/*Sidebar Stylings*/
.workspace-ribbon.side-dock-ribbon {
    flex: 0 0 50px;
    border-image-slice: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-left: 2px solid;
    border-right: 2px solid;
    margin-top: 45px;
}
/*Removed L-Side toggle seperator and background*/
.workspace-ribbon.mod-left:before {
    border-bottom: var(--tab-outline-width) solid transparent;
    background-color: transparent;
}
/*Sidepanel Nav Button Spacing*/
.clickable-icon.nav-action-button{
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}
/*Sidepanel Nav Button Spacing*/
.clickable-icon.nav-action-button:hover{
    background: var(--tab-background-active);
    box-shadow: 0 0 0 transparent;
    border-image-slice: 1;
    border-right: 1px solid;
    border-left: 1px solid;
    border-image-source: linear-gradient(to top, transparent, var(--activetab-highlight), transparent);
}
/*Clickable Menu Button Style*/
.clickable-icon.has-active-menu{
    box-shadow: 0 0 0 transparent;
    box-shadow: inset 0em 0em 0.5em var(--text-accent);
}
/*Clickable button when active*/
.clickable-icon.nav-action-button:active{
    background-color: var(--tab-background-clicked);
    box-shadow: 0 0 0 transparent;
    border-image-slice: 1;
    border-right: 2px solid;
    border-left: 2px solid;
    border-image-source: linear-gradient(to top, transparent,  var(--activetab-highlight), transparent);
}

/*Animation for clickables like buttons, tabs, files etc*/
@keyframes hover {
    from { transform: scale(100%); }
    to {  transform: scale(105%); }
  }


.mod-left-split .workspace-tab-header:hover, 
  .mod-right-split .workspace-tab-header:hover{
    animation: hover 0.2s forwards;
}
 .clickable-icon:not(.input-right-decorator):hover, .markdown-rendered button.copy-code-button:hover, .mod-windows .titlebar-button:hover, .status-bar-item.mod-clickable:hover {
    animation: hover 0.2s forwards;
    box-shadow: inset 0em 0em 0.5em var(--text-accent);
  }

.status-bar-item.mod-clickable{
padding: 5ox;
}

 .modal-close-button{
    animation: hover 0.2s forwards;
}

  @keyframes pressed {
    0%{ transform: scale(1.05);}
    50% { transform: scale(0.95);}
    100% { transform: scale(1);}
  }

  .clickable-icon:not(.input-right-decorator):active, .markdown-rendered button.copy-code-button:active, .mod-left-split .workspace-tab-header:active, 
  .mod-right-split .workspace-tab-header:active, .mod-windows .titlebar-button:active,.modal-close-button:active{
    animation: pressed 0.3s forwards;
  }

  @keyframes bighover {
    from {transform: scale(1); }
    to { transform: scale(1.025); }
  }

  .setting-item.setting-item-heading.style-settings-heading:hover,.mod-root .workspace-tabs:not(.mod-stacked)  .workspace-tab-header:hover, 
 .tree-item-self.is-clickable:hover, .menu-item:hover, .vertical-tab-nav-item:hover, .community-item:hover{
    animation: bighover 0.2s forwards;
  }

  @keyframes bigpressed {
    0%{ transform: scale(1.025);}
    50% { transform: scale(0.975);}
    100% { transform: scale(1);  }
  }
  .setting-item.setting-item-heading.style-settings-heading:active, .mod-root .workspace-tab-header:not(.mod-stacked):active,
  .tree-item-self.is-clickable:active, .menu-item:active, .suggestion-item.mod-complex:not(.mod-group):active, .vertical-tab-nav-item:active,
  .community-item:active{
    animation: bigpressed 0.3s forwards;
  }

/*Custom Styled L-Sidebar Toggle*/
.is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon, body:not(.is-tablet) .is-mobile .view-header-nav-buttons,
.is-mobile .mod-left-split-toggle, body.is-tablet .sidebar-toggle-button.mod-left>.clickable-icon {
    color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-radius: 8px;
    background-color: var(--text-accent);
    background-blend-mode: luminosity;
    padding: 0px 0px 18px 18px;
}
/*Displays Custom Sidebar Toggle*/
.CG-MObsidian-sbt.is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon, .is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon,
body:not(.is-tablet) .CG-MObsidian-sbt.is-mobile .view-header-nav-buttons, body:not(.is-tablet) .is-mobile .view-header-nav-buttons, .is-mobile .mod-left-split-toggle,
.CG-MObsidian-sbt.is-mobile .mod-left-split-toggle, body.is-tablet .CG-MObsidian-sbt.sidebar-toggle-button.mod-left>.clickable-icon,
body.is-tablet .sidebar-toggle-button.mod-left>.clickable-icon, .CG-MObsidian-sbt .titlebar-button-container.mod-left  {
    background-image: var(--New-Obsidiantoggle);
}
body.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left{
    color: transparent;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-color: var(--text-selection);
    background-blend-mode:overlay;
    width: 32px;
    margin-left: 9px;
}
body.is-frameless:not(.is-hidden-frameless) .titlebar-button.mod-logo{
    margin-right:0px;
}
body.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left:hover {
    color: transparent;
    background-repeat: no-repeat;
    border-radius: 6px;
    background-position: center;
    background-size: 100%;
    background-color: var(--text-accent);
    background-blend-mode: luminosity;
    width: 32px;
}
/*Removes default logo*/
body:not(.is-hidden-frameless) svg.logo-full {
    display: none;
}
/*Classic Obsidian header*/
.CG-Obsidian-sbt.is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon,
body:not(.is-tablet) .CG-Obsidian-sbt .is-mobile .view-header-nav-buttons,
.CG-Obsidian-sbt.is-mobile .mod-left-split-toggle,body.is-tablet .CG-Obsidian-sbt.sidebar-toggle-button.mod-left>.clickable-icon,
.CG-Obsidian-sbt.is-frameless:not(.is-hidden-frameless)  .titlebar-button-container.mod-left{
    background-size: 90%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='150%' height='150%' class='logo-full'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='82.85' y1='30.41' x2='51.26' y2='105.9' gradientTransform='matrix(1, 0, 0, -1, -22.41, 110.97)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%236c56cc'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%239785e5'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='62.61,0 30.91,17.52 18,45.45 37.57,90.47 65.35,100 70.44,89.8 81,26.39 62.61,0' fill='%2334208c'%3E%3C/polygon%3E%3Cpolygon points='81,26.39 61.44,14.41 34.43,35.7 65.35,100 70.44,89.8 81,26.39' fill='url(%23a)'%3E%3C/polygon%3E%3Cpolygon points='81,26.39 81,26.39 62.61,0 61.44,14.41 81,26.39' fill='%23af9ff4'%3E%3C/polygon%3E%3Cpolygon points='61.44,14.41 62.61,0 30.91,17.52 34.43,35.7 61.44,14.41' fill='%234a37a0'%3E%3C/polygon%3E%3Cpolygon points='34.43,35.7 37.57,90.47 65.35,100 34.43,35.7' fill='%234a37a0'%3E%3C/polygon%3E%3C/svg%3E");
    background-color: transparent;
    background-blend-mode: normal;
}
.CG-Obsidian-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left, .CG-Obsidian-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left:hover {
    background-size: 80%;
    background-color: transparent;
}
.CG-Obsidian-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left:hover {
    background-color: var(--text-accent);
    background-blend-mode: luminosity;
}

/*Custom header*/
.CG-Custom-sbt.is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon,
body:not(.is-tablet) .CG-Custom-sbt.is-mobile .view-header-nav-buttons, .CG-Custom-sbt.is-mobile .mod-left-split-toggle,
body.is-tablet .CG-Custom-sbt.sidebar-toggle-button.mod-left>.clickable-icon,
.CG-Custom-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left {
    background-size: 115%;
    background-image: var(--CG-workspace-custom-sbt);
}
.CG-Custom-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left:hover {
    background-size: 115%;
    background-color: var(--text-accent);
    background-blend-mode: luminosity;
}
/*================ Popover ==============*/
/*Style Tooltip and Notice*/
.tooltip, .notice, .suggestion-container {
    color: var(--text-accent);
    backdrop-filter: blur(5px) saturate(120%);
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-top: 2px solid;
    border-bottom: 2px solid;
}

/*Removes Tooltip Arrow*/
.tooltip .tooltip-arrow {
    display: none;
}
/*============ Prompt =================*/
/*Prompt Style*/
.prompt {
    background: var(--background-settings);
    backdrop-filter: blur(5px) saturate(120%) !important;
    border-image-slice: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-right: 3px solid;
    border-left: 3px solid;
}
/*Prompt Item Style*/
.suggestion-item {
    color: var(--text-faint);
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
/*Prompt Tag Color Fixed*/
.suggestion-item.mod-complex .suggestion-hotkey {
    background-color: var(--background-modifier-hover);
}
/*Prompt Input*/
input.prompt-input {
    border-radius: 5px;
    margin: 5px;
    background: var(--background-settings-2);
    padding: 10px;
}
/*=============== Callouts ================*/
.markdown-rendered cite {
    font-family: var(--CG-cite-font);
    font-size: 2.75em;
    display: block;
    text-align: right;
    font-style: normal;
}
/*Callout Style*/
.callout {
    background: var(--background-settings-2);
    border-radius: 5px;
    opacity: 0.85;
    border-image-slice: 1;
    border-top: 2px solid;
    border-image-source: linear-gradient(to right, transparent, rgb(var(--callout-color)), transparent);
    border-bottom: 2px solid;
    background-color: rgba(var(--callout-color), 0.3);
}
/*Callout Cursor Change*/
.callout.is-collapsible .callout-title {
    cursor: var(--cursor-link);
}
/*Callout Hover Style*/
.callout:hover {
    background-color: rgba(var(--callout-color), 0.4);
}
.callout:active {
    background-color: rgba(var(--callout-color), 0.5);
}

/*Heading Fix in callouts*/
.callout-content h3, .callout-content h2, .callout-content h4, .callout-content h5, .callout-content h6 {
    padding-left: 15px;
}
.callout-content blockquote{
    margin:10px;
}

/*--------------Code Blocks Copy Button-------------------*/
/*Styles code copy button*/
.markdown-rendered button.copy-code-button {
    background: var(--interactive-normal);
    border-radius: 3px;
    display: inline !important;
    padding: 2px 6px;
    background-color: transparent;
}
/*Styles code copy button active*/
.markdown-rendered button.copy-code-button:active {
    background: var(--color-accent-active);
}
/*Moves up code flair*/
.markdown-source-view.mod-cm6 .code-block-flair {
    top: 5px;
    height:26px;
}
.code-block-flair{
    display:flex;
}
/* set up to replace copy button text */
.markdown-rendered button.copy-code-button {
    font-size: 0px;
}
.copy-code-button::after {
    font-size: var(--font-ui-smaller);
}
/* list of text replacements */
.language-java>.copy-code-button::after {
    content: "Java";
}
.language-javascript>.copy-code-button::after, .language-js>.copy-code-button::after {
    content: "JavaScript";
}
.language-html>.copy-code-button::after {
    content: "HTML";
}
.language-typescript>.copy-code-button::after, .language-ts>.copy-code-button::after {
    content: "TypeScript";
}
.language-css>.copy-code-button::after {
    content: "CSS";
}
.language-cpp>.copy-code-button::after {
    content: "C++";
}
.language-c>.copy-code-button::after {
    content: "C";
}
.language-sql>.copy-code-button::after {
    content: "SQL";
}
.language-shell>.copy-code-button::after {
    content: "Shell";
}
.language-terminal>.copy-code-button::after {
    content: "Terminal";
}
.language-python>.copy-code-button::after {
    content: "Python";
}
.language-react>.copy-code-button::after {
    content: "React";
}
.language-json>.copy-code-button::after {
    content: "JSON";
}
.language-rman>.copy-code-button::after {
    content: "RMAN";
}
.copy-code-button::after {
    content: "Copy";
}
/*================ Graph ===================*/
/*Graph Pane Style*/
.workspace-split.mod-left-split .view-content, .workspace-split.mod-right-split .view-content {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, var(--background-tertiary), var(--text-accent), var(--background-tertiary));
    border-bottom: 2px solid;
}
/*Styles Graph Controls*/
.graph-controls, .graph-controls.is-close, .graph-controls:not(.is-close), .workspace-split:not(.mod-root) .graph-controls.is-close {
    background: var(--background-settings-alt);
    backdrop-filter: blur(5px) saturate(120%);
    padding: 2px;
    border-image-slice: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-right: 1px solid;
    border-left: 1px solid;
}
/*Buttons Spacing*/
.graph-controls-button {
    padding: 5px;
    border-radius: 5px;
}
.graph-controls .setting-item {
    padding: 7px;
}
/*Hover Graph Control Items*/
.tree-item-self:hover {
    background: var(--text-selection);
}
/*Active Graph Control Items*/
.tree-item-self:active {
    background: var(--color-accent-active);
}
body:not(.is-grabbing) .tree-item-self.is-clickable:active {
    background-color: var(--custom-acc-active);
}
/*Spacing for Graph Control Items*/
.graph-control-section>.tree-item-self {
    padding-left: 10px;
}
/*Readjusts item width*/
.graph-control-section.mod-filter>.tree-item-self {
    margin-right: 25%;
}
/*Removes border*/
.graph-control-section {
    border-bottom: none;
}
.graph-control-section-header {
    color: var(--text-accent);
}
/*============== Tables ================*/
/*Add Glow Effect to Table and centers table*/
.markdown-rendered table, .markdown-source-view.mod-cm6 .cm-table-widget table {
    box-shadow: 0em 0em 0.75em 0.01em var(--text-accent), inset 0em 0em 0.35em var(--text-accent);
    margin-inline: auto;
    margin-top:16px;
    margin-bottom:20px;
}
/*Accent's Table*/
.markdown-rendered td, .markdown-rendered th, .markdown-rendered thead tr>* {
    border: 1px solid var(--text-accent) !important;
    box-shadow: inset 0em 0em 0.35em var(--text-accent);
    max-width: var(--table-column-max-width);
}
/*=============== Heading Styling ==========================*/
/* Heading Line Reader */
.markdown-preview-view hr {
    margin-block-start: 3em;
    border: solid 0px transparent;
    height: 0;
    border-bottom: 2.25px solid;
    border-image-slice: 1;
    border-image: linear-gradient(to left, transparent, var(--text-accent) 45%, transparent 45%, transparent 55%, var(--text-accent) 5%, transparent) 3;
    text-align: -webkit-center;
    margin-block-end: 2.5em;
}
/* Heading Line Preview */
.hr.cm-line hr {
    margin-block-start: 2em;
    margin-block-end: 0.8em;
    border-top: 2.25px solid !important;
    border-image-slice: 1;
    border-width: 1px;
    text-align: -webkit-center;
    border-image: linear-gradient(to left, transparent, var(--text-accent) 45%, transparent 45%, transparent 55%, var(--text-accent) 5%, transparent) 3;
}
/*New Default CyberGlow Heading*/
.CG-NewObsidian-hr .markdown-preview-view hr::after, body:not(.CG-OG-hr, .CG-Hyrule-hr, .CG-Apple-hr, .CG-Windows-hr, .CG-Lorule-hr,
.CG-ClassicObsidian-hr, .CG-None-hr) .markdown-preview-view hr::after {
    content: ' ';
    -webkit-mask-image: var(--newoutlined-logo);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    background-color: var(--text-accent);
    position: absolute;
    transform: translate(-45%, -50%);
    padding: 1rem;
}
.CG-NewObsidian-hr .hr.cm-line hr::after, body:not(.CG-OG-hr, .CG-Hyrule-hr, .CG-Apple-hr, .CG-Windows-hr, .CG-Lorule-hr,
.CG-ClassicObsidian-hr, .CG-None-hr) .hr.cm-line hr::after {
    content: ' ';
    -webkit-mask-image: var(--newoutlined-logo);
    -webkit-mask-size: 80%;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    background-color: var(--text-accent);
    position: absolute;
    transform: translate(-40%, -33%);
    padding: 1rem;
}
/*Classic Obsidian Logo Heading*/
.CG-ClassicObsidian-hr .markdown-preview-view hr::after {
    content: ' ';
    -webkit-mask-image: var(--outlined-logo);
    -webkit-mask-size: 65%;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    background-color: var(--text-accent);
    position: absolute;
    transform: translate(-35%, -50%);
    padding: 1rem;
}
.CG-ClassicObsidian-hr .hr.cm-line hr::after{
    content: ' ';
    -webkit-mask-image: var(--outlined-logo);
    -webkit-mask-size: 60%;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    background-color: var(--text-accent);
    position: absolute;
    transform: translate(-30%, -35%);
    padding: 1rem;
}
/*Custom Heading Shiekal*/
.CG-OG-hr .markdown-preview-view hr::after {
    content: '₪';
    display: inline-block;
    font-size: 1.65rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 5% 50%;
    padding: 0.5rem;
    color: #E69900;
    text-shadow: 0 0 5px #ffaa00, 0 0 10px #ffaa00, 0 0 20px #ffaa00, 0 0 40px #ffaa00, 0 0 80px #ffaa00;
}
.CG-OG-hr .hr.cm-line hr::after {
    content: '₪';
    display: inline-block;
    font-size: 1.65rem;
    position: absolute;
    transform: translate(-50%, -50%);
    transform-origin: 5% 50%;
    margin-top: -0.2rem;
    color: #E69900;
    text-shadow: 0 0 5px #ffaa00, 0 0 10px #ffaa00, 0 0 20px #ffaa00, 0 0 40px #ffaa00, 0 0 80px #ffaa00;
}
/*Custom Heading Apple*/
.CG-Apple-hr .markdown-preview-view hr::after {
    content: ' ';
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47c-1.34.03-1.77-.79-3.29-.79c-1.53 0-2 .77-3.27.82c-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51c1.28-.02 2.5.87 3.29.87c.78 0 2.26-1.07 3.81-.91c.65.03 2.47.26 3.64 1.98c-.09.06-2.17 1.28-2.15 3.81c.03 3.02 2.65 4.03 2.68 4.04c-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5c.13 1.17-.34 2.35-1.04 3.19c-.69.85-1.83 1.51-2.95 1.42c-.15-1.15.41-2.35 1.05-3.11Z'/%3E%3C/svg%3E");
    -webkit-mask-size: 109%;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    background-color: var(--text-accent);
    position: absolute;
    transform: translate(-50%, -55%);
    padding: 1rem;
}
.CG-Apple-hr .hr.cm-line hr::after {
    content: ' ';
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47c-1.34.03-1.77-.79-3.29-.79c-1.53 0-2 .77-3.27.82c-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51c1.28-.02 2.5.87 3.29.87c.78 0 2.26-1.07 3.81-.91c.65.03 2.47.26 3.64 1.98c-.09.06-2.17 1.28-2.15 3.81c.03 3.02 2.65 4.03 2.68 4.04c-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5c.13 1.17-.34 2.35-1.04 3.19c-.69.85-1.83 1.51-2.95 1.42c-.15-1.15.41-2.35 1.05-3.11Z'/%3E%3C/svg%3E");
    -webkit-mask-size: 120%;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    background-color: var(--text-accent);
    position: absolute;
    transform: translate(-58%, -45%);
    padding: 1rem;
}
/*Custom Heading Microsoft*/
.CG-Windows-hr .markdown-preview-view hr::after {
    content: ' ';
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M0 0v11.408h11.408V0zm12.594 0v11.408H24V0zM0 12.594V24h11.408V12.594zm12.594 0V24H24V12.594z"%2F%3E%3C%2Fsvg%3E');
    -webkit-mask-size: 65%;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    background-color: var(--text-accent);
    position: absolute;
    transform: translate(-35%, -50%);
    padding: 1rem;
}
.CG-Windows-hr .hr.cm-line hr::after {
    content: ' ';
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M0 0v11.408h11.408V0zm12.594 0v11.408H24V0zM0 12.594V24h11.408V12.594zm12.594 0V24H24V12.594z"%2F%3E%3C%2Fsvg%3E');
    -webkit-mask-size: 80%;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    background-color: var(--text-accent);
    position: absolute;
    transform: translate(-35%, -30%);
    padding: 1rem;
}

.CG-None-hr .hr.cm-line hr, .CG-None-hr .markdown-preview-view hr{
    content: ' ';
border-image: linear-gradient(to left, transparent, var(--text-accent) 45%,  var(--text-accent) 5%, transparent) 3 !important;
}

/*----------------- Menu --------------------*/
/*Removes Unneeded Menu Seperator*/
.menu-separator {
    display: none;
}
/*Removes disabled (greyed out) items until they are enabled*/
.menu-item.is-disabled {
    display: none;
}
/*Adds Styling to Menu Dropdown*/
.menu {
    background: var(--background-settings);
    backdrop-filter: blur(5px) saturate(120%) !important;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-top: 2px solid;
    border-bottom: 2px solid;
}
/*Colors Menu Text*/
.menu-item, .menu-item-icon {
    color: var(--text-faint);
}
/*Adds some spacing for the items*/
.menu-item {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
/*Colors Menu Text on hover*/
.menu-item:hover, .menu-item-icon:hover, .menu-item.selected {
    color: var(--text-accent);
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-top: 1px solid;
    border-bottom: 1px solid;
}
/*Fixes Highlight Issue for Icons in Menu*/
.menu-item:hover .menu-item-icon, .menu-item.selected .menu-item-icon {
    border: none;
    background: transparent;
    color: var(--text-accent);
}
/*Colors Menu Text on active*/
.menu-item:active, .menu-item:active:not(.is-disabled):not(.is-label) {
    color: var(--text-accent);
    background-color: var(--color-accent-active);
}
/*Displays Red for Permanent Deletion */
.menu-item.is-warning {
    background-color: var(--background-close);
    color: var(--text-close-color);
    margin-top: 5px;
}
.menu-item.is-warning .menu-item-icon {
    color: var(--text-close-color);
}
/*Styling on Warning active*/
.menu-item.is-warning:active {
    background: var(--background-close-active) !important;
    color: var(--text-accent);
}
/*Resolves Styling on Warning Hover*/
.menu-item.is-warning:hover, .menu-item.is-warning.selected, .menu-item:hover.is-warning:not(.is-disabled):not(.is-label),
.menu-item.selected.is-warning:not(.is-disabled):not(.is-label) {
    color: var(--text-close-color);
    background: var(--background-close-hover);
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-close-color), transparent);
    border-top: 1px solid;
    border-bottom: 1px solid;
}
.menu-item.is-warning.selected .menu-item-icon {
    color: var(--text-close-color);
}
.clickable-icon:active {
    background-color: var(--tab-background-clicked);
}
/*================== Headers ======================*/
/*Centered Header 1*/
.markdown-preview-section h1, .cm-header-1, .markdown-rendered h1 {
    font-family: var(--title-heading);
    text-align: center;
}
/*Headers Styling Preview/Source*/
.cm-s-obsidian .HyperMD-header-2, .cm-s-obsidian .HyperMD-header-3, .cm-s-obsidian .HyperMD-header-4, .cm-s-obsidian .HyperMD-header-5, 
.cm-s-obsidian .HyperMD-header-6, .metadata-properties-heading {
    padding: 15px 0px 0px 0px !important;
    position: relative;
    border-bottom: 2px solid;
    border-image-slice: 1;
}
/*Headers Styling Read*/
.markdown-preview-view h2, h2, .markdown-preview-view h3, h3, .markdown-preview-view h4, h4, .markdown-preview-view h5, h5, .markdown-preview-view h6, h6 {
    padding-bottom: 5px;    border-bottom: 2px solid;   border-image-slice: 1;
}

/*Glow for Heading 1*/
.cm-header-1:not(.cm-formatting), h1, .metadata-properties-heading, .cm-formatting-header:is(.cm-header-1) {
    text-shadow:
    0 0 5px var(--h1-glow), 0 0 10px var(--h1-glow),
    0 0 20px var(--h1-glow), 0 0 40px var(--h1-glow), 0 0 45px var(--h1-glow);
    color: var(--text-normal);
}

/*Glow and Colors for Heading 2*/
.cm-s-obsidian .HyperMD-header-2, .markdown-preview-view h2, h2, .cm-formatting-header:is(.cm-header-2)  {
    border-image-source: linear-gradient(to right, var(--h2-glow), transparent);
    text-shadow: 0 0 5px var(--h2-glow), 0 0 10px var(--h2-glow), 0 0 20px var(--h2-glow), 0 0 10px var(--h2-glow);
    color: var(--text-normal);
    border-image-width: 0 0 2px 0;
}
/*Glow and Colors for Heading 3*/
.cm-s-obsidian .HyperMD-header-3, .markdown-preview-view h3, h3, .cm-formatting-header:is(.cm-header-3) {
    border-image-source: linear-gradient(to right, var(--h3-glow), transparent);
    text-shadow: 0 0 5px var(--h3-glow), 0 0 10px var(--h3-glow), 0 0 20px var(--h3-glow), 0 0 10px var(--h3-glow);
    color: var(--text-normal);
    border-image-width: 0 0 2px 0;
}
/*Glow and Colors for Heading 4*/
.cm-s-obsidian .HyperMD-header-4, .markdown-preview-view h4, h4, .cm-formatting-header:is(.cm-header-4)  {
    border-image-source: linear-gradient(to right, var(--h4-glow), transparent);
    text-shadow: 0 0 5px var(--h4-glow), 0 0 10px var(--h4-glow), 0 0 20px var(--h4-glow), 0 0 10px var(--h4-glow);
    color: var(--text-normal);
    border-image-width: 0 0 2px 0;
}
/*Glow and Colors for Heading 5*/
.cm-s-obsidian .HyperMD-header-5, .markdown-preview-view h5, h5, .cm-formatting-header:is(.cm-header-5) {
    border-image-source: linear-gradient(to right, var(--h5-glow), transparent);
    text-shadow: 0 0 5px var(--h5-glow), 0 0 10px var(--h5-glow), 0 0 20px var(--h5-glow), 0 0 10px var(--h5-glow);
    color: var(--text-normal);
    border-image-width: 0 0 2px 0;
}
/*Glow and Colors for Heading 6*/
.cm-s-obsidian .HyperMD-header-6, .markdown-preview-view h6, h6, .cm-formatting-header:is(.cm-header-6) {
    border-image-source: linear-gradient(to right, var(--h6-glow), transparent);
    text-shadow: 0 0 5px var(--h6-glow), 0 0 10px var(--h6-glow), 0 0 20px var(--h6-glow), 0 0 35px var(--h6-glow);
    color: var(--text-normal);
    border-image-width: 0 0 2px 0;
}
/*Return of Heading numbers Styled*/
.markdown-source-view.mod-cm6 .cm-line:not(.cm-table-widget .table-wrapper .cm-line, .cm-active.cm-line)::before {
    font-size: 0.7rem;
    font-weight: bold;
    margin-left: -45px;
    margin-right: 25px;
    bottom: -2px;
    position: absolute;
    text-shadow: none;
}
/*Removes redundant heading number for links and tags*/
.mod-cm6.is-live-preview div:not(.cm-active).cm-line .cm-header~span.cm-header::before,
.mod-cm6.is-live-preview div:not(.cm-active).cm-line .cm-header.cm-hmd-internal-link::before {
    display: none;
}
/*Sets content for heading numbers h1-h6*/
.markdown-source-view.mod-cm6 :not(.cm-active).cm-line:not(.cm-table-widget .table-wrapper .cm-line):has(.cm-header-1)::before {
    content: 'H1';
    margin-top: calc(var(--h1-size) - 0.1em);
    color: var(--text-accent);
}
.markdown-source-view.mod-cm6 :not(.cm-active).cm-line:not(.cm-table-widget .table-wrapper .cm-line):has(.cm-header-2)::before {
    content: 'H2';
    margin-top: calc(var(--h2-size) - 0.2em);
    color: var(--h2-glow);

}
.markdown-source-view.mod-cm6 :not(.cm-active).cm-line:not(.cm-table-widget .table-wrapper .cm-line):has(.cm-header-3)::before {
    content: 'H3';
    margin-top: calc(var(--h3-size) - 0.2em);
    color: var(--h3-glow);
}
.markdown-source-view.mod-cm6 :not(.cm-active).cm-line:not(.cm-table-widget .table-wrapper .cm-line):has(.cm-header-4)::before {
    content: 'H4';
    margin-top: calc(var(--h4-size) - 0.3em);
    color: var(--h4-glow);
}
.markdown-source-view.mod-cm6 :not(.cm-active).cm-line:not(.cm-table-widget .table-wrapper .cm-line):has(.cm-header-5)::before {
    content: 'H5';
    margin-top: calc(var(--h5-size) - 0.4em);
    color: var(--h5-glow);
}
.markdown-source-view.mod-cm6 :not(.cm-active).cm-line:not(.cm-table-widget .table-wrapper .cm-line):has(.cm-header-6)::before {
    content: 'H6';
    margin-top: calc(var(--h6-size) - 0.4em);
    color: var(--h6-glow);
}


/*------------------- Buttons and dropdowns ---------------------*/
/*Button and Dropdown Styling  WIP*/
button:not(.clickable-icon):not(.markdown-rendered button.copy-code-button), .dropdown, .search-results-info .dropdown, .style-settings-export,
.style-settings-import, .metadata-container .metadata-add-button{
    background-color: transparent;
    box-shadow: inset 0em 0em 2em var(--text-accent);
    border-radius: var(--radius-s);
color:  var(--text-on-accent);
}

/*Button and Dropdown hover Styling*/
button:not(.clickable-icon):not(.markdown-rendered button.copy-code-button):hover, .dropdown:hover, .style-settings-export:hover,
 .style-settings-import:hover, .metadata-container .metadata-add-button:hover {
   /* animation: 0.4s fadeHoverGlow forwards, 0.2s fadeHoverBackground forwards, 0.2s bighover forwards;*/
    box-shadow: 0em 0em 0.15em 0.1em var(--text-accent) , inset 0em 0em 2em var(--text-accent);
    background-color: var(--text-selection);

}
/*
@keyframes fadeHoverGlow {
    0% {    box-shadow: 0 0 0.2em var(--text-accent);}
    100% {    box-shadow: 0 0 0.5em var(--text-accent);}
}
@keyframes fadeHoverBackground {
    0% {background-color: var(--interactive-normal);}
    100% {background-color: var(--text-selection);}
}
*/
/*Button and Dropdown active Styling*/
button:not(.clickable-icon):not(.markdown-rendered button.copy-code-button):active, .dropdown:focus, .style-settings-export:active,
.style-settings-import:active, .metadata-container .metadata-add-button:active {
    animation: 0.3s bigpressed forwards;
    background-color: var(--text-selection);
    box-shadow: inset 0em 0em 2em var(--text-accent);
}
/*Search dropdown*/
.search-results-info .dropdown {
    text-align-last: center;
    max-width: 50%;
}
/*Adds padding and reduces size for Style Settings Ex/Import*/
.style-settings-export, .style-settings-import {
    font-size: small;
    padding: 3px;
}
/*Hides Disabled buttons*/
.clickable-icon[aria-disabled='true'] {
    visibility: hidden;
}
/*Adds hover Settings small buttons*/
.setting-editor-extra-setting-button:hover {
    color: var(--activetab-highlight);
}
/*------------ Settings: Close Buttons --------------------*/
/*Close Button on Hover*/
.modal-close-button:hover, .document-search-close-button:hover, a.kanban-plugin__search-cancel-button.clickable-icon:hover,
a.kanban-plugin__item-postfix-button.is-enabled.clickable-icon:hover, .graph-controls:not(.is-close) .graph-controls-button.mod-close:hover,
.workspace .mod-root .workspace-tab-header .workspace-tab-header-inner-close-button:hover, .multi-select-pill-remove-button:hover{
    color: var(--text-close-color);
    background-color: var(--background-close-hover);
    box-shadow: inset 0em 0em 0.35em var(--text-close-color);

}
/*Close Button on active*/
.modal-close-button:active, .document-search-close-button:active, a.kanban-plugin__search-cancel-button.clickable-icon:active,
a.kanban-plugin__item-postfix-button.is-enabled.clickable-icon:active, .multi-select-pill-remove-button:active,
.workspace .mod-root .workspace-tab-header .workspace-tab-header-inner-close-button:active,
.graph-controls:not(.is-close) .graph-controls-button.mod-close:active {
    color: var(--text-close-color);
    background-color: var(--background-close-active);
    box-shadow: inset 0em 0em 0.2em var(--text-close-color);
}
/*Pinned Tab*/
.mod-root .mod-pinned:hover {
    background-color: var(--background-modifier-hover);
}
/*================= Settings ====================*/
/*Style Left Panel Settings Headings*/
.vertical-tab-header-group-title {
    color: var(--text-accent);
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, var(--text-accent), transparent);
    padding-bottom: 0px;
    margin-bottom: 5px;
}
/*Settings*/
body:not(.is-phone) .vertical-tab-header-group .vertical-tab-header-group-title {
    display: flex;
    align-items: center;
    padding-left: 0px;
}
/*Options Icon*/
body:not(.is-phone) .vertical-tab-header-group:nth-last-of-type(3) .vertical-tab-header-group-title::before {
    content: " ";
    width: 16px;
    height: 16px;
    background-color: currentColor;
    margin-right: 4px;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M6 9a2 2 0 0 1 1.937 1.5H13.5a.5.5 0 0 1 .09.992l-.09.008l-5.563.001a2 2 0 0 1-3.874 0L2.5 11.5a.5.5 0 0 1-.09-.992l.09-.008h1.563A2 2 0 0 1 6 9Zm0 1a1 1 0 1 0 0 2a1 1 0 0 0 0-2Zm4-7a2 2 0 0 1 1.937 1.5H13.5a.5.5 0 0 1 .09.992l-.09.008l-1.563.001a2 2 0 0 1-3.874 0L2.5 5.5a.5.5 0 0 1-.09-.992L2.5 4.5h5.563A2 2 0 0 1 10 3Zm0 1a1 1 0 1 0 0 2a1 1 0 0 0 0-2Z"%2F%3E%3C%2Fsvg%3E');
}
/*Core Plugins Icon*/
body:not(.is-phone) .vertical-tab-header-group:nth-last-of-type(2) .vertical-tab-header-group-title::before {
    content: " ";
    width: 16px;
    height: 16px;
    background-color: currentColor;
    margin-right: 4px;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M7 3a2 2 0 0 1 4 0h1.5A1.5 1.5 0 0 1 14 4.5V7h-1a1 1 0 0 0 0 2h1v2.5a1.5 1.5 0 0 1-1.5 1.5H11a2 2 0 0 1-4 0H5.5A1.5 1.5 0 0 1 4 11.5V10a2 2 0 0 1 0-4V4.5A1.5 1.5 0 0 1 5.5 3H7Zm2-1a1 1 0 0 0-1 1v1H5.5a.5.5 0 0 0-.5.5V7H4a1 1 0 0 0 0 2h1v2.5a.5.5 0 0 0 .5.5H8v1a1 1 0 0 0 2 0v-1h2.5a.5.5 0 0 0 .5-.5V10a2 2 0 0 1 0-4V4.5a.5.5 0 0 0-.5-.5H10V3a1 1 0 0 0-1-1Z"%2F%3E%3C%2Fsvg%3E');
}
/*Community Plugins Icon*/
body:not(.is-phone) .vertical-tab-header-group:nth-last-of-type(1) .vertical-tab-header-group-title::before {
    content: " ";
    width: 16px;
    height: 16px;
    background-color: currentColor;
    margin-right: 4px;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M13.25 1.75a.75.75 0 0 0-1.5 0v1h-1a.75.75 0 0 0 0 1.5h1v1a.75.75 0 0 0 1.5 0v-1h1a.75.75 0 0 0 0-1.5h-1v-1ZM4 2a2 2 0 0 0-2 2v7.75a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-2.5a2 2 0 0 0-2-2H8.75V4a2 2 0 0 0-2-2H4Zm3.25 6.75v3.5H4a.5.5 0 0 1-.5-.5v-3h3.75Zm0-4.75v3.25H3.5V4a.5.5 0 0 1 .5-.5h2.75a.5.5 0 0 1 .5.5ZM12 12.25H8.75v-3.5H12a.5.5 0 0 1 .5.5v2.5a.5.5 0 0 1-.5.5Z"%2F%3E%3C%2Fsvg%3E');
}
/*------------------ Settings: Toggles --------------------*/
/*Add Glow to Toggle and adds fluid animations*/
.checkbox-container, .checkbox-container:hover{
    box-shadow: 0 0 0.1em transparent;
    transition: background 0.3s ease-in, box-shadow 0.4s ease-in;
}
.checkbox-container.is-enabled {
    box-shadow: 0 0 0.7em var(--text-accent);
    transition: background 0.3s ease-in, box-shadow 0.4s ease-in;
}

.checkbox-container:not(.is-enabled):after{
    transition: background 0.6s ease-in, box-shadow 0.6s ease-in;
}

.checkbox-container:after{
transition: background 0.3s ease-in, box-shadow 0.3s ease-in;
}
/*Colors Toggle*/
.checkbox-container.is-enabled:after {
    background: var(--color-glow);
    transition: transform 0.15s ease-in-out, width 0.1s ease-in-out, left 0.1s ease-in-out, background 0.3s ease-in, box-shadow 0.3s ease-in;

}
/*Style Slider*/
input[type='range'],
body:not(.is-mobile) input[type=range]:focus {
    background-color: var(--text-accent);
    box-shadow: 0 0 0.5em var(--text-accent);
}
/*------------------- Settings: Background -------------------------*/

/*Corrects coloring for headings in settings items*/
.setting-item-name {
    color: var(--text-accent);
}
/*Styles Settings Modal*/
.modal {
    border-radius: 3px;
    background: var(--background-settings);
    backdrop-filter: blur(5px) saturate(120%) !important;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 3px solid;
    border-top: 3px solid;
}
body.is-frameless:not(.mod-macos):not(.is-mobile) .modal {
    height: 95%;
}
/*Removes Line Seperator*/
.modal.mod-settings .vertical-tab-header {
    border-right: transparent;
}
/*Adds Header to Setting*/
.modal.mod-settings .vertical-tab-content-container {
    padding: 35px 0px 0px 0;
}
/*Styles Content of Setting*/
.modal .setting-item {
    background: var(--background-settings-2);
    border-radius: 3px;
    margin: 0px 0px 5px 0px;
    border-color: transparent;
    padding: 18px;
}
/*Adds Styled Seperation line*/
.community-modal-search-results-wrapper {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-top: 2px solid;
    background-color: var(--background-primary);
    border-radius: 3px;
}
/*Removes double background for settings (huh)*/
.horizontal-tab-content, .vertical-tab-content, .vertical-tab-header, .modal-sidebar {
    background: transparent;
}

/*Textbox Styling*/
textarea, input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='number'], input.metadata-property-key-input[type='text'],
.metadata-property-value .multi-select-input, .metadata-property input[type='number'], .metadata-input-longtext{
    background: var(--background-settings-2);
    text-align: center;
    border-top: 0px solid transparent;
    border-bottom: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Textbox hover Styling*/
textarea:hover, input[type='text']:hover, input[type='search']:hover, input[type='email']:hover, input[type='password']:hover,
.metadata-property-value .multi-select-input:hover{
    background: var(--text-selection);
}
/*Stylizes meta prop input text*/
.metadata-property input[type='text']:hover, .metadata-property input[type='number']:hover, .metadata-input-longtext:hover{
    background: var(--text-selection);
    border-top: 0px solid transparent;
    border-bottom: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Textbox active Styling WIP*/
textarea:active, textarea:focus, input[type='text']:active, input[type='search']:active, input[type='email']:active, input[type='password']:active, 
input[type='number']:active, 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, 
.workspace-leaf.mod-active .view-header-title:focus,  .metadata-property input[type='text']:focus, .metadata-property-value .multi-select-input:focus,
.metadata-property input[type='number']:focus, .metadata-input-longtext:focus  {
    border-top: 0px solid transparent;
    box-shadow: none;
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    background-color: var(--color-accent-active);
}
/*Styles metadata prop icon*/
.metadata-property-icon{
    background-color: var(--color-accent-active); 
    color: var(--text-accent);
    opacity: 1;
    padding:var(--size-2-2);
}
.metadata-property-icon:before{
    width: 0;
}
/*Styles metadata prop icon on hover*/
.metadata-property-icon:hover{
  background: var(--text-selection);
}
/*Removes unnecessary padding*/
.metadata-property .multi-select-container{
    padding: 0;
}
/*Adds a small gap*/
.metadata-property{
    gap: 3px;
}
/*Styles textbox and remove scrollbar from longtextbox*/
.metadata-input-longtext, .metadata-input-text{
    height: var(--metadata-input-height);
    -webkit-box-pack: center;
    -webkit-box-orient: horizontal;
}
.metadata-input-longtext::-webkit-scrollbar{
    display: none;
}
/*Styles metadata frame highlight*/
.metadata-property:hover, .metadata-property:focus-within {
box-shadow: 0 0 3px 0.2px var(--text-accent);
}
/*Remove Unnecessary highlighting*/
.metadata-property-value:focus-within{
    background-color: transparent;
}
/**/
.metadata-property ::-webkit-calendar-picker-indicator{
    padding:3px;
    margin-left:-2px;
}
.metadata-property ::-webkit-calendar-picker-indicator:hover{
background-color: var(--text-faint);
border-radius: 3px;
cursor: var(--cursor-link);
}
.metadata-property ::-webkit-calendar-picker-indicator:active{
background-color: var(--text-accent);
}

/*-------------------- Settings: Sidebar -----------------------*/
/*Adds spacing for style and colors text*/
.vertical-tab-nav-item {
    color: var(--text-faint);
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
/*Items hover styling*/
body:not(.is-mobile) .vertical-tab-nav-item:not(.is-active):hover {
    color: var(--text-accent);
    border-image-slice: 1;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Items active styling*/
.vertical-tab-nav-item.is-active, .horizontal-tab-nav-item.is-active:active, .vertical-tab-nav-item.is-active:active,
.horizontal-tab-nav-item.is-active:hover, .vertical-tab-nav-item.is-active:hover, .vertical-tab-nav-item:active {
    color: var(--text-on-accent);
    background: var(--color-accent-active);
    border-image-slice: 1;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*-------------- Text Finder --------------------*/
/*Centers Finder Modal*/
.document-search-container {
    margin-left: 0px;
}
/*Adds styling for Finder*/
.document-search-container {
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    width: 100%;
}
/*Corrects Background color*/
body:not(.is-mobile) .document-search-container {
    background-color: var(--background-settings);
}
/*----------- Settings: Community ---------------------*/
/*Removes seperator*/
.community-modal-details {
    border-left: transparent;
}
.modal-setting-nav-bar {
    border-bottom: transparent;
}
/*Corrects spacing for options*/
.mod-community-modal .modal-sidebar .setting-item {
    padding: 7px;
    margin-left: 5px;
}
/*Corrects icon color*/
.mod-community-modal .modal-sidebar button.clickable-icon {
    color: var(--text-faint);
}
/*Spacing for Style*/
.community-item {
    border: transparent;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    color: var(--text-faint);
}
/*Style on Hover*/
.community-item:hover, .suggestion-item.is-selected:not(.mod-group) {
    background-color: var(--text-selection);
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    color: var(--text-accent);
}
/*Style on active*/
body:not(.is-mobile) .community-item.is-selected,
.community-item.is-selected:hover {
    background-color: var(--text-selection);
    border-bottom: 2px solid;
    border-top: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    color: var(--text-accent);
}
.community-item:active {
    background-color: var(--color-accent-active);
    border-bottom: 2px solid;
    border-top: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    color: var(--text-accent);
}
/*Needed to correct the really not well implemented Font Coloring for Community items*/
body:not(.is-mobile) .community-item.is-selected .community-item-author, .community-item.is-selected:hover .community-item-author,
.community-item.is-selected .community-item-repo, .community-item.is-selected:hover .community-item-repo, 
.community-item.is-selected .community-item-downloads, .community-item.is-selected:hover .community-item-downloads,
.community-item.is-selected .community-item-updated, .community-item.is-selected:hover .community-item-updated,
.community-item:hover .community-item-downloads, .community-item:hover .community-item-author, .community-item:hover .community-item-name,
.community-item:hover .community-item-updated, .community-item:active .community-item-downloads, .community-item:active .community-item-author,
.community-item:active .community-item-name, .community-item:active .community-item-updated, .community-item.is-selected .community-item-downloads,
.community-item.is-selected .community-item-author, .community-item.is-selected .community-item-name, .community-item.is-selected .community-item-updated {
    color: var(--text-accent);
}
.community-item-downloads, .community-item-author, .community-item-name, .community-item-updated {
    color: var(--text-faint);
}
/*Flair Style*/
.community-item.is-selected .flair, .community-item.is-selected:hover .flair, .flair.mod-pop {
    color: var(--text-accent);
    background-color: var(--text-selection);
}
/*Corrects Setting Header 1 Style*/
.vertical-tab-content h1, .community-modal-info .markdown-rendered h1 {
    text-align: center;
    border-bottom: 2px solid !important;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Sets Sizing for Community Modal Controls*/
.community-modal-controls {
    max-width: var(--modal-community-sidebar-width);
}
/*================ Progress Bar ====================*/
.progress-bar-subline {
    border-radius: 10px;
}
/*========= Plugins =========*/
/*--------- Calendar Plugin ----------*/
.year.svelte-1vwr9dd.svelte-1vwr9dd{
    --interactive-accent: var(--text-normal);
  }
/*---------------- Surfing Plugin ---------------*/
/*Changes addressbar width*/
.wb-search-bar {
    width: 95%;
}
/*New Page changed radius*/
.wb-page-search-bar-input-container, .wb-page-search-bar-input {
    border-radius: 3px !important;
}
/*New page buttons more visible*/
.wb-create-btn, .wb-search-btn, .wb-close-btn {
    opacity: 0.8;
}
/*Colors settings icon on new page*/
.surfing-settings-icon {
    color: var(--text-accent);
    cursor: help;
}
/*Colors refresh button*/
.wb-refresh-button, .wb-refresh-button .lucide-refresh-cw {
    color: var(--text-faint);
}
/*Colors refresh button on hover*/
.wb-refresh-button .lucide-refresh-cw:hover {
    color: var(--text-accent);
}
/*Removes unnecessary margins for Surfing Tabs*/
.surfing_app_zUmbJa {
    margin: 0px;
    border-radius: 0px;
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Colors Font on active and selected texts for Surfing Tab*/
.surfing_root_px3YjW.surfing_isSelected_px3YjW :where(.css-dev-only-do-not-override-1i536d8).ant-typography {
    color: var(--text-accent);
}
/*Color font for Surfing Tab*/
:where(.css-dev-only-do-not-override-1i536d8).ant-typography {
    color: var(--text-faint);
}
/*Readjusts borders for Surfing Tabs*/
.surfing_root_px3YjW {
    border-left: 2px solid transparent;
    border-right: 2.5px solid transparent;
    border-bottom: 0px;
}
/*Styles Surfing Active and Selected Tabs*/
.surfing_root_px3YjW:active, .surfing_root_px3YjW.surfing_isSelected_px3YjW {
    background-color: var(--color-accent-active);
    border-radius: 3px;
    border-image-slice: 1;
    opacity: 1;
    border-right: 3.5px solid;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-left: 3px solid;
}
/*Styles Surfing hover Tabs*/
.surfing_root_px3YjW:hover, .surfing_root_px3YjW.surfing_isSelected_px3YjW {
    background-color: var(--text-selection);
    border-radius: 3px;
    border-image-slice: 1;
    opacity: 1;
    border-right: 2.5px solid;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-left: 2px solid;
}
/*Web Frame Slight Transparency*/
.wb-frame {
    opacity: 0.8;
}
/*Setting's Surfing Nav spaces and colored*/
.wb-navigation-item {
    color: var(--text-faint);
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}
/*Setting's Surfing Nav on Hover*/
.wb-navigation-item:hover {
    background-color: var(--text-selection);
    border-radius: 3px;
    border-image-slice: 1;
    opacity: 1;
    border-right: 1px solid;
    border-left: 1px solid;
    border-image-source: linear-gradient(to bottom, transparent, var(--text-accent), transparent);
}
/*Setting's Surfing Nav on active*/
.wb-navigation-item-selected, .wb-navigation-item:active, .wb-navigation-item-selected:hover {
    background-color: var(--color-accent-active);
    border-radius: 3px;
    border-image-slice: 1;
    opacity: 1;
    border-right: 2px solid;
    border-image-source: linear-gradient(to bottom, transparent, var(--text-accent), transparent);
    border-left: 2px solid;
}
/*---------------- LanguageTool Plugin ------------*/
/*LanguageTool popup styled*/
.lt-predictions-container-glass.cm-tooltip, .lt-predictions-container.cm-tooltip, .lt-predictions-container-glass, .lt-predictions-container {
    background: var(--background-settings-alt);
    backdrop-filter: blur(5px) saturate(120%);
    border-image-slice: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
}
/*Bottom Button resized*/
button:not(.clickable-icon).lt-ignore-btn {
    margin: 0px 10px 10px 10px;
}
/*------------------- Style Settings ------------------------*/
/*Adds Styling to the Modal Title*/
.modal-title {
    text-align: center;
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    text-shadow: 0 0 5px var(--text-accent),
        0 0 10px var(--text-accent),
        0 0 20px var(--text-accent);
}
/*Colors text*/
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item .setting-item-name,
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item .setting-item-description, .setting-item-description {
    color: var(--text-faint);
}
/*Fixes weird reset button with Theme in Style Settings*/
.themed-color-wrapper .pickr-reset>button {
    padding: 5px;
}
/*Gives some and corrects height of group container*/
.themed-color-wrapper>div+div {
    margin-top: auto;
    margin-left: 5px;
}
/*Adds Style to Setting Item in Style Settings*/
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item {
    background: var(--background-settings-alt);
    border-radius: 5px;
    padding: 10px;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    margin-bottom: 10px;
}
/*Adds Style to Setting Item on hover in Style Settings*/
.setting-item.setting-item-heading.style-settings-heading.is-collapsed:hover {
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    background: var(--text-selection);
}
/*Colors text when hover*/
.setting-item.setting-item-heading.style-settings-heading.is-collapsed:hover .setting-item-name, 
.setting-item.setting-item-heading.style-settings-heading.is-collapsed:hover .setting-item-description, 
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading:not(.is-collapsed) .setting-item-description {
    color: var(--text-accent);
}
/*Adds Style to Setting Item on active in Style Settings*/
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading.is-collapsed:active,
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading:not(.is-collapsed) {
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    background: var(--color-accent-active);
}
/*Style Settings corrected background color*/
.workspace-split.mod-horizontal .workspace-leaf-content[data-type="style-settings"]{
    background-color: var(--background-primary);
    }
/*Colors text when active*/
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading.is-collapsed:active,
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading:not(.is-collapsed) .setting-item-name {
    color: var(--text-accent);
}
/*Fits Style Options within box*/
.style-settings-container [data-level='1'].setting-item-heading.style-settings-heading.is-collapsed,
.style-settings-container [data-level='2'].setting-item-heading.style-settings-heading.is-collapsed,
.style-settings-container [data-level='3'].setting-item-heading.style-settings-heading.is-collapsed,
.style-settings-container [data-level='4'].setting-item-heading.style-settings-heading.is-collapsed,
.style-settings-container [data-level='5'].setting-item-heading.style-settings-heading.is-collapsed {
    padding-left: 30px;
}
.style-settings-container [data-level='1'].setting-item-heading.style-settings-heading:not(.is-collapsed),
.style-settings-container [data-level='2'].setting-item-heading.style-settings-heading:not(.is-collapsed),
.style-settings-container [data-level='3'].setting-item-heading.style-settings-heading:not(.is-collapsed),
.style-settings-container [data-level='4'].setting-item-heading.style-settings-heading:not(.is-collapsed),
.style-settings-container [data-level='5'].setting-item-heading.style-settings-heading:not(.is-collapsed) {
    padding-left: 30px;
}
/*=============== Mermaid Entity Box Color fix ================*/
.attributeBoxOdd, .attributeBoxEven {
    fill: var(--background-primary) !important;
}
/*================= Text Stylings ===================*/
/*Styles Bold Text*/
.cm-strong, strong {
    color: var(--text-normal);
    text-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 40px var(--text-accent);
}
/*Styles Italic Text*/
.cm-em, em {
    color: var(--text-normal);
    text-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 40px var(--text-accent);
}
/*Styles Strikeout*/
.cm-strikethrough, del, ul > li.task-list-item[data-task="x"], ul > li.task-list-item[data-task="X"] {
    text-decoration-color: var(--text-close-color);
    color: var(--text-close-color);
    text-shadow: 0 0 5px var(--text-close-color), 0 0 10px var(--text-close-color), 0 0 20px var(--text-close-color), 0 0 40px var(--text-close-color);
}
/*Styles Underline*/
span.cm-html-embed, u {
    text-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 40px var(--text-accent);
}
/*================== Code Fence Style =====================*/
/*Styles Code Blocks*/
.markdown-preview-view pre, .markdown-rendered pre {
    border-image-slice: 1;
    border-top: 3px solid;
    border-bottom: 3px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
.markdown-rendered pre code, .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock{
color:var(--text-normal);
}
/*Removes indent lines in code*/
.markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock .cm-indent::before {
    display: none;
}
/*Edit mode Adds styling at start of codeblock*/
body:not(.no-codeblock-line-numbers) .cm-s-obsidian div.HyperMD-codeblock-begin-bg {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-top: 2px solid;
    padding-bottom: 15px;
}
/*Edit mode Adds styling at end of codeblock*/
body:not(.no-codeblock-line-numbers) .cm-s-obsidian div.HyperMD-codeblock-end-bg {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 2px solid;
}
/*Sets reset for code gutter*/
body:not(.no-codeblock-line-numbers) .HyperMD-codeblock-begin {
    counter-reset: codeblock-line-numbers;
}
/*Sets custom code gutterline*/
body:not(.no-codeblock-line-numbers) .HyperMD-codeblock:not(.HyperMD-codeblock-begin,
    .HyperMD-codeblock-end)::before {
    counter-increment: codeblock-line-numbers;
    content: counter(codeblock-line-numbers);
    text-align: center;
    width: 1.7em;
    color: var(--text-faint);
    position: absolute;
    left: 0;
}
/*Spacing for gutterline*/
body:not(.no-codeblock-line-numbers) .HyperMD-codeblock.cm-line:not(.HyperMD-codeblock-begin,
    .HyperMD-codeblock-end) {
    padding-left: 2em;
}

/*Changes Code Font*/
.cm-gutterElement, body:not(.no-codeblock-line-numbers) .HyperMD-codeblock:not(.HyperMD-codeblock-begin, .HyperMD-codeblock-end)::before, .markdown-rendered pre code, .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock, .cm-s-obsidian span.cm-inline-code, .markdown-rendered code{
    font-family: 'OxaniumFira';
}
/*================ Blockquotes Style ================*/
/*Sets style for Blockquotes*/
.markdown-preview-view blockquote {
    padding: 2rem 2rem 1rem 3rem;
    border-left: transparent;
    background: linear-gradient(95deg, var(--text-selection), var(--block-color));
    border-radius: 3px;
}
/*Quote Styling for blockquotes*/
.markdown-preview-view blockquote p:first-of-type::before {
    content: '❝';
    font-family: arial;
    opacity: .45;
    font-size: 100px;
    color: var(--text-accent);
    position: absolute;
    top: -3.75rem;
    left: -0.3rem;
    margin-left: -0.3em;
    z-index: -1;
}
.markdown-preview-view blockquote p {
    position: relative;
}
/*Corrects spacing of quote sign and text for blockquotes*/
.markdown-preview-view blockquote> :first-child {
    z-index: 1;
    margin-left: -0.5em;
}
/*Code Segment Style*/
.cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight), .markdown-rendered code {
    background: var(--background-modifier-hover);
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
/* blockquotes, embeds, tables inner/outer glow */
.markdown-preview-view blockquote, .markdown-preview-view .markdown-embed, .markdown-preview-view .file-embed, .markdown-preview-view th {
    box-shadow: 0em 0em 0.5em 0.1em var(--text-accent) , inset 0em 0em 2em var(--text-accent);
}
/*============== Empty Tab ==================*/
/*Sets Style for Empty Title*/
.empty-state-title {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 3px solid;
    text-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 40px var(--text-accent), 0 0 80px var(--text-accent);
}
/*Sets Spacing for Empty Items*/
body:not(.is-mobile) .empty-state-action {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    padding: 0 5px 0 5px;
}
/*Sets Spacing for Empty Items hover*/
body:not(.is-mobile) .empty-state-action:hover {
    background: var(--text-selection);
    border-radius: 3px;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
    border-top: 1px solid;
}
/*Sets Spacing for Empty Items active*/
body:not(.is-mobile) .empty-state-action:active {
    background-color: var(--color-accent-active);
    border-radius: 3px;
    box-shadow: 0 0 0.3em var(--text-accent);
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 2px solid;
    border-top: 2px solid;
}
/*================ Canvas ================*/
/*---------------- Canvas right hand controls --------------------*/
/*Sets Style for Right controls*/
.canvas-controls {
    gap: 0px;
    backdrop-filter: blur(5px) saturate(120%) !important;
    border-left: 1px solid;
    border-right: 1px solid;
    border-image-slice: 1;
    background-color: var(--background-settings);
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-radius: 5px;
}
/*Sets color for right control items*/
.canvas-control-item {
    border-bottom: none;
    border-radius: 3px;
    background-color: transparent;
    color: var(--text-faint);
}
/*Sets color for right control items hover*/
.canvas-control-item:hover {
    background-color: var(--background-modifier-hover);
    color: var(--text-accent);
}
/*Sets color for right control items active*/
.canvas-control-item:active {
    background-color: var(--color-accent-active);
}
/*Hides disabled items until they can be used*/
.canvas-control-item.is-disabled {
    display: none;
}
/*Removes Group Default Style*/
.canvas-control-group {
    border: none;
    background: transparent;
    box-shadow: none;
    border-radius: 0px;
}
/*----------------- Canvas Menu Card ----------------------*/
/*Card Menu styling*/
.canvas-card-menu, .theme-dark .canvas-card-menu {
    box-shadow: none;
    backdrop-filter: blur(5px) saturate(120%) !important;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
    border-top: 1px solid;
    background-color: var(--background-settings);
}
/*Resize Card Menu*/
.canvas-card-menu .canvas-card-menu-button {
    color: var(--text-faint);
    margin: 2px;
    padding: var(--size-2-2);
    border-radius: 3px;
}
/*Removes unnecessary Bounce Animation*/
.canvas-card-menu .canvas-card-menu-button.mod-draggable:hover svg {
    transform: none;
    filter: none;
}
/*Card Menu styling hover*/
.canvas-card-menu .canvas-card-menu-button:hover, .canvas-card-menu .canvas-card-menu-button.mod-draggable:active {
    color: var(--text-accent);
    background-color: var(--background-modifier-hover);
}
/*Removes default Fill Coloring*/
.theme-dark .canvas-card-menu .canvas-card-menu-button svg, .canvas-card-menu .canvas-card-menu-button svg {
    fill: transparent;
}
/*--------------- Internal Canvas ----------------------*/
/*Right Click Menu Stlying*/
.canvas-menu {
    background-color: var(--background-settings-alt);
    backdrop-filter: blur(4px) saturate(120%) !important;
    border: 0px solid var(--background-modifier-border);
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
    border-top: 1px solid;
}
/*Canvas Container Styled*/
.canvas-node.is-themed .canvas-node-container, .canvas-node-group .canvas-node-container, .canvas-node.is-selected .canvas-node-container {
    border-color: var(--text-normal);
    box-shadow: 0 0 10px 5px rgba(var(--canvas-color), 0.7), inset 0 0 20px 5px rgba(var(--canvas-color), 0.7), var(--shadow-stationary);
}
/*Canvas Container Styled selected*/
.canvas-node.is-selected.is-themed .canvas-node-container, .canvas-node.is-focused.is-themed .canvas-node-container,
.canvas-node.is-focused .canvas-node-container {
    box-shadow: 0 0 10px 5px rgba(var(--canvas-color), 0.9), inset 0 0 30px 10px rgba(var(--canvas-color), 0.7), var(--shadow-stationary);
}
/*Styles Group Label*/
.canvas-wrapper:not(.mod-readonly) .canvas-group-label, .canvas-node-group.is-themed .canvas-group-label:not([contenteditable="true"]) {
    background: rgba(var(--canvas-color), 0.6);
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, rgba(var(--canvas-color)), transparent);
    border-bottom: 2px solid;
    border-top: 2px solid;
    margin-top: -10px;
}
/*Styles Node Labels*/
.canvas-node-label {
    color: var(--text-accent);
    padding: 5px;
    background: rgba(var(--canvas-color), 0.6);
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, rgba(var(--canvas-color)), transparent);
    border-bottom: 2px solid;
    border-top: 2px solid;
    margin-top: -5px;
    border-radius: 3px;
    cursor: pointer;
}
/*=============== File Explorer Icon for files/folders ========================*/
/*Removes Collapse Chevron in Nav File Tree Only*/
.tree-item.nav-folder .tree-item-icon.collapse-icon.nav-folder-collapse-indicator{
    display: none;
}
/*Shifts Content to the left*/
.nav-file-title-content, .nav-folder-title-content {
    margin-left: -20px;
}
/*Opened Folder svg not Collapsed and sets style for folder icons*/
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title-content::before {
    margin-right: 4px;
    position: relative;
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: -5px;
    background-color: var(--custom-acc-faint);
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M3 3a2 2 0 0 0-2 2v6c0 .413.125.797.34 1.116L2.81 7.08A1.5 1.5 0 0 1 4.25 6h8.753v-.004a2 2 0 0 0-2-2H6.175l-1.11-.887A.5.5 0 0 0 4.753 3H3Zm11.941 4.64a.5.5 0 0 0-.48-.64H4.25a.5.5 0 0 0-.48.36l-1.46 5a.5.5 0 0 0 .48.64h9.46a1.5 1.5 0 0 0 1.44-1.08l1.251-4.28Z"%2F%3E%3C%2Fsvg%3E');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
}
/*Closed Folder svg Colapsed */
.workspace-leaf-content[data-type="file-explorer"] .is-collapsed .nav-folder-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 28 28"%3E%3Cpath fill="currentColor" d="M15.821 6.5h7.929a2.25 2.25 0 0 1 2.229 1.938l.016.158l.005.154v13a2.25 2.25 0 0 1-2.096 2.245L23.75 24H4.25a2.25 2.25 0 0 1-2.245-2.096L2 21.75V10.499l8.207.001l.196-.009a2.25 2.25 0 0 0 1.088-.393l.156-.12L15.821 6.5ZM10.207 4c.46 0 .908.141 1.284.402l.156.12l2.103 1.751l-3.063 2.553l-.085.061a.75.75 0 0 1-.29.106L10.206 9L2 8.999V6.25a2.25 2.25 0 0 1 2.096-2.245L4.25 4h5.957Z"%2F%3E%3C%2Fsvg%3E');
}
/* File svg and sets style for file icons*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title .nav-file-title-content::before {
    margin-right: 4px;
    position: relative;
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: -5px;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--custom-acc-faint);
    -webkit-mask-size: 100%;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M8 4.5V1H4.5A1.5 1.5 0 0 0 3 2.5v11A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5V6H9.5A1.5 1.5 0 0 1 8 4.5Zm1 0V1.25L12.75 5H9.5a.5.5 0 0 1-.5-.5ZM5.5 8h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1ZM5 10.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Zm.5 1.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1Z"%2F%3E%3C%2Fsvg%3E');
}
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title:hover .nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title:hover .nav-folder-title-content::before {
    background-color: var(--custom-acc-text);
}
/*Vault svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-folder.mod-root>.nav-folder-title .nav-folder-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M14 13.5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3ZM2 7.75A3.75 3.75 0 0 1 5.75 4h12.5A3.75 3.75 0 0 1 22 7.75v8.5A3.75 3.75 0 0 1 18.25 20H5.75A3.75 3.75 0 0 1 2 16.25v-8.5ZM5.75 7a.75.75 0 0 0-.75.75v8.5a.75.75 0 0 0 1.5 0v-8.5A.75.75 0 0 0 5.75 7Zm5.53 1.22a.75.75 0 1 0-1.06 1.06l1.195 1.196A2.985 2.985 0 0 0 11 12c0 .556.151 1.077.415 1.524L10.22 14.72a.75.75 0 1 0 1.06 1.06l1.196-1.195c.447.264.968.415 1.524.415s1.077-.151 1.524-.415l1.196 1.195a.75.75 0 1 0 1.06-1.06l-1.195-1.196c.264-.447.415-.968.415-1.524s-.151-1.077-.415-1.524L17.78 9.28a.75.75 0 0 0-1.06-1.06l-1.196 1.195A2.986 2.986 0 0 0 14 9c-.556 0-1.077.151-1.524.415L11.28 8.22Z"%2F%3E%3C%2Fsvg%3E');
    background-color: var(--custom-acc-text);
}
/*Applies Pen svg for active file*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title.is-active .nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M10.733 2.56a1.914 1.914 0 0 1 2.707 2.708L12.707 6l.263.263a1.75 1.75 0 0 1 0 2.474l-1.116 1.117a.5.5 0 0 1-.708-.708l1.117-1.116a.75.75 0 0 0 0-1.06L12 6.707l-5.955 5.955a1.65 1.65 0 0 1-.644.398l-2.743.914a.5.5 0 0 1-.632-.632l.914-2.743a1.65 1.65 0 0 1 .398-.644l7.395-7.395Z"%2F%3E%3C%2Fsvg%3E');
    background-color: var(--custom-acc-text);
}
/*Styles when item has focus*/
.workspace-leaf.mod-active .tree-item-self.has-focus{
    box-shadow: 0 0 4px 2px var(--text-accent);
}
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M6 1.002h3v3.5a1.5 1.5 0 0 0 1.5 1.5H14v6.996a2 2 0 0 1-2 2H8.666A5.5 5.5 0 0 0 4 5.207V3.002a2 2 0 0 1 2-2Zm4.5 4h3.497l-3.989-4H10v3.5a.5.5 0 0 0 .5.5ZM10 10.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0Zm-4.5 1.88a.625.625 0 1 0 0 1.25a.625.625 0 0 0 0-1.25Zm0-4.877c-1.048 0-1.864.818-1.853 1.955a.5.5 0 0 0 1-.01c-.006-.579.36-.945.853-.945c.472 0 .853.392.853.95c0 .202-.07.315-.36.544l-.277.215C5.21 10.616 5 10.929 5 11.5a.5.5 0 0 0 .992.09l.011-.156c.017-.148.1-.254.346-.448l.277-.215c.513-.41.727-.732.727-1.318c0-1.104-.822-1.95-1.853-1.95Z"%2F%3E%3C%2Fsvg%3E');
}
/*Sets Archive svg for zipped files*/
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".zip"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".7z"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".rar"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".zipx"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".arc"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".pea"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".gzip"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".b1"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M12.005 4.5h-1.44L8.158 7.033l-.111.106a1.5 1.5 0 0 1-.823.353L7.07 7.5H2v7l.005.164A2.5 2.5 0 0 0 4.5 17h8.504v-1.941a.515.515 0 0 1 0-.117L13.002 14h-.498a.5.5 0 0 1 0-1h.497v-2H12.5a.5.5 0 0 1 0-1h.5V9h-.495a.5.5 0 0 1-.5-.5v-4Zm2 0h-1V8h1V4.5Zm1 0h.495a2.5 2.5 0 0 1 2.479 2.174l.016.162L18 7v7.5a2.5 2.5 0 0 1-2.336 2.495L15.5 17h-1.496v-1.5h.496a.5.5 0 0 0 0-1h-.497v-.955a.478.478 0 0 0 0-.09V12.5h.502a.5.5 0 1 0 0-1h-.503L14 9h.505a.5.5 0 0 0 .5-.5v-4ZM7.932 3.21A1.5 1.5 0 0 0 7.167 3H4.5l-.164.005A2.5 2.5 0 0 0 2 5.5v1h5.07l.082-.007a.5.5 0 0 0 .22-.094l.061-.055L9.385 4.29L8.067 3.3l-.135-.09Z"%2F%3E%3C%2Fsvg%3E');
}
/*Video svg for supported video files*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".webm"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".mp4"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".mkv"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".mov"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".m4a"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M2 5.5A2.5 2.5 0 0 1 4.5 3h7A2.5 2.5 0 0 1 14 5.5v5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 10.5v-5Zm4.5.32v4.36c0 .25.274.403.487.273l3.259-1.992a.54.54 0 0 0 0-.922l-3.26-1.991a.32.32 0 0 0-.486.273Z"%2F%3E%3C%2Fsvg%3E');
}
/*Audio svg for supported audio files*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".3gp"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".flac"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".mp3"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".ogg"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".wav"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M15.987 3.016a1 1 0 0 0-1.285-.79l-7 2.187A1 1 0 0 0 7 5.368V13.5a2.5 2.5 0 1 0 1 2V8.368l7-2.188v2.843c.343.03.678.093 1 .184V3.18c0-.056-.005-.11-.013-.164ZM19 14.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0Zm-2.263-.435l-2.994-1.65a.5.5 0 0 0-.742.437v3.3a.5.5 0 0 0 .742.438l2.994-1.65a.5.5 0 0 0 0-.875Z"%2F%3E%3C%2Fsvg%3E')
}
/*Picture svg for supported Picture files*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".svg"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".bmp"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".jpeg"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".jpg"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".png"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".gif"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M4.5 2A2.5 2.5 0 0 0 2 4.5v7c0 .51.152.983.414 1.379l4.384-4.384a1.7 1.7 0 0 1 2.404 0l4.384 4.384A2.49 2.49 0 0 0 14 11.5v-7A2.5 2.5 0 0 0 11.5 2h-7Zm7 3.502a1.002 1.002 0 1 1-2.004 0a1.002 1.002 0 0 1 2.004 0Zm1.379 8.084L8.495 9.202a.7.7 0 0 0-.99 0l-4.384 4.384c.396.262.87.414 1.379.414h7c.51 0 .983-.152 1.379-.414Z"%2F%3E%3C%2Fsvg%3E');
}
/*PDF svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".pdf"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 32 32"%3E%3Cpath fill="currentColor" d="M9 16a1 1 0 0 0-1 1v5a1 1 0 1 0 2 0v-1h.5a2.5 2.5 0 0 0 0-5H9Zm1.5 3H10v-1h.5a.5.5 0 0 1 0 1Zm3.5-2a1 1 0 0 1 1-1h.5a3.5 3.5 0 1 1 0 7H15a1 1 0 0 1-1-1v-5Zm2 3.915a1.5 1.5 0 0 0 0-2.83v2.83ZM20 22v-5a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2h-2v1h2a1 1 0 1 1 0 2h-2v1a1 1 0 1 1-2 0ZM17 9V2H8a3 3 0 0 0-3 3v8a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2v1a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3v-1a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2v-1h-7a3 3 0 0 1-3-3Zm10 6v9H5v-9h22Zm-8-6V2.117a3 3 0 0 1 1.293.762l5.828 5.828A3 3 0 0 1 26.883 10H20a1 1 0 0 1-1-1Z"%2F%3E%3C%2Fsvg%3E');
}
/*HTML svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".html"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M9 7a1 1 0 0 1 .117 1.993L9 9H7a3 3 0 0 0-.176 5.995L7 15h2a1 1 0 0 1 .117 1.993L9 17H7a5 5 0 0 1-.217-9.995L7 7h2Zm8 0a5 5 0 0 1 .217 9.995L17 17h-2a1 1 0 0 1-.117-1.993L15 15h2a3 3 0 0 0 .176-5.995L17 9h-2a1 1 0 0 1-.117-1.993L15 7h2ZM7 11h10a1 1 0 0 1 .117 1.993L17 13H7a1 1 0 0 1-.117-1.993L7 11h10H7Z"%2F%3E%3C%2Fsvg%3E');
}
/*Draw svg for Excalidraw*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".excalidraw.md"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M3 6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v3.003c-.341.016-.68.092-1 .229V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9.5a.5.5 0 0 1-1 0V6Zm.4 11.035c.369.184.83.335 1.217.25c.251-.056.577-.193.943-.347c.885-.373 2.003-.843 2.862-.497c.637.256.584.981.405 1.33c-.035.066-.008.16.065.177a4.6 4.6 0 0 0 1.112.088a.917.917 0 0 1 .023-.14l.375-1.498a2.18 2.18 0 0 1 .578-1.02l4.83-4.83a1.87 1.87 0 1 1 2.644 2.645l-4.83 4.829a2.197 2.197 0 0 1-1.02.578l-1.222.305c-1.121.328-2.794.222-3.313-.183c-.449-.35-.467-.887-.316-1.244c.034-.08-.026-.183-.111-.17c-.495.07-.9.25-1.3.427c-.585.26-1.156.513-1.976.411c-.711-.088-1.107-.459-1.325-.825c-.122-.204.147-.392.36-.286Z"%2F%3E%3C%2Fsvg%3E');
}
/*Canvas svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".canvas"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M7.5 2v3H2v-.5A2.5 2.5 0 0 1 4.5 2h3Zm1 0v8H14V4.5A2.5 2.5 0 0 0 11.5 2h-3Zm5.5 9H8.5v3h3a2.5 2.5 0 0 0 2.5-2.5V11Zm-6.5 3V6H2v5.5A2.5 2.5 0 0 0 4.5 14h3Z"%2F%3E%3C%2Fsvg%3E');
}
/*CSS svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".css"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 6.5V2H5.5A1.5 1.5 0 0 0 4 3.5v7.67c.552.196 1.03.548 1.38 1.004A2.498 2.498 0 0 1 9.5 12a2.5 2.5 0 0 1 4.5 1.5c0 .444-.193.843-.5 1.118c.319.425.5.949.5 1.5v.382a2.49 2.49 0 0 1-.5 1.5h1a1.5 1.5 0 0 0 1.5-1.5V8h-4.5A1.5 1.5 0 0 1 10 6.5Zm1 0V2.25L15.75 7H11.5a.5.5 0 0 1-.5-.5ZM3 12a2 2 0 0 0-2 2v2a2 2 0 1 0 4 0a.5.5 0 0 0-1 0a1 1 0 1 1-2 0v-2a1 1 0 1 1 2 0a.5.5 0 0 0 1 0a2 2 0 0 0-2-2Zm8.5 0a1.5 1.5 0 0 0-1.5 1.5v.382a1.5 1.5 0 0 0 .83 1.342l.894.447a.5.5 0 0 1 .276.447v.382a.5.5 0 0 1-1 0a.5.5 0 0 0-1 0a1.5 1.5 0 0 0 3 0v-.382a1.5 1.5 0 0 0-.83-1.342l-.894-.447a.5.5 0 0 1-.276-.447V13.5a.5.5 0 0 1 1 0a.5.5 0 0 0 1 0a1.5 1.5 0 0 0-1.5-1.5ZM6 13.5a1.5 1.5 0 0 1 3 0a.5.5 0 0 1-1 0a.5.5 0 0 0-1 0v.382a.5.5 0 0 0 .276.447l.895.447A1.5 1.5 0 0 1 9 16.118v.382a1.5 1.5 0 0 1-3 0a.5.5 0 0 1 1 0a.5.5 0 0 0 1 0v-.382a.5.5 0 0 0-.276-.447l-.895-.447A1.5 1.5 0 0 1 6 13.882V13.5Z"%2F%3E%3C%2Fsvg%3E');
}
/*Text File svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".txt"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 28 28"%3E%3Cpath fill="currentColor" d="M14 2a.75.75 0 0 1 .75.75V4h3.75V2.75a.75.75 0 0 1 1.5 0V4h.75A2.25 2.25 0 0 1 23 6.25v12.246h-4.754a2.25 2.25 0 0 0-2.25 2.25V25.5H6.75a2.25 2.25 0 0 1-2.25-2.25v-17A2.25 2.25 0 0 1 6.75 4H8V2.75a.75.75 0 0 1 1.5 0V4h3.75V2.75A.75.75 0 0 1 14 2Zm-6 8.25c0 .414.336.75.75.75h10a.75.75 0 0 0 0-1.5h-10a.75.75 0 0 0-.75.75Zm0 4.5c0 .414.336.75.75.75h10a.75.75 0 0 0 0-1.5h-10a.75.75 0 0 0-.75.75Zm0 4.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 0-1.5h-4.5a.75.75 0 0 0-.75.75Zm9.496 5.81l5.065-5.064h-4.315a.75.75 0 0 0-.75.75v4.315Z"%2F%3E%3C%2Fsvg%3E');
}
/*Document svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".docx"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".doc"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".odt"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".wps"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".wpd"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M21.17 3.25q.33 0 .59.25q.24.24.24.58v15.84q0 .34-.24.58q-.26.25-.59.25H7.83q-.33 0-.59-.25q-.24-.24-.24-.58V17H2.83q-.33 0-.59-.24Q2 16.5 2 16.17V7.83q0-.33.24-.59Q2.5 7 2.83 7H7V4.08q0-.34.24-.58q.26-.25.59-.25m-.8 8.09l1.2 3.94H9.6l1.31-6.56H9.53l-.78 3.88l-1.11-3.75H6.5l-1.19 3.77l-.78-3.9H3.09l1.31 6.56h1.37m14.98 4.22V17H8.25v2.5m12.5-3.75v-3.12H12v3.12m8.75-4.37V8.25H12v3.13M20.75 7V4.5H8.25V7Z"%2F%3E%3C%2Fsvg%3E');
}
/*Presentation svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".key"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".pptx"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".ppt"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".odp"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".dps"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M13.25 3.25q1.21 0 2.33.31q1.12.32 2.09.89q.97.55 1.77 1.36q.79.8 1.36 1.77q.58.97.89 2.09Q22 10.79 22 12t-.31 2.33q-.31 1.12-.89 2.09q-.57.97-1.36 1.77q-.8.81-1.77 1.36q-.97.58-2.09.89q-1.12.31-2.33.31q-1.07 0-2.1-.25q-1.03-.26-1.95-.74q-.92-.49-1.7-1.18q-.81-.7-1.43-1.58H2.83q-.33 0-.59-.24Q2 16.5 2 16.17V7.83q0-.33.24-.58Q2.5 7 2.83 7h3.24q.62-.88 1.43-1.58q.78-.7 1.7-1.18q.93-.48 1.95-.74q1.03-.25 2.1-.25m.63 1.28v6.84h6.84q-.12-1.37-.69-2.56T18.55 6.7q-.91-.91-2.12-1.48q-1.2-.57-2.55-.69M9.5 10.84q0-.57-.2-.97q-.19-.41-.52-.66q-.33-.26-.78-.37q-.45-.12-1-.12H4.37v6.55h1.54V13h1.03q.48 0 .93-.16q.46-.14.82-.41q.36-.26.58-.67q.23-.4.23-.92m3.75 8.66q.98 0 1.89-.24q.9-.26 1.71-.68q.81-.45 1.48-1.08q.67-.61 1.17-1.37q.5-.77.83-1.66q.31-.89.39-1.85h-8.08V4.53q-1.45.12-2.73.76T7.67 7h3.5q.33 0 .59.25q.24.25.24.58v8.34q0 .33-.24.59q-.26.24-.59.24h-3.5q.53.6 1.17 1.06q.66.44 1.35.78q.72.33 1.49.49q.77.17 1.57.17M6.85 10q.47 0 .76.19q.28.19.28.7q0 .22-.1.36q-.1.14-.26.25q-.16.07-.35.1q-.18.04-.38.04h-.89V10h.94Z"%2F%3E%3C%2Fsvg%3E');
}
/*Spreadsheet svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".xlsx"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".xls"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".et"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".ods"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".csv"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".xml"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M21.17 3.25q.33 0 .59.25q.24.24.24.58v15.84q0 .34-.24.58q-.26.25-.59.25H7.83q-.33 0-.59-.25q-.24-.24-.24-.58V17H2.83q-.33 0-.59-.24Q2 16.5 2 16.17V7.83q0-.33.24-.59Q2.5 7 2.83 7H7V4.08q0-.34.24-.58q.26-.25.59-.25M7 13.06l1.18 2.22h1.79L8 12.06l1.93-3.17H8.22L7.13 10.9l-.04.06l-.03.07q-.26-.53-.56-1.07q-.25-.53-.53-1.07H4.16l1.89 3.19L4 15.28h1.78m8.1 4.22V17H8.25v2.5m5.63-3.75v-3.12H12v3.12m1.88-4.37V8.25H12v3.13M13.88 7V4.5H8.25V7m12.5 12.5V17h-5.62v2.5m5.62-3.75v-3.12h-5.62v3.12m5.62-4.37V8.25h-5.62v3.13M20.75 7V4.5h-5.62V7Z"%2F%3E%3C%2Fsvg%3E');
}
/*================= Kanban Update ============*/
/*Removes Unneccessary background*/
.workspace-split:not(.mod-left-split) .node-insert-event{
    background-color: transparent;
}
/*Sets the style for lists and spacing for hover list style*/
.kanban-plugin__item {
    border: transparent;
    background: var(--background-settings-2);
    color: var(--text-faint);
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-radius: 3px;
}
/*removes redundant default title wrapper styling*/
.kanban-plugin__item-title-wrapper {
    border: transparent;
    background-color: transparent;
}
/*Styles internal Kanban Lane*/
.kanban-plugin__lane-items {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    background-color: var(--background-primary);
    border-radius: 5px;
}
/*Styles List on hover/active*/
.kanban-plugin__item:hover, .kanban-plugin__item:active {
    background-color: var(--text-selection);
    color: var(--text-accent);
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
.kanban-plugin__item:active {
    color: var(--text-accent);
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    background-color: var(--color-accent-active);
}
/*Adds some padding and style for kanban textbox of lists*/
.kanban-plugin__grow-wrap>textarea, .kanban-plugin__grow-wrap:after {
    border-radius: 3px;
    padding: 2px;
    width: 98%;
    border-bottom: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Style Kanban textbox when in focus*/
.kanban-plugin__grow-wrap>textarea:focus {
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Styles Kanban Containers*/
.kanban-plugin__lane {
    border-left: 2px solid;
    border-right: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    background-color: var(--background-secondary);
}
/*Removes line seperator*/
.kanban-plugin__lane-header-wrapper, .kanban-plugin__item-button-wrapper, .kanban-plugin__item-form {
    border: none;
}
/*Removes Default Plugin Hue Change*/
.kanban-plugin__item-prefix-button-wrapper input[type=checkbox] {
    filter: hue-rotate(0deg);
}
/*Removes Item Content overcolor*/
.kanban-plugin__item-content-wrapper {
    background-color: transparent;
}
/*Styled to match with finder search*/
.kanban-plugin__search-wrapper {
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    justify-content: center;
}
/*Expand searchbox*/
input.kanban-plugin__filter-input {
    width: 50%;
    margin-right: 5px;
}
/*Try to center icon*/
.kanban-plugin__icon {
    margin-top: 2px;
}
/*========== NEW PDF ==============*/
/*Styles PDF Sidebar*/
.pdf-sidebar-container {
    border-right: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    background-color: var(--background-tertiary);
}
.pdf-sidebar-container .thumbnail::before {
    box-shadow: none;
}
/*Styles page thumbnail*/
.pdf-sidebar-container .thumbnail {
    border: none;
    padding: var(--size-4-2);
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
}
/*Styles page thumbnail on Hover*/
.pdf-sidebar-container .thumbnail.selected, .pdf-sidebar-container .thumbnail:hover {
    background: var(--text-selection);
    border-bottom: 2px solid;
    border-top: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Styles page thumbnail page number flair*/
.pdf-sidebar-container .thumbnail::after {
    font-weight: var(--font-semibold);
    background-color: var(--text-selection);
}
/*Styles page thumbnail page number flair selected*/
.pdf-sidebar-container .thumbnail.selected::after {
    background-color: var(--text-selection);
    align-self: center;
}
/*Styles PDF Toolbar*/
.pdf-toolbar {
    background-color: var(--background-tertiary);
    border-bottom: none;
    border-bottom: 3px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Removes redundant 2nd background on Container*/
.workspace-leaf-content[data-type="pdf"] .view-content {
    background-color: transparent;
}

/*============== Links Styling ===============*/
/*Colors Internal Link text*/
.cm-s-obsidian span.cm-hmd-internal-link, a.internal-link {
    color: var(--internal-link-hover);
}
/*Adds Hover Effect on Internal Links*/
.cm-s-obsidian span.cm-hmd-internal-link:hover, .markdown-rendered .internal-link:hover {
    color: var(--text-normal);
    text-shadow: 0 0 5px var(--internal-link-hover), 0 0 10px var(--internal-link-hover), 0 0 20px var(--internal-link-hover), 0 0 35px var(--internal-link-hover);
}
/*Adds Hover Effect on External Links*/
.cm-s-obsidian span.cm-link:hover, .external-link:hover {
    color: var(--text-normal);
    text-shadow: 0 0 5px var(--link-external-color), 0 0 10px var(--link-external-color), 0 0 20px var(--link-external-color), 0 0 35px var(--link-external-color);
}
/*==================  Lists =======================*/
/*Sets uncollapsed bullet point with animations*/
li:not(.is-collapsed) .list-bullet:after, .cm-formatting-list .list-bullet:after {
    content: '▻';
    color: var(--text-normal);
    font-weight: bold;
    transform: translate(10.5px, 5px) rotate(90deg);
    text-shadow: 0 0 5px var(--bulletlist-color), 0 0 5px var(--bulletlist-color), 0 0 10px var(--bulletlist-color), 0 0 10px var(--bulletlist-color), 0 0 20px var(--bulletlist-color);
}
/*Realigns Custom bullet point*/
.list-bullet {
    align-items: baseline;
    margin-right: 10px;
}
/*Sets collapsed bullet point with animations*/
li.is-collapsed .list-bullet:after, .is-collapsed~.cm-formatting-list .list-bullet:after {
    content: '▻';
    color: var(--bulletlist-color);
    font-weight: bold;
    text-shadow: 0 0 5px var(--bulletlist-color), 0 0 10px var(--bulletlist-color), 0 0 20px var(--bulletlist-color), 0 0 35px var(--bulletlist-color);
    background-color: transparent;
    box-shadow: none;
    transform: translate(0px, 0px) rotate(0deg);
    margin-left: -0.4em;
}
/*Removes hover dot */
.cm-fold-indicator:hover~.cm-formatting-list .list-bullet:after, .cm-fold-indicator:hover.is-collapsed~.cm-formatting-list .list-bullet:after {
    background-color: transparent;
    box-shadow: none;
}
/*----------------------* Number list ----------------------------*/
/*Styles Default Number List*/
ol>li::marker, ul>li::marker, .cm-s-obsidian .cm-formatting-list {
    color: var(--text-normal);
    font-weight: bold;
    border-image-source: linear-gradient(to right, var(--bulletlist-color), transparent);
    text-shadow: 0 0 5px var(--bulletlist-color), 0 0 10px var(--bulletlist-color),
        0 0 20px var(--bulletlist-color), 0 0 35px var(--bulletlist-color);
}
/*Adds style to the Identation guide */
.markdown-rendered.show-indentation-guide li>ul::before, .markdown-rendered.show-indentation-guide li>ol::before, .markdown-source-view.mod-cm6 .cm-indent::before {
    box-shadow: 0 0 5px var(--bulletlist-color), 0 0 5px var(--bulletlist-color), 0 0 10px var(--bulletlist-color), 0 0 10px var(--bulletlist-color), 0 0 20px var(--bulletlist-color), 0 0 20px var(--bulletlist-color), 0 0 35px var(--bulletlist-color);
    width: 0px;
    transform: translateX(1.5px);

}
/*Aligns Number List with identation guide*/
.markdown-rendered ol {
    margin-left: 3px;
}
/*Recheck Position*/
/*================ General UI =======================*/
/*Removes double background on Note Content*/
.workspace-split.mod-root .view-content .node-insert-event {
    background-color: transparent;
}
/*Changes App's background*/
.workspace {
    background-color: var(--background-secondary);
}
/*Sets style for active view header*/
.workspace-leaf.mod-active .view-header {
    border-top: 3px solid;
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Sets spacing for view header and colors*/
.view-header {
    margin: 0px;
    background: var(--background-primary-alt);
    border-top: 3px solid transparent;
    border-bottom: 2px solid transparent;
}
/*Colors the fade in header title*/
.view-header-title-container:not(.mod-at-end):after {
    background: linear-gradient(to right, transparent, var(--transparent-primary-alt));
}
/*Header bar background changed*/
:is(.is-focused .workspace-leaf.mod-active .view-header, .view-header), .workspace-split.mod-right-split .workspace-tabs .nav-header, .workspace-split.mod-left-split .workspace-tabs .nav-header, .search-row, .search-results-info {
    background: var(--background-tertiary);
    backdrop-filter: blur(18px) saturate(120%);
}
:is(.is-focused .workspace-leaf.mod-active .view-header, .view-header),
 .workspace-split.mod-right-split .workspace-tabs.mod-top .nav-header,
  .workspace-split.mod-left-split .workspace-tabs.mod-top .nav-header,
   .search-row, .search-results-info {
border-radius: 5px 5px 0 0;
}
/*Header Title Colored*/
.is-focused .workspace-leaf.mod-active .view-header-title, .workspace-leaf.mod-active .view-header-title, .workspace-leaf.mod-active .view-header-icon {
    color: var(--activetitle-highlight);
}
.view-header-title{
    color: var(--Inactive-title);
}
/*Breadcrumb File Path*/
.view-header-title-parent .view-header-breadcrumb {
    color: var(--text-faint);
}
/*Breadcrumb File Path on Hover*/
.view-header-title-parent .view-header-breadcrumb:hover {
    color: var(--text-accent);
    background: var(--text-selection);
}
/*Breadcrumb File Path on Active*/
.view-header-title-parent .view-header-breadcrumb:active {
    color: var(--text-accent);
    background: var(--color-accent-active);
}
/*Breadcrumb Active Page*/
.workspace-leaf.mod-active .view-header-title, .workspace-leaf.mod-active .view-header-icon {
    background: var(--title-background-active-clicked);  
    padding: 5px;  
    border-radius: var(--radius-s);
    margin-left: 5px;
    border-image-slice: 1;
    border-right: 2px solid;
    border-image-source: linear-gradient(to top, transparent, var(--activetitle-highlight), transparent);
    border-left: 2px solid;
}
/*Breadcrumb Active Page on hover*/
.workspace-leaf.mod-active .view-header-title:hover{
    background: var(--title-background-clicked);
}
/*Removes Redundant and unnecessary background coloring*/
body:not(.is-fullscreen).is-hidden-frameless .mod-top .workspace-tab-header-container, body.is-focused .workspace-ribbon.mod-left, 
body.is-focused .titlebar, body.is-focused .workspace-ribbon.mod-left, .workspace-tab-header-container,
body:not(.is-mobile) .workspace-split.mod-root, .workspace-tabs .workspace-leaf, .mod-root .workspace-tabs .workspace-leaf  {
background: transparent;
}
/*Right Window Spacing*/
body:not(.is-mobile) .workspace-split.mod-vertical>* {
    margin-right: 5px;
}
/*Right of Left Sidepanel Window Spacing*/
body:not(.is-mobile) .workspace-split.mod-left-split {
    margin-right: 5px;
}
/*Main Pane View Content Style*/
.workspace-leaf-content .view-content {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 3px solid;
}
/*======================= Style Setting's Workspace ===============================*/
/*-------------------- Style Setting's Workspace: Background Color ------------------*/
.CG-workspace-background {
    --background-primary: rgba(var(--bg-primary),
            var(--CG-workspace-background-workspace-slider, 0.45));
    --background-secondary: rgba(var(--bg-secondary),
            var(--CG-workspace-background-workspace-slider, 0.45));
}
/*--------------- Style Setting's Workspace: Background Images ------------------------*/
/*Applies the theme's Community Background*/
.CG-workspace-background .app-container {
    --Obsidianbg: var(--bgimage);
    --CGworkspace-background-image: var(--Obsidianbg);
}
/*Applies the custom image to the background*/
.CG-workspace-background.CG-workspace-background-image-custom  .app-container  {
    --CGworkspace-background-image: var(--CG-workspace-background-image-custom-option);
}
/*Applies the background colors as overlay for superior transparency to background image*/
 .app-container {
    background: var(--CGworkspace-background-image);
    background-color: var(--background-primary);
    background-blend-mode: overlay;
    background-size: cover;
}

/*Applies background image customizations*/
body:not(.is-phone).CG-workspace-background .workspace, body:not(.is-phone).CG-workspace-background .status-bar {
    background-color: var(--background-secondary);
    backdrop-filter: brightness(var(--CG-workspace-background-brightness, 1.15)) blur(var(--CG-workspace-background-blur, 15px)) saturate(var(--CG-workspace-background-saturation, 2)) contrast(var(--CG-workspace-background-contrast, 100%));
}

/*Removes sidebar coloring when custom image enabled*/
.CG-workspace-background .workspace-ribbon.mod-left.is-collapsed {
    background-color: transparent;
}
.workspace-split.mod-root .view-content, .workspace-leaf.mod-active .view-header{
    backdrop-filter: brightness(var(--CG-workspace-background-brightness, 1.15)) blur(var(--CG-workspace-background-blur, 15px)) saturate(var(--CG-workspace-background-saturation, 2)) contrast(var(--CG-workspace-background-contrast, 100%));
}
/*=========== CheckBox =================*/
.markdown-preview-view .task-list-item-checkbox {
	border: 1px solid var(--text-accent);
	box-shadow: 0 0 0.5em var(--text-accent);
}
.markdown-source-view.mod-cm6 .cm-indent::before {
	border-right: var(--indentation-guide-width) solid var(--text-normal);
    transform: translateX(19px);
}
/*------------------------- Style Settings: Custom Checkbox -------------------------------*/
.CG-custom-checkbox .view-content .task-list-item-checkbox {
	appearance: none;
	scale: 1.22;
}
.CG-custom-checkbox input[type='checkbox']:checked:after {
	background-color: black;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='x'], .CG-custom-checkbox li.task-list-item[data-task='x'] .task-list-item-checkbox {
	background-color: green;
	border: 1px solid green;
    box-shadow: 0 0 5px green, 0 0 10px green, 0 0 15px green;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='x']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='x'] .task-list-item-checkbox:hover {
	background-color: rgb(2, 169, 2);
	border: 1px solid rgb(2, 169, 2);
}
.CG-custom-checkbox [data-task='x'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='x'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="m8.5 16.586l-3.793-3.793a1 1 0 0 0-1.414 1.414l4.5 4.5a1 1 0 0 0 1.414 0l11-11a1 1 0 0 0-1.414-1.414L8.5 16.586Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='?'], .CG-custom-checkbox ul>li.task-list-item[data-task='?'] .task-list-item-checkbox {
	background-color: gold;
	border: 1px solid gold;
    box-shadow: 0 0 5px gold, 0 0 10px gold, 0 0 15px gold;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='?']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='?'] .task-list-item-checkbox:hover {
	background-color: rgb(209, 178, 2);
	border: 1px solid rgb(209, 178, 2);
}
.CG-custom-checkbox [data-task='?'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='?'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M12 4a5 5 0 0 0-5 5a1 1 0 0 0 2 0c0-1.658 1.342-3 3-3s3 1.342 3 3c0 .816-.199 1.294-.438 1.629c-.262.365-.625.638-1.128.985l-.116.078c-.447.306-1.023.699-1.469 1.247c-.527.648-.849 1.467-.849 2.561v.5a1 1 0 1 0 2 0v-.5c0-.656.178-1.024.4-1.299c.257-.314.603-.552 1.114-.903l.053-.037c.496-.34 1.133-.786 1.62-1.468C16.7 11.081 17 10.183 17 9a5 5 0 0 0-5-5Zm0 17.25a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='-'], .CG-custom-checkbox ul>li.task-list-item[data-task='-'] .task-list-item-checkbox {
	background-color: red;
	border: 1px solid red;
    box-shadow: 0 0 5px red, 0 0 10px red, 0 0 15px red;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='-']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='-'] .task-list-item-checkbox:hover {
	background-color: rgb(215, 4, 4);
	border: 1px solid rgb(215, 4, 4);
}
.CG-custom-checkbox [data-task='-'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='-'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="m2.397 2.554l.073-.084a.75.75 0 0 1 .976-.073l.084.073L8 6.939l4.47-4.47a.75.75 0 1 1 1.06 1.061L9.061 8l4.47 4.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L8 9.061l-4.47 4.47a.75.75 0 0 1-1.06-1.061L6.939 8l-4.47-4.47a.75.75 0 0 1-.072-.976l.073-.084l-.073.084Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='!'], .CG-custom-checkbox ul>li.task-list-item[data-task='!'] .task-list-item-checkbox {
	background-color: darkorange;
	border: 1px solid darkorange;
    box-shadow: 0 0 5px darkorange, 0 0 10px darkorange, 0 0 15px darkorange;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='!']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='!'] .task-list-item-checkbox:hover {
	background-color: rgb(217, 119, 0);
	border: 1px solid rgb(217, 119, 0);
}
.CG-custom-checkbox [data-task='!'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='!'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M5.96 4.457a2.075 2.075 0 1 1 4.08 0l-.856 4.56a1.205 1.205 0 0 1-2.368 0l-.855-4.56ZM9.5 12.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='>'], .CG-custom-checkbox ul>li.task-list-item[data-task='>'] .task-list-item-checkbox {
	background-color: skyblue;
	border: 1px solid skyblue;
    box-shadow: 0 0 5px skyblue, 0 0 10px skyblue, 0 0 15px skyblue;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='>']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='>'] .task-list-item-checkbox:hover {
	background-color: rgb(112, 174, 198);
	border: 1px solid rgb(112, 174, 198);
}
.CG-custom-checkbox [data-task='>'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='>'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M5.74 3.2a.75.75 0 0 0-.04 1.06L9.227 8L5.7 11.74a.75.75 0 1 0 1.1 1.02l4-4.25a.75.75 0 0 0 0-1.02l-4-4.25a.75.75 0 0 0-1.06-.04Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='/'], .CG-custom-checkbox ul>li.task-list-item[data-task='/'] .task-list-item-checkbox {
	background-color: palevioletred;
	border: 1px solid palevioletred;
    box-shadow: 0 0 5px palevioletred, 0 0 10px palevioletred, 0 0 15px palevioletred;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='/']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='/'] .task-list-item-checkbox:hover {
	background-color: rgb(190, 100, 130);
	border: 1px solid rgb(190, 100, 130);
}
.CG-custom-checkbox [data-task='/'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='/'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16Zm0 1a7 7 0 0 1 6.982 6.5H3.018A7 7 0 0 1 10 3Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='R'], .CG-custom-checkbox ul>li.task-list-item[data-task='R'] .task-list-item-checkbox {
	background-color: rosybrown;
	border: 1px solid rosybrown;
    box-shadow: 0 0 5px rosybrown, 0 0 10px rosybrown, 0 0 15px rosybrown;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='R']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='R'] .task-list-item-checkbox:hover {
	background-color: rgb(156, 119, 119);
	border: 1px solid rgb(156, 119, 119);
}
.CG-custom-checkbox [data-task='R'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='R'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M2.984 8.625v.003a.5.5 0 0 1-.612.355c-.431-.114-.355-.611-.355-.611l.018-.062s.026-.084.047-.145a6.7 6.7 0 0 1 1.117-1.982C4.096 5.089 5.605 4 8 4s3.904 1.089 4.802 2.183a6.7 6.7 0 0 1 1.117 1.982a4.077 4.077 0 0 1 .06.187l.003.013v.004l.001.002a.5.5 0 0 1-.966.258l-.001-.004l-.008-.025a4.872 4.872 0 0 0-.2-.52a5.696 5.696 0 0 0-.78-1.263C11.286 5.912 10.044 5 8 5c-2.044 0-3.285.912-4.028 1.817a5.7 5.7 0 0 0-.945 1.674a3.018 3.018 0 0 0-.035.109l-.008.025ZM8 7a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5ZM6.5 9.5a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='+'], .CG-custom-checkbox ul>li.task-list-item[data-task='+'] .task-list-item-checkbox {
	background-color: silver;
	border: 1px solid silver;
    box-shadow: 0 0 5px silver, 0 0 10px silver, 0 0 15px silver;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='+']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='+'] .task-list-item-checkbox:hover {
	background-color: rgb(162, 162, 162);
	border: 1px solid rgb(162, 162, 162);
}
.CG-custom-checkbox [data-task='+'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='+'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M15 5.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0Zm-4-2a.5.5 0 0 0-1 0V5H8.5a.5.5 0 0 0 0 1H10v1.5a.5.5 0 0 0 1 0V6h1.5a.5.5 0 0 0 0-1H11V3.5Zm-.5 7.5c1.33 0 2.55-.472 3.5-1.257V12.5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 12.5v-7A2.5 2.5 0 0 1 4.5 3h1.1a5.463 5.463 0 0 0-.393 1H4.5A1.5 1.5 0 0 0 3 5.5V9h2.5a.5.5 0 0 1 .5.5c0 .052.008.162.032.308c.041.247.115.494.228.718c.308.618.843.974 1.74.974c.692 0 1.168-.212 1.492-.592c.326.06.663.092 1.008.092Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='b'], .CG-custom-checkbox ul>li.task-list-item[data-task='b'] .task-list-item-checkbox {
	background-color: steelblue;
	border: 1px solid steelblue;
    box-shadow: 0 0 5px steelblue, 0 0 10px steelblue, 0 0 15px steelblue;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='b']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='b'] .task-list-item-checkbox:hover {
	background-color: rgb(82, 152, 209);
	border: 1px solid rgb(82, 152, 209);
}
.CG-custom-checkbox [data-task='b'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='b'][type='checkbox']:checked:after {
	-webkit-mask-image:
		url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M4 4.5A2.5 2.5 0 0 1 6.5 2h7A2.5 2.5 0 0 1 16 4.5v13a.5.5 0 0 1-.794.404L10 14.118l-5.206 3.786A.5.5 0 0 1 4 17.5v-13Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='B'], .CG-custom-checkbox ul>li.task-list-item[data-task='B'] .task-list-item-checkbox {
	background-color: hotpink;
	border: 1px solid hotpink;
    box-shadow: 0 0 5px hotpink, 0 0 10px hotpink, 0 0 15px hotpink;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='B']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='B'] .task-list-item-checkbox:hover {
	background-color: rgb(220, 90, 155);
	border: 1px solid rgb(220, 90, 155);
}
.CG-custom-checkbox [data-task='B'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='B'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M6.13 2.793A3.91 3.91 0 0 1 8.5 2c.24 0 .431.125.542.211c.124.098.24.223.344.348a.5.5 0 0 1 .114.318V6.5H8.415a1.5 1.5 0 1 0 0 1H9.5v9.415a.5.5 0 0 1-.183.387C8.855 17.68 8.237 18 7.5 18c-1.186 0-2.069-.598-2.64-1.313a4.057 4.057 0 0 1-.819-1.752a2.68 2.68 0 0 1-1.054-.555C2.435 13.907 2 13.14 2 12c0-.557.037-1.06.12-1.5h3.13c.636 0 1.16.475 1.24 1.089a1.5 1.5 0 1 0 1.004-.006A2.25 2.25 0 0 0 5.25 9.5H2.441c.153-.298.358-.55.625-.729a1.58 1.58 0 0 1 .212-.118c-.284-.832-.21-1.806.064-2.571c.175-.492.453-.957.835-1.267c.252-.205.552-.34.88-.366c.144-.683.549-1.248 1.074-1.656ZM10.5 14.5h.75a2.25 2.25 0 0 0 2.25-2.25v-1.835a1.5 1.5 0 1 0-1 0v1.835c0 .69-.56 1.25-1.25 1.25h-.75V2.877a.5.5 0 0 1 .114-.318c.103-.125.22-.25.344-.348c.11-.086.301-.211.542-.211a3.91 3.91 0 0 1 2.37.793c.525.408.93.973 1.073 1.656c.328.025.628.161.88.366c.382.31.66.775.835 1.267c.274.765.348 1.74.064 2.57c.072.034.143.074.212.12c.275.183.484.445.638.754c.303.605.428 1.449.428 2.474c0 1.141-.435 1.907-.987 2.38a2.68 2.68 0 0 1-1.054.555c-.1.558-.38 1.204-.819 1.752c-.57.715-1.454 1.313-2.64 1.313c-.736 0-1.355-.32-1.816-.698a.5.5 0 0 1-.184-.387V14.5ZM7 6.5a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1Zm0 6a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1Zm6-3a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='D'], .CG-custom-checkbox ul>li.task-list-item[data-task='D'] .task-list-item-checkbox {
	background-color: olivedrab;
	border: 1px solid olivedrab;
    box-shadow: 0 0 5px olivedrab, 0 0 10px olivedrab, 0 0 15px olivedrab;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='D']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='D'] .task-list-item-checkbox:hover {
	background-color: rgb(123, 163, 41);
	border: 1px solid rgb(123, 163, 41);
}
.CG-custom-checkbox [data-task='D'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='D'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M10.752 8.997a.748.748 0 1 1 0-1.497a.748.748 0 0 1 0 1.497Zm-.749 1.752a.748.748 0 1 0 1.497 0a.748.748 0 0 0-1.497 0ZM8 8.996A.748.748 0 1 1 8 7.5a.748.748 0 0 1 0 1.497Zm-.749 1.752a.748.748 0 1 0 1.497 0a.748.748 0 0 0-1.497 0Zm-2-1.752a.748.748 0 1 1 0-1.497a.748.748 0 0 1 0 1.497ZM2 4.5A2.5 2.5 0 0 1 4.5 2h7A2.5 2.5 0 0 1 14 4.5v7a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 11.5v-7ZM13 6H3v5.5A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5V6Zm-1.5-3h-7A1.5 1.5 0 0 0 3 4.5V5h10v-.5A1.5 1.5 0 0 0 11.5 3Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='I'], .CG-custom-checkbox ul>li.task-list-item[data-task='I'] .task-list-item-checkbox {
	background-color: dodgerblue;
	border: 1px solid dodgerblue;
    box-shadow: 0 0 5px dodgerblue, 0 0 10px dodgerblue, 0 0 15px dodgerblue;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='I']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='I'] .task-list-item-checkbox:hover {
	background-color: rgb(28, 132, 235);
	border: 1px solid rgb(28, 132, 235);
}
.CG-custom-checkbox [data-task='I'] input[type='checkbox']:checked:after,
.CG-custom-checkbox [data-task='I'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M8 7a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 8 7Zm0-.75a.749.749 0 1 0 0-1.5a.749.749 0 0 0 0 1.498ZM2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Zm6-5a5 5 0 1 0 0 10A5 5 0 0 0 8 3Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='i'], .CG-custom-checkbox ul>li.task-list-item[data-task='i'] .task-list-item-checkbox {
	background-color: goldenrod;
	border: 1px solid goldenrod;
    box-shadow: 0 0 5px goldenrod, 0 0 10px goldenrod, 0 0 15px goldenrod;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='i']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='i'] .task-list-item-checkbox:hover {
	background-color: rgb(199, 151, 28);
	border: 1px solid rgb(199, 151, 28);
}
.CG-custom-checkbox [data-task='i'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='i'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M9.5 6.502a.5.5 0 0 1 1 0v1.002a.5.5 0 0 1-1 0V6.502Zm3.35.941a.5.5 0 0 0-.707 0l-.708.709a.5.5 0 0 0 .707.707l.709-.709a.5.5 0 0 0 0-.707Zm-4.998 0a.5.5 0 1 0-.707.707l.708.709a.5.5 0 1 0 .707-.707l-.708-.709ZM10 2c3.314 0 6 2.597 6 5.8c0 1.677-.745 3.216-2.204 4.594a.599.599 0 0 0-.145.213l-.026.081l-.936 3.917c-.184.771-.865 1.33-1.67 1.39l-.144.005h-1.75c-.818 0-1.535-.516-1.776-1.262l-.038-.133l-.935-3.916a.595.595 0 0 0-.17-.295c-1.39-1.312-2.133-2.77-2.2-4.355L4 7.8l.003-.191C4.108 4.494 6.753 2 10 2ZM7.955 15l.319 1.334l.026.096c.097.3.376.522.712.563l.113.007h1.713l.106-.003a.856.856 0 0 0 .741-.525l.031-.1l.329-1.372h-4.09ZM10 3C7.368 3 5.212 4.953 5.015 7.414l-.012.212L5 7.779l.004.217c.056 1.304.674 2.525 1.888 3.671c.188.178.33.398.414.64l.043.15L7.716 14H9.5V9.497a.5.5 0 1 1 1 0V14h1.785l.387-1.615l.051-.15c.086-.215.218-.409.386-.568C14.383 10.465 15 9.181 15 7.8C15 5.157 12.769 3 10 3Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='N'], .CG-custom-checkbox ul>li.task-list-item[data-task='N'] .task-list-item-checkbox {
	background-color: plum;
	border: 1px solid plum;
    box-shadow: 0 0 5px plum, 0 0 10px plum, 0 0 15px plum;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='N']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='N'] .task-list-item-checkbox:hover {
	background-color: rgb(193, 137, 193);
	border: 1px solid rgb(193, 137, 193);
}
.CG-custom-checkbox [data-task='N'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='N'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M4.5 2A2.5 2.5 0 0 0 2 4.5v7A2.5 2.5 0 0 0 4.5 14h3.672a2.5 2.5 0 0 0 1.767-.732l3.329-3.329A2.5 2.5 0 0 0 14 8.172V4.5A2.5 2.5 0 0 0 11.5 2h-7ZM3 4.5A1.5 1.5 0 0 1 4.5 3h7A1.5 1.5 0 0 1 13 4.5V8h-2.5A2.5 2.5 0 0 0 8 10.5V13H4.5A1.5 1.5 0 0 1 3 11.5v-7Zm6 8.25V10.5A1.5 1.5 0 0 1 10.5 9h2.25c-.055.083-.118.16-.19.232l-3.328 3.329a1.564 1.564 0 0 1-.232.19Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='Q'], .CG-custom-checkbox ul>li.task-list-item[data-task='Q'] .task-list-item-checkbox,
.CG-custom-checkbox .task-list-item-checkbox[data-task='"'], .CG-custom-checkbox ul>li.task-list-item[data-task='"'] .task-list-item-checkbox {
	background-color: tan;
	border: 1px solid tan;
    box-shadow: 0 0 5px tan, 0 0 10px tan, 0 0 15px tan;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='Q']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='Q'] .task-list-item-checkbox:hover,
.CG-custom-checkbox .task-list-item-checkbox[data-task='"']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='"'] .task-list-item-checkbox:hover {
	background-color: rgb(183, 156, 122);
	border: 1px solid rgb(183, 156, 122);
}
.CG-custom-checkbox [data-task='Q'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='Q'][type='checkbox']:checked:after,
.CG-custom-checkbox [data-task='"'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='"'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M9.646 11.146c1.387-1.386 2.008-2.76 2.24-4.352A2 2 0 1 1 13 5c-.001 2.592-.528 4.734-2.647 6.854a.5.5 0 0 1-.708-.708Zm-6 0c1.387-1.386 2.009-2.76 2.24-4.352A2 2 0 1 1 7 5c-.001 2.592-.528 4.734-2.647 6.854a.5.5 0 0 1-.708-.708Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='P'], .CG-custom-checkbox ul>li.task-list-item[data-task='P'] .task-list-item-checkbox,
.CG-custom-checkbox .task-list-item-checkbox[data-task='p'], .CG-custom-checkbox ul>li.task-list-item[data-task='p'] .task-list-item-checkbox {
	background-color: limegreen;
	border: 1px solid limegreen;
    box-shadow: 0 0 5px limegreen, 0 0 10px limegreen, 0 0 15px limegreen;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='P']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='P'] .task-list-item-checkbox:hover,
.CG-custom-checkbox .task-list-item-checkbox[data-task='p']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='p'] .task-list-item-checkbox:hover {
	background-color: rgb(45, 184, 45);
	border: 1px solid rgb(45, 184, 45);
}
.CG-custom-checkbox [data-task='P'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='P'][type='checkbox']:checked:after,
.CG-custom-checkbox [data-task='p'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='p'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M15.056 9.004c.46-1.427.693-2.677.693-3.754c0-2.398-.939-4.247-2.5-4.247c-.847 0-1.109.504-1.437 1.747c.018-.065-.163.634-.215.821c-.101.359-.277.97-.527 1.831a.247.247 0 0 1-.03.065L8.174 9.953a5.885 5.885 0 0 1-2.855 2.326l-1.257.482a1.75 1.75 0 0 0-1.092 1.967l.686 3.539a2.25 2.25 0 0 0 1.673 1.757l8.25 2.022a4.75 4.75 0 0 0 5.733-3.44l1.574-6.173a2.75 2.75 0 0 0-2.665-3.43h-3.165Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='C'], .CG-custom-checkbox ul>li.task-list-item[data-task='C'] .task-list-item-checkbox,
.CG-custom-checkbox .task-list-item-checkbox[data-task='c'], .CG-custom-checkbox ul>li.task-list-item[data-task='c'] .task-list-item-checkbox {
	background-color: crimson;
	border: 1px solid crimson;
    box-shadow: 0 0 5px crimson, 0 0 10px crimson, 0 0 15px crimson;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='C']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='C'] .task-list-item-checkbox:hover,
.CG-custom-checkbox .task-list-item-checkbox[data-task='c']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='c'] .task-list-item-checkbox:hover {
	background-color: rgb(194, 19, 54);
	border: 1px solid rgb(194, 19, 54);
}
.CG-custom-checkbox [data-task='C'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='C'][type='checkbox']:checked:after,
.CG-custom-checkbox [data-task='c'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='c'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M15.056 14.183c.46 1.427.693 2.676.693 3.753c0 2.398-.939 4.247-2.5 4.247c-.8 0-1.078-.45-1.383-1.546l-.27-1.022c-.1-.358-.276-.97-.526-1.83a.247.247 0 0 0-.03-.066l-2.866-4.485a5.885 5.885 0 0 0-2.855-2.327l-1.257-.481A1.75 1.75 0 0 1 2.97 8.458l.686-3.538a2.25 2.25 0 0 1 1.673-1.758l8.25-2.021a4.75 4.75 0 0 1 5.733 3.44l1.574 6.172a2.75 2.75 0 0 1-2.665 3.43h-3.165Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='u'], .CG-custom-checkbox ul>li.task-list-item[data-task='u'] .task-list-item-checkbox {
	background-color: lawngreen;
	border: 1px solid lawngreen;
    box-shadow: 0 0 5px lawngreen, 0 0 10px lawngreen, 0 0 15px lawngreen;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='u']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='u'] .task-list-item-checkbox:hover {
	background-color: rgb(112, 222, 3);
	border: 1px solid rgb(112, 222, 3);
}
.CG-custom-checkbox [data-task='u'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='u'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="m8.75 4l4.548.001l.108.015l.113.033l.102.048l.038.023l.049.035l.076.067l.084.101l.059.1l.041.105l.023.097l.01.125v4.504a.75.75 0 0 1-1.493.102l-.006-.102L12.5 6.56l-4.22 4.223a.75.75 0 0 1-.978.073l-.084-.073L5.75 9.31l-2.469 2.47a.75.75 0 0 1-1.133-.977l.073-.084l2.998-3a.75.75 0 0 1 .977-.073l.084.073l1.47 1.474L11.441 5.5H8.75a.75.75 0 0 1-.743-.648L8 4.75A.75.75 0 0 1 8.75 4Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='d'], .CG-custom-checkbox ul>li.task-list-item[data-task='d'] .task-list-item-checkbox {
	background-color: firebrick;
	border: 1px solid firebrick;
    box-shadow: 0 0 5px firebrick, 0 0 10px firebrick, 0 0 15px firebrick;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='d']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='d'] .task-list-item-checkbox:hover {
	background-color: rgb(197, 38, 38);
	border: 1px solid rgb(197, 38, 38);
}
.CG-custom-checkbox [data-task='d'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='d'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="m8.75 12l4.548-.001l.108-.015l.113-.033l.102-.048l.038-.023l.049-.035l.076-.067l.084-.101l.059-.1l.041-.105l.023-.098l.01-.124V6.746a.75.75 0 0 0-1.493-.102l-.006.102L12.5 9.44L8.28 5.217a.75.75 0 0 0-.978-.073l-.084.073L5.75 6.69L3.28 4.219a.75.75 0 0 0-1.133.977l.073.084l2.998 3a.75.75 0 0 0 .977.073l.084-.073L7.75 6.807l3.691 3.693H8.75a.75.75 0 0 0-.743.648L8 11.25c0 .414.336.75.75.75Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='<'], .CG-custom-checkbox ul>li.task-list-item[data-task='<'] .task-list-item-checkbox {
	background-color: cornflowerblue;
	border: 1px solid cornflowerblue;
    box-shadow: 0 0 5px cornflowerblue, 0 0 10px cornflowerblue, 0 0 15px cornflowerblue;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='<']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='<'] .task-list-item-checkbox:hover {
	background-color: rgb(91, 132, 208);
	border: 1px solid rgb(91, 132, 208);
}
.CG-custom-checkbox [data-task='<'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='<'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="m12.815 12.197l-7.532 1.255a.5.5 0 0 0-.386.318L2.3 20.728c-.248.64.421 1.25 1.035.942l7.674-3.837a6.5 6.5 0 0 1 10.589-5.38a.752.752 0 0 0-.263-1.124l-18-9c-.614-.307-1.283.303-1.035.942l2.598 6.958a.5.5 0 0 0 .386.318l7.532 1.255a.2.2 0 0 1 0 .395ZM17.5 12a5.5 5.5 0 1 1 0 11a5.5 5.5 0 0 1 0-11Zm2 5.5h-2V15a.5.5 0 0 0-1 0v3a.5.5 0 0 0 .5.5h2.5a.5.5 0 0 0 0-1Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='*'], .CG-custom-checkbox ul>li.task-list-item[data-task='*'] .task-list-item-checkbox {
	background-color: yellow;
	border: 1px solid yellow;
    box-shadow: 0 0 5px yellow, 0 0 10px yellow, 0 0 15px yellow;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='*']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='*'] .task-list-item-checkbox:hover {
	background-color: rgb(224, 224, 3);
	border: 1px solid rgb(224, 224, 3);
}
.CG-custom-checkbox [data-task='*'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='*'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M9.104 2.9a1 1 0 0 1 1.794 0l1.93 3.91l4.317.628a1 1 0 0 1 .554 1.706l-3.124 3.044l.738 4.3a1 1 0 0 1-1.451 1.054l-3.86-2.03l-3.862 2.03a1 1 0 0 1-1.45-1.055l.737-4.299l-3.124-3.044a1 1 0 0 1 .554-1.706l4.317-.627l1.93-3.912ZM4.39 12.687a.5.5 0 0 1-.078.703l-2.5 2a.5.5 0 1 1-.624-.781l2.5-2a.5.5 0 0 1 .702.078ZM4.312 5.11a.5.5 0 1 1-.624.78l-2.5-2a.5.5 0 1 1 .624-.78l2.5 2Zm11.297 7.578a.5.5 0 0 0 .079.703l2.5 2a.5.5 0 1 0 .624-.781l-2.5-2a.5.5 0 0 0-.703.078Zm.079-7.578a.5.5 0 0 0 .624.78l2.5-2a.5.5 0 1 0-.624-.78l-2.5 2Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='l'], .CG-custom-checkbox ul>li.task-list-item[data-task='l'] .task-list-item-checkbox {
	background-color: palegreen;
	border: 1px solid palegreen;
    box-shadow: 0 0 5px palegreen, 0 0 10px palegreen, 0 0 15px palegreen;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='l']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='l'] .task-list-item-checkbox:hover {
	background-color: rgb(129, 213, 129);
	border: 1px solid rgb(129, 213, 129);
}
.CG-custom-checkbox [data-task='l'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='l'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M7.318 6.5c.168-.873.397-1.657.67-2.32c.301-.733.648-1.294 1.008-1.663C9.354 2.149 9.693 2 10 2c.307 0 .646.149 1.004.517c.36.37.707.93 1.008 1.663c.273.663.502 1.447.67 2.32H7.318Zm-.255-2.7a7.188 7.188 0 0 1 .827-1.52A8.02 8.02 0 0 0 2.804 6.5h3.497c.182-1.007.441-1.922.762-2.7Zm5.874 0a7.19 7.19 0 0 0-.827-1.519A8.02 8.02 0 0 1 17.196 6.5h-3.497c-.182-1.007-.441-1.922-.762-2.7Zm.913 3.7h3.752c.234.712.37 1.468.394 2.253a4.39 4.39 0 0 0-2.495-.752c-.54 0-1.048.09-1.514.255A20.147 20.147 0 0 0 13.85 7.5Zm-.851 2.258a19.325 19.325 0 0 0-.157-2.258H7.158A19.438 19.438 0 0 0 7 10c0 .875.056 1.714.158 2.5h3.982c.272-1.128.93-2.109 1.859-2.742ZM11.003 13.5H7.318c.168.873.397 1.657.67 2.32c.301.733.648 1.294 1.008 1.663c.358.368.697.517 1.004.517c.307 0 .646-.149 1.004-.517c.254-.26.502-.617.732-1.063c-.491-.934-.736-1.87-.736-2.738l.003-.182Zm-8.199 0a8.02 8.02 0 0 0 5.087 4.219a7.187 7.187 0 0 1-.828-1.518c-.32-.78-.58-1.694-.762-2.701H2.804Zm3.346-1H2.398A7.992 7.992 0 0 1 2 10c0-.873.14-1.713.398-2.5H6.15C6.052 8.295 6 9.134 6 10c0 .866.052 1.705.15 2.5ZM19 13.682c0-2.033-1.465-3.681-3.499-3.681c-2.033 0-3.501 1.648-3.501 3.681c0 1.524.982 3.53 3.256 5.236c.145.11.345.11.49 0C18.022 17.212 19 15.206 19 13.682Zm-2-.182a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='S'], .CG-custom-checkbox ul>li.task-list-item[data-task='S'] .task-list-item-checkbox {
	background-color: lightcoral;
	border: 1px solid lightcoral;
    box-shadow: 0 0 5px lightcoral, 0 0 10px lightcoral, 0 0 15px lightcoral;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='S']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='S'] .task-list-item-checkbox:hover {
	background-color: rgb(200, 107, 107);
	border: 1px solid rgb(200, 107, 107);
}
.CG-custom-checkbox [data-task='S'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='S'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M13.973 7.722c.018.173.027.354.027.545c0 1.297-.452 2.169-.89 2.715a3.603 3.603 0 0 1-.603.596a2.61 2.61 0 0 1-.236.162l-.009.005a.5.5 0 0 0-.262.44V13.5a.5.5 0 0 1-.5.5H11a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1h-.5a.5.5 0 0 1-.5-.5v-.603a.5.5 0 0 0-.45-.498a2.855 2.855 0 0 1-.464-.143a3.16 3.16 0 0 1-1.063-.707c-.443-.45-.714-1.042-.86-1.453c-.143-.409-.471-.779-.94-.911A.307.307 0 0 1 2 8.89v-.794a.29.29 0 0 1 .21-.279c.485-.139.809-.531.946-.945c.112-.34.31-.776.632-1.103a4.818 4.818 0 0 1 1.262-.906c.039-.02.07-.034.09-.043l.02-.01l.004-.001a.5.5 0 0 0 .303-.46V2.675a7.2 7.2 0 0 0 .7.527c.317.208.687.405 1.074.51c.114-.328.27-.64.464-.928h-.006c-.279-.029-.62-.18-.985-.419a7.02 7.02 0 0 1-.94-.757a.774.774 0 0 0-.827-.15a.76.76 0 0 0-.48.704v1.877a6.09 6.09 0 0 0-1.39 1.028c-.477.482-.736 1.084-.87 1.491c-.056.167-.168.268-.272.297A1.29 1.29 0 0 0 1 8.095v.795c0 .585.389 1.098.951 1.257a.43.43 0 0 1 .27.281c.166.472.498 1.223 1.09 1.823A4.158 4.158 0 0 0 5 13.287v.213A1.5 1.5 0 0 0 6.5 15H7a1 1 0 0 0 1-1h2a1 1 0 0 0 1 1h.5a1.5 1.5 0 0 0 1.5-1.5v-1.043a4.61 4.61 0 0 0 .89-.85c.562-.7 1.11-1.788 1.11-3.34c0-.65-.092-1.232-.27-1.752a4.01 4.01 0 0 1-.757 1.207Zm-.182-3.847a3.001 3.001 0 0 1-.91 3.502c-.417.329-.988.304-1.478.1l-2.39-.989c-.49-.203-.912-.589-.974-1.116a3.001 3.001 0 0 1 5.752-1.497Zm-1.53 2.717a2.001 2.001 0 1 0-3.228-1.337c.002.02.01.057.066.116a.87.87 0 0 0 .297.193l2.39.99a.84.84 0 0 0 .347.073c.08-.002.113-.023.128-.035ZM5.75 7.5a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='k'], .CG-custom-checkbox ul>li.task-list-item[data-task='k'] .task-list-item-checkbox {
	background-color: steelblue;
	border: 1px solid steelblue;
    box-shadow: 0 0 5px steelblue, 0 0 10px steelblue, 0 0 15px steelblue;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='k']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='k'] .task-list-item-checkbox:hover {
	background-color: rgb(80, 149, 206);
	border: 1px solid rgb(80, 149, 206);
}
.CG-custom-checkbox [data-task='k'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='k'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cg fill="currentColor"%3E%3Cpath d="M11 6a1 1 0 1 0 0-2a1 1 0 0 0 0 2Z"%2F%3E%3Cpath d="M7.5 12v-.5h1A.5.5 0 0 0 9 11v-1h1a4 4 0 1 0-3.838-2.87L2.292 11a1 1 0 0 0-.292.707V13a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-.5h1a.5.5 0 0 0 .5-.5ZM7 6a3 3 0 1 1 3 3H8.5a.5.5 0 0 0-.5.5v1H7a.5.5 0 0 0-.5.5v.5h-1a.5.5 0 0 0-.5.5v1H3v-1.293l4.089-4.089a.5.5 0 0 0 .113-.534C7.072 6.748 7 6.384 7 6Z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='w'], .CG-custom-checkbox ul>li.task-list-item[data-task='w'] .task-list-item-checkbox {
	background-color: darkorange;
	border: 1px solid darkorange;
    box-shadow: 0 0 5px darkorange, 0 0 10px darkorange, 0 0 15px darkorange;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='w']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='w'] .task-list-item-checkbox:hover {
	background-color: rgb(216, 120, 1);
	border: 1px solid rgb(216, 120, 1);
}
.CG-custom-checkbox [data-task='w'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='w'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M3.999 3h-.503a1.5 1.5 0 0 0-1.5 1.5v1c0 1.252.922 2.288 2.122 2.471a4.004 4.004 0 0 0 3.381 2.998V12h-1.5a2 2 0 0 0-2 2v.504a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V14a2 2 0 0 0-2-2h-1.5v-1.03a4.004 4.004 0 0 0 3.381-3A2.501 2.501 0 0 0 14 5.5v-1A1.5 1.5 0 0 0 12.5 3H12a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2Zm8 1h.5a.5.5 0 0 1 .5.5v1a1.5 1.5 0 0 1-1 1.414V4Zm-8 0v2.915A1.502 1.502 0 0 1 2.996 5.5v-1a.5.5 0 0 1 .5-.5H4Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='f'], .CG-custom-checkbox ul>li.task-list-item[data-task='f'] .task-list-item-checkbox {
	background-color: orangered;
	border: 1px solid orangered;
    box-shadow: 0 0 5px orangered, 0 0 10px orangered, 0 0 15px orangered;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='f']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='f'] .task-list-item-checkbox:hover {
	background-color: rgb(214, 57, 0);
	border: 1px solid rgb(214, 57, 0);
}
.CG-custom-checkbox [data-task='f'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='f'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M4 14q0-2.625 1.25-4.675T8 5.875q1.5-1.4 2.75-2.138L12 3v3.3q0 .925.625 1.462q.625.538 1.4.538q.425 0 .813-.175q.387-.175.712-.575L16 7q1.8 1.05 2.9 2.912Q20 11.775 20 14q0 2.2-1.075 4.012q-1.075 1.813-2.825 2.863q.425-.6.663-1.313Q17 18.85 17 18.05q0-1-.375-1.887q-.375-.888-1.075-1.588L12 11.1l-3.525 3.475q-.725.725-1.1 1.6Q7 17.05 7 18.05q0 .8.238 1.512q.237.713.662 1.313q-1.75-1.05-2.825-2.863Q4 16.2 4 14Zm8-.1l2.125 2.075q.425.425.65.95q.225.525.225 1.125q0 1.225-.875 2.087Q13.25 21 12 21t-2.125-.863Q9 19.275 9 18.05q0-.575.225-1.112q.225-.538.65-.963Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
/*========== Mobile UI =============*/
/*Fixes strange tiny next/prev buttons on finder for PDF*/
.is-phone .pdf-findbar .pdf-toolbar-button{
    padding:3px;
}
/*Readapts scroller editor*/
body.is-phone .markdown-source-view.mod-cm6 .cm-scroller::-webkit-scrollbar-track {
	margin-bottom: 48px;
}
/*Fixes the offset for header title for note*/
.is-mobile .view-header-title-container {
	padding-left: 0px;
}
/*Corrects Scrollbar height for edit/preview new view*/
.is-mobile .workspace-leaf-content[data-type='markdown'] .view-content ::-webkit-scrollbar-track {
	margin-bottom: 34px;
    margin-top:50px;
}
/*Shifts body for new style in markdown only for Mobile*/
.is-mobile .workspace-leaf-content[data-type="markdown"] .markdown-preview-view.is-readable-line-width .markdown-preview-sizer{ 
       margin-top:50px;
}
.is-mobile .view-content > .markdown-source-view.mod-cm6 > .cm-editor > .cm-scroller{
    padding-top:60px;
}
/*Sets style for header in markdown only*/
.workspace-leaf-content[data-type="markdown"] .view-header {
    position: absolute;
    width: 100%;
    background: var(--background-tertiary);
    --webkit-backdrop-filter: blur 120px;
    backdrop-filter: blur(18px);
    z-index: 90 !important;
    border-radius: 5px 5px 0 0;
}
/*On phone brighter text color*/
.is-phone .suggestion-item, .is-phone .menu-item, .is-phone .menu-item-icon, .is-mobile .tree-item .tree-item-self,
.mobile-toolbar-option{
    color: var(--text-accent);
}
/*On phone icon in file tree text color*/
body.is-phone .workspace-leaf-content[data-type="file-explorer"] .nav-file-title .nav-file-title-content::before,
body.is-phone .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title .nav-folder-title-content::before{
background-color:  var(--text-accent);
}
/*Sets Spacing of items on nav bar*/
.mobile-navbar-actions {
	justify-content: space-around;
}
/*Bottom Nav Styled*/
.mobile-navbar-actions,
.is-phone .workspace-drawer .nav-header {
	border-bottom: 2px solid;
	border-top: 2px solid;
	border-image-slice: 1;
	border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Unique Menu Style*/
.is-mobile .menu, .theme-dark.is-mobile .prompt, .is-mobile .prompt {
    background: var(--background-settings);
    border-radius: 3px;
    border-image-slice: 1;
    border-top: 2px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 2px solid;
}
/*Styles text search on mobile*/
.is-mobile .workspace-leaf-content[data-type="markdown"] .document-search-container {
    width: 100%;
    position:absolute;
    background: var(--background-tertiary);
    --webkit-backdrop-filter: blur 120px;
    backdrop-filter: blur(18px);
    margin-top:50px;
}
/*Bumps down content for text search.is-mobile .document-sear in preview*/
.is-mobile .document-search-container ~ .markdown-preview-view {
    margin-top:60px;
}
/*Bumps down content for text search in editor*/
.is-mobile .document-search-container ~ .cm-editor{
    padding-top:60px !important;
}
/*Bumps down content for text search and replace in editor*/
.is-mobile .document-search-container.mod-replace-mode ~ .cm-editor{
    margin-top:60px;
}
/*Sets appropriate spacings between header, Finder and replacer*/
.is-mobile .document-search, .is-mobile .document-replace{
    margin-top: 10px;
}
/*Adds a blur effect to PDF thumbnail container on mobile*/
.is-mobile .pdf-content-container.sidebarOpen .pdf-sidebar-container {
    backdrop-filter: blur(8px);
}
/*"Float Phone Menu "*/
.is-phone .menu{
    top: 20%!important;
}
/*Sets the color for toolbar style*/
.mobile-toolbar-option:active {
    background: var(--text-selection);
    border-image-slice: 1;
    border-right: 1px solid;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-left: 1px solid;
    border-radius: var(--radius-s);
    padding-top:3px;
    padding-bottom:3px;
}
/*Mobile Navigation Bar (bottom)*/
.mobile-navbar {
	backdrop-filter: blur(18px);
	background: var(--background-tertiary);
	background-attachment: fixed !important;
    padding: 0px;
}
/*Edit Mode Toolbar*/
.mobile-toolbar-options-container {
	padding: 26px 10px;
	align-items: center;
	z-index: 90;
	backdrop-filter: blur(18px);
	background: var(--background-settings);
	background-attachment: fixed !important;
	position: absolute;
	bottom: 0px;
	border-image-slice: 1;
	border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
	border-top: 2px solid;
}
/*Fixes misaligned bullet points in mobile preview*/
.is-mobile .markdown-rendered .list-collapse-indicator{
    margin-left:-2.5em;
}
/*Mobile and Notice Style*/
.pull-action.mod-activated, .pull-action, .is-phone .notice {
	background: var(--background-tertiary);
	--webkit-backdrop-filter: blur 120px;
	backdrop-filter: blur(18px);
	z-index: 90 !important;
	border-radius: 5px 5px 0 0;
	border-image-slice: 1;
	border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-radius: var(--radius-s);
	color: var(--text-normal);
}
/*--------------- Mobile UI: Sidepanel -----------------*/
/*On Phone side panels are full screen*/
.is-phone .workspace-drawer.mod-left, .is-phone .workspace-drawer.mod-right {
	border-radius: 0px;
	min-width: -webkit-fill-available;
    backdrop-filter: blur(16px);
}
/*Corrects the file Search location */
.is-mobile .search-row{
    margin-top: 57px;
    border-radius: 0px;
}
/*Change background for parameter, search row and search info*/
.is-phone .search-params, .is-phone .search-row, .search-results-info {
    background: var(--background-settings);
}
/*Background for sidepanels*/
.is-phone .theme-dark .workspace-drawer-inner, .is-phone .workspace-drawer-inner {
	background: var(--background-primary);
}
/*Colors uncolored text*/
.workspace-drawer-header-info, .workspace-drawer-header-name-text, .workspace-drawer-tab-option-item-title, .workspace-drawer-active-tab-title, 
.workspace-drawer-active-tab-icon, .workspace-drawer-tab-option-item-icon {
	color: var(--text-accent);
}
/*Styles active tab header in side panel*/
.is-mobile .workspace-drawer-active-tab-header {
	z-index: 90;
	backdrop-filter: blur(18px);
	background: var(--background-settings);
	background-attachment: fixed;
	position: absolute;
	width: -webkit-fill-available;
	border-image-slice: 1;
	border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
	border-bottom: 2px solid;
    margin: 0px;
}
/*Corrects the view from the style above*/
.is-mobile .workspace-drawer-active-tab-container .workspace-drawer-active-tab-content .nav-files-container, .is-mobile .tag-container {
	padding-top: 60px;
	margin-bottom: -50px;
	padding-bottom: 60px;
    backdrop-filter: blur(18px);
}
/*Sidepanel Scrollbar re-positioning*/
body.is-mobile .nav-files-container::-webkit-scrollbar-track, .is-mobile .tag-container::-webkit-scrollbar-track {
	margin-top: 55px;
	margin-bottom: 40px;
}
/*Sidepanel top header*/
.is-mobile .workspace-drawer-header {
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-image-slice: 1;
	border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
	background: var(--background-settings);
}
/*Corrects view for outline*/
.is-mobile .workspace-drawer-active-tab-content .outline {
	padding-top: 60px;
}
/*Colors Right Hand Icons in Header for sidepanel*/
.is-mobile .workspace-drawer-active-tab-back-icon, .is-mobile .workspace-drawer-active-tab-icon:last-child, .is-mobile .workspace-drawer-header-icon {
	color: var(--text-faint);
}
/*Sidepanel Tabs and Vault Name spacing, */
.is-mobile .workspace-drawer-tab-option-item, .is-mobile .workspace-drawer-header-switcher {
    padding: 3px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
/*Sidepanel Tabs, Vault Name, Settings Button and Sub header panels style on Active*/
.is-mobile .workspace-drawer-tab-option-item:active, .is-mobile .workspace-drawer-header-switcher:active, .is-mobile .workspace-drawer-header-icon:active,
.workspace-drawer-header-icon:active, .workspace-drawer-active-tab-icon:active, .workspace-drawer-active-tab-back-icon:active, 
.workspace-drawer-active-tab-title:active    {
    background: var(--text-selection);
    color: var(--text-accent);
    box-shadow: 0 0 0 transparent;
    border-image-slice: 1;
    border-top: 1px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
    border-radius: var(--radius-s);
}
/*Sub header side panel spacing*/
.workspace-drawer-active-tab-icon, .workspace-drawer-active-tab-back-icon, .workspace-drawer-active-tab-title {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding: 1px;
}
/*Spacing for Settings Button*/
.is-mobile .workspace-drawer-header-icon{
    padding-top: var(--size-2-2);
    padding-left: 5px;
    padding-right: 5px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
/*Bottom nav Style*/
.is-mobile .workspace-drawer .nav-header {
	background: var(--background-tertiary);
	background-attachment: fixed !important;
    z-index: 1;
    padding-bottom: 7px;
}
/*Fixed Kanban Board View*/
.is-mobile .kanban-plugin__board{
    margin-bottom: 50px;
}    
/*Removes unnecessary background color*/
.is-phone .workspace-split.mod-root .view-content{
background-color: transparent;
}
.is-mobile .tree-item-self.nav-file-title.is-active{
    background: var(--text-selection);
}
/*Fixes Backlinks view for styled header*/
.is-mobile .workspace-leaf-content[data-type='backlink'] .view-content,.is-mobile .workspace-leaf-content[data-type='outgoing-link'] .view-content {
    margin-top:60px
}
/*Fix missing active style*/
.is-phone .clickable-icon.has-active-menu{
    background-color: var(--text-selection);
}
/*---------------- Mobile: Settings -----------------------*/
/*Colors group title in Settings*/
.is-phone .vertical-tab-header-group-title, .is-phone .setting-item-heading .setting-item-name {
	color: var(--text-accent);
	padding-bottom: 5px;
}
/*Styled back button in settings similar to close button*/
.is-phone .modal-setting-back-button {
	color: var(--text-accent);
    height:24px;
    top: calc(var(--safe-area-inset-top) + 9px);
    left: var(--size-4-5);
    padding: 2px 0px 5px 5px;
    border-radius: var(--radius-s);
}
/*Styled back button on hover*/
.is-phone .modal-setting-back-button:active {
	background: var(--text-selection);
}
/*Settings header style*/
.is-phone .modal.mod-sidebar-layout .modal-title {
	z-index: 90;
	backdrop-filter: blur(18px);
	background: var(--background-tertiary);
	background-attachment: fixed !important;
	position: absolute;
	width: -webkit-fill-available;
	border-image-slice: 1;
	border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
	border-bottom: 2px solid;
    border-top: 2px solid;
}
/*Resets scroll bar for Settings header style*/
.is-phone .modal.mod-settings .vertical-tab-header::-webkit-scrollbar-track {
	margin-top: 50px;
}
/*Resets scroll bar for Settings header style in settings pages*/
.is-phone .modal.mod-settings .vertical-tab-content::-webkit-scrollbar-track {
	margin-top: 5px;
}
/*Spacing for styled Settings header*/
.is-phone .modal.mod-settings .vertical-tab-header {
	padding-top: 50px;
}
/*Colors settings nav item list on phone*/
.is-phone .modal.mod-settings .vertical-tab-nav-item,
.is-phone.theme-dark .modal.mod-settings .vertical-tab-nav-item {
	background-color: var(--background-settings-alt);
	border-bottom: 1px solid transparent;
    color: var(--text-accent);
}
/*Styles settings list when active settings nav item list on phone*/
.is-phone .modal.mod-settings .vertical-tab-nav-item:active,
.is-phone .modal.mod-settings .vertical-tab-nav-item.is-active{
    background: var(--text-selection);
    border-top: 1px solid;
}
/*Colors settings items background*/
.is-phone .modal .setting-item {
	background-color: var(--background-settings-alt);
}
/*Spacing for styled Settings pages*/
.is-phone .modal.mod-settings .vertical-tab-content {
	margin-top: 40px;
}
.modal-close-button{
    padding: 0 2px 0 4.5px;
}
/*brings close button to the front for styled headers*/
.is-phone .modal.mod-lg .modal-close-button,
.is-phone .modal.mod-sidebar-layout .modal-close-button {
	z-index: 100;
}
/*Removes breadcrumps if enabled*/
.CG-header-crumbs.is-phone .view-header-title-parent {
	display: none;
}
/*Bumps down community controls for full view*/
.is-phone .community-modal-controls {
	margin-top: 50px;
}
/*Corrects full view for community info due to styled headers*/
.is-phone .community-modal-info {
	padding-top: 50px;
}
/*Removes unnecessary padding from prompt input (quick switcher etc)*/
.is-phone .prompt-input-cta {
	padding: 0;
}
/*Colors input field for prompt*/
.theme-dark.is-mobile .prompt input.prompt-input, .prompt input.prompt-input {
	background-color: var(--background-settings-2);
	padding: 1%;
	border: 1px solid var(--background-settings-2);
}
/*Sets spacing for buttons on empty*/
.is-mobile .empty-state-action{
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
}
/*Sets spacing for active buttons on empty*/
.is-mobile .empty-state-action:active {
	background: var(--text-selection);
    border-image-slice: 1;
	border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
	border-bottom: 2px solid;
    border-top: 2px solid;
}
/*Corrects coloring on Bookmark icon*/
.view-action.mod-bookmark{
    color:var(--activetab-faint);
    }
/*------------- Tablet -------------------*/
/*Adds some nice blur in the sidepanel panes*/
.is-tablet .workspace-drawer-tab-container > *, .is-tablet .workspace-drawer-ribbon{
    backdrop-filter: blur(18px);
}
/*Minor Spacings in tablet tab header*/
.is-tablet .sidebar-toggle-button.mod-left {
	padding-right: 5px;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}
/*Style Tablet Settings*/
.is-tablet .modal.mod-settings .modal-content {
	border-image-slice: 1;
	border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
	border-bottom: 3px solid;
	border-top: 3px solid;
}
/*Sets hover on tablet*/
.is-tablet .clickable-icon:hover{
    background-color: var(--text-selection);
}
/*Sets hover and active background color on tablet*/
body:not(.is-grabbing).is-tablet .tree-item-self.is-clickable:hover{
background-color: var(--text-selection);
}
body:not(.is-grabbing).is-tablet .tree-item-self.is-clickable:active{
    background-color: var(--color-accent-active);
}

/*Removes the useless color overlay when translucency is enabled */
body.is-frameless.is-hidden-frameless .titlebar{
   background:transparent;
}

.workspace-split:not(.mod-horizontal.mod-left-split, .mod-horizontal.mod-right-split ) .workspace-tabs:not(.mod-top) .workspace-tab-header-container{
    background: transparent;
}

.workspace-split:not(.mod-horizontal.mod-left-split, .mod-horizontal.mod-right-split ) .workspace-tabs  .workspace-leaf{
    border-radius: 5px;
}

/*Embedded HTML height fix*/
span.internal-embed.is-loaded.node-insert-event.wb-view-content-embeded{
height:600px}



/*Unsorted*/
.clickable-icon.is-active{
    color: var(--text-accent);
}

.HyperMD-header :is(.cm-header-1, .cm-header-2, .cm-header-3, .cm-header-4, .cm-header-5, .cm-header-6), .markdown-rendered :is(h1, h2, h3, h4, h5, h6){
    letter-spacing: 1px;
}
.view-content > .markdown-source-view.mod-cm6 > .cm-editor > .cm-scroller{
    padding-top:45px;
}

/*Resolves readability for Tags in headers*/
:is(h1, h2, h3, h4, h5, h6) a.tag, :is(h1, h2, h3, h4, h5, h6) a.tag:hover, .HyperMD-header:is(.HyperMD-header-1,.HyperMD-header-2,.HyperMD-header-3,.HyperMD-header-4,.HyperMD-header-5,.HyperMD-header-6).cm-line .cm-hashtag:is(.cm-hashtag-end, .cm-hashtag-begin){
    color: var(--text-normal);
}

a.tag, a.tag:hover {
    border-image-slice: 1;
    border-right: 2px solid;
    border-image-source: linear-gradient(to top, transparent, var(--activetab-highlight), transparent);
    border-left: 2px solid;
    border-top: 2px solid;
    border-bottom: 2px solid;
} 
a.tag {
	color: var(--text-normal);
	border-radius: 1px ;
	padding: 0.06rem 0.6rem;
	text-decoration: none;
	transition: all 400ms ease;
}

a.tag:hover {
	background:var(--activetab-faint) ;
    color: var(--text-normal);
}

.cm-hashtag.cm-hashtag-begin, .cm-hashtag.cm-hashtag-end{
color: var(--text-normal);
border-radius: 1px ;
padding: 0.06rem 0.1rem;
text-decoration: none;
transition: all 400ms ease;
border-image-slice: 1;
border-image-source: linear-gradient(to top, transparent, var(--activetab-highlight), transparent);
border-top: 2px solid;
border-bottom: 2px solid;
}
.cm-hashtag.cm-hashtag-end {
    border-right: 2px solid;
}
.cm-hashtag.cm-hashtag-begin {
    border-left: 2px solid;
}

.markdown-source-view.mod-cm6 .cm-table-widget .table-wrapper {
    margin-inline: auto;}

/*Active Line Editor*/
body:not(.line-active-disable) .markdown-source-view .cm-scroller .cm-line.cm-active:not(.cm-table-widget .table-wrapper .cm-line):not(:has(.mk-note-footer, .mk-floweditor-container))::before {
    content: "";
    position: absolute;
    top: 0;
    left: -22px;
    right: 0px;
    bottom: 0;
    box-shadow: inset 0em 0em 0.35em var(--text-accent);
border-radius: 3px ;
z-index: -1;
}

/*Fix Header Ellipses when minimized*/
.markdown-source-view.mod-cm6 .cm-foldPlaceholder{
 color: var(--text-normal);
}

/*New Row/Column faint visibility and style*/
.markdown-source-view.mod-cm6 .cm-table-widget .table-row-btn, .markdown-source-view.mod-cm6 .cm-table-widget .table-col-btn{
opacity:0.2;
background: var(--text-selection);
border: none;
box-shadow: inset 0em 0em 0.35em var(--text-accent);
color: var(--text-normal);
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-row-btn{
border-radius: 0 0 5px 5px;
}
 .markdown-source-view.mod-cm6:not(.is-rtl) .cm-table-widget .table-col-btn{
border-radius: 0 5px 5px 0;
}

.markdown-source-view.mod-cm6 .cm-table-widget .table-col-drag-handle, .markdown-source-view.mod-cm6 .cm-table-widget .table-row-drag-handle{
opacity:1;}


.markdown-source-view.mod-cm6 .cm-table-widget .table-row-drag-handle:hover, .markdown-source-view.mod-cm6 .cm-table-widget .table-col-drag-handle:hover {
    background-color: var(--table-drag-handle-background-active);
    color: var(--table-drag-handle-color-active);
    box-shadow: 0 0 0 var(--table-selection-border-width) var(--table-selection-border-color);
}

/* .workspace-tabs:not(.mod-top) .workspace-leaf-content,  .workspace-tabs:not(.mod-top) .workspace-leaf-content, .workspace-split.mod-vertical.mod-root .workspace-tabs:not(.mod-stacked) .view-content{
    border-radius: 0 0 5px 5px;
} */

.workspace-split{
     background-color: transparent;
}

/*codeblock*/
.markdown-source-view.mod-cm6 .cm-line:hover {
    background: transparent;
}

/*Vault Profile Bar*/
body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile{
    background-color: var(--background-tertiary);
    border-radius: 0 0 5px 5px;
    border-top: transparent solid 0px;
=======
/* Cyber Glow for Obsidian built by TheEmperorArt version 1.3.7
/* Please credit me if you modify or take parts for your own theme*/
/*===================== Style Settings ======================*/
/* @settings
name: Cyber Glow Tweakbox
id: CG
collapsed: false
settings:
   - 
      id: CG-workspace
      title: Background Controls
      type: heading
      level: 1
      description: Background and Wallpaper Controls
      collapsed: true/
   - 
      id: CG-workspace-background
      title: Enable Workspace Backgound
      description: Enable Custom Wallpaper background
      type: class-toggle
      default: CG-workspace-background-image-custom
   -
      id: CG-workspace-background-image
      title: Select Background Image
      description: Select Custom to use your custom links or paths to your wallpaper in "Custom Workspace Background Image". (Author's)
      type: class-select
      allowEmpty: false
      default: CG-workspace-background-image-obsidianbg
      options:
         - 
            label: CG v8 (chesterocampo - Papillon Kotetsu)
            value: CG-workspace-background-image-obsidianbg
         -
            label: Custom
            value: CG-workspace-background-image-custom
   -
      id: CG-workspace-background-image-custom-option
      title: Custom Workspace Background Image
      description: Add your wallpaper. Paste the entire link to the image including "https://" -> url("your link here"). Local file links are no longer supported by Obsidian and Style Settings haven't been updated to support any alternatives.
      type: variable-text
      default: url("")
      value: CG-workspace-background-image-custom
   -
      id: CG-workspace-background-workspace-slider
      title: Container opacity
      description: Suggestion Increase opacity a bit on Dark mode, decrease opacity on light mode.
      type: variable-number-slider
      min: 0.10
      max: 1
      step: 0.01
      default: 0.45
   - 
      id: CG-workspace-background-blur
      title: Background blur
      description: Level of blurryness
      type: variable-number-slider
      min: 0
      max: 20
      step: 1
      default: 15
      format: px
   - 
      id: CG-workspace-background-brightness
      title: Background brightness
      description: Suggestion Increase brightness on Dark mode, decrease brightness on light mode.
      type: variable-number-slider
      min: 0
      max: 3
      step: 0.01
      default: 1.15
   - 
      id: CG-workspace-background-saturation
      title: Background Saturation
      description: Increase/Decrease the color vibrancy of the background image.
      type: variable-number-slider
      min: 0
      max: 4
      step: 0.01
      default: 2
   - 
      id: CG-workspace-background-contrast
      title: Background Contrast
      description: Increase/Decrease the contrast of the background image.
      type: variable-number-slider
      min: 40
      max: 200
      step: 1
      default: 100
      format: "%"
   -
      id: CG-Workspace
      title: Workspace Controls
      type: heading
      description: Phone Header Folder Path, 
      level: 1
      collapsed: true
   -
      id: CG-header-crumbs
      title: Disable Phone's Header Folder Path
      description: The folder paths in the header easily hides the note's title. Toggle off if you want the folder path on phone.
      default: true
      type: class-toggle
   -
        title: Disable Full  Status-bar
        description: Returns Status-bar to a hover state
        id: CG-Fullstatus-off
        type: class-toggle
        default: false
   -
      id: CG-workspace-sbt
      title: Left Sidebar Toggle
      type: class-select
      allowEmpty: false
      description: Pick the Icon/image, be sure that all custom images/gifs are square aspect.
      default: CG-MObsidian-sbt
      options:
      -
        label: New Obsidian Logo
        value: CG-MObsidian-sbt
      -
        label: Classic Obsidian Logo
        value: CG-Obsidian-sbt
      -
        label: Custom
        value: CG-Custom-sbt
   -
      id: CG-workspace-custom-sbt
      title: Custom Left Sidebar Toggle
      description: Add your custom Left Toggle. Paste the entire link to the image including "https://" -> url("your link here"), Obsidian no longer supports local links.
      type: variable-text
      default: url("")
      value: CG-Custom-sbt
   - 
      id: CG-Note
      title: Note Controls
      type: heading
      description: Custom Checkboxes, Line Width, Codeblocks Controls, Signature/Cite font, Base Font
      level: 1
      collapsed: true
   -
      id: CG-custom-checkbox
      title: Custom Checkbox
      description: Enable custom checkboxes for checkbox customization
      default: true
      type: class-toggle
   -
		id: CG-line-width
		title: Readable line width
		description: The maximum line width in rem (unit relative to Appearance -> Font Size)
		type: variable-number-slider
		default: 40
		min: 30
		max: 70
		step: 1
		format: 'rem'
   -
        title: Disable Codeblocks Gutter
        description: Remove line numbers and additional styling to code blocks
        id: no-codeblock-line-numbers
        type: class-toggle
        default: false
   -
		id: CG-cite-font
		title: Cite/Signature Font (Used in blockquotes and quote callouts)
		description: Get Font from Cyber Glow's Github page. Recommend using a cursive font style
		type: variable-text
		default: 'Edwardian Script ITC'
   -
		id: default-font
		title: Base font (UI and notes font) WIP⚠️
		description: Get Font from Cyber Glow's Github page. For System Default type Inter.
		type: variable-text
		default: 'Quantico'
   -
		id: headings
		title: Heading Controls
		type: heading
		description: Headings Font and Size and Dividing Line Controls
		level: 1
		collapsed: true
   -
      id: CG-hr
      title: Heading Dividing Line (---)
      type: class-select
      allowEmpty: false
      default: CG-NewObsidian-hr
      options:
      -
        label: New Obsidian Outline
        value: CG-NewObsidian-hr
      -
        label: CG Old Default
        value: CG-OG-hr
      -
        label: No Logo
        value: CG-None-hr
      -
        label: Classic Obsidian Outline
        value: CG-ClassicObsidian-hr	
      -
        label: Windows
        value: CG-Windows-hr
      -
        label: Apple
        value: CG-Apple-hr
   -
      id: CG-workspace-custom-sbt
      title: Custom Left Sidebar Toggle
      description: Add your custom Left Toggle. Paste the entire link to the image including "https://" -> url("your link here") or paste the local file location. Be sure to use "/" instead of "\" on Windows.
      type: variable-text
      default: url("app://local/")
      value: CG-Custom-sbt
   -
		id: title-heading
		title: Title Heading (H1) WIP ⚠️
		description: Get Font from Cyber Glow's Github page. For System Default type Inter.
		type: variable-text
		default: 'Space Wham'
   -
		id: mini-header-hide
		title: Hide Header Indication
		description: Enabling this will hide the small header indicator next to headers, such as H1, H2, etc.
		type: class-toggle
		default: false
   -
		id: h1-size
		title: H1 font size
		description: Enter Header 1 Font
		type: variable-text
		default: 2.1em
   -
		id: major-heading
		title: Major Heading font (H2) WIP ⚠️
		description: Get Font from Cyber Glow's Github page. For System Default type Inter
		type: variable-text
		default: 'Quantico'
   -
		id: h2-size
		title: H2 font size
		description:  Enter Header 2 Font
		type: variable-text
		default: 1.85em
   -
		id: minor-heading 
		title: Minor Headings font (H3-6) WIP⚠️
		description: Get Font from Cyber Glow's Github page. For System Default type Inter.
		type: variable-text
		default: 'Oxanium'
   -
		id: h3-size
		title: H3 font size
		description:  Enter Header 3 Font
		type: variable-text
		default: 1.65em
   -
		id: h4-size
		title: H4 font size
		description:  Enter Header 4 Font
		type: variable-text
		default: 1.45em
   -
		id: h5-size
		title: H5 font size
		description:  Enter Header 5 Font
		type: variable-text
		default: 1.25em		
   -
		id: h6-size
		title: H6 font size
		description:  Enter Header 6 Font
		type: variable-text
		default: 1.25em		
   -
      id: CG-Color
      title: Color Picker
      type: heading
      description: Change Colors of certain elements
      level: 1
      collapsed: true
   - 
        title: Accent Text Color
        id: custom-accent
        type: variable-color
        format: hsl-values
        default: 'hsl(170, 49%, 32%)'
   - 
        title: Inactive Tab Color
        id: inactivetab-color
        type: variable-color
        format: hsl-values
        default: 'hsl(170, 49%, 32%)'
   - 
        title: Tab & Icon Color
        id: activetab-color
        type: variable-color
        format: hsl-values
        default: 'hsl(170, 49%, 32%)'
   - 
        title: Active Note Title Color 
        id: active-title
        type: variable-color
        format: hsl-values
        default: 'hsl(170, 49%, 32%)'
   - 
        title: Inactive Note Title Color 
        id: Inactive-title
        type: variable-color
        opacity: true
        format: hsl
        default: 'hsl(170, 49%, 32%)'
   - 
        title: Outgoing link color
        id: outlink-color
        type: variable-color
        format: hex
        default: '#FFA500'
   - 
        title: Internal link color
        id: inlink-color
        type: variable-color
        format: hex
        default: '#ffc400'
   - 
        title: Bullet List Color
        id: bulletlist-color
        type: variable-color
        format: hex
        default: '#21B59C'
   - 
        title: Header 1 Color
        id: h1-glow
        type: variable-color
        format: hex
        default: '#21B59C'
   - 
        title: Header 2 Color
        id: h2-glow
        type: variable-color
        format: hex
        default: '#0cd0d0'
   - 
        title: Header 3 Color
        id: h3-glow
        type: variable-color
        format: hex
        default: '#00d200'
   - 
        title: Header 4 Color
        id: h4-glow
        type: variable-color
        format: hex
        default: '#ffc400'
   - 
        title: Header 5 Color
        id: h5-glow
        type: variable-color
        format: hex
        default: '#FF0000'
   - 
        title: Header 6 Color
        id: h6-glow
        type: variable-color
        format: hex
        default: '#FF00FF'
   - 
        title: Change Blockquote color
        id: block-color
        type: variable-color
        format: hsl
        default: 'hsl(170, 49%, 32%)'
   - 
      id: CG-other
      title: Other Controls
      type: heading
      description: Stacked tabs width 
      level: 1
      collapsed: true
   - 
        id: GC-stacked-width
        title: Stacked tabs header width
        description: If the stacked tab looks weird, after altering the width, please change tabs first or open a new tab to "refresh" the theme
        type: variable-number-slider
        min: 20
        max: 70
        step: 1
        default: 35
        format: px	
*/
@font-face {
        font-family: "OxaniumFira";
            src: url(data:application/octet-stream;base64,[encoded data, 174544 characters]);
    font-weight: normal;
    font-style: normal italic;
}
    @font-face { 
        font-family: "Space Wham";
        src: url(data:application/octet-stream;base64,[encoded data, 59756 characters]);
        font-weight: normal;
        font-style: normal italic;
    }

      @font-face { 
        font-family: "Edwardian Script ITC";
            src: url(data:application/octet-stream;base64,[encoded data, 66616 characters]);
        font-weight: normal;
        font-style: normal italic;
      }

      @font-face { 
        font-family: "Orbitron";
            src: url(data:application/octet-stream;base64,[encoded data, 44748 characters]);
        font-weight: normal;
        font-style: normal italic;
      }

body {
    /*metadata*/
    --metadata-label-width: 10em;
    --metadata-gap: 5px;
    --metadata-property-radius: 3px;

    /*Style Settings Custom Tabs Colors*/
    --activetab-color: var(--color-accent-hsl); --activetab-highlight: hsl(var(--activetab-color));
    --tab-background-active: hsla(var(--activetab-color), 0.15);
    --tab-text-color-focused-active-current: var(--activetab-highlight);
    --tab-text-color-focused:var(--activetab-highlight);
    --activetab-faint: hsla(var(--activetab-color), 0.60);
    --tab-background-clicked: hsla(var(--activetab-color), 0.25);
    --tab-background-active-clicked: hsla(var(--activetab-color), 0.3);
/*Style Settings inactive tab Custom Colors*/
    --inactivetab-color: var(--activetab-color);
    --inactivetab: hsla(var(--inactivetab-color), 0.60);
 /*Style Settings inactive title Custom Colors*/
    --Inactive-title: var(--text-faint);
 /*Style Settings active title Custom Colors*/
    --active-title:  var(--color-accent-hsl);
    --activetitle-highlight: hsl(var( --active-title));
    --title-background-clicked: hsla(var(--active-title), 0.25);
    --title-background-active-clicked: hsla(var(--active-title), 0.3);
    --custom-accent: var(--color-accent-hsl);
    --custom-acc-text: hsl(var(--custom-accent));
    --custom-acc-faint: hsla(var(--custom-accent), 0.6);
    --custom-acc-active: hsla(var(--custom-accent), 0.43);
    --custom-acc-back: hsla(var(--custom-accent), 0.4);
    --custom-acc-hover: hsla(var(--custom-accent), 0.3);
    /*Fonts*/
    --default-font: 'OxaniumFira', 'Inter', 'Rubik', 'Segoe UI';
    --title-heading: 'Space Wham', 'Inter';
    --h2-font: 'Orbitron', 'Inter';
    --h3-font: 'Orbitron', 'Inter';
    --h4-font: 'Orbitron', 'Inter';
    --h5-font: 'Orbitron', 'Inter';
    --h6-font: 'Orbitron', 'Inter';

    --CG-cite-font: 'Edwardian Script ITC';
    
    /*Logo*/
    --newoutlined-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='18' height='18' fill='none' stroke='currentColor' stroke-width='32' stroke-linecap='round' stroke-linejoin='round' class='logo-wireframe'%3E%3Cpath d='M172.7 461.6c73.6-149.1 2.1-217-43.7-246.9m72 96.7c71.6-17.3 141-16.3 189.8 88.5m-114-96.3c-69.6-174 44.6-181 16.3-273.6m97.7 370c1.6-3 3.3-5.8 5.1-8.6 20-29.9 34.2-53.2 41.4-65.3a16 16 0 0 0-1.2-17.7 342.1 342.1 0 0 1-40.2-66.1c-10.9-26-12.5-66.5-12.6-86.2 0-7.4-2.4-14.7-7-20.6l-81.8-104a32 32 0 0 0-1.4-1.5m97.7 370a172.8 172.8 0 0 0-18 59c-2.9 21.5-24 38.4-45 32.6-30-8.3-64.5-21.1-95.7-23.5l-47.8-3.6c-7.7-.6-15-4-20.3-9.5l-82.3-84.8c-9-9.2-11.4-23-6.2-34.8 0 0 51-111.8 52.8-117.7l.7-3M293.1 30a31.5 31.5 0 0 0-44.4-2.3l-97.4 87.5c-5.4 5-9 11.5-10 18.8-3.7 24.5-9.7 68-12.3 80.7'%3E%3C/path%3E%3C/svg%3E");
    --outlined-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='15 -3 69 106'%3E%3Cpath d='M 30.91 17.52 L 34.43 35.7 M 61.44 14.41 L 62.61 0 M 34.43 35.7 L 37.57 90.47 M 81 26.39 L 61.44 14.41 L 34.43 35.7 L 65.35 100 M 62.61 0 L 30.91 17.52 L 18 45.45 L 37.57 90.47 L 65.35 100 L 70.44 89.8 L 81 26.39 L 62.61 0 Z' stroke='%23000000' stroke-width='4' fill='none'/%3E%3C/svg%3E");
    --CG-line-width: 40rem;
	--file-line-width: var(--CG-line-width);
    /*max min icons*/
    --win-maximize: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4.5 3c-.82843 0-1.5.67157-1.5 1.5v7c0 .8284.67157 1.5 1.5 1.5h7c.8284 0 1.5-.6716 1.5-1.5v-7c0-.82843-.6716-1.5-1.5-1.5zm0 1h7c.2761 0 .5.22386.5.5v7c0 .2761-.2239.5-.5.5h-7c-.27614 0-.5-.2239-.5-.5v-7c0-.27614.22386-.5.5-.5z' fill='%23212121'/%3E%3C/svg%3E");
    --win-minimize: url("data:image/svg+xml,%3Csvg fill='none' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23212121'%3E%3Cpath d='m5.08496 4c.20592-.5826.76154-1 1.41465-1h3.5c1.65689 0 2.99999 1.34315 2.99999 3v3.5c0 .6531-.4174 1.2087-1 1.4146v-4.9146c0-1.10457-.8954-2-1.99999-2z'/%3E%3Cpath d='m4.5 5h5c.8284 0 1.5.67157 1.5 1.5v5c0 .8284-.6716 1.5-1.5 1.5h-5c-.82843 0-1.5-.6716-1.5-1.5v-5c0-.82843.67157-1.5 1.5-1.5zm0 1c-.27614 0-.5.22386-.5.5v5c0 .2761.22386.5.5.5h5c.27614 0 .5-.2239.5-.5v-5c0-.27614-.22386-.5-.5-.5z'/%3E%3C/g%3E%3C/svg%3E");
    /*Background*/
    --background-primary: var(--color-base-00);
    --background-secondary: var(--color-base-25);
    --background-tertiary: var(--color-base-05);
    --background-modifier-hover: var(--tab-background-active);
    --background-modifier-message: var(--background-tertiary);
    /*Titlebar*/
    --titlebar-background-focused: var(--background-secondary);
    --titlebar-text-color-focused: var(--text-muted);
    /*Tab*/
    --tab-divider-color: transparent;
    --tab-max-width: 180px;
    --tab-width: 225px;
    --tab-radius-active: var(--radius-s);
    /*Text*/
    --text-muted: var(--color-accent);
    --text-faint: var(--color-accent-faint);
    /*Scrollbar*/
    --scrollbar-thumb-bg: var(--color-accent-active);
    --scrollbar-active-thumb-bg: var(--text-accent);
    --scrollbar-bg: var(--text-selection);
    /*Drag Ghost*/
    --drag-ghost-text-color: var(--text-accent);
    --drag-ghost-background: var(--background-tertiary);
    /*Link*/
    --link-external-color: var(--outlink-color);
    --link-external-color-hover: var(--link-external-color);
    --internal-link-hover: var(--inlink-color);
    --inlink-color: #FFA500;
    --outlink-color: #ffc400;
    /*Vault Name*/
    --vault-name-font-size: var(--font-ui-medium);
    --vault-name-color: var(--custom-acc-text);
    /*Swatch*/
    --swatch-radius: 3px;
    /*Nav Items*/
    --nav-item-color: var(--custom-acc-faint);
    --nav-item-color-hover: var(--custom-acc-text);
    --nav-item-color-selected: var(--text-accent);
    --nav-item-white-space: wrap;
    --nav-item-color-active: var(--custom-acc-text);
  --nav-indentation-guide-color: var(--custom-acc-faint);
    /*Bullet lists*/
    --bulletlist-color: var(--text-accent);
    --indentation-guide-color: var(--bulletlist-color);
    /*Icon*/
    --icon-color-hover: var(--activetab-highlight);
    --icon-color: var(--activetab-faint);
    --icon-color-active: var(--tab-background-clicked);
    --icon-color-focused: var(--activetab-highlight);
    /*Heading*/
    --h1-glow: var(--text-accent);
    --h2-glow: #0cd0d0;
    --h3-glow: #00d200;
    --h4-glow: #FFAC1C;
    --h5-glow: #FF0000;
    --h6-glow: #FF00FF;
    --h1-size: 34px;
    --h2-size: 28px;
    --h3-size: 26px;
    --h4-size: 24px;
    --h5-size: 22px;
    --h6-size: 20px;
    --heading-formatting: var(--text-faint);
    /*Slider*/
    --slider-thumb-border-width: 7px;
    --slider-thumb-border-color: var(--color-glow);
    /*Toggle*/
    --toggle-border-width: 3px;
    --toggle-width: 45px;
    --toggle-thumb-width: 20px;
    --toggle-thumb-color: rgb(186, 56, 56);
    --toggle-thumb-radius: 10px;
    --toggle-thumb-height: 8px;
    --toggle-s-border-width: 3px;
    --toggle-s-width: 40px;
    --toggle-s-thumb-height: 8px;
    --toggle-s-thumb-width: 16px;
    /*Radius*/
    --radius-s: 3px;
    --radius-m: 3px;
    --radius-l: 10px;
    --radius-xl: 3px;
    /*Ribbon*/
    --ribbon-background: transparent;
    --ribbon-background-collapsed: transparent;
    /*List*/
    --list-marker-color: transparent;
    --list-marker-color-collapsed: transparent;
    /*Status bar*/
    --status-bar-text-color: var(--text-faint);
    --status-bar-radius: var(--radius-s);
    /*Callouts Color Fix*/
	--callout-bug: 200, 172, 100;
	--callout-error: 255, 70, 0;
	--callout-info: 0, 141, 142;
	--callout-summary: 0, 151, 188;
	--callout-tip: 255, 166, 11;
	--callout-important: 255, 166, 11;
	--callout-quote: 210, 102, 234;
	--callout-default: 139, 127, 137;
    --block-color: hsl(170, 49%, 32%);
    --indentation-guide-editing-indent: 0.97em;
    --bgimage: url("data:image/jpeg;base64,[encoded data, 329924 characters]");


    --scrollbutton:url("data:image/svg+xml,%3Csvg enable-background='new 0 0 100 100' height='100' viewBox='0 0 100 100' width='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m50 76h-26c-3.1 0-5-3.4-3.4-6l26-44c1.5-2.6 5.3-2.6 6.9 0l26 44c1.6 2.7-.4 6-3.4 6z' fill='%23fff'/%3E%3C/svg%3E");
}
.is-mobile{
    --toggle-width: 45px;
    --toggle-thumb-height: 8px;
    --toggle-thumb-width: 20px;
}




/*================ Dark Theme =================*/
.theme-dark {
    --New-Obsidiantoggle: url("data:image/svg+xml,%3Csvg id='custom-logo' width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg' style='height:100%25;width:100%25;'%3E%3Cdefs%3E%3CradialGradient id='b' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-48 -185 123 -32 179 429.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.4'/%3E%3Cstop offset='1' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(41 -310 229 30 341.6 351.3)'%3E%3Cstop stop-color='%23fff' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(57 -261 178 39 190.5 296.3)'%3E%3Cstop stop-color='%23fff' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.4'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-79 -133 153 -90 321.4 464.2)'%3E%3Cstop stop-color='%23fff' stop-opacity='.3'/%3E%3Cstop offset='1' stop-opacity='.3'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-29 136 -92 -20 300.7 149.9)'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.2'/%3E%3C/radialGradient%3E%3CradialGradient id='g' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(72 73 -155 153 137.8 225.2)'%3E%3Cstop stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.4'/%3E%3C/radialGradient%3E%3CradialGradient id='h' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(20 118 -251 43 215.1 273.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.1'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.3'/%3E%3C/radialGradient%3E%3CradialGradient id='i' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-162 -85 268 -510 374.4 371.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.3'/%3E%3C/radialGradient%3E%3Cfilter id='a' x='80.1' y='37' width='351.1' height='443.2' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='6.5' result='effect1_foregroundBlur_744_9191'/%3E%3C/filter%3E%3C/defs%3E%3Crect id='logo-bg' fill='%23000000' width='512' height='512' rx='100'/%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M359.2 437.5c-2.6 19-21.3 33.9-40 28.7-26.5-7.2-57.2-18.6-84.8-20.7l-42.4-3.2a28 28 0 0 1-18-8.3l-73-74.8a27.7 27.7 0 0 1-5.4-30.7s45-98.6 46.8-103.7c1.6-5.1 7.8-49.9 11.4-73.9a28 28 0 0 1 9-16.5L249 57.2a28 28 0 0 1 40.6 3.4l72.6 91.6a29.5 29.5 0 0 1 6.2 18.3c0 17.3 1.5 53 11.2 76a301.3 301.3 0 0 0 35.6 58.2 14 14 0 0 1 1 15.6c-6.3 10.7-18.9 31.3-36.6 57.6a142.2 142.2 0 0 0-20.5 59.6Z' fill='%23000' fill-opacity='.3'/%3E%3C/g%3E%3Cpath id='arrow' d='M359.9 434.3c-2.6 19.1-21.3 34-40 28.9-26.4-7.3-57-18.7-84.7-20.8l-42.3-3.2a27.9 27.9 0 0 1-18-8.4l-73-75a27.9 27.9 0 0 1-5.4-31s45.1-99 46.8-104.2c1.7-5.1 7.8-50 11.4-74.2a28 28 0 0 1 9-16.6l86.2-77.5a28 28 0 0 1 40.6 3.5l72.5 92a29.7 29.7 0 0 1 6.2 18.3c0 17.4 1.5 53.2 11.1 76.3a303 303 0 0 0 35.6 58.5 14 14 0 0 1 1.1 15.7c-6.4 10.8-18.9 31.4-36.7 57.9a143.3 143.3 0 0 0-20.4 59.8Z' fill='%23616161'/%3E%3Cpath d='M182.7 436.4c33.9-68.7 33-118 18.5-153-13.2-32.4-37.9-52.8-57.3-65.5-.4 1.9-1 3.7-1.8 5.4L96.5 324.8a27.9 27.9 0 0 0 5.5 31l72.9 75c2.3 2.3 5 4.2 7.8 5.6Z' fill='url(%23b)'/%3E%3Cpath d='M274.9 297c9.1.9 18 2.9 26.8 6.1 27.8 10.4 53.1 33.8 74 78.9 1.5-2.6 3-5.1 4.6-7.5a1222 1222 0 0 0 36.7-57.9 14 14 0 0 0-1-15.7 303 303 0 0 1-35.7-58.5c-9.6-23-11-58.9-11.1-76.3 0-6.6-2.1-13.1-6.2-18.3l-72.5-92-1.2-1.5c5.3 17.5 5 31.5 1.7 44.2-3 11.8-8.6 22.5-14.5 33.8-2 3.8-4 7.7-5.9 11.7a140 140 0 0 0-15.8 58c-1 24.2 3.9 54.5 20 95Z' fill='url(%23c)'/%3E%3Cpath d='M274.8 297c-16.1-40.5-21-70.8-20-95 1-24 8-42 15.8-58l6-11.7c5.8-11.3 11.3-22 14.4-33.8a78.5 78.5 0 0 0-1.7-44.2 28 28 0 0 0-39.4-2l-86.2 77.5a28 28 0 0 0-9 16.6L144.2 216c0 .7-.2 1.3-.3 2 19.4 12.6 44 33 57.3 65.3 2.6 6.4 4.8 13.1 6.4 20.4a200 200 0 0 1 67.2-6.8Z' fill='url(%23d)'/%3E%3Cpath d='M320 463.2c18.6 5.1 37.3-9.8 39.9-29a153 153 0 0 1 15.9-52.2c-21-45.1-46.3-68.5-74-78.9-29.5-11-61.6-7.3-94.2.6 7.3 33.1 3 76.4-24.8 132.7 3.1 1.6 6.6 2.5 10.1 2.8l43.9 3.3c23.8 1.7 59.3 14 83.2 20.7Z' fill='url(%23e)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M255 200.5c-1.1 24 1.9 51.4 18 91.8l-5-.5c-14.5-42.1-17.7-63.7-16.6-88 1-24.3 8.9-43 16.7-59 2-4 6.6-11.5 8.6-15.3 5.8-11.3 9.7-17.2 13-27.5 4.8-14.4 3.8-21.2 3.2-28 3.7 24.5-10.4 45.8-21 67.5a145 145 0 0 0-17 59Z' fill='url(%23f)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M206 285.1c2 4.4 3.7 8 4.9 13.5l-4.3 1c-1.7-6.4-3-11-5.5-16.5-14.6-34.3-38-52-57-65 23 12.4 46.7 31.9 61.9 67Z' fill='url(%23g)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M211.1 303c8 37.5-1 85.2-27.5 131.6 22.2-46 33-90.1 24-131l3.5-.7Z' fill='url(%23h)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M302.7 299.5c43.5 16.3 60.3 52 72.8 81.9-15.5-31.2-37-65.7-74.4-78.5-28.4-9.8-52.4-8.6-93.5.7l-.9-4c43.6-10 66.4-11.2 96 0Z' fill='url(%23i)'/%3E%3C/svg%3E");
    --color-base-00: rgba(0, 0, 0);
    --color-base-20: rgba(30, 30, 30);
    --color-base-05: #171717b7;
    --bg-primary: 0, 0, 0;
    --bg-secondary: 30, 30, 30;
    --background-settings: rgba(30, 30, 30, .9);
    --background-settings-alt: rgba(30, 30, 30, .65);
    --background-settings-2: rgba(78, 75, 75, .2);
    --background-settings-3: rgba(30, 30, 30, .3);
    --text-selection: hsla(var(--interactive-accent-hsl), 0.35);
      /*Accent*/
      --accent-h: 170;
      --accent-s: 69%;
      --accent-l: 42%;
    --color-accent-faint: hsl(var(--accent-h), calc(var(--accent-s) - 20%), calc(var(--accent-l) - 10%));
    --color-accent-active: hsla(var(--accent-h), calc(var(--accent-s) - 23%), calc(var(--accent-l) - 25%), 0.65);
    --color-accent-2: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 10%));
    --color-glow: hsl(calc(var(--accent-h) + 1), calc(var(--accent-s) - 36%), calc(var(--accent-l) - 25%));
    --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%));
    /*Code*/
    --code-background: rgba(30, 30, 30, 0.75);
        --text-close-color: #ff909b;
    --background-close-hover: #e6647170;
    --background-close-active: #f2394c8a;
    --background-close: #b4000066;
}
/*================ Light Theme =================*/
.theme-light {
    --New-Obsidiantoggle: url("data:image/svg+xml,%3Csvg id='custom-logo' width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg' style='height:100%25;width:100%25;'%3E%3Cdefs%3E%3CradialGradient id='b' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-48 -185 123 -32 179 429.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.4'/%3E%3Cstop offset='1' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(41 -310 229 30 341.6 351.3)'%3E%3Cstop stop-color='%23fff' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.1'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(57 -261 178 39 190.5 296.3)'%3E%3Cstop stop-color='%23fff' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.4'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-79 -133 153 -90 321.4 464.2)'%3E%3Cstop stop-color='%23fff' stop-opacity='.3'/%3E%3Cstop offset='1' stop-opacity='.3'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-29 136 -92 -20 300.7 149.9)'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.2'/%3E%3C/radialGradient%3E%3CradialGradient id='g' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(72 73 -155 153 137.8 225.2)'%3E%3Cstop stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.4'/%3E%3C/radialGradient%3E%3CradialGradient id='h' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(20 118 -251 43 215.1 273.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.1'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.3'/%3E%3C/radialGradient%3E%3CradialGradient id='i' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-162 -85 268 -510 374.4 371.7)'%3E%3Cstop stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.3'/%3E%3C/radialGradient%3E%3Cfilter id='a' x='80.1' y='37' width='351.1' height='443.2' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='6.5' result='effect1_foregroundBlur_744_9191'/%3E%3C/filter%3E%3C/defs%3E%3Crect id='logo-bg' fill='%23ffffff' width='512' height='512' rx='100'/%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M359.2 437.5c-2.6 19-21.3 33.9-40 28.7-26.5-7.2-57.2-18.6-84.8-20.7l-42.4-3.2a28 28 0 0 1-18-8.3l-73-74.8a27.7 27.7 0 0 1-5.4-30.7s45-98.6 46.8-103.7c1.6-5.1 7.8-49.9 11.4-73.9a28 28 0 0 1 9-16.5L249 57.2a28 28 0 0 1 40.6 3.4l72.6 91.6a29.5 29.5 0 0 1 6.2 18.3c0 17.3 1.5 53 11.2 76a301.3 301.3 0 0 0 35.6 58.2 14 14 0 0 1 1 15.6c-6.3 10.7-18.9 31.3-36.6 57.6a142.2 142.2 0 0 0-20.5 59.6Z' fill='%23000' fill-opacity='.3'/%3E%3C/g%3E%3Cpath id='arrow' d='M359.9 434.3c-2.6 19.1-21.3 34-40 28.9-26.4-7.3-57-18.7-84.7-20.8l-42.3-3.2a27.9 27.9 0 0 1-18-8.4l-73-75a27.9 27.9 0 0 1-5.4-31s45.1-99 46.8-104.2c1.7-5.1 7.8-50 11.4-74.2a28 28 0 0 1 9-16.6l86.2-77.5a28 28 0 0 1 40.6 3.5l72.5 92a29.7 29.7 0 0 1 6.2 18.3c0 17.4 1.5 53.2 11.1 76.3a303 303 0 0 0 35.6 58.5 14 14 0 0 1 1.1 15.7c-6.4 10.8-18.9 31.4-36.7 57.9a143.3 143.3 0 0 0-20.4 59.8Z' fill='%23000000'/%3E%3Cpath d='M182.7 436.4c33.9-68.7 33-118 18.5-153-13.2-32.4-37.9-52.8-57.3-65.5-.4 1.9-1 3.7-1.8 5.4L96.5 324.8a27.9 27.9 0 0 0 5.5 31l72.9 75c2.3 2.3 5 4.2 7.8 5.6Z' fill='url(%23b)'/%3E%3Cpath d='M274.9 297c9.1.9 18 2.9 26.8 6.1 27.8 10.4 53.1 33.8 74 78.9 1.5-2.6 3-5.1 4.6-7.5a1222 1222 0 0 0 36.7-57.9 14 14 0 0 0-1-15.7 303 303 0 0 1-35.7-58.5c-9.6-23-11-58.9-11.1-76.3 0-6.6-2.1-13.1-6.2-18.3l-72.5-92-1.2-1.5c5.3 17.5 5 31.5 1.7 44.2-3 11.8-8.6 22.5-14.5 33.8-2 3.8-4 7.7-5.9 11.7a140 140 0 0 0-15.8 58c-1 24.2 3.9 54.5 20 95Z' fill='url(%23c)'/%3E%3Cpath d='M274.8 297c-16.1-40.5-21-70.8-20-95 1-24 8-42 15.8-58l6-11.7c5.8-11.3 11.3-22 14.4-33.8a78.5 78.5 0 0 0-1.7-44.2 28 28 0 0 0-39.4-2l-86.2 77.5a28 28 0 0 0-9 16.6L144.2 216c0 .7-.2 1.3-.3 2 19.4 12.6 44 33 57.3 65.3 2.6 6.4 4.8 13.1 6.4 20.4a200 200 0 0 1 67.2-6.8Z' fill='url(%23d)'/%3E%3Cpath d='M320 463.2c18.6 5.1 37.3-9.8 39.9-29a153 153 0 0 1 15.9-52.2c-21-45.1-46.3-68.5-74-78.9-29.5-11-61.6-7.3-94.2.6 7.3 33.1 3 76.4-24.8 132.7 3.1 1.6 6.6 2.5 10.1 2.8l43.9 3.3c23.8 1.7 59.3 14 83.2 20.7Z' fill='url(%23e)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M255 200.5c-1.1 24 1.9 51.4 18 91.8l-5-.5c-14.5-42.1-17.7-63.7-16.6-88 1-24.3 8.9-43 16.7-59 2-4 6.6-11.5 8.6-15.3 5.8-11.3 9.7-17.2 13-27.5 4.8-14.4 3.8-21.2 3.2-28 3.7 24.5-10.4 45.8-21 67.5a145 145 0 0 0-17 59Z' fill='url(%23f)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M206 285.1c2 4.4 3.7 8 4.9 13.5l-4.3 1c-1.7-6.4-3-11-5.5-16.5-14.6-34.3-38-52-57-65 23 12.4 46.7 31.9 61.9 67Z' fill='url(%23g)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M211.1 303c8 37.5-1 85.2-27.5 131.6 22.2-46 33-90.1 24-131l3.5-.7Z' fill='url(%23h)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M302.7 299.5c43.5 16.3 60.3 52 72.8 81.9-15.5-31.2-37-65.7-74.4-78.5-28.4-9.8-52.4-8.6-93.5.7l-.9-4c43.6-10 66.4-11.2 96 0Z' fill='url(%23i)'/%3E%3C/svg%3E");
    --color-base-00: rgba(255, 255, 255);
    --color-base-20: rgba(225, 225, 225);
    --color-base-05: #f6f4f4b7;
    --bg-primary: 255, 255, 255;
    --bg-secondary: 225, 225, 225;
    --background-settings: rgba(225, 225, 225, .9);
    --background-settings-alt: rgba(225, 225, 225, .65);
    --background-settings-2: rgba(78, 75, 75, .2);
    --background-settings-3: rgba(225, 225, 225, .35);
    --text-selection: hsla(var(--interactive-accent-hsl), 0.35);
    --accent-h: 170;
    --accent-s: 69%;
    --accent-l: 42%;
    --color-accent-faint: hsl(var(--accent-h), calc(var(--accent-s) + 10%), calc(var(--accent-l) - 4%));
    --color-accent-active: hsla(var(--accent-h), calc(var(--accent-s) - 13%), calc(var(--accent-l) + 10%), 0.65);
    --color-accent-2: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 10%));
    --color-glow: hsl(calc(var(--accent-h) + 1), calc(var(--accent-s) - 36%), calc(var(--accent-l) - 25%));
    --color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l);
    --color-accent:hsl(var(--accent-h), calc(var(--accent-s) - 20%), calc(var(--accent-l) - 10%));
    --color-accent-1: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 3.8%));
    /*Code*/
    --code-background: rgba(225, 225, 225, 0.75);
    --text-close-color: #791d26;
    --background-close-hover: #99212d70;
    --background-close-active: #88111c8a;
    --background-close: #b4000066;
}
/*----------------------- General ------------------------*/
.checkbox-container:not(.is-enabled):after{
    box-shadow: 0 0 0.6em red;
}
/*Note Animation*/
.workspace-split.mod-vertical.mod-root .workspace-tabs:not(.mod-stacked) .view-content {
    animation: 0.25s slide-down forwards;
}
/*left pane Animation*/
.workspace-split.mod-left-split .workspace-leaf-content, .workspace-leaf-content:not(:has(.view-content)) {
    animation: 0.15s slide-left forwards;
}
/*right pane Animation*/
.workspace-split.mod-right-split .workspace-leaf-content {
    animation: 0.15s slide-right forwards;
}
/*Keyframe for the above animations*/
@keyframes slide-down {
    0% { transform: translateY(0%); opacity: 0;  }
    15% { transform: translateY(-5px);  opacity: 0; }
    25% { transform: translateY(-10px); }
    45% { opacity: 0.5; }
    65% {   opacity: 0.7; }
    100% {  transform: translateY(0%); opacity: 1;  }
}
@keyframes slide-left {
    0% { transform: translateX(0%);  opacity: 0;}
    15% { transform: translateX(-5px); opacity: 0; }
    25% {  transform: translateX(-10px);  }
    45% { opacity: 0.5; }
    65% {  opacity: 0.7;}
    100% {  transform: translateX(0%);  opacity: 1;}
}
@keyframes slide-right {
    0% {  transform: translateX(0%); opacity: 0; }
    15% { transform: translateX(5px); opacity: 0; }
    25% { transform: translateX(10px); }
    45% {  opacity: 0.5;  }
    65% {  opacity: 0.7;}
    100% { transform: translateX(0%); opacity: 1;}
}
/*Tab, WCB Spacing for Styling*/
.workspace-tab-header,
.titlebar-button {
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}
/*----------------------- Title bar Tabs ------------------------*/
/*Remove Curved Connectors for Classic Tabs*/
.workspace-split.mod-root .workspace-tab-header.is-active::before, .workspace-split.mod-root .workspace-tab-header.is-active::after, .workspace-tab-header.is-active {
    box-shadow: none;
}
/*Tab Spacing Between Each Other*/
.mod-root .workspace-tab-header-container-inner {
    padding: 2.5px 15px 0px 10px;
    gap: 4px;
}
/*Centers Tab Text*/
.workspace .mod-root .workspace-tab-header-inner-title {
    text-align: center;
    color: var(--inactivetab);
}
.workspace-tab-header.is-active.mod-active .workspace-tab-header-inner .workspace-tab-header-inner-title{
    color: var(--activetab-highlight);
}
/*Resolves jumping tab bug*/
.workspace .mod-root .workspace-tab-header:not(.is-active, :hover) .workspace-tab-header-inner-close-button{
    visibility: hidden;
}
.workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button {
    display: flex;
}
.workspace-tab-header-inner .workspace-tab-header-inner-icon{
    color: var(--activetab-faint);
}

/*Styles Hover Tab*/
.workspace-tab-header:hover {
    background: var(--tab-background-active);
    color: var(--activetab-faint);
    opacity: 0.85;
    border-image-slice: 1;
    border-right: 1px solid;
    border-image-source: linear-gradient(to top, transparent, var(--activetab-highlight), transparent);
    border-left: 1px solid;
}
/*Styles Active Tab*/
.workspace-tab-header.is-active, .workspace-tab-header:active {
    border-image-slice: 1;
    border-right: 2px solid;
    border-image-source: linear-gradient(to top, transparent, var(--activetab-highlight), transparent);
    border-left: 2px solid;
}
.workspace-tab-header:active{
    background: var(--tab-background-clicked);
}
.workspace-tab-header.is-active.mod-active{
    background: var(--tab-background-active-clicked);
}
.workspace-tab-header.is-active.mod-active .workspace-tab-header-inner .workspace-tab-header-inner-icon{
    color: var(--activetab-highlight);
}   
/*Active Tab Growth Ani*/
.workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active:not(.mod-stacked) {
    flex-grow: 1.25;
    max-width: var(--tab-width);
    transition: max-width 100ms ease-in-out;
    color:var(--activetab-highlight);
}
.mod-left-split .workspace-tab-header.has-active-menu, .mod-right-split .workspace-tab-header.has-active-menu, 
.mod-left-split .workspace-tab-header.is-active, .mod-right-split .workspace-tab-header.is-active{
    background-color: var(--tab-background-active-clicked);
}

.mod-root .workspace-tab-header:not(.mod-stacked) {
    max-width: var(--tab-max-width);
    transition: max-width 200ms ease-in-out;
}

  /*Active Tab Animation unstacked*/
  @keyframes float {
    0% { transform: translateY(-5%); transition: ease 0.5s; }
    50% { transform: translateY(3%); transition: ease 0.5s; }
    100% { transform: translateY(-5%); transition: ease 0.5s;}
  }
  .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active.mod-active{
    animation: float 4.9s ease-in-out infinite;
  }

/*Height of Note Tabs*/
.workspace-tab-header-container-inner {
    margin-bottom: 5px;
    margin-top: 5px;
}
/*Secondary Headers in Sidepanels*/
.workspace-split.mod-horizontal .workspace-tab-header-container{
    background-color: var(--background-tertiary);
}
/*Removes Old Note Tab Hover*/
.workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
    background: transparent;
}
/*Resolve Incorrect Background Tabs Font Color and on hover*/
.is-focused .workspace-tab-header {
    color: var(--text-faint);
}
.is-focused .workspace-tab-header:hover{
    color: var(--text-accent);
}
/*Remove Bottom Header Seperator*/
.workspace-tab-header-container {
    border-bottom: none;
}
/*Corrects preview*/
body:not(.is-mobile) .workspace-leaf-content[data-type="markdown"] .markdown-preview-view{
    padding-top: 50px;
}
/*Corrects preview scroll*/
body:not(.is-mobile) .workspace-leaf-content[data-type="markdown"] .markdown-preview-view::-webkit-scrollbar-track,
.view-content > .markdown-source-view.mod-cm6 > .cm-editor > .cm-scroller::-webkit-scrollbar-track{
    margin-top: 40px;
}
/*Styles text search on mobile*/
body:not(.is-mobile) .workspace-leaf-content[data-type="markdown"] .document-search-container {
    width: 100%;
    position:absolute;
    background: var(--background-tertiary);
    --webkit-backdrop-filter: blur 120px;
    backdrop-filter: blur(8px);
    margin-top:40px;
}
/*Bumps down content for text search in preview*/
body:not(.is-mobile) .document-search-container ~ .markdown-preview-view {
    margin-top:50px;
}
/*Bumps down content for text search in editor*/
body:not(.is-mobile) .document-search-container ~ .cm-editor{
    padding-top:46px;
}
/*Bumps down content for text search and replace in editor*/
body:not(.is-mobile).document-search-container.mod-replace-mode ~ .cm-editor{
    margin-top:50px;
}
.nav-file-tag{
    color:var(--custom-acc-text);
    background-color: var(--custom-acc-back);
}
.nav-folder-title[data-count]::after, .tree-item-flair{
    padding: 0 var(--size-4-1);
    background-color: var(--custom-acc-back);
    color:var(--custom-acc-text);
    border-radius: var(--radius-s);
    margin-right: -1px;
    align-self: center;
}
.tree-item-self:hover .tree-item-flair{
    color: var(--custom-acc-text);
}
/*----------------------- Window Control Buttons ------------------------*/
/*Readjusts the Sizing of WCB*/
.titlebar-button {
    height: 30px;
    align-self: center;
    margin-right: 3px;
}
.mod-linux .titlebar-button, .mod-windows .titlebar-button {
    padding: 0px 13px 0px 13px;
}
/*WCB Styling Hover*/
.titlebar-button:not(.mod-logo):hover, .mod-windows .titlebar-button.mod-close:hover {
    border-radius: var(--radius-s);
    opacity: 0.85;
    border-image-slice: 1;
    border-right: 1px solid;
    border-left: 1px solid;
}

.titlebar-button:not(.mod-logo):hover, .titlebar-button:active{
    box-shadow: inset 0em 0em 0.5em var(--text-accent);
}

.mod-windows .titlebar-button.mod-close:hover, .mod-windows .titlebar-button.mod-close:active{
    box-shadow: inset 0em 0em 0.5em var(--text-close-color);
}
.mod-windows .titlebar-button.mod-close:active, .titlebar-button:active {
    border-image-slice: 1;
    opacity: 1;
    border-right: 1px solid;
    border-left: 1px solid;
    border-radius:  var(--radius-s);
}
.titlebar-button:not(.mod-logo):hover {
    background: var(--text-selection);
    color: var(--text-muted);
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
}
.titlebar-button.mod-logo:hover{
background:transparent;
}
.titlebar-button:not(.mod-logo):active, .titlebar-button:active {
    background-color: var(--color-accent-active);
    opacity: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
}
.mod-linux .titlebar-button.mod-close:hover {
    background-color: var(--background-close-hover);
    color: var(--text-close-color);
    border-image-source: linear-gradient(to top, transparent, var(--text-close-color), transparent);
}
/*WCB Styling Active*/
.titlebar-button.mod-close:active {
    background-color: var(--background-close-active);
    color: var(--text-close-color);
    opacity: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-close-color), transparent);
}
/*Removes Redundant background coloring of WCB*/
.is-hidden-frameless:not(.is-fullscreen) .titlebar-button-container.mod-right,
.is-hidden-frameless:not(.is-fullscreen).is-focused .titlebar-button-container.mod-right {
    background-color: transparent;
}
/*Obsidian Frame hide default*/
.mod-windows .titlebar-button.mod-close:hover {
    background-color: var(--background-close-active);
    color: var(--text-close-color);
    border-image-source: linear-gradient(to top, transparent, var(--text-close-color), transparent);
}
/*Win11 Max Min window icon*/
:is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize svg {
    -webkit-mask-image: var(--win-maximize);
  }
  .is-maximized:is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize svg {
    -webkit-mask-image: var(--win-minimize);
  }
  :is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize  svg {
    -webkit-mask-size: cover;
    background-color: var(--text-faint);
    width: var(--icon-s);
    height: var(--icon-s);
  }
  :is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize{
    padding: 0px 10px 0px 12px;
  }
  :is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize:hover svg,   :is(.mod-linux, .mod-windows) .titlebar-button.mod-maximize:active svg{
    background-color: var(--text-accent);
  }
/*======================= Status-bar ==========================*/
/*General*/
.status-bar{
height: 2.5%;
border-top: 0px solid;
}

/*Status Bar Hover*/
.CG-Fullstatus-off .status-bar {
margin: 0px 20px 12px 0px;
border-top: 1px solid;
}

/*Full Status Bar*/
body:not(.CG-Fullstatus-off)  .status-bar {
    position: sticky;
    border-radius: 0px;
    background: var(--background-secondary);
}

.status-bar-item.mod-clickable:active, .status-bar-item.plugin-obsidian-languagetool-plugin:active {
    color: var(--text-accent);
    background-color: var(--color-accent-active);
    box-shadow: 0 0 0.3em var(--color-accent-active);
}

.status-bar-item.plugin-obsidian-languagetool-plugin:hover {
    color: var(--text-accent);
    background: var(--text-selection);
    box-shadow: 0 0 0.3em var(--text-accent);
}

/*======================== Scrollbar ========================*/
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb{
    box-shadow: inset 0em 0em 0.35em var(--text-accent);}
/*Scrollbar Hover*/
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:hover {
    background: var(--text-selection);
    background-clip: padding-box;
}
/*Scrollbar Active*/
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active {
    background: var(--text-accent);
    background-clip: padding-box;

}

/*========================  Note Editor ========================*/
.cm-lineNumbers .cm-gutterElement {
    text-align: center !important;
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
    padding: 0px 4px 0px 4px !important;
    min-width: 32px !important;
}
.markdown-source-view.mod-cm6 .cm-gutters .cm-lineNumbers .cm-gutterElement.cm-active {
    color: var(--text-accent);
    background: var(--background-settings-3);
    padding-left: 3px;
    border-image-slice: 1;
    border-left: 2px solid;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-right: 2px solid;

}

/*Active Line Highlight*/
body:not(.line-active-disable) .markdown-source-view .cm-scroller .cm-line.cm-active:not(.cm-table-widget .table-wrapper .cm-line):not(:has(.mk-note-footer, .mk-floweditor-container)) {
    background: var(--text-selection);
    border-radius:  var(--radius-s);
    border-image-slice: 1;
    border-right: 2px solid;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-image-width: 0 2px 0 0;
}

.markdown-source-view.mod-cm6 .cm-line:not(.cm-table-widget .table-wrapper .cm-line) {
    margin-left: -56px !important;
    margin-right: -5px !important;
    border-left: 52px solid transparent;

}

.markdown-source-view.mod-cm6 .cm-table-widget .table-cell-wrapper:has(.cm-active.cm-line){
background:var(--text-selection);
}

/*Hover Line Highlight*/
.markdown-source-view.mod-cm6 .cm-line:hover {
    background: var(--background-settings-2);
    border-radius:  var(--radius-s);
}
/*================ Dragging Ghost ===================*/
.drag-ghost, .drag-ghost-action {
    backdrop-filter: blur(5px) saturate(120%) !important;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, transparent, var(--text-accent), transparent);
    border-top: 2px solid;
    border-bottom: 2px solid;
}
.drag-ghost-self {
    background-color: transparent;
}
/*================ SidePanel =================*/
body:not(.is-grabbing) .tree-item-self.is-clickable:hover{
    background-color: var(--custom-acc-hover);
    border-image-source: linear-gradient(to right, transparent, var(--custom-acc-text), transparent);
}
/*Removes bottom resize seperation */
.workspace-split.mod-horizontal>*>.workspace-leaf-resize-handle {
    border-bottom: 0px;
}
/*Edits and Styles Visible Seperation Resize left and right*/
.workspace-split.mod-left-split>.workspace-leaf-resize-handle, .workspace-split.mod-vertical>*>.workspace-leaf-resize-handle {
    border-right: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to bottom, transparent, var(--text-accent), transparent);
    height: 95%;
}
.workspace-split.mod-right-split>.workspace-leaf-resize-handle {
    border-left: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to bottom, transparent, var(--text-accent), transparent);
    height: 95%;
}
/*Add Styling to Resize Handle*/
.workspace-leaf-resize-handle:hover, .pdf-sidebar-resizer:hover, .surfing_root_3FoL3a {
    background: var(--text-accent);
    box-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 35px var(--text-accent);
}
/*Minor Spacing*/
body:not(.is-mobile) .workspace-split.mod-left-split, body:not(.is-mobile) .workspace-split.mod-right-split {
    padding-right: 2px;
    padding-left: 1px;
}
/*Navigation Bottom Style*/
.nav-header, body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 2px solid;
}
/*Unifies the right side pane background*/
.workspace-split.mod-right-split .workspace-tabs .node-insert-event{
    background-color: var(--background-primary);
}
/*------------ SidePanel: Files --------------*/
/*Drop line Styled with spaces*/
.nav-folder.mod-root .nav-folder>.nav-folder-children {
    padding-left: 3px;
    border-left: 2px outset var(--custom-acc-faint);
}
/*Nav File Active Stying*/
.nav-file-title.is-active {
    color: var(--custom-acc-text);
    border-image-slice: 1;
    border-top: 2px solid;
    border-image-source: linear-gradient(to right, transparent, var(--custom-acc-text), transparent);
    border-bottom: 2px solid;
    background-color: var(--custom-acc-back);
}
/*Add Bottom Styling for Navigator*/
body:not(.is-mobile) .workspace-leaf-content>.nav-header+*, .search-result-container.mod-global-search {
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Sets correct background to r/l sidepanels*/
.node-insert-event, iframe, .surfing_app_zUmbJa {
    background-color: var(--background-primary);
}
/*SidePanel Tree Tags to the right*/
.nav-file-title-content, .nav-folder-title-content {
    flex: 1 1 auto;
}
/*Adds spacing to pane items for style */
.tree-item-self.is-clickable {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
/*Styles Hover for Pane Items */
.tree-item-self.is-clickable:hover,.suggestion-item.is-selected:not(.mod-group):hover {
    color: var(--text-accent);
    border-image-slice: 1;
    border-top: 1px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
}
body:not(.is-grabbing) .tree-item-self.is-being-dragged:hover .tree-item-icon, .tree-item-self.is-being-dragged .tree-item-icon {
    color: var(--text-accent);
}
/*Styles Active and Dragged for Pane Items */
.tree-item-self.is-clickable:active, body:not(.is-grabbing) .tree-item-self.is-being-dragged:hover, .tree-item-self.is-being-dragged {
    background-color: var(--color-accent-active);
    color: var(--text-accent);
    border-image-slice: 1;
    border-top: 1px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
}
/*Fixes Incorrect text coloring*/
.backlink-pane>.tree-item-self, .outgoing-link-pane>.tree-item-self, .backlink-pane>.tree-item-self.is-collapsed, .outgoing-link-pane>.tree-item-self.is-collapsed,
.search-empty-state {
    color: var(--custom-acc-faint);
}
/*------------ SidePanel: Search --------------*/
/*Style Loading bar*/
.search-result-container.is-loading:before {
    border-radius: 10px;
    box-shadow: 0 0 0.5em var(--text-accent);
}
/*Styles Result File Dropdown matches*/
.search-result-file-matches {
    color: var(--text-accent);
    background: var(--text-selection);
    box-shadow: 0 0 0 transparent;
    border-image-slice: 1;
    border-top: 1px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
}
/*Style Bottom Seperation for Search*/
.search-results-info {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
}
/*Styles seperation line*/
.search-result-file-match {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
}
/*Fixes hover text of search results*/
.search-result-file-match:hover {
    color: var(--text-accent);
}
/*Fixes coloring of clear*/
.search-input-clear-button {
    color: var(--text-faint);
    height: 20px;
}
/*Style Hovering/Active of clear*/
.search-input-clear-button:hover {
    color: var(--text-accent);
    background: var(--text-selection);
    border-radius:  var(--radius-s);
}
.search-input-clear-button:active {
    color: var(--text-accent);
    background-color: var(--color-accent-active);
    border-radius: var(--radius-s);
}
/*corrects active coloring for icons*/
.input-right-decorator.clickable-icon.is-active{
    background: var(--color-accent-active);
}
.input-right-decorator.clickable-icon.is-active:hover{
    background: var(--text-selection);
}
/*Dropdown highlight when hovered*/
.tree-item .tree-item-self .tree-item-icon:hover {
    background-color: var(--text-selection);
    border-radius: var(--radius-s);
}
.tree-item .tree-item-self .tree-item-icon:active {
    border-radius: var(--radius-s);
    background-color: var(--color-accent-active);
}
/*Changes Tags height and background*/
body:not(.is-mobile) .tag-container {
    background: var(--background-primary);
    height: 100%;
    padding-top: 2%;
}
/*Search row Header*/
.search-row {
    margin: 0px;
    padding: var(--size-4-2);
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
}
/*Search info header*/
.search-results-info {
    margin: 0px;
    padding: var(--size-4-1) var(--size-4-2) var(--size-4-1);
}
/*Search parameter Headers*/
.search-params {
    padding: var(--size-4-1) var(--size-4-4);
    margin: 0px;
    background: var(--background-tertiary);
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
}
/*Sidepanel Search Suggestion Style*/
.suggestion-container.mod-search-suggestion .suggestion{
    border-image-slice: 1;
    border-left: 2px solid;
    border-right: 2px solid;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    background-color: var(--background-settings);
}
.suggestion-container.mod-search-suggestion{
border-color:transparent;
}
/*Sidepanel Search Suggestion items Style*/
.search-suggest-item.suggestion-item{
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
/*Sidepanel Search Suggestion items Style on hover*/
.search-suggest-item.suggestion-item:hover:not(.mod-group){
    border-image-slice: 1;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    background-color: var(--text-selection);
}
/*Sidepanel Search Suggestion items Style on active*/
.search-suggest-item.suggestion-item:active{
    border-image-slice: 1;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    background-color: var(--color-accent-active);
}
.list-item-part.clickable-icon:active{
    background-color: var(--color-accent-active);
}
/*Fixes bad padding from Vanilla*/
.search-suggest-item.mod-group:not(:first-child){
    border-bottom: transparent ;
    padding: 3px 6px 3px 14px;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*------------------- Title bar: Tabs Stacked --------------*/
/*Stacked Tabs text Readable*/
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-title {
    text-orientation: upright;
    letter-spacing: -3px;
    text-transform: uppercase;
}
/*Stacked active tab highlight*/
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active {
    background-color: var(--tab-background-active);
}
/*Stacked Tab Style*/
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
    --webkit-backdrop-filter: blur 120px;
    backdrop-filter: blur(18px);
    border-radius: 0px;
	width: var(--GC-stacked-width);
    box-shadow: none;
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header:hover {
    background-color: var(--tab-background-active);
    --webkit-backdrop-filter: blur 120px;
}
/*=============== Side Dock ================*/
/*Centers and adds Styles for Tab Headers*/
.mod-left-split .workspace-tab-header-container-inner, .mod-right-split .workspace-tab-header-container-inner {
    width: 100%;
    justify-content: center;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 2px solid;
}
/*Corrects Position of Custom Sidebar toggle*/
.workspace-ribbon .sidebar-toggle-button {
    margin: 5px 2px 0px 3px;
}
/*Displays Full Custom Toggle*/
.sidebar-toggle-button {
    align-items: center;
    padding: 0 0 0 0;
}
/*Hover Highlight for Custom Toggle*/
body.is-hidden-frameless .sidebar-toggle-button.mod-left:hover {
    background: var(--text-selection);
    border-radius: 5px;
    border-image-slice: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-left: 2px solid;
    border-right: 2px solid;
}
/*Active Highlight for Custom Toggle*/
body.is-hidden-frameless .sidebar-toggle-button.mod-left:active {
    background: var(--color-accent-active);
    border-radius: 5px;
    border-image-slice: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-left: 2px solid;
    border-right: 2px solid;
}
body:not(.is-hidden-frameless) .sidebar-toggle-button {
    margin-top: 1px;
}
/*Sidebar Stylings*/
.workspace-ribbon.side-dock-ribbon {
    flex: 0 0 50px;
    border-image-slice: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-left: 2px solid;
    border-right: 2px solid;
    margin-top: 45px;
}
/*Removed L-Side toggle seperator and background*/
.workspace-ribbon.mod-left:before {
    border-bottom: var(--tab-outline-width) solid transparent;
    background-color: transparent;
}
/*Sidepanel Nav Button Spacing*/
.clickable-icon.nav-action-button{
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}
/*Sidepanel Nav Button Spacing*/
.clickable-icon.nav-action-button:hover{
    background: var(--tab-background-active);
    box-shadow: 0 0 0 transparent;
    border-image-slice: 1;
    border-right: 1px solid;
    border-left: 1px solid;
    border-image-source: linear-gradient(to top, transparent, var(--activetab-highlight), transparent);
}
/*Clickable Menu Button Style*/
.clickable-icon.has-active-menu{
    box-shadow: 0 0 0 transparent;
    box-shadow: inset 0em 0em 0.5em var(--text-accent);
}
/*Clickable button when active*/
.clickable-icon.nav-action-button:active{
    background-color: var(--tab-background-clicked);
    box-shadow: 0 0 0 transparent;
    border-image-slice: 1;
    border-right: 2px solid;
    border-left: 2px solid;
    border-image-source: linear-gradient(to top, transparent,  var(--activetab-highlight), transparent);
}

/*Animation for clickables like buttons, tabs, files etc*/
@keyframes hover {
    from { transform: scale(100%); }
    to {  transform: scale(105%); }
  }


.mod-left-split .workspace-tab-header:hover, 
  .mod-right-split .workspace-tab-header:hover{
    animation: hover 0.2s forwards;
}
 .clickable-icon:not(.input-right-decorator):hover, .markdown-rendered button.copy-code-button:hover, .mod-windows .titlebar-button:hover, .status-bar-item.mod-clickable:hover {
    animation: hover 0.2s forwards;
    box-shadow: inset 0em 0em 0.5em var(--text-accent);
  }

.status-bar-item.mod-clickable{
padding: 5ox;
}

 .modal-close-button{
    animation: hover 0.2s forwards;
}

  @keyframes pressed {
    0%{ transform: scale(1.05);}
    50% { transform: scale(0.95);}
    100% { transform: scale(1);}
  }

  .clickable-icon:not(.input-right-decorator):active, .markdown-rendered button.copy-code-button:active, .mod-left-split .workspace-tab-header:active, 
  .mod-right-split .workspace-tab-header:active, .mod-windows .titlebar-button:active,.modal-close-button:active{
    animation: pressed 0.3s forwards;
  }

  @keyframes bighover {
    from {transform: scale(1); }
    to { transform: scale(1.025); }
  }

  .setting-item.setting-item-heading.style-settings-heading:hover,.mod-root .workspace-tabs:not(.mod-stacked)  .workspace-tab-header:hover, 
 .tree-item-self.is-clickable:hover, .menu-item:hover, .vertical-tab-nav-item:hover, .community-item:hover{
    animation: bighover 0.2s forwards;
  }

  @keyframes bigpressed {
    0%{ transform: scale(1.025);}
    50% { transform: scale(0.975);}
    100% { transform: scale(1);  }
  }
  .setting-item.setting-item-heading.style-settings-heading:active, .mod-root .workspace-tab-header:not(.mod-stacked):active,
  .tree-item-self.is-clickable:active, .menu-item:active, .suggestion-item.mod-complex:not(.mod-group):active, .vertical-tab-nav-item:active,
  .community-item:active{
    animation: bigpressed 0.3s forwards;
  }

/*Custom Styled L-Sidebar Toggle*/
.is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon, body:not(.is-tablet) .is-mobile .view-header-nav-buttons,
.is-mobile .mod-left-split-toggle, body.is-tablet .sidebar-toggle-button.mod-left>.clickable-icon {
    color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-radius: 8px;
    background-color: var(--text-accent);
    background-blend-mode: luminosity;
    padding: 0px 0px 18px 18px;
}
/*Displays Custom Sidebar Toggle*/
.CG-MObsidian-sbt.is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon, .is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon,
body:not(.is-tablet) .CG-MObsidian-sbt.is-mobile .view-header-nav-buttons, body:not(.is-tablet) .is-mobile .view-header-nav-buttons, .is-mobile .mod-left-split-toggle,
.CG-MObsidian-sbt.is-mobile .mod-left-split-toggle, body.is-tablet .CG-MObsidian-sbt.sidebar-toggle-button.mod-left>.clickable-icon,
body.is-tablet .sidebar-toggle-button.mod-left>.clickable-icon, .CG-MObsidian-sbt .titlebar-button-container.mod-left  {
    background-image: var(--New-Obsidiantoggle);
}
body.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left{
    color: transparent;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-color: var(--text-selection);
    background-blend-mode:overlay;
    width: 32px;
    margin-left: 9px;
}
body.is-frameless:not(.is-hidden-frameless) .titlebar-button.mod-logo{
    margin-right:0px;
}
body.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left:hover {
    color: transparent;
    background-repeat: no-repeat;
    border-radius: 6px;
    background-position: center;
    background-size: 100%;
    background-color: var(--text-accent);
    background-blend-mode: luminosity;
    width: 32px;
}
/*Removes default logo*/
body:not(.is-hidden-frameless) svg.logo-full {
    display: none;
}
/*Classic Obsidian header*/
.CG-Obsidian-sbt.is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon,
body:not(.is-tablet) .CG-Obsidian-sbt .is-mobile .view-header-nav-buttons,
.CG-Obsidian-sbt.is-mobile .mod-left-split-toggle,body.is-tablet .CG-Obsidian-sbt.sidebar-toggle-button.mod-left>.clickable-icon,
.CG-Obsidian-sbt.is-frameless:not(.is-hidden-frameless)  .titlebar-button-container.mod-left{
    background-size: 90%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='150%' height='150%' class='logo-full'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='82.85' y1='30.41' x2='51.26' y2='105.9' gradientTransform='matrix(1, 0, 0, -1, -22.41, 110.97)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%236c56cc'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%239785e5'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='62.61,0 30.91,17.52 18,45.45 37.57,90.47 65.35,100 70.44,89.8 81,26.39 62.61,0' fill='%2334208c'%3E%3C/polygon%3E%3Cpolygon points='81,26.39 61.44,14.41 34.43,35.7 65.35,100 70.44,89.8 81,26.39' fill='url(%23a)'%3E%3C/polygon%3E%3Cpolygon points='81,26.39 81,26.39 62.61,0 61.44,14.41 81,26.39' fill='%23af9ff4'%3E%3C/polygon%3E%3Cpolygon points='61.44,14.41 62.61,0 30.91,17.52 34.43,35.7 61.44,14.41' fill='%234a37a0'%3E%3C/polygon%3E%3Cpolygon points='34.43,35.7 37.57,90.47 65.35,100 34.43,35.7' fill='%234a37a0'%3E%3C/polygon%3E%3C/svg%3E");
    background-color: transparent;
    background-blend-mode: normal;
}
.CG-Obsidian-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left, .CG-Obsidian-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left:hover {
    background-size: 80%;
    background-color: transparent;
}
.CG-Obsidian-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left:hover {
    background-color: var(--text-accent);
    background-blend-mode: luminosity;
}

/*Custom header*/
.CG-Custom-sbt.is-hidden-frameless .sidebar-toggle-button.mod-left>.clickable-icon,
body:not(.is-tablet) .CG-Custom-sbt.is-mobile .view-header-nav-buttons, .CG-Custom-sbt.is-mobile .mod-left-split-toggle,
body.is-tablet .CG-Custom-sbt.sidebar-toggle-button.mod-left>.clickable-icon,
.CG-Custom-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left {
    background-size: 115%;
    background-image: var(--CG-workspace-custom-sbt);
}
.CG-Custom-sbt.is-frameless:not(.is-hidden-frameless) .titlebar-button-container.mod-left:hover {
    background-size: 115%;
    background-color: var(--text-accent);
    background-blend-mode: luminosity;
}
/*================ Popover ==============*/
/*Style Tooltip and Notice*/
.tooltip, .notice, .suggestion-container {
    color: var(--text-accent);
    backdrop-filter: blur(5px) saturate(120%);
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-top: 2px solid;
    border-bottom: 2px solid;
}

/*Removes Tooltip Arrow*/
.tooltip .tooltip-arrow {
    display: none;
}
/*============ Prompt =================*/
/*Prompt Style*/
.prompt {
    background: var(--background-settings);
    backdrop-filter: blur(5px) saturate(120%) !important;
    border-image-slice: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-right: 3px solid;
    border-left: 3px solid;
}
/*Prompt Item Style*/
.suggestion-item {
    color: var(--text-faint);
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
/*Prompt Tag Color Fixed*/
.suggestion-item.mod-complex .suggestion-hotkey {
    background-color: var(--background-modifier-hover);
}
/*Prompt Input*/
input.prompt-input {
    border-radius: 5px;
    margin: 5px;
    background: var(--background-settings-2);
    padding: 10px;
}
/*=============== Callouts ================*/
.markdown-rendered cite {
    font-family: var(--CG-cite-font);
    font-size: 2.75em;
    display: block;
    text-align: right;
    font-style: normal;
}
/*Callout Style*/
.callout {
    background: var(--background-settings-2);
    border-radius: 5px;
    opacity: 0.85;
    border-image-slice: 1;
    border-top: 2px solid;
    border-image-source: linear-gradient(to right, transparent, rgb(var(--callout-color)), transparent);
    border-bottom: 2px solid;
    background-color: rgba(var(--callout-color), 0.3);
}
/*Callout Cursor Change*/
.callout.is-collapsible .callout-title {
    cursor: var(--cursor-link);
}
/*Callout Hover Style*/
.callout:hover {
    background-color: rgba(var(--callout-color), 0.4);
}
.callout:active {
    background-color: rgba(var(--callout-color), 0.5);
}

/*Heading Fix in callouts*/
.callout-content h3, .callout-content h2, .callout-content h4, .callout-content h5, .callout-content h6 {
    padding-left: 15px;
}
.callout-content blockquote{
    margin:10px;
}

/*--------------Code Blocks Copy Button-------------------*/
/*Styles code copy button*/
.markdown-rendered button.copy-code-button {
    background: var(--interactive-normal);
    border-radius: 3px;
    display: inline !important;
    padding: 2px 6px;
    background-color: transparent;
}
/*Styles code copy button active*/
.markdown-rendered button.copy-code-button:active {
    background: var(--color-accent-active);
}
/*Moves up code flair*/
.markdown-source-view.mod-cm6 .code-block-flair {
    top: 5px;
    height:26px;
}
.code-block-flair{
    display:flex;
}
/* set up to replace copy button text */
.markdown-rendered button.copy-code-button {
    font-size: 0px;
}
.copy-code-button::after {
    font-size: var(--font-ui-smaller);
}
/* list of text replacements */
.language-java>.copy-code-button::after {
    content: "Java";
}
.language-javascript>.copy-code-button::after, .language-js>.copy-code-button::after {
    content: "JavaScript";
}
.language-html>.copy-code-button::after {
    content: "HTML";
}
.language-typescript>.copy-code-button::after, .language-ts>.copy-code-button::after {
    content: "TypeScript";
}
.language-css>.copy-code-button::after {
    content: "CSS";
}
.language-cpp>.copy-code-button::after {
    content: "C++";
}
.language-c>.copy-code-button::after {
    content: "C";
}
.language-sql>.copy-code-button::after {
    content: "SQL";
}
.language-shell>.copy-code-button::after {
    content: "Shell";
}
.language-terminal>.copy-code-button::after {
    content: "Terminal";
}
.language-python>.copy-code-button::after {
    content: "Python";
}
.language-react>.copy-code-button::after {
    content: "React";
}
.language-json>.copy-code-button::after {
    content: "JSON";
}
.language-rman>.copy-code-button::after {
    content: "RMAN";
}
.copy-code-button::after {
    content: "Copy";
}
/*================ Graph ===================*/
/*Graph Pane Style*/
.workspace-split.mod-left-split .view-content, .workspace-split.mod-right-split .view-content {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, var(--background-tertiary), var(--text-accent), var(--background-tertiary));
    border-bottom: 2px solid;
}
/*Styles Graph Controls*/
.graph-controls, .graph-controls.is-close, .graph-controls:not(.is-close), .workspace-split:not(.mod-root) .graph-controls.is-close {
    background: var(--background-settings-alt);
    backdrop-filter: blur(5px) saturate(120%);
    padding: 2px;
    border-image-slice: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-right: 1px solid;
    border-left: 1px solid;
}
/*Buttons Spacing*/
.graph-controls-button {
    padding: 5px;
    border-radius: 5px;
}
.graph-controls .setting-item {
    padding: 7px;
}
/*Hover Graph Control Items*/
.tree-item-self:hover {
    background: var(--text-selection);
}
/*Active Graph Control Items*/
.tree-item-self:active {
    background: var(--color-accent-active);
}
body:not(.is-grabbing) .tree-item-self.is-clickable:active {
    background-color: var(--custom-acc-active);
}
/*Spacing for Graph Control Items*/
.graph-control-section>.tree-item-self {
    padding-left: 10px;
}
/*Readjusts item width*/
.graph-control-section.mod-filter>.tree-item-self {
    margin-right: 25%;
}
/*Removes border*/
.graph-control-section {
    border-bottom: none;
}
.graph-control-section-header {
    color: var(--text-accent);
}
/*============== Tables ================*/
/*Add Glow Effect to Table and centers table*/
.markdown-rendered table, .markdown-source-view.mod-cm6 .cm-table-widget table {
    box-shadow: 0em 0em 0.75em 0.01em var(--text-accent), inset 0em 0em 0.35em var(--text-accent);
    margin-inline: auto;
    margin-top:16px;
    margin-bottom:20px;
}
/*Accent's Table*/
.markdown-rendered td, .markdown-rendered th, .markdown-rendered thead tr>* {
    border: 1px solid var(--text-accent) !important;
    box-shadow: inset 0em 0em 0.35em var(--text-accent);
    max-width: var(--table-column-max-width);
}
/*=============== Heading Styling ==========================*/
/* Heading Line Reader */
.markdown-preview-view hr {
    margin-block-start: 3em;
    border: solid 0px transparent;
    height: 0;
    border-bottom: 2.25px solid;
    border-image-slice: 1;
    border-image: linear-gradient(to left, transparent, var(--text-accent) 45%, transparent 45%, transparent 55%, var(--text-accent) 5%, transparent) 3;
    text-align: -webkit-center;
    margin-block-end: 2.5em;
}
/* Heading Line Preview */
.hr.cm-line hr {
    margin-block-start: 2em;
    margin-block-end: 0.8em;
    border-top: 2.25px solid !important;
    border-image-slice: 1;
    border-width: 1px;
    text-align: -webkit-center;
    border-image: linear-gradient(to left, transparent, var(--text-accent) 45%, transparent 45%, transparent 55%, var(--text-accent) 5%, transparent) 3;
}
/*New Default CyberGlow Heading*/
.CG-NewObsidian-hr .markdown-preview-view hr::after, body:not(.CG-OG-hr, .CG-Hyrule-hr, .CG-Apple-hr, .CG-Windows-hr, .CG-Lorule-hr,
.CG-ClassicObsidian-hr, .CG-None-hr) .markdown-preview-view hr::after {
    content: ' ';
    -webkit-mask-image: var(--newoutlined-logo);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    background-color: var(--text-accent);
    position: absolute;
    transform: translate(-45%, -50%);
    padding: 1rem;
}
.CG-NewObsidian-hr .hr.cm-line hr::after, body:not(.CG-OG-hr, .CG-Hyrule-hr, .CG-Apple-hr, .CG-Windows-hr, .CG-Lorule-hr,
.CG-ClassicObsidian-hr, .CG-None-hr) .hr.cm-line hr::after {
    content: ' ';
    -webkit-mask-image: var(--newoutlined-logo);
    -webkit-mask-size: 80%;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    background-color: var(--text-accent);
    position: absolute;
    transform: translate(-40%, -33%);
    padding: 1rem;
}
/*Classic Obsidian Logo Heading*/
.CG-ClassicObsidian-hr .markdown-preview-view hr::after {
    content: ' ';
    -webkit-mask-image: var(--outlined-logo);
    -webkit-mask-size: 65%;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    background-color: var(--text-accent);
    position: absolute;
    transform: translate(-35%, -50%);
    padding: 1rem;
}
.CG-ClassicObsidian-hr .hr.cm-line hr::after{
    content: ' ';
    -webkit-mask-image: var(--outlined-logo);
    -webkit-mask-size: 60%;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    background-color: var(--text-accent);
    position: absolute;
    transform: translate(-30%, -35%);
    padding: 1rem;
}
/*Custom Heading Shiekal*/
.CG-OG-hr .markdown-preview-view hr::after {
    content: '₪';
    display: inline-block;
    font-size: 1.65rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 5% 50%;
    padding: 0.5rem;
    color: #E69900;
    text-shadow: 0 0 5px #ffaa00, 0 0 10px #ffaa00, 0 0 20px #ffaa00, 0 0 40px #ffaa00, 0 0 80px #ffaa00;
}
.CG-OG-hr .hr.cm-line hr::after {
    content: '₪';
    display: inline-block;
    font-size: 1.65rem;
    position: absolute;
    transform: translate(-50%, -50%);
    transform-origin: 5% 50%;
    margin-top: -0.2rem;
    color: #E69900;
    text-shadow: 0 0 5px #ffaa00, 0 0 10px #ffaa00, 0 0 20px #ffaa00, 0 0 40px #ffaa00, 0 0 80px #ffaa00;
}
/*Custom Heading Apple*/
.CG-Apple-hr .markdown-preview-view hr::after {
    content: ' ';
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47c-1.34.03-1.77-.79-3.29-.79c-1.53 0-2 .77-3.27.82c-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51c1.28-.02 2.5.87 3.29.87c.78 0 2.26-1.07 3.81-.91c.65.03 2.47.26 3.64 1.98c-.09.06-2.17 1.28-2.15 3.81c.03 3.02 2.65 4.03 2.68 4.04c-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5c.13 1.17-.34 2.35-1.04 3.19c-.69.85-1.83 1.51-2.95 1.42c-.15-1.15.41-2.35 1.05-3.11Z'/%3E%3C/svg%3E");
    -webkit-mask-size: 109%;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    background-color: var(--text-accent);
    position: absolute;
    transform: translate(-50%, -55%);
    padding: 1rem;
}
.CG-Apple-hr .hr.cm-line hr::after {
    content: ' ';
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47c-1.34.03-1.77-.79-3.29-.79c-1.53 0-2 .77-3.27.82c-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51c1.28-.02 2.5.87 3.29.87c.78 0 2.26-1.07 3.81-.91c.65.03 2.47.26 3.64 1.98c-.09.06-2.17 1.28-2.15 3.81c.03 3.02 2.65 4.03 2.68 4.04c-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5c.13 1.17-.34 2.35-1.04 3.19c-.69.85-1.83 1.51-2.95 1.42c-.15-1.15.41-2.35 1.05-3.11Z'/%3E%3C/svg%3E");
    -webkit-mask-size: 120%;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    background-color: var(--text-accent);
    position: absolute;
    transform: translate(-58%, -45%);
    padding: 1rem;
}
/*Custom Heading Microsoft*/
.CG-Windows-hr .markdown-preview-view hr::after {
    content: ' ';
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M0 0v11.408h11.408V0zm12.594 0v11.408H24V0zM0 12.594V24h11.408V12.594zm12.594 0V24H24V12.594z"%2F%3E%3C%2Fsvg%3E');
    -webkit-mask-size: 65%;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    background-color: var(--text-accent);
    position: absolute;
    transform: translate(-35%, -50%);
    padding: 1rem;
}
.CG-Windows-hr .hr.cm-line hr::after {
    content: ' ';
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M0 0v11.408h11.408V0zm12.594 0v11.408H24V0zM0 12.594V24h11.408V12.594zm12.594 0V24H24V12.594z"%2F%3E%3C%2Fsvg%3E');
    -webkit-mask-size: 80%;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    background-color: var(--text-accent);
    position: absolute;
    transform: translate(-35%, -30%);
    padding: 1rem;
}

.CG-None-hr .hr.cm-line hr, .CG-None-hr .markdown-preview-view hr{
    content: ' ';
border-image: linear-gradient(to left, transparent, var(--text-accent) 45%,  var(--text-accent) 5%, transparent) 3 !important;
}

/*----------------- Menu --------------------*/
/*Removes Unneeded Menu Seperator*/
.menu-separator {
    display: none;
}
/*Removes disabled (greyed out) items until they are enabled*/
.menu-item.is-disabled {
    display: none;
}
/*Adds Styling to Menu Dropdown*/
.menu {
    background: var(--background-settings);
    backdrop-filter: blur(5px) saturate(120%) !important;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-top: 2px solid;
    border-bottom: 2px solid;
}
/*Colors Menu Text*/
.menu-item, .menu-item-icon {
    color: var(--text-faint);
}
/*Adds some spacing for the items*/
.menu-item {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
/*Colors Menu Text on hover*/
.menu-item:hover, .menu-item-icon:hover, .menu-item.selected {
    color: var(--text-accent);
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-top: 1px solid;
    border-bottom: 1px solid;
}
/*Fixes Highlight Issue for Icons in Menu*/
.menu-item:hover .menu-item-icon, .menu-item.selected .menu-item-icon {
    border: none;
    background: transparent;
    color: var(--text-accent);
}
/*Colors Menu Text on active*/
.menu-item:active, .menu-item:active:not(.is-disabled):not(.is-label) {
    color: var(--text-accent);
    background-color: var(--color-accent-active);
}
/*Displays Red for Permanent Deletion */
.menu-item.is-warning {
    background-color: var(--background-close);
    color: var(--text-close-color);
    margin-top: 5px;
}
.menu-item.is-warning .menu-item-icon {
    color: var(--text-close-color);
}
/*Styling on Warning active*/
.menu-item.is-warning:active {
    background: var(--background-close-active) !important;
    color: var(--text-accent);
}
/*Resolves Styling on Warning Hover*/
.menu-item.is-warning:hover, .menu-item.is-warning.selected, .menu-item:hover.is-warning:not(.is-disabled):not(.is-label),
.menu-item.selected.is-warning:not(.is-disabled):not(.is-label) {
    color: var(--text-close-color);
    background: var(--background-close-hover);
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-close-color), transparent);
    border-top: 1px solid;
    border-bottom: 1px solid;
}
.menu-item.is-warning.selected .menu-item-icon {
    color: var(--text-close-color);
}
.clickable-icon:active {
    background-color: var(--tab-background-clicked);
}
/*================== Headers ======================*/
/*Centered Header 1*/
.markdown-preview-section h1, .cm-header-1, .markdown-rendered h1 {
    font-family: var(--title-heading);
    text-align: center;
}
/*Headers Styling Preview/Source*/
.cm-s-obsidian .HyperMD-header-2, .cm-s-obsidian .HyperMD-header-3, .cm-s-obsidian .HyperMD-header-4, .cm-s-obsidian .HyperMD-header-5, 
.cm-s-obsidian .HyperMD-header-6, .metadata-properties-heading {
    padding: 15px 0px 0px 0px !important;
    position: relative;
    border-bottom: 2px solid;
    border-image-slice: 1;
}
/*Headers Styling Read*/
.markdown-preview-view h2, h2, .markdown-preview-view h3, h3, .markdown-preview-view h4, h4, .markdown-preview-view h5, h5, .markdown-preview-view h6, h6 {
    padding-bottom: 5px;    border-bottom: 2px solid;   border-image-slice: 1;
}

/*Glow for Heading 1*/
.cm-header-1:not(.cm-formatting), h1, .metadata-properties-heading, .cm-formatting-header:is(.cm-header-1) {
    text-shadow:
    0 0 5px var(--h1-glow), 0 0 10px var(--h1-glow),
    0 0 20px var(--h1-glow), 0 0 40px var(--h1-glow), 0 0 45px var(--h1-glow);
    color: var(--text-normal);
}

/*Glow and Colors for Heading 2*/
.cm-s-obsidian .HyperMD-header-2, .markdown-preview-view h2, h2, .cm-formatting-header:is(.cm-header-2)  {
    border-image-source: linear-gradient(to right, var(--h2-glow), transparent);
    text-shadow: 0 0 5px var(--h2-glow), 0 0 10px var(--h2-glow), 0 0 20px var(--h2-glow), 0 0 10px var(--h2-glow);
    color: var(--text-normal);
    border-image-width: 0 0 2px 0;
}
/*Glow and Colors for Heading 3*/
.cm-s-obsidian .HyperMD-header-3, .markdown-preview-view h3, h3, .cm-formatting-header:is(.cm-header-3) {
    border-image-source: linear-gradient(to right, var(--h3-glow), transparent);
    text-shadow: 0 0 5px var(--h3-glow), 0 0 10px var(--h3-glow), 0 0 20px var(--h3-glow), 0 0 10px var(--h3-glow);
    color: var(--text-normal);
    border-image-width: 0 0 2px 0;
}
/*Glow and Colors for Heading 4*/
.cm-s-obsidian .HyperMD-header-4, .markdown-preview-view h4, h4, .cm-formatting-header:is(.cm-header-4)  {
    border-image-source: linear-gradient(to right, var(--h4-glow), transparent);
    text-shadow: 0 0 5px var(--h4-glow), 0 0 10px var(--h4-glow), 0 0 20px var(--h4-glow), 0 0 10px var(--h4-glow);
    color: var(--text-normal);
    border-image-width: 0 0 2px 0;
}
/*Glow and Colors for Heading 5*/
.cm-s-obsidian .HyperMD-header-5, .markdown-preview-view h5, h5, .cm-formatting-header:is(.cm-header-5) {
    border-image-source: linear-gradient(to right, var(--h5-glow), transparent);
    text-shadow: 0 0 5px var(--h5-glow), 0 0 10px var(--h5-glow), 0 0 20px var(--h5-glow), 0 0 10px var(--h5-glow);
    color: var(--text-normal);
    border-image-width: 0 0 2px 0;
}
/*Glow and Colors for Heading 6*/
.cm-s-obsidian .HyperMD-header-6, .markdown-preview-view h6, h6, .cm-formatting-header:is(.cm-header-6) {
    border-image-source: linear-gradient(to right, var(--h6-glow), transparent);
    text-shadow: 0 0 5px var(--h6-glow), 0 0 10px var(--h6-glow), 0 0 20px var(--h6-glow), 0 0 35px var(--h6-glow);
    color: var(--text-normal);
    border-image-width: 0 0 2px 0;
}
/*Return of Heading numbers Styled*/
.markdown-source-view.mod-cm6 .cm-line:not(.cm-table-widget .table-wrapper .cm-line, .cm-active.cm-line)::before {
    font-size: 0.7rem;
    font-weight: bold;
    margin-left: -45px;
    margin-right: 25px;
    bottom: -2px;
    position: absolute;
    text-shadow: none;
}
/*Removes redundant heading number for links and tags*/
.mod-cm6.is-live-preview div:not(.cm-active).cm-line .cm-header~span.cm-header::before,
.mod-cm6.is-live-preview div:not(.cm-active).cm-line .cm-header.cm-hmd-internal-link::before {
    display: none;
}
/*Sets content for heading numbers h1-h6*/
.markdown-source-view.mod-cm6 :not(.cm-active).cm-line:not(.cm-table-widget .table-wrapper .cm-line):has(.cm-header-1)::before {
    content: 'H1';
    margin-top: calc(var(--h1-size) - 0.1em);
    color: var(--text-accent);
}
.markdown-source-view.mod-cm6 :not(.cm-active).cm-line:not(.cm-table-widget .table-wrapper .cm-line):has(.cm-header-2)::before {
    content: 'H2';
    margin-top: calc(var(--h2-size) - 0.2em);
    color: var(--h2-glow);

}
.markdown-source-view.mod-cm6 :not(.cm-active).cm-line:not(.cm-table-widget .table-wrapper .cm-line):has(.cm-header-3)::before {
    content: 'H3';
    margin-top: calc(var(--h3-size) - 0.2em);
    color: var(--h3-glow);
}
.markdown-source-view.mod-cm6 :not(.cm-active).cm-line:not(.cm-table-widget .table-wrapper .cm-line):has(.cm-header-4)::before {
    content: 'H4';
    margin-top: calc(var(--h4-size) - 0.3em);
    color: var(--h4-glow);
}
.markdown-source-view.mod-cm6 :not(.cm-active).cm-line:not(.cm-table-widget .table-wrapper .cm-line):has(.cm-header-5)::before {
    content: 'H5';
    margin-top: calc(var(--h5-size) - 0.4em);
    color: var(--h5-glow);
}
.markdown-source-view.mod-cm6 :not(.cm-active).cm-line:not(.cm-table-widget .table-wrapper .cm-line):has(.cm-header-6)::before {
    content: 'H6';
    margin-top: calc(var(--h6-size) - 0.4em);
    color: var(--h6-glow);
}


/*------------------- Buttons and dropdowns ---------------------*/
/*Button and Dropdown Styling  WIP*/
button:not(.clickable-icon):not(.markdown-rendered button.copy-code-button), .dropdown, .search-results-info .dropdown, .style-settings-export,
.style-settings-import, .metadata-container .metadata-add-button{
    background-color: transparent;
    box-shadow: inset 0em 0em 2em var(--text-accent);
    border-radius: var(--radius-s);
color:  var(--text-on-accent);
}

/*Button and Dropdown hover Styling*/
button:not(.clickable-icon):not(.markdown-rendered button.copy-code-button):hover, .dropdown:hover, .style-settings-export:hover,
 .style-settings-import:hover, .metadata-container .metadata-add-button:hover {
   /* animation: 0.4s fadeHoverGlow forwards, 0.2s fadeHoverBackground forwards, 0.2s bighover forwards;*/
    box-shadow: 0em 0em 0.15em 0.1em var(--text-accent) , inset 0em 0em 2em var(--text-accent);
    background-color: var(--text-selection);

}
/*
@keyframes fadeHoverGlow {
    0% {    box-shadow: 0 0 0.2em var(--text-accent);}
    100% {    box-shadow: 0 0 0.5em var(--text-accent);}
}
@keyframes fadeHoverBackground {
    0% {background-color: var(--interactive-normal);}
    100% {background-color: var(--text-selection);}
}
*/
/*Button and Dropdown active Styling*/
button:not(.clickable-icon):not(.markdown-rendered button.copy-code-button):active, .dropdown:focus, .style-settings-export:active,
.style-settings-import:active, .metadata-container .metadata-add-button:active {
    animation: 0.3s bigpressed forwards;
    background-color: var(--text-selection);
    box-shadow: inset 0em 0em 2em var(--text-accent);
}
/*Search dropdown*/
.search-results-info .dropdown {
    text-align-last: center;
    max-width: 50%;
}
/*Adds padding and reduces size for Style Settings Ex/Import*/
.style-settings-export, .style-settings-import {
    font-size: small;
    padding: 3px;
}
/*Hides Disabled buttons*/
.clickable-icon[aria-disabled='true'] {
    visibility: hidden;
}
/*Adds hover Settings small buttons*/
.setting-editor-extra-setting-button:hover {
    color: var(--activetab-highlight);
}
/*------------ Settings: Close Buttons --------------------*/
/*Close Button on Hover*/
.modal-close-button:hover, .document-search-close-button:hover, a.kanban-plugin__search-cancel-button.clickable-icon:hover,
a.kanban-plugin__item-postfix-button.is-enabled.clickable-icon:hover, .graph-controls:not(.is-close) .graph-controls-button.mod-close:hover,
.workspace .mod-root .workspace-tab-header .workspace-tab-header-inner-close-button:hover, .multi-select-pill-remove-button:hover{
    color: var(--text-close-color);
    background-color: var(--background-close-hover);
    box-shadow: inset 0em 0em 0.35em var(--text-close-color);

}
/*Close Button on active*/
.modal-close-button:active, .document-search-close-button:active, a.kanban-plugin__search-cancel-button.clickable-icon:active,
a.kanban-plugin__item-postfix-button.is-enabled.clickable-icon:active, .multi-select-pill-remove-button:active,
.workspace .mod-root .workspace-tab-header .workspace-tab-header-inner-close-button:active,
.graph-controls:not(.is-close) .graph-controls-button.mod-close:active {
    color: var(--text-close-color);
    background-color: var(--background-close-active);
    box-shadow: inset 0em 0em 0.2em var(--text-close-color);
}
/*Pinned Tab*/
.mod-root .mod-pinned:hover {
    background-color: var(--background-modifier-hover);
}
/*================= Settings ====================*/
/*Style Left Panel Settings Headings*/
.vertical-tab-header-group-title {
    color: var(--text-accent);
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, var(--text-accent), transparent);
    padding-bottom: 0px;
    margin-bottom: 5px;
}
/*Settings*/
body:not(.is-phone) .vertical-tab-header-group .vertical-tab-header-group-title {
    display: flex;
    align-items: center;
    padding-left: 0px;
}
/*Options Icon*/
body:not(.is-phone) .vertical-tab-header-group:nth-last-of-type(3) .vertical-tab-header-group-title::before {
    content: " ";
    width: 16px;
    height: 16px;
    background-color: currentColor;
    margin-right: 4px;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M6 9a2 2 0 0 1 1.937 1.5H13.5a.5.5 0 0 1 .09.992l-.09.008l-5.563.001a2 2 0 0 1-3.874 0L2.5 11.5a.5.5 0 0 1-.09-.992l.09-.008h1.563A2 2 0 0 1 6 9Zm0 1a1 1 0 1 0 0 2a1 1 0 0 0 0-2Zm4-7a2 2 0 0 1 1.937 1.5H13.5a.5.5 0 0 1 .09.992l-.09.008l-1.563.001a2 2 0 0 1-3.874 0L2.5 5.5a.5.5 0 0 1-.09-.992L2.5 4.5h5.563A2 2 0 0 1 10 3Zm0 1a1 1 0 1 0 0 2a1 1 0 0 0 0-2Z"%2F%3E%3C%2Fsvg%3E');
}
/*Core Plugins Icon*/
body:not(.is-phone) .vertical-tab-header-group:nth-last-of-type(2) .vertical-tab-header-group-title::before {
    content: " ";
    width: 16px;
    height: 16px;
    background-color: currentColor;
    margin-right: 4px;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M7 3a2 2 0 0 1 4 0h1.5A1.5 1.5 0 0 1 14 4.5V7h-1a1 1 0 0 0 0 2h1v2.5a1.5 1.5 0 0 1-1.5 1.5H11a2 2 0 0 1-4 0H5.5A1.5 1.5 0 0 1 4 11.5V10a2 2 0 0 1 0-4V4.5A1.5 1.5 0 0 1 5.5 3H7Zm2-1a1 1 0 0 0-1 1v1H5.5a.5.5 0 0 0-.5.5V7H4a1 1 0 0 0 0 2h1v2.5a.5.5 0 0 0 .5.5H8v1a1 1 0 0 0 2 0v-1h2.5a.5.5 0 0 0 .5-.5V10a2 2 0 0 1 0-4V4.5a.5.5 0 0 0-.5-.5H10V3a1 1 0 0 0-1-1Z"%2F%3E%3C%2Fsvg%3E');
}
/*Community Plugins Icon*/
body:not(.is-phone) .vertical-tab-header-group:nth-last-of-type(1) .vertical-tab-header-group-title::before {
    content: " ";
    width: 16px;
    height: 16px;
    background-color: currentColor;
    margin-right: 4px;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M13.25 1.75a.75.75 0 0 0-1.5 0v1h-1a.75.75 0 0 0 0 1.5h1v1a.75.75 0 0 0 1.5 0v-1h1a.75.75 0 0 0 0-1.5h-1v-1ZM4 2a2 2 0 0 0-2 2v7.75a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-2.5a2 2 0 0 0-2-2H8.75V4a2 2 0 0 0-2-2H4Zm3.25 6.75v3.5H4a.5.5 0 0 1-.5-.5v-3h3.75Zm0-4.75v3.25H3.5V4a.5.5 0 0 1 .5-.5h2.75a.5.5 0 0 1 .5.5ZM12 12.25H8.75v-3.5H12a.5.5 0 0 1 .5.5v2.5a.5.5 0 0 1-.5.5Z"%2F%3E%3C%2Fsvg%3E');
}
/*------------------ Settings: Toggles --------------------*/
/*Add Glow to Toggle and adds fluid animations*/
.checkbox-container, .checkbox-container:hover{
    box-shadow: 0 0 0.1em transparent;
    transition: background 0.3s ease-in, box-shadow 0.4s ease-in;
}
.checkbox-container.is-enabled {
    box-shadow: 0 0 0.7em var(--text-accent);
    transition: background 0.3s ease-in, box-shadow 0.4s ease-in;
}

.checkbox-container:not(.is-enabled):after{
    transition: background 0.6s ease-in, box-shadow 0.6s ease-in;
}

.checkbox-container:after{
transition: background 0.3s ease-in, box-shadow 0.3s ease-in;
}
/*Colors Toggle*/
.checkbox-container.is-enabled:after {
    background: var(--color-glow);
    transition: transform 0.15s ease-in-out, width 0.1s ease-in-out, left 0.1s ease-in-out, background 0.3s ease-in, box-shadow 0.3s ease-in;

}
/*Style Slider*/
input[type='range'],
body:not(.is-mobile) input[type=range]:focus {
    background-color: var(--text-accent);
    box-shadow: 0 0 0.5em var(--text-accent);
}
/*------------------- Settings: Background -------------------------*/

/*Corrects coloring for headings in settings items*/
.setting-item-name {
    color: var(--text-accent);
}
/*Styles Settings Modal*/
.modal {
    border-radius: 3px;
    background: var(--background-settings);
    backdrop-filter: blur(5px) saturate(120%) !important;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 3px solid;
    border-top: 3px solid;
}
body.is-frameless:not(.mod-macos):not(.is-mobile) .modal {
    height: 95%;
}
/*Removes Line Seperator*/
.modal.mod-settings .vertical-tab-header {
    border-right: transparent;
}
/*Adds Header to Setting*/
.modal.mod-settings .vertical-tab-content-container {
    padding: 35px 0px 0px 0;
}
/*Styles Content of Setting*/
.modal .setting-item {
    background: var(--background-settings-2);
    border-radius: 3px;
    margin: 0px 0px 5px 0px;
    border-color: transparent;
    padding: 18px;
}
/*Adds Styled Seperation line*/
.community-modal-search-results-wrapper {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-top: 2px solid;
    background-color: var(--background-primary);
    border-radius: 3px;
}
/*Removes double background for settings (huh)*/
.horizontal-tab-content, .vertical-tab-content, .vertical-tab-header, .modal-sidebar {
    background: transparent;
}

/*Textbox Styling*/
textarea, input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='number'], input.metadata-property-key-input[type='text'],
.metadata-property-value .multi-select-input, .metadata-property input[type='number'], .metadata-input-longtext{
    background: var(--background-settings-2);
    text-align: center;
    border-top: 0px solid transparent;
    border-bottom: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Textbox hover Styling*/
textarea:hover, input[type='text']:hover, input[type='search']:hover, input[type='email']:hover, input[type='password']:hover,
.metadata-property-value .multi-select-input:hover{
    background: var(--text-selection);
}
/*Stylizes meta prop input text*/
.metadata-property input[type='text']:hover, .metadata-property input[type='number']:hover, .metadata-input-longtext:hover{
    background: var(--text-selection);
    border-top: 0px solid transparent;
    border-bottom: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Textbox active Styling WIP*/
textarea:active, textarea:focus, input[type='text']:active, input[type='search']:active, input[type='email']:active, input[type='password']:active, 
input[type='number']:active, 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, 
.workspace-leaf.mod-active .view-header-title:focus,  .metadata-property input[type='text']:focus, .metadata-property-value .multi-select-input:focus,
.metadata-property input[type='number']:focus, .metadata-input-longtext:focus  {
    border-top: 0px solid transparent;
    box-shadow: none;
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    background-color: var(--color-accent-active);
}
/*Styles metadata prop icon*/
.metadata-property-icon{
    background-color: var(--color-accent-active); 
    color: var(--text-accent);
    opacity: 1;
    padding:var(--size-2-2);
}
.metadata-property-icon:before{
    width: 0;
}
/*Styles metadata prop icon on hover*/
.metadata-property-icon:hover{
  background: var(--text-selection);
}
/*Removes unnecessary padding*/
.metadata-property .multi-select-container{
    padding: 0;
}
/*Adds a small gap*/
.metadata-property{
    gap: 3px;
}
/*Styles textbox and remove scrollbar from longtextbox*/
.metadata-input-longtext, .metadata-input-text{
    height: var(--metadata-input-height);
    -webkit-box-pack: center;
    -webkit-box-orient: horizontal;
}
.metadata-input-longtext::-webkit-scrollbar{
    display: none;
}
/*Styles metadata frame highlight*/
.metadata-property:hover, .metadata-property:focus-within {
box-shadow: 0 0 3px 0.2px var(--text-accent);
}
/*Remove Unnecessary highlighting*/
.metadata-property-value:focus-within{
    background-color: transparent;
}
/**/
.metadata-property ::-webkit-calendar-picker-indicator{
    padding:3px;
    margin-left:-2px;
}
.metadata-property ::-webkit-calendar-picker-indicator:hover{
background-color: var(--text-faint);
border-radius: 3px;
cursor: var(--cursor-link);
}
.metadata-property ::-webkit-calendar-picker-indicator:active{
background-color: var(--text-accent);
}

/*-------------------- Settings: Sidebar -----------------------*/
/*Adds spacing for style and colors text*/
.vertical-tab-nav-item {
    color: var(--text-faint);
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
/*Items hover styling*/
body:not(.is-mobile) .vertical-tab-nav-item:not(.is-active):hover {
    color: var(--text-accent);
    border-image-slice: 1;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Items active styling*/
.vertical-tab-nav-item.is-active, .horizontal-tab-nav-item.is-active:active, .vertical-tab-nav-item.is-active:active,
.horizontal-tab-nav-item.is-active:hover, .vertical-tab-nav-item.is-active:hover, .vertical-tab-nav-item:active {
    color: var(--text-on-accent);
    background: var(--color-accent-active);
    border-image-slice: 1;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*-------------- Text Finder --------------------*/
/*Centers Finder Modal*/
.document-search-container {
    margin-left: 0px;
}
/*Adds styling for Finder*/
.document-search-container {
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    width: 100%;
}
/*Corrects Background color*/
body:not(.is-mobile) .document-search-container {
    background-color: var(--background-settings);
}
/*----------- Settings: Community ---------------------*/
/*Removes seperator*/
.community-modal-details {
    border-left: transparent;
}
.modal-setting-nav-bar {
    border-bottom: transparent;
}
/*Corrects spacing for options*/
.mod-community-modal .modal-sidebar .setting-item {
    padding: 7px;
    margin-left: 5px;
}
/*Corrects icon color*/
.mod-community-modal .modal-sidebar button.clickable-icon {
    color: var(--text-faint);
}
/*Spacing for Style*/
.community-item {
    border: transparent;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    color: var(--text-faint);
}
/*Style on Hover*/
.community-item:hover, .suggestion-item.is-selected:not(.mod-group) {
    background-color: var(--text-selection);
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    color: var(--text-accent);
}
/*Style on active*/
body:not(.is-mobile) .community-item.is-selected,
.community-item.is-selected:hover {
    background-color: var(--text-selection);
    border-bottom: 2px solid;
    border-top: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    color: var(--text-accent);
}
.community-item:active {
    background-color: var(--color-accent-active);
    border-bottom: 2px solid;
    border-top: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    color: var(--text-accent);
}
/*Needed to correct the really not well implemented Font Coloring for Community items*/
body:not(.is-mobile) .community-item.is-selected .community-item-author, .community-item.is-selected:hover .community-item-author,
.community-item.is-selected .community-item-repo, .community-item.is-selected:hover .community-item-repo, 
.community-item.is-selected .community-item-downloads, .community-item.is-selected:hover .community-item-downloads,
.community-item.is-selected .community-item-updated, .community-item.is-selected:hover .community-item-updated,
.community-item:hover .community-item-downloads, .community-item:hover .community-item-author, .community-item:hover .community-item-name,
.community-item:hover .community-item-updated, .community-item:active .community-item-downloads, .community-item:active .community-item-author,
.community-item:active .community-item-name, .community-item:active .community-item-updated, .community-item.is-selected .community-item-downloads,
.community-item.is-selected .community-item-author, .community-item.is-selected .community-item-name, .community-item.is-selected .community-item-updated {
    color: var(--text-accent);
}
.community-item-downloads, .community-item-author, .community-item-name, .community-item-updated {
    color: var(--text-faint);
}
/*Flair Style*/
.community-item.is-selected .flair, .community-item.is-selected:hover .flair, .flair.mod-pop {
    color: var(--text-accent);
    background-color: var(--text-selection);
}
/*Corrects Setting Header 1 Style*/
.vertical-tab-content h1, .community-modal-info .markdown-rendered h1 {
    text-align: center;
    border-bottom: 2px solid !important;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Sets Sizing for Community Modal Controls*/
.community-modal-controls {
    max-width: var(--modal-community-sidebar-width);
}
/*================ Progress Bar ====================*/
.progress-bar-subline {
    border-radius: 10px;
}
/*========= Plugins =========*/
/*--------- Calendar Plugin ----------*/
.year.svelte-1vwr9dd.svelte-1vwr9dd{
    --interactive-accent: var(--text-normal);
  }
/*---------------- Surfing Plugin ---------------*/
/*Changes addressbar width*/
.wb-search-bar {
    width: 95%;
}
/*New Page changed radius*/
.wb-page-search-bar-input-container, .wb-page-search-bar-input {
    border-radius: 3px !important;
}
/*New page buttons more visible*/
.wb-create-btn, .wb-search-btn, .wb-close-btn {
    opacity: 0.8;
}
/*Colors settings icon on new page*/
.surfing-settings-icon {
    color: var(--text-accent);
    cursor: help;
}
/*Colors refresh button*/
.wb-refresh-button, .wb-refresh-button .lucide-refresh-cw {
    color: var(--text-faint);
}
/*Colors refresh button on hover*/
.wb-refresh-button .lucide-refresh-cw:hover {
    color: var(--text-accent);
}
/*Removes unnecessary margins for Surfing Tabs*/
.surfing_app_zUmbJa {
    margin: 0px;
    border-radius: 0px;
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Colors Font on active and selected texts for Surfing Tab*/
.surfing_root_px3YjW.surfing_isSelected_px3YjW :where(.css-dev-only-do-not-override-1i536d8).ant-typography {
    color: var(--text-accent);
}
/*Color font for Surfing Tab*/
:where(.css-dev-only-do-not-override-1i536d8).ant-typography {
    color: var(--text-faint);
}
/*Readjusts borders for Surfing Tabs*/
.surfing_root_px3YjW {
    border-left: 2px solid transparent;
    border-right: 2.5px solid transparent;
    border-bottom: 0px;
}
/*Styles Surfing Active and Selected Tabs*/
.surfing_root_px3YjW:active, .surfing_root_px3YjW.surfing_isSelected_px3YjW {
    background-color: var(--color-accent-active);
    border-radius: 3px;
    border-image-slice: 1;
    opacity: 1;
    border-right: 3.5px solid;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-left: 3px solid;
}
/*Styles Surfing hover Tabs*/
.surfing_root_px3YjW:hover, .surfing_root_px3YjW.surfing_isSelected_px3YjW {
    background-color: var(--text-selection);
    border-radius: 3px;
    border-image-slice: 1;
    opacity: 1;
    border-right: 2.5px solid;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-left: 2px solid;
}
/*Web Frame Slight Transparency*/
.wb-frame {
    opacity: 0.8;
}
/*Setting's Surfing Nav spaces and colored*/
.wb-navigation-item {
    color: var(--text-faint);
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}
/*Setting's Surfing Nav on Hover*/
.wb-navigation-item:hover {
    background-color: var(--text-selection);
    border-radius: 3px;
    border-image-slice: 1;
    opacity: 1;
    border-right: 1px solid;
    border-left: 1px solid;
    border-image-source: linear-gradient(to bottom, transparent, var(--text-accent), transparent);
}
/*Setting's Surfing Nav on active*/
.wb-navigation-item-selected, .wb-navigation-item:active, .wb-navigation-item-selected:hover {
    background-color: var(--color-accent-active);
    border-radius: 3px;
    border-image-slice: 1;
    opacity: 1;
    border-right: 2px solid;
    border-image-source: linear-gradient(to bottom, transparent, var(--text-accent), transparent);
    border-left: 2px solid;
}
/*---------------- LanguageTool Plugin ------------*/
/*LanguageTool popup styled*/
.lt-predictions-container-glass.cm-tooltip, .lt-predictions-container.cm-tooltip, .lt-predictions-container-glass, .lt-predictions-container {
    background: var(--background-settings-alt);
    backdrop-filter: blur(5px) saturate(120%);
    border-image-slice: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
}
/*Bottom Button resized*/
button:not(.clickable-icon).lt-ignore-btn {
    margin: 0px 10px 10px 10px;
}
/*------------------- Style Settings ------------------------*/
/*Adds Styling to the Modal Title*/
.modal-title {
    text-align: center;
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    text-shadow: 0 0 5px var(--text-accent),
        0 0 10px var(--text-accent),
        0 0 20px var(--text-accent);
}
/*Colors text*/
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item .setting-item-name,
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item .setting-item-description, .setting-item-description {
    color: var(--text-faint);
}
/*Fixes weird reset button with Theme in Style Settings*/
.themed-color-wrapper .pickr-reset>button {
    padding: 5px;
}
/*Gives some and corrects height of group container*/
.themed-color-wrapper>div+div {
    margin-top: auto;
    margin-left: 5px;
}
/*Adds Style to Setting Item in Style Settings*/
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item {
    background: var(--background-settings-alt);
    border-radius: 5px;
    padding: 10px;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    margin-bottom: 10px;
}
/*Adds Style to Setting Item on hover in Style Settings*/
.setting-item.setting-item-heading.style-settings-heading.is-collapsed:hover {
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    background: var(--text-selection);
}
/*Colors text when hover*/
.setting-item.setting-item-heading.style-settings-heading.is-collapsed:hover .setting-item-name, 
.setting-item.setting-item-heading.style-settings-heading.is-collapsed:hover .setting-item-description, 
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading:not(.is-collapsed) .setting-item-description {
    color: var(--text-accent);
}
/*Adds Style to Setting Item on active in Style Settings*/
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading.is-collapsed:active,
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading:not(.is-collapsed) {
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    background: var(--color-accent-active);
}
/*Style Settings corrected background color*/
.workspace-split.mod-horizontal .workspace-leaf-content[data-type="style-settings"]{
    background-color: var(--background-primary);
    }
/*Colors text when active*/
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading.is-collapsed:active,
body:not(.is-mobile) .workspace-leaf-content .view-content .setting-item.setting-item-heading.style-settings-heading:not(.is-collapsed) .setting-item-name {
    color: var(--text-accent);
}
/*Fits Style Options within box*/
.style-settings-container [data-level='1'].setting-item-heading.style-settings-heading.is-collapsed,
.style-settings-container [data-level='2'].setting-item-heading.style-settings-heading.is-collapsed,
.style-settings-container [data-level='3'].setting-item-heading.style-settings-heading.is-collapsed,
.style-settings-container [data-level='4'].setting-item-heading.style-settings-heading.is-collapsed,
.style-settings-container [data-level='5'].setting-item-heading.style-settings-heading.is-collapsed {
    padding-left: 30px;
}
.style-settings-container [data-level='1'].setting-item-heading.style-settings-heading:not(.is-collapsed),
.style-settings-container [data-level='2'].setting-item-heading.style-settings-heading:not(.is-collapsed),
.style-settings-container [data-level='3'].setting-item-heading.style-settings-heading:not(.is-collapsed),
.style-settings-container [data-level='4'].setting-item-heading.style-settings-heading:not(.is-collapsed),
.style-settings-container [data-level='5'].setting-item-heading.style-settings-heading:not(.is-collapsed) {
    padding-left: 30px;
}
/*=============== Mermaid Entity Box Color fix ================*/
.attributeBoxOdd, .attributeBoxEven {
    fill: var(--background-primary) !important;
}
/*================= Text Stylings ===================*/
/*Styles Bold Text*/
.cm-strong, strong {
    color: var(--text-normal);
    text-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 40px var(--text-accent);
}
/*Styles Italic Text*/
.cm-em, em {
    color: var(--text-normal);
    text-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 40px var(--text-accent);
}
/*Styles Strikeout*/
.cm-strikethrough, del, ul > li.task-list-item[data-task="x"], ul > li.task-list-item[data-task="X"] {
    text-decoration-color: var(--text-close-color);
    color: var(--text-close-color);
    text-shadow: 0 0 5px var(--text-close-color), 0 0 10px var(--text-close-color), 0 0 20px var(--text-close-color), 0 0 40px var(--text-close-color);
}
/*Styles Underline*/
span.cm-html-embed, u {
    text-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 40px var(--text-accent);
}
/*================== Code Fence Style =====================*/
/*Styles Code Blocks*/
.markdown-preview-view pre, .markdown-rendered pre {
    border-image-slice: 1;
    border-top: 3px solid;
    border-bottom: 3px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
.markdown-rendered pre code, .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock{
color:var(--text-normal);
}
/*Removes indent lines in code*/
.markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock .cm-indent::before {
    display: none;
}
/*Edit mode Adds styling at start of codeblock*/
body:not(.no-codeblock-line-numbers) .cm-s-obsidian div.HyperMD-codeblock-begin-bg {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-top: 2px solid;
    padding-bottom: 15px;
}
/*Edit mode Adds styling at end of codeblock*/
body:not(.no-codeblock-line-numbers) .cm-s-obsidian div.HyperMD-codeblock-end-bg {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 2px solid;
}
/*Sets reset for code gutter*/
body:not(.no-codeblock-line-numbers) .HyperMD-codeblock-begin {
    counter-reset: codeblock-line-numbers;
}
/*Sets custom code gutterline*/
body:not(.no-codeblock-line-numbers) .HyperMD-codeblock:not(.HyperMD-codeblock-begin,
    .HyperMD-codeblock-end)::before {
    counter-increment: codeblock-line-numbers;
    content: counter(codeblock-line-numbers);
    text-align: center;
    width: 1.7em;
    color: var(--text-faint);
    position: absolute;
    left: 0;
}
/*Spacing for gutterline*/
body:not(.no-codeblock-line-numbers) .HyperMD-codeblock.cm-line:not(.HyperMD-codeblock-begin,
    .HyperMD-codeblock-end) {
    padding-left: 2em;
}

/*Changes Code Font*/
.cm-gutterElement, body:not(.no-codeblock-line-numbers) .HyperMD-codeblock:not(.HyperMD-codeblock-begin, .HyperMD-codeblock-end)::before, .markdown-rendered pre code, .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock, .cm-s-obsidian span.cm-inline-code, .markdown-rendered code{
    font-family: 'OxaniumFira';
}
/*================ Blockquotes Style ================*/
/*Sets style for Blockquotes*/
.markdown-preview-view blockquote {
    padding: 2rem 2rem 1rem 3rem;
    border-left: transparent;
    background: linear-gradient(95deg, var(--text-selection), var(--block-color));
    border-radius: 3px;
}
/*Quote Styling for blockquotes*/
.markdown-preview-view blockquote p:first-of-type::before {
    content: '❝';
    font-family: arial;
    opacity: .45;
    font-size: 100px;
    color: var(--text-accent);
    position: absolute;
    top: -3.75rem;
    left: -0.3rem;
    margin-left: -0.3em;
    z-index: -1;
}
.markdown-preview-view blockquote p {
    position: relative;
}
/*Corrects spacing of quote sign and text for blockquotes*/
.markdown-preview-view blockquote> :first-child {
    z-index: 1;
    margin-left: -0.5em;
}
/*Code Segment Style*/
.cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight), .markdown-rendered code {
    background: var(--background-modifier-hover);
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
/* blockquotes, embeds, tables inner/outer glow */
.markdown-preview-view blockquote, .markdown-preview-view .markdown-embed, .markdown-preview-view .file-embed, .markdown-preview-view th {
    box-shadow: 0em 0em 0.5em 0.1em var(--text-accent) , inset 0em 0em 2em var(--text-accent);
}
/*============== Empty Tab ==================*/
/*Sets Style for Empty Title*/
.empty-state-title {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 3px solid;
    text-shadow: 0 0 5px var(--text-accent), 0 0 10px var(--text-accent), 0 0 20px var(--text-accent), 0 0 40px var(--text-accent), 0 0 80px var(--text-accent);
}
/*Sets Spacing for Empty Items*/
body:not(.is-mobile) .empty-state-action {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    padding: 0 5px 0 5px;
}
/*Sets Spacing for Empty Items hover*/
body:not(.is-mobile) .empty-state-action:hover {
    background: var(--text-selection);
    border-radius: 3px;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
    border-top: 1px solid;
}
/*Sets Spacing for Empty Items active*/
body:not(.is-mobile) .empty-state-action:active {
    background-color: var(--color-accent-active);
    border-radius: 3px;
    box-shadow: 0 0 0.3em var(--text-accent);
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 2px solid;
    border-top: 2px solid;
}
/*================ Canvas ================*/
/*---------------- Canvas right hand controls --------------------*/
/*Sets Style for Right controls*/
.canvas-controls {
    gap: 0px;
    backdrop-filter: blur(5px) saturate(120%) !important;
    border-left: 1px solid;
    border-right: 1px solid;
    border-image-slice: 1;
    background-color: var(--background-settings);
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-radius: 5px;
}
/*Sets color for right control items*/
.canvas-control-item {
    border-bottom: none;
    border-radius: 3px;
    background-color: transparent;
    color: var(--text-faint);
}
/*Sets color for right control items hover*/
.canvas-control-item:hover {
    background-color: var(--background-modifier-hover);
    color: var(--text-accent);
}
/*Sets color for right control items active*/
.canvas-control-item:active {
    background-color: var(--color-accent-active);
}
/*Hides disabled items until they can be used*/
.canvas-control-item.is-disabled {
    display: none;
}
/*Removes Group Default Style*/
.canvas-control-group {
    border: none;
    background: transparent;
    box-shadow: none;
    border-radius: 0px;
}
/*----------------- Canvas Menu Card ----------------------*/
/*Card Menu styling*/
.canvas-card-menu, .theme-dark .canvas-card-menu {
    box-shadow: none;
    backdrop-filter: blur(5px) saturate(120%) !important;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
    border-top: 1px solid;
    background-color: var(--background-settings);
}
/*Resize Card Menu*/
.canvas-card-menu .canvas-card-menu-button {
    color: var(--text-faint);
    margin: 2px;
    padding: var(--size-2-2);
    border-radius: 3px;
}
/*Removes unnecessary Bounce Animation*/
.canvas-card-menu .canvas-card-menu-button.mod-draggable:hover svg {
    transform: none;
    filter: none;
}
/*Card Menu styling hover*/
.canvas-card-menu .canvas-card-menu-button:hover, .canvas-card-menu .canvas-card-menu-button.mod-draggable:active {
    color: var(--text-accent);
    background-color: var(--background-modifier-hover);
}
/*Removes default Fill Coloring*/
.theme-dark .canvas-card-menu .canvas-card-menu-button svg, .canvas-card-menu .canvas-card-menu-button svg {
    fill: transparent;
}
/*--------------- Internal Canvas ----------------------*/
/*Right Click Menu Stlying*/
.canvas-menu {
    background-color: var(--background-settings-alt);
    backdrop-filter: blur(4px) saturate(120%) !important;
    border: 0px solid var(--background-modifier-border);
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
    border-top: 1px solid;
}
/*Canvas Container Styled*/
.canvas-node.is-themed .canvas-node-container, .canvas-node-group .canvas-node-container, .canvas-node.is-selected .canvas-node-container {
    border-color: var(--text-normal);
    box-shadow: 0 0 10px 5px rgba(var(--canvas-color), 0.7), inset 0 0 20px 5px rgba(var(--canvas-color), 0.7), var(--shadow-stationary);
}
/*Canvas Container Styled selected*/
.canvas-node.is-selected.is-themed .canvas-node-container, .canvas-node.is-focused.is-themed .canvas-node-container,
.canvas-node.is-focused .canvas-node-container {
    box-shadow: 0 0 10px 5px rgba(var(--canvas-color), 0.9), inset 0 0 30px 10px rgba(var(--canvas-color), 0.7), var(--shadow-stationary);
}
/*Styles Group Label*/
.canvas-wrapper:not(.mod-readonly) .canvas-group-label, .canvas-node-group.is-themed .canvas-group-label:not([contenteditable="true"]) {
    background: rgba(var(--canvas-color), 0.6);
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, rgba(var(--canvas-color)), transparent);
    border-bottom: 2px solid;
    border-top: 2px solid;
    margin-top: -10px;
}
/*Styles Node Labels*/
.canvas-node-label {
    color: var(--text-accent);
    padding: 5px;
    background: rgba(var(--canvas-color), 0.6);
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, rgba(var(--canvas-color)), transparent);
    border-bottom: 2px solid;
    border-top: 2px solid;
    margin-top: -5px;
    border-radius: 3px;
    cursor: pointer;
}
/*=============== File Explorer Icon for files/folders ========================*/
/*Removes Collapse Chevron in Nav File Tree Only*/
.tree-item.nav-folder .tree-item-icon.collapse-icon.nav-folder-collapse-indicator{
    display: none;
}
/*Shifts Content to the left*/
.nav-file-title-content, .nav-folder-title-content {
    margin-left: -20px;
}
/*Opened Folder svg not Collapsed and sets style for folder icons*/
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title-content::before {
    margin-right: 4px;
    position: relative;
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: -5px;
    background-color: var(--custom-acc-faint);
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M3 3a2 2 0 0 0-2 2v6c0 .413.125.797.34 1.116L2.81 7.08A1.5 1.5 0 0 1 4.25 6h8.753v-.004a2 2 0 0 0-2-2H6.175l-1.11-.887A.5.5 0 0 0 4.753 3H3Zm11.941 4.64a.5.5 0 0 0-.48-.64H4.25a.5.5 0 0 0-.48.36l-1.46 5a.5.5 0 0 0 .48.64h9.46a1.5 1.5 0 0 0 1.44-1.08l1.251-4.28Z"%2F%3E%3C%2Fsvg%3E');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
}
/*Closed Folder svg Colapsed */
.workspace-leaf-content[data-type="file-explorer"] .is-collapsed .nav-folder-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 28 28"%3E%3Cpath fill="currentColor" d="M15.821 6.5h7.929a2.25 2.25 0 0 1 2.229 1.938l.016.158l.005.154v13a2.25 2.25 0 0 1-2.096 2.245L23.75 24H4.25a2.25 2.25 0 0 1-2.245-2.096L2 21.75V10.499l8.207.001l.196-.009a2.25 2.25 0 0 0 1.088-.393l.156-.12L15.821 6.5ZM10.207 4c.46 0 .908.141 1.284.402l.156.12l2.103 1.751l-3.063 2.553l-.085.061a.75.75 0 0 1-.29.106L10.206 9L2 8.999V6.25a2.25 2.25 0 0 1 2.096-2.245L4.25 4h5.957Z"%2F%3E%3C%2Fsvg%3E');
}
/* File svg and sets style for file icons*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title .nav-file-title-content::before {
    margin-right: 4px;
    position: relative;
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: -5px;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--custom-acc-faint);
    -webkit-mask-size: 100%;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M8 4.5V1H4.5A1.5 1.5 0 0 0 3 2.5v11A1.5 1.5 0 0 0 4.5 15h7a1.5 1.5 0 0 0 1.5-1.5V6H9.5A1.5 1.5 0 0 1 8 4.5Zm1 0V1.25L12.75 5H9.5a.5.5 0 0 1-.5-.5ZM5.5 8h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1ZM5 10.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Zm.5 1.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1Z"%2F%3E%3C%2Fsvg%3E');
}
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title:hover .nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title:hover .nav-folder-title-content::before {
    background-color: var(--custom-acc-text);
}
/*Vault svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-folder.mod-root>.nav-folder-title .nav-folder-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M14 13.5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3ZM2 7.75A3.75 3.75 0 0 1 5.75 4h12.5A3.75 3.75 0 0 1 22 7.75v8.5A3.75 3.75 0 0 1 18.25 20H5.75A3.75 3.75 0 0 1 2 16.25v-8.5ZM5.75 7a.75.75 0 0 0-.75.75v8.5a.75.75 0 0 0 1.5 0v-8.5A.75.75 0 0 0 5.75 7Zm5.53 1.22a.75.75 0 1 0-1.06 1.06l1.195 1.196A2.985 2.985 0 0 0 11 12c0 .556.151 1.077.415 1.524L10.22 14.72a.75.75 0 1 0 1.06 1.06l1.196-1.195c.447.264.968.415 1.524.415s1.077-.151 1.524-.415l1.196 1.195a.75.75 0 1 0 1.06-1.06l-1.195-1.196c.264-.447.415-.968.415-1.524s-.151-1.077-.415-1.524L17.78 9.28a.75.75 0 0 0-1.06-1.06l-1.196 1.195A2.986 2.986 0 0 0 14 9c-.556 0-1.077.151-1.524.415L11.28 8.22Z"%2F%3E%3C%2Fsvg%3E');
    background-color: var(--custom-acc-text);
}
/*Applies Pen svg for active file*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title.is-active .nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M10.733 2.56a1.914 1.914 0 0 1 2.707 2.708L12.707 6l.263.263a1.75 1.75 0 0 1 0 2.474l-1.116 1.117a.5.5 0 0 1-.708-.708l1.117-1.116a.75.75 0 0 0 0-1.06L12 6.707l-5.955 5.955a1.65 1.65 0 0 1-.644.398l-2.743.914a.5.5 0 0 1-.632-.632l.914-2.743a1.65 1.65 0 0 1 .398-.644l7.395-7.395Z"%2F%3E%3C%2Fsvg%3E');
    background-color: var(--custom-acc-text);
}
/*Styles when item has focus*/
.workspace-leaf.mod-active .tree-item-self.has-focus{
    box-shadow: 0 0 4px 2px var(--text-accent);
}
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M6 1.002h3v3.5a1.5 1.5 0 0 0 1.5 1.5H14v6.996a2 2 0 0 1-2 2H8.666A5.5 5.5 0 0 0 4 5.207V3.002a2 2 0 0 1 2-2Zm4.5 4h3.497l-3.989-4H10v3.5a.5.5 0 0 0 .5.5ZM10 10.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0Zm-4.5 1.88a.625.625 0 1 0 0 1.25a.625.625 0 0 0 0-1.25Zm0-4.877c-1.048 0-1.864.818-1.853 1.955a.5.5 0 0 0 1-.01c-.006-.579.36-.945.853-.945c.472 0 .853.392.853.95c0 .202-.07.315-.36.544l-.277.215C5.21 10.616 5 10.929 5 11.5a.5.5 0 0 0 .992.09l.011-.156c.017-.148.1-.254.346-.448l.277-.215c.513-.41.727-.732.727-1.318c0-1.104-.822-1.95-1.853-1.95Z"%2F%3E%3C%2Fsvg%3E');
}
/*Sets Archive svg for zipped files*/
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".zip"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".7z"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".rar"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".zipx"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".arc"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".pea"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".gzip"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .is-unsupported[data-path$=".b1"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M12.005 4.5h-1.44L8.158 7.033l-.111.106a1.5 1.5 0 0 1-.823.353L7.07 7.5H2v7l.005.164A2.5 2.5 0 0 0 4.5 17h8.504v-1.941a.515.515 0 0 1 0-.117L13.002 14h-.498a.5.5 0 0 1 0-1h.497v-2H12.5a.5.5 0 0 1 0-1h.5V9h-.495a.5.5 0 0 1-.5-.5v-4Zm2 0h-1V8h1V4.5Zm1 0h.495a2.5 2.5 0 0 1 2.479 2.174l.016.162L18 7v7.5a2.5 2.5 0 0 1-2.336 2.495L15.5 17h-1.496v-1.5h.496a.5.5 0 0 0 0-1h-.497v-.955a.478.478 0 0 0 0-.09V12.5h.502a.5.5 0 1 0 0-1h-.503L14 9h.505a.5.5 0 0 0 .5-.5v-4ZM7.932 3.21A1.5 1.5 0 0 0 7.167 3H4.5l-.164.005A2.5 2.5 0 0 0 2 5.5v1h5.07l.082-.007a.5.5 0 0 0 .22-.094l.061-.055L9.385 4.29L8.067 3.3l-.135-.09Z"%2F%3E%3C%2Fsvg%3E');
}
/*Video svg for supported video files*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".webm"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".mp4"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".mkv"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".mov"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".m4a"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M2 5.5A2.5 2.5 0 0 1 4.5 3h7A2.5 2.5 0 0 1 14 5.5v5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 10.5v-5Zm4.5.32v4.36c0 .25.274.403.487.273l3.259-1.992a.54.54 0 0 0 0-.922l-3.26-1.991a.32.32 0 0 0-.486.273Z"%2F%3E%3C%2Fsvg%3E');
}
/*Audio svg for supported audio files*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".3gp"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".flac"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".mp3"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".ogg"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".wav"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M15.987 3.016a1 1 0 0 0-1.285-.79l-7 2.187A1 1 0 0 0 7 5.368V13.5a2.5 2.5 0 1 0 1 2V8.368l7-2.188v2.843c.343.03.678.093 1 .184V3.18c0-.056-.005-.11-.013-.164ZM19 14.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0Zm-2.263-.435l-2.994-1.65a.5.5 0 0 0-.742.437v3.3a.5.5 0 0 0 .742.438l2.994-1.65a.5.5 0 0 0 0-.875Z"%2F%3E%3C%2Fsvg%3E')
}
/*Picture svg for supported Picture files*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".svg"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".bmp"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".jpeg"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".jpg"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".png"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".gif"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M4.5 2A2.5 2.5 0 0 0 2 4.5v7c0 .51.152.983.414 1.379l4.384-4.384a1.7 1.7 0 0 1 2.404 0l4.384 4.384A2.49 2.49 0 0 0 14 11.5v-7A2.5 2.5 0 0 0 11.5 2h-7Zm7 3.502a1.002 1.002 0 1 1-2.004 0a1.002 1.002 0 0 1 2.004 0Zm1.379 8.084L8.495 9.202a.7.7 0 0 0-.99 0l-4.384 4.384c.396.262.87.414 1.379.414h7c.51 0 .983-.152 1.379-.414Z"%2F%3E%3C%2Fsvg%3E');
}
/*PDF svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".pdf"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 32 32"%3E%3Cpath fill="currentColor" d="M9 16a1 1 0 0 0-1 1v5a1 1 0 1 0 2 0v-1h.5a2.5 2.5 0 0 0 0-5H9Zm1.5 3H10v-1h.5a.5.5 0 0 1 0 1Zm3.5-2a1 1 0 0 1 1-1h.5a3.5 3.5 0 1 1 0 7H15a1 1 0 0 1-1-1v-5Zm2 3.915a1.5 1.5 0 0 0 0-2.83v2.83ZM20 22v-5a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2h-2v1h2a1 1 0 1 1 0 2h-2v1a1 1 0 1 1-2 0ZM17 9V2H8a3 3 0 0 0-3 3v8a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2v1a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3v-1a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2v-1h-7a3 3 0 0 1-3-3Zm10 6v9H5v-9h22Zm-8-6V2.117a3 3 0 0 1 1.293.762l5.828 5.828A3 3 0 0 1 26.883 10H20a1 1 0 0 1-1-1Z"%2F%3E%3C%2Fsvg%3E');
}
/*HTML svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".html"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M9 7a1 1 0 0 1 .117 1.993L9 9H7a3 3 0 0 0-.176 5.995L7 15h2a1 1 0 0 1 .117 1.993L9 17H7a5 5 0 0 1-.217-9.995L7 7h2Zm8 0a5 5 0 0 1 .217 9.995L17 17h-2a1 1 0 0 1-.117-1.993L15 15h2a3 3 0 0 0 .176-5.995L17 9h-2a1 1 0 0 1-.117-1.993L15 7h2ZM7 11h10a1 1 0 0 1 .117 1.993L17 13H7a1 1 0 0 1-.117-1.993L7 11h10H7Z"%2F%3E%3C%2Fsvg%3E');
}
/*Draw svg for Excalidraw*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".excalidraw.md"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M3 6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v3.003c-.341.016-.68.092-1 .229V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9.5a.5.5 0 0 1-1 0V6Zm.4 11.035c.369.184.83.335 1.217.25c.251-.056.577-.193.943-.347c.885-.373 2.003-.843 2.862-.497c.637.256.584.981.405 1.33c-.035.066-.008.16.065.177a4.6 4.6 0 0 0 1.112.088a.917.917 0 0 1 .023-.14l.375-1.498a2.18 2.18 0 0 1 .578-1.02l4.83-4.83a1.87 1.87 0 1 1 2.644 2.645l-4.83 4.829a2.197 2.197 0 0 1-1.02.578l-1.222.305c-1.121.328-2.794.222-3.313-.183c-.449-.35-.467-.887-.316-1.244c.034-.08-.026-.183-.111-.17c-.495.07-.9.25-1.3.427c-.585.26-1.156.513-1.976.411c-.711-.088-1.107-.459-1.325-.825c-.122-.204.147-.392.36-.286Z"%2F%3E%3C%2Fsvg%3E');
}
/*Canvas svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".canvas"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M7.5 2v3H2v-.5A2.5 2.5 0 0 1 4.5 2h3Zm1 0v8H14V4.5A2.5 2.5 0 0 0 11.5 2h-3Zm5.5 9H8.5v3h3a2.5 2.5 0 0 0 2.5-2.5V11Zm-6.5 3V6H2v5.5A2.5 2.5 0 0 0 4.5 14h3Z"%2F%3E%3C%2Fsvg%3E');
}
/*CSS svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".css"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 6.5V2H5.5A1.5 1.5 0 0 0 4 3.5v7.67c.552.196 1.03.548 1.38 1.004A2.498 2.498 0 0 1 9.5 12a2.5 2.5 0 0 1 4.5 1.5c0 .444-.193.843-.5 1.118c.319.425.5.949.5 1.5v.382a2.49 2.49 0 0 1-.5 1.5h1a1.5 1.5 0 0 0 1.5-1.5V8h-4.5A1.5 1.5 0 0 1 10 6.5Zm1 0V2.25L15.75 7H11.5a.5.5 0 0 1-.5-.5ZM3 12a2 2 0 0 0-2 2v2a2 2 0 1 0 4 0a.5.5 0 0 0-1 0a1 1 0 1 1-2 0v-2a1 1 0 1 1 2 0a.5.5 0 0 0 1 0a2 2 0 0 0-2-2Zm8.5 0a1.5 1.5 0 0 0-1.5 1.5v.382a1.5 1.5 0 0 0 .83 1.342l.894.447a.5.5 0 0 1 .276.447v.382a.5.5 0 0 1-1 0a.5.5 0 0 0-1 0a1.5 1.5 0 0 0 3 0v-.382a1.5 1.5 0 0 0-.83-1.342l-.894-.447a.5.5 0 0 1-.276-.447V13.5a.5.5 0 0 1 1 0a.5.5 0 0 0 1 0a1.5 1.5 0 0 0-1.5-1.5ZM6 13.5a1.5 1.5 0 0 1 3 0a.5.5 0 0 1-1 0a.5.5 0 0 0-1 0v.382a.5.5 0 0 0 .276.447l.895.447A1.5 1.5 0 0 1 9 16.118v.382a1.5 1.5 0 0 1-3 0a.5.5 0 0 1 1 0a.5.5 0 0 0 1 0v-.382a.5.5 0 0 0-.276-.447l-.895-.447A1.5 1.5 0 0 1 6 13.882V13.5Z"%2F%3E%3C%2Fsvg%3E');
}
/*Text File svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".txt"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 28 28"%3E%3Cpath fill="currentColor" d="M14 2a.75.75 0 0 1 .75.75V4h3.75V2.75a.75.75 0 0 1 1.5 0V4h.75A2.25 2.25 0 0 1 23 6.25v12.246h-4.754a2.25 2.25 0 0 0-2.25 2.25V25.5H6.75a2.25 2.25 0 0 1-2.25-2.25v-17A2.25 2.25 0 0 1 6.75 4H8V2.75a.75.75 0 0 1 1.5 0V4h3.75V2.75A.75.75 0 0 1 14 2Zm-6 8.25c0 .414.336.75.75.75h10a.75.75 0 0 0 0-1.5h-10a.75.75 0 0 0-.75.75Zm0 4.5c0 .414.336.75.75.75h10a.75.75 0 0 0 0-1.5h-10a.75.75 0 0 0-.75.75Zm0 4.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 0-1.5h-4.5a.75.75 0 0 0-.75.75Zm9.496 5.81l5.065-5.064h-4.315a.75.75 0 0 0-.75.75v4.315Z"%2F%3E%3C%2Fsvg%3E');
}
/*Document svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".docx"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".doc"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".odt"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".wps"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".wpd"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M21.17 3.25q.33 0 .59.25q.24.24.24.58v15.84q0 .34-.24.58q-.26.25-.59.25H7.83q-.33 0-.59-.25q-.24-.24-.24-.58V17H2.83q-.33 0-.59-.24Q2 16.5 2 16.17V7.83q0-.33.24-.59Q2.5 7 2.83 7H7V4.08q0-.34.24-.58q.26-.25.59-.25m-.8 8.09l1.2 3.94H9.6l1.31-6.56H9.53l-.78 3.88l-1.11-3.75H6.5l-1.19 3.77l-.78-3.9H3.09l1.31 6.56h1.37m14.98 4.22V17H8.25v2.5m12.5-3.75v-3.12H12v3.12m8.75-4.37V8.25H12v3.13M20.75 7V4.5H8.25V7Z"%2F%3E%3C%2Fsvg%3E');
}
/*Presentation svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".key"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".pptx"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".ppt"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".odp"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".dps"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M13.25 3.25q1.21 0 2.33.31q1.12.32 2.09.89q.97.55 1.77 1.36q.79.8 1.36 1.77q.58.97.89 2.09Q22 10.79 22 12t-.31 2.33q-.31 1.12-.89 2.09q-.57.97-1.36 1.77q-.8.81-1.77 1.36q-.97.58-2.09.89q-1.12.31-2.33.31q-1.07 0-2.1-.25q-1.03-.26-1.95-.74q-.92-.49-1.7-1.18q-.81-.7-1.43-1.58H2.83q-.33 0-.59-.24Q2 16.5 2 16.17V7.83q0-.33.24-.58Q2.5 7 2.83 7h3.24q.62-.88 1.43-1.58q.78-.7 1.7-1.18q.93-.48 1.95-.74q1.03-.25 2.1-.25m.63 1.28v6.84h6.84q-.12-1.37-.69-2.56T18.55 6.7q-.91-.91-2.12-1.48q-1.2-.57-2.55-.69M9.5 10.84q0-.57-.2-.97q-.19-.41-.52-.66q-.33-.26-.78-.37q-.45-.12-1-.12H4.37v6.55h1.54V13h1.03q.48 0 .93-.16q.46-.14.82-.41q.36-.26.58-.67q.23-.4.23-.92m3.75 8.66q.98 0 1.89-.24q.9-.26 1.71-.68q.81-.45 1.48-1.08q.67-.61 1.17-1.37q.5-.77.83-1.66q.31-.89.39-1.85h-8.08V4.53q-1.45.12-2.73.76T7.67 7h3.5q.33 0 .59.25q.24.25.24.58v8.34q0 .33-.24.59q-.26.24-.59.24h-3.5q.53.6 1.17 1.06q.66.44 1.35.78q.72.33 1.49.49q.77.17 1.57.17M6.85 10q.47 0 .76.19q.28.19.28.7q0 .22-.1.36q-.1.14-.26.25q-.16.07-.35.1q-.18.04-.38.04h-.89V10h.94Z"%2F%3E%3C%2Fsvg%3E');
}
/*Spreadsheet svg*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".xlsx"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".xls"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".et"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".ods"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".csv"]>.nav-file-title-content::before,
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title[data-path$=".xml"]>.nav-file-title-content::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M21.17 3.25q.33 0 .59.25q.24.24.24.58v15.84q0 .34-.24.58q-.26.25-.59.25H7.83q-.33 0-.59-.25q-.24-.24-.24-.58V17H2.83q-.33 0-.59-.24Q2 16.5 2 16.17V7.83q0-.33.24-.59Q2.5 7 2.83 7H7V4.08q0-.34.24-.58q.26-.25.59-.25M7 13.06l1.18 2.22h1.79L8 12.06l1.93-3.17H8.22L7.13 10.9l-.04.06l-.03.07q-.26-.53-.56-1.07q-.25-.53-.53-1.07H4.16l1.89 3.19L4 15.28h1.78m8.1 4.22V17H8.25v2.5m5.63-3.75v-3.12H12v3.12m1.88-4.37V8.25H12v3.13M13.88 7V4.5H8.25V7m12.5 12.5V17h-5.62v2.5m5.62-3.75v-3.12h-5.62v3.12m5.62-4.37V8.25h-5.62v3.13M20.75 7V4.5h-5.62V7Z"%2F%3E%3C%2Fsvg%3E');
}
/*================= Kanban Update ============*/
/*Removes Unneccessary background*/
.workspace-split:not(.mod-left-split) .node-insert-event{
    background-color: transparent;
}
/*Sets the style for lists and spacing for hover list style*/
.kanban-plugin__item {
    border: transparent;
    background: var(--background-settings-2);
    color: var(--text-faint);
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-radius: 3px;
}
/*removes redundant default title wrapper styling*/
.kanban-plugin__item-title-wrapper {
    border: transparent;
    background-color: transparent;
}
/*Styles internal Kanban Lane*/
.kanban-plugin__lane-items {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    background-color: var(--background-primary);
    border-radius: 5px;
}
/*Styles List on hover/active*/
.kanban-plugin__item:hover, .kanban-plugin__item:active {
    background-color: var(--text-selection);
    color: var(--text-accent);
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
.kanban-plugin__item:active {
    color: var(--text-accent);
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    background-color: var(--color-accent-active);
}
/*Adds some padding and style for kanban textbox of lists*/
.kanban-plugin__grow-wrap>textarea, .kanban-plugin__grow-wrap:after {
    border-radius: 3px;
    padding: 2px;
    width: 98%;
    border-bottom: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Style Kanban textbox when in focus*/
.kanban-plugin__grow-wrap>textarea:focus {
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Styles Kanban Containers*/
.kanban-plugin__lane {
    border-left: 2px solid;
    border-right: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    background-color: var(--background-secondary);
}
/*Removes line seperator*/
.kanban-plugin__lane-header-wrapper, .kanban-plugin__item-button-wrapper, .kanban-plugin__item-form {
    border: none;
}
/*Removes Default Plugin Hue Change*/
.kanban-plugin__item-prefix-button-wrapper input[type=checkbox] {
    filter: hue-rotate(0deg);
}
/*Removes Item Content overcolor*/
.kanban-plugin__item-content-wrapper {
    background-color: transparent;
}
/*Styled to match with finder search*/
.kanban-plugin__search-wrapper {
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    justify-content: center;
}
/*Expand searchbox*/
input.kanban-plugin__filter-input {
    width: 50%;
    margin-right: 5px;
}
/*Try to center icon*/
.kanban-plugin__icon {
    margin-top: 2px;
}
/*========== NEW PDF ==============*/
/*Styles PDF Sidebar*/
.pdf-sidebar-container {
    border-right: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    background-color: var(--background-tertiary);
}
.pdf-sidebar-container .thumbnail::before {
    box-shadow: none;
}
/*Styles page thumbnail*/
.pdf-sidebar-container .thumbnail {
    border: none;
    padding: var(--size-4-2);
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
}
/*Styles page thumbnail on Hover*/
.pdf-sidebar-container .thumbnail.selected, .pdf-sidebar-container .thumbnail:hover {
    background: var(--text-selection);
    border-bottom: 2px solid;
    border-top: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Styles page thumbnail page number flair*/
.pdf-sidebar-container .thumbnail::after {
    font-weight: var(--font-semibold);
    background-color: var(--text-selection);
}
/*Styles page thumbnail page number flair selected*/
.pdf-sidebar-container .thumbnail.selected::after {
    background-color: var(--text-selection);
    align-self: center;
}
/*Styles PDF Toolbar*/
.pdf-toolbar {
    background-color: var(--background-tertiary);
    border-bottom: none;
    border-bottom: 3px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Removes redundant 2nd background on Container*/
.workspace-leaf-content[data-type="pdf"] .view-content {
    background-color: transparent;
}

/*============== Links Styling ===============*/
/*Colors Internal Link text*/
.cm-s-obsidian span.cm-hmd-internal-link, a.internal-link {
    color: var(--internal-link-hover);
}
/*Adds Hover Effect on Internal Links*/
.cm-s-obsidian span.cm-hmd-internal-link:hover, .markdown-rendered .internal-link:hover {
    color: var(--text-normal);
    text-shadow: 0 0 5px var(--internal-link-hover), 0 0 10px var(--internal-link-hover), 0 0 20px var(--internal-link-hover), 0 0 35px var(--internal-link-hover);
}
/*Adds Hover Effect on External Links*/
.cm-s-obsidian span.cm-link:hover, .external-link:hover {
    color: var(--text-normal);
    text-shadow: 0 0 5px var(--link-external-color), 0 0 10px var(--link-external-color), 0 0 20px var(--link-external-color), 0 0 35px var(--link-external-color);
}
/*==================  Lists =======================*/
/*Sets uncollapsed bullet point with animations*/
li:not(.is-collapsed) .list-bullet:after, .cm-formatting-list .list-bullet:after {
    content: '▻';
    color: var(--text-normal);
    font-weight: bold;
    transform: translate(10.5px, 5px) rotate(90deg);
    text-shadow: 0 0 5px var(--bulletlist-color), 0 0 5px var(--bulletlist-color), 0 0 10px var(--bulletlist-color), 0 0 10px var(--bulletlist-color), 0 0 20px var(--bulletlist-color);
}
/*Realigns Custom bullet point*/
.list-bullet {
    align-items: baseline;
    margin-right: 10px;
}
/*Sets collapsed bullet point with animations*/
li.is-collapsed .list-bullet:after, .is-collapsed~.cm-formatting-list .list-bullet:after {
    content: '▻';
    color: var(--bulletlist-color);
    font-weight: bold;
    text-shadow: 0 0 5px var(--bulletlist-color), 0 0 10px var(--bulletlist-color), 0 0 20px var(--bulletlist-color), 0 0 35px var(--bulletlist-color);
    background-color: transparent;
    box-shadow: none;
    transform: translate(0px, 0px) rotate(0deg);
    margin-left: -0.4em;
}
/*Removes hover dot */
.cm-fold-indicator:hover~.cm-formatting-list .list-bullet:after, .cm-fold-indicator:hover.is-collapsed~.cm-formatting-list .list-bullet:after {
    background-color: transparent;
    box-shadow: none;
}
/*----------------------* Number list ----------------------------*/
/*Styles Default Number List*/
ol>li::marker, ul>li::marker, .cm-s-obsidian .cm-formatting-list {
    color: var(--text-normal);
    font-weight: bold;
    border-image-source: linear-gradient(to right, var(--bulletlist-color), transparent);
    text-shadow: 0 0 5px var(--bulletlist-color), 0 0 10px var(--bulletlist-color),
        0 0 20px var(--bulletlist-color), 0 0 35px var(--bulletlist-color);
}
/*Adds style to the Identation guide */
.markdown-rendered.show-indentation-guide li>ul::before, .markdown-rendered.show-indentation-guide li>ol::before, .markdown-source-view.mod-cm6 .cm-indent::before {
    box-shadow: 0 0 5px var(--bulletlist-color), 0 0 5px var(--bulletlist-color), 0 0 10px var(--bulletlist-color), 0 0 10px var(--bulletlist-color), 0 0 20px var(--bulletlist-color), 0 0 20px var(--bulletlist-color), 0 0 35px var(--bulletlist-color);
    width: 0px;
    transform: translateX(1.5px);

}
/*Aligns Number List with identation guide*/
.markdown-rendered ol {
    margin-left: 3px;
}
/*Recheck Position*/
/*================ General UI =======================*/
/*Removes double background on Note Content*/
.workspace-split.mod-root .view-content .node-insert-event {
    background-color: transparent;
}
/*Changes App's background*/
.workspace {
    background-color: var(--background-secondary);
}
/*Sets style for active view header*/
.workspace-leaf.mod-active .view-header {
    border-top: 3px solid;
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Sets spacing for view header and colors*/
.view-header {
    margin: 0px;
    background: var(--background-primary-alt);
    border-top: 3px solid transparent;
    border-bottom: 2px solid transparent;
}
/*Colors the fade in header title*/
.view-header-title-container:not(.mod-at-end):after {
    background: linear-gradient(to right, transparent, var(--transparent-primary-alt));
}
/*Header bar background changed*/
:is(.is-focused .workspace-leaf.mod-active .view-header, .view-header), .workspace-split.mod-right-split .workspace-tabs .nav-header, .workspace-split.mod-left-split .workspace-tabs .nav-header, .search-row, .search-results-info {
    background: var(--background-tertiary);
    backdrop-filter: blur(18px) saturate(120%);
}
:is(.is-focused .workspace-leaf.mod-active .view-header, .view-header),
 .workspace-split.mod-right-split .workspace-tabs.mod-top .nav-header,
  .workspace-split.mod-left-split .workspace-tabs.mod-top .nav-header,
   .search-row, .search-results-info {
border-radius: 5px 5px 0 0;
}
/*Header Title Colored*/
.is-focused .workspace-leaf.mod-active .view-header-title, .workspace-leaf.mod-active .view-header-title, .workspace-leaf.mod-active .view-header-icon {
    color: var(--activetitle-highlight);
}
.view-header-title{
    color: var(--Inactive-title);
}
/*Breadcrumb File Path*/
.view-header-title-parent .view-header-breadcrumb {
    color: var(--text-faint);
}
/*Breadcrumb File Path on Hover*/
.view-header-title-parent .view-header-breadcrumb:hover {
    color: var(--text-accent);
    background: var(--text-selection);
}
/*Breadcrumb File Path on Active*/
.view-header-title-parent .view-header-breadcrumb:active {
    color: var(--text-accent);
    background: var(--color-accent-active);
}
/*Breadcrumb Active Page*/
.workspace-leaf.mod-active .view-header-title, .workspace-leaf.mod-active .view-header-icon {
    background: var(--title-background-active-clicked);  
    padding: 5px;  
    border-radius: var(--radius-s);
    margin-left: 5px;
    border-image-slice: 1;
    border-right: 2px solid;
    border-image-source: linear-gradient(to top, transparent, var(--activetitle-highlight), transparent);
    border-left: 2px solid;
}
/*Breadcrumb Active Page on hover*/
.workspace-leaf.mod-active .view-header-title:hover{
    background: var(--title-background-clicked);
}
/*Removes Redundant and unnecessary background coloring*/
body:not(.is-fullscreen).is-hidden-frameless .mod-top .workspace-tab-header-container, body.is-focused .workspace-ribbon.mod-left, 
body.is-focused .titlebar, body.is-focused .workspace-ribbon.mod-left, .workspace-tab-header-container,
body:not(.is-mobile) .workspace-split.mod-root, .workspace-tabs .workspace-leaf, .mod-root .workspace-tabs .workspace-leaf  {
background: transparent;
}
/*Right Window Spacing*/
body:not(.is-mobile) .workspace-split.mod-vertical>* {
    margin-right: 5px;
}
/*Right of Left Sidepanel Window Spacing*/
body:not(.is-mobile) .workspace-split.mod-left-split {
    margin-right: 5px;
}
/*Main Pane View Content Style*/
.workspace-leaf-content .view-content {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 3px solid;
}
/*======================= Style Setting's Workspace ===============================*/
/*-------------------- Style Setting's Workspace: Background Color ------------------*/
.CG-workspace-background {
    --background-primary: rgba(var(--bg-primary),
            var(--CG-workspace-background-workspace-slider, 0.45));
    --background-secondary: rgba(var(--bg-secondary),
            var(--CG-workspace-background-workspace-slider, 0.45));
}
/*--------------- Style Setting's Workspace: Background Images ------------------------*/
/*Applies the theme's Community Background*/
.CG-workspace-background .app-container {
    --Obsidianbg: var(--bgimage);
    --CGworkspace-background-image: var(--Obsidianbg);
}
/*Applies the custom image to the background*/
.CG-workspace-background.CG-workspace-background-image-custom  .app-container  {
    --CGworkspace-background-image: var(--CG-workspace-background-image-custom-option);
}
/*Applies the background colors as overlay for superior transparency to background image*/
 .app-container {
    background: var(--CGworkspace-background-image);
    background-color: var(--background-primary);
    background-blend-mode: overlay;
    background-size: cover;
}

/*Applies background image customizations*/
body:not(.is-phone).CG-workspace-background .workspace, body:not(.is-phone).CG-workspace-background .status-bar {
    background-color: var(--background-secondary);
    backdrop-filter: brightness(var(--CG-workspace-background-brightness, 1.15)) blur(var(--CG-workspace-background-blur, 15px)) saturate(var(--CG-workspace-background-saturation, 2)) contrast(var(--CG-workspace-background-contrast, 100%));
}

/*Removes sidebar coloring when custom image enabled*/
.CG-workspace-background .workspace-ribbon.mod-left.is-collapsed {
    background-color: transparent;
}
.workspace-split.mod-root .view-content, .workspace-leaf.mod-active .view-header{
    backdrop-filter: brightness(var(--CG-workspace-background-brightness, 1.15)) blur(var(--CG-workspace-background-blur, 15px)) saturate(var(--CG-workspace-background-saturation, 2)) contrast(var(--CG-workspace-background-contrast, 100%));
}
/*=========== CheckBox =================*/
.markdown-preview-view .task-list-item-checkbox {
	border: 1px solid var(--text-accent);
	box-shadow: 0 0 0.5em var(--text-accent);
}
.markdown-source-view.mod-cm6 .cm-indent::before {
	border-right: var(--indentation-guide-width) solid var(--text-normal);
    transform: translateX(19px);
}
/*------------------------- Style Settings: Custom Checkbox -------------------------------*/
.CG-custom-checkbox .view-content .task-list-item-checkbox {
	appearance: none;
	scale: 1.22;
}
.CG-custom-checkbox input[type='checkbox']:checked:after {
	background-color: black;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='x'], .CG-custom-checkbox li.task-list-item[data-task='x'] .task-list-item-checkbox {
	background-color: green;
	border: 1px solid green;
    box-shadow: 0 0 5px green, 0 0 10px green, 0 0 15px green;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='x']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='x'] .task-list-item-checkbox:hover {
	background-color: rgb(2, 169, 2);
	border: 1px solid rgb(2, 169, 2);
}
.CG-custom-checkbox [data-task='x'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='x'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="m8.5 16.586l-3.793-3.793a1 1 0 0 0-1.414 1.414l4.5 4.5a1 1 0 0 0 1.414 0l11-11a1 1 0 0 0-1.414-1.414L8.5 16.586Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='?'], .CG-custom-checkbox ul>li.task-list-item[data-task='?'] .task-list-item-checkbox {
	background-color: gold;
	border: 1px solid gold;
    box-shadow: 0 0 5px gold, 0 0 10px gold, 0 0 15px gold;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='?']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='?'] .task-list-item-checkbox:hover {
	background-color: rgb(209, 178, 2);
	border: 1px solid rgb(209, 178, 2);
}
.CG-custom-checkbox [data-task='?'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='?'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M12 4a5 5 0 0 0-5 5a1 1 0 0 0 2 0c0-1.658 1.342-3 3-3s3 1.342 3 3c0 .816-.199 1.294-.438 1.629c-.262.365-.625.638-1.128.985l-.116.078c-.447.306-1.023.699-1.469 1.247c-.527.648-.849 1.467-.849 2.561v.5a1 1 0 1 0 2 0v-.5c0-.656.178-1.024.4-1.299c.257-.314.603-.552 1.114-.903l.053-.037c.496-.34 1.133-.786 1.62-1.468C16.7 11.081 17 10.183 17 9a5 5 0 0 0-5-5Zm0 17.25a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='-'], .CG-custom-checkbox ul>li.task-list-item[data-task='-'] .task-list-item-checkbox {
	background-color: red;
	border: 1px solid red;
    box-shadow: 0 0 5px red, 0 0 10px red, 0 0 15px red;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='-']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='-'] .task-list-item-checkbox:hover {
	background-color: rgb(215, 4, 4);
	border: 1px solid rgb(215, 4, 4);
}
.CG-custom-checkbox [data-task='-'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='-'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="m2.397 2.554l.073-.084a.75.75 0 0 1 .976-.073l.084.073L8 6.939l4.47-4.47a.75.75 0 1 1 1.06 1.061L9.061 8l4.47 4.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L8 9.061l-4.47 4.47a.75.75 0 0 1-1.06-1.061L6.939 8l-4.47-4.47a.75.75 0 0 1-.072-.976l.073-.084l-.073.084Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='!'], .CG-custom-checkbox ul>li.task-list-item[data-task='!'] .task-list-item-checkbox {
	background-color: darkorange;
	border: 1px solid darkorange;
    box-shadow: 0 0 5px darkorange, 0 0 10px darkorange, 0 0 15px darkorange;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='!']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='!'] .task-list-item-checkbox:hover {
	background-color: rgb(217, 119, 0);
	border: 1px solid rgb(217, 119, 0);
}
.CG-custom-checkbox [data-task='!'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='!'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M5.96 4.457a2.075 2.075 0 1 1 4.08 0l-.856 4.56a1.205 1.205 0 0 1-2.368 0l-.855-4.56ZM9.5 12.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='>'], .CG-custom-checkbox ul>li.task-list-item[data-task='>'] .task-list-item-checkbox {
	background-color: skyblue;
	border: 1px solid skyblue;
    box-shadow: 0 0 5px skyblue, 0 0 10px skyblue, 0 0 15px skyblue;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='>']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='>'] .task-list-item-checkbox:hover {
	background-color: rgb(112, 174, 198);
	border: 1px solid rgb(112, 174, 198);
}
.CG-custom-checkbox [data-task='>'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='>'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M5.74 3.2a.75.75 0 0 0-.04 1.06L9.227 8L5.7 11.74a.75.75 0 1 0 1.1 1.02l4-4.25a.75.75 0 0 0 0-1.02l-4-4.25a.75.75 0 0 0-1.06-.04Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='/'], .CG-custom-checkbox ul>li.task-list-item[data-task='/'] .task-list-item-checkbox {
	background-color: palevioletred;
	border: 1px solid palevioletred;
    box-shadow: 0 0 5px palevioletred, 0 0 10px palevioletred, 0 0 15px palevioletred;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='/']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='/'] .task-list-item-checkbox:hover {
	background-color: rgb(190, 100, 130);
	border: 1px solid rgb(190, 100, 130);
}
.CG-custom-checkbox [data-task='/'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='/'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16Zm0 1a7 7 0 0 1 6.982 6.5H3.018A7 7 0 0 1 10 3Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='R'], .CG-custom-checkbox ul>li.task-list-item[data-task='R'] .task-list-item-checkbox {
	background-color: rosybrown;
	border: 1px solid rosybrown;
    box-shadow: 0 0 5px rosybrown, 0 0 10px rosybrown, 0 0 15px rosybrown;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='R']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='R'] .task-list-item-checkbox:hover {
	background-color: rgb(156, 119, 119);
	border: 1px solid rgb(156, 119, 119);
}
.CG-custom-checkbox [data-task='R'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='R'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M2.984 8.625v.003a.5.5 0 0 1-.612.355c-.431-.114-.355-.611-.355-.611l.018-.062s.026-.084.047-.145a6.7 6.7 0 0 1 1.117-1.982C4.096 5.089 5.605 4 8 4s3.904 1.089 4.802 2.183a6.7 6.7 0 0 1 1.117 1.982a4.077 4.077 0 0 1 .06.187l.003.013v.004l.001.002a.5.5 0 0 1-.966.258l-.001-.004l-.008-.025a4.872 4.872 0 0 0-.2-.52a5.696 5.696 0 0 0-.78-1.263C11.286 5.912 10.044 5 8 5c-2.044 0-3.285.912-4.028 1.817a5.7 5.7 0 0 0-.945 1.674a3.018 3.018 0 0 0-.035.109l-.008.025ZM8 7a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5ZM6.5 9.5a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='+'], .CG-custom-checkbox ul>li.task-list-item[data-task='+'] .task-list-item-checkbox {
	background-color: silver;
	border: 1px solid silver;
    box-shadow: 0 0 5px silver, 0 0 10px silver, 0 0 15px silver;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='+']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='+'] .task-list-item-checkbox:hover {
	background-color: rgb(162, 162, 162);
	border: 1px solid rgb(162, 162, 162);
}
.CG-custom-checkbox [data-task='+'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='+'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M15 5.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0Zm-4-2a.5.5 0 0 0-1 0V5H8.5a.5.5 0 0 0 0 1H10v1.5a.5.5 0 0 0 1 0V6h1.5a.5.5 0 0 0 0-1H11V3.5Zm-.5 7.5c1.33 0 2.55-.472 3.5-1.257V12.5a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 12.5v-7A2.5 2.5 0 0 1 4.5 3h1.1a5.463 5.463 0 0 0-.393 1H4.5A1.5 1.5 0 0 0 3 5.5V9h2.5a.5.5 0 0 1 .5.5c0 .052.008.162.032.308c.041.247.115.494.228.718c.308.618.843.974 1.74.974c.692 0 1.168-.212 1.492-.592c.326.06.663.092 1.008.092Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='b'], .CG-custom-checkbox ul>li.task-list-item[data-task='b'] .task-list-item-checkbox {
	background-color: steelblue;
	border: 1px solid steelblue;
    box-shadow: 0 0 5px steelblue, 0 0 10px steelblue, 0 0 15px steelblue;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='b']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='b'] .task-list-item-checkbox:hover {
	background-color: rgb(82, 152, 209);
	border: 1px solid rgb(82, 152, 209);
}
.CG-custom-checkbox [data-task='b'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='b'][type='checkbox']:checked:after {
	-webkit-mask-image:
		url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M4 4.5A2.5 2.5 0 0 1 6.5 2h7A2.5 2.5 0 0 1 16 4.5v13a.5.5 0 0 1-.794.404L10 14.118l-5.206 3.786A.5.5 0 0 1 4 17.5v-13Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='B'], .CG-custom-checkbox ul>li.task-list-item[data-task='B'] .task-list-item-checkbox {
	background-color: hotpink;
	border: 1px solid hotpink;
    box-shadow: 0 0 5px hotpink, 0 0 10px hotpink, 0 0 15px hotpink;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='B']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='B'] .task-list-item-checkbox:hover {
	background-color: rgb(220, 90, 155);
	border: 1px solid rgb(220, 90, 155);
}
.CG-custom-checkbox [data-task='B'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='B'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M6.13 2.793A3.91 3.91 0 0 1 8.5 2c.24 0 .431.125.542.211c.124.098.24.223.344.348a.5.5 0 0 1 .114.318V6.5H8.415a1.5 1.5 0 1 0 0 1H9.5v9.415a.5.5 0 0 1-.183.387C8.855 17.68 8.237 18 7.5 18c-1.186 0-2.069-.598-2.64-1.313a4.057 4.057 0 0 1-.819-1.752a2.68 2.68 0 0 1-1.054-.555C2.435 13.907 2 13.14 2 12c0-.557.037-1.06.12-1.5h3.13c.636 0 1.16.475 1.24 1.089a1.5 1.5 0 1 0 1.004-.006A2.25 2.25 0 0 0 5.25 9.5H2.441c.153-.298.358-.55.625-.729a1.58 1.58 0 0 1 .212-.118c-.284-.832-.21-1.806.064-2.571c.175-.492.453-.957.835-1.267c.252-.205.552-.34.88-.366c.144-.683.549-1.248 1.074-1.656ZM10.5 14.5h.75a2.25 2.25 0 0 0 2.25-2.25v-1.835a1.5 1.5 0 1 0-1 0v1.835c0 .69-.56 1.25-1.25 1.25h-.75V2.877a.5.5 0 0 1 .114-.318c.103-.125.22-.25.344-.348c.11-.086.301-.211.542-.211a3.91 3.91 0 0 1 2.37.793c.525.408.93.973 1.073 1.656c.328.025.628.161.88.366c.382.31.66.775.835 1.267c.274.765.348 1.74.064 2.57c.072.034.143.074.212.12c.275.183.484.445.638.754c.303.605.428 1.449.428 2.474c0 1.141-.435 1.907-.987 2.38a2.68 2.68 0 0 1-1.054.555c-.1.558-.38 1.204-.819 1.752c-.57.715-1.454 1.313-2.64 1.313c-.736 0-1.355-.32-1.816-.698a.5.5 0 0 1-.184-.387V14.5ZM7 6.5a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1Zm0 6a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1Zm6-3a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='D'], .CG-custom-checkbox ul>li.task-list-item[data-task='D'] .task-list-item-checkbox {
	background-color: olivedrab;
	border: 1px solid olivedrab;
    box-shadow: 0 0 5px olivedrab, 0 0 10px olivedrab, 0 0 15px olivedrab;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='D']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='D'] .task-list-item-checkbox:hover {
	background-color: rgb(123, 163, 41);
	border: 1px solid rgb(123, 163, 41);
}
.CG-custom-checkbox [data-task='D'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='D'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M10.752 8.997a.748.748 0 1 1 0-1.497a.748.748 0 0 1 0 1.497Zm-.749 1.752a.748.748 0 1 0 1.497 0a.748.748 0 0 0-1.497 0ZM8 8.996A.748.748 0 1 1 8 7.5a.748.748 0 0 1 0 1.497Zm-.749 1.752a.748.748 0 1 0 1.497 0a.748.748 0 0 0-1.497 0Zm-2-1.752a.748.748 0 1 1 0-1.497a.748.748 0 0 1 0 1.497ZM2 4.5A2.5 2.5 0 0 1 4.5 2h7A2.5 2.5 0 0 1 14 4.5v7a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 11.5v-7ZM13 6H3v5.5A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5V6Zm-1.5-3h-7A1.5 1.5 0 0 0 3 4.5V5h10v-.5A1.5 1.5 0 0 0 11.5 3Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='I'], .CG-custom-checkbox ul>li.task-list-item[data-task='I'] .task-list-item-checkbox {
	background-color: dodgerblue;
	border: 1px solid dodgerblue;
    box-shadow: 0 0 5px dodgerblue, 0 0 10px dodgerblue, 0 0 15px dodgerblue;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='I']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='I'] .task-list-item-checkbox:hover {
	background-color: rgb(28, 132, 235);
	border: 1px solid rgb(28, 132, 235);
}
.CG-custom-checkbox [data-task='I'] input[type='checkbox']:checked:after,
.CG-custom-checkbox [data-task='I'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M8 7a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 8 7Zm0-.75a.749.749 0 1 0 0-1.5a.749.749 0 0 0 0 1.498ZM2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Zm6-5a5 5 0 1 0 0 10A5 5 0 0 0 8 3Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='i'], .CG-custom-checkbox ul>li.task-list-item[data-task='i'] .task-list-item-checkbox {
	background-color: goldenrod;
	border: 1px solid goldenrod;
    box-shadow: 0 0 5px goldenrod, 0 0 10px goldenrod, 0 0 15px goldenrod;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='i']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='i'] .task-list-item-checkbox:hover {
	background-color: rgb(199, 151, 28);
	border: 1px solid rgb(199, 151, 28);
}
.CG-custom-checkbox [data-task='i'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='i'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M9.5 6.502a.5.5 0 0 1 1 0v1.002a.5.5 0 0 1-1 0V6.502Zm3.35.941a.5.5 0 0 0-.707 0l-.708.709a.5.5 0 0 0 .707.707l.709-.709a.5.5 0 0 0 0-.707Zm-4.998 0a.5.5 0 1 0-.707.707l.708.709a.5.5 0 1 0 .707-.707l-.708-.709ZM10 2c3.314 0 6 2.597 6 5.8c0 1.677-.745 3.216-2.204 4.594a.599.599 0 0 0-.145.213l-.026.081l-.936 3.917c-.184.771-.865 1.33-1.67 1.39l-.144.005h-1.75c-.818 0-1.535-.516-1.776-1.262l-.038-.133l-.935-3.916a.595.595 0 0 0-.17-.295c-1.39-1.312-2.133-2.77-2.2-4.355L4 7.8l.003-.191C4.108 4.494 6.753 2 10 2ZM7.955 15l.319 1.334l.026.096c.097.3.376.522.712.563l.113.007h1.713l.106-.003a.856.856 0 0 0 .741-.525l.031-.1l.329-1.372h-4.09ZM10 3C7.368 3 5.212 4.953 5.015 7.414l-.012.212L5 7.779l.004.217c.056 1.304.674 2.525 1.888 3.671c.188.178.33.398.414.64l.043.15L7.716 14H9.5V9.497a.5.5 0 1 1 1 0V14h1.785l.387-1.615l.051-.15c.086-.215.218-.409.386-.568C14.383 10.465 15 9.181 15 7.8C15 5.157 12.769 3 10 3Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='N'], .CG-custom-checkbox ul>li.task-list-item[data-task='N'] .task-list-item-checkbox {
	background-color: plum;
	border: 1px solid plum;
    box-shadow: 0 0 5px plum, 0 0 10px plum, 0 0 15px plum;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='N']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='N'] .task-list-item-checkbox:hover {
	background-color: rgb(193, 137, 193);
	border: 1px solid rgb(193, 137, 193);
}
.CG-custom-checkbox [data-task='N'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='N'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M4.5 2A2.5 2.5 0 0 0 2 4.5v7A2.5 2.5 0 0 0 4.5 14h3.672a2.5 2.5 0 0 0 1.767-.732l3.329-3.329A2.5 2.5 0 0 0 14 8.172V4.5A2.5 2.5 0 0 0 11.5 2h-7ZM3 4.5A1.5 1.5 0 0 1 4.5 3h7A1.5 1.5 0 0 1 13 4.5V8h-2.5A2.5 2.5 0 0 0 8 10.5V13H4.5A1.5 1.5 0 0 1 3 11.5v-7Zm6 8.25V10.5A1.5 1.5 0 0 1 10.5 9h2.25c-.055.083-.118.16-.19.232l-3.328 3.329a1.564 1.564 0 0 1-.232.19Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='Q'], .CG-custom-checkbox ul>li.task-list-item[data-task='Q'] .task-list-item-checkbox,
.CG-custom-checkbox .task-list-item-checkbox[data-task='"'], .CG-custom-checkbox ul>li.task-list-item[data-task='"'] .task-list-item-checkbox {
	background-color: tan;
	border: 1px solid tan;
    box-shadow: 0 0 5px tan, 0 0 10px tan, 0 0 15px tan;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='Q']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='Q'] .task-list-item-checkbox:hover,
.CG-custom-checkbox .task-list-item-checkbox[data-task='"']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='"'] .task-list-item-checkbox:hover {
	background-color: rgb(183, 156, 122);
	border: 1px solid rgb(183, 156, 122);
}
.CG-custom-checkbox [data-task='Q'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='Q'][type='checkbox']:checked:after,
.CG-custom-checkbox [data-task='"'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='"'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M9.646 11.146c1.387-1.386 2.008-2.76 2.24-4.352A2 2 0 1 1 13 5c-.001 2.592-.528 4.734-2.647 6.854a.5.5 0 0 1-.708-.708Zm-6 0c1.387-1.386 2.009-2.76 2.24-4.352A2 2 0 1 1 7 5c-.001 2.592-.528 4.734-2.647 6.854a.5.5 0 0 1-.708-.708Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='P'], .CG-custom-checkbox ul>li.task-list-item[data-task='P'] .task-list-item-checkbox,
.CG-custom-checkbox .task-list-item-checkbox[data-task='p'], .CG-custom-checkbox ul>li.task-list-item[data-task='p'] .task-list-item-checkbox {
	background-color: limegreen;
	border: 1px solid limegreen;
    box-shadow: 0 0 5px limegreen, 0 0 10px limegreen, 0 0 15px limegreen;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='P']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='P'] .task-list-item-checkbox:hover,
.CG-custom-checkbox .task-list-item-checkbox[data-task='p']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='p'] .task-list-item-checkbox:hover {
	background-color: rgb(45, 184, 45);
	border: 1px solid rgb(45, 184, 45);
}
.CG-custom-checkbox [data-task='P'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='P'][type='checkbox']:checked:after,
.CG-custom-checkbox [data-task='p'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='p'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M15.056 9.004c.46-1.427.693-2.677.693-3.754c0-2.398-.939-4.247-2.5-4.247c-.847 0-1.109.504-1.437 1.747c.018-.065-.163.634-.215.821c-.101.359-.277.97-.527 1.831a.247.247 0 0 1-.03.065L8.174 9.953a5.885 5.885 0 0 1-2.855 2.326l-1.257.482a1.75 1.75 0 0 0-1.092 1.967l.686 3.539a2.25 2.25 0 0 0 1.673 1.757l8.25 2.022a4.75 4.75 0 0 0 5.733-3.44l1.574-6.173a2.75 2.75 0 0 0-2.665-3.43h-3.165Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='C'], .CG-custom-checkbox ul>li.task-list-item[data-task='C'] .task-list-item-checkbox,
.CG-custom-checkbox .task-list-item-checkbox[data-task='c'], .CG-custom-checkbox ul>li.task-list-item[data-task='c'] .task-list-item-checkbox {
	background-color: crimson;
	border: 1px solid crimson;
    box-shadow: 0 0 5px crimson, 0 0 10px crimson, 0 0 15px crimson;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='C']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='C'] .task-list-item-checkbox:hover,
.CG-custom-checkbox .task-list-item-checkbox[data-task='c']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='c'] .task-list-item-checkbox:hover {
	background-color: rgb(194, 19, 54);
	border: 1px solid rgb(194, 19, 54);
}
.CG-custom-checkbox [data-task='C'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='C'][type='checkbox']:checked:after,
.CG-custom-checkbox [data-task='c'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='c'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M15.056 14.183c.46 1.427.693 2.676.693 3.753c0 2.398-.939 4.247-2.5 4.247c-.8 0-1.078-.45-1.383-1.546l-.27-1.022c-.1-.358-.276-.97-.526-1.83a.247.247 0 0 0-.03-.066l-2.866-4.485a5.885 5.885 0 0 0-2.855-2.327l-1.257-.481A1.75 1.75 0 0 1 2.97 8.458l.686-3.538a2.25 2.25 0 0 1 1.673-1.758l8.25-2.021a4.75 4.75 0 0 1 5.733 3.44l1.574 6.172a2.75 2.75 0 0 1-2.665 3.43h-3.165Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='u'], .CG-custom-checkbox ul>li.task-list-item[data-task='u'] .task-list-item-checkbox {
	background-color: lawngreen;
	border: 1px solid lawngreen;
    box-shadow: 0 0 5px lawngreen, 0 0 10px lawngreen, 0 0 15px lawngreen;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='u']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='u'] .task-list-item-checkbox:hover {
	background-color: rgb(112, 222, 3);
	border: 1px solid rgb(112, 222, 3);
}
.CG-custom-checkbox [data-task='u'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='u'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="m8.75 4l4.548.001l.108.015l.113.033l.102.048l.038.023l.049.035l.076.067l.084.101l.059.1l.041.105l.023.097l.01.125v4.504a.75.75 0 0 1-1.493.102l-.006-.102L12.5 6.56l-4.22 4.223a.75.75 0 0 1-.978.073l-.084-.073L5.75 9.31l-2.469 2.47a.75.75 0 0 1-1.133-.977l.073-.084l2.998-3a.75.75 0 0 1 .977-.073l.084.073l1.47 1.474L11.441 5.5H8.75a.75.75 0 0 1-.743-.648L8 4.75A.75.75 0 0 1 8.75 4Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='d'], .CG-custom-checkbox ul>li.task-list-item[data-task='d'] .task-list-item-checkbox {
	background-color: firebrick;
	border: 1px solid firebrick;
    box-shadow: 0 0 5px firebrick, 0 0 10px firebrick, 0 0 15px firebrick;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='d']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='d'] .task-list-item-checkbox:hover {
	background-color: rgb(197, 38, 38);
	border: 1px solid rgb(197, 38, 38);
}
.CG-custom-checkbox [data-task='d'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='d'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="m8.75 12l4.548-.001l.108-.015l.113-.033l.102-.048l.038-.023l.049-.035l.076-.067l.084-.101l.059-.1l.041-.105l.023-.098l.01-.124V6.746a.75.75 0 0 0-1.493-.102l-.006.102L12.5 9.44L8.28 5.217a.75.75 0 0 0-.978-.073l-.084.073L5.75 6.69L3.28 4.219a.75.75 0 0 0-1.133.977l.073.084l2.998 3a.75.75 0 0 0 .977.073l.084-.073L7.75 6.807l3.691 3.693H8.75a.75.75 0 0 0-.743.648L8 11.25c0 .414.336.75.75.75Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='<'], .CG-custom-checkbox ul>li.task-list-item[data-task='<'] .task-list-item-checkbox {
	background-color: cornflowerblue;
	border: 1px solid cornflowerblue;
    box-shadow: 0 0 5px cornflowerblue, 0 0 10px cornflowerblue, 0 0 15px cornflowerblue;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='<']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='<'] .task-list-item-checkbox:hover {
	background-color: rgb(91, 132, 208);
	border: 1px solid rgb(91, 132, 208);
}
.CG-custom-checkbox [data-task='<'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='<'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="m12.815 12.197l-7.532 1.255a.5.5 0 0 0-.386.318L2.3 20.728c-.248.64.421 1.25 1.035.942l7.674-3.837a6.5 6.5 0 0 1 10.589-5.38a.752.752 0 0 0-.263-1.124l-18-9c-.614-.307-1.283.303-1.035.942l2.598 6.958a.5.5 0 0 0 .386.318l7.532 1.255a.2.2 0 0 1 0 .395ZM17.5 12a5.5 5.5 0 1 1 0 11a5.5 5.5 0 0 1 0-11Zm2 5.5h-2V15a.5.5 0 0 0-1 0v3a.5.5 0 0 0 .5.5h2.5a.5.5 0 0 0 0-1Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='*'], .CG-custom-checkbox ul>li.task-list-item[data-task='*'] .task-list-item-checkbox {
	background-color: yellow;
	border: 1px solid yellow;
    box-shadow: 0 0 5px yellow, 0 0 10px yellow, 0 0 15px yellow;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='*']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='*'] .task-list-item-checkbox:hover {
	background-color: rgb(224, 224, 3);
	border: 1px solid rgb(224, 224, 3);
}
.CG-custom-checkbox [data-task='*'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='*'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M9.104 2.9a1 1 0 0 1 1.794 0l1.93 3.91l4.317.628a1 1 0 0 1 .554 1.706l-3.124 3.044l.738 4.3a1 1 0 0 1-1.451 1.054l-3.86-2.03l-3.862 2.03a1 1 0 0 1-1.45-1.055l.737-4.299l-3.124-3.044a1 1 0 0 1 .554-1.706l4.317-.627l1.93-3.912ZM4.39 12.687a.5.5 0 0 1-.078.703l-2.5 2a.5.5 0 1 1-.624-.781l2.5-2a.5.5 0 0 1 .702.078ZM4.312 5.11a.5.5 0 1 1-.624.78l-2.5-2a.5.5 0 1 1 .624-.78l2.5 2Zm11.297 7.578a.5.5 0 0 0 .079.703l2.5 2a.5.5 0 1 0 .624-.781l-2.5-2a.5.5 0 0 0-.703.078Zm.079-7.578a.5.5 0 0 0 .624.78l2.5-2a.5.5 0 1 0-.624-.78l-2.5 2Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='l'], .CG-custom-checkbox ul>li.task-list-item[data-task='l'] .task-list-item-checkbox {
	background-color: palegreen;
	border: 1px solid palegreen;
    box-shadow: 0 0 5px palegreen, 0 0 10px palegreen, 0 0 15px palegreen;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='l']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='l'] .task-list-item-checkbox:hover {
	background-color: rgb(129, 213, 129);
	border: 1px solid rgb(129, 213, 129);
}
.CG-custom-checkbox [data-task='l'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='l'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M7.318 6.5c.168-.873.397-1.657.67-2.32c.301-.733.648-1.294 1.008-1.663C9.354 2.149 9.693 2 10 2c.307 0 .646.149 1.004.517c.36.37.707.93 1.008 1.663c.273.663.502 1.447.67 2.32H7.318Zm-.255-2.7a7.188 7.188 0 0 1 .827-1.52A8.02 8.02 0 0 0 2.804 6.5h3.497c.182-1.007.441-1.922.762-2.7Zm5.874 0a7.19 7.19 0 0 0-.827-1.519A8.02 8.02 0 0 1 17.196 6.5h-3.497c-.182-1.007-.441-1.922-.762-2.7Zm.913 3.7h3.752c.234.712.37 1.468.394 2.253a4.39 4.39 0 0 0-2.495-.752c-.54 0-1.048.09-1.514.255A20.147 20.147 0 0 0 13.85 7.5Zm-.851 2.258a19.325 19.325 0 0 0-.157-2.258H7.158A19.438 19.438 0 0 0 7 10c0 .875.056 1.714.158 2.5h3.982c.272-1.128.93-2.109 1.859-2.742ZM11.003 13.5H7.318c.168.873.397 1.657.67 2.32c.301.733.648 1.294 1.008 1.663c.358.368.697.517 1.004.517c.307 0 .646-.149 1.004-.517c.254-.26.502-.617.732-1.063c-.491-.934-.736-1.87-.736-2.738l.003-.182Zm-8.199 0a8.02 8.02 0 0 0 5.087 4.219a7.187 7.187 0 0 1-.828-1.518c-.32-.78-.58-1.694-.762-2.701H2.804Zm3.346-1H2.398A7.992 7.992 0 0 1 2 10c0-.873.14-1.713.398-2.5H6.15C6.052 8.295 6 9.134 6 10c0 .866.052 1.705.15 2.5ZM19 13.682c0-2.033-1.465-3.681-3.499-3.681c-2.033 0-3.501 1.648-3.501 3.681c0 1.524.982 3.53 3.256 5.236c.145.11.345.11.49 0C18.022 17.212 19 15.206 19 13.682Zm-2-.182a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='S'], .CG-custom-checkbox ul>li.task-list-item[data-task='S'] .task-list-item-checkbox {
	background-color: lightcoral;
	border: 1px solid lightcoral;
    box-shadow: 0 0 5px lightcoral, 0 0 10px lightcoral, 0 0 15px lightcoral;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='S']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='S'] .task-list-item-checkbox:hover {
	background-color: rgb(200, 107, 107);
	border: 1px solid rgb(200, 107, 107);
}
.CG-custom-checkbox [data-task='S'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='S'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M13.973 7.722c.018.173.027.354.027.545c0 1.297-.452 2.169-.89 2.715a3.603 3.603 0 0 1-.603.596a2.61 2.61 0 0 1-.236.162l-.009.005a.5.5 0 0 0-.262.44V13.5a.5.5 0 0 1-.5.5H11a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1h-.5a.5.5 0 0 1-.5-.5v-.603a.5.5 0 0 0-.45-.498a2.855 2.855 0 0 1-.464-.143a3.16 3.16 0 0 1-1.063-.707c-.443-.45-.714-1.042-.86-1.453c-.143-.409-.471-.779-.94-.911A.307.307 0 0 1 2 8.89v-.794a.29.29 0 0 1 .21-.279c.485-.139.809-.531.946-.945c.112-.34.31-.776.632-1.103a4.818 4.818 0 0 1 1.262-.906c.039-.02.07-.034.09-.043l.02-.01l.004-.001a.5.5 0 0 0 .303-.46V2.675a7.2 7.2 0 0 0 .7.527c.317.208.687.405 1.074.51c.114-.328.27-.64.464-.928h-.006c-.279-.029-.62-.18-.985-.419a7.02 7.02 0 0 1-.94-.757a.774.774 0 0 0-.827-.15a.76.76 0 0 0-.48.704v1.877a6.09 6.09 0 0 0-1.39 1.028c-.477.482-.736 1.084-.87 1.491c-.056.167-.168.268-.272.297A1.29 1.29 0 0 0 1 8.095v.795c0 .585.389 1.098.951 1.257a.43.43 0 0 1 .27.281c.166.472.498 1.223 1.09 1.823A4.158 4.158 0 0 0 5 13.287v.213A1.5 1.5 0 0 0 6.5 15H7a1 1 0 0 0 1-1h2a1 1 0 0 0 1 1h.5a1.5 1.5 0 0 0 1.5-1.5v-1.043a4.61 4.61 0 0 0 .89-.85c.562-.7 1.11-1.788 1.11-3.34c0-.65-.092-1.232-.27-1.752a4.01 4.01 0 0 1-.757 1.207Zm-.182-3.847a3.001 3.001 0 0 1-.91 3.502c-.417.329-.988.304-1.478.1l-2.39-.989c-.49-.203-.912-.589-.974-1.116a3.001 3.001 0 0 1 5.752-1.497Zm-1.53 2.717a2.001 2.001 0 1 0-3.228-1.337c.002.02.01.057.066.116a.87.87 0 0 0 .297.193l2.39.99a.84.84 0 0 0 .347.073c.08-.002.113-.023.128-.035ZM5.75 7.5a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='k'], .CG-custom-checkbox ul>li.task-list-item[data-task='k'] .task-list-item-checkbox {
	background-color: steelblue;
	border: 1px solid steelblue;
    box-shadow: 0 0 5px steelblue, 0 0 10px steelblue, 0 0 15px steelblue;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='k']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='k'] .task-list-item-checkbox:hover {
	background-color: rgb(80, 149, 206);
	border: 1px solid rgb(80, 149, 206);
}
.CG-custom-checkbox [data-task='k'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='k'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cg fill="currentColor"%3E%3Cpath d="M11 6a1 1 0 1 0 0-2a1 1 0 0 0 0 2Z"%2F%3E%3Cpath d="M7.5 12v-.5h1A.5.5 0 0 0 9 11v-1h1a4 4 0 1 0-3.838-2.87L2.292 11a1 1 0 0 0-.292.707V13a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-.5h1a.5.5 0 0 0 .5-.5ZM7 6a3 3 0 1 1 3 3H8.5a.5.5 0 0 0-.5.5v1H7a.5.5 0 0 0-.5.5v.5h-1a.5.5 0 0 0-.5.5v1H3v-1.293l4.089-4.089a.5.5 0 0 0 .113-.534C7.072 6.748 7 6.384 7 6Z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='w'], .CG-custom-checkbox ul>li.task-list-item[data-task='w'] .task-list-item-checkbox {
	background-color: darkorange;
	border: 1px solid darkorange;
    box-shadow: 0 0 5px darkorange, 0 0 10px darkorange, 0 0 15px darkorange;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='w']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='w'] .task-list-item-checkbox:hover {
	background-color: rgb(216, 120, 1);
	border: 1px solid rgb(216, 120, 1);
}
.CG-custom-checkbox [data-task='w'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='w'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="M3.999 3h-.503a1.5 1.5 0 0 0-1.5 1.5v1c0 1.252.922 2.288 2.122 2.471a4.004 4.004 0 0 0 3.381 2.998V12h-1.5a2 2 0 0 0-2 2v.504a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V14a2 2 0 0 0-2-2h-1.5v-1.03a4.004 4.004 0 0 0 3.381-3A2.501 2.501 0 0 0 14 5.5v-1A1.5 1.5 0 0 0 12.5 3H12a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2Zm8 1h.5a.5.5 0 0 1 .5.5v1a1.5 1.5 0 0 1-1 1.414V4Zm-8 0v2.915A1.502 1.502 0 0 1 2.996 5.5v-1a.5.5 0 0 1 .5-.5H4Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='f'], .CG-custom-checkbox ul>li.task-list-item[data-task='f'] .task-list-item-checkbox {
	background-color: orangered;
	border: 1px solid orangered;
    box-shadow: 0 0 5px orangered, 0 0 10px orangered, 0 0 15px orangered;
}
.CG-custom-checkbox .task-list-item-checkbox[data-task='f']:hover, .CG-custom-checkbox ul>li.task-list-item[data-task='f'] .task-list-item-checkbox:hover {
	background-color: rgb(214, 57, 0);
	border: 1px solid rgb(214, 57, 0);
}
.CG-custom-checkbox [data-task='f'] input[type='checkbox']:checked:after, .CG-custom-checkbox [data-task='f'][type='checkbox']:checked:after {
	-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M4 14q0-2.625 1.25-4.675T8 5.875q1.5-1.4 2.75-2.138L12 3v3.3q0 .925.625 1.462q.625.538 1.4.538q.425 0 .813-.175q.387-.175.712-.575L16 7q1.8 1.05 2.9 2.912Q20 11.775 20 14q0 2.2-1.075 4.012q-1.075 1.813-2.825 2.863q.425-.6.663-1.313Q17 18.85 17 18.05q0-1-.375-1.887q-.375-.888-1.075-1.588L12 11.1l-3.525 3.475q-.725.725-1.1 1.6Q7 17.05 7 18.05q0 .8.238 1.512q.237.713.662 1.313q-1.75-1.05-2.825-2.863Q4 16.2 4 14Zm8-.1l2.125 2.075q.425.425.65.95q.225.525.225 1.125q0 1.225-.875 2.087Q13.25 21 12 21t-2.125-.863Q9 19.275 9 18.05q0-.575.225-1.112q.225-.538.65-.963Z"%2F%3E%3C%2Fsvg%3E');
	-webkit-mask-size: 100%;
}
/*========== Mobile UI =============*/
/*Fixes strange tiny next/prev buttons on finder for PDF*/
.is-phone .pdf-findbar .pdf-toolbar-button{
    padding:3px;
}
/*Readapts scroller editor*/
body.is-phone .markdown-source-view.mod-cm6 .cm-scroller::-webkit-scrollbar-track {
	margin-bottom: 48px;
}
/*Fixes the offset for header title for note*/
.is-mobile .view-header-title-container {
	padding-left: 0px;
}
/*Corrects Scrollbar height for edit/preview new view*/
.is-mobile .workspace-leaf-content[data-type='markdown'] .view-content ::-webkit-scrollbar-track {
	margin-bottom: 34px;
    margin-top:50px;
}
/*Shifts body for new style in markdown only for Mobile*/
.is-mobile .workspace-leaf-content[data-type="markdown"] .markdown-preview-view.is-readable-line-width .markdown-preview-sizer{ 
       margin-top:50px;
}
.is-mobile .view-content > .markdown-source-view.mod-cm6 > .cm-editor > .cm-scroller{
    padding-top:60px;
}
/*Sets style for header in markdown only*/
.workspace-leaf-content[data-type="markdown"] .view-header {
    position: absolute;
    width: 100%;
    background: var(--background-tertiary);
    --webkit-backdrop-filter: blur 120px;
    backdrop-filter: blur(18px);
    z-index: 90 !important;
    border-radius: 5px 5px 0 0;
}
/*On phone brighter text color*/
.is-phone .suggestion-item, .is-phone .menu-item, .is-phone .menu-item-icon, .is-mobile .tree-item .tree-item-self,
.mobile-toolbar-option{
    color: var(--text-accent);
}
/*On phone icon in file tree text color*/
body.is-phone .workspace-leaf-content[data-type="file-explorer"] .nav-file-title .nav-file-title-content::before,
body.is-phone .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title .nav-folder-title-content::before{
background-color:  var(--text-accent);
}
/*Sets Spacing of items on nav bar*/
.mobile-navbar-actions {
	justify-content: space-around;
}
/*Bottom Nav Styled*/
.mobile-navbar-actions,
.is-phone .workspace-drawer .nav-header {
	border-bottom: 2px solid;
	border-top: 2px solid;
	border-image-slice: 1;
	border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
/*Unique Menu Style*/
.is-mobile .menu, .theme-dark.is-mobile .prompt, .is-mobile .prompt {
    background: var(--background-settings);
    border-radius: 3px;
    border-image-slice: 1;
    border-top: 2px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 2px solid;
}
/*Styles text search on mobile*/
.is-mobile .workspace-leaf-content[data-type="markdown"] .document-search-container {
    width: 100%;
    position:absolute;
    background: var(--background-tertiary);
    --webkit-backdrop-filter: blur 120px;
    backdrop-filter: blur(18px);
    margin-top:50px;
}
/*Bumps down content for text search.is-mobile .document-sear in preview*/
.is-mobile .document-search-container ~ .markdown-preview-view {
    margin-top:60px;
}
/*Bumps down content for text search in editor*/
.is-mobile .document-search-container ~ .cm-editor{
    padding-top:60px !important;
}
/*Bumps down content for text search and replace in editor*/
.is-mobile .document-search-container.mod-replace-mode ~ .cm-editor{
    margin-top:60px;
}
/*Sets appropriate spacings between header, Finder and replacer*/
.is-mobile .document-search, .is-mobile .document-replace{
    margin-top: 10px;
}
/*Adds a blur effect to PDF thumbnail container on mobile*/
.is-mobile .pdf-content-container.sidebarOpen .pdf-sidebar-container {
    backdrop-filter: blur(8px);
}
/*"Float Phone Menu "*/
.is-phone .menu{
    top: 20%!important;
}
/*Sets the color for toolbar style*/
.mobile-toolbar-option:active {
    background: var(--text-selection);
    border-image-slice: 1;
    border-right: 1px solid;
    border-image-source: linear-gradient(to top, transparent, var(--text-accent), transparent);
    border-left: 1px solid;
    border-radius: var(--radius-s);
    padding-top:3px;
    padding-bottom:3px;
}
/*Mobile Navigation Bar (bottom)*/
.mobile-navbar {
	backdrop-filter: blur(18px);
	background: var(--background-tertiary);
	background-attachment: fixed !important;
    padding: 0px;
}
/*Edit Mode Toolbar*/
.mobile-toolbar-options-container {
	padding: 26px 10px;
	align-items: center;
	z-index: 90;
	backdrop-filter: blur(18px);
	background: var(--background-settings);
	background-attachment: fixed !important;
	position: absolute;
	bottom: 0px;
	border-image-slice: 1;
	border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
	border-top: 2px solid;
}
/*Fixes misaligned bullet points in mobile preview*/
.is-mobile .markdown-rendered .list-collapse-indicator{
    margin-left:-2.5em;
}
/*Mobile and Notice Style*/
.pull-action.mod-activated, .pull-action, .is-phone .notice {
	background: var(--background-tertiary);
	--webkit-backdrop-filter: blur 120px;
	backdrop-filter: blur(18px);
	z-index: 90 !important;
	border-radius: 5px 5px 0 0;
	border-image-slice: 1;
	border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-radius: var(--radius-s);
	color: var(--text-normal);
}
/*--------------- Mobile UI: Sidepanel -----------------*/
/*On Phone side panels are full screen*/
.is-phone .workspace-drawer.mod-left, .is-phone .workspace-drawer.mod-right {
	border-radius: 0px;
	min-width: -webkit-fill-available;
    backdrop-filter: blur(16px);
}
/*Corrects the file Search location */
.is-mobile .search-row{
    margin-top: 57px;
    border-radius: 0px;
}
/*Change background for parameter, search row and search info*/
.is-phone .search-params, .is-phone .search-row, .search-results-info {
    background: var(--background-settings);
}
/*Background for sidepanels*/
.is-phone .theme-dark .workspace-drawer-inner, .is-phone .workspace-drawer-inner {
	background: var(--background-primary);
}
/*Colors uncolored text*/
.workspace-drawer-header-info, .workspace-drawer-header-name-text, .workspace-drawer-tab-option-item-title, .workspace-drawer-active-tab-title, 
.workspace-drawer-active-tab-icon, .workspace-drawer-tab-option-item-icon {
	color: var(--text-accent);
}
/*Styles active tab header in side panel*/
.is-mobile .workspace-drawer-active-tab-header {
	z-index: 90;
	backdrop-filter: blur(18px);
	background: var(--background-settings);
	background-attachment: fixed;
	position: absolute;
	width: -webkit-fill-available;
	border-image-slice: 1;
	border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
	border-bottom: 2px solid;
    margin: 0px;
}
/*Corrects the view from the style above*/
.is-mobile .workspace-drawer-active-tab-container .workspace-drawer-active-tab-content .nav-files-container, .is-mobile .tag-container {
	padding-top: 60px;
	margin-bottom: -50px;
	padding-bottom: 60px;
    backdrop-filter: blur(18px);
}
/*Sidepanel Scrollbar re-positioning*/
body.is-mobile .nav-files-container::-webkit-scrollbar-track, .is-mobile .tag-container::-webkit-scrollbar-track {
	margin-top: 55px;
	margin-bottom: 40px;
}
/*Sidepanel top header*/
.is-mobile .workspace-drawer-header {
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-image-slice: 1;
	border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
	background: var(--background-settings);
}
/*Corrects view for outline*/
.is-mobile .workspace-drawer-active-tab-content .outline {
	padding-top: 60px;
}
/*Colors Right Hand Icons in Header for sidepanel*/
.is-mobile .workspace-drawer-active-tab-back-icon, .is-mobile .workspace-drawer-active-tab-icon:last-child, .is-mobile .workspace-drawer-header-icon {
	color: var(--text-faint);
}
/*Sidepanel Tabs and Vault Name spacing, */
.is-mobile .workspace-drawer-tab-option-item, .is-mobile .workspace-drawer-header-switcher {
    padding: 3px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
/*Sidepanel Tabs, Vault Name, Settings Button and Sub header panels style on Active*/
.is-mobile .workspace-drawer-tab-option-item:active, .is-mobile .workspace-drawer-header-switcher:active, .is-mobile .workspace-drawer-header-icon:active,
.workspace-drawer-header-icon:active, .workspace-drawer-active-tab-icon:active, .workspace-drawer-active-tab-back-icon:active, 
.workspace-drawer-active-tab-title:active    {
    background: var(--text-selection);
    color: var(--text-accent);
    box-shadow: 0 0 0 transparent;
    border-image-slice: 1;
    border-top: 1px solid;
    border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
    border-bottom: 1px solid;
    border-radius: var(--radius-s);
}
/*Sub header side panel spacing*/
.workspace-drawer-active-tab-icon, .workspace-drawer-active-tab-back-icon, .workspace-drawer-active-tab-title {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding: 1px;
}
/*Spacing for Settings Button*/
.is-mobile .workspace-drawer-header-icon{
    padding-top: var(--size-2-2);
    padding-left: 5px;
    padding-right: 5px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
/*Bottom nav Style*/
.is-mobile .workspace-drawer .nav-header {
	background: var(--background-tertiary);
	background-attachment: fixed !important;
    z-index: 1;
    padding-bottom: 7px;
}
/*Fixed Kanban Board View*/
.is-mobile .kanban-plugin__board{
    margin-bottom: 50px;
}    
/*Removes unnecessary background color*/
.is-phone .workspace-split.mod-root .view-content{
background-color: transparent;
}
.is-mobile .tree-item-self.nav-file-title.is-active{
    background: var(--text-selection);
}
/*Fixes Backlinks view for styled header*/
.is-mobile .workspace-leaf-content[data-type='backlink'] .view-content,.is-mobile .workspace-leaf-content[data-type='outgoing-link'] .view-content {
    margin-top:60px
}
/*Fix missing active style*/
.is-phone .clickable-icon.has-active-menu{
    background-color: var(--text-selection);
}
/*---------------- Mobile: Settings -----------------------*/
/*Colors group title in Settings*/
.is-phone .vertical-tab-header-group-title, .is-phone .setting-item-heading .setting-item-name {
	color: var(--text-accent);
	padding-bottom: 5px;
}
/*Styled back button in settings similar to close button*/
.is-phone .modal-setting-back-button {
	color: var(--text-accent);
    height:24px;
    top: calc(var(--safe-area-inset-top) + 9px);
    left: var(--size-4-5);
    padding: 2px 0px 5px 5px;
    border-radius: var(--radius-s);
}
/*Styled back button on hover*/
.is-phone .modal-setting-back-button:active {
	background: var(--text-selection);
}
/*Settings header style*/
.is-phone .modal.mod-sidebar-layout .modal-title {
	z-index: 90;
	backdrop-filter: blur(18px);
	background: var(--background-tertiary);
	background-attachment: fixed !important;
	position: absolute;
	width: -webkit-fill-available;
	border-image-slice: 1;
	border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
	border-bottom: 2px solid;
    border-top: 2px solid;
}
/*Resets scroll bar for Settings header style*/
.is-phone .modal.mod-settings .vertical-tab-header::-webkit-scrollbar-track {
	margin-top: 50px;
}
/*Resets scroll bar for Settings header style in settings pages*/
.is-phone .modal.mod-settings .vertical-tab-content::-webkit-scrollbar-track {
	margin-top: 5px;
}
/*Spacing for styled Settings header*/
.is-phone .modal.mod-settings .vertical-tab-header {
	padding-top: 50px;
}
/*Colors settings nav item list on phone*/
.is-phone .modal.mod-settings .vertical-tab-nav-item,
.is-phone.theme-dark .modal.mod-settings .vertical-tab-nav-item {
	background-color: var(--background-settings-alt);
	border-bottom: 1px solid transparent;
    color: var(--text-accent);
}
/*Styles settings list when active settings nav item list on phone*/
.is-phone .modal.mod-settings .vertical-tab-nav-item:active,
.is-phone .modal.mod-settings .vertical-tab-nav-item.is-active{
    background: var(--text-selection);
    border-top: 1px solid;
}
/*Colors settings items background*/
.is-phone .modal .setting-item {
	background-color: var(--background-settings-alt);
}
/*Spacing for styled Settings pages*/
.is-phone .modal.mod-settings .vertical-tab-content {
	margin-top: 40px;
}
.modal-close-button{
    padding: 0 2px 0 4.5px;
}
/*brings close button to the front for styled headers*/
.is-phone .modal.mod-lg .modal-close-button,
.is-phone .modal.mod-sidebar-layout .modal-close-button {
	z-index: 100;
}
/*Removes breadcrumps if enabled*/
.CG-header-crumbs.is-phone .view-header-title-parent {
	display: none;
}
/*Bumps down community controls for full view*/
.is-phone .community-modal-controls {
	margin-top: 50px;
}
/*Corrects full view for community info due to styled headers*/
.is-phone .community-modal-info {
	padding-top: 50px;
}
/*Removes unnecessary padding from prompt input (quick switcher etc)*/
.is-phone .prompt-input-cta {
	padding: 0;
}
/*Colors input field for prompt*/
.theme-dark.is-mobile .prompt input.prompt-input, .prompt input.prompt-input {
	background-color: var(--background-settings-2);
	padding: 1%;
	border: 1px solid var(--background-settings-2);
}
/*Sets spacing for buttons on empty*/
.is-mobile .empty-state-action{
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
}
/*Sets spacing for active buttons on empty*/
.is-mobile .empty-state-action:active {
	background: var(--text-selection);
    border-image-slice: 1;
	border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
	border-bottom: 2px solid;
    border-top: 2px solid;
}
/*Corrects coloring on Bookmark icon*/
.view-action.mod-bookmark{
    color:var(--activetab-faint);
    }
/*------------- Tablet -------------------*/
/*Adds some nice blur in the sidepanel panes*/
.is-tablet .workspace-drawer-tab-container > *, .is-tablet .workspace-drawer-ribbon{
    backdrop-filter: blur(18px);
}
/*Minor Spacings in tablet tab header*/
.is-tablet .sidebar-toggle-button.mod-left {
	padding-right: 5px;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}
/*Style Tablet Settings*/
.is-tablet .modal.mod-settings .modal-content {
	border-image-slice: 1;
	border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
	border-bottom: 3px solid;
	border-top: 3px solid;
}
/*Sets hover on tablet*/
.is-tablet .clickable-icon:hover{
    background-color: var(--text-selection);
}
/*Sets hover and active background color on tablet*/
body:not(.is-grabbing).is-tablet .tree-item-self.is-clickable:hover{
background-color: var(--text-selection);
}
body:not(.is-grabbing).is-tablet .tree-item-self.is-clickable:active{
    background-color: var(--color-accent-active);
}

/*Removes the useless color overlay when translucency is enabled */
body.is-frameless.is-hidden-frameless .titlebar{
   background:transparent;
}

.workspace-split:not(.mod-horizontal.mod-left-split, .mod-horizontal.mod-right-split ) .workspace-tabs:not(.mod-top) .workspace-tab-header-container{
    background: transparent;
}

.workspace-split:not(.mod-horizontal.mod-left-split, .mod-horizontal.mod-right-split ) .workspace-tabs  .workspace-leaf{
    border-radius: 5px;
}

/*Embedded HTML height fix*/
span.internal-embed.is-loaded.node-insert-event.wb-view-content-embeded{
height:600px}



/*Unsorted*/
.clickable-icon.is-active{
    color: var(--text-accent);
}

.HyperMD-header :is(.cm-header-1, .cm-header-2, .cm-header-3, .cm-header-4, .cm-header-5, .cm-header-6), .markdown-rendered :is(h1, h2, h3, h4, h5, h6){
    letter-spacing: 1px;
}
.view-content > .markdown-source-view.mod-cm6 > .cm-editor > .cm-scroller{
    padding-top:45px;
}

/*Resolves readability for Tags in headers*/
:is(h1, h2, h3, h4, h5, h6) a.tag, :is(h1, h2, h3, h4, h5, h6) a.tag:hover, .HyperMD-header:is(.HyperMD-header-1,.HyperMD-header-2,.HyperMD-header-3,.HyperMD-header-4,.HyperMD-header-5,.HyperMD-header-6).cm-line .cm-hashtag:is(.cm-hashtag-end, .cm-hashtag-begin){
    color: var(--text-normal);
}

a.tag, a.tag:hover {
    border-image-slice: 1;
    border-right: 2px solid;
    border-image-source: linear-gradient(to top, transparent, var(--activetab-highlight), transparent);
    border-left: 2px solid;
    border-top: 2px solid;
    border-bottom: 2px solid;
} 
a.tag {
	color: var(--text-normal);
	border-radius: 1px ;
	padding: 0.06rem 0.6rem;
	text-decoration: none;
	transition: all 400ms ease;
}

a.tag:hover {
	background:var(--activetab-faint) ;
    color: var(--text-normal);
}

.cm-hashtag.cm-hashtag-begin, .cm-hashtag.cm-hashtag-end{
color: var(--text-normal);
border-radius: 1px ;
padding: 0.06rem 0.1rem;
text-decoration: none;
transition: all 400ms ease;
border-image-slice: 1;
border-image-source: linear-gradient(to top, transparent, var(--activetab-highlight), transparent);
border-top: 2px solid;
border-bottom: 2px solid;
}
.cm-hashtag.cm-hashtag-end {
    border-right: 2px solid;
}
.cm-hashtag.cm-hashtag-begin {
    border-left: 2px solid;
}

.markdown-source-view.mod-cm6 .cm-table-widget .table-wrapper {
    margin-inline: auto;}

/*Active Line Editor*/
body:not(.line-active-disable) .markdown-source-view .cm-scroller .cm-line.cm-active:not(.cm-table-widget .table-wrapper .cm-line):not(:has(.mk-note-footer, .mk-floweditor-container))::before {
    content: "";
    position: absolute;
    top: 0;
    left: -22px;
    right: 0px;
    bottom: 0;
    box-shadow: inset 0em 0em 0.35em var(--text-accent);
border-radius: 3px ;
z-index: -1;
}

/*Fix Header Ellipses when minimized*/
.markdown-source-view.mod-cm6 .cm-foldPlaceholder{
 color: var(--text-normal);
}

/*New Row/Column faint visibility and style*/
.markdown-source-view.mod-cm6 .cm-table-widget .table-row-btn, .markdown-source-view.mod-cm6 .cm-table-widget .table-col-btn{
opacity:0.2;
background: var(--text-selection);
border: none;
box-shadow: inset 0em 0em 0.35em var(--text-accent);
color: var(--text-normal);
}
.markdown-source-view.mod-cm6 .cm-table-widget .table-row-btn{
border-radius: 0 0 5px 5px;
}
 .markdown-source-view.mod-cm6:not(.is-rtl) .cm-table-widget .table-col-btn{
border-radius: 0 5px 5px 0;
}

.markdown-source-view.mod-cm6 .cm-table-widget .table-col-drag-handle, .markdown-source-view.mod-cm6 .cm-table-widget .table-row-drag-handle{
opacity:1;}


.markdown-source-view.mod-cm6 .cm-table-widget .table-row-drag-handle:hover, .markdown-source-view.mod-cm6 .cm-table-widget .table-col-drag-handle:hover {
    background-color: var(--table-drag-handle-background-active);
    color: var(--table-drag-handle-color-active);
    box-shadow: 0 0 0 var(--table-selection-border-width) var(--table-selection-border-color);
}

/* .workspace-tabs:not(.mod-top) .workspace-leaf-content,  .workspace-tabs:not(.mod-top) .workspace-leaf-content, .workspace-split.mod-vertical.mod-root .workspace-tabs:not(.mod-stacked) .view-content{
    border-radius: 0 0 5px 5px;
} */

.workspace-split{
     background-color: transparent;
}

/*codeblock*/
.markdown-source-view.mod-cm6 .cm-line:hover {
    background: transparent;
}

/*Vault Profile Bar*/
body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile{
    background-color: var(--background-tertiary);
    border-radius: 0 0 5px 5px;
    border-top: transparent solid 0px;
>>>>>>> 77abb6a0bf9452daf6706798b3a3b4cdd4d5f8a2
}