/*蓝色托帕石，适合Obsidian v0.15.2。uid [20220622] flying fly flies制作，欢迎使用及分享，借鉴（copy）了许多主题，在此一一感谢。如果喜欢，可以在Github里给我星星 https://github.com/whyt-byte */
/*Blue Topaz for Obsidian v0.15.2, uid [20220622] created by flying fly flies. Feel free to use, share and modify. Thanks for all shared css themes which inspire me a lot. If you like the theme, please star me on GitHub https://github.com/whyt-byte */

/* 致谢 Credits：
Many thanks to @Cuman
@LillianWho @成雙酱 @嘴上云 @Klaas @Thinkbond @Rainbell129(AKA Lavi) @awyugan @GeoffreyOuO (WooYoo~~~)*/

/* @settings
name: Blue Topaz Theme
id: blue-topaz-theme
settings:
  - 
    id: transparent-setting-panel
    title: Translucent Setting Panel
    title.zh: 透明窗口
    description: Make this panel transparent
    description.zh: 使本窗口透明，便于设置
    type: class-toggle
    default: false
  - 
    id: background-settings
    title: 1. General Settings
    title.zh: 1. 整体性设置
    type: heading
    level: 1
    collapsed: false
  - 
    id: color-settings
    title: 1.1 Color Palette
    title.zh: 1.1 颜色设置
    type: heading
    level: 2
    collapsed: true
  -
    id: color-scheme-options
    title: Color Palette (from Topaz Community)
    title.zh: 整体配色选择 (由Topaz社区贡献)
    type: class-select
    allowEmpty: false
    default: color-scheme-options-default
    options:
      - 
        label: Default
        value: color-scheme-options-default
      - 
        label: Avocado
        value: color-scheme-options-avocado-topaz
      - 
        label: Monochrome 
        value: color-scheme-options-monochrome-topaz
      - 
        label: Pink
        value: color-scheme-options-pink-topaz
      - 
        label: Topaz-Nord
        value: color-scheme-options-topaz-nord
      - 
        label: =↓😺 Created by Topaz Community 🐵↓=
        value: 
      -
        label: Flamingo (@Mouth on Cloud & @Rainbell)
        value: color-scheme-options-flamingo
      -
        label: Honey milk (@LillianWho)
        value: color-scheme-options-honey-milk-topaz
      -
        label: 榛子巧克力 Hazelnut chocolate (@LillianWho)
        value: color-scheme-options-chocolate-topaz
      - 
        label: Lilac (@awyugan)
        value: color-scheme-options-lilac
      - 
        label: Autumn (@LillianWho)
        value: color-scheme-options-autumn-topaz  
      -
        label: 魔方 Rubik's Cube (@LillianWho)
        value: color-scheme-options-lillimon-topaz 
  -
    id: color-magic
    title: Color of Rubik's Cube palette
    title.zh: 魔方配色
    description.zh: 当整体配色为【魔方】时生效
    type: heading
    level: 3
    collapsed: true
  -
    id: magic-main-color
    title: main color
    title.zh: 主题色
    description.zh: 主题色主要作用于标题，字体，列表等主色调，建议用对比度强，不易疲劳的色系。如果想单独调整个别类目请在2.1中继续细调。
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#95a503'
    default-dark: '#95a503'
  -
    id: magic-low-color
    title: Low contrast color
    title.zh: 浅色
    description.zh: 浅色主要作用于各类触发背景底色，建议用不影响阅读的背景色系。
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#e0e79a'
    default-dark: '#e0e79a'
  -
    id: magic-deep-color
    title: deep color
    title.zh: 深色
    description.zh: 深色主要作用于主题强调色系，用在各种控件，提示等使用，建议用浅色相关的醒目色系。
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#746909'
    default-dark: '#746909'
  - 
    id: background-settings
    title: 1.2 Background Images
    title.zh: 1.2 背景设置
    type: heading
    level: 2
    collapsed: true
  - 
    id: background-settings-workplace
    title: 1.2.1 Workplace Background Image
    title.zh: 1.2.1 工作页面背景
    type: heading
    level: 3
    collapsed: true
  - 
    id: background-settings-workplace-background-image
    title:  Activate Image Background
    title.zh: 开启背景
    type: class-toggle
    default: false
  - 
    id: simple-titlebar
    title:  Simple title bar
    title.zh: 简单的Title bar
    description: To remove the background image of title bar
    description.zh: 移除title bar的背景图片
    type: class-toggle
    default: false
  - 
    id: blur-depth
    title: Blur Radius
    title.zh: 模糊程度
    description: To adjust the radius of blur
    description.zh: 调整背景壁纸模糊程度
    type: variable-number-slider
    default: 10
    format: px
    min: 0
    max: 30
    step: 1
  - 
    id: brightness-4-bg
    title: Brightness of Image
    title.zh: 图片亮度
    description: To adjust the brightness
    description.zh: 调整背景壁纸亮度
    type: variable-number-slider
    default: 0.9
    min: 0.3
    max: 1.5
    step: 0.1
  - 
    id: saturate-4-bg
    title: Saturation of Image
    title.zh: 图片饱和度
    description: To adjust the saturation
    description.zh: 调整背景壁纸饱和度
    type: variable-number-slider
    default: 1
    min: 0
    max: 2
    step: 0.1
  -
    id: background-settings-workplace-theme-light
    title: Light mode
    type: class-select
    allowEmpty: false
    default: background-settings-workplace-theme-light-in-the-sky
    options:
      - 
        label: Blue Mountain
        value: background-settings-workplace-theme-light-blue-mountain
      - 
        label: In the sky
        value: background-settings-workplace-theme-light-in-the-sky
      - 
        label: Orange
        value: background-settings-workplace-theme-light-orange
      - 
        label: Macaw
        value: background-settings-workplace-theme-light-macaw
      - 
        label: Leaf
        value: background-settings-workplace-theme-light-leaf
      - 
        label: Random
        value: background-settings-workplace-random-light
      - 
        label: Custom
        value: background-settings-workplace-theme-light-custom-option
  -
    id: background-settings-workplace-theme-light-custom
    title: Custom Theme light (url)
    description: Customise the background image. Use the format in the Default below for an Online image. Use the following format to point to a local file - url("app://local/D:/Documents/Pictures/Unsplash/UnsplashTemp.jpg").
    description.zh: 需在上方选项种选择Custom，以自定义背景。使用Default内格式设置网络图片。使用以下格式设置本地图片  url("app://local/D:/Documents/Pictures/Unsplash/UnsplashTemp.jpg")
    type: variable-text
    default: url("https://") 
  -
    id: background-settings-workplace-theme-dark
    title: Dark mode
    type: class-select
    allowEmpty: false
    default: background-settings-workplace-theme-dark-in-the-sky
    options:
      - 
        label: Night sky 
        value: background-settings-workplace-theme-dark-night-sky
      - 
        label: Dark sky 
        value: background-settings-workplace-theme-dark-dark-sky
      - 
        label: In the sky
        value: background-settings-workplace-theme-dark-in-the-sky
      - 
        label: Blue wave 
        value: background-settings-workplace-theme-dark-blue-wave
      - 
        label: Jellyfish 1     
        value: background-settings-workplace-theme-dark-jellyfish-1
      - 
        label: Jellyfish 2   
        value: background-settings-workplace-theme-dark-jellyfish-2
      - 
        label: Hyacinth macaw
        value: background-settings-workplace-theme-dark-hyacinth-macaw
      - 
        label: Random
        value: background-settings-workplace-random-dark
      - 
        label: Custom
        value: background-settings-workplace-theme-dark-custom-option
  -
    id: background-settings-workplace-theme-dark-custom
    title: Custom Theme Dark (url)
    description: Customise the background image. Use the format in the Default below for an Online image. Use the following format to point to a local file - url("app://local/D:/Documents/Pictures/Unsplash/UnsplashTemp.jpg").
    description.zh: 需在上方选项种选择Custom，以自定义背景。使用Default内格式设置网络图片。使用以下格式设置本地图片  url("app://local/D:/Documents/Pictures/Unsplash/UnsplashTemp.jpg")
    type: variable-text
    default: url("https://")
  - 
    id: background-settings-workplace-random
    title: Random background
    title.zh: 随机背景
    description: Images will be refreshed when Obsidian launches; Internet required
    description.zh: 图片在Obsidian打开时刷新；需要联网 
    type: class-toggle
    default: false
  - 
    id: background-settings-markdown-page
    title: 1.2.2 Note Page Background Image
    title.zh: 1.2.2 笔记背景
    type: heading
    level: 3
    collapsed: true
  - 
    id: background-image-settings-switch
    title: Remove Background Images
    title.zh: 移除笔记背景
    type: class-toggle
    default: false
  - 
    id: background-image-settings-markdown-page-options
    title: Choose image set
    title.zh: 选择背景
    type: class-select
    allowEmpty: false
    default: background-image-settings-markdown-page-default
    options:
      - 
        label: Default
        value: background-image-settings-markdown-page-default
      - 
        label: Sea and Sky
        value: background-image-settings-markdown-page-sea-and-sky
      - 
        label: Four Seasons
        value: background-image-settings-markdown-page-four-seasons
      - 
        label: Woof Meow
        value: background-image-settings-markdown-page-woof-meow
      - 
        label: White and Black
        value: background-image-settings-markdown-page-white-and-black
      - 
        label: Kawaii
        value: background-image-settings-markdown-page-kawaii 
  -
    id: background-image-settings-markdown-page-random
    title: Random background
    title.zh: 随机背景
    description: Images will be refreshed when Obsidian launches; nInternet connection required
    description.zh: 图片在Obsidian打开时刷新；需要联网 
    type: class-toggle
    default: false
  - 
    id: background-image-settings-markdown-page-random-options
    title: Random image with a certain color
    title.zh: 特定颜色的随机背景
    type: class-select
    allowEmpty: false
    default: background-image-settings-markdown-page-random-default
    options:
      - 
        label: None
        value: background-image-settings-markdown-page-random-default
      - 
        label: Blue
        value: background-image-settings-markdown-page-random-blue
      - 
        label: Green
        value: background-image-settings-markdown-page-random-green
      - 
        label: Pink
        value: background-image-settings-markdown-page-random-pink
      -
        label: Purple
        value: background-image-settings-markdown-page-random-purple
      -
        label: Red
        value: background-image-settings-markdown-page-random-red
      - 
        label: Yellow and Orange
        value: background-image-settings-markdown-page-random-yellow-and-orange
  -
    id: background-settings-command-palette
    title: 1.2.3 Images of Command Palette
    title.zh: 1.2.3 命令面板背景
    type: heading
    level: 3
    collapsed: true
  - 
    id: background-image-settings-command-palette-switch
    title: Remove Images of Command Palette
    title.zh: 移除命令面板背景
    type: class-toggle
    default: false
  -
    id: background-image-settings-command-palette-same-as-workplace
    title: Consistent with Workplace Background Image
    title.zh: 与工作页面背景保持一致
    type: class-toggle
    default: false
  -
    id: background-image-settings-command-palette-custom
    title: Custom Background Image
    title.zh: 自定义图片
    type: class-toggle
    default: false
  -
    id: background-command-palette-theme-light-custom
    title: Custom Theme light (url)
    description: Customise the background image. Use the format in the Default below for an Online image. Use the following format to point to a local file - url("app://local/D:/Documents/Pictures/Unsplash/UnsplashTemp.jpg").
    description.zh: 需在上方选项种选择Custom，以自定义背景。使用Default内格式设置网络图片。使用以下格式设置本地图片  url("app://local/D:/Documents/Pictures/Unsplash/UnsplashTemp.jpg")
    type: variable-text
    default: url("https://") 
  -
    id: background-command-palette-theme-dark-custom
    title: Custom Theme Dark (url)
    description: Customise the background image. Use the format in the Default below for an Online image. Use the following format to point to a local file - url("app://local/D:/Documents/Pictures/Unsplash/UnsplashTemp.jpg").
    description.zh: 需在上方选项种选择Custom，以自定义背景。使用Default内格式设置网络图片。使用以下格式设置本地图片  url("app://local/D:/Documents/Pictures/Unsplash/UnsplashTemp.jpg")
    type: variable-text
    default: url("https://")
  - 
    id: blur-depth-cp
    title: Blur Radius
    title.zh: 模糊程度
    description: To adjust the radius of blur
    description.zh: 调整背景壁纸模糊程度
    type: variable-number-slider
    default: 10
    format: px
    min: 0
    max: 30
    step: 1
  - 
    id: brightness-4-bg-cp
    title: Brightness
    title.zh: 图片亮度
    description: To adjust the brightness
    description.zh: 调整背景壁纸亮度
    type: variable-number-slider
    default: 0.9
    min: 0.3
    max: 1.5
    step: 0.1
  - 
    id: saturate-4-bg-cp
    title: Saturation
    title.zh: 图片饱和度
    description: To adjust the saturation
    description.zh: 调整背景壁纸饱和度
    type: variable-number-slider
    default: 1
    min: 0
    max: 2
    step: 0.1
  - 
    id: opacity-cp
    title: Opacity
    title.zh: 透明度
    type: variable-number-slider
    default: 0.25
    min: 0
    max: 1
    step: 0.05
  - 
    id: background-settings-markdown-page
    title: 1.2.4 File Explorer Background
    title.zh: 1.2.4 文件栏背景
    type: heading
    level: 3
    collapsed: true
  - 
    id: toggle-bg-file-page
    title: Toggle Background Image
    title.zh: 激活文件栏背景
    type: class-toggle
    default: false
  -
    id: bg-file-page-option
    title: Image Picking (Light mode)
    title.zh: 图片选择 (Light mode)
    type: class-select
    allowEmpty: false
    default: file-page-bg-theme-ligt-curve
    options:
      - 
        label: Curve
        value: file-page-bg-theme-light-curve
      - 
        label: Wall
        value: file-page-bg-theme-light-wall
      - 
        label: Brick
        value: file-page-bg-theme-light-brick
      - 
        label: Cloud
        value: file-page-bg-theme-light-cloud
      - 
        label: Random
        value: file-page-bg-theme-light-random
      - 
        label: Custom
        value: file-page-bg-theme-light-custom
  -
    id: background-file-page-theme-light-custom
    title: Custom Image (Light mode)
    description: Customise the background image. Use the format in the Default below for an Online image. Use the following format to point to a local file - url("app://local/D:/Documents/Pictures/Unsplash/UnsplashTemp.jpg").
    description.zh: 需在上方选项种选择Custom，以自定义背景。使用Default内格式设置网络图片。使用以下格式设置本地图片 url("app://local/D:/Documents/Pictures/Unsplash/UnsplashTemp.jpg")
    type: variable-text
    default: url("https://") 
  -
    id: bg-file-page-option
    title: Image Picking (Dark mode)
    title.zh: 图片选择 (Dark mode)
    type: class-select
    allowEmpty: false
    default: file-page-bg-theme-dark-sea
    options:
      - 
        label: Sea
        value: file-page-bg-theme-dark-sea
      - 
        label: Plant
        value: file-page-bg-theme-dark-plant
      - 
        label: Curves
        value: file-page-bg-theme-dark-curves
      - 
        label: Bulb
        value: file-page-bg-theme-dark-bulb
      - 
        label: Random
        value: file-page-bg-theme-dark-random
      - 
        label: Custom
        value: file-page-bg-theme-dark-custom
  -
    id: background-file-page-theme-dark-custom
    title: Custom Image (Dark mode)
    description: Customise the background image. Use the format in the Default below for an Online image. Use the following format to point to a local file - url("app://local/D:/Documents/Pictures/Unsplash/UnsplashTemp.jpg").
    description.zh: 需在上方选项种选择Custom，以自定义背景。使用Default内格式设置网络图片。使用以下格式设置本地图片 url("app://local/D:/Documents/Pictures/Unsplash/UnsplashTemp.jpg")
    type: variable-text
    default: url("https://") 
  - 
    id: layout-settings
    title: 1.3 Layout
    title.zh: 1.3 界面布局样式
    type: heading
    level: 2
    collapsed: true
  -
    id: left-ribbon-style
    title: Left Ribbon Styles
    title.zh: 左侧边栏样式选择
    type: class-select
    allowEmpty: false
    default: default-left-ribbon-style
    options:
      - 
        label: Fixed
        value: default-left-ribbon-style
      - 
        label: Hide to left
        value: hide-left-ribbon
      - 
        label: Hide to bottom
        value: hide-left-ribbon-to-bottom
      - 
        label: Button
        value: hide-left-ribbon-button
  -
    id: right-ribbon-style
    title: Right Ribbon Styles
    title.zh: 右侧边栏样式选择
    type: class-select
    allowEmpty: false
    default: hide-right-ribbon-button-top
    options:
      - 
        label: Hide to right
        value: right-ribbon-hide-to-right
      - 
        label: Fixed
        value: fix-right-ribbon
      - 
        label: Button (middle)
        value: hide-right-ribbon-button-middle
      - 
        label: Button (top)
        value: hide-right-ribbon-button-top
      - 
        label: Button (bottom)
        value: hide-right-ribbon-button-bottom
  -
    id: layout-style-options
    title: Layout Styles
    title.zh: 界面布局样式选择
    type: class-select
    allowEmpty: false
    default: layout-style-options-default
    options:
      - 
        label: Default
        value: layout-style-options-default
      - 
        label: Rectangle
        value: layout-style-options-rectangle
      - 
        label: Asymmetric Style of Split Panes
        value: asymmetric-split-left
  -
    id: titlebar-close-button
    title: Titlebar close button
    title.zh: Ob标题栏关闭按钮
    type: class-select
    allowEmpty: false
    default: default-titlebar
    options:
      - 
        label: Default
        value: default-titlebar
      - 
        label: Reversal
        value: reversal-titlebar
  -
    id: hide-titlebar-text
    title: Hide text in Title Bar
    title.zh: 隐藏Obsidian标题栏中的文字
    type: class-toggle
    default: false
  -
    id: hide-vault-name
    title: Hide vault name
    title.zh: 隐藏侧边栏中的库名称
    type: class-toggle
    default: false
  -
    id: search-bar-style-option
    title: Search Bar Style
    title.zh: 文件内搜索栏位置
    type: class-select
    allowEmpty: false
    default: default-search-bar
    options:
      - 
        label: Default
        value: default-search-bar
      - 
        label: Top
        value: bt-search-bar-top
  -
    id: bt-status-off
    title: Reduced Status Bar
    title.zh: 缩减状态栏宽度
    type: class-toggle
    default: false
  -
    id: scrollbar-style-option
    title: Scrollbar Style
    title.zh: 滚动条样式
    type: class-select
    allowEmpty: false
    default: default-scrollbar
    options:
      - 
        label: Default
        value: default-scrollbar
      - 
        label: Hovering
        value: hover-scrollbars
      - 
        label: Remove Scrollbar
        value: remove-scrollbars
      - 
        label: Obsidian default
        value: native-scrollbars
  -
    id: background-settings
    title: 2. Detail Settings
    title.zh: 2. 细节设置
    type: heading
    level: 1
    collapsed: false
  - 
    id: color-settings
    title: 2.1 Color Settings
    title.zh: 2.1 颜色设置
    type: heading
    level: 2
    collapsed: true
  - 
    id: text-normal
    title: Main text color
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: '#0e0e0e'
    default-dark: '#bdbdbd'
  -
    id: background-color-settings
    title: 2.1.1 Background Colors
    title.zh: 2.1.1 背景颜色设置
    type: heading
    level: 3
    collapsed: true
  - 
    id: background-primary-bg-4-bt
    title: Background Primary
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#ffffff'
    default-dark: '#222222'
  -
    id: background-primary-alt-bg-4-bt
    title: Background Primary (alt)
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#e9e9e9'
    default-dark: '#444444'
  -
    id: background-secondary-bg-4-bt
    title: Background Secondary
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#fcfcfc'
    default-dark: '#2c2c2c'
  -
    id: background-secondary-alt-bg-4-bt
    title: Background Secondary (alt)
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#eeeeee'
    default-dark: '#000000'
  -
    id: background-modifier-border
    title: Background Modifier Border
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#dddddd'
    default-dark: '#333333'
  -
    id: custom-titlebar-bg
    title: Title bar background color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: accent-color-settings
    title: 2.1.2 Theme Colors
    title.zh: 2.1.2 主题色设置
    type: heading
    level: 3
    collapsed: true
  - 
    id: interactive-accent
    title: Theme Color
    title.zh: 主题色
    description: interactive-accent
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#2f92e4'
    default-dark: '#2d82cc'
  -
    id: text-accent
    title: Theme Color 2
    title.zh: 主题色 2
    description: text-accent
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#007de4'
    default-dark: '#4695da'
  -
    id: highlight-bg-color-folder
    title: 2.1.3 Highlight Background Color
    title.zh: 2.1.3 高亮背景颜色
    type: heading
    level: 3
    collapsed: true
  - 
    id: text-highlight-bg-h-light
    title: Hue (Light mode)
    description: To adjust Hue
    description.zh: 调整颜色 明亮模式
    type: variable-number-slider
    default: 34
    min: 0
    max: 360
    step: 5
  -
    id: text-highlight-bg-s-light
    title: Saturation (Light mode)
    description: To adjust Saturation
    description.zh: 调整饱和度 明亮模式
    type: variable-number-slider
    default: 100
    min: 0
    max: 100
    step: 5
    format: "%"
  -
    id: text-highlight-bg-l-light
    title: Lightness (Light mode)
    description: To adjust Lightness
    description.zh: 调整亮度 明亮模式
    type: variable-number-slider
    default: 80
    min: 0
    max: 100
    step: 5
    format: "%"
  -
    id: text-highlight-bg-a-light
    title: Opacity (Light mode)
    description: To adjust Alpha
    description.zh: 调整透明度（Alpha）明亮模式
    type: variable-number-slider
    default: 0.80
    min: 0
    max: 1
    step: 0.05
  - 
    id: text-highlight-bg-h-dark
    title: Hue (Dark mode)
    description: To adjust Hue
    description.zh: 调整颜色 黑暗模式
    type: variable-number-slider
    default: 57
    min: 0
    max: 360
    step: 5
  -
    id: text-highlight-bg-s-dark
    title: Saturation (Dark mode)
    description: To adjust Saturation
    description.zh: 调整饱和度 黑暗模式
    type: variable-number-slider
    default: 40
    min: 0
    max: 100
    step: 5
    format: "%"
  -
    id: text-highlight-bg-l-dark
    title: Lightness (Dark mode)
    description: To adjust Lightness
    description.zh: 调整亮度 黑暗模式
    type: variable-number-slider
    default: 38
    min: 0
    max: 100
    step: 5
    format: "%"
  -
    id: text-highlight-bg-a-dark
    title: Opacity (Dark mode)
    description: To adjust Alpha
    description.zh: 调整透明度（Alpha）黑暗模式
    type: variable-number-slider
    default: 0.55
    min: 0
    max: 1
    step: 0.05
  -
    id: remove-colorful-highlight-bg
    title: Deactivate Colorful-Highlight
    title.zh: 取消多彩高亮颜色
    description: In this theme, *==xxx==*, **==xxx==** and ***==xxx==*** possese different background colors by default, active this option to cancel it. Even with this option actived, you can still type "cssclass：colorful-highlight" into yaml to make the colorful-highlight style available to individual documents
    description.zh: 当前主题下，*==xxx==*, **==xxx==** and ***==xxx==*** 默认情况下具有不同高亮背景色，激活该选项以取消。即使取消了该功能，你依旧可以在yaml中键入"cssclass：colorful-highlight"，使单个文档激活多彩高亮功能
    type: class-toggle
    default: false
  -
    id: bg-color-highlight-1
    title: Highlight Background Color Plus 1 (*==xx==*)
    title.zh: 高亮颜色 Plus 1 (*==xx==*)
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#ff000034'
    default-dark: '#c865656f'
  -
    id: color-highlight-1
    title: Highlight Text Color Plus 1 (*==xx==*)
    title.zh: 高亮文字颜色 Plus 1 (*==xx==*)
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: font-weight-highlight-1
    title: Font Weight of Highlight Text Plus 1 (*==xx==*)
    title.zh: 字重 Plus 1 (*==xx==*)
    description: Can type normal, bold, lighter or bolder to change the font weight
    description.zh: 可以输入 normal, bold, lighter 或者 bolder 去改变字重
    type: variable-text
    default: normal
  -
    id: bg-color-highlight-2
    title: Highlight Background Color Plus 2 (**==xx==**)
    title.zh: 高亮颜色 Plus 2 (**==xx==**)
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#0fc41835'
    default-dark: '#54b9476f'
  -
    id: color-highlight-2
    title: Highlight Text Color Plus 2 (**==xx==**)
    title.zh: 高亮文字颜色 Plus 2 (**==xx==**)
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'  
  -
    id: font-weight-highlight-2
    title: Font Weight of Highlight Text Plus 2 (**==xx==**)
    title.zh: 字重 Plus 2 (**==xx==**)
    description: Can type normal, bold, lighter or bolder to change the font weight
    description.zh: 可以输入 normal, bold, lighter 或者 bolder 去改变字重
    type: variable-text
    default: normal
  -
    id: bg-color-highlight-3
    title: Highlight Background Color Plus 3 (***==xx==***)
    title.zh: 高亮颜色 Plus 3 (***==xx==***)
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#4ca6ff51'
    default-dark: '#1e83d086'
  -
    id: color-highlight-3
    title: Highlight Text Color Plus 3 (***==xx==***)
    title.zh: 高亮文字颜色 Plus 3 (***==xx==***)
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: font-weight-highlight-3
    title: Font Weight of Highlight Text Plus 3 (***==xx==***)
    title.zh: 字重 Plus 3 (***==xx==***)
    description: Can type normal, bold, lighter or bolder to change the font weight
    description.zh: 可以输入 normal, bold, lighter 或者 bolder 去改变字重
    type: variable-text
    default: normal
  -
    id: other-color-settings
    title: 2.1.4 Other Colors
    title.zh: 2.1.4 其他颜色
    type: heading
    level: 3
    collapsed: true
  -
    id: accent-strong
    title: Bold Type Color
    title.zh: 加粗颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#000000'
    default-dark: '#f7f7f7'
  -
    id: accent-em
    title: Italic Type Color
    title.zh: 斜体颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#099d4e'
    default-dark: '#a4ca8e'
  -
    id: strong-em-color-1
    title: Bold Italic Color 1
    title.zh: 加粗斜体颜色 1
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: strong-em-color-2
    title: Bold Italic Color 2
    title.zh: 加粗斜体颜色 2
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: mjx-inline-math-color
    title: Color of Mathematical Expressions (inline $x=0$)
    title.zh: 数学表达式颜色(行内 $x=0$)
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#0e0e0e'
    default-dark: '#bdbdbd'
  -
    id: mjx-math-color
    title: Color of Mathematical Expressions ($$x=0$$)
    title.zh: 数学表达式颜色($$x=0$$)
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#0e0e0e'
    default-dark: '#bdbdbd'
  -
    id: background-leaf-resize-handle
    title: Color of Leaf Resize Handle
    title.zh: 页面大小调整条颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#e9e9e9'
    default-dark: '#000000'
  -
    id: mjx-inline-math-color
    title: Color of Mathematical Expressions (inline $x=0$)
    title.zh: 数学表达式颜色(行内 $x=0$)
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#0e0e0e'
    default-dark: '#bdbdbd'
  -
    id: background-popover
    title: Hover Popover Background Color
    title.zh: 悬浮弹窗背景色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: search-result-file-matched-bg
    title: Search Result Highlight Color
    title.zh: 搜索结果高亮
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: font-settings
    title: 2.2 Typography
    title.zh: 2.2 排版
    type: heading
    level: 2
    collapsed: true
  -
    id: font-settings
    title: 2.2.1 Font Family
    title.zh: 2.2.1 字体设置
    type: heading
    level: 3
    collapsed: true
  -
    id: font-family-change-to-default
    title: Use Obsidian Default Font-family
    title.zh: 使用Obsidian默认字体
    type: class-toggle
    default: false
  -
    id: font-text-theme
    title: Main Font
    title.zh: 主体字体
    description: Fonts except from the code texts
    description.zh: 除代码框外字体
    type: variable-text
    default: "Bookerly, 'LXGW WenKai', 'Segoe UI Emoji', var(--font-default)"
  - 
    id: font-family-h1
    title: Header 1
    type: variable-text
    default: "var(--font-default)"
  - 
    id: font-family-h2
    title: Header 2 
    type: variable-text
    default: "var(--font-default)"
  - 
    id: font-family-h3
    title: Header 3
    type: variable-text
    default: "var(--font-default)"
  -
    id: font-family-h4
    title: Header 4
    type: variable-text
    default: "var(--font-default)"
  - 
    id: font-family-h5
    title: Header 5
    type: variable-text
    default: "Bookerly, 'LXGW WenKai', var(--font-default)"
  - 
    id: font-family-h6
    title: Header 6
    type: variable-text
    default: "Bookerly, 'LXGW WenKai', var(--font-default)"
  - 
    id: font-family-folder-file-title
    title: Folder & File Title
    title.zh: 文件栏字体
    type: variable-text
    default: "Arlrdbd, 'Source Han Sans', 'Noto Sans CJK', 'Source Sans Pro', 'Segoe UI Emoji', sans-serif"
  - 
    id: font-monospace-theme
    title: Codebox
    title.zh: 代码框字体
    type: variable-text
    default: "Consolas, Monaco, 'Source Han Mono', 'Microsoft Yahei Mono', 'Segoe UI Emoji', 'Microsoft YaHei', 'Source Code Pro',  monospace"
  -
    id: font-family-inline-code
    title: Inline Code
    title.zh: 行内代码字体
    type: variable-text
    default: var(--font-monospace-theme)
  - 
    id: font-family-tag
    title: Tag
    title.zh: 标签字体
    type: variable-text
    default: "Bookerly, 'Microsoft YaHei', STzhongsong, STSong, 'Segoe UI Emoji', Serif"
  - 
    id: font-family-strong
    title: Bold Text
    title.zh: 加粗文字字体
    type: variable-text
    default: "Bookerly, 'LXGW WenKai Screen R', 'LXGW WenKai UI', 'Segoe UI Emoji', var(--font-default)"
  - 
    id: font-family-em
    title: Italic Text
    title.zh: 斜体文字字体
    type: variable-text
    default: "var(--font-text-theme)"
  - 
    id: font-family-vault
    title: Vault Name
    title.zh: 库名字体
    type: variable-text
    default: "'Lucida Handwriting', 'Segoe UI Emoji'"
  - 
    id: font-size-settings
    title: 2.2.2 Font Size
    title.zh: 2.2.2 字体大小
    type: heading
    level: 3
    collapsed: true
  -
    id: font-size-vault-name
    title: Vault Name
    title.zh: 库名称大小
    type: variable-text
    default: 0.95em
  -
    id: font-size-file-header-title
    title: File Header (NOT for Sliding Pane plugin)
    title.zh: 文件抬头标题 (非Sliding Pane plugin)
    type: variable-text
    default: 0.9375em
  -
    id: font-size-folder-and-file
    title: Folder and File
    title.zh: 左侧边栏文件字体大小
    type: variable-text
    default: 0.85em
  -
    id: font-size-code
    title: Codeblock
    title.zh: 代码框字体大小
    type: variable-text
    default: 1em
  -
    id: h1
    title: Header 1
    title.zh: 标题 1
    type: variable-text
    default: 1.5625em
  -
    id: h2
    title: Header 2
    title.zh: 标题 2
    type: variable-text
    default: 1.4375em
  -
    id: h3
    title: Header 3
    title.zh: 标题 3
    type: variable-text
    default: 1.3125em
  -
    id: h4
    title: Header 4
    title.zh: 标题 4
    type: variable-text
    default: 1.1875em
  -
    id: h5
    title: Header 5
    title.zh: 标题 5
    type: variable-text
    default: 1.0625em
  -
    id: h6
    title: Header 6
    title.zh: 标题 6
    type: variable-text
    default: 0.9375em
  -
    id: font-size-latex
    title: Mathematical expressions
    title.zh: 数学公式字体大小
    type: variable-text
    default: 1.25em
  -
    id: header-settings
    title: 2.2.3 Headers
    title.zh: 2.2.3 文内标题（H1-H6）
    type: heading
    level: 3
    collapsed: true
  -
    id: clutter-free-headings
    title: Clutter Free Headings
    title.zh: 编辑状态使用H1 H2 替代「#」(显示标题级别)
    description:  Adapted from https://github.com/deathau/obsidian-snippets/blob/main/clutter-free-headings.css
    type: class-toggle
    default: false
  -
    id: remove-heading-indicator
    title: Remove H1-H6 Indicators before Headings when Hovering 
    title.zh: 移除鼠标悬浮时标题前的H1-H6
    type: class-toggle
    default: false
  -
    id: retain-header-color 
    title: Retain header color 
    title.zh: 保留标题颜色
    description: Retain original color of headers when using italic, bold or bold italic within headers
    type: class-toggle
    default: false
  -
    id: h1-settings
    title: 2.2.3.1 Header 1
    type: heading
    level: 4
    collapsed: true
  - 
    id: print-h1-color
    title: Header 1
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h1-toggle-underline
    title: toggle h1 underline
    title.zh: 切换h1下划线
    type: class-toggle
    default: false
  -
    id: h1-text-align-settings
    title: H1 text-align
    title.zh: H1 位置
    type: class-select
    allowEmpty: false
    default: h1-text-align-start
    options:
      -
        label: Default (Left/Start)
        value: h1-text-align-start
      - 
        label: Center
        value: h1-text-align-center
      -
        label: Right/End
        value: h1-text-align-end
  -
    id: h2-settings
    title: 2.2.3.2 Header 2
    type: heading
    level: 4
    collapsed: true
  -
    id: print-h2-color
    title: Header 2
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h2-toggle-underline
    title: toggle H2 underline
    title.zh: 切换H2下划线
    type: class-toggle
    default: false
  -
    id: h2-text-align-settings
    title: H2 text-align
    title.zh: H2 位置
    type: class-select
    allowEmpty: false
    default: h2-text-align-start
    options:
      -
        label: Default (Left/Start)
        value: h2-text-align-start
      - 
        label: Center
        value: h2-text-align-center
      -
        label: Right/End
        value: h2-text-align-end
  -
    id: h3-settings
    title: 2.2.3.3 Header 3
    type: heading
    level: 4
    collapsed: true
  -
    id: print-h3-color
    title: Header 3
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h3-toggle-underline
    title: toggle H3 underline
    title.zh: 切换H3下划线
    type: class-toggle
    default: false
  -
    id: h3-text-align-settings
    title: H3 text-align
    title.zh: H3 位置
    type: class-select
    allowEmpty: false
    default: h3-text-align-start
    options:
      -
        label: Default (Left/Start)
        value: h3-text-align-start
      - 
        label: Center
        value: h3-text-align-center
      -
        label: Right/End
        value: h3-text-align-end
  -
    id: h4-settings
    title: 2.2.3.4 Header 4
    type: heading
    level: 4
    collapsed: true
  -
    id: print-h4-color
    title: Header 4
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h4-toggle-underline
    title: toggle H4 underline
    title.zh: 切换H4下划线
    type: class-toggle
    default: false
  -
    id: h4-text-align-settings
    title: H4 text-align
    title.zh: H4 位置
    type: class-select
    allowEmpty: false
    default: h4-text-align-start
    options:
      -
        label: Default (Left/Start)
        value: h4-text-align-start
      - 
        label: Center
        value: h4-text-align-center
      -
        label: Right/End
        value: h4-text-align-end
  -
    id: h5-settings
    title: 2.2.3.5 Header 5
    type: heading
    level: 4
    collapsed: true
  -
    id: print-h5-color
    title: Header 5
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h5-toggle-underline
    title: toggle H5 underline
    title.zh: 切换H5下划线
    type: class-toggle
    default: false
  -
    id: h5-text-align-settings
    title: H5 text-align
    title.zh: H5 位置
    type: class-select
    allowEmpty: false
    default: h5-text-align-start
    options:
      -
        label: Default (Left/Start)
        value: h5-text-align-start
      - 
        label: Center
        value: h5-text-align-center
      -
        label: Right/End
        value: h5-text-align-end
  -
    id: h6-settings
    title: 2.2.3.6 Header 6
    type: heading
    level: 4
    collapsed: true
  -
    id: print-h6-color
    title: Header 6
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h6-toggle-underline
    title: Toggle H6 Underline
    title.zh: 切换H6下划线
    type: class-toggle
    default: false
  -
    id: h6-text-align-settings
    title: H6 text-align
    title.zh: H6 位置
    type: class-select
    allowEmpty: false
    default: h6-text-align-start
    options:
      -
        label: Default (Left/Start)
        value: h6-text-align-start
      - 
        label: Center
        value: h6-text-align-center
      -
        label: Right/End
        value: h5-text-align-end
  -
    id: other-typography-settings
    title: 2.2.4 Other Settings
    title.zh: 2.2.4 其他设置
    type: heading
    level: 3
    collapsed: true
  -
    id: line-width-readable
    title: Line Width (in the mode of 'Readable line length')
    title.zh: 行宽（缩减栏宽模式下）
    description: The maximum line width in rem units (1rem = Body font size)
    type: variable-number
    default: 42
    format: rem
  -
    id: line-height-main
    title: Line Height
    title.zh: 行间距
    type: variable-number
    default: 1.5
  -
    id: toggle-paragraph-spacing
    title: Toggle  paragraph spacing in Reading Mode
    title.zh: 开启阅读模式段间距
    description.zh: 开启后对多个<br>标记不再生效
    type: class-toggle
    default: false
  -
    id: paragraph-spacing
    title: Paragraph Spacing
    title.zh: 段间距
    type: variable-number-slider
    default: 1
    min: 0
    max: 2
    step: 0.1
  -
    id: letter-space-main
    title: Letter Spacing
    title.zh: 字间距
    type: variable-number-slider
    default: 1
    min: 0
    max: 2
    step: 0.1
  -
    id: text-indentation-two-em
    title: Slight Indentation of the First Line 
    title.zh: 段落首行缩进
    description.zh: 需要安装Contextual Typography插件
    description: Contextual Typography plugin needs to be installed
    type: class-toggle
    default: false
  -
    id: reduce-bottom-padding
    title: To Reduce Padding Bottom of Pages
    title.zh: 缩减笔记下方预留空白大小
    type: class-toggle
    default: false
  -
    id: bottom-padding-value
    title: To Adjust Padding Bottom of Pages
    title.zh: 调整笔记下方预留空白大小
    type: variable-text
    default: 0em
  -
    id: other-typography-settings
    title: 2.2.5 *.md File in Split Pane
    title.zh: 2.2.5 侧面拆分面板中的md文件
    type: heading
    level: 3
    collapsed: true
  -
    id: font-size-split
    title: Font Size
    title.zh: 字体大小
    type: variable-text
    default: 0.85em
  -
    id: line-height-split
    title: Line Height
    title.zh: 行间距
    type: variable-number
    default: 1.3
  -
    id: default-split-style
    title: Toggle Default Style
    title.zh: 切换默认样式
    type: class-toggle
    default: false
  -
    id: style-change-options
    title: 2.3 Element Styles
    title.zh: 2.3 其他样式设置
    type: heading
    level: 2
    collapsed: false
  -
    id: muted-activeline-bg
    title: Mute Active Line
    title.zh: 取消所在行高亮
    type: class-toggle
    default: false
  -
    id: plain-file-title
    title: Remove Colorful Background of Active File Title
    title.zh: 取消激活文件标题的彩色背景
    description: Make it austere
    type: class-toggle
    default: false
  - 
    id: fancy-hr-folder
    title: 2.3.1 Dividing Line (Horizontal Ruler, hr, ---)
    title.zh: 2.3.1 分割线（hr，---）
    type: heading
    level: 3
    collapsed: true  
  -
    id: fancy-hr
    title: Fancy Dividing Line (Horizontal Ruler, hr, ---)
    title.zh: 装饰性分割线（hr，---）
    type: class-select
    allowEmpty: false
    default: default-hr
    options:
      -
        label: Default
        value: default-hr
      - 
        label: with icons
        value: fancy-hr-icon
      - 
        label: without icons
        value: fancy-hr-no-icon
      - 
        label: with Numbers
        value: fancy-hr-number
  -
    id: fancy-hr-folder-icon
    title: 2.3.1.1 w/ Icons
    title.zh: 2.3.1.1 有图标的hr
    type: heading
    level: 4
    collapsed: true
  -
    id: hr-color-icon-1
    title: Line color 1
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#007de4'
    default-dark: '#53aaf5'
  -
    id: hr-color-icon-2
    title: Line color 2
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#007de4'
    default-dark: '#53aaf5'
  -
    id: hr-color-icon-3
    title: Line color 3
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#007de4'
    default-dark: '#53aaf5'
  -
    id: hr-color-icon-4
    title: Line color 4
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#007de4'
    default-dark: '#53aaf5'
  -
    id: fancy-hr-icon
    title: Centre Icon
    title.zh: 分割线中间图标
    description: Do not remove the quotes
    description.zh: 保留引号
    type: variable-text
    default: "'😀'"
  -
    id: fancy-hr-rotate
    title: Degree of Icon Rotation 
    title.zh: 图标旋转角度
    type: variable-number
    default: 0
    format: deg
  -
    id: fancy-hr-folder-no-icon
    title: 2.3.1.2 w/o Icons
    title.zh: 2.3.1.2 没有图标的hr
    type: heading
    level: 4
    collapsed: true
  -
    id: hr-color-1
    title: hr-color-1
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#007de4'
    default-dark: '#53aaf5'
  -
    id: hr-color-2
    title: hr-color-2
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#007de4'
    default-dark: '#53aaf5'
  -
    id: hr-color-3
    title: hr-color-3
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#007de4'
    default-dark: '#53aaf5'
  -
    id: hr-color-4
    title: hr-color-4
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#007de4'
    default-dark: '#53aaf5'
  -
    id: fancy-hr-folder-with-number
    title: 2.3.1.3 w/ Numbers
    title.zh: 2.3.1.3 带数字的hr
    type: heading
    level: 4
    collapsed: true
  -
    id: hr-color-numbers-line-1
    title: Line Color 1
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: hr-color-numbers-line-2
    title: Line Color 2
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: hr-color-numbers-line-3
    title: Line Color 3
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: hr-color-numbers-line-4
    title: Line Color 4
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: hr-color-numbers-color
    title: Number Color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: hr-color-numbers-bg-color
    title: Number Background Color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  - 
    id: hollow-number
    title: Toggle Hollow Numbers
    title.zh: 切换空心数字
    type: class-toggle
    default: false
  -
    id: hr-numbers-text-fill
    title: Fill Color
    title.zh: 数字颜色
    description: Color inside the numbers
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: hr-numbers-text-stroke
    title: Stroke Color
    title.zh: 线条颜色
    description: Color of lines drawn around numbers
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: list-style-change-options-folder
    title: 2.3.2 List
    title.zh: 2.3.2 列表
    type: heading
    level: 3
    collapsed: true
  -
    id: line-height-list
    title: Line Height of List
    title.zh: 列表行间距
    type: variable-number
    default: 1.4
  -
    id: margin-list
    title: List Margin
    title.zh: 列表项间距
    type: variable-number-slider
    default: 1
    min: 0
    max: 2
    step: 0.1
  -
    id: list-format-ul
    title: Bullet Color of Unordered List
    title.zh: 无序列表点颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#0e0e0e'
    default-dark: '#bdbdbd'
  -
    id: list-ol-number-color
    title: Number Color of Ordered List
    title.zh: 有序列表数字颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#6196d6'
    default-dark: '#2c7bd6'
  -
    id: list-style-change-options
    title: List Style in reading view
    title.zh: 阅读视图列表样式
    type: class-select
    allowEmpty: false
    default: list-bracket-left
    options:
      - 
        label: Bracket 1
        value: list-bracket-left
      - 
        label: Bracket 2 (1.1.1)
        value: list-bracket-left-two
      - 
        label: Vertical line 1
        value: list-vertical-line-one
      - 
        label: Vertical line 2
        value: list-vertical-line-two
      - 
        label: Vertical line 3 (1.1.1)
        value: list-vertical-line-three
      - 
        label: Using Ob Settings
        value: list-no-border
      - 
        label: Rainbow Outline
        value: rainbow-lines-reading
  -
    id: list-style-change-options-edit
    title: List Style in Edit Mode
    title.zh: 编辑模式列表样式
    type: class-select
    allowEmpty: false
    default:  list-no-line-in-edit
    options:
      - 
        label: Using Ob Settings
        value: list-no-line-in-edit
  -
    id: rainbow-lines-head
    title:  2.3.2.1 Rainbow Outline Style Settings
    title.zh: 2.3.2.1 彩虹列表设置
    description: Settings for "Rainbow Outlines" option
    type: heading
    level: 4
    collapsed: true
  -
    id: rainbow-ordered-list
    title:  Enable rainbow outline list order
    title.zh: 开启彩虹列表序号
    type: class-toggle
    default: false
  -
    id: rainbow-checkbox
    title:  Enable rainbow outline checkbox
    title.zh: 开启彩虹任务选择框
    type: class-toggle
    default: false
  -
    id: rainbow-lines-color-settings
    title: 2.3.2.2 Rainbow Lines Colors Settings
    title.zh: 2.3.2.2 彩虹线颜色设置
    description: Settings for "Rainbow Outlines" option
    type: heading
    level: 4
    collapsed: true
  - 
    id: accent-1
    title: Outline level 1
    type: variable-color
    opacity: false
    format: hex
    alt-format:
      -
        id: accent-1-rgb
        format: rgb-values
    default: '#38558b'
  -
    id: accent-2
    title: Outline level 2
    type: variable-color
    opacity: false
    format: hex
    alt-format:
      -
        id: accent-2-rgb
        format: rgb-values
    default: '#5f388b'
  -
    id: accent-3
    title: Outline level 3
    type: variable-color
    opacity: false
    format: hex
    alt-format:
      -
        id: accent-3-rgb
        format: rgb-values
    default: '#8b3884'
  -
    id: accent-4
    title: Outline level 4
    type: variable-color
    opacity: false
    format: hex
    alt-format:
      -
        id: accent-4-rgb
        format: rgb-values
    default: '#388b38'
  -
    id: accent-5
    title: Outline level 5
    type: variable-color
    opacity: false
    format: hex
    alt-format:
      -
        id: accent-5-rgb
        format: rgb-values
    default: '#e08e13'
  -
    id: accent-6
    title: Outline level 6
    type: variable-color
    opacity: false
    format: hex
    alt-format:
      -
        id: accent-6-rgb
        format: rgb-values
    default: '#cccecc'
  -
    id: indentation-guides-lines-settings
    title: 2.3.2.3 Color Settings of Default Relationship Lines
    title.zh: 2.3.2.3 默认大纲线颜色设置
    description: Settings for default "Indentation guides" Option
    type: heading
    level: 4
    collapsed: true
  - 
        id: indentation-guide
        title: Inactive Line Color
        type: variable-themed-color
        format: rgb
        opacity: true
        default-light: 'rgba(0, 0, 0, 0.06)'
        default-dark: 'rgba(255, 255, 255, 0.08)'
  - 
        id: indentation-guide-active
        title: Active Line Color
        type: variable-themed-color
        format: rgb
        opacity: true
        default-light: 'rgba(0, 0, 0, 0.14)'
        default-dark: 'rgba(255, 255, 255, 0.17)'
  -     
    id: folder-style-change-options-folder
    title: 2.3.3 Folder
    title.zh: 2.3.3 文件夹
    type: heading
    level: 3
    collapsed: true
  - 
    id: file-bg-shape-option
    title: File Background Shape
    title.zh: 文件背景形状
    type: class-select
    allowEmpty: false
    default: file-shape-default
    options:
      -
        label: Rectangle
        value: file-shape-default
      - 
        label: Rounded Rectangle
        value: file-bg-rounded-rectangle
      - 
        label: Pill
        value: file-bg-pill
  - 
    id: file-name-style-option
    title: File Name Style
    title.zh: 文件名样式
    type: class-select
    allowEmpty: false
    default: file-name-wrapped
    options:
      -
        label: Wrapped
        value: file-name-wrapped
      - 
        label: Non-wrapped
        value: file-name-non-wrapped
      - 
        label: File Name Scrolling When Hovering
        value: file-name-animation
  -
    id: light-background-color-files
    title: Light File Background
    title.zh: 当前文件背景变浅
    type: class-toggle
    default: false
  -
    id: unmuted-collapsed-folder
    title: Unmute Collapsed Folder
    title.zh: 未激活文件夹不再黯淡
    description: To normalize opacity of collapsed folder
    description.zh: 统一激活/未激活文件夹亮度
    type: class-toggle
    default: false
  - 
    id: remove-file-icons
    title: Remove File Icons
    title.zh: 移除文件前图标
    description: To remove the icons before .md files
    description.zh: 移除md文件前图标
    type: class-toggle
    default: false
  - 
    id: text-folder-file-icon
    title: Color of File Icons
    title.zh: 文件前图标颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#272727'
    default-dark: '#b3b3b3'
  - 
    id: folder-icons
    title: Activate Folder Icons
    title.zh: 激活文件夹图标
    type: class-toggle
    default: false
  - 
    id: remove-arrow
    title: Folder Icons w/o arrows (Collapse Indicator)
    title.zh: 文件夹图标开启后，移除箭头图标（折叠图标）
    description: To be effective after toggling the option above
    description.zh: 开启上面选项后起效
    type: class-toggle
    default: false
  -
    id: folder-style-change-options-colorful-folder
    title: 2.3.3.1 Colorful Folder
    title.zh: 2.3.3.1 多彩文件夹
    type: heading
    level: 4
    collapsed: false
  -
    id: folder-style-change-options-colorful
    title: Make Folder Colorful
    title.zh: 彩色化
    description: Folders should start with the numbers "0-9" or capital letters "A-Z"
    description.zh: 文件夹需以数字“0-9”或英文字母“A-Z”开头
    type: class-toggle
    default: false
  - 
    id: folder-style-change-options-colorful-subfolder
    title: Folder Color Palette
    title.zh: 文件夹配色
    type: class-select
    allowEmpty: false
    default: folder-colorful-one
    options:
      -
        label: Style 1 (high transparency)
        value: folder-colorful-one
      - 
        label: Style 2 (low transparency)
        value: folder-colorful-two
      - 
        label: Style 3
        value: folder-colorful-three
      - 
        label: Style 4
        value: folder-colorful-four
      - 
        label: Style 5
        value: folder-colorful-five
  - 
    id: blockquote-style-change-options-folder
    title: 2.3.4 Blockquote
    title.zh: 2.3.4 引用框
    type: heading
    level: 3
    collapsed: true
  -
    id: blockquote-style-change-options
    title: Blockquote
    title.zh: 引用框样式
    type: class-select
    allowEmpty: false
    default: blockquote-style-default
    options:
      - 
        label: Default
        value: blockquote-style-default
      - 
        label: With quotation mark
        value: blockquote-style-quotation-mark
      - 
        label: Speech Bubble 1
        value: blockquote-style-speech-bubble-one
      - 
        label: Speech Bubble 2
        value: blockquote-style-speech-bubble-two
      - 
        label: Outline
        value: blockquote-style-outline
      - 
        label: Border left 
        value: blockquote-style-border-left
  - 
    id: export-pdf-style-folder
    title: 2.3.5 Exported PDF Style
    title.zh: 2.3.5 导出PDF样式
    type: heading
    level: 3
    collapsed: true
  -
    id: hr-for-pagination
    title: Use hr (---) for Paging
    title.zh: 使用分隔符（---）分页
    type: class-toggle
    default: false
  -
    id: all-dark
    title:  All dark (Experimental, may or may not be desirable)
    description: Export PDF with dark mode color scheme
    description.zh: 导出黑暗配色的PDF
    type: class-toggle
    default: false
  -
    id: show-url-after-link
    title: Print URL After Links
    title.zh: 显示地址超链接
    type: class-toggle
    default: false
  -
    id: print-strong-color
    title: Strong Color
    title.zh: 粗体颜色
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: print-em-color
    title: Italic Type Color
    title.zh: 斜体颜色
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: embed-folder
    title: 2.3.6 Embeds
    title.zh: 2.3.6 嵌入样式
    type: heading
    level: 3
    collapsed: true
  -
    id: adjustable-embed-content-height
    title: To Fix Height of Embedded Content
    title.zh: 固定嵌入页面高度
    type: class-toggle
    default: false
  -
    id: embed-content-height
    title: Height of Embedded Content
    title.zh: 嵌入页面高度
    description: Switch on the above button to activate
    type: variable-number
    default: 600
    format: px
  -
    id: naked-embed
    title: Transparent Embedded background
    title.zh: 嵌入背景透明
    type: class-toggle
    default: false
  -
    id: embed-title
    title: Hide Embedded Title
    title.zh: 隐藏嵌入文档标题
    type: class-toggle
    default: false
  - 
    id: embed-hd
    title: Hide Embedded Headers
    title.zh: 隐藏嵌入文档中的H1 H2 H3标题
    type: class-toggle
    default: false
  - 
    id: embed-hover
    title: Floating Effect of Embedded Note When Hovering
    title.zh: 嵌入笔记浮动效果
    type: class-toggle
    default: false
  -
    id: custom-modal-windows
    title: 2.3.7 Custom Modal Windows
    title.zh: 2.3.7 个性化弹窗
    type: heading
    level: 3
    collapsed: true
  -
    id: modal-title-icon
    title: Modal Title Icon
    title.zh: 弹窗标题自定义
    description: Do not remove the quotes
    description.zh: 保留引号
    type: variable-text
    default: "'  '"
  -   
    id: table-styles
    title: 2.3.8 Table
    title.zh: 2.3.8 表格
    type: heading
    level: 3
    collapsed: true
  - 
    id: remove-table-transition
    title: Remove Table Zoom Effect
    title.zh: 移除表格悬浮放大效果
    type: class-toggle
    default: false
  -
    id: table-format-options
    title: Table Format
    title.zh: 表格格式
    type: class-select
    allowEmpty: false
    default: default-table
    options:
      - 
        label: Defaut table
        value: default-table
      - 
        label: Wrapped table (break all)
        value: wrapped-table
      - 
        label: Non-wrapped table (limited cell width)
        value: no-wrapped-table-cell
      - 
        label: Non-wrapped table
        value: no-wrapped-table
  -
    id: show-border-table
    title: Show Borders
    title.zh: 显示表格框线
    type: class-toggle
    default: false
  -
    id: full-width-table
    title: Full-width table display
    title.zh: md表格全宽显示
    description: for Reading View, require Contextual Typography plugin 
    description.zh: 阅读模式下，实现效果需要安装Contextual Typography插件
    type: class-toggle
    default: false
  -
    id: table-style-options
    title: Table Style
    title.zh: 表格样式
    type: class-select
    allowEmpty: false
    default: table-style-default
    options:
      - 
        label: Default
        value: table-style-default
      - 
        label: Style I
        value: table-style-one
      - 
        label: Style II
        value: table-style-two
      - 
        label: Style III
        value: table-style-three
  -
    id: codeblock-folder
    title: 2.3.9 Codebox and Inline Code
    title.zh: 2.3.9 代码框和行内代码
    type: heading
    level: 3
    collapsed: true
  -
    id: code-box-option-folder
    title: 2.3.9.1 Codebox
    title.zh: 2.3.9.1 代码框
    type: heading
    level: 4
    collapsed: true
  -
    id: whole-code-wrap
    title: Code Wrap
    title.zh: 代码换行
    type: class-toggle
    default: false
  -
    id: letter-space-code
    title: Letter Spacing for Code
    title.zh: 代码字间距
    type: variable-number-slider
    default: 0
    min: 0
    max: 2
    step: 0.1
  -
    id: background-code
    title: Codebox Background Color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: code-box-style-option
    title: Codebox Style
    type: class-select
    allowEmpty: false
    default: codebox-default-style
    options:
      - 
        label: Default
        value: codebox-default-style
      - 
        label: Frosted Glass
        value: codebox-frosted-glass
  - 
    id: blur-codebox-frosted-glass
    title: Blur Radius (For Frosted Glass Style)
    title.zh: 模糊程度 (毛玻璃效果)
    type: variable-number-slider
    default: 2
    min: 0
    max: 8
    step: 1
  -
    id: style-options-for-other-plugins
    title: 2.3.9.2 Inline Code
    title.zh: 2.3.9.2 行内代码
    type: heading
    level: 4
    collapsed: true
  -
    id: background-code-2
    title: Inline Code Background Color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  - 
    id: text-color-code
    title: Inline Code Color
    title.zh: 行内代码颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#e95d00'
    default-dark: '#d58000'
  -
    id: font-weight-inline-code
    title: Font Weight of Inline Code
    title.zh: 行内代码字重
    type: variable-text
    default: bold
  -
    id: cloze-style
    title: 2.3.10 Cloze Style
    title.zh: 2.3.10 挖空涂黑
    type: heading
    level: 3
    collapsed: true
  -
    id: remove-cloze-style
    title: Cancel Cloze Style
    title.zh: 取消挖空涂黑功能
    description: In this theme, you can use ==~~your words~~==, *==~~your words~~==* and *~~your words~~* to obtain a cloze-style, active this option to cancel it
    description.zh: 当前主题下，使用以下格式可以对文本进行涂黑或挖空 ==~~your words~~==, *==~~your words~~==* 或 *~~your words~~*，激活该选项以取消
    type: class-toggle
    default: false
  -
    id: cloze-bg-color
    title: Cloze background color
    title.zh: 涂黑背景颜色
    description: Cloze Style One, i.e. ==~~your words~~==, hovering to find "your words", should declare "cssclass：cloze" in the YAML area if you want to use them in the Live Preview mode
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: cloze-decoration
    title: Underline decoration style
    description: Can type 'solid', 'dotted', 'dashed', 'wavy' or 'double' for Cloze Style One, i.e. ==~~your words~~==, hovering to find "your words", should declare "cssclass：cloze" in the YAML area if you want to use them in the Live Preview mode
    type: variable-text
    default: none
  -
    id: cloze-decoration-color
    title: Underline decoration color
    description: For Cloze Style One, i.e. ==~~your words~~==, hovering to find "your words", should declare 'cssclass：cloze' in the YAML area if you want to use them in the Live Preview mode
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: cloze-decoration-2
    title: Underline decoration style for Cloze style TWO
    description: Can type 'solid', 'dotted', 'dashed', 'wavy', 'double' or 'none' for Cloze Style TWO, i.e. *==~~your words~~==*, pressing down the primary mouse button to find "your words", should declare 'cssclass：cloze' in the YAML area if you want to use them in the Live Preview mode
    type: variable-text
    default: dashed
  -
    id: cloze-decoration-color-2
    title: Underline decoration color for Cloze style TWO
    description: For Cloze Style TWO, i.e. *==~~your words~~==*, pressing down the primary mouse button to find "your words", should declare 'cssclass：cloze' in the YAML area if you want to use them in the Live Preview mode
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: cloze-decoration-3
    title: Underline decoration style for Cloze style THREE (*~~your words~~*)
    description: Can type 'solid', 'dotted', 'dashed', 'wavy', 'double' or 'none' for Cloze Style THREE, i.e. *~~your words~~*, pressing down the primary mouse button to find "your words", should declare 'cssclass：cloze' in the YAML area if you want to use them in the Live Preview mode
    type: variable-text
    default: dashed
  -
    id: cloze-decoration-color-3
    title: Underline decoration color for Cloze style THREE
    description: For Cloze Style THREE, i.e. *~~your words~~*, pressing down the primary mouse button to find "your words", should declare 'cssclass：cloze' in the YAML area if you want to use them in the Live Preview mode
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: link-style
    title: 2.3.11 Links
    title.zh: 2.3.11 链接
    type: heading
    level: 3
    collapsed: true
  -
    id: link-underline
    title: Remove underlines of external links in Reading mode
    title.zh: 取消阅读模式链接下划线
    type: class-toggle
    default: false
  -
    id: default-unresolved-link
    title: Toggle default unresolved link color 
    title.zh: 使用默认的未创建链接颜色
    type: class-toggle
    default: false
  -
    id: remove-underline-unresolved-link
    title: Toggle underlines of unresolved link
    title.zh: 去除未创建链接的下划线
    type: class-toggle
    default: false
  -
    id: graph-unresolved
    title: Color of unresolved link
    title.zh: 未创建链接颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#db4e4ecc'
    default-dark: '#f08080de'
  - 
    id: link-click
    title: Cancel click the link to trigger auto-jump
    title.zh: 取消编辑模式下点击链接自动跳转
    type: class-toggle
    default: true
    description: You can click on the link by holding down the ctrl key to jump
    description.zh: 可以通过按住ctrl键点击链接跳转
  -
    id: cursor-style-folder
    title: 2.3.12 Cursor
    title.zh: 2.3.12 输入光标
    type: heading
    level: 3
    collapsed: true
  -
    id: cursor-color
    title: Cursor color (for Obsidian v0.14.9 and above)
    title.zh: 光标颜色 (适合软件v0.14.9及以上版本)
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: cursor-color-temp
    title: Cursor color (Only for Obsidian version below 0.14.6)
    title.zh: 光标颜色 (只适合软件v0.14.6以下版本)
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: fancy-cursor
    title: Toggle fancy cursor (Only for Obsidian version below 0.14.6)
    title.zh: 切换装饰性光标 (只适合软件v0.14.6以下版本)
    type: class-toggle
    default: false
  -
    id: fancy-cursor-color-1
    title: Fancy Cursor Color 1
    title.zh: 装饰性光标颜色 1
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: fancy-cursor-color-2
    title: Fancy Cursor Color 2
    title.zh: 装饰性光标颜色 2
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: fancy-cursor-width
    title: Cursor Width
    title.zh: 装饰性光标宽度
    type: variable-text
    default: 2px
  -
    id: fancy-cursor-radius
    title: Cursor Radius
    title.zh: 装饰性光标圆角
    type: variable-text
    default: 3px
  -
    id: fancy-cursor-transition
    title: Cursor Transition Time
    title.zh: 光标延迟时间
    type: variable-text
    default: 200ms
  -
    id: checkbox-style-folder
    title: 2.3.13 Checkbox
    title.zh: 2.3.13 勾选框
    type: heading
    level: 3
    collapsed: true
  -
    id: circular-checkbox
    title: Circular Checkbox
    title.zh: 圆形勾选框
    type: class-toggle
    default: false
  -
    id: checkbox-size
    title: Checkbox Size
    title.zh: 勾选框大小
    type: variable-text
    default: 1rem
  -
    id: unmute-checkbox-animation
    title: Deactivate Checkbox Animation
    title.zh: 取消勾选框摇摆动画
    type: class-toggle
    default: false
  -
    id: icons-style-folder
    title: 2.3.14 Icons
    title.zh: 2.3.14 图标
    type: heading
    level: 3
    collapsed: true
  -
    id: remove-custom-svg-icons
    title: Toggle Default Icons
    title.zh: 还原默认图标
    type: class-toggle
    default: false
  - 
    id: default-icons
    title: Toggle Default Collapse Icons
    title.zh: 还原折叠图标
    type: class-toggle
    default: false
  -
    id: icons-style-folder
    title: 2.3.15 Images
    title.zh: 2.3.15 图片
    type: heading
    level: 3
    collapsed: true
  -
    id: image-zoom
    title: Deactivate image zooming
    title.zh: 取消点击图片放大效果
    type: class-toggle
    default: false
  -
    id: icons-style-folder-1
    title: Intro to Basic Image Position
    title.zh: 基本图片位置简介
    description: You can add 🔸|Left (can also use `left`, `LEFT` or `L` to replace the `Left` before), 🔸|Right (right/RIGHT/R) and 🔸|Inline (inline/INLINE/inl) into a image format to adjust the image position, e.g. ![[*.jpg|L]], ![[*.png|Right|200]] and ![|inl](...*.jpg)
    description.zh: 在图片格式里添加 🔸|Left (can also use `left`, `LEFT` or `L` to replace the `Left` before), 🔸|Right (right/RIGHT/R) and 🔸|Inline (inline/INLINE/inl) 来改变图片位置, e.g. ![[*.jpg|L]], ![[*.png|Right|200]] and ![|inl](...*.jpg)
    type: heading
    level: 4
    collapsed: true
  -
    id: icons-style-folder-2
    title: Intro to Image Caption
    title.zh: 图片标题介绍
    description: You can add 🔸#left|your captions, 🔸#right|your captions, 🔸#center/centre|your captions and 🔸#inl|your captions into a image format to adjust the image position with a image caption, e.g. ![[*.jpg#left|Figure 1]], ![[*.png#right|Figure 2|200]], ![[*.jpg#centre|Figure 3]] and ![[*.jpg#inl|Figure 4|100]]
    description.zh: 在图片格式里添加 🔸#left|your captions, 🔸#right|your captions, 🔸#center/centre|your captions and 🔸#inl|your captions 来改变图片位置，并添加图片标题, e.g. ![[*.jpg#left|Figure 1]], ![[*.png#right|Figure 2|200]], ![[*.jpg#centre|Figure 3]] and ![[*.jpg#inl|Figure 4|100]]
    type: heading
    level: 4
    collapsed: true
  -
    id: icons-style-folder-3
    title: Intro to Image Grid
    title.zh: 图片横排介绍
    description: You can add 🔸+grid into some images to grid these images in a line, e.g. ![[*.jpg+grid]]                                Or type ❗cssclass：img-grid❗ in YAML to make images arrange in a grid in the preview mode.
    description.zh: 在图片格式里添加 🔸+grid 使复数的图片排成一行, e.g. ![[*.jpg+grid]] 。或者在YAML种输入 ❗cssclass：img-grid❗
    type: heading
    level: 4
    collapsed: true
  -
    id: loading-page-style-folder
    title: 2.3.16 Loading Page 
    title.zh: 2.3.16 加载页面
    type: heading
    level: 3
    collapsed: true
  -
    id: loading-page-style-option
    title: Loading Page Style
    type: class-select
    allowEmpty: false
    default: default-loading-page
    options:
      - 
        label: Default Loading Page
        value: default-loading-page
      - 
        label: Shapes
        value: loading-page-style-default
      - 
        label: Custom Text
        value: loading-custom-text 
      - 
        label: Default Text w/ Icons Before and After
        value: loading-add-icons
      - 
        label: Cat (GIF)
        value: loading-animation-cat
      - 
        label: Adding Image or Animation (GIF)
        value: loading-animation-custom
      - 
        label: Animation with Position Changing
        value: loading-shape-with-custom-gif
      - 
        label: Jumping Mario
        value: loading-page-style-mario

  -
    id: loading-custom-text-folder
    title: 2.3.16.1 Custom Text
    type: heading
    level: 4
    collapsed: false
  -
    id: loading-diy-text
    title: Custom Text
    title.zh: 自定义文字
    type: variable-text
    default: "'快乐摸鱼又一天，人生还剩多少天？'"
  -
    id: font-loading-text
    title: Font Family of Custom Text 
    title.zh: 字体
    type: variable-text
    default: var(--font-monospace-theme)
  -
    id: font-size-loading-diy-text
    title: Font Size
    type: variable-text
    default: 3em
  -
    id: loading-diy-text-color
    title: Text Color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: loading-text-typing-style
    title: Typing Style
    title.zh: 打字效果
    type: class-toggle
    default: true
  -
    id: loading-text-moving-style
    title: Moving Style
    title.zh: 移动效果
    type: class-toggle
    default: false
  -
    id: loading-text-shinning-style
    title: Shinning Style
    title.zh: 闪烁效果
    type: class-toggle
    default: false
  -
    id: loading-text-color-changing-style
    title: Color-changing Style
    title.zh: 变色效果
    type: class-toggle
    default: false
  -
    id: loading-add-icons-folder
    title: 2.3.16.2 Custom Image/Animation
    type: heading
    level: 4
    collapsed: false
  -
    id: loading-text-before
    title: Adding Things Before
    type: variable-text
    default: "'❀✿'"
  -
    id: loading-text-after
    title: Adding Things After
    type: variable-text
    default: "'✿❀'"
  -
    id: font-size-loading-add
    title: Font Size
    type: variable-text
    default: 1.5em
  -
    id: loading-add-text-color
    title: Text Color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#D3959B'
    default-dark: '#D3959B'
  -
    id: loading-add-text-color-alt
    title: Text Color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#BFE6BA'
    default-dark: '#BFE6BA'
  -
    id: loading-animation-custom-folder
    title: 2.3.16.3 Custom Image/Animation
    type: heading
    level: 4
    collapsed: false
  -
    id: loading-page-custom-gif-url
    title: Custom Loading Page Image/Animation
    type: variable-text
    default: url(https://)
  -
    id: loading-page-custom-gif-caption
    title: Image Caption
    type: variable-text
    default: " "
  -
    id: loading-shape-with-custom-gif-folder
    title: 2.3.16.4 Custom Image/Animation with Position Changing
    type: heading
    level: 4
    collapsed: false
  -
    id: loading-page-custom-gif-url-alt
    title: Custom Loading Page Image/Animation
    type: variable-text
    default: url(https://cdn.dribbble.com/users/53712/screenshots/9948351/media/2397850c7727f8e70b0ec50b5a83fe76.gif)
  -
    id: loading-page-custom-gif-caption-alt
    title: Image Caption
    type: variable-text
    default: " "
  -
    id: loading-shape-with-custom-high-contrast-bg
    title: High Contrast Background
    title.zh: 高对比度背景
    type: class-toggle
    default: false
  -
    id: tag-color-settings
    title: 2.3.17 #Tag
    title.zh: 2.3.17 标签 (#Tag)
    type: heading
    level: 3
    collapsed: true
  -
    id: tag-click
    title: Cancel click the tag to trigger auto-jump
    title.zh: 取消实时预览模式下点击标签自动跳转
    type: class-toggle
    default: false
    description: You can jump by clicking on the # marks in the tags
    description.zh: 可以通过点击标签中的#号跳转
  -
    id: tag-style-option
    title: Tag Style
    title.zh: 标签样式
    type: class-select
    allowEmpty: false
    default: tag-default
    options:
      - 
        label: Default
        value: tag-default
      - 
        label: Outlined
        value: tag-pill-outlined
      - 
        label: Clear
        value: tag-clear-style
  - 
    id: tag1
    title: Tag-1
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#1f75ff'
    default-dark: '#006ec7'
  -
    id: tag2
    title: Tag-2
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#2193f0'
    default-dark: '#007e78'
  -
    id: tag3
    title: Tag-3
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#17a5e7'
    default-dark: '#007b06'
  -
    id: tag4
    title: Tag-4
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#14acc7'
    default-dark: '#827900'
  -
    id: tag5
    title: Tag-5
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#10bdbd'
    default-dark: '#96390e'
  -
    id: tag6
    title: Tag-6
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#12c690'
    default-dark: '#9a0c0c'
  -
    id: tag7
    title: Tag-7
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#0dc416'
    default-dark: '#9a1e93'
  -
    id: tag8
    title: Tag-8
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#61c108'
    default-dark: '#6e2ec1'
  -
    id: tag9
    title: Tag-9
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#6ab607'
    default-dark: '#2244d8'
  -
    id: style-options-for-other-plugins
    title: 2.3.17.1 Default
    type: heading
    level: 4
    collapsed: false
  - 
    id: tag-text
    title: Tag Text
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: '#f8f8f8'
    default-dark: '#e4e4e4'
  -
    id: style-options-for-other-plugins
    title: 2.3.17.2 Outlined
    type: heading
    level: 4
    collapsed: false
  -
    id: tag-border-width
    title: Tag border width
    title.zh: 标签边框宽度
    type: variable-text
    default: 1px
  -
    id: tag-color-settings
    title: 2.3.18 Setting, Menu, Option panes
    title.zh: 2.3.18 设置、菜单、选项面板
    type: heading
    level: 3
    collapsed: true
  -
    id: setting-etc-pane-style
    title: Pane Style
    type: class-select
    allowEmpty: false
    default: setting-default-frosted-glass
    options:
      - 
        label: Frosted Glass
        value: setting-default-frosted-glass
      - 
        label: Traditional
        value: setting-style-traditional
      - 
        label: Translucent (only for setting panel)
        value: translucent-setting-panel
  -
    id: style-options-for-other-plugins
    title: 3. For Plugins
    title.zh: 3. 插件样式
    type: heading
    level: 1
    collapsed: true
  -
    id: style-options-for-admonition-plugin-header
    title: 3.1 Admonition&Callout Style
    type: heading
    level: 2
    collapsed: true
  -
    id: admonition-bg-color
    title: Admontion codebock and Callout background
    title.zh: Admonition 和 Callout背景色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#ffffffa6'
    default-dark: '#1111118f'
  -
    id: full-width-callout
    title: Full-width layout for callout & admonition
    title.zh: callout和ad块全宽显示
    description.zh: 不收缩减栏宽影响，全宽显示callout块
    type: class-toggle
    default: false
  -
    id: style-options-for-admonition-plugin
    title: Admonition special style support
    title.zh: 是否开启Admonition特别样式支持
    type: class-toggle
    default: true
    description : 目前支持ad类型：blank 全透明框🔸def definition🔸thm theorem🔸lem lemma🔸cor corollary🔸pro proposition 🔸hibox  自动隐藏框🔸col2 col3 col4内容分多栏🔸kanban 伪看板🔸table 表格单行全部显示❗使用方法❗下面以thm类型为例，在admonition插件的设置页面中，类型填 thm，标题填 定理，图标选择hand-point-right，颜色自己选比如浅绿色，添加成功后，在正文中使用代码块```ad-thm 即可激活。其他类型以此类推。  
  -
    id: style-options-for-calendar-plugin-header
    title: 3.2 Calendar
    type: heading
    level: 2
    collapsed: true
  -
    id: toggle-calendar-shadow
    title: Toggle Shadow of Current Date
    title.zh: 开启日历中当前日期的阴影
    type: class-toggle
    default: false
  -
    id: style-options-for-calendar-plugin
    title: Calendar
    type: class-select
    allowEmpty: false
    default: style-options-for-calendar-plugin-default
    options:
      - 
        label: Default
        value: style-options-for-calendar-plugin-default
      - 
        label: Style 1
        value: style-options-for-calendar-plugin-style-one
      - 
        label: Style 2
        value: style-options-for-calendar-plugin-style-two
  -
    id: rainbow-checklist-folder
    title: 3.3 Checklist Plugin
    type: heading
    level: 2
    collapsed: true
  -
    id: rainbow-checklist
    title: Rainbow Checklist
    title.zh: 彩虹色条目
    type: class-toggle
    default: false
  -
    id: style-options-for-kanban-plugin-header
    title: 3.4 Kanban
    type: heading
    level: 2
    collapsed: true
  -
    id: style-options-for-kanban-plugin-static
    title: Static
    type: class-select
    allowEmpty: false
    default: style-options-for-kanban-plugin-static-default
    options:
      - 
        label: Default
        value: style-options-for-kanban-plugin-static-default
      - 
        label: All color (instead of images in light mode)
        value: style-options-for-kanban-plugin-static-all-color
      - 
        label: All image-1 
        value: style-options-for-kanban-plugin-static-all-image-one
      - 
        label: All image-2 abstract
        value: style-options-for-kanban-plugin-static-all-image-two
      - 
        label: Plain
        value: style-options-for-kanban-plugin-static-plain
      -
        label: Little color
        value: style-options-for-kanban-plugin-static-little-color
  -
    id: style-options-for-kanban-plugin-dynamic
    title: Dynamic
    type: class-select
    allowEmpty: false
    default: style-options-for-kanban-plugin-dynamic-default
    options:
      - 
        label: None
        value: style-options-for-kanban-plugin-dynamic-default
      - 
        label: Neon-1
        value: style-options-for-kanban-plugin-dynamic-neon-one
      - 
        label: Neon-2
        value: style-options-for-kanban-plugin-dynamic-neon-two
      - 
        label: Neon-3
        value: style-options-for-kanban-plugin-dynamic-neon-three
  -
    id: style-options-for-buttons-plugin-heading
    title: 3.5 Buttons
    type: heading
    level: 2
    collapsed: true
  -
    id: style-options-for-buttons-plugin
    title: Buttons special style support
    title.zh: 是否开启Buttons特别样式支持
    type: class-toggle
    default: false
    description : 目前内置class：🔸circle_btn 圆形按钮🔸blank 透明按钮🔸grad_button渐变按钮🟣g_purple 紫色🔵g_blue蓝色🟢g_green 绿色💚g_lightgreen 浅绿🟡g_yellow黄色
  -
    id: style-options-for-buttons-plugin-heading
    title: 3.6 Dataview
    type: heading
    level: 2
    collapsed: true
  -
    id: style-options-for-dataview-plugin-heading
    title: 3.6.1 Dataview List
    type: heading
    level: 3
    collapsed: true
  - 
    id: folder-dataview-list-style
    title: Style
    title.zh: 样式
    type: class-select
    allowEmpty: false
    default: dataview-list-style-pacman
    options:
      -
        label: Pac-man
        value: dataview-list-style-pacman
      - 
        label: Normal
        value: dataview-list-style-normal
  -
    id: style-options-for-dataview-table-plugin-heading
    title: 3.6.2 Dataview Table
    type: heading
    level: 3
    collapsed: true
  -
    id: dvtable-style-options
    title: Dataview Table Format
    title.zh: Dataview 表格格式
    type: class-select
    allowEmpty: false
    default: default-dvtable
    options:
      - 
        label: Defaut table
        value: default-dvtable
      - 
        label: Wrapped table (break all)
        value: wrapped-dvtable
      - 
        label: Non-wrapped table (limited cell width)
        value: no-wrapped-dvtable-cell
      - 
        label: Non-wrapped table
        value: no-wrapped-dvtable
  -
    id: auto-serial-number-dvtable
    title: Automatically add serial numbers to tables
    title.zh: Dataview表格自动添加序号
    type: class-toggle
    default: false
  -
    id: full-width-dvtable
    title: Full-width dvtable display
    title.zh: dataview表格全宽显示
    description: for Reading View, require Contextual Typography plugin 
    description.zh: 阅读模式下，实现效果需要安装Contextual Typography插件
    type: class-toggle
    default: false
  -
    id: style-options-for-dialogue-plugin-heading
    title: 3.7 Dialogue & Chatview
    type: heading
    level: 2
    collapsed: true
  -
    id: dialogue-style
    title: Dialogue & Chatview Style
    title.zh: 聊天框样式
    type: class-select
    allowEmpty: false
    default: dialogue-style-default
    description.zh: Wechat样式适合titleMode：all ，chat样式适合 titleMode：first
    description: Wechat options is for ’titleMode：all‘ ，chat options is for  ‘titleMode：first’
    options:
      -
        label: Default
        value: dialogue-style-default
      -
        label: Wechat
        value: dialogue-style-wechat
      - 
        label: Chat
        value: dialogue-style-chat
  -
    id: style-options-for-Sliding-Panes-plugin-heading
    title: 3.8 Sliding Panes
    type: heading
    level: 2
    collapsed: true
  -
    id: toggle-acitive-border-right 
    title: Toggle the Border of an Active File to Right
    title.zh: 切换激活文件的线至右侧
    type: class-toggle
    default: false
  -
    id: transparent-panes
    title: Transparent Panes for Sliding Panes Plugin
    title.zh: 使用Sliding Panes插件时，透明化部分页面
    type: class-toggle
    default: false
  -
    id: bg-sliding-pane-leaf
    title: Page Background Color
    title.zh: 笔记页面背景颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: bg-sliding-pane-header
    title: File Header Background Color
    title.zh: 文件标题背景颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: font-size-file-header-title-andy-plugin
    title: Font Size of File Header
    title.zh: 文件抬头标题字体大小
    type: variable-text
    default: 1em
  -
    id: style-options-for-dialogue-plugin-heading
    title: 3.9 Obsidian Memos
    description: Adapted from @Quorafind's CSS snippet
    type: heading
    level: 2
    collapsed: true
  - 
    id: heatmap-light
    title: Heatmap in Light mode
    description: Change the color of heatmap
    type: class-select
    allowEmpty: false
    default: default-light
    options:
      - 
        label: Theme color
        value: default-light
      - 
        label: Grass
        value: grass-light
      - 
        label: olive
        value: olive-light
      - 
        label: Frame
        value: frame-light
      - 
        label: Ice
        value: ice-light
      - 
        label: Magenta
        value: magenta-light
  - 
    title: Heatmap in Dark mode
    description: Change the color of heatmap
    id: heatmap-dark
    type: class-select
    allowEmpty: false
    default: default-dark
    options:
      - 
        label: Theme color
        value: default-dark
      - 
        label: Grass
        value: grass-dark
      - 
        label: Olive
        value: olive-dark
      - 
        label: Frame
        value: frame-dark
      - 
        label: Ice
        value: ice-dark
      - 
        label: Magenta
        value: magenta-dark
  -
    id: style-options-for-backlinks-panel
    title: 3.10 backlinks panel
    title.zh: 3.10 反链面板
    type: heading
    level: 2
    collapsed: true
  -
    id: full-width-backlinks
    title: Full-width backlinks panel display
    title.zh: 笔记中的反链面板全宽度显示
    type: class-toggle
    default: false
  -
    id: build-in-style-folder
    title: 4. Built-in Style Intro
    title.zh: 4. 内置样式介绍
    description: There are some built-in CSS classes that should be manually declared in the YAML area. Details refer to the TIPS demo vault for Blue Topaz on Github.
    description.zh: 主题内置css类，手动在文档YAML区域进行cssclass声明，详细用法可以参考主题tips库，可以在主题QQ群（社区）获取。
    type: heading
    level: 1
    collapsed: true
  -
    id: built-in-style-kanban
    title: Pseudo-kanban
    title.zh: 伪看板 kanban
    type: heading
    level: 2
    collapsed: false
    description:  ❗cssclass：kanban❗ A kind of kanban-liked style for unordered lists. (Adapted from Spectrum theme by @Wiktoria Mielcarek)
    description.zh:  ❗cssclass：kanban❗ 实现类似看板样式并排显示，只对无序列表生效。改自Spectrum theme by @Wiktoria Mielcarek
  -
    id: simple-p-kanban
    title: Simple pseudo-kanban
    title.zh: 单色伪看板
    description: Remove colors of pseudo-kanban
    description.zh: 移除伪看板头部颜色
    type: class-toggle
    default: false
  -
    id: remove-shadow-p-kanban
    title: Remove shadow of pseudo-kanban
    title.zh: 移除伪看板触发阴影
    type: class-toggle
    default: false
  -
    id: colorful-p-kanban
    title: Colorful pseudo-kanban
    title.zh: 多彩伪看板
    type: class-toggle
    default: false
  - 
    id: blur-p-kanban-frosted-glass
    title: Blur Radius (For Frosted Glass Style)
    title.zh: 模糊程度 (毛玻璃效果)
    type: variable-number-slider
    default: 2
    min: 0
    max: 8
    step: 1
  - 
    id: p-kanban-color-1
    title: pseudo-kanban color 1
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#52aaf365'
    default-dark: '#3496e652'
  -
    id: p-kanban-color-2
    title: pseudo-kanban color 2
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#84ecec65'
    default-dark: '#2ec4c452'
  -
    id: p-kanban-color-3
    title: pseudo-kanban color 3
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#94ec8c65'
    default-dark: '#38ce2a52'
  -
    id: p-kanban-color-4
    title: pseudo-kanban color 4
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#dce28765'
    default-dark: '#d2dd3852'
  -
    id: p-kanban-color-5
    title: pseudo-kanban color 5
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#eeb36f65'
    default-dark: '#eb973752'
  -
    id: p-kanban-color-6
    title: pseudo-kanban color 6
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#f18e8e65'
    default-dark: '#f3424252'
  -
    id: p-kanban-color-7
    title: pseudo-kanban color 7
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#e677e065'
    default-dark: '#e45bdd52'
  -
    id: p-kanban-color-8
    title: pseudo-kanban color 8
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#ba8be165'
    default-dark: '#b962ff52'
  -
    id: p-kanban-card-color-1
    title: pseudo-kanban-card subitem color
    title.zh: 伪看板子项背景色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#f9f9f99b'
    default-dark: '#0000003f'
  -
    id: p-kanban-border-color
    title: pseudo-kanban-border color
    title.zh: 伪看板边框颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#a0a0a060'
    default-dark: '#00000000'
  -
    id: built-in-style-code-wrap
    title:  Code Wrap
    title.zh: 代码行自动换行 code-wrap
    type: heading
    level: 2
    collapsed: true
    description.zh:  ❗cssclass：code-wrap❗实现代码块中的代码行自动换行。
    description:  ❗cssclass：code-wrap❗ Can be used to wrap code in code blocks for individual .md file
  -
    id: built-in-style-inline-list
    title:  List in a horizontal row (inline list)
    title.zh: 行内列表 inline-list
    type: heading
    level: 2
    collapsed: true
    description.zh:  ❗cssclass：inline-list❗列表项横向排布。
    description:  ❗cssclass：inline-list❗ To make the list show in a horizontal row. Meanwhile, it makes the list show inline which can be used with inline images (like ![[xxx.jpg|inlineR]])
  -
    id: built-in-style-img-grid
    title:  Image Grid
    title.zh: 图片自适应横排显示 img-grid
    type: heading
    level: 2
    collapsed: true
    description.zh:  ❗cssclass：img-grid❗实现图片类似网格一样自适应横排显示。也可以使用类似格式单独调整![[obsidian_image.png|inl|100]]  (adapted from https://github.com/iEchoxu/obsidian_orange/blob/main/.obsidian/snippets/image-grid.css)
    description: ❗cssclass：img-grid❗ To make images arrange in a grid in the preview mode. (adapted from https://github.com/iEchoxu/obsidian_orange/blob/main/.obsidian/snippets/image-grid.css)
  -
    id: built-in-style-matrix
    title: Eisenhower Matrix
    title.zh: 表格四象图分布 matrix
    type: heading
    level: 2
    collapsed: true
    description:  ❗cssclass：matrix❗ Usage https://forum.obsidian.md/t/theme-spectrum-version-1-0-0-and-resise-graphs-controls/12688/34 (Adapted from Spectrum theme by @Wiktoria Mielcarek)
    description.zh:  ❗cssclass：matrix❗ 实现N*2表格四象限分布。表格内容使用![[XXX]]引入 见 https://forum.obsidian.md/t/theme-spectrum-version-1-0-0-and-resise-graphs-controls/12688/34。改自Spectrum theme by @Wiktoria Mielcarek
  -
    id: built-in-style-full-width
    title: full-width layout
    title.zh: 全宽显示元素 (i.e. wide-dataview, wide-table, wide-callout and wide-backlinks) 
    type: heading
    level: 2
    collapsed: true
    description:  ❗cssclass：fullwidth  wide-dataview wide-table wide-callout  wide-backlinks❗ (Adapted from https://github.com/efemkay @ Faiz Khuzaimah)
    description.zh:  ❗cssclass：fullwidth wide-dataview wide-table wide-callout  wide-backlinks❗ 分别实现整页，dv表格 md表格 callout  反链面板全宽度布局。改自https://github.com/efemkay @ Faiz Khuzaimah
  -
    id: topaz-community
    title: Supported by Topaz Community 😁
    title.zh: 感谢Topaz社区支持😁，欢迎来访，QQ群:908688452
    type: heading
    level: 1
    collapsed: true
*/

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

@font-face {
  font-family: 'Bookerly';
  src: url('data:font/woff2;charset=utf-8;base64,[encoded data, 127872 characters]') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bookerly';
  src: url('data:font/woff2;charset=utf-8;base64,[encoded data, 129248 characters]') format('woff2');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Bookerly';
  src: url('data:font/woff2;charset=utf-8;base64,[encoded data, 135224 characters]') format('woff2');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Consolas';
  src: url('data:font/woff2;charset=utf-8;base64,[encoded data, 264748 characters]') format('woff2');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Consolas';
  src: url('data:font/woff2;charset=utf-8;base64,[encoded data, 242120 characters]') format('woff2');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: 'Consolas';
  src: url('data:font/woff2;charset=utf-8;base64,[encoded data, 231824 characters]') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lucida Handwriting';
  src: url('data:font/woff2;charset=utf-8;base64,[encoded data, 36700 characters]') format('woff2');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

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

body {
  --font-size-obsidian-titlebar: 0.75em;
  --font-size-vault-name: 0.95em;/*左侧库名字体大小*/
  --font-size-file-header-title: 0.9375em;/*文件抬头标题，只在非Andy mode plugin时生效*/
  --font-size-file-header-title-andy-plugin: 1em;/*文件抬头标题for Andy mode plugin*/
  --font-size-embed-title-size: 1.3em;
  --font-size-embed-file: 1.25em;
  --font-size-folder-and-file: 0.88em;/*左侧边栏文件字体大小*/
  --font-size-edit-normal: 1em;/*编辑正文字体大小*/
  --font-size-preview-normal: 1em;/*预览正文字体大小*/
  --h1: 1.5625em;
  --h2: 1.4375em;
  --h3: 1.3125em;
  --h4: 1.1875em;
  --h5: 1.0625em;
  --h6: 0.9375em;
  --font-size-tag: 0.85em;
  --font-size-emoji-after-tag: 1.5625em;
  --font-size-list: 1em;
  --font-size-preview-blockquote: 1em;
  --font-size-edit-blockquote: 1em;
  --font-size-code: 1em;
  --font-size-latex: 1.25em;
  --font-size-cloze: 0.9375em;
  --font-size-better-footnote: 1.3em;
  --font-size-checklist: 0.85em;
  --font-size-split: 0.85em;
  --font-size-loading-diy-text: 3em;
  --font-size-loading-add: 1.5em;

  /*font family*/
  --font-default: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei", sans-serif;
  --font-family-list: ;/*列表字体*/
  --font-text-theme: Bookerly, "LXGW WenKai", "Segoe UI Emoji"; /*主体（包括列表）字体，除代码框等少数部分*/
  --font-family-h1: var(--font-default);
  --font-family-h2: var(--font-default);
  --font-family-h3: var(--font-default);
  --font-family-h4: var(--font-default);
  --font-family-h5: ;
  --font-family-h6: ;
  --font-family-title: ;/*文件抬头标题*/
  --font-family-folder-file-title: Arlrdbd, "Source Han Sans", "Noto Sans CJK", "Source Sans Pro", "Segoe UI Emoji", sans-serif;/*左侧边栏文件、文件夹字体*/
  --font-monospace-theme: Consolas, Monaco, "等距更纱黑体 SC", "Source Han Mono", "Microsoft Yahei Mono", "Segoe UI Emoji", "Microsoft YaHei", "Source Code Pro", monospace;
  --font-family-inline-code: var(--font-monospace-theme);
  --font-family-tag: Bookerly, "Microsoft YaHei", STzhongsong, STSong, "Segoe UI Emoji", Serif;
  --font-family-vault: "Lucida Handwriting", "Segoe UI Emoji";/*左侧库名字体*/
  --font-family-special-tag: "Lucida Handwriting", "Segoe UI Emoji";
  --font-family-YAML: "Lucida Handwriting";

  --mermaid-font-family: Segoe UI, "Microsoft YaHei", "Segoe UI Emoji", "trebuchet ms", verdana, Arial, cursive;
  --font-family-better-footnote: Arlrdbd, "Source Han Sans", "Segoe UI Emoji";
  --font-family-strong: Bookerly, "LXGW Zhenkai", "LXGW WenKai Screen", "LXGW WenKai Screen R", "Segoe UI Emoji", var(--font-default);
  --font-family-em: ;
  --font-loading-text: var(--font-monospace-theme);

  /*radius*/
  --radius-xs: 0.1875em;/*3px*/
  --radius-s: 0.3125em;/*5px*/
  --radius-s-border: 5px;
  --radius-m: 0.4375em;/*7px*/
  --radius-l: 0.625em;/*10px*/

  --background-settings-workplace-theme-light-custom: url("https://");
  --background-settings-workplace-theme-dark-custom: url("https://");
  --background-command-palette-theme-light-custom: url("https://");
  --background-command-palette-theme-dark-custom: url("https://");
  --background-file-page-theme-dark-custom: url("https://");
  --blur-depth: 10px;
  --blur-depth-cp: 10px;
  --saturate-4-bg: 1;
  --saturate-4-bg-cp: 1;
  --brightness-4-bg: 0.9;
  --brightness-4-bg-cp: 0.9;
  --opacity-cp: 0.25;

  --fancy-hr-icon: '😀';
  --fancy-hr-rotate: 0deg;
  --modal-title-icon:'  ';
  --line-height-main: 1.5;
  --line-height-list: 1.4;
  --line-height-split: 1.3;
  --letter-space-main: 1;
  --letter-space-code: 0;
  --margin-list: 1;

  --line-width-readable: 45rem;
  --embed-content-height: 600px;

  --bottom-padding-value: 0em;

  --font-weight-highlight-1: normal;
  --font-weight-highlight-2: normal;
  --font-weight-highlight-3: normal;
  --font-weight-inline-code: bold;

  --checkbox-size: 1rem;

  --loading-diy-text: "快乐摸鱼又一天，人生还剩多少天？";
  --loading-diy-text-color: var(--text-normal);
  --loading-page-custom-gif-caption: " ";
  --loading-page-custom-gif-caption-alt: " ";
  --loading-page-custom-gif-url: url(https://);
  --loading-page-custom-gif-url-alt: url(https://cdn.dribbble.com/users/53712/screenshots/9948351/media/2397850c7727f8e70b0ec50b5a83fe76.gif);
  --loading-text-before: "❀✿";
  --loading-text-after: "✿❀";
  --loading-add-text-color: #d47e86;
  --loading-add-text-color-alt: #a4e39c;
  --pixel: 20px;
  --c-1: #da2400;
  --c-2: #ffb623;
  --c-3: #8c6e22;

  --nord0: #2E3440;
  --nord1: #3B4252;
  --nord1-1: #3B425251;
  --nord2: #434C5E;
  --nord3: #4C566A;
  --nord3-1: #717a91;

  --nord4: #d8dee9;
  --nord4-1: #d8dee95c;
  --nord5: #E5E9F0;
  --nord5-1: #E5E9F053;
  --nord6: #ECEFF4;
  --nord6-1: #ECEFF46c;
  --nord6-2: #ECEFF43c;

  --nord7: #8fbcbb;
  --nord7-transparent: #8fbcbb2f;
  --nord8: #88C0D0;
  --nord8-0: #65afc4;
  --nord9: #81a1c1;
  --nord9-1: #81a1c16c;
  --nord9-2: #81a1c13c;
  --nord10: #5e81ac;

  --nord11: #BF616A;
  --nord11-1: #BF616A4b;
  --nord12: #D08770;
  --nord13: #EBCB8B;
  --nord13-0: #e2b65e;
  --nord13-1: #ebca894b;
  --nord14: #A3BE8C;
  --nord14-0: #95b677;
  --nord15: #B48EAD;

  --hr-color-icon-1: var(--theme-color);
  --hr-color-icon-2: var(--theme-color);
  --hr-color-icon-3: var(--theme-color);
  --hr-color-icon-4: var(--theme-color);
  --hr-color-1: var(--theme-color);
  --hr-color-2: var(--theme-color);
  --hr-color-3: var(--theme-color);
  --hr-color-4: var(--theme-color);
  --hr-color-numbers-line-1: var(--theme-color);
  --hr-color-numbers-line-2: var(--theme-color);
  --hr-color-numbers-line-3: var(--theme-color);
  --hr-color-numbers-line-4: var(--theme-color);
  --hr-color-numbers-bg-color: var(--theme-color-translucent-1);
  --hr-color-numbers-color: var(--theme-color);
  --hr-numbers-text-fill: transparent;
  --hr-numbers-text-stroke: var(--text-normal);

  --cloze-bg-color: var(--accent-strong);
  --cloze-decoration: none;
  --cloze-decoration-color: red;
  --cloze-decoration-2: dashed;
  --cloze-decoration-color-2: var(--theme-color);
  --cloze-bg-color-3: transparent;
  --cloze-decoration-3: dashed;
  --cloze-decoration-color-3: var(--theme-color);

  --custom-titlebar-bg: var(--background-secondary-alt);

  --text-highlight-bg-h-dark: 57;
  --text-highlight-bg-s-dark: 40%;
  --text-highlight-bg-l-dark: 38%;
  --text-highlight-bg-a-dark: 0.541;

  --text-highlight-bg-h-light: 34;
  --text-highlight-bg-s-light: 100%;
  --text-highlight-bg-l-light: 80%;
  --text-highlight-bg-a-light: 0.847;

  --cursor-color: var(var(--text-normal));

  --fancy-cursor-width: 2px;
  --cursor-color-temp: var(var(--text-normal));
  --fancy-cursor-color-1: var(--theme-color);
  --fancy-cursor-color-2: var(--theme-color);
  --fancy-cursor-radius: 3px;
  --fancy-cursor-transition: 200ms;

  --print-strong-color: ;
  --print-em-color: var(--accent-em);

  --tag-border-width: 1px;
  --paragraph-spacing: 1;
  --blur-codebox-frosted-glass: 2;
  --blur-p-kanban-frosted-glass: 5;
}

body.all-dark .print.theme-light,
.theme-dark {
  --background-primary: #222222;
  --background-primary-alt: #444444;
  --background-secondary: #2c2c2c;
  --background-secondary-alt: #000000;
  --background-modifier-border: #565656;
  --background-modifier-success: #539126;
  --background-modifier-success-rgb: 83, 145, 38;
  --background-modifier-error: #9b4343;
  --background-modifier-error-rgb: 155, 67, 67;
  --text-accent: #4695da;
  --text-accent-hover: #3e8de7;
  --text-normal: #bdbdbd;
  --text-highlight: #f3f3f3;
  --text-highlight-2: #e4e4e4;
  --text-muted: #8a8a8a;
  --text-muted-rgb: 138, 138, 138;
  --text-faint: #797979;
  --text-folder-file: #b3b3b3;
  --accent-strong: #e7e7e7;
  --accent-em: #a4ca8e;
  --text-error: #e16d76;
  --text-error-hover: #c9626a;
  --text-selection: #47a5914d;
  --text-on-accent: #e4e4e4;
  --interactive-normal: #2b2b2b;
  --interactive-hover: #373737;
  --interactive-accent: #2d82cc;
  --interactive-accent-rgb: 45, 130, 204;
  --interactive-accent-hover: #3e8de7;
  --panel-border-color: #18191e;
  --search-text: #e0e0e0;
  --folder-title: #ffffff;

  --text-highlight-bg: hsla(var(--text-highlight-bg-h-dark), var(--text-highlight-bg-s-dark), var(--text-highlight-bg-l-dark), var(--text-highlight-bg-a-dark));
  --mark-highlight-strong-em: #fff7603a;
  --strong-em-highlight-color: #a7b4ff;
  --text-search-highlight-bg: #bb4361;
  --strong-em-color-1: #43d3ff;
  --strong-em-color-2: #baaaff;

  --background-search-result: #313131;
  --search-result-file-matched-bg: #005fac;
  --background-primary-bg-4-bt: #1e1e1e;
  --background-primary-alt-bg-4-bt: #000000;
  --background-secondary-bg-4-bt: #1e1e1e;
  --background-secondary-alt-bg-4-bt: #000000;
  --background-asymm-split-left: var(--background-secondary-alt-bg-4-bt);
  --background-mobile-drawer-1: #1b1b1b;
  --background-mobile-drawer-2: #1b1b1b69;
  --background-modifier-border-hr: #3f3f3f;
  --background-modifier-border-asymm: #343434;
  --background-modifier-border-checkbox: #7b7b7b;
  --background-transparent-black-or-white-1: #1b1b1b9a;
  --background-transparent-black-or-white-2: #1e1e1ebd;
  --background-transparent-black-or-white-3: #2f2f2f6c;
  --background-transparent-black-or-white-4: #7e7e7e65;
  --background-transparent-black-or-white-5: #0f0f0f6c;
  --background-black-or-white-1: #353535;
  --background-modifier-border-1: #000000;
  --background-transparent-blue: #003e759a;
  --scrollbar-thumb: #8282827e;
  --gray-1: #5C6370;
  --gray-2: #abb2bf;
  --red: #db7c84;
  --red-1: #d05a63;
  --orange: #d1945b;
  --orange-1: #da904b;
  --green: #abd58e;
  --darkgreen: #568060;
  --aqua: #35bed0;
  --purple: #c594d4;
  --blue: #a0c7e9;
  --darkblue: #478fee;
  --yellow: #d6b87f;
  --light-yellow: #cac685;
  --white: #ffffff;

  --embed-color: #1156a534;
  --search-result-file-title-color: var(--text-normal);
  --theme-color: var(--interactive-accent);
  --theme-color-translucent: #3187d388;
  --theme-color-translucent-1: #1982dd2c;
  --color-specification: #3ce252;

  --allow-1: #d18828;
  --background-blockquote: #9191911c;
  --background-code: #1111118c;
  --background-code-2: #4c4c4cb0;
  --text-color-code: #d58000;
  --text-color-code-normal: #d0d0d0;
  --internal-link-color-in-highlight: #39adfb;
  --list-ul-block-color: #e19742a9;
  --list-ul-disc-color: #eb9563;
  --green-1: #79c142;
  --list-ul-hover: #e28915de;
  --list-ol-block-color: #2685bbb4;
  --list-ol-number-color: #95afc4;
  --list-ol-hover: #2c7bd6;
  --list-format-ul: var(--text-normal);

  --tag-text: #e4e4e4;
  --stag1: #f08383;
  --stag1-bg: #bd1919;
  --stag2: #e7b263;
  --stag2-bg: #ac6700;
  --stag3: #77df89;
  --stag3-bg: #058c1c;
  --tag1: #3e75a1;
  --tag2: #2a918b;
  --tag3: #438047;
  --tag4: #74932e;
  --tag5: #827d34;
  --tag6: #8b6745;
  --tag7: #814a4a;
  --tag8: #805ca1;
  --tag9: #596ea8;

  --tag-dailynote: #98c8ff;
  --tag-dailynote-bg: #0f60bd;
  --tag-weeklynote: #d1e6ff;
  --tag-weeklynote-bg: #3971b1;
  --tag-questions: #d4bdff;
  --tag-questions-bg: #6640ae;
  --tag-ideas: #fcfcc0;
  --tag-ideas-bg: #565656d8;

  --h1-color: var(--print-h1-color,#85bb1f);
  --h2-color: var(--print-h2-color,#27b822);
  --h3-color: var(--print-h3-color,#1bbbbb);
  --h4-color: var(--print-h4-color,#2f7fe9);
  --h5-color: var(--print-h5-color,#a192f7);
  --h6-color: var(--print-h6-color,#c173ee);

  --graph-text-color: #B5B5B5;
  --graphtag: #88d842bb;
  --graph-attach: #b2cfe0bb;
  --graph-circle: #55a2d6bb;
  --graph-line: #8c8c8c;
  --graph-unresolved: #f08080de;
  --link-unresolved-highlight: #ffa6a6;
  --graph-arrow: #c23917;
  --graph-control-bg: #00000080;

  /*mermaid*/
  --mermaid-active-task-color: #187ef1;
  --mermaid-seq-dia-color: #1371be;

  /*table*/
  --table-background-color: #2f2f2f32;
  --table-background-color-odd: #00000033;
  --table-border-color: #4a4a4a;
  --table-thead-background-color: #2e507863;
  --table-hover-raw-color: #08569a21;
  --table-hover-color: #1f65a221;
  --table-hover-thead-color: #298c54c7;

  /*calendar*/
  --calendar-week-color: #a2df94;
  --calendar-week-hover: #61815c;
  --calendar-week-background-color: #4a5842;
  --calendar-today-background-color: #8c4545;

  /*day planner*/
  --day-planner-pie: #f19c1c;
  --day-planner-timeline: #000000;
  --day-planner-line: #dfcf77;
  --day-planner-dot: #dfcf77;
  --day-planner-item-hover: #053c85;
  --event-item-color1: #283493bb;
  --event-item-color2: #1565c0bb;
  --event-item-color3: #00838fbb;
  --event-item-color4: #2e7d32bb;
  --event-item-color5: #9e9d24bb;
  --event-item-color6: #ff8f00bb;
  --event-item-color7: #d84315bb;
  --event-item-color8: #c62828bb;
  --event-item-color9: #ad1457bb;
  --event-item-color10: #6a1b9abb;

  --kanban-color-1: #0065d852;
  --kanban-color-2: #30e4e441;
  --kanban-color-3: #1cb54f44;
  --kanban-color-4: #97b82b49;
  --kanban-color-5: #bb722d41;
  --kanban-color-6: #d12e2e42;
  --kanban-color-7: #8f36cb3f;

  /*colourful notes*/
  --text-gray: #acacac;
  --text-brown: #be9684;
  --text-orange: #ffa344;
  --text-yellow: #ffdc51;
  --text-yellow-2: #cca217;
  --text-green: #52c7b2;
  --text-blue: #7c94ff;
  --text-purple: #b386f1;
  --text-pink: #ff6bba;
  --text-red: #ff4f4f;

  --background-gray: #535353;
  --background-brown: #493a3a;
  --background-orange: #53422f;
  --background-yellow: #585536;
  --background-green: #32503e;
  --background-blue: #2f5264;
  --background-purple: #443f57;
  --background-pink: #533b4a;
  --background-red: #683c3c;

  --note-important: #d64545;
  --note-cloze: #ffffff;

  /* stickies */
  --stickies-color-1: #84c584;
  --stickies-color-2: #c7a3cf;
  --tape-color: #99999967;

  /*Sliding panes*/
  --sliding-panes-header-color: #f1a634d0;
  --background-4-sliding-pane: #252525ed;
  --bg-sliding-pane-header: #00000043;
  --bg-sliding-pane-leaf: #0f0f0f36;

  /*admonition*/
  --admonition-bg-color: #1111118f;

  /*checklist*/
  --checklist-bg: #1d1d1d96;
  --checklist-bg-hover: #08080896;

  --color-view-header-gradient-1: #060813de;
  --color-view-header-gradient-2: #00285dc0;

  --checkbox-color-0: #3187d3;
  --checkbox-color-1: #a9a608;
  --checkbox-color-2: #1dac10;
  --checkbox-color-3: #ffd1d1;
  --checkbox-color-4: #625d4c;
  --checkbox-color-5: #9a67ae;
  --checkbox-color-6: #5f5f5f;
  --text-checked-checkbox: #8e8e8e;

  --activeline-background: #468eeb15;

  /*pseudo-kanban*/
  --p-kanban-bg-color: #6c6c6c42;
  --p-kanban-border-color: transparent;
  --p-kanban-card-color-1: #0000003f;
  --p-kanban-card-color-2: #41414136;
  --p-kanban-color-6: #f3424252;
  --p-kanban-color-5: #eb973752;
  --p-kanban-color-4: #d2dd3852;
  --p-kanban-color-3: #38ce2a52;
  --p-kanban-color-2: #2ec4c452;
  --p-kanban-color-1: #3496e652;
  --p-kanban-color-8: #b962ff52;
  --p-kanban-color-7: #e45bdd52;
  --p-kanban-color-simple: #8e8e8e41;
  --p-kanban-color-shadow: #0000004d;

  /*style settings*/
  --background-secondary-translucent: #2c2c2c26;
  --background-secondary-translucent-1: #2c2c2c26;

  /*rainbow-checklist*/
  --checklist-color-1: #005aa486;
  --checklist-color-2: #00798986;
  --checklist-color-3: #12781586;
  --checklist-color-4: #897b0086;
  --checklist-color-5: #a4620086;
  --checklist-color-6: #ab100586;
  --checklist-color-7: #7f1f9086;

  --table-color-calendar-2: rgb(0, 91, 144);
  --table-color-rgb: 0, 91, 144;

  --mjx-inline-math-color: var(--text-normal);
  --mjx-math-color: var(--text-normal);
  --background-leaf-resize-handle: var(--background-primary-alt-bg-4-bt);
  --text-folder-file-icon: var(--theme-color);

  --color-highlight-1: var(--text-highlight);
  --color-highlight-2: var(--text-highlight);
  --color-highlight-3: var(--text-highlight);
  --bg-color-highlight-1: #c865656f;
  --bg-color-highlight-2: #54b9476f;
  --bg-color-highlight-3: #1e83d086;

  --background-popover: var(--background-primary);

  --cursor-red: #ff3939;
  --cursor-yellow: #fff955;
  --cursor-green: #7dff7d;
  --cursor-blue: #8ac7ff;
  --cursor-violet: #bf76ff;
  
  --bg-color-settings-0: #07070747;
  --bg-color-settings-0-1: #ffffff00;
  --bg-color-settings-1: #7c7c7c6d;
  --bg-color-settings-2: #1f1f1f52;
  --bg-color-settings-3: #141414be;
  --bg-color-settings-4: #2e2e2e9d;
  --bg-color-settings-5: #424242aa;
  --bg-color-settings-6: #191919c7;
}

.theme-light {
  --background-primary: #ffffff;
  --background-primary-alt: #e9e9e9;
  --background-secondary: #fcfcfc;
  --background-secondary-alt: #eeeeee;
  --background-modifier-border: #dddddd;
  --background-modifier-form-field: #fff;
  --background-modifier-form-field-highlighted: #fff;
  --background-modifier-box-shadow: rgba(0, 0, 0, 0.08);
  --background-modifier-success: #A4E7C3;
  --background-modifier-error: #e68787;
  --background-modifier-error-rgb: 230, 135, 135;
  --background-modifier-error-hover: #FF9494;
  --background-modifier-cover: rgba(0, 0, 0, 0.8);
  --text-accent: #007de4;
  --text-accent-hover: #4ba8ff;
  --text-normal: #0e0e0e;
  --text-muted: #7f7f7f;
  --text-highlight: #000000;
  --text-highlight-2: #000000;
  --text-faint: #7f7f7f;
  --text-folder-file: #272727;
  --accent-strong: #000000;
  --accent-em: #099d4e;
  --text-error: #e75545;
  --text-error-hover: #f86959;

  --text-selection: #a9d1c859;
  --text-on-accent: #f2f2f2;
  --interactive-normal: #eaeaeb;
  --interactive-hover: #dbdbdc;
  --interactive-accent-rgb: 70, 142, 235;
  --interactive-accent: #2f92e4;
  --interactive-accent-hover: #4ba8ff;
  --panel-border-color: #dbdbdc;
  --search-text: #000000;
  --folder-title: #000000;

  --strong-em-highlight-color: #237add;
  --mark-highlight-strong-em: #ff880049;
  --text-highlight-bg: hsla(var(--text-highlight-bg-h-light), var(--text-highlight-bg-s-light), var(--text-highlight-bg-l-light), var(--text-highlight-bg-a-light));
  --text-search-highlight-bg: #ffd1dd;
  --strong-em-color-1: #1048ff;
  --strong-em-color-2: #14c8ff;

  --background-search-result: #f3f3f3;
  --search-result-file-matched-bg: #ffc3c3;

  --background-primary-bg-4-bt: #ffffff;
  --background-primary-alt-bg-4-bt: #e9e9e9;
  --background-secondary-bg-4-bt: #fcfcfc;
  --background-secondary-alt-bg-4-bt: #eeeeee;
  --background-asymm-split-left: var(--background-secondary-alt-bg-4-bt);

  --background-mobile-drawer-1: #ffffff;
  --background-mobile-drawer-2: #ffffff;
  --background-modifier-border-hr: #bfbfbf;
  --background-modifier-border-asymm: #d8d8d8;
  --background-modifier-border-checkbox: #9c9c9c;
  --background-secondary-alt-bg-4-bt-publish: #f6f6f6;

  --background-transparent-black-or-white-1: #ffffffb0;
  --background-transparent-black-or-white-2: #ffffffca;
  --background-transparent-black-or-white-3: #eeeeee91;
  --background-transparent-black-or-white-4: #a7a7a765;
  --background-transparent-black-or-white-5: #f0f0f091;
  --background-black-or-white-1: #e4e4e4;
  --background-modifier-border-1: #e1dfdf;
  --background-transparent-blue: #c6e5ffde;
  --bg-color-settings-0: #7d7d7d6b;
  --bg-color-settings-0-1: #ffffff77;
  --bg-color-settings-1: #ffffff17;
  --bg-color-settings-2: #ffffff5a;
  --bg-color-settings-3: #ffffffda;
  --bg-color-settings-4: #ffffffd2;
  --bg-color-settings-5: #d4d4d464;
  --bg-color-settings-6: #ffffff85;

  --scrollbar-thumb: #c6c6c6a8;

  --gray-1: #383a42;
  --gray-2: #383a42;
  --red: #f13d64;
  --red-1: #f16464f5;
  --green: #63c951;
  --darkgreen: #068a5e;
  --blue: #107fe7;
  --darkblue: #3b84e4;
  --purple: #c74df7;
  --aqua: #00b0c1;
  --yellow: #e48100;
  --light-yellow: #ab9a02;
  --orange: #db9600;
  --orange-1: #cc7523;
  --light-purple: #b74ff3;
  --blue-green: #3bd4da;
  --white: #ffffff;

  --embed-color: #b6d6ff4f;
  --search-result-file-title-color: var(--text-normal);
  --theme-color: var(--interactive-accent);
  --theme-color-translucent: #3892dc7a;
  --theme-color-translucent-1: #2f93e426;
  --color-specification: #0084ff;
  --allow-1: #ec9a3c;
  --background-blockquote: #b6b6b62c;
  --background-code: #f1f1f171;
  --background-code-2: #cccccc62;
  --text-color-code: #e95d00;
  --text-color-code-normal: #000000;

  --internal-link-color-in-highlight: #007fd3;

  --list-ul-block-color: #b9751b;
  --list-ul-disc-color: #f39c55;
  --green-1: #3dc730;
  --list-ul-hover: #dd922f;
  --list-ol-block-color: #3573a5;
  --list-ol-number-color: #6196d6;
  --list-ol-hover: #5c95e0;
  --list-format-ul: var(--text-normal);

  --tag-text: #f8f8f8;
  --stag1: #fa8787;
  --stag1-bg: #eb2727;
  --stag2: #fdbd5c;
  --stag2-bg: #ee9002;
  --stag3: #50ce3a;
  --stag3-bg: #22ac09;
  --tag1: #2573f0;
  --tag2: #2193f0;
  --tag3: #17a5e7;
  --tag4: #14acc7;
  --tag5: #10bdbd;
  --tag6: #12c690;
  --tag7: #0dc416;
  --tag8: #61c108;
  --tag9: #6ab607;
  --tag-dailynote: #0077ff;
  --tag-dailynote-bg: #277CDD;
  --tag-weeklynote: #4b9fff;
  --tag-weeklynote-bg: #6aafff;
  --tag-questions: #b68fff;
  --tag-questions-bg: #b085ff;
  --tag-ideas: #ceb900;
  --tag-ideas-bg: #444444d8;

  --h1-color: var(--print-h1-color,#08367c);
  --h2-color: var(--print-h2-color,#004faa);
  --h3-color: var(--print-h3-color,#0e64bb);
  --h4-color: var(--print-h4-color,#3481c5);
  --h5-color: var(--print-h5-color,#59a0e2);
  --h6-color: var(--print-h6-color,#88b8e6);

  --graph-text-color: #696969;
  --graphtag: #77d425cc;
  --graph-attach: #afcfe0cc;
  --graph-circle: #1f78b4cc;
  --graph-line: #b1b1b1;
  --graph-unresolved: #db4e4ecc;
  --link-unresolved-highlight: #df4747;
  --graph-arrow: #e25300;
  --graph-control-bg: #ffffff9a;

  /*mermaid*/
  --mermaid-active-task-color: #44bbff;
  --mermaid-seq-dia-color: #76c8ff;

  /*table*/
  --table-background-color: #f1f1f176;
  --table-background-color-odd: #ffffff70;
  --table-border-color: #7d7d7d;
  --table-thead-background-color: #dee6efd8;
  --table-hover-raw-color: #85bfee2f;
  --table-hover-color: #5dacec34;
  --table-hover-thead-color: #ddefff;

  /*calendar*/
  --calendar-week-color: #48b432;
  --calendar-week-hover: #e9ffe3;
  --calendar-week-background-color: #d6e6bf;
  --calendar-today-background-color: #aaeec6;

  /*day planner*/
  --day-planner-pie: #eca95c;
  --day-planner-timeline: #d62f2f;
  --day-planner-line: #ffd900;
  --day-planner-dot: #ffd900;
  --day-planner-item-hover: #8fccff;
  --event-item-color1: #65ace6;
  --event-item-color2: #52a4e7;
  --event-item-color3: #2e96eb;
  --event-item-color4: #2786da;
  --event-item-color5: #1275cc;
  --event-item-color6: #2664c0;
  --event-item-color7: #1652ac;
  --event-item-color8: #0c469c;
  --event-item-color9: #0a3c86;
  --event-item-color10: #072f6b;

  /*colourful notes*/
  --text-gray: #37352f99;
  --text-brown: #855a46;
  --text-orange: #d9730d;
  --text-yellow: #d4a300;
  --text-yellow-2: #a78000;
  --text-green: #00927f;
  --text-blue: #0083bb;
  --text-purple: #5d1fb9;
  --text-pink: #c40075;
  --text-red: #ff4343;
  --background-gray: #ebeced;
  --background-brown: #e9e5e3;
  --background-orange: #faebdd;
  --background-yellow: #fbf3db;
  --background-green: #ddedea;
  --background-blue: #ddebf1;
  --background-purple: #eae4f2;
  --background-pink: #f4dfeb;
  --background-red: #ffe3e3;

  --note-important: #fd4141;
  --note-cloze: #000000;

  /* stickies */
  --stickies-color-1: #b3e2b3;
  --stickies-color-2: #e9c6f1;
  --tape-color: #acacac65;

  /*Sliding panes*/
  --sliding-panes-header-color: #0e64bb;
  --background-4-sliding-pane: #ffffffef;
  --bg-sliding-pane-header: #ffffff97;
  --bg-sliding-pane-leaf: #ffffff88;

  /*admonition*/
  --admonition-bg-color: #ffffff96;

  /*checklist*/
  --checklist-bg: #dfdfdf8e;
  --checklist-bg-hover: #ffffffcc;

  --color-view-header-gradient-1: #ffffffce;
  --color-view-header-gradient-2: #ffffffce;

  /*checkbox*/
  --checkbox-color-0: #2f92e4;
  --checkbox-color-1: #c4c116;
  --checkbox-color-2: #4bbf40;
  --checkbox-color-3: #ffe9e9;
  --checkbox-color-4: #fff8b7;
  --checkbox-color-5: #ad7fbf;
  --checkbox-color-6: #5f5f5f;
  --text-checked-checkbox: #9b9b9b;

  --activeline-background: #aed8ff15;

  /*pseudo-kanban*/
  --p-kanban-bg-color: #d3d3d32d;
  --p-kanban-border-color: #a0a0a060;
  --p-kanban-card-color-1: #ffffff80;
  --p-kanban-card-color-2: #ffffff;
  --p-kanban-color-6: #f18e8e65;
  --p-kanban-color-5: #eeb36f65;
  --p-kanban-color-4: #d1d77f65;
  --p-kanban-color-3: #8ce38465;
  --p-kanban-color-2: #7cdddd65;
  --p-kanban-color-1: #52aaf365;
  --p-kanban-color-8: #ba8be165;
  --p-kanban-color-7: #e677e065;
  --p-kanban-color-simple: #cdcdcd2c;
  --p-kanban-color-shadow: #cfcfcf4d;

  /*style settings*/
  --background-secondary-translucent: #ffffff3d;  --background-secondary-translucent-1: #ffffff5d;

  /*rainbow-checklist*/
  --checklist-color-1: #bbdefbab;
  --checklist-color-2: #b2ebf2ab;
  --checklist-color-3: #c8e6c9ab;
  --checklist-color-4: #f8ef99ab;
  --checklist-color-5: #ffe0b2ab;
  --checklist-color-6: #ffcdd2ab;
  --checklist-color-7: #e1bee7ab;

  --table-color-calendar-2: rgb(167, 223, 251);
  --table-color-rgb: 167, 223, 251;

  --mjx-inline-math-color: var(--text-normal);
  --mjx-math-color: var(--text-normal);
  --background-leaf-resize-handle: var(--background-primary-alt-bg-4-bt);
  --text-folder-file-icon: var(--theme-color);

  --color-highlight-1: var(--text-highlight);
  --color-highlight-2: var(--text-highlight);
  --color-highlight-3: var(--text-highlight);
  --bg-color-highlight-1: #ff000034;
  --bg-color-highlight-2: #0fc41835;
  --bg-color-highlight-3: #4ca6ff51;

  --background-popover: var(--background-primary);

  --cursor-red: #ff0000;
  --cursor-yellow: #d5ca00;
  --cursor-green: #008000;
  --cursor-blue: #1791e2;
  --cursor-violet: #ee82ee;
}

body.color-scheme-options-avocado-topaz .theme-light,
body.color-scheme-options-avocado-topaz.theme-light {
  --background-primary: #ffffff;
  --background-primary-alt: #e9e9e9;
  --background-secondary: #fcfcfc;
  --background-secondary-alt: #e8f0e8;
  --background-modifier-border: #e1dfdf;
  --text-accent: #4cb385;
  --text-accent-hover: #249562;
  --accent-em: #620ac6;

  --text-selection: #7fbffe59;
  --text-on-accent: #f2f2f2;
  --interactive-normal: #eaeaeb;
  --interactive-hover: #dbdbdc;
  --interactive-accent-rgb: 122, 189, 148;
  --interactive-accent: #7abd94;
  --interactive-accent-hover: #5e9674;
  --panel-border-color: #dbdbdc;
  --search-text: #000000;
  --folder-title: #000000;

  --strong-em-highlight-color: #08ae84;
  --mark-highlight-strong-em: #dbe72849;
  --text-highlight-bg: #ecf56ed8;
  --text-search-highlight-bg: #ffd1dd;
  --strong-em-color-1: #08ae84;
  --strong-em-color-2: #01531d;

  --background-search-result: #f3f3f3;

  --background-primary-bg-4-bt: #ffffff;
  --background-primary-alt-bg-4-bt: #e9e9e9;
  --background-secondary-bg-4-bt: #ffffff;
  --background-secondary-alt-bg-4-bt: #e8f0e8;

  --background-mobile-drawer-1: #ffffff;
  --background-mobile-drawer-2: #ffffff;
  --background-secondary-alt-bg-4-bt-publish: #f6f6f6;

  --background-transparent-blue: #c6e5ffde;

  --scrollbar-thumb: #c6c6c6a8;

  --embed-color: #d6ebdc4f;
  --search-result-file-title-color: var(--text-normal);
  --theme-color: var(--interactive-accent);
  --theme-color-translucent: #bde4d47a;
  --theme-color-translucent-1: #7ce19b26;
  --color-specification: #00bb50;
  --allow-1: #ec9a3c;
  --background-blockquote: #b6b6b62c;
  --background-code: #ebebeb71;
  --background-code-2: #cccccc62;
  --text-color-code: #e95d00;

  --internal-link-color-in-highlight: #03a240;

  --list-ul-block-color: #b9751b;
  --list-ul-disc-color: #f39c55;
  --green-1: #3dc730;
  --list-ul-hover: #dd922f;
  --list-ol-block-color: #35a569;
  --list-ol-number-color: #429a71;
  --list-ol-hover: #31b870;

  --tag-text: #f8f8f8;
  --stag1: #fa8787;
  --stag1-bg: #eb2727;
  --stag2: #fdbd5c;
  --stag2-bg: #ee9002;
  --stag3: #50ce3a;
  --stag3-bg: #22ac09;
  --tag1: #79a26b;
  --tag2: #7eb56b;
  --tag3: #56b15b;
  --tag4: #2db37b;
  --tag5: #17b198;
  --tag6: #19bb8b;
  --tag7: #15bf1d;
  --tag8: #61c108;
  --tag9: #6ab607;
  --tag-dailynote: #0077ff;
  --tag-dailynote-bg: #277CDD;
  --tag-weeklynote: #4b9fff;
  --tag-weeklynote-bg: #6aafff;
  --tag-questions: #b68fff;
  --tag-questions-bg: #b085ff;
  --tag-ideas: #ceb900;
  --tag-ideas-bg: #444444d8;

  --h1-color: var(--print-h1-color,#02401f);
  --h2-color: var(--print-h2-color,#034f27);
  --h3-color: var(--print-h3-color,#034924);
  --h4-color: var(--print-h4-color,#14452b);
  --h5-color: var(--print-h5-color,#0e4728);
  --h6-color: var(--print-h6-color,#19452e);

  /*graph*/
  --graph-text-color: #696969;
  --graphtag: #da9ee2cc;
  --graph-attach: #88b0d6cc;
  --graph-circle: #6fbf8ecc;
  --graph-line: #b1b1b1;
  --graph-unresolved: #db4e4ecc;
  --link-unresolved-highlight: #df4747;
  --graph-arrow: #e25300;
  --graph-control-bg: #ffffff9a;

  /*mermaid*/
  --mermaid-active-task-color: #44bbff;
  --mermaid-seq-dia-color: #76c8ff;

  /*table*/
  --table-border-color: #7d7d7d;
  --table-thead-background-color: #dbe4dac7;
  --table-hover-raw-color: #dbe4da57;
  --table-hover-color: #dbe4da37;
  --table-hover-thead-color: #dbe4da;

  /*calendar*/
  --calendar-week-color: #48b432;
  --calendar-week-hover: #e9ffe3;
  --calendar-week-background-color: #d6e6bf;
  --calendar-today-background-color: #aaeec6;

  /*day planner*/
  --day-planner-pie: #eca95c;
  --day-planner-timeline: #d62f2f;
  --day-planner-line: #ffd900;
  --day-planner-dot: #ffd900;
  --day-planner-item-hover: #5ca35c;
  --event-item-color1: #7c9f14;
  --event-item-color2: #659f14;
  --event-item-color3: #529f14;
  --event-item-color4: #3d9f14;
  --event-item-color5: #2d9f14;
  --event-item-color6: #1d9f14;
  --event-item-color7: #149f1f;
  --event-item-color8: #149f2d;
  --event-item-color9: #149f39;
  --event-item-color10: #149f44;

  /*Sliding panes*/
  --sliding-panes-header-color: #02401f;

  --color-view-header-gradient-1: #d9f7d9ef;
  --color-view-header-gradient-2: #e9f3edef;

  /*checkbox*/
  --checkbox-color-0: #4cb385;
  --checkbox-color-1: #c4c116;
  --checkbox-color-2: #4077bf;
  --checkbox-color-3: #ffe9e9;
  --checkbox-color-4: #fffbd4;
  --checkbox-color-5: #ad7fbf;
  --checkbox-color-6: #5f5f5f;

  --activeline-background: #d1f0e521;

  --table-color-calendar-2: rgb(182, 221, 191);
  --table-color-rgb: 182, 221, 191;
}

body.color-scheme-options-avocado-topaz .workspace-leaf.mod-active .view-header-title {
  color: var(--h1-color);
}

body.color-scheme-options-avocado-topaz.all-dark .print.theme-light,
body.color-scheme-options-avocado-topaz.theme-dark {
  --background-primary-alt: #000000;
  --text-accent: #25c648;
  --text-accent-hover: #0cb014;
  --interactive-accent: #329f56;
  --interactive-accent-rgb: 50, 159, 86;
  --interactive-accent-hover: #0f892d;
  --text-selection: #0080ff59;
  --text-highlight-bg: #47893b8a;
  --mark-highlight-strong-em: #47893b7a;
  --strong-em-highlight-color: #9c8ce6;
  --text-search-highlight-bg: #bb4361;
  --strong-em-color-1: #9c8ce6;
  --strong-em-color-2: #23d05c;

  --background-search-result: #363636;

  --background-primary-bg-4-bt: #181818;
  --background-primary-alt-bg-4-bt: #000000;
  --background-secondary-bg-4-bt: #181818;
  --background-secondary-alt-bg-4-bt: #000000;
  --background-mobile-drawer-1: #1b1b1b;
  --background-mobile-drawer-2: #1b1b1b69;
  --background-transparent-blue: #003e759a;
  --scrollbar-thumb: #8282827e;

  --embed-color: #4047424f;
  --search-result-file-title-color: var(--text-normal);
  --theme-color: var(--interactive-accent);
  --theme-color-translucent: #637b717a;
  --theme-color-translucent-1: #53695f7a;
  --color-specification: #3ce252;

  --allow-1: #d18828;
  --background-blockquote: #9191911c;
  --background-code: #1111118c;
  --background-code-2: #4c4c4cb0;
  --text-color-code: #d58000;

  --internal-link-color-in-highlight: #60da74;

  --list-ul-block-color: #e19742a9;
  --list-ul-disc-color: #eb9563;
  --green-1: #79c142;
  --list-ul-hover: #e28915de;
  --list-ol-block-color: #26bb32b4;
  --list-ol-number-color: #95c49d;
  --list-ol-hover: #2cd62c;

  --graph-text-color: #B5B5B5;
  --graphtag: #b992ddbb;
  --graph-attach: #76c1f0bb;
  --graph-circle: #44d07ebb;
  --graph-line: #8c8c8c;
  --graph-unresolved: #f08080de;
  --link-unresolved-highlight: #ffa6a6;
  --graph-arrow: #c23917;
  --graph-control-bg: #00000080;

  /*mermaid*/
  --mermaid-active-task-color: #187ef1;
  --mermaid-seq-dia-color: #1371be;

  /*table*/
  --table-thead-background-color: #557f5c43;
  --table-hover-raw-color: #557f5c23;
  --table-hover-color: #557f5c23;
  --table-hover-thead-color: #557f5c53;

  /*calendar*/
  --calendar-week-color: #a2df94;
  --calendar-week-hover: #61815c;
  --calendar-week-background-color: #4a5842;
  --calendar-today-background-color: #8c4545;

  /*day planner*/
  --day-planner-pie: #f19c1c;
  --day-planner-timeline: #000000;
  --day-planner-line: #dfcf77;
  --day-planner-dot: #dfcf77;
  --day-planner-item-hover: #059429;
  --event-item-color1: #347703;
  --event-item-color2: #077703;
  --event-item-color3: #03771e;
  --event-item-color4: #037737;
  --event-item-color5: #03774d;
  --event-item-color6: #03775a;
  --event-item-color7: #03776c;
  --event-item-color8: #037377;
  --event-item-color9: #036877;
  --event-item-color10: #035e77;

  /*Sliding panes*/
  --sliding-panes-header-color: #27b822;
  --background-4-sliding-pane: #252525ed;

  --color-view-header-gradient-1: #000000de;
  --color-view-header-gradient-2: #002900c0;

  /*checkbox*/
  --checkbox-color-0: #25c648;
  --checkbox-color-1: #a9a608;
  --checkbox-color-2: #1061ac;
  --checkbox-color-3: #ffd1d1;
  --checkbox-color-4: #625d4c;
  --checkbox-color-5: #9a67ae;
  --checkbox-color-6: #5f5f5f;

  --activeline-background: #004d132c;
  --table-color-calendar-2: rgb(5, 158, 5);
  --table-color-rgb: 5, 158, 5;
}

body.color-scheme-options-monochrome-topaz.all-dark .print.theme-light,
body.color-scheme-options-monochrome-topaz.theme-dark {
  --text-accent: #e1e1e1;
  --text-accent-hover: #b8b8b8;
  --accent-em: #ffffff;
  --interactive-accent: #787878;
  --interactive-accent-rgb: 120, 120, 120;
  --interactive-accent-hover: #646464;
  --text-highlight-bg: #89853b8a;
  --mark-highlight-strong-em: #fff7603a;
  --strong-em-highlight-color: #ffffff;
  --text-search-highlight-bg: #bb4361;
  --background-search-result: #313131;
  --background-primary-bg-4-bt: #1e1e1e;
  --background-primary-alt-bg-4-bt: #000000;
  --background-secondary-bg-4-bt: #1e1e1e;
  --background-secondary-alt-bg-4-bt: #000000;
  --embed-color: #45454534;
  --search-result-file-title-color: var(--text-normal);
  --theme-color: var(--interactive-accent);
  --theme-color-translucent: #76767688;
  --theme-color-translucent-1: #8585852c;
  --color-specification: #3ce252;
  --allow-1: #d18828;
  --background-blockquote: #9191911c;
  --background-code: #1111118c;
  --background-code-2: #4c4c4cb0;
  --text-color-code: #d58000;
  --internal-link-color-in-highlight: #3197eb;
  --internal-link-color: #3197eb;
  --list-ul-block-color: #d0d0d0a9;
  --list-ul-disc-color: #eb9563;
  --green-1: #79c142;
  --list-ul-hover: #e28915de;
  --list-ol-block-color: #878787b4;
  --list-ol-number-color: #bdbdbd;
  --list-ol-hover: #2c7bd6;
  --tag-text: #e4e4e4;
  --stag1: #f08383;
  --stag1-bg: #bd1919;
  --stag2: #e7b263;
  --stag2-bg: #ac6700;
  --stag3: #77df89;
  --stag3-bg: #058c1c;
  --tag1: #cccccc;
  --tag2: #cccccc;
  --tag3: #cccccc;
  --tag4: #cccccc;
  --tag5: #cccccc;
  --tag6: #cccccc;
  --tag7: #cccccc;
  --tag8: #cccccc;
  --tag9: #cccccc;
  --tag-dailynote: #98c8ff;
  --tag-dailynote-bg: #0f60bd;
  --tag-weeklynote: #d1e6ff;
  --tag-weeklynote-bg: #3971b1;
  --tag-questions: #d4bdff;
  --tag-questions-bg: #6640ae;
  --tag-ideas: #fcfcc0;
  --tag-ideas-bg: #565656d8;

  --h1-color: var(--print-h1-color,#ebebeb);
  --h2-color: var(--print-h2-color,#ebebeb);
  --h3-color: var(--print-h3-color,#ebebeb);
  --h4-color: var(--print-h4-color,#ebebeb);
  --h5-color: var(--print-h5-color,#ebebeb);
  --h6-color: var(--print-h6-color,#ebebeb);

  /*graph*/
  --graph-text-color: #B5B5B5;
  --graphtag: #88d842bb;
  --graph-attach: #5cb5e9bb;
  --graph-circle: #ebebebb9;
  --graph-line: #8c8c8c;
  --graph-unresolved: #f08080de;
  --link-unresolved-highlight: #ffa6a6;
  --graph-arrow: #c23917;
  --graph-control-bg: #00000080;

  /*mermaid*/
  --mermaid-active-task-color: #187ef1;
  --mermaid-seq-dia-color: #1371be;

  --table-border-color: #878787;
  --table-thead-background-color: #b3b3b363;
  --table-hover-raw-color: #4040401c;
  --table-hover-color: #59595947;
  --table-hover-thead-color: #6969691c;

  /*calendar*/
  --calendar-week-color: #ededed;
  --calendar-week-hover: #bfbfbf52;
  --calendar-week-background-color: #b5b5b52e;
  --calendar-today-background-color: #8c4545;

  /*day planner*/
  --day-planner-pie: #f19c1c;
  --day-planner-timeline: #000000;
  --day-planner-line: #dfcf77;
  --day-planner-dot: #dfcf77;
  --day-planner-item-hover: #707070;
  --event-item-color1: #0a0a0a;
  --event-item-color2: #121212;
  --event-item-color3: #171717;
  --event-item-color4: #212121;
  --event-item-color5: #2b2b2b;
  --event-item-color6: #333333;
  --event-item-color7: #3d3d3d;
  --event-item-color8: #454545;
  --event-item-color9: #4d4d4d;
  --event-item-color10: #575757;

  /*Sliding panes*/
  --sliding-panes-header-color: #ebebeb;
  --background-4-sliding-pane: #252525ed;

  /*admonition*/
  --admonition-bg-color: #1111118f;

  --color-view-header-gradient-1: #000000de;
  --color-view-header-gradient-2: #000000c0;

  --activeline-background: #4d4d4d1a;

  --table-color-calendar-2: rgb(69, 69, 69);
  --table-color-rgb: 69, 69, 69;
}

body.color-scheme-options-monochrome-topaz .theme-light,
body.color-scheme-options-monochrome-topaz.theme-light {
  --text-accent: #4f4f4f;
  --text-accent-hover: #363636;
  --accent-strong: #000000;
  --accent-em: #000000;
  --text-selection: #c6c6c659;
  --interactive-accent-rgb: 79, 79, 79;
  --interactive-accent: #4f4f4f;
  --interactive-accent-hover: #1d1d1d;
  --strong-em-highlight-color: #000000;
  --text-highlight-bg: #ecf56eb4;
  --mark-highlight-strong-em: #ecf56eb4;
  --text-search-highlight-bg: #ffd1dd;
  --strong-em-color-1: #08ae84;
  --strong-em-color-2: #01531d;
  --background-primary-bg-4-bt: #ffffff;
  --background-primary-alt-bg-4-bt: #e9e9e9;
  --background-secondary-bg-4-bt: #ffffff;
  --background-secondary-alt-bg-4-bt: #f5f5f5;
  --embed-color: #e7e7e74f;
  --search-result-file-title-color: var(--text-normal);
  --theme-color: var(--interactive-accent);
  --theme-color-translucent: #cecece7a;
  --theme-color-translucent-1: #95959526;
  --color-specification: #0084ff;
  --allow-1: #ec9a3c;
  --background-blockquote: #b6b6b62c;
  --background-code: #ebebeb71;
  --background-code-2: #cccccc62;
  --text-color-code: #e95d00;
  --internal-link-color-in-highlight: #0040ff;
  --internal-link-color: #0040ff;

  /*list*/
  --list-ul-block-color: #313131;
  --list-ul-disc-color: #f39c55;
  --green-1: #3dc730;
  --list-ul-hover: #dd922f;
  --list-ol-block-color: #a2a2a2;
  --list-ol-number-color: #b5b5b5;
  --list-ol-hover: #4f8fcb;

  --tag-text: #5a5a5a;
  --stag1: #fa8787;
  --stag1-bg: #eb2727;
  --stag2: #fdbd5c;
  --stag2-bg: #ee9002;
  --stag3: #50ce3a;
  --stag3-bg: #22ac09;
  --tag1: #4f4f4f;
  --tag2: #4f4f4f;
  --tag3: #4f4f4f;
  --tag4: #4f4f4f;
  --tag5: #4f4f4f;
  --tag6: #4f4f4f;
  --tag7: #4f4f4f;
  --tag8: #4f4f4f;
  --tag9: #4f4f4f;
  --tag-dailynote: #0077ff;
  --tag-dailynote-bg: #277CDD;
  --tag-weeklynote: #4b9fff;
  --tag-weeklynote-bg: #6aafff;
  --tag-questions: #b68fff;
  --tag-questions-bg: #b085ff;
  --tag-ideas: #ceb900;
  --tag-ideas-bg: #444444d8;

  --h1-color: var(--print-h1-color,#000000);
  --h2-color: var(--print-h2-color,#000000);
  --h3-color: var(--print-h3-color,#000000);
  --h4-color: var(--print-h4-color,#000000);
  --h5-color: var(--print-h5-color,#000000);
  --h6-color: var(--print-h6-color,#000000);

  /*graph*/
  --graph-text-color: #696969;
  --graphtag: #57bf5fcc;
  --graph-attach: #78b0e4cc;
  --graph-circle: #6a6a6acc;
  --graph-line: #b1b1b1;
  --graph-unresolved: #db4e4ecc;
  --link-unresolved-highlight: #df4747;
  --graph-arrow: #e25300;
  --graph-control-bg: #ffffff9a;

  /*mermaid*/
  --mermaid-active-task-color: #44bbff;
  --mermaid-seq-dia-color: #76c8ff;

  /*table*/
  --table-border-color: #7d7d7d;
  --table-thead-background-color: #bdbdbdc7;
  --table-hover-raw-color: #f0f0f063;
  --table-hover-color: #e3e3e354;
  --table-hover-thead-color: #ebebeb54;

  /*calendar*/
  --calendar-week-color: #949494;
  --calendar-week-hover: #b5b5b52e;
  --calendar-week-background-color: #878787;
  --calendar-today-background-color: #aaeec6;

  /*day planner*/
  --day-planner-pie: #eca95c;
  --day-planner-timeline: #d62f2f;
  --day-planner-line: #ffd900;
  --day-planner-dot: #ffd900;
  --day-planner-item-hover: #474747;
  --event-item-color1: #b5b5b5;
  --event-item-color2: #a8a8a8;
  --event-item-color3: #a1a1a1;
  --event-item-color4: #969696;
  --event-item-color5: #8c8c8c;
  --event-item-color6: #828282;
  --event-item-color7: #787878;
  --event-item-color8: #707070;
  --event-item-color9: #666666;
  --event-item-color10: #595959;

  /*Sliding panes*/
  --sliding-panes-header-color: #000000;
  --background-4-sliding-pane: #ffffffef;

  --color-view-header-gradient-1: #ffffffef;
  --color-view-header-gradient-2: #ffffffef;

  --activeline-background: #a1a1a126;

  --table-color-calendar-2: rgb(212, 212, 212);
  --table-color-rgb: 212, 212, 212;
}

body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-link,
body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hmd-internal-link,
body.color-scheme-options-monochrome-topaz :is(.markdown-preview-view,.markdown-rendered) .internal-link {
  color: var(--internal-link-color) !important;
}

body.color-scheme-options-monochrome-topaz :is(.markdown-preview-view,.markdown-rendered) h1,
body.color-scheme-options-monochrome-topaz :is(.markdown-preview-view,.markdown-rendered) h2 {
  border-bottom: none;
}

body.color-scheme-options-avocado-topaz .workspace-leaf.mod-active .view-header-title {
  color: var(--h1-color);
}

/*inspired by Obsidian-Typora-Vue*/
body.color-scheme-options-monochrome-topaz .tag:not(.token).tag:nth-child(9n+1) {
  border: 1px solid;
  color: var(--tag1);
  background-color: transparent;
}
body.color-scheme-options-monochrome-topaz .tag:not(.token).tag:nth-child(9n+2) {
  border: 1px solid;
  color: var(--tag2);
  background-color: transparent;
}
body.color-scheme-options-monochrome-topaz .tag:not(.token).tag:nth-child(9n+3) {
  border: 1px solid;
  color: var(--tag3);
  background-color: transparent;
}
body.color-scheme-options-monochrome-topaz .tag:not(.token).tag:nth-child(9n+4) {
  border: 1px solid;
  color: var(--tag4);
  background-color: transparent;
}
body.color-scheme-options-monochrome-topaz .tag:not(.token).tag:nth-child(9n+5) {
  border: 1px solid;
  color: var(--tag5);
  background-color: transparent;
}
body.color-scheme-options-monochrome-topaz .tag:not(.token).tag:nth-child(9n+6) {
  border: 1px solid;
  color: var(--tag6);
  background-color: transparent;
}
body.color-scheme-options-monochrome-topaz .tag:not(.token).tag:nth-child(9n+7) {
  border: 1px solid;
  color: var(--tag7);
  background-color: transparent;
}
body.color-scheme-options-monochrome-topaz .tag:not(.token).tag:nth-child(9n+8) {
  border: 1px solid;
  color: var(--tag8);
  background-color: transparent;
}
body.color-scheme-options-monochrome-topaz .tag:not(.token).tag:nth-child(9n) {
  border: 1px solid;
  color: var(--tag9);
  background-color: transparent;
}

body.color-scheme-options-monochrome-topaz .tag:not(.token):hover {
  border: 1px solid var(--theme-color) !important;
  color: var(--white) !important;
  background-color: var(--theme-color) !important;
}

body.color-scheme-options-monochrome-topaz .cm-s-obsidian:not([class="markdown-source-view.mod-cm6"]) span.cm-hashtag-begin:nth-child(n),
body.color-scheme-options-monochrome-topaz .cm-s-obsidian:not([class="markdown-source-view.mod-cm6"]) span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag,
body.color-scheme-options-monochrome-topaz .cm-s-obsidian:not([class="markdown-source-view.mod-cm6"]) span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end,
body.color-scheme-options-monochrome-topaz .cm-s-obsidian:not([class="markdown-source-view.mod-cm6"]) span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta.cm-hashtag-end {
  background-color: transparent;
  border: 1px solid var(--text-normal);
}

body.color-scheme-options-monochrome-topaz .cm-s-obsidian:not([class="markdown-source-view.mod-cm6"]) span.cm-hashtag-begin {
  border-right: none !important;
}

body.color-scheme-options-monochrome-topaz .cm-s-obsidian:not([class="markdown-source-view.mod-cm6"]) span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag:not([class*=cm-hashtag-end])  {
  border-left: none !important;
  border-right: none !important;
}

body.color-scheme-options-monochrome-topaz .cm-s-obsidian:not([class="markdown-source-view.mod-cm6"]) span.cm-hashtag-end {
  border-left: none !important;
}

body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag-end,
body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag-end,
body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta,
body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,

body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-hashtag-end,
body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error {
  background-color: transparent !important;
  border: 1px solid var(--text-normal);
  border-left: none !important;
  border-right: none !important;
}

body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error.cm-hashtag-end,
body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error.cm-hashtag-end,
body.color-scheme-options-monochrome-topaz .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error.cm-hashtag-end {
  border-right: 1px solid var(--text-normal) !important;
}

body.color-scheme-options-monochrome-topaz *:not(font)>em>strong,
body.color-scheme-options-monochrome-topaz *:not(font)>strong>em,
body.color-scheme-options-monochrome-topaz .cm-strong.cm-em {
  background-image: initial;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
  background-color: initial;
}

body.color-scheme-options-pink-topaz .theme-light,
body.color-scheme-options-pink-topaz.theme-light {
  --background-primary: #ffffff;
  --background-primary-alt: #e9e9e9;
  --background-secondary: #fffaf0;
  --background-secondary-alt: #ffebeb;

  --background-modifier-border: #e1dfdf;
  --text-accent: #f068bc;
  --text-accent-hover: #d551a2;
  --text-normal: #0e0e0e;
  --text-muted: #7f7f7f;
  --text-highlight: #000000;
  --text-highlight-2: #000000;
  --text-faint: #7f7f7f;
  --text-folder-file: #272727;

  --accent-em: #000000;

  --text-selection: #f7b2cf59;
  --text-on-accent: #f2f2f2;
  --interactive-normal: #eaeaeb;
  --interactive-hover: #dbdbdc;
  --interactive-accent-rgb: 243, 148, 203;
  --interactive-accent: #f394cb;
  --interactive-accent-hover: #d57aaf;
  --panel-border-color: #dbdbdc;
  --search-text: #000000;
  --folder-title: #000000;

  --strong-em-highlight-color: #000000;
  --mark-highlight-strong-em: #ffd0e99b;
  --text-highlight-bg: #ffd0e99b;
  --text-search-highlight-bg: #ffd1dd;

  --background-search-result: #f3f3f3;
  --search-result-file-matched-bg: #ffc3c3;

  --background-primary-bg-4-bt: #fffaf0;
  --background-primary-alt-bg-4-bt: #e9e9e9;
  --background-secondary-bg-4-bt: #fffaf0;
  --background-secondary-alt-bg-4-bt: #ffebeb;

  --background-mobile-drawer-1: #ffffff;
  --background-mobile-drawer-2: #ffffff;
  --background-secondary-alt-bg-4-bt-publish: #f6f6f6;

  --scrollbar-thumb: #e2bdbd8d;

  --embed-color: #ffe1ea4f;
  --search-result-file-title-color: #cc437c;
  --theme-color: var(--interactive-accent);
  --theme-color-translucent: #e4bddc7a;
  --theme-color-translucent-1: #e17cbf26;
  --color-specification: #0084ff;
  --allow-1: #ec9a3c;
  --background-blockquote: #e6d6ba2c;
  --background-code: #fae4ee4d;
  --background-code-2: #d5d5d562;
  --text-color-code: #e95d00;

  --internal-link-color-in-highlight: #f15ad1;

  --list-ul-block-color: #c7c947;
  --list-ul-disc-color: #f39c55;
  --green-1: #3dc730;
  --list-ul-hover: #dd922f;
  --list-ol-block-color: #ce6d8a;
  --list-ol-number-color: #e599ac;
  --list-ol-hover: #b83175;

  --tag-text: #f8f8f8;
  --stag1: #fa8787;
  --stag1-bg: #eb2727;
  --stag2: #fdbd5c;
  --stag2-bg: #ee9002;
  --stag3: #50ce3a;
  --stag3-bg: #22ac09;
  --tag1: #f1afaf;
  --tag2: #e7c190;
  --tag3: #ccce4f;
  --tag4: #86c93a;
  --tag5: #54cc64;
  --tag6: #48c6bf;
  --tag7: #4cb5d5;
  --tag8: #797fd1;
  --tag9: #c47cda;
  --tag-dailynote: #0077ff;
  --tag-dailynote-bg: #277CDD;
  --tag-weeklynote: #4b9fff;
  --tag-weeklynote-bg: #6aafff;
  --tag-questions: #b68fff;
  --tag-questions-bg: #b085ff;
  --tag-ideas: #ceb900;
  --tag-ideas-bg: #444444d8;

  --h1-color: var(--print-h1-color,#6f0000);
  --h2-color: var(--print-h2-color,#7a0757);
  --h3-color: var(--print-h3-color,#9a1d75);
  --h4-color: var(--print-h4-color,#b52a87);
  --h5-color: var(--print-h5-color,#bb5795);
  --h6-color: var(--print-h6-color,#cc76b7);

  /*graph*/
  --graph-text-color: #585858;
  --graphtag: #e3c982c7;
  --graph-attach: #c982e3c7;
  --graph-circle: #f596bbcc;
  --graph-line: #e6b0c9;
  --graph-unresolved: #db4e4ecc;
  --link-unresolved-highlight: #df4747;
  --graph-arrow: #e25300;
  --graph-control-bg: #ffffff9a;

  /*mermaid*/
  --mermaid-active-task-color: #44bbff;
  --mermaid-seq-dia-color: #76c8ff;

  /*table*/

  --table-border-color: #7d7d7d;
  --table-thead-background-color: #fad1e96f;
  --table-hover-raw-color: #fad1e92f;
  --table-hover-color: #fad1e92f;
  --table-hover-thead-color: #fad1e98f;

  /*calendar*/
  --calendar-week-color: #b884a5c7;
  --calendar-week-hover: #e3d8df66;
  --calendar-week-background-color: #b884a599;
  --calendar-today-background-color: #b1779c94;

  /*day planner*/
  --day-planner-pie: #eca95c;
  --day-planner-timeline: #d62f2f;
  --day-planner-line: #ffd900;
  --day-planner-dot: #ffd900;
  --day-planner-item-hover: #e8a6be;
  --event-item-color1: #e5b8cb;
  --event-item-color2: #e1a3bd;
  --event-item-color3: #e090b1;
  --event-item-color4: #e080a8;
  --event-item-color5: #e0719f;
  --event-item-color6: #e16096;
  --event-item-color7: #e25590;
  --event-item-color8: #e64c8c;
  --event-item-color9: #e64186;
  --event-item-color10: #e92b7a;

  /* stickies */
  --stickies-color-1: #e5c7dab5;
  --stickies-color-2: #dac7afc7;
  --tape-color: #acacac65;

  /*Sliding panes*/
  --sliding-panes-header-color: #6f0000;
  --background-4-sliding-pane: #ffffffef;

  --color-view-header-gradient-1: #ffdfe4ef;
  --color-view-header-gradient-2: #ffe4e4ef;

  /*checkbox*/
  --checkbox-color-0: #d879a8;
  --checkbox-color-1: #c4c116;
  --checkbox-color-2: #50a947;
  --checkbox-color-3: #ffe9e9;
  --checkbox-color-4: #fffbd4;
  --checkbox-color-5: #ad7fbf;
  --checkbox-color-6: #5f5f5f;
  --text-checked-checkbox: #9b9b9b;

  --activeline-background: #ffdd922a;

  --table-color-calendar-2: rgb(245, 214, 224);
  --table-color-rgb: 245, 214, 224;
}

body.color-scheme-options-pink-topaz.all-dark .print.theme-light,
body.color-scheme-options-pink-topaz.theme-dark {
  --text-accent: #c874a5;
  --text-accent-hover: #bf5a95;
  --accent-em: #d9d4a6;

  --text-on-accent: #dcddde;
  --interactive-accent: #cc6188;
  --interactive-accent-rgb: 204, 97, 136;
  --interactive-accent-hover: #cb4375;

  --text-highlight-bg: #de87a785;
  --mark-highlight-strong-em: #dc799e85;

  --strong-em-highlight-color: #d9afb3d1;
  --text-search-highlight-bg: #bb4361;
  --strong-em-color-1: #fc3b3b;
  --strong-em-color-2: #f5c414;

  --background-search-result: #363636;
  --search-result-file-matched-bg: #a9672dc9;

  --background-primary-bg-4-bt: #0f0f0fd1;
  --background-primary-alt-bg-4-bt: #000000;
  --background-secondary-bg-4-bt: #181818;
  --background-secondary-alt-bg-4-bt: #000000;

  --background-mobile-drawer-1: #1b1b1b;
  --background-mobile-drawer-2: #1b1b1b69;

  --background-transparent-blue: #003e759a;
  --scrollbar-thumb: #8d69698d;

  --embed-color: #4639413d;
  --search-result-file-title-color: #c0689b;
  --theme-color: var(--interactive-accent);
  --theme-color-translucent: #c897b675;
  --theme-color-translucent-1: #c897b63b;
  --color-specification: #89396beb;

  --allow-1: #d18828;
  --background-blockquote: #9191911c;
  --background-code: #1111118c;
  --background-code-2: #4c4c4cb0;
  --text-color-code: #d58000;

  --internal-link-color-in-highlight: #c86aa9eb;

  /*list*/
  --list-ul-block-color: #b27b7b;
  --list-ul-disc-color: #af5a5a;
  --green-1: #79c142;
  --list-ul-hover: #b69696;
  --list-ol-block-color: #ce7ea7;
  --list-ol-number-color: #a25d81;
  --list-ol-hover: #c0a5b3;

  --tag-text: #e4e4e4;
  --stag1: #f08383;
  --stag1-bg: #bd1919;
  --stag2: #e7b263;
  --stag2-bg: #ac6700;
  --stag3: #77df89;
  --stag3-bg: #058c1c;
  --tag1: #ba6d6d;
  --tag2: #ba6d76;
  --tag3: #ba6d7b;
  --tag4: #ba6d82;
  --tag5: #ba6d88;
  --tag6: #ba6d90;
  --tag7: #ba6d96;
  --tag8: #ba6d9c;
  --tag9: #ba6da6;
  --tag-dailynote: #98c8ff;
  --tag-dailynote-bg: #0f60bd;
  --tag-weeklynote: #d1e6ff;
  --tag-weeklynote-bg: #3971b1;
  --tag-questions: #d4bdff;
  --tag-questions-bg: #6640ae;
  --tag-ideas: #fcfcc0;
  --tag-ideas-bg: #565656d8;

  --h1-color: var(--print-h1-color,#c66279);
  --h2-color: var(--print-h2-color,#bb7283);
  --h3-color: var(--print-h3-color,#b4507f);
  --h4-color: var(--print-h4-color,#b25c84);
  --h5-color: var(--print-h5-color,#b74e94);
  --h6-color: var(--print-h6-color,#b7629a);

  /*graph*/
  --graph-text-color: #B5B5B5;
  --graphtag: #d2bf83c7;
  --graph-attach: #ad71d6c7;
  --graph-circle: #d67a8dc7;
  --graph-line: #ad7b8dc7;
  --graph-unresolved: #cf3a3ac7;
  --link-unresolved-highlight: #ffa6a6;
  --graph-arrow: #c23917;
  --graph-control-bg: #00000080;

  /*mermaid*/
  --mermaid-active-task-color: #187ef1;
  --mermaid-seq-dia-color: #1371be;

  /*table*/

  --table-thead-background-color: #a76c8f45;
  --table-hover-raw-color: #a76c8f25;
  --table-hover-color: #a76c8f2b;
  --table-hover-thead-color: #a76c8f35;

  /*calendar*/
  --calendar-week-color: #bb6396e6;
  --calendar-week-hover: #96798a6b;
  --calendar-week-background-color: #c794948c;
  --calendar-today-background-color: #8c4545;

  /*day planner*/
  --day-planner-pie: #f19c1c;
  --day-planner-timeline: #000000;
  --day-planner-line: #dfcf77;
  --day-planner-dot: #dfcf77;
  --day-planner-item-hover: #b893a3ad;
  --event-item-color1: #d35f5fc7;
  --event-item-color2: #d35f6ac7;
  --event-item-color3: #d35f76c7;
  --event-item-color4: #d35f7ec7;
  --event-item-color5: #d35f86c7;
  --event-item-color6: #d35f8dc7;
  --event-item-color7: #d35f95c7;
  --event-item-color8: #d35f9dc7;
  --event-item-color9: #d35fa3c7;
  --event-item-color10: #d35facc7;

  /*kanban*/
  --kanban-color-1: #9b3636ad;
  --kanban-color-2: #9b364ead;
  --kanban-color-3: #9b3660ad;
  --kanban-color-4: #9b366fad;
  --kanban-color-5: #9b3679ad;
  --kanban-color-6: #9b368cad;
  --kanban-color-7: #99369bad;

  /* stickies */
  --stickies-color-1: #ecb6d8c7;
  --stickies-color-2: #ecd9b6c7;

  /*Sliding panes*/
  --sliding-panes-header-color: #ffffff;
  --background-4-sliding-pane: #252525ed;

  --color-view-header-gradient-1: #000000c2;
  --color-view-header-gradient-2: #2e1f28c2;

  --checkbox-color-0: var(--theme-color);
  --checkbox-color-1: #a9a608;
  --checkbox-color-2: #1061ac;
  --checkbox-color-3: #ffd1d1;
  --checkbox-color-4: #625d4c;
  --checkbox-color-5: #9a67ae;
  --checkbox-color-6: #5f5f5f;
  --text-checked-checkbox: #8e8e8e;

  --activeline-background: #a1637d29;

  --table-color-calendar-2: rgb(215, 121, 153);
  --table-color-rgb: 215, 121, 153;
}

body.color-scheme-options-pink-topaz.theme-light *:not(font)>em>strong,
body.color-scheme-options-pink-topaz.theme-light *:not(font)>strong>em,
body.color-scheme-options-pink-topaz.theme-light .cm-strong.cm-em {
  background-image: initial;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
  background-color: initial;
}

body.color-scheme-options-topaz-nord.all-dark .print.theme-light,
body.color-scheme-options-topaz-nord.theme-dark {
  --background-primary: var(--nord0);
  --background-primary-alt: var(--nord0);
  --background-secondary: var(--nord1);
  --background-secondary-alt: var(--nord2);
  --background-primary-bg-4-bt: var(--nord0);
  --background-primary-alt-bg-4-bt: var(--nord0);
  --background-secondary-bg-4-bt: var(--nord1);
  --background-secondary-alt-bg-4-bt: var(--nord2);

  --background-black-or-white-1: var(--nord2);
  --interactive-normal: var(--nord0);
  --interactive-hover: var(--nord2);
  --text-normal: var(--nord4);
  --text-muted: var(--nord5);
  --text-faint: var(--nord6);

  --text-accent: var(--nord9);
  --text-accent-hover: var(--nord9);

  --text-folder-file: var(--nord4);

  --accent-em: var(--nord14);

  --text-highlight-bg: var(--nord13-1);
  --mark-highlight-strong-em: var(--nord13-1);
  --text-selection: var(--nord9-2);

  --interactive-accent: var(--nord9);
  --interactive-accent-rgb: 129, 161, 193;
  --interactive-accent-hover: var(--nord10);

  --theme-color-translucent: var(--nord9-1);
  --theme-color-translucent-1: var(--nord9-2);

  --folder-title: var(--nord4);

  --tag-text: var(--nord7);
  --tag1: var(--nord7-transparent); 
  --tag2: var(--nord7-transparent); 
  --tag3: var(--nord7-transparent); 
  --tag4: var(--nord7-transparent); 
  --tag5: var(--nord7-transparent); 
  --tag6: var(--nord7-transparent); 
  --tag7: var(--nord7-transparent); 
  --tag8: var(--nord7-transparent); 
  --tag9: var(--nord7-transparent); 

  --h1-color: var(--print-h1-color,var(--nord11));
  --h2-color: var(--print-h2-color,var(--nord12));
  --h3-color: var(--print-h3-color,var(--nord13));
  --h4-color: var(--print-h4-color,var(--nord14));
  --h5-color: var(--print-h5-color,var(--nord8));
  --h6-color: var(--print-h6-color,var(--nord15));

  --background-code: #3B42525c;
  --background-blockquote: #3B42525c;

  --text-color-code: var(--nord8);

  --color-view-header-gradient-1: var(--nord0);
  --color-view-header-gradient-2: var(--nord0);

  --strong-em-color-1: var(--accent-strong);
  --strong-em-color-2: var(--accent-strong);
  --strong-em-highlight-color: var(--accent-strong);

  --internal-link-color-in-highlight: var(--nord10);

  --embed-color: var(--nord1-1);

  --activeline-background: #4C566A1a;

  --list-ul-block-color: var(--nord12);
  --list-ul-disc-color: var(--nord12);
  --green-1: var(--nord14);
  --list-ul-hover: var(--nord13);
  --list-ol-block-color: var(--nord9);
  --list-ol-number-color: var(--nord9);
  --list-ol-hover: var(--nord7);

  --table-thead-background-color: var(--nord9-2);
  --table-hover-raw-color: var(--nord9-2);
  --table-hover-color: var(--nord9-2);
  --table-hover-thead-color: var(--nord9-1);

  --checkbox-color-0: var(--interactive-accent);

  --graph-text-color: var(--nord4);
  --graphtag: var(--nord7);
  --graph-attach: var(--nord15);
  --graph-circle: var(--nord9);
  --graph-line: var(--nord6);
  --graph-unresolved: var(--nord11);
  --link-unresolved-highlight: var(--nord11);
  --graph-arrow: var(--nord11);

  --text-search-highlight-bg: var(--nord9-1);
}

body.color-scheme-options-topaz-nord.theme-dark .titlebar-text {
  color: var(--nord4);
}

body.color-scheme-options-topaz-nord.theme-dark .token.unit {
  color: var(--nord10) !important;
}

body.color-scheme-options-topaz-nord.theme-dark .cm-s-obsidian .cm-hmd-frontmatter.cm-qualifier, 
body.color-scheme-options-topaz-nord.theme-dark .cm-s-obsidian .cm-math.cm-qualifier, 
body.color-scheme-options-topaz-nord.theme-dark .cm-s-obsidian .cm-qualifier,
body.color-scheme-options-topaz-nord.theme-dark .token.class {
  color: var(--nord7) !important;
}

body.color-scheme-options-topaz-nord.theme-dark .token.number, 
body.color-scheme-options-topaz-nord.theme-dark .cm-number {
  color: var(--nord15) !important;
}

body.color-scheme-options-topaz-nord.theme-dark .token.operator, 
body.color-scheme-options-topaz-nord.theme-dark .token.entity, 
body.color-scheme-options-topaz-nord.theme-dark .token.url, 
body.color-scheme-options-topaz-nord.theme-dark .language-css .token.string, 
body.color-scheme-options-topaz-nord.theme-dark .style .token.string, 
body.color-scheme-options-topaz-nord.theme-dark .cm-string,
body.color-scheme-options-topaz-nord.theme-dark .token.string, 
body.color-scheme-options-topaz-nord.theme-dark .token.char, 
body.color-scheme-options-topaz-nord.theme-dark .token.attr-value, 
body.color-scheme-options-topaz-nord.theme-dark .token.builtin, 
body.color-scheme-options-topaz-nord.theme-dark .token.inserted {
  color: var(--nord14) !important;
}

body.color-scheme-options-topaz-nord.theme-dark .token.selector, 
body.color-scheme-options-topaz-nord.theme-dark .token.tag,
body.color-scheme-options-topaz-nord.theme-dark .cm-s-obsidian span.cm-variable-3 {
  color: var(--nord10) !important;
}

body.color-scheme-options-topaz-nord.theme-dark .token.regex, 
body.color-scheme-options-topaz-nord.theme-dark .token.variable,
body.color-scheme-options-topaz-nord.theme-dark .cm-s-obsidian span.cm-variable-2 {
  color: var(--nord12) !important;
}

body.color-scheme-options-topaz-nord.theme-dark .token.macro.property, 
body.color-scheme-options-topaz-nord.theme-dark .markdown-source-view.cm-s-obsidian .cm-hmd-codeblock.cm-property,
body.color-scheme-options-topaz-nord.theme-dark .token.property, 
body.color-scheme-options-topaz-nord.theme-dark .token.boolean, 
body.color-scheme-options-topaz-nord.theme-dark .token.constant, 
body.color-scheme-options-topaz-nord.theme-dark .token.symbol, 
body.color-scheme-options-topaz-nord.theme-dark .token.attr-name, 
body.color-scheme-options-topaz-nord.theme-dark .token.deleted {
  color: var(--nord9) !important;
}

body.color-scheme-options-topaz-nord.theme-dark .token.function, 
body.color-scheme-options-topaz-nord.theme-dark .markdown-source-view.cm-s-obsidian .cm-variable {
  color: var(--nord13) !important;
}

body.color-scheme-options-topaz-nord.theme-dark .token.comment,
body.color-scheme-options-topaz-nord.theme-dark .cm-s-obsidian span.cm-comment {
  color: var(--nord3-1) !important;
}

body.color-scheme-options-topaz-nord.theme-dark .token.atrule, 
body.color-scheme-options-topaz-nord.theme-dark .token.keyword {
  color: var(--nord13) !important;
}

body.color-scheme-options-topaz-nord.theme-dark .token.tag, 
body.color-scheme-options-topaz-nord.theme-dark .token.constant, 
body.color-scheme-options-topaz-nord.theme-dark .token.symbol, 
body.color-scheme-options-topaz-nord.theme-dark .token.deleted, 
body.color-scheme-options-topaz-nord.theme-dark .cm-tag {
  color: var(--nord11) !important;
}

body.color-scheme-options-topaz-nord.theme-dark .token.color,
body.color-scheme-options-topaz-nord.theme-dark .token.hexcode.color {
  color: var(--nord8) !important;
}

body.color-scheme-options-topaz-nord.theme-dark #calendar-container,
body.style-options-for-calendar-plugin-style-one.color-scheme-options-topaz-nord.theme-dark #calendar-container {
  --color-tr: var(--nord0);
  --color-calendar-weekends: var(--nord11);
}

body.color-scheme-options-topaz-nord .theme-light,
body.color-scheme-options-topaz-nord.theme-light {
  --text-accent: var(--nord9);
  --text-accent-hover: var(--nord9);

  --accent-em: var(--nord14-0);

  --text-selection: var(--nord9-2);

  --interactive-accent: var(--nord9);
  --interactive-accent-rgb: 129, 161, 193;
  --interactive-accent-hover: var(--nord10);

  --theme-color-translucent: var(--nord9-1);
  --theme-color-translucent-1: var(--nord9-2);

  --tag-text: #3a79dd;
  --tag1: #005aec21;
  --tag2: #005aec21;
  --tag3: #005aec21; 
  --tag4: #005aec21; 
  --tag5: #005aec21; 
  --tag6: #005aec21;
  --tag7: #005aec21;
  --tag8: #005aec21;
  --tag9: #005aec21;

  --h1-color: var(--print-h1-color,var(--nord11));
  --h2-color: var(--print-h2-color,var(--nord12));
  --h3-color: var(--print-h3-color,var(--nord13-0));
  --h4-color: var(--print-h4-color,var(--nord14-0));
  --h5-color: var(--print-h5-color,var(--nord8-0));
  --h6-color: var(--print-h6-color,var(--nord15));

  --background-code: var(--nord6-2);
  --background-blockquote: var(--nord6-2);

  --text-highlight-bg: var(--nord13-1);
  --mark-highlight-strong-em: var(--nord13-1);

  --text-color-code: var(--nord8-0);

  --color-view-header-gradient-1: var(--background-primary-bg-4-bt);
  --color-view-header-gradient-2: var(--background-primary-bg-4-bt);

  --strong-em-color-1: var(--accent-strong);
  --strong-em-color-2: var(--accent-strong);
  --strong-em-highlight-color: var(--accent-strong);

  --internal-link-color-in-highlight: var(--nord10);

  --embed-color: var(--nord6-2);

  --activeline-background: var(--nord5-1);

  --list-ul-block-color: var(--nord12);
  --list-ul-disc-color: var(--nord12);
  --green-1: var(--nord14-0);
  --list-ul-hover: var(--nord13-0);
  --list-ol-block-color: var(--nord9);
  --list-ol-number-color: var(--nord9);
  --list-ol-hover: var(--nord7);

  --table-thead-background-color: var(--nord9-2);
  --table-hover-raw-color: var(--nord9-2);
  --table-hover-color: var(--nord9-2);
  --table-hover-thead-color: var(--nord9-1);

  --checkbox-color-0: var(--interactive-accent);

  --graph-text-color: var(--nord1);
  --graphtag: var(--nord7);
  --graph-attach: var(--nord15);
  --graph-circle: var(--nord9);
  --graph-line: var(--nord3-1);
  --graph-unresolved: var(--nord11);
  --link-unresolved-highlight: var(--nord11);
  --graph-arrow: var(--nord11);

  --text-search-highlight-bg: var(--nord9-2);
}

/*@Lavi & @嘴 的Flamingo主题色（原Pink Topaz）*/
body.color-scheme-options-flamingo .theme-light,
body.color-scheme-options-flamingo.theme-light {
  --background-primary-bg-4-bt: #efe9d9;
  --background-primary-alt-bg-4-bt: #efe9d9;
  --background-secondary-bg-4-bt: #efe9d9;
  --background-4-sliding-panel: #efe9d9;
  --background-mobile-drawer-1: #efe9d9;
  --background-mobile-drawer-2: #efe9d9;
  --graph-control-bg: #efe9d9;

  --background-primary: #efe9d9;
  --background-primary-alt: #ffdece;
  --background-secondary: #efe9d9;
  --background-secondary-alt: #efe9d9;
  --background-secondary-alt-bg-4-bt: #efe9d9;

  --background-modifier-border: rgba(0, 0, 0, 0.1);
  --background-modifier-form-field: #ffdece;
  --background-modifier-form-field-highlighted: #f5a7a2;
  --background-modifier-box-shadow: rgba(0, 0, 0, 0.1);
  --background-modifier-success: #ffdece;
  --background-modifier-error: #f5a7a2;
  --background-modifier-error-rgb: 230, 135, 135;
  --background-modifier-error-hover: #fefcf9;
  --background-modifier-cover: rgba(0, 0, 0, 0.2);
  --text-accent: #980000;
  --text-accent-hover: #37291a;
  --text-normal: #37291a;
  --text-muted: #37291a;
  --text-faint: #37291a;
  --accent-strong: #37291a;
  --text-error: #f5a7a2;
  --text-error-hover: #fefcf9;

  --text-highlight-bg-h: 4;
  --text-highlight-bg-s: 81%;
  --text-highlight-bg-l: 80%;
  --text-highlight-bg-a: 0.847;
  --text-highlight-bg: hsla(var(--text-highlight-bg-h), var(--text-highlight-bg-s), var(--text-highlight-bg-l), var(--text-highlight-bg-a));
  --text-selection: #f39ba044;
  --text-on-accent: #37291a;
  --interactive-normal: #f39ba0;
  --interactive-hover: #ffdece;
  --interactive-accent-rgb: #fd355a;
  --interactive-accent: #f5a7a2;
  --interactive-accent-hover: #fd355a;
  --panel-border-color: #fd355a;
  --search-text: #37291a;
  --folder-title: #37291a;
  --background-search-result: #ffdece;

  --gray-1: #c4c4c4;
  --gray-2: #7c8595;
  --red: #fd355a;
  --red-1: #980000;
  --green: #40916c;
  --darkgreen: #004f2d;
  --blue: #69a2ee;
  --darkblue: #5981f0;
  --purple: #8673b4;
  --aqua: #4dd8ef;
  --yellow: #ffc727;
  --light-yellow: #e5e79c;
  --orange: #f19c79;
  --light-purple: #d3d6fe;
  --blue-green: #16bcc0;

  --embed-color: #fd355a1a;
  --search-result-file-title-color: #980000;
  --theme-color: #f5a7a2;
  --theme-color-translucent: #f5a7a2;
  --theme-color-translucent-1: #ffdece;
  --color-specification: #fd355a;
  --allow-1: #fd355a;
  --list-ul-block-color: #f5a7a2;
  --list-ul-disc-color: #fd355a;
  --list-ul-hover: #980000;
  --list-ol-block-color: #f5a7a2;
  --list-ol-number-color: #f5a7a2;
  --list-ol-hover: #980000;
  --stag1: #fd355a;
  --stag2: #fd355a;
  --stag3: #fd355a;
  --tag1: #56cfc7c7;
  --tag2: #eca1bcda;
  --tag3: #e6d00d;
  --tag4: #40916c;
  --tag5: #68c7a4;
  --tag6: #f5a7a2;
  --tag7: #f5a7a2;
  --tag8: #dbb671;
  --tag9: #f19c79;

  --h1-color: var(--print-h1-color,#f39ba0);
  --h2-color: var(--print-h2-color,#f39ba0);
  --h3-color: var(--print-h3-color,#f39ba0);
  --h4-color: var(--print-h4-color,#f39ba0);
  --h5-color: var(--print-h5-color,#f39ba0);
  --h6-color: var(--print-h6-color,#f39ba0);

  --graph-text-color: #37291a;
  --graphtag: #ffdece;
  --graph-attach: #f5a7a2;
  --graph-circle: #FD355C;
  --graph-line: #fea2c2;
  --graph-unresolved: #E87659;
  --graph-arrow: #980000;
  --mermaid-active-task-color: #f5a7a2;
  --mermaid-seq-dia-color: #ffdece;
  --table-background-color: #ffdece;
  --table-background-color-odd: #ffdece;
  --table-border-color: #fd355a;
  --table-thead-background-color: #f5a7a2;
  --table-hover-color: #f5a7a2;
  --table-hover-thead-color: #f5a7a2;
  --table-hover-raw-color: #ffdece;
  --calendar-week-color: #f5a7a2;
  --calendar-week-hover: #ffdece;
  --calendar-week-background-color: #ffdece;
  --day-planner-pie: #f5a7a2;
  --day-planner-timeline: #ffdece;
  --day-planner-line: #fd355a;
  --day-planner-dot: #ffdece;
  --day-planner-item-hover: #f5a7a2;
  --event-item-color1: #f39ba063;
  --event-item-color2: #f39ba091;
  --event-item-color3: #f39ba0c4;
  --event-item-color4: #f39ba0;
  --event-item-color5: #D08489;
  --event-item-color6: #B27175;
  --event-item-color7: #D08489;
  --event-item-color8: #f39ba0;
  --event-item-color9: #f39ba0c4;
  --event-item-color10: #f39ba091;

  --note-important: #fd355a;
  --note-cloze: #fd355a;
  --stickies-color-1: #e46969;
  --stickies-color-2: #f5a7a2;
  --tape-color: #acacac65;
  --header-color: #f5a7a2;

  --color-view-header-gradient-1: #efe9d933;
  --color-view-header-gradient-2: #efe9d933;

  --table-color-calendar-2: rgb(214, 118, 146);
  --table-color-rgb: 214, 118, 146;
  --scrollbar-thumb: #f39ba050;
  --activeline-background: #f39ba020;
}

body.color-scheme-options-flamingo.all-dark .print.theme-light,
body.color-scheme-options-flamingo.theme-dark {
  --background-primary: #212121;
  --background-primary-alt: #f937590d;
  --background-secondary: #242424;
  --background-secondary-alt: #191919;
  --background-primary-bg-4-bt: #212121;
  --background-primary-alt-bg-4-bt: #f937590d;
  --background-secondary-bg-4-bt: #242424;
  --background-secondary-alt-bg-4-bt: #191919;

  --background-modifier-border: #191919;
  --background-modifier-form-field: #f39ba0;
  --background-modifier-form-field-highlighted: #e5c7a9;
  --background-modifier-box-shadow: #292929;
  --background-modifier-success: #f93759;
  --background-modifier-error: #f93759;
  --background-modifier-error-rgb: #f93759;
  --background-modifier-error-hover: #F93758;
  --background-modifier-cover: rgba(0, 0, 0, 0.3);
  --text-accent: #ffccbc;
  --text-accent-hover: #f93759;
  --text-normal: #efe9d9;
  --text-muted: #efe9d9;
  --text-faint: #efe9d9;
  --accent-strong: #efe9d9;
  --text-em-color: #f93759;
  --text-error: #f93759;
  --text-error-hover: #f93759;

  --text-highlight-bg-h: 357;
  --text-highlight-bg-s: 79%;
  --text-highlight-bg-l: 78%;
  --text-highlight-bg-a: 0.847;
  --text-highlight-bg: hsla(var(--text-highlight-bg-h), var(--text-highlight-bg-s), var(--text-highlight-bg-l), var(--text-highlight-bg-a));
  --text-selection: #e5c7a94a;
  --text-on-accent: #ffffff;
  --interactive-normal: #f39ba0;
  --interactive-hover: #ffccbc;
  --interactive-accent: #f39ba0;
  --interactive-accent-rgb: 45, 135, 211;
  --interactive-accent-hover: #f93759;
  --panel-border-color: #f93759;
  --search-text: #fff;
  --folder-title: #fff;
  --background-search-result: #292929;

  --gray-1: #c9b0b0;
  --gray-2: #b4b1c6;
  --red: #ff9090;
  --red-1: #f93759;
  --orange: #f28d61;
  --green: #00ffc7;
  --darkgreen: #1bbc9b;
  --aqua: #30daff;
  --purple: #b073ff;
  --blue: #00a3b9;
  --darkblue: #0040ff;
  --yellow: #fcdc00;
  --light-yellow: #ffd26c;

  --embed-color: #2929297d;
  --search-result-file-title-color: #f39ba0;
  --theme-color: #ffccbc;
  --theme-color-translucent: #f39ba0;
  --theme-color-translucent-1: #f39ba0;
  --color-specification: #f93759;
  --allow-1: #f93759;
  --background-blockquote-dark: #292929;
  --list-ul-block-color: #f39ba0;
  --list-ul-disc-color: #f93759;
  --list-ul-hover: #ffebec;
  --list-ol-block-color: #f39ba0;
  --list-ol-number-color: #ffccbc;
  --list-ol-hover: #ffebec;
  --stag1: #f39ba0;
  --stag2: #ffccbc;
  --stag3: #ffebec;
  --tag1: #028588;
  --tag2: #40916c;
  --tag3: #69a2ee;
  --tag4: #c47a5e;
  --tag5: #004f2d;
  --tag6: #f5a7a2;
  --tag7: #f19c79;
  --tag8: #02a588;
  --tag9: #ab4967;

  --h1-color: var(--print-h1-color,#ffccbc);
  --h2-color: var(--print-h2-color,#ffccbc);
  --h3-color: var(--print-h3-color,#ffccbc);
  --h4-color: var(--print-h4-color,#ffccbc);
  --h5-color: var(--print-h5-color,#ffccbc);
  --h6-color: var(--print-h6-color,#ffccbc);

  --graph-text-color: #efe9d9;
  --graphtag: #f39ba0;
  --graph-attach: #ffebec;
  --graph-circle: #f39ba0;
  --graph-line: #ffc3bc;
  --graph-unresolved: #ffccbc;
  --graph-arrow: #ffc3bc;
  --mermaid-active-task-color: #F39BA4;
  --mermaid-seq-dia-color: #ffebec;
  --table-background-color: #212121;
  --table-background-color-odd: transparent;
  --table-border-color: #ffebec;
  --table-thead-background-color: #f39ba0ad;
  --table-hover-raw-color: #292929;
  --table-hover-color: #ffccbc0a;
  --table-hover-thead-color: #f39ba0;
  --calendar-week-color: #ffccbc;
  --calendar-week-hover: #f39ba0;
  --calendar-week-background-color: transparent;
  --day-planner-pie: #ffccbc;
  --day-planner-timeline: #ff9b7c;
  --day-planner-line: #f39ba0;
  --day-planner-dot: #ffebec;
  --day-planner-item-hover: #f39ba0;
  --event-item-color9: #ffc3bc;
  --event-item-color8: #ffbcbc;
  --event-item-color10: #ffccbc;
  --event-item-color7: #ffbcc4;
  --event-item-color6: #ffbcbc;
  --event-item-color5: #ffc3bc;
  --event-item-color4: #ffccbc;
  --event-item-color3: #ffd4bc;
  --event-item-color2: #ffdcbc;
  --event-item-color1: #ffe4bc;

  --note-important: #f93759;
  --note-cloze: #f93759;
  --stickies-color-1: #f39ba0;
  --stickies-color-2: #ffebec;
  --tape-color: #ffccbc47;
  --header-color: #f39ba0;

  --color-view-header-gradient-1: #21212122;
  --color-view-header-gradient-2: #21212122;

  --table-color-calendar-2: rgb(215, 86, 125);
  --table-color-rgb: 215, 86, 125;
  --scrollbar-thumb: #e2bdbd50;

  --activeline-background: #f39ba010;
}

body.color-scheme-options-flamingo.theme-light #calendar-container {
  --color-background-heading: transparent;
  --color-background-weeknum: transparent;
  --color-background-day: transparent;
  --color-background-weekend: transparent;

  --color-tr: #ffdece8c !important;
  --color-tr-odd: #ffdece !important;

  --color-dot: var(--text-accent);
  --color-arrow: currentColor;
  --color-button: var(--text-muted);
  --color-text-weeknum: var(--calendar-week-color);

  --color-text-title: var(--text-normal);
  --color-text-heading: var(--text-normal);
  --color-text-day: var(--text-normal);
  --color-text-today: var(--text-accent);

  padding: 0px 5px 0px 8px;
  margin: -21px -8px 0px -8px;
  line-height: 0.6;
}

/*表格调整*/
/*星期*/
body.color-scheme-options-flamingo.theme-light #calendar-container th {
  padding: 6px 0;
  border-radius: 0px !important;
  background-color: var(--table-thead-background-color) !important;
}

body.color-scheme-options-flamingo.theme-light #calendar-container .week-num, 
body.color-scheme-options-flamingo.theme-light #calendar-container .day {
  border-radius: 0px !important;
}

/*天*/
body.color-scheme-options-flamingo.theme-light #calendar-container td {
  width: 12.5%;
  border-right: 0px solid var(--background-secondary-alt);
  padding: 0px 0px 0px 0px !important;
  line-height: 22px;
  border-radius: 0px !important;
}

body.color-scheme-options-flamingo.theme-light #calendar-container tr {
  border: 2px solid var(--background-secondary-alt);
}

body.color-scheme-options-flamingo.theme-light #calendar-container .day:not(:empty):hover {
  background-color: var(--table-hover-color);
}

body.color-scheme-options-flamingo.theme-light #calendar-container .calendar {
  background-color: var(--color-tr);
  margin: -8px 0;
}

/*“Today”*/
body.color-scheme-options-flamingo.theme-light #calendar-container .reset-button {
  font-size: 14px !important;
  margin: 0;
  padding: 0px 0px 0px 0px;
  cursor: pointer;
  line-height: 1.2;
  text-align: center;
}

/*悬停Today*/
body.color-scheme-options-flamingo.theme-light #calendar-container .reset-button:hover {
  color: var(--header-color);
  background-color: var(--table-hover-raw-color);
}

/*悬停arrow*/
body.color-scheme-options-flamingo.theme-light #calendar-container .arrow:hover {
  color: var(--theme-color);
}

body.color-scheme-options-flamingo.theme-light #calendar-container .day:active,
body.color-scheme-options-flamingo.theme-light #calendar-container .active,
body.color-scheme-options-flamingo.theme-light #calendar-container .active.today {
  background-color: #f5a7a2 !important;
}

body.color-scheme-options-flamingo.theme-light #calendar-container .day.has-note.active:not(.today) {
  background-color: #f5a7a2 !important;
  color: var(--text-accent) !important;
  font-weight: 700;
}

/*点调整 dot*/
body.color-scheme-options-flamingo.theme-light #calendar-container .dot-container {
  margin-top: -2px;
  margin-bottom: -1px;
}

/*月份调整 month*/
body.color-scheme-options-flamingo.theme-light #calendar-container .month {
  font-size: 20px;
  line-height: 1;
}

/*年份调整 year*/
body.color-scheme-options-flamingo.theme-light #calendar-container .year {
  font-size: 20px;
  line-height: 1;
}

/*星期数 week*/
body.color-scheme-options-flamingo.theme-light #calendar-container .week-num {
  background-color: var(--calendar-week-background-color);
  font-weight: 600;
}

/*星期数悬停 week hover*/
body.color-scheme-options-flamingo.theme-light #calendar-container .week-num:hover {
  background-color: var(--calendar-week-hover) !important;
}

/*比上面那个还菜鸟的人做的一些修改*/
body.color-scheme-options-flamingo.theme-light .nav-folder.mod-root>.nav-folder-title {
  background-color: var(--background-secondary-alt-bg-4-bt)
}

body.color-scheme-options-flamingo.theme-light .admonition {
  background-color: #ffebec15 !important;
}

body.color-scheme-options-flamingo.theme-light {
  --font-family-vault: Arlrdbd, 'Source Han Sans', 'Noto Sans CJK', 'Source Sans Pro' !important; /*左侧库名字体*/
  --font-family-folder-file-title: Arlrdbd, 'Source Han Sans', 'Noto Sans CJK', 'Source Sans Pro' !important;/*左侧边栏文件、文件夹字体*/
}

body.color-scheme-options-flamingo.theme-light .tag[href^="#DailyNote"] {
  background-color: var(--tag1);
  font-weight: 600;
  font-family: var(--font-family-special-tag) !important;
}

body.color-scheme-options-flamingo.theme-light .tag[href^="#DailyNote"]::after {
  content: '❀';
  font-size: var(--font-size-emoji-after-tag);
}

body.color-scheme-options-flamingo.theme-light .search-result-file-match {
  background: transparent;
}

/*@Lavi & @嘴 的Flamingo主题色（原Pink Topaz）到此结束 */

/*=================== Lillian 的配色 ========================*/
/*蜂蜜牛奶配色 by Lillian */
body.color-scheme-options-honey-milk-topaz .theme-light,
body.color-scheme-options-honey-milk-topaz.theme-light {
  /*色系设置*/
  --color1: #ffde89;
  --color2: #ffd876;
  --color3: #ffd362;
  --color4: #ffcd4e;
  --color5: #ffc83b;
  --color6: #ffc227;
  --color7: #ffbd14;
  --color8: #ffb700;
  --color9: #ebae14;
  --color10: #d8a627;
  --color11: #c49d3b;

  --main-color: #f1b024;
  --low-color: var(--color3);
  --high-color: var(--color8);
  --deep-color: var(--color11);

  --bg-color: #f8f8f5;
  --bg-color2: #f0ede0;

  --background-primary: var(--bg-color);
  --background-primary-alt: var(--bg-color2);
  /* --background-secondary: var(--bg-color); */
  --background-secondary-alt: var(--bg-color2);
  --background-secondary-alt-bg-4-bt: var(--bg-color);

  --background-modifier-border: #e1dfdf;

  --text-accent: var(--main-color);
  --text-accent-hover: var(--low-color);

  --accent-em: #099d4e;

  --text-selection: #66bbaa59;
  --text-on-accent: #f2f2f2;
  --interactive-normal: #eaeaeb;
  --interactive-hover: #dbdbdc;

  --interactive-accent-rgb: 215, 178, 88;
  --interactive-accent: var(--main-color);
  --interactive-accent-hover: var(--low-color);

  --panel-border-color: #dbdbdc;
  --search-text: #000000;
  --folder-title: #000000;

  --strong-em-highlight-color: var(--color11);

  --text-highlight-bg-h: 34;
  --text-highlight-bg-s: 100%;
  --text-highlight-bg-l: 80%;
  --text-highlight-bg-a: 0.847;
  --text-highlight-bg: hsla(var(--text-highlight-bg-h), var(--text-highlight-bg-s), var(--text-highlight-bg-l), var(--text-highlight-bg-a));
  --text-search-highlight-bg: var(--color2);

  --background-search-result: #f3f3f3;
  --search-result-file-matched-bg: var(--low-color);

  --background-primary-bg-4-bt: var(--bg-color);
  --background-primary-alt-bg-4-bt: var(--bg-color);
  --background-secondary-bg-4-bt: var(--bg-color);
  --background-secondary-alt-bg-4-bt: var(--bg-color);

  --background-mobile-drawer-1: var(--bg-color);
  --background-mobile-drawer-2: var(--bg-color);
  --background-secondary-alt-bg-4-bt-publish: #f6f6f6;

  --embed-color: #ece4b74f;
  --search-result-file-title-color: var(--main-color);
  --theme-color: var(--interactive-accent);
  --theme-color-translucent: var(--low-color);
  --theme-color-translucent-1: var(--color1);
  --color-specification: var(--high-color);

  --internal-link-color-in-highlight: var(--main-color);

  --list-ul-block-color: var(--color6);
  --list-ul-disc-color: var(--main-color);
  --green-1: #3dc730;
  --list-ul-hover: var(--low-color);
  --list-ol-block-color: var(--main-color);
  --list-ol-number-color: var(--main-color);
  --list-ol-hover: var(--low-color);

  --h1-color: var(--print-h1-color,var(--color6));
  --h2-color: var(--print-h2-color,var(--color7));
  --h3-color: var(--print-h3-color,var(--color8));
  --h4-color: var(--print-h4-color,var(--color9));
  --h5-color: var(--print-h5-color,var(--color10));
  --h6-color: var(--print-h6-color,var(--color11));

  /*graph*/
  --graph-text-color: #696969;
  --graphtag: #77d425cc;
  --graph-attach: #afcfe0cc;
  --graph-circle: var(--color3);
  --graph-line: #b1b1b1;
  --graph-unresolved: #db4e4ecc;
  --link-unresolved-highlight: #df4747;
  --graph-arrow: #e25300;
  --graph-control-bg: var(--bg-color);

  /*mermaid*/
  --mermaid-active-task-color: var(--high-color);
  --mermaid-seq-dia-color: var(--low-color);

  /*table*/
  --table-background-color: var(--bg-color2);
  --table-background-color-odd: #ffffffaf;
  --table-border-color: #7d7d7d;
  --table-thead-background-color: var(--color1);
  --table-hover-raw-color: var(--color2);
  --table-hover-color: var(--color1);
  --table-hover-thead-color: var(--color2);

  /*calendar*/
  --calendar-week-color: var(--high-color);
  --calendar-week-hover: var(--color1);
  --calendar-week-background-color: var(--bg-color);
  --calendar-today-background-color: var(--color1);

  /*day planner*/
  --day-planner-pie: var(--deep-color);
  --day-planner-timeline: #d62f2f;
  --day-planner-line: var(--low-color);
  --day-planner-dot: var(--low-color);
  --day-planner-item-hover: var(--color1);
  --event-item-color1: var(--color2);
  --event-item-color2: var(--color3);
  --event-item-color3: var(--color4);
  --event-item-color4: var(--color5);
  --event-item-color5: var(--color6);
  --event-item-color6: var(--color7);
  --event-item-color7: var(--color8);
  --event-item-color8: var(--color9);
  --event-item-color9: var(--color10);
  --event-item-color10: var(--color11);

  /*Sliding panes*/
  --sliding-panes-header-color: var(--deep-color);
  --background-4-sliding-pane: var(--bg-color);

  /*admonition*/
  --admonition-bg-color: #ffffffa6;

  /*checklist*/
  --checklist-bg: #dfdfdf8e;
  --checklist-bg-hover: #ffffffcc;

  --color-view-header-gradient-1: var(--color1);
  --color-view-header-gradient-2: var(--bg-color);

  /*checkbox*/
  --checkbox-color-0: var(--main-color);
  --checkbox-color-1: #c4c116;
  --checkbox-color-2: #4bbf40;
  --checkbox-color-3: #ffe9e9;
  --checkbox-color-4: #fffbd4;
  --checkbox-color-5: #ad7fbf;
  --checkbox-color-6: #5f5f5f;
  --text-checked-checkbox: #9b9b9b;

  --activeline-background: var(--bg-color2);

  --table-color-calendar-2: rgb(242, 235, 207);
  --table-color-rgb: 242, 235, 207;
}

body.color-scheme-options-honey-milk-topaz.all-dark .print.theme-light,
body.color-scheme-options-honey-milk-topaz.theme-dark {
  /*蜂蜜牛奶 #f1b024*/

  --color1: #ffde89;
  --color2: #ffd876;
  --color3: #ffd362;
  --color4: #ffcd4e;
  --color5: #ffc83b;
  --color6: #ffc227;
  --color7: #ffbd14;
  --color8: #ffb700;
  --color9: #ebae14;
  --color10: #d8a627;
  --color11: #a17f28;

  --main-color: #f1b024;
  --low-color: var(--color3);
  --high-color: var(--color8);
  --deep-color: var(--color11);

  --bg-color: #222222;
  --bg-color2: #444444;

  --background-primary: var(--bg-color);
  --background-primary-alt: var(--bg-color2);
  /* --background-secondary: var(--bg-color); */
  --background-secondary-alt: var(--bg-color2);
  --background-secondary-alt-bg-4-bt: var(--bg-color);

  --background-modifier-border: #565656;

  --text-accent: var(--low-color);
  --text-accent-hover: var(--main-color);

  --text-selection: #47a5914d;/*鼠标选择 文字背景颜色*/

  --interactive-accent: var(--color10);/*主题强调色*/
  --interactive-accent-rgb: 215, 178, 88;/*主题强调色 rgb , 需与主题色一致（把上面的值转成rgb放下面）*/
  --interactive-accent-hover: var(--main-color);/*主题强调色 鼠标悬浮时颜色*/
  --panel-border-color: #18191e;/*侧边栏、下部状态栏线条颜色，改了没有，线条被我取消了 :p*/
  --search-text: var(--color1);/*搜索结果文字颜色*/
  --folder-title: #ffffff;/*文件栏文件夹文字颜色*/

  --strong-em-highlight-color: var(--color11);
  --text-search-highlight-bg: #bb4361;

  --strong-em-color-1: #43d3ff;/*加粗斜体渐变色1*/
  --strong-em-color-2: #baaaff;/*加粗斜体渐变色2*/

  --background-search-result: #313131;/* 搜索结果背景颜色 */
  --search-result-file-matched-bg: var(--color9);/* 搜索结果文字高亮颜色 */

  --background-primary-bg-4-bt: var(--bg-color);
  --background-primary-alt-bg-4-bt: var(--bg-color);
  --background-secondary-bg-4-bt: var(--bg-color);
  --background-secondary-alt-bg-4-bt: var(--bg-color);

  --background-mobile-drawer-1: var(--bg-color);
  --background-mobile-drawer-2: var(--bg-color);

  --background-transparent-blue: #003e759a;

  --scrollbar-thumb: #8282827e;/*滚动条颜色*/

  --embed-color: #46402134;/*![[]] 背景颜色*/
  --search-result-file-title-color: var(--main-color);
  --theme-color: var(--interactive-accent);
  --theme-color-translucent: var(--deep-color);
  --theme-color-translucent-1: var(--deep-color);
  --color-specification: var(--high-color);

  --allow-1: #d18828;/*搜索框里黄色箭头颜色*/
  --background-blockquote: #9191911c;/*引用框背景颜色*/
  --background-code: #1111118c;/*代码框背景颜色*/
  --background-code-2: #4c4c4cb0;
  --text-color-code: #d58000;/*代码框文字颜色*/

  --internal-link-color-in-highlight: var(--main-color);/*==[[]]==双链文字颜色*/

  --list-ul-block-color: var(--deep-color);
  --list-ul-disc-color: var(--main-color);
  --green-1: #3dc730;
  --list-ul-hover: var(--low-color);
  --list-ol-block-color: var(--deep-color);
  --list-ol-number-color: var(--main-color);
  --list-ol-hover: var(--low-color);

  --h1-color: var(--print-h1-color,var(--color6));
  --h2-color: var(--print-h2-color,var(--color7));
  --h3-color: var(--print-h3-color,var(--color8));
  --h4-color: var(--print-h4-color,var(--color9));
  --h5-color: var(--print-h5-color,var(--color10));
  --h6-color: var(--print-h6-color,var(--color11));

  /*graph*/
  --graph-text-color: #B5B5B5;/*图谱文字颜色*/
  --graphtag: #88d842bb;/*图谱线颜色*/
  --graph-attach: #b2cfe0bb;/*图谱附件颜色*/
  --graph-circle: var(--color8);/*图谱普通点颜色*/
  --graph-line: #8c8c8c;/*图谱线颜色*/
  --graph-unresolved: #f08080de;/*图谱未创建点颜色，兼未创建双链颜色*/
  --link-unresolved-highlight: #ffa6a6;/*未创建双链颜色加高亮==[[]]==文字颜色*/
  --graph-arrow: #c23917;/*图谱箭头颜色*/
  --graph-control-bg: #00000080;/*图谱控制窗背景颜色*/

  /*mermaid*/
  --mermaid-active-task-color: var(--low-color);
  --mermaid-seq-dia-color: var(--high-color);

  --table-background-color: var(--bg-color2);
  --table-background-color-odd: var(--bg-color);
  --table-border-color: #878787;
  --table-thead-background-color:  var(--color11);
  --table-hover-raw-color: var(--color10);
  --table-hover-color: var(--color11);;
  --table-hover-thead-color:  var(--color10);

  /*calendar*/
  --calendar-week-color: var(--high-color);
  --calendar-week-hover: var(--color1);
  --calendar-week-background-color: var(--bg-color);
  --calendar-today-background-color: var(--color1);

  /*day planner*/
  --day-planner-pie: var(--color1);
  --day-planner-timeline: #000000;
  --day-planner-line: var(--low-color);
  --day-planner-dot: var(--low-color);
  --day-planner-item-hover: var(--main-color);
  --event-item-color1: var(--color2);
  --event-item-color2: var(--color3);
  --event-item-color3: var(--color4);
  --event-item-color4: var(--color5);
  --event-item-color5: var(--color6);
  --event-item-color6: var(--color7);
  --event-item-color7: var(--color8);
  --event-item-color8: var(--color9);
  --event-item-color9: var(--color10);
  --event-item-color10: var(--color11);

  /*Sliding panes*/
  --sliding-panes-header-color: var(--color1);

  --color-view-header-gradient-1: var(--bg-color2);
  --color-view-header-gradient-2: var(--bg-color);

  /*checkbox*/
  --checkbox-color-0: var(--main-color);

  --activeline-background: var(--bg-color2);

  --table-color-calendar-2: rgb(120, 104, 38);
  --table-color-rgb: 120, 104, 38;
}

body.color-scheme-options-honey-milk-topaz #calendar-container {
  --color-background-heading: transparent;
  --color-background-weeknum: transparent;
  --color-background-day: transparent;
  --color-background-weekend: transparent;

  --color-tr: var(--bg-color) !important;
  --color-tr-odd: #ffdece !important;

  --color-dot: var(--text-accent);
  --color-arrow: currentColor;
  --color-button: var(--text-muted);
  --color-text-weeknum: var(--calendar-week-color);

  --color-text-title: var(--text-normal);
  --color-text-heading: var(--text-normal);
  --color-text-day: var(--text-normal);
  --color-text-today: var(--text-accent);

  padding: 0px 5px 0px 8px;
  margin: -21px -8px 0px -8px;
  line-height: 0.6;
}

/*巧克力色 by Lillian */
body.color-scheme-options-chocolate-topaz .theme-light,
body.color-scheme-options-chocolate-topaz.theme-light {
  --color1: #f8d3a0;
  --color2: #d8a86a;
  --color3: #c2907a;
  --color4: #af7d6b;
  --color5: #af694f;
  --color6: #74412d;
  --color7: #683725;
  --color8: #502819;
  --color9: #552917;
  --color10: #572917;
  --color11: #4b1e0e;

  --main-color: var(--color6);
  --low-color: var(--color3);
  --high-color: var(--color8);
  --deep-color: var(--color11);

  --bg-color: #faf4eb;
  --bg-color2: #f7e6ce;

  --background-primary: var(--bg-color);
  --background-primary-alt: var(--bg-color2);
  /* --background-secondary: var(--bg-color); */
  --background-secondary-alt: var(--bg-color2);
  --background-secondary-alt-bg-4-bt: var(--bg-color);

  --background-modifier-border: #e1dfdf;

  --text-accent: var(--main-color);
  --text-accent-hover: var(--low-color);

  --accent-em: #099d4e;
  --text-selection: #66bbaa59;
  --text-on-accent: #f2f2f2;
  --interactive-normal: #eaeaeb;
  --interactive-hover: #dbdbdc;

  --interactive-accent: var(--main-color); /*主题强调色*/
  --interactive-accent-rgb: 104, 56, 39;
  --interactive-accent-hover: var(--low-color);

  --strong-em-highlight-color: var(--color11);

  --text-search-highlight-bg: #ffd1dd;

  --background-search-result: #f3f3f3;
  --search-result-file-matched-bg: var(--low-color);

  --background-primary-bg-4-bt: var(--bg-color);
  --background-primary-alt-bg-4-bt: var(--bg-color);
  --background-secondary-bg-4-bt: var(--bg-color);
  --background-secondary-alt-bg-4-bt: var(--bg-color);

  --background-mobile-drawer-1: var(--bg-color);
  --background-mobile-drawer-2: var(--bg-color);
  --background-secondary-alt-bg-4-bt-publish: #f6f6f6;

  --embed-color: #eccc854f;
  --search-result-file-title-color: var(--main-color);
  --theme-color: var(--interactive-accent);
  --theme-color-translucent: var(--low-color);/*鼠标经过时文件夹背景色*/
  --theme-color-translucent-1: var(--color1);
  --color-specification: var(--high-color);
  --allow-1: #ec9a3c;
  --background-blockquote: #b6b6b62c;
  --background-code: #ebebeb71;
  --background-code-2: #cccccc62;
  --text-color-code: #e95d00;

  --internal-link-color-in-highlight: var(--main-color);

  --list-ul-block-color: var(--color5);
  --list-ul-disc-color: var(--main-color);
  --green-1: #3dc730;
  --list-ul-hover: var(--low-color);
  --list-ol-block-color: var(--main-color);
  --list-ol-number-color: var(--main-color);
  --list-ol-hover: var(--low-color);

  --tag-text: #f8f8f8;
  --stag1: #fa8787;
  --stag1-bg: #eb2727;
  --stag2: #fdbd5c;
  --stag2-bg: #ee9002;
  --stag3: #50ce3a;
  --stag3-bg: #22ac09;
  --tag1: var(--color3);
  --tag2: var(--color4);
  --tag3: var(--color5);
  --tag4: var(--color6);
  --tag5: var(--color7);
  --tag6: var(--color8);
  --tag7: var(--color9);
  --tag8: var(--color10);
  --tag9: var(--color11);
  --tag-dailynote: var(--low-color);
  --tag-dailynote-bg: var(--color3);
  --tag-weeklynote: var(--color6);
  --tag-weeklynote-bg: var(--color4);
  --tag-questions: var(--color5);
  --tag-questions-bg: var(--color5);
  --tag-ideas: #ceb900;
  --tag-ideas-bg: #444444d8;

  --h1-color: var(--print-h1-color,var(--color7));
  --h2-color: var(--print-h2-color,var(--color6));
  --h3-color: var(--print-h3-color,var(--color5));
  --h4-color: var(--print-h4-color,var(--color4));
  --h5-color: var(--print-h5-color,var(--color3));
  --h6-color: var(--print-h6-color,var(--color2));

  /*graph*/
  --graph-text-color: #696969;
  --graphtag: #77d425cc;
  --graph-attach: #afcfe0cc;
  --graph-circle: var(--color3);
  --graph-line: #b1b1b1;
  --graph-unresolved: #db4e4ecc;
  --link-unresolved-highlight: #df4747;
  --graph-arrow: #e25300;
  --graph-control-bg: var(--bg-color);

  /*mermaid*/
  --mermaid-active-task-color: var(--high-color);
  --mermaid-seq-dia-color: var(--low-color);

  /*table*/
  --table-background-color: var(--bg-color2);
  --table-background-color-odd: var(--bg-color);
  --table-border-color: #7d7d7d;
  --table-thead-background-color: var(--color1);
  --table-hover-raw-color: var(--color2);
  --table-hover-color: var(--color1);
  --table-hover-thead-color: var(--color2);

  /*calendar*/
  --calendar-week-color: var(--high-color);
  --calendar-week-hover: var(--color1);
  --calendar-week-background-color: var(--bg-color);
  --calendar-today-background-color: var(--color1);

  /*day planner*/
  --day-planner-pie: var(--deep-color);
  --day-planner-timeline: #d62f2f;
  --day-planner-line: var(--low-color);
  --day-planner-dot: var(--low-color);
  --day-planner-item-hover: var(--color1);
  --event-item-color1: var(--color2);
  --event-item-color2: var(--color3);
  --event-item-color3: var(--color4);
  --event-item-color4: var(--color5);
  --event-item-color5: var(--color6);
  --event-item-color6: var(--color7);
  --event-item-color7: var(--color8);
  --event-item-color8: var(--color9);
  --event-item-color9: var(--color10);
  --event-item-color10: var(--color11);

  /*Sliding panes*/
  --sliding-panes-header-color: var(--deep-color);
  --background-4-sliding-pane: var(--bg-color);

  --color-view-header-gradient-1: var(--color1);
  --color-view-header-gradient-2: var(--bg-color);

  /*checkbox*/
  --checkbox-color-0: var(--main-color);

  --activeline-background: var(--bg-color2);

  --table-color-calendar-2: rgb(76, 52, 16);
  --table-color-rgb: 76, 52, 16;
}

body.color-scheme-options-chocolate-topaz.all-dark .print.theme-light,
body.color-scheme-options-chocolate-topaz.theme-dark {
  /* 焦茶色 焦茶#6f4b3e */
  --color1: #f8d3a0;
  --color2: #d8a86a;
  --color3: #c2907a;
  --color4: #af7d6b;
  --color5: #af694f;
  --color6: #74412d;
  --color7: #683725;
  --color8: #502819;
  --color9: #552917;
  --color10: #572917;
  --color11: #4b1e0e;

  --main-color: var(--color6);
  --low-color: var(--color3);
  --high-color: var(--color7);
  --deep-color: var(--color11);

  /*黑暗颜色的背景不建议修改*/
  --bg-color: #222222;
  --bg-color2: #444444;

  --background-primary: var(--bg-color);
  --background-primary-alt: var(--bg-color2);
  /* --background-secondary: var(--bg-color); */
  --background-secondary-alt: var(--bg-color2);
  --background-secondary-alt-bg-4-bt: var(--bg-color);

  --background-modifier-border: #565656;/*一些线条颜色*/

  --text-accent: var(--low-color);
  --text-accent-hover: var(--main-color);

  --text-normal: #bdbdbd;/*一般文字颜色*/
  --text-highlight: #f3f3f3;/*==高亮== 文字颜色*/
  --text-highlight-2: #e4e4e4;/*引用框>==高亮== 文字颜色*/
  --text-muted: #8a8a8a;/*muted 文字颜色*/
  --text-faint: #797979;/*faint 文字颜色*/
  --text-folder-file: #b3b3b3;/*文件夹、文件 文字颜色*/

  --accent-em: #a4ca8e;/*斜体 文字颜色*/

  --text-selection: #47a5914d;/*鼠标选择 文字背景颜色*/

  --interactive-accent: var(--main-color); /*主题强调色*/
  --interactive-accent-rgb: 104, 56, 39;/*主题强调色 rgb , 需与主题色一致（把上面的值转成rgb放下面）*/
  --interactive-accent-hover: var(--main-color);/*主题强调色 鼠标悬浮时颜色*/
  --panel-border-color: #18191e;/*侧边栏、下部状态栏线条颜色，改了没有，线条被我取消了 :p*/
  --search-text: #e0e0e0;/*搜索结果文字颜色*/
  --folder-title: #ffffff;/*文件栏文件夹文字颜色*/

  --strong-em-highlight-color: var(--color11);
  --text-search-highlight-bg: #bb4361;
  --strong-em-color-1: #43d3ff;/*加粗斜体渐变色1*/
  --strong-em-color-2: #baaaff;/*加粗斜体渐变色2*/

  --background-search-result: #313131;/* 搜索结果背景颜色 */
  --search-result-file-matched-bg: var(--color9);/* 搜索结果文字高亮颜色 */

  --background-primary-bg-4-bt: var(--bg-color);
  --background-primary-alt-bg-4-bt: var(--bg-color);
  --background-secondary-bg-4-bt: var(--bg-color);
  --background-secondary-alt-bg-4-bt: var(--bg-color);

  --background-mobile-drawer-1: var(--bg-color);
  --background-mobile-drawer-2: var(--bg-color);

  --background-transparent-blue: #003e759a;/*用在kanban里的，可以不调*/
  --scrollbar-thumb: #8282827e;/*滚动条颜色*/

  --embed-color: #7e6f5a34;
  /*![[]] 背景颜色*/
  --search-result-file-title-color: var(--main-color);
  --theme-color: var(--interactive-accent);
  --theme-color-translucent: var(--deep-color);
  --theme-color-translucent-1: var(--deep-color);
  --color-specification: var(--high-color);

  --allow-1: #d18828;/*搜索框里黄色箭头颜色*/
  --background-blockquote: #9191911c;/*引用框背景颜色*/
  --background-code: #1111118c;/*代码框背景颜色*/
  --background-code-2: #4c4c4cb0;
  --text-color-code: #d58000;/*代码框文字颜色*/

  --internal-link-color-in-highlight: var(--color3);/*==[[]]==双链文字颜色*/

  --list-ul-block-color: var(--color6);
  --list-ul-disc-color: var(--main-color);
  --green-1: #3dc730;
  --list-ul-hover: var(--low-color);
  --list-ol-block-color: var(--main-color);
  --list-ol-number-color: var(--main-color);
  --list-ol-hover: var(--low-color);

  --tag-text: #e4e4e4;
  --stag1: #f08383;
  --stag1-bg: #bd1919;
  --stag2: #e7b263;
  --stag2-bg: #ac6700;
  --stag3: #77df89;
  --stag3-bg: #058c1c;

  --tag1: var(--color11);
  --tag2: var(--color10);
  --tag3: var(--color9);
  --tag4: var(--color8);
  --tag5: var(--color7);
  --tag6: var(--color6);
  --tag7: var(--color5);
  --tag8: var(--color4);
  --tag9: var(--color3);

  --tag-dailynote: var(--mian-color);
  --tag-dailynote-bg: var(--color5);
  --tag-weeklynote: var(--color3);
  --tag-weeklynote-bg: var(--color6);
  --tag-questions: var(--color8);
  --tag-questions-bg: var(--color8);
  --tag-ideas: #fcfcc0;
  --tag-ideas-bg: #565656d8;

  --h1-color: var(--print-h1-color,var(--color2));
  --h2-color: var(--print-h2-color,var(--color3));
  --h3-color: var(--print-h3-color,var(--color4));
  --h4-color: var(--print-h4-color,var(--color5));
  --h5-color: var(--print-h5-color,var(--color6));
  --h6-color: var(--print-h6-color,var(--color7));

  /*graph*/
  --graph-text-color: #B5B5B5;
  --graphtag: #88d842bb;
  --graph-attach: #b2cfe0bb;
  --graph-circle: var(--color8);
  --graph-line: #8c8c8c;
  --graph-unresolved: #f08080de;
  --link-unresolved-highlight: #ffa6a6;
  --graph-arrow: #c23917;
  --graph-control-bg: #00000080;

  /*mermaid*/
  --mermaid-active-task-color: var(--low-color);
  --mermaid-seq-dia-color: var(--high-color);

  /*table*/
  --table-background-color: var(--bg-color2);
  --table-background-color-odd: var(--bg-color);
  --table-border-color: #878787;
  --table-thead-background-color:  var(--color11);
  --table-hover-raw-color: var(--color10);
  --table-hover-color: var(--color11);;
  --table-hover-thead-color:  var(--color10);

  /*calendar*/
  --calendar-week-color: var(--high-color);
  --calendar-week-hover: var(--color1);
  --calendar-week-background-color: var(--bg-color);
  --calendar-today-background-color: var(--color1);

  /*day planner*/
  --day-planner-pie: var(--color1);
  --day-planner-timeline: #000000;
  --day-planner-line: var(--low-color);
  --day-planner-dot: var(--low-color);
  --day-planner-item-hover: var(--main-color);
  --event-item-color1: var(--color2);
  --event-item-color2: var(--color3);
  --event-item-color3: var(--color4);
  --event-item-color4: var(--color5);
  --event-item-color5: var(--color6);
  --event-item-color6: var(--color7);
  --event-item-color7: var(--color8);
  --event-item-color8: var(--color9);
  --event-item-color9: var(--color10);
  --event-item-color10: var(--color11);

  /*Sliding panes*/
  --sliding-panes-header-color: var(--color1);
  --background-4-sliding-panel: #252525ed;/* sliding panes 背景颜色 */

  --color-view-header-gradient-1: var(--bg-color2);
  --color-view-header-gradient-2: var(--bg-color);

  /*checkbox*/
  --checkbox-color-0: var(--main-color);

  --activeline-background: var(--bg-color2);

  --table-color-calendar-2: rgb(70, 45, 6);
  --table-color-rgb: 70, 45, 6;
}

body.color-scheme-options-chocolate-topaz #calendar-container {
  --color-background-heading: transparent;
  --color-background-weeknum: transparent;
  --color-background-day: transparent;
  --color-background-weekend: transparent;

  --color-tr: var(--bg-color) !important;
  --color-tr-odd: #ffdece !important;

  --color-dot: var(--text-accent);
  --color-arrow: currentColor;
  --color-button: var(--text-muted);
  --color-text-weeknum: var(--calendar-week-color);

  --color-text-title: var(--text-normal);
  --color-text-heading: var(--text-normal);
  --color-text-day: var(--text-normal);
  --color-text-today: var(--text-accent);

  /*===*/
  padding: 0px 5px 0px 8px;
  margin: -21px -8px 0px -8px;
  line-height: 0.6;
}

body.color-scheme-options-autumn-topaz .theme-light,
body.color-scheme-options-autumn-topaz.theme-light {
  /*色系设置*/
  --color1: #ebe1cc;
  --color2: #e4ca8f;
  --color3: #e6bf66 ;
  --color4: #fab102;
  --color5: #b6af00;
  --color6: #70a600;  
  --color7: #00992c;
  --color8: #00884a;
  --color9: #007562;
  --color10: #006674;
  --color11: #2f4858;

  /*Lillian: 第三步：把上面的色系，粘贴到dark模式下*/
  --main-color: var(--color6);
  --low-color: var(--color4);
  --high-color: var(--color7);
  --deep-color:var(--color11);

  --bg-color:#fafaf3;
  --bg-color2:#bbddcd; 

  --background-primary: var(--bg-color);
  --background-primary-alt: var(--bg-color2);
  /* --background-secondary: var(--bg-color); */
  --background-secondary-alt: var(--bg-color2);
  --background-secondary-alt-bg-4-bt:var(--bg-color);

  --text-accent: var(--main-color);
  --text-accent-hover:  var(--low-color);

  --interactive-accent-rgb: 104, 56, 39;
  --interactive-accent: var(--main-color);
  --interactive-accent-hover:  var(--low-color);

  --strong-em-highlight-color: var(--color11);
  --text-search-highlight-bg: #ffd1dd;
  
  --background-search-result: #f3f3f3;
  --search-result-file-matched-bg: var(--low-color);

  --background-primary-bg-4-bt: var(--bg-color); 
  --background-primary-alt-bg-4-bt:  var(--bg-color);
  --background-secondary-bg-4-bt:  var(--bg-color);
  --background-secondary-alt-bg-4-bt:  var(--bg-color); 

  --background-mobile-drawer-1:  var(--bg-color);
  --background-mobile-drawer-2:  var(--bg-color);
  
  --embed-color: #b0e7a54f;
  --search-result-file-title-color: var(--main-color);
  --theme-color: var(--interactive-accent);
  --theme-color-translucent: var(--low-color);  /*鼠标经过时文件夹背景色*/
  --theme-color-translucent-1: var(--color1);
  --color-specification: var(--high-color);
  
  --internal-link-color-in-highlight: var(--main-color);

  --list-ul-block-color: var(--color5);
  --list-ul-disc-color: var(--main-color);
  --green-1: #3dc730;
  --list-ul-hover: var(--low-color);
  --list-ol-block-color: var(--main-color);
  --list-ol-number-color: var(--main-color);
  --list-ol-hover: var(--low-color);
 
  --tag1: var(--color3);
  --tag2: var(--color4);
  --tag3: var(--color5);
  --tag4: var(--color6);
  --tag5: var(--color7);
  --tag6: var(--color8);
  --tag7: var(--color9);
  --tag8: var(--color10);
  --tag9: var(--color11);
  --tag-dailynote: var(--low-color);
  --tag-dailynote-bg: var(--color3);
  --tag-weeklynote: var(--color6);
  --tag-weeklynote-bg: var(--color4);
  --tag-questions: var(--color5);
  --tag-questions-bg: var(--color5);

  --h1-color: var(--print-h1-color,var(--color9));
  --h2-color: var(--print-h2-color,var(--color8));
  --h3-color: var(--print-h3-color,var(--color7));
  --h4-color: var(--print-h4-color,var(--color6));
  --h5-color: var(--print-h5-color,var(--color5));
  --h6-color: var(--print-h6-color,var(--color4));

  /*graph*/
  --graph-circle:  var(--color3);
  --graph-control-bg: var(--bg-color);

  /*mermaid*/
  --mermaid-active-task-color: var(--high-color);
  --mermaid-seq-dia-color: var(--low-color);

  /*table*/
  --table-background-color: var(--bg-color2);
  --table-background-color-odd: var(--bg-color);
  --table-border-color: #7d7d7d;
  --table-thead-background-color: var(--color1);
  --table-hover-raw-color: var(--color2);
  --table-hover-color: var(--color1);
  --table-hover-thead-color: var(--color2);

  /*calendar*/
  --calendar-week-color: var(--high-color);
  --calendar-week-hover: var(--color1);
  --calendar-week-background-color: var(--bg-color);
  --calendar-today-background-color: var(--color1);

  /*day planner*/
  --day-planner-pie: var(--deep-color);
  --day-planner-timeline: #d62f2f;
  --day-planner-line: var(--low-color);
  --day-planner-dot: var(--low-color);
  --day-planner-item-hover: var(--color1);
  --event-item-color1: var(--color2);
  --event-item-color2: var(--color3);
  --event-item-color3: var(--color4);
  --event-item-color4: var(--color5);
  --event-item-color5: var(--color6);
  --event-item-color6: var(--color7);
  --event-item-color7: var(--color8);
  --event-item-color8: var(--color9);
  --event-item-color9: var(--color10);
  --event-item-color10:var(--color11);
  
  /*Sliding panes*/
  --sliding-panes-header-color: var(--deep-color);
  --background-4-sliding-pane: var(--bg-color);

  --color-view-header-gradient-1: #70a60085;
  --color-view-header-gradient-2: var(--bg-color);

  /*checkbox*/
  --checkbox-color-0: var(--main-color);

  --activeline-background: var(--bg-color2);

  --table-color-calendar-2: rgb(222, 236, 182);
  --table-color-rgb: 222, 236, 182;
}

body.color-scheme-options-autumn-topaz.all-dark .print.theme-light,
body.color-scheme-options-autumn-topaz.theme-dark {
  /* 黄绿*/
  --color1: #ebe1cc;
  --color2: #e4ca8f;
  --color3: #e6bf66 ;
  --color4: #fab102;
  --color5: #b6af00;
  --color6: #70a600;  
  --color7: #00992c;
  --color8: #00884a;
  --color9: #007562;
  --color10: #006674;
  --color11: #2f4858;

  --main-color: var(--color6);
  --low-color: var(--color3);
  --high-color: var(--color7);
  --deep-color:var(--color11);
  
/*黑暗颜色的背景不建议修改*/
  
  --bg-color:#222222;
  --bg-color2:#444444;

  --background-primary: var(--bg-color);
  --background-primary-alt: var(--bg-color2);
  /* --background-secondary: var(--bg-color); */
  --background-secondary-alt: var(--bg-color2);
  --background-secondary-alt-bg-4-bt:var(--bg-color);

  --text-accent: var(--low-color);
  --text-accent-hover: var(--main-color); 

  --text-normal: #bdbdbd; /*一般文字颜色*/
  --text-highlight: #f3f3f3; /*==高亮== 文字颜色*/
  --text-highlight-2: #e4e4e4; /*引用框>==高亮== 文字颜色*/
  --text-muted: #8a8a8a;  /*muted 文字颜色*/
  --text-faint: #797979;  /*faint 文字颜色*/
  --text-folder-file: #b3b3b3; /*文件夹、文件 文字颜色*/
  --accent-strong: #f7f7f7; /*加粗 文字颜色*/
  --accent-em: #a4ca8e; /*斜体 文字颜色*/

  --text-selection: #47a5914d;  /*鼠标选择 文字背景颜色*/

  --interactive-accent: var(--main-color); /*主题强调色*/
  --interactive-accent-rgb: 104, 56, 39;    /*主题强调色 rgb , 需与主题色一致（把上面的值转成rgb放下面）*/
  --interactive-accent-hover: var(--main-color);  /*主题强调色 鼠标悬浮时颜色*/

  --strong-em-highlight-color: var(--color11);

  --search-result-file-matched-bg: var(--color9); /* 搜索结果文字高亮颜色 */

  --background-primary-bg-4-bt: var(--bg-color); 
  --background-primary-alt-bg-4-bt:  var(--bg-color);
  --background-secondary-bg-4-bt:  var(--bg-color);
  --background-secondary-alt-bg-4-bt:  var(--bg-color); 

  --background-mobile-drawer-1:  var(--bg-color);
  --background-mobile-drawer-2:  var(--bg-color);
  
  --embed-color: #2f4b2e34;   /*![[]] 背景颜色*/
  --search-result-file-title-color: var(--main-color);
  --theme-color: var(--interactive-accent);
  --theme-color-translucent: var(--deep-color);
  --theme-color-translucent-1: var(--deep-color);
  --color-specification: var(--high-color);

  --internal-link-color-in-highlight: var(--color4); /*==[[]]==双链文字颜色*/

  --list-ul-block-color: var(--color6);
  --list-ul-disc-color: var(--main-color);
  --green-1: #3dc730;
  --list-ul-hover: var(--low-color);
  --list-ol-block-color: var(--main-color);
  --list-ol-number-color: var(--main-color);
  --list-ol-hover: var(--low-color);

  --tag1: var(--color11);
  --tag2: var(--color10);
  --tag3: var(--color9);
  --tag4: var(--color8);
  --tag5: var(--color7);
  --tag6: var(--color6);
  --tag7: var(--color5);
  --tag8: var(--color4);
  --tag9: var(--color3);
  --tag-dailynote: var(--mian-color);
  --tag-dailynote-bg: var(--color5);
  --tag-weeklynote: var(--color3);
  --tag-weeklynote-bg: var(--color6);
  --tag-questions: var(--color8);
  --tag-questions-bg: var(--color8);
  --tag-ideas: #fcfcc0;
  --tag-ideas-bg: #565656d8;

  --h1-color: var(--print-h1-color,var(--color4));
  --h2-color: var(--print-h2-color,var(--color5));
  --h3-color: var(--print-h3-color,var(--color6));
  --h4-color: var(--print-h4-color,var(--color7));
  --h5-color: var(--print-h5-color,var(--color8));
  --h6-color: var(--print-h6-color,var(--color9));

  --graph-text-color: #B5B5B5;  /*图谱文字颜色*/
  --graphtag: #88d842bb; /*图谱线颜色*/
  --graph-attach: #b2cfe0bb; /*图谱附件颜色*/
  --graph-circle: var(--color8); /*图谱普通点颜色*/
  --graph-line: #8c8c8c;  /*图谱线颜色*/
  --graph-unresolved: #f08080de; /*图谱未创建点颜色，兼未创建双链颜色*/
  --link-unresolved-highlight: #ffa6a6; /*未创建双链颜色加高亮==[[]]==文字颜色*/
  --graph-arrow: #c23917; /*图谱箭头颜色*/
  --graph-control-bg: #00000080; /*图谱控制窗背景颜色*/

  /*mermaid*/
  --mermaid-active-task-color: var(--low-color);
  --mermaid-seq-dia-color: var(--high-color);

  /*table*/
  --table-background-color: var(--bg-color2);
  --table-background-color-odd: var(--bg-color);
  --table-border-color: #878787;
  --table-thead-background-color:  var(--color11);
  --table-hover-raw-color: var(--color10);
  --table-hover-color: var(--color11);;
  --table-hover-thead-color:  var(--color10);

  /*calendar*/
  --calendar-week-color: var(--high-color);
  --calendar-week-hover: var(--color1);
  --calendar-week-background-color: var(--bg-color);
  --calendar-today-background-color: var(--color1);

  /*day planner*/
  --day-planner-pie: var(--color1);
  --day-planner-timeline: #000000;
  --day-planner-line: var(--low-color);
  --day-planner-dot: var(--low-color);
  --day-planner-item-hover: var(--main-color);
  --event-item-color1: var(--color2);
  --event-item-color2: var(--color3);
  --event-item-color3: var(--color4);
  --event-item-color4: var(--color5);
  --event-item-color5: var(--color6);
  --event-item-color6: var(--color7);
  --event-item-color7: var(--color8);
  --event-item-color8: var(--color9);
  --event-item-color9: var(--color10);
  --event-item-color10:var(--color11);

  /*Sliding panes*/
  --sliding-panes-header-color: var(--color1);

  --checklist-bg-hover: #08080896;

  --color-view-header-gradient-1: var(--bg-color2);
  --color-view-header-gradient-2: var(--bg-color);

  /*checkbox*/
  --checkbox-color-0: var(--main-color); 
  
  --activeline-background: var(--bg-color2);

  --table-color-calendar-2: rgb(81, 165, 39);
  --table-color-rgb: 81, 165, 39;
}

body.color-scheme-options-autumn-topaz #calendar-container {
  --color-background-heading: transparent;
  --color-background-weeknum: transparent;
  --color-background-day: transparent;
  --color-background-weekend: transparent;
  
  --color-tr: var(--bg-color) !important;
  --color-tr-odd: #ffdece !important;
  
  --color-dot: var(--text-accent);
  --color-arrow: currentColor;
  --color-button: var(--text-muted);
   --color-text-weeknum: var(--calendar-week-color);
    
  --color-text-title: var(--text-normal);
  --color-text-heading: var(--text-normal);
  --color-text-day: var(--text-normal);
  --color-text-today: var(--text-accent);
    
  padding: 0px 5px 0px 8px;
  margin: -21px -8px 0px -8px;
  line-height: 0.6;
}

body.color-scheme-options-lillimon-topaz .theme-light,
body.color-scheme-options-lillimon-topaz.theme-light {
  /*魔方浅色*/
  /*色系设置*/
  --magic-low-color: #e0e79a;
  --magic-main-color: #95a503;
  --magic-deep-color: #746909;

  --bg-color: #f8f8f5;
  --bg-color2: #e7e7e4;

  /*色系共 5 个值，3个主题色+2个背景色*/
  --color1: var(--magic-low-color);
  --color2: var(--magic-low-color);
  --color3: var(--magic-low-color);
  --color4: var(--magic-low-color);
  --color5: var(--magic-main-color);
  --color6: var(--magic-main-color);
  --color7: var(--magic-main-color);
  --color8: var(--magic-main-color);
  --color9: var(--magic-deep-color);
  --color10: var(--magic-deep-color);
  --color11: var(--magic-deep-color);

  --high-color: var(--color8);

  /*色系设置结束*/
  --background-primary: var(--bg-color);
  --background-primary-alt: var(--bg-color2);
  /* --background-secondary: var(--bg-color); */
  --background-secondary-alt: var(--bg-color2);
  --background-secondary-alt-bg-4-bt: var(--bg-color);

  --text-normal:var(--magic-main-color);
  --text-accent: var(--magic-deep-color);
  --text-accent-hover: var(--magic-low-color);
  --interactive-accent-rgb: 215, 178, 88;
  --interactive-accent: var(--magic-deep-color);
  --interactive-accent-hover: var(--magic-low-color);

  --strong-em-highlight-color: var(--color11);

  --search-result-file-matched-bg: var(--magic-low-color);

  --background-primary-bg-4-bt: var(--bg-color);
  --background-primary-alt-bg-4-bt: var(--bg-color);
  --background-secondary-bg-4-bt: var(--bg-color);
  --background-secondary-alt-bg-4-bt: var(--bg-color);

  --background-mobile-drawer-1: var(--bg-color);
  --background-mobile-drawer-2: var(--bg-color);

  --embed-color: #b6d6ff4f;
  --search-result-file-title-color: var(--magic-main-color);
  --theme-color: var(--interactive-accent);
  --theme-color-translucent: var(--magic-low-color);
  --theme-color-translucent-1: var(--color1);
  --color-specification: var(--high-color);

  --internal-link-color-in-highlight: var(--magic-main-color);

  --list-ul-block-color: var(--color5);
  --list-ul-disc-color: var(--magic-main-color);
  --green-1: #3dc730;
  --list-ul-hover: var(--magic-low-color);
  --list-ol-block-color: var(--magic-main-color);
  --list-ol-number-color: var(--magic-main-color);
  --list-ol-hover: var(--magic-low-color);

  --tag-dailynote: var(--magic-low-color);
  --tag-dailynote-bg: var(--color10);
  --tag-weeklynote: var(--color6);
  --tag-weeklynote-bg: var(--color10);
  --tag-questions: var(--color5);
  --tag-questions-bg: var(--color5);
  --tag-ideas: #ceb900;
  --tag-ideas-bg: #444444d8;

  --h1-color: var(--print-h1-color,var(--color9));
  --h2-color: var(--print-h2-color,var(--color8));
  --h3-color: var(--print-h3-color,var(--color7));
  --h4-color: var(--print-h4-color,var(--color6));
  --h5-color: var(--print-h5-color,var(--color5));
  --h6-color: var(--print-h6-color,var(--color4));

  /*graph*/
  --graph-circle: var(--color3);
  --graph-control-bg: var(--bg-color);

  /*mermaid*/
  --mermaid-active-task-color: var(--high-color);
  --mermaid-seq-dia-color: var(--magic-low-color);

  /*table*/
  --table-background-color: var(--bg-color2);
  --table-background-color-odd: var(--bg-color);
  --table-border-color: #7d7d7d;
  --table-thead-background-color: var(--color1);
  --table-hover-raw-color: var(--color2);
  --table-hover-color: var(--color1);
  --table-hover-thead-color: var(--color2);

  /*calendar*/
  --calendar-week-color: var(--high-color);
  --calendar-week-hover: var(--color1);
  --calendar-week-background-color: var(--bg-color);
  --calendar-today-background-color: var(--color1);

  /*day planner*/
  --day-planner-pie: var(--magic-deep-color);
  --day-planner-timeline: #d62f2f;
  --day-planner-line: var(--magic-low-color);
  --day-planner-dot: var(--magic-low-color);
  --day-planner-item-hover: var(--color1);
  --event-item-color1: var(--color2);
  --event-item-color2: var(--color3);
  --event-item-color3: var(--color4);
  --event-item-color4: var(--color5);
  --event-item-color5: var(--color6);
  --event-item-color6: var(--color7);
  --event-item-color7: var(--color8);
  --event-item-color8: var(--color9);
  --event-item-color9: var(--color10);
  --event-item-color10: var(--color11);

  /*Sliding panes*/
  --sliding-panes-header-color: var(--magic-deep-color);
  --background-4-sliding-pane: var(--bg-color);

  --color-view-header-gradient-1: var(--color1);
  --color-view-header-gradient-2: var(--bg-color);

  /*checkbox*/
  --checkbox-color-0: var(--magic-main-color);

  --activeline-background: var(--bg-color2);
}

body.color-scheme-options-lillimon-topaz.all-dark .print.theme-light,
body.color-scheme-options-lillimon-topaz.theme-dark {
  /*魔方深色*/
  /*魔方*/
  --magic-low-color: #e0e79a;
  --magic-main-color: #95a503;
  --magic-deep-color: #746909;

  --bg-color: #222222;
  --bg-color2: #444444;

  --color1: var(--magic-low-color);
  --color2: var(--magic-low-color);
  --color3: var(--magic-low-color);
  --color4: var(--magic-low-color);
  --color5: var(--magic-main-color);
  --color6: var(--magic-main-color);
  --color7: var(--magic-main-color);
  --color8: var(--magic-main-color);
  --color9: var(--magic-deep-color);
  --color10: var(--magic-deep-color);
  --color11: var(--magic-deep-color);
  --high-color: var(--color8);
  /*主题色设置结束**/

  --background-primary: var(--bg-color);
  --background-primary-alt: var(--bg-color2);
  /* --background-secondary: var(--bg-color); */
  --background-secondary-alt: var(--bg-color2);
  --background-secondary-alt-bg-4-bt: var(--bg-color);

  --text-accent: var(--magic-low-color);
  --text-accent-hover: var(--magic-main-color);

  --interactive-accent: var(--color10);
  /*主题强调色*/
  --interactive-accent-rgb: 58, 91, 82;
  /*主题强调色 rgb , 需与主题色一致（把上面的值转成rgb放下面）*/
  --interactive-accent-hover: var(--magic-main-color);
  /*主题强调色 鼠标悬浮时颜色*/

  --strong-em-highlight-color: var(--color11);

  --search-result-file-matched-bg: var(--high-color);
  /* 搜索结果文字高亮颜色 */

  --background-primary-bg-4-bt: var(--bg-color);
  --background-primary-alt-bg-4-bt: var(--bg-color);
  --background-secondary-bg-4-bt: var(--bg-color);
  --background-secondary-alt-bg-4-bt: var(--bg-color);

  --background-mobile-drawer-1: var(--bg-color);
  --background-mobile-drawer-2: var(--bg-color);

  --embed-color: #1156a534;
  /*![[]] 背景颜色*/
  --search-result-file-title-color: var(--magic-main-color);
  --theme-color: var(--interactive-accent);
  --theme-color-translucent: var(--magic-deep-color);
  --theme-color-translucent-1: var(--magic-deep-color);
  --color-specification: var(--high-color);

  --internal-link-color-in-highlight: var(--magic-main-color);
  /*==[[]]==双链文字颜色*/

  --list-ul-block-color: var(--color6);
  --list-ul-disc-color: var(--magic-main-color);
  --green-1: #3dc730;
  --list-ul-hover: var(--magic-low-color);
  --list-ol-block-color: var(--magic-main-color);
  --list-ol-number-color: var(--magic-main-color);
  --list-ol-hover: var(--magic-low-color);

  --tag1: var(--color11);
  --tag2: var(--color10);
  --tag3: var(--color9);
  --tag4: var(--color8);
  --tag5: var(--color7);
  --tag6: var(--color6);
  --tag7: var(--color5);
  --tag8: var(--color4);
  --tag9: var(--color3);

  --tag-dailynote: var(--mian-color);
  --tag-dailynote-bg: var(--color5);
  --tag-weeklynote: var(--color3);
  --tag-weeklynote-bg: var(--color6);
  --tag-questions: var(--color8);
  --tag-questions-bg: var(--color8);
  --tag-ideas: #fcfcc0;
  --tag-ideas-bg: #565656d8;

  --h1-color: var(--print-h1-color,var(--color4));
  --h2-color: var(--print-h2-color,var(--color5));
  --h3-color: var(--print-h3-color,var(--color6));
  --h4-color: var(--print-h4-color,var(--color7));
  --h5-color: var(--print-h5-color,var(--color8));
  --h6-color: var(--print-h6-color,var(--color9));

  --graph-circle: var(--color8);
  /*图谱普通点颜色*/

  /*mermaid*/
  --mermaid-active-task-color: var(--magic-low-color);
  --mermaid-seq-dia-color: var(--high-color);

  /*table*/
  --table-background-color: var(--bg-color2);
  --table-background-color-odd: var(--bg-color);
  --table-border-color: #878787;
  --table-thead-background-color: var(--color11);
  --table-hover-raw-color: var(--color10);
  --table-hover-color: var(--color11);
  --table-hover-thead-color: var(--color10);

  /*calendar*/
  --calendar-week-color: var(--high-color);
  --calendar-week-hover: var(--color1);
  --calendar-week-background-color: var(--bg-color);
  --calendar-today-background-color: var(--color1);

  /*day planner*/
  --day-planner-pie: var(--color1);
  --day-planner-timeline: #000000;
  --day-planner-line: var(--magic-low-color);
  --day-planner-dot: var(--magic-low-color);
  --day-planner-item-hover: var(--magic-main-color);
  --event-item-color1: var(--color2);
  --event-item-color2: var(--color3);
  --event-item-color3: var(--color4);
  --event-item-color4: var(--color5);
  --event-item-color5: var(--color6);
  --event-item-color6: var(--color7);
  --event-item-color7: var(--color8);
  --event-item-color8: var(--color9);
  --event-item-color9: var(--color10);
  --event-item-color10: var(--color11);

  /*Sliding panes*/
  --sliding-panes-header-color: var(--color1);

  --color-view-header-gradient-1: var(--bg-color2);
  --color-view-header-gradient-2: var(--bg-color);

  /*checkbox*/
  --checkbox-color-0: var(--magic-main-color);

  --activeline-background: var(--bg-color2);
}

body.color-scheme-options-lillimon-topaz #calendar-container {
  --color-background-heading: transparent;
  --color-background-weeknum: transparent;
  --color-background-day: transparent;
  --color-background-weekend: transparent;
  
  --color-tr: var(--bg-color) !important;
  --color-tr-odd: #ffdece !important;
  
  --color-dot: var(--text-accent);
  --color-arrow: currentColor;
  --color-button: var(--text-muted);
  --color-text-weeknum: var(--calendar-week-color);
    
  --color-text-title: var(--text-normal);
  --color-text-heading: var(--text-normal);
  --color-text-day: var(--text-normal);
  --color-text-today: var(--text-accent);
    
  padding: 0px 5px 0px 8px;
  margin: -21px -8px 0px -8px;
  line-height: 0.6;
}
/*=================== Lillian 的配色 end  ========================*/

/*========== awyugan 的 配色 =========*/
body.color-scheme-options-lilac .theme-light,
body.color-scheme-options-lilac.theme-light {
  --background-primary: #d7c4f2;
  --background-primary-alt: #e8dffa;
  --background-secondary: #e1cefa;
  --background-secondary-alt: #d7c4f2;
  --background-secondary-alt-bg-4-bt: #d7c4f2; 
  --background-modifier-border: #af9dd1;
  --background-modifier-success: #d7a4e7;
  --text-accent: #c488cc;
  --text-accent-hover: #592495;
  --text-normal: #0e0e0e;
  --text-muted: #ab7ecf;
  --text-faint: #a23ac2;
  --accent-em: #620ac6;
  --text-selection: #8b66bb59;
  --text-on-accent: #f2f2f2;
  --interactive-normal: #eaeaeb;
  --interactive-hover: #d1b6f0;

  --interactive-accent-rgb: 195, 144, 230;/*工作区旁边的线*/
  --interactive-accent: #b28ce4;
  --interactive-accent-hover: #7b5e96;
  --strong-em-highlight-color: #7908ae;
  --text-highlight-bg-h: 273;
  --text-highlight-bg-s: 65%;
  --text-highlight-bg-l: 75%;
  --text-highlight-bg-a: 0.706;
  --text-highlight-bg: hsla(var(--text-highlight-bg-h), var(--text-highlight-bg-s), var(--text-highlight-bg-l), var(--text-highlight-bg-a));
  --text-search-highlight-bg: #d1d2ff;
  --strong-em-color-1: #5008ae;
  --strong-em-color-2: #2e0153;
  
  --background-search-result: #f3f3f3;
  --search-result-file-matched-bg: #ffc3c3;

  --background-primary-bg-4-bt: #ffffff; 
  --background-primary-alt-bg-4-bt: #ffffff;
  --background-secondary-bg-4-bt: #ffffff;

  --background-mobile-drawer-1: #ffffff;
  --background-mobile-drawer-2: #ffffff;

  --background-secondary-alt-bg-4-bt-publish: #e1d5eb61;

  --scrollbar-thumb: #aa7dd3a8; /*看板滚动条*/

  --embed-color: #e3d6eb4f;
  --search-result-file-title-color: #5a10a0;
  --theme-color: var(--interactive-accent);
  --theme-color-translucent: #c3abe9bd;
  --theme-color-translucent-1: #8649aa85;

  --color-specification: #0084ff;
  --allow-1: #ec9a3c;
  --background-blockquote: #b6b6b62c;

  --internal-link-color: #6203a2;

  --internal-link-color-in-highlight: #6203a2;

  --list-ul: #ffffff;
  --list-ul-block-color: #7f1bb9;
  --list-ul-disc-color: #d955f3;
  --list-ul-hover: #ba2fdd;
  --list-ol-block-color: #7835a5;
  --list-ol-number-color: #85429a;
  --list-ol-hover: #9231b8;
 
  --green-1: #9c30c7;

  --tag-text: #d2a3d4;
  --stag1: #fa8787;
  --stag1-bg: #eb2727;
  --stag2: #fdbd5c;
  --stag2-bg: #ee9002;
  --stag3: #50ce3a;
  --stag3-bg: #22ac09;
  
  --tag1: #2b85ce;
  --tag2: #29b325;
  --tag3: #20b9ce;
  --tag4: #dfd331;
  --tag5: #bbbbbb;
  --tag6: #ca3f3f;
  --tag7: #b925b2;
  --tag8: #8a54d1;
  --tag9: #7b6bda;

  --tag-dailynote: #0077ff;
  --tag-dailynote-bg: #277CDD;
  --tag-weeklynote: #4b9fff;
  --tag-weeklynote-bg: #6aafff;
  --tag-questions: #b68fff;
  --tag-questions-bg: #b085ff;
  --tag-ideas: #ceb900;
  --tag-ideas-bg: #444444d8;

  --h1-color: var(--print-h1-color, #6F6493);
  --h2-color: var(--print-h2-color, #724681);
  --h3-color: var(--print-h3-color, #330349);
  --h4-color: var(--print-h4-color, #2d1445);
  --h5-color: var(--print-h5-color, #300e47);
  --h6-color: var(--print-h6-color, #331945);

  /*graph*/
  --graph-text-color: #696969;
  --graphtag: #da9ee2cc;
  --graph-attach: #88b0d6cc;
  --graph-circle: #ac6fbfcc;
  --graph-line: #b1b1b1;
  --graph-unresolved: #db4e4ecc; 
  --link-unresolved-highlight: #df4747;
  --graph-arrow: #e25300; 
  --graph-control-bg: #ffffff9a;

  /*mermaid*/
  --mermaid-active-task-color: #44bbff;
  --mermaid-seq-dia-color: #76c8ff;

  /*table*/
  --table-background-color: #efe0f1;
  --table-background-color-odd: #ffffffaf;
  --table-border-color: #7d7d7d;
  --table-thead-background-color: #d4a7e6c7;
  --table-hover-raw-color: #c485ee2f;
  --table-hover-color: #a75dec34;
  --table-hover-thead-color: #edddff;

  /*calendar*/
  --calendar-week-color: #8b32b4;
  --calendar-week-hover: #f9e3ff;
  --calendar-week-background-color: #d4bfe6;
  --calendar-today-background-color: #c2aaee;
  --color-text-weeknum: #8b32b4;

  /*day planner 改为相应色系*/
  --day-planner-pie: #eca95c;
  --day-planner-timeline: #d62f2f;
  --day-planner-line: #d0aee6;
  --day-planner-dot: #d0aee6;
  --day-planner-item-hover: #d0aee6;

  --event-item-color1: #e6e0f1;  
  --event-item-color2: #d4cae5; 
  --event-item-color3: #c2b4d9; 
  --event-item-color4: #b09fcd; 
  --event-item-color5: #9f8ac1; 
  --event-item-color6: #9078b6; 
  --event-item-color7: #8066ac; 
  --event-item-color8: #7154a1; 
  --event-item-color9: #604195; 
  --event-item-color10: #4f2d89; 
  --event-item-color11: #3c197c; 
  --event-item-color12: #280070;
    
  /* stickies */
  --stickies-color-1: #b8b3e2;
  --stickies-color-2: #e9c6f1;
  --tape-color: #acacac65;

  /*Sliding panes*/
  --sliding-panes-header-color: #2c0240;
  --background-4-sliding-pane: #ffffffef;

  --color-view-header-gradient-1: #efe0f1ef; /*标题上的颜色*/
  --color-view-header-gradient-2: #e1c9f1ef;

  /*checkbox*/
  --checkbox-color-0: var(--text-accent);
  --checkbox-color-1: #e0dd2a;
  --checkbox-color-2: #4077bf;
  --checkbox-color-3: #ffe9e9;
  --checkbox-color-4: #fffbd4;
  --checkbox-color-5: #ad7fbf;
  --checkbox-color-6: #a3a1a1;
  --text-checked-checkbox: #9b9b9b;

  /*codemirror-line-bg*/
  --activeline-background: #d7c4f2;

  --interactive-hover: #dbdbdc;

  --table-color-calendar-2: rgb(211, 161, 247);
  --table-color-rgb: 211, 161, 247;
}

body.color-scheme-options-lilac.all-dark .print.theme-light,
body.color-scheme-options-lilac.theme-dark {
  --bg-color: #462058;
  --bg-color2: #b276c4;
  --background-primary: var(--bg-color);
  --background-primary-alt: var(--bg-color2);
  --background-secondary: #44204b;
  --background-secondary-alt: var(--bg-color);
  --background-modifier-border: #947676;
  --text-accent: #b793cc;
  --text-accent-hover: #efd6f7; 
  --text-normal: #c9b8e9;  
  --text-highlight: #eb1eeb;
  --text-highlight-2: #e4e4e4;
  --text-muted: #c46ec4;  
  --text-faint: #b932e2;
  --text-folder-file: #b3b3b3;

  --accent-em: #ca91d8;
  --text-on-accent: #dcddde;
  --interactive-normal: #20242b;
  --interactive-hover: #353b47;
  --interactive-accent: #be3abe; 
  --interactive-accent-rgb: 128, 50, 159;     
  --interactive-accent-hover: #660f89;

  --strong-em-highlight-color: #9c8ce6;

  --text-highlight-bg-h: 286;
  --text-highlight-bg-s: 40%;
  --text-highlight-bg-l: 38%;
  --text-highlight-bg-a: 0.541;
  --text-highlight-bg: hsla(var(--text-highlight-bg-h), var(--text-highlight-bg-s), var(--text-highlight-bg-l), var(--text-highlight-bg-a));
  --text-search-highlight-bg: #bb4361;
  --strong-em-color-1: #9c8ce6;
  --strong-em-color-2: #23d05c;

  --background-search-result: #363636;

  --background-primary-bg-4-bt: #291333; 
  --background-primary-alt-bg-4-bt: #462058;
  --background-secondary-bg-4-bt: #181818;
  --background-secondary-alt-bg-4-bt: #462058; 

  --background-mobile-drawer-1: #1b1b1b;
  --background-mobile-drawer-2: #1b1b1b69;
  --background-transparent-blue: #003e759a;

  --scrollbar-thumb: #603a81;

  --embed-color: #4047424f;
  --search-result-file-title-color: #a75ac6; 
  --theme-color: var(--interactive-accent);
  --theme-color-translucent: #6d3c9bc9;/* 页面滚动条*/
  --theme-color-translucent-1: #5e2877b7;
  --color-specification: #f1a1a1;

  --allow-1: #d18828;
  --background-blockquote: #9191911c;
  --background-code: #1111118c;
  --background-code-2: #4c4c4cb0;
  --text-color-code: #d58000;

  --internal-link-color: #a360da;
  --internal-link-color-in-highlight: #a360da;

  --list-ul: #f1a8f8;
  --list-ul-block-color: #e142d9a9;
  --list-ul-disc-color: #ae63eb;
  --green-1: #8442c1;
  --list-ul-hover: #9715e2de;
  --list-ol-block-color: #9826bbb4;
  --list-ol-number-color: #b595c4;
  --list-ol-hover: #ba2cd6;

  --tag-text: #e4e4e4;
  --stag1: #f08383;
  --stag1-bg: #bd1919;
  --stag2: #e7b263;
  --stag2-bg: #ac6700;
  --stag3: #77df89;
  --stag3-bg: #058c1c;
  --tag1: #2b85ce;
  --tag2: #29b325;
  --tag3: #20b9ce;
  --tag4: #dfd331;
  --tag5: #bbbbbb;
  --tag6: #ca3f3f;
  --tag7: #b925b2;
  --tag8: #8a54d1;
  --tag9: #7b6bda;

  --h1-color: var(--print-h1-color, #bc7ad4);
  --h2-color: var(--print-h2-color, #8d26ac);
  --h3-color: var(--print-h3-color, #9642af);
  --h4-color: var(--print-h4-color, #d496f8);
  --h5-color: var(--print-h5-color, #a192f7);
  --h6-color: var(--print-h6-color, #c675f5);

  /*graph*/
  --graphtag: #b992ddbb;
  --graph-attach: #76c1f0bb;
  --graph-circle: #8f70a1bb;
  --graph-line: #8c8c8c;
  --graph-unresolved: #c3afdade;

  /*mermaid*/
  --mermaid-active-task-color: #187ef1;
  --mermaid-seq-dia-color: #1371be;

  /*table*/
  --table-background-color: #58266e;
  --table-background-color-odd: #0000001c;
  --table-border-color: #ac9494;
  --table-thead-background-color: #4332ddc2;
  --table-hover-raw-color: #08569a21;
  --table-hover-color: #4125a5a1;
  --table-hover-thead-color: #5f298cc7;

  /*calendar*/
  --calendar-week-color: #c194df;
  --calendar-week-hover: #705c81;
  --calendar-week-background-color: #683270;
  --calendar-today-background-color: #e01313;

  /*day planner 改为相应色系*/
  --day-planner-pie: #eca95c;
  --day-planner-timeline: #9231b8;
  --day-planner-line: #8b36b3;
  --day-planner-dot: #8b36b3;
  --day-planner-item-hover: #8b36b3;
  --event-item-color1: #c79cdb;
  --event-item-color2: #b67fd1;
  --event-item-color4: #9646bc;
  --event-item-color3: #a662c6;
  --event-item-color5: #8b3fae;
  --event-item-color6: #7f3aa0;
  --event-item-color7: #683083;
  --event-item-color8: #592672;
  --event-item-color9: #371945;
  --event-item-color10:#351544;
    
  /* stickies */
  --stickies-color-1: #683083;
  --stickies-color-2: #823a92;
  --tape-color: #99999967;

  /*Sliding panes*/
  --sliding-panes-header-color: var(--h2-color);
  --background-4-sliding-pane: #252525ed;

  --color-view-header-gradient-1: #330c46de;
  --color-view-header-gradient-2: #002900c0;

  /*checkbox*/
  --checkbox-color-0: var(--text-accent);
  --checkbox-color-1: #dbd821;
  --checkbox-color-2: #1061ac;
  --checkbox-color-3: #ffd1d1;
  --checkbox-color-4: #625d4c;
  --checkbox-color-5: #9a67ae;
  --checkbox-color-6: #5f5f5f;
  --text-checked-checkbox: #b9b8b8;

  --activeline-background: #462058;

  --interactive-hover: #dbdbdc;

  --table-color-calendar-2: rgb(98, 36, 143);
  --table-color-rgb: 98, 36, 143;
}

/*分割工作区的线透明*/
body.color-scheme-options-lilac .workspace-split.mod-left-split>.workspace-leaf-resize-handle,
body.color-scheme-options-lilac .workspace-split.mod-right-split>.workspace-leaf-resize-handle {
  width: 2px;
  background-color: transparent;
}

/* scrollbar 滚动条颜色*/
body.color-scheme-options-lilac.theme-light ::-webkit-scrollbar-thumb { 
  background-color: #cbb5e9; 
}
body.color-scheme-options-lilac.theme-dark ::-webkit-scrollbar-thumb { 
  background-color:#683083; 
}

/*stickies*/
body.color-scheme-options-lilac .stickies {
  color: var(--text-normal);
}

body.color-scheme-options-lilac div .CodeMirror-line span.cm-hashtag-begin + span.cm-hashtag.cm-meta.cm-hashtag-end {
  background-color: transparent;
  border: 1px solid var(--text-normal);
  color: var(--tag-text);
  border-radius: var(--radius-l);
  padding-right: 0.4375em;
  padding-left: 0.4375em;
}

body.color-scheme-options-lilac *:not(font) > em > strong,
body.color-scheme-options-lilac *:not(font) > strong > em, 
body.color-scheme-options-lilac .cm-strong.cm-em {
  background-image: initial;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
  background-color: initial;
} 

body.color-scheme-options-lilac.theme-dark #calendar-container {
  --theme-color-translucent-3: #553b75;
}

body.color-scheme-options-lilac.theme-light #calendar-container {
  --theme-color-translucent-3: #dccaffb0;
}
/*======@awyugan--end========*/

body.font-family-change-to-default .markdown-source-view,
body.font-family-change-to-default :is(.markdown-preview-view,.markdown-rendered),
body.font-family-change-to-default .markdown-source-view.mod-cm6 .cm-scroller,
body.font-family-change-to-default :is(.markdown-preview-view,.markdown-rendered) h5,
body.font-family-change-to-default :is(.markdown-preview-view,.markdown-rendered) h6,
body.font-family-change-to-default .nav-file-title,
body.font-family-change-to-default .nav-folder-title,
body.font-family-change-to-default a.tag,
body.font-family-change-to-default .cm-s-obsidian span.cm-hashtag,
body.font-family-change-to-default .nav-folder.mod-root>.nav-folder-title,
body.font-family-change-to-default pre.frontmatter.language-yaml::before,
body.font-family-change-to-default span.cm-strong,
body.font-family-change-to-default :not(font)>strong,
body.font-family-change-to-default a,
body.font-family-change-to-default :is(.markdown-preview-view,.markdown-rendered) .internal-link,
body.font-family-change-to-default :is(.markdown-preview-view,.markdown-rendered) th,
body.font-family-change-to-default *:not(font)>em>strong,
body.font-family-change-to-default *:not(font)>strong>em,
body.font-family-change-to-default .cm-strong.cm-em {
  font-family: unset !important;
}

body.font-family-change-to-default .cm-s-obsidian .cm-hmd-frontmatter,
body.font-family-change-to-default .markdown-rendered code,
body.font-family-change-to-default :is(.markdown-preview-view,.markdown-rendered) code{
  font-family: 'Source Code Pro', monospace !important;
}

/* page-size in edit mode*/
:is(.markdown-preview-view,.markdown-rendered) .markdown-preview-sizer,
.markdown-source-view .CodeMirror {
  max-width: 95%;
  margin: 0 auto;
}

body.reduce-bottom-padding :is(.markdown-preview-view,.markdown-rendered) .markdown-preview-sizer,
body.reduce-bottom-padding:not(.plugin-cm-typewriter-scroll) .cm-s-obsidian .cm-content {
  padding-bottom: var(--bottom-padding-value) !important;
}

.markdown-source-view.mod-cm6.is-line-wrap.is-readable-line-width .cm-line:not(.HyperMD-table-row),
.markdown-source-view.mod-cm6.is-readable-line-width:not(.rtl) .cm-contentContainer {
  margin-right: auto;
}

.markdown-source-view.mod-cm5,
.markdown-source-view.mod-cm6,
.markdown-source-view {
  padding: 0;
}

.cm-s-obsidian .CodeMirror-code {
  padding-right: 0;
}

/*===============================*/
/*=============YAML==============*/
/*===============================*/
/* cssclass: inline-list */
/* can change list from block to inline; can be used with inline images */
.inline-list ul,
.inline-list ol {
  display: inline-block;
  margin-top: 0.3em;
}

/* cssclass: code-wrap */
/* as implied by the name, to wrap texts for code boxes */
.code-wrap pre>code>span {
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
}
.code-wrap code.language-yaml.is-loaded {
  word-wrap: break-word !important;
  word-break: break-word !important;
  white-space: pre-wrap !important;
}
.code-wrap code.language-md.is-loaded {
  word-wrap: break-word !important;
  word-break: break-word !important;
  white-space: break-spaces !important;
}

/* cssclass: image-grid */
/* image-grid-2 */
/* adapted from https://github.com/iEchoxu/obsidian_orange/blob/main/.obsidian/snippets/image-grid.css */
.img-grid :is(.markdown-preview-section,.markdown-rendered)>div>p>.image-embed[alt*="."] {
  padding: 0 0.3rem;
}
.img-grid :is(.markdown-preview-section,.markdown-rendered)>div>p>.image-embed[alt*="."]:last-child {
  padding-right: 0;
}
.img-grid :is(.markdown-preview-section,.markdown-rendered)>div>p>.image-embed[alt*="."]:first-child {
  padding-left: 0;
}
.img-grid :is(.markdown-preview-section,.markdown-rendered)>div hr {
  width: 100%;
}
.img-grid span.image-embed[alt*="."] {
  display: table-cell;
}
.img-grid img[alt*="."] {
  max-height: 100vh;
  object-fit: cover;
}

/* cssclass: kanban */
/* adapted from spectrum theme, thanks to @Braweria. https://github.com/Braweria/Spectrum */
/* a kind of css-based pseudo-kanban feature */
.kanban ul {
  display: flex;
  flex-direction: row;
  border: 0px solid var(--p-kanban-border-color);
  padding: 0rem;
  border-radius: var(--radius-m);
  flex-wrap: wrap;
}

.kanban ul>li {
  flex: 1 1 20%;
  padding: 0.1em 1em 0.1em 0.8em;
  margin: 0 0.3em 0.3em 0 !important;
  list-style: none;
  border: 1px solid var(--p-kanban-border-color);
  border-left: 1px solid var(--p-kanban-border-color) !important;
  border-radius: var(--radius-s);
  word-wrap: break-word;
  word-break: break-word;
}

.kanban ul li.task-list-item .task-list-item-checkbox {
  margin-left: auto;
}

.kanban ul .list-collapse-indicator.collapse-indicator.collapse-icon {
  margin-left: -1.2em;
}

.kanban ul .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  color: var(--text-accent);
  transition: transform 10ms linear 0s
}

body.colorful-p-kanban .kanban ul>li:nth-of-type(8n+1) {
  background-color: var(--p-kanban-color-1);
}
body.colorful-p-kanban .kanban ul>li:nth-of-type(8n+2) {
  background-color: var(--p-kanban-color-2);
}
body.colorful-p-kanban .kanban ul>li:nth-of-type(8n+3) {
  background-color: var(--p-kanban-color-3);
}
body.colorful-p-kanban .kanban ul>li:nth-of-type(8n+4) {
  background-color: var(--p-kanban-color-4);
}
body.colorful-p-kanban .kanban ul>li:nth-of-type(8n+5) {
  background-color: var(--p-kanban-color-5);
}
body.colorful-p-kanban .kanban ul>li:nth-of-type(8n+6) {
  background-color: var(--p-kanban-color-6);
}
body.colorful-p-kanban .kanban ul>li:nth-of-type(8n+7) {
  background-color: var(--p-kanban-color-7);
}
body.colorful-p-kanban .kanban ul>li:nth-of-type(8n) {
  background-color: var(--p-kanban-color-8);
}

.kanban ul>li:nth-of-type(n) {
  background-color: var(--p-kanban-color-simple);
  padding-left: 1em;
  backdrop-filter: blur(calc(var(--blur-p-kanban-frosted-glass)*2px));
}
.kanban ul:first-child>li:nth-of-type(8n+1) {
  border-top: 6px solid var(--p-kanban-color-1) !important;
}
.kanban ul:first-child>li:nth-of-type(8n+2) {
  border-top: 6px solid var(--p-kanban-color-2) !important;
}
.kanban ul:first-child>li:nth-of-type(8n+3) {
  border-top: 6px solid var(--p-kanban-color-3) !important;
}
.kanban ul:first-child>li:nth-of-type(8n+4) {
  border-top: 6px solid var(--p-kanban-color-4) !important;
}
.kanban ul:first-child>li:nth-of-type(8n+5) {
  border-top: 6px solid var(--p-kanban-color-5) !important;
}
.kanban ul:first-child>li:nth-of-type(8n+6) {
  border-top: 6px solid var(--p-kanban-color-6) !important;
}
.kanban ul:first-child>li:nth-of-type(8n+7) {
  border-top: 6px solid var(--p-kanban-color-7) !important;
}
.kanban ul:first-child>li:nth-of-type(8n) {
  border-top: 6px solid var(--p-kanban-color-8) !important;
}
body.simple-p-kanban .kanban ul:first-child>li:nth-of-type(n) {
  border-top: none !important;
}

body:not(.remove-shadow-p-kanban) .kanban ul>li:hover {
  transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1);
  box-shadow: 0 3px 5px 0 var(--p-kanban-color-shadow), 0 3px 1px -3px var(--p-kanban-color-shadow), 2px 3px 3px 0 var(--p-kanban-color-shadow);
}

.kanban ul ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0rem;
  margin-top: 0.5rem;
  border-radius: 0;
  border: 0;
  background: none;
}

.kanban ul ul li:not(.task-list-item) {
  width: 100%;
  display: block;
  background-color: var(--p-kanban-card-color-1) !important;
}

body.remove-shadow-p-kanban .kanban ul ul li:hover {
  background: var(--p-kanban-card-color-2) !important;
  border-color: var(--p-kanban-border-color) !important;
  border-left: 1px solid var(--p-kanban-border-color) !important;
}

body.remove-shadow-p-kanban.theme-dark .kanban ul ul li:hover {
  border-color: #696969e1 !important;
  border-left: 1px solid #696969e1 !important;
}

.kanban ul ul li .task-list-item-checkbox {
  margin-left: 1.5rem !important;
}

.kanban ul ul ul {
  margin-right: 0;
}

.kanban ul ul::before {
  border-left: 0;
}

:is(.markdown-preview-view,.markdown-rendered).is-readable-line-width.kanban .markdown-preview-sizer>div>ul {
  max-width: 100%;
}

.kanban :is(ol,ul).contains-task-list :is(ol,ul) {
  position: initial;
}

.kanban :is(ol,ul).contains-task-list :is(ol,ul)::before {
  all: initial;
}

.kanban ul > li.task-list-item {
  flex: 1 1 20%;
  padding: 0.1em 1em;
  list-style: none;
  border: 1px solid var(--p-kanban-border-color);
  border-left: 1px solid var(--p-kanban-border-color) !important;
  border-radius: var(--radius-s);
  word-wrap: break-word;
  word-break: break-word;
  text-indent: 0.01em;
}

.kanban ul ul li.task-list-item {
  width: 100%;
  display: block;
  padding-left: 2em;
  text-indent: -3em;
  background-color: var(--p-kanban-card-color-1) !important;
}

.kanban ul ul li.task-list-item .list-collapse-indicator.collapse-indicator.collapse-icon {
  text-indent: -1em;
}

body:not(.default-icons) .kanban li.task-list-item .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  margin-left: -0.2em;
}

body:not(.default-icons) .kanban li.task-list-item .task-list-item.is-collapsed .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  transform: translateX(-0.9em) translateY(-1em) rotate(-90deg);
}

body.colorful-p-kanban .kanban .task-list-item-checkbox {
  border-color: var(--text-normal) !important;
}

/* cssclass: colorful-highlight */
body:not(.remove-colorful-highlight-bg) .markdown-source-view.is-live-preview *:not([class*="cm-formatting-highlight"])~*:not([class*="cm-em"])~.cm-em.cm-highlight.cm-strong,
.markdown-source-view.is-live-preview.colorful-highlight .cm-em.cm-highlight.cm-strong {
  background-color: var(--bg-color-highlight-3) !important;
  color: var(--color-highlight-3) !important;
  -webkit-text-fill-color: unset;
  font-style: normal;
  font-weight: var(--font-weight-highlight-3);
}
body:not(.remove-colorful-highlight-bg) .markdown-source-view.is-live-preview *:not([class*="cm-formatting-highlight"])~*:not([class*="cm-strong"])~.cm-highlight.cm-strong,
.markdown-source-view.is-live-preview.colorful-highlight .cm-highlight.cm-strong {
  background-color: var(--bg-color-highlight-2) !important;
  color: var(--color-highlight-2) !important;
  font-weight: var(--font-weight-highlight-2);
}
body:not(.remove-colorful-highlight-bg) .markdown-source-view.is-live-preview *:not([class*="cm-formatting-highlight"])~*:not([class*="cm-em"])~.cm-em.cm-highlight,
.markdown-source-view.is-live-preview.colorful-highlight .cm-em.cm-highlight {
  background-color: var(--bg-color-highlight-1) !important;
  color: var(--color-highlight-1) !important;
  font-style: normal;
  font-weight: var(--font-weight-highlight-1);
}
.cm-s-obsidian .cm-formatting.cm-formatting-highlight.cm-highlight~.cm-formatting.cm-highlight[class*="cm-em"]~span.cm-highlight[class*="cm-em"],
.cm-s-obsidian .cm-formatting.cm-formatting-highlight.cm-highlight~.cm-formatting.cm-highlight[class*="cm-strong"]~span.cm-highlight[class*="cm-strong"],
.cm-s-obsidian .cm-formatting.cm-formatting-highlight.cm-highlight~.cm-formatting.cm-highlight[class*="cm-em"]:not([class*="cm-formatting-highlight"]),
.cm-s-obsidian .cm-formatting.cm-formatting-highlight.cm-highlight~.cm-formatting.cm-highlight[class*="cm-strong"]:not([class*="cm-formatting-highlight"]) {
  background-color: var(--text-highlight-bg) !important;
}

/* cssclass: cloze */
.markdown-source-view.is-live-preview.cloze .cm-highlight.cm-strikethrough:not([class*="formatting"]),
body:not(.remove-cloze-style) .markdown-source-view.is-live-preview .cm-highlight.cm-strikethrough:not([class*="formatting"]) {
  background-color: var(--cloze-bg-color) !important;
  color: var(--cloze-bg-color);
  text-decoration: underline var(--cloze-decoration) var(--cloze-decoration-color);
}

.markdown-source-view.is-live-preview.cloze .cm-highlight.cm-strikethrough:hover,
body:not(.remove-cloze-style) .markdown-source-view.is-live-preview .cm-highlight.cm-strikethrough:hover {
  background-color: transparent !important;
  color: var(--text-normal) !important;
  transition: all 400ms ease-in-out;
}

.markdown-source-view.is-live-preview.cloze .cm-em.cm-highlight.cm-strikethrough:not([class*="formatting"]),
body:not(.remove-cloze-style) .markdown-source-view.is-live-preview .cm-em.cm-highlight.cm-strikethrough:not([class*="formatting"]) {
  color: transparent !important;
  background-color: transparent !important;
  padding: 0 2px;
  text-decoration: underline var(--cloze-decoration-2) var(--cloze-decoration-color-2) !important;
}


/*========floating-toc===========*/
div.markdown-source-view ul.floating-toc>li{
  flex:none;
  background-color: transparent;
  border:0px;
}
div.markdown-source-view ul.floating-toc{
  flex-wrap:unset;
}
/*=========================*/
/*==========tags===========*/
/*=========================*/
/*special tags*/
.tag[href^="#important"]:not(.token) {
  background-color: var(--stag1-bg) !important;
  font-weight: 600;
  font-family: var(--font-family-special-tag) !important;
  color: var(--white) !important;
  border: none;
}

.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-hashtag.cm-meta.cm-hashtag-end.cm-tag-important:not(.cm-formatting-hashtag) {
  font-family: var(--font-family-special-tag) !important;
  font-weight: 600;
  background-color: var(--stag1-bg);
  color: var(--white) !important;
  border: none;
  font-size: 0.95em;
}

.tag[href^="#重要"]:not(.token) {
  background-color: var(--stag1-bg) !important;
  font-weight: 600;
  font-family: Webdings, 'Microsoft YaHei';
  color: var(--white) !important;
  border: none;
}

.tag[href^="#complete"]:not(.token) {
  background-color: var(--stag3-bg) !important;
  font-weight: 600;
  font-family: var(--font-family-special-tag) !important;
  color: var(--white) !important;
  border: none;
}

.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-hashtag.cm-meta.cm-hashtag-end.cm-tag-complete:not(.cm-formatting-hashtag) {
  font-family: var(--font-family-special-tag) !important;
  font-weight: 600;
  background-color: var(--stag3-bg);
  color: var(--white) !important;
  border: none;
  font-size: 0.95em;
}

.tag[href^="#完成"]:not(.token) {
  background-color: var(--stag3-bg) !important;
  font-family: Origin, 'Microsoft YaHei';
  font-weight: 600;
  color: var(--white) !important;
  border: none;
}

.tag[href^="#inprogress"]:not(.token) {
  background-color: var(--stag2-bg) !important;
  font-weight: 600;
  font-family: var(--font-family-special-tag) !important;
  color: var(--white) !important;
  border: none;
}

.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-hashtag.cm-meta.cm-hashtag-end.cm-tag-inprogress:not(.cm-formatting-hashtag) {
  font-family: var(--font-family-special-tag) !important;
  font-weight: 600;
  background-color: var(--stag2-bg);
  color: var(--white) !important;
  border: none;
  font-size: 0.95em;
}

.tag[href^="#进行中"]:not(.token) {
  background-color: var(--stag2-bg) !important;
  font-weight: 600;
  font-family: Wingdings, 'Microsoft YaHei';
  color: var(--white) !important;
  border: none;
}

.tag[href^="#dailynote"]:not(.token) {
  background-color: var(--tag-dailynote-bg) !important;
  font-weight: 600;
  font-family: var(--font-family-special-tag) !important;
  color: var(--white) !important;
  border: none;
}

.tag[href^="#dailynote"]::after {
  content: ' 🐈';
  font-size: var(--font-size-emoji-after-tag);
}

.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-tag-dailynote:not(.cm-formatting-hashtag)::after {
  content: ' 🐈';
}

.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-hashtag.cm-meta.cm-hashtag-end.cm-tag-dailynote:not(.cm-formatting-hashtag) {
  font-family: var(--font-family-special-tag) !important;
  font-weight: 600;
  background-color: var(--tag-dailynote-bg);
  color: var(--white) !important;
  border: none;
  font-size: 0.95em;
}

.tag[href^="#weeklynote"]:not(.token) {
  background-color: var(--tag-weeklynote-bg) !important;
  font-weight: 600;
  font-family: var(--font-family-special-tag) !important;
  color: var(--white) !important;
  border: none;
}

.tag[href^="#weeklynote"]::after {
  content: ' 🥑';
  font-size: var(--font-size-emoji-after-tag);
}

.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-tag-weeklynote:not(.cm-formatting-hashtag)::after {
  content: ' 🥑';
}

.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-hashtag.cm-meta.cm-hashtag-end.cm-tag-weeklynote:not(.cm-formatting-hashtag) {
  font-family: var(--font-family-special-tag) !important;
  font-weight: 600;
  background-color: var(--tag-weeklynote-bg);
  color: var(--white) !important;
  border: none;
  font-size: 0.95em;
}

.tag[href^="#questions"]:not(.token) {
  background-color: var(--tag-questions-bg) !important;
  font-weight: 600;
  font-family: var(--font-family-special-tag) !important;
  color: var(--white) !important;
  border: none;
}

.tag[href^="#questions"]::after {
  content: ' ❓';
  font-size: var(--font-size-emoji-after-tag);
}

.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-tag-questions:not(.cm-formatting-hashtag)::after {
  content: ' ❓';
}

.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-hashtag.cm-meta.cm-hashtag-end.cm-tag-questions:not(.cm-formatting-hashtag) {
  font-family: var(--font-family-special-tag) !important;
  font-weight: 600;
  background-color: var(--tag-questions-bg);
  color: var(--white) !important;
  border: none;
  font-size: 0.95em;
}

.tag[href^="#ideas"]:not(.token) {
  background-color: var(--tag-ideas-bg) !important;
  font-weight: 600;
  font-family: var(--font-family-special-tag) !important;
  color: var(--white) !important;
  border: none;
}

.tag[href^="#ideas"]::after {
  content: ' 💡';
  font-size: var(--font-size-emoji-after-tag);
}

.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-tag-ideas:not(.cm-formatting-hashtag)::after {
  content: ' 💡';
}

.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-hashtag.cm-meta.cm-hashtag-end.cm-tag-ideas:not(.cm-formatting-hashtag) {
  background-color: var(--tag-ideas-bg);
  font-family: var(--font-family-special-tag) !important;
  font-weight: 600;
  color: var(--white) !important;
  border: none;
  font-size: 0.95em;
}

.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-important {
  background-color: var(--stag1-bg);
}

.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-weeklynote {
  background-color: var(--tag-weeklynote-bg);
}

.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-dailynote {
  background-color: var(--tag-dailynote-bg);
}

.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-ideas {
  background-color: var(--tag-ideas-bg);
}
.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-inprogress {
  background-color: var(--stag2-bg);
}

.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-questions {
  background-color: var(--tag-questions-bg);
}
.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-complete {
  background-color: var(--stag3-bg);
}

/*colorful tags*/
.tag:not(.token):nth-child(9n+1) {
  background-color: var(--tag1);
}

.tag:not(.token):nth-child(9n+2) {
  background-color: var(--tag2);
}

.tag:not(.token):nth-child(9n+3) {
  background-color: var(--tag3);
}

.tag:not(.token):nth-child(9n+4) {
  background-color: var(--tag4);
}

.tag:not(.token):nth-child(9n+5) {
  background-color: var(--tag5);
}

.tag:not(.token):nth-child(9n+6) {
  background-color: var(--tag6);
}

.tag:not(.token):nth-child(9n+7) {
  background-color: var(--tag7);
}

.tag:not(.token):nth-child(9n+8) {
  background-color: var(--tag8);
}

.tag:not(.token):nth-child(9n) {
  background-color: var(--tag9);
}

/*tag font size and font family*/
a.tag:not(.token) {
  font-size: var(--font-size-tag);
  font-family: var(--font-family-tag) !important;
}

/* ====== Tag Pills ======== */
.tag:not(.token) {
  border: none;
  color: var(--tag-text);
  padding: 0px 8px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border-radius: var(--radius-l);
}

.tag:not(.token):hover {
  color: white;
  background-color: var(--theme-color) !important;
}

.cm-s-obsidian span.cm-hashtag {
  font-family: var(--font-family-tag) !important;
  font-size: var(--font-size-tag);
  text-decoration: none;
  color: var(--tag-text) !important;
}

.cm-s-obsidian span.cm-hashtag-begin {
  color: var(--tag-text) !important;
  border-top-left-radius: var(--radius-l);
  border-bottom-left-radius: var(--radius-l);
  border-right: none !important;
  text-decoration: none;
  padding-left: 0.3em;
}

.cm-s-obsidian span.cm-hashtag-end {
  color: var(--tag-text) !important;
  border-radius: 0 var(--radius-l) var(--radius-l) 0;
  padding-right: 0.3em !important;
  border-left: none;
  text-decoration: none;
}

.cm-s-obsidian span.cm-hashtag-begin+.cm-hashtag.cm-meta {
  padding-right: 0;
  color: var(--tag-text) !important;
  border-left: none !important;
}

.cm-s-obsidian span.cm-hashtag-begin+.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-hashtag-end {
  padding-left: 0;
  border-top-right-radius: var(--radius-l);
  border-bottom-right-radius: var(--radius-l);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: var(--tag-text);
  padding-right: 0.3em;
}

body.tag-pill-outlined .tag:not(.token) {
  color: var(--text-normal);
  background-color: transparent !important;
  border: var(--tag-border-width) solid;
  padding: 0px 8px;
}

body.tag-pill-outlined .tag:not(.token):nth-child(9n+1) {
  border-color: var(--tag1);
}
body.tag-pill-outlined .tag:not(.token):nth-child(9n+2) {
  border-color: var(--tag2);
}
body.tag-pill-outlined .tag:not(.token):nth-child(9n+3) {
  border-color: var(--tag3);
}
body.tag-pill-outlined .tag:not(.token):nth-child(9n+4) {
  border-color: var(--tag4);
}
body.tag-pill-outlined .tag:not(.token):nth-child(9n+5) {
  border-color: var(--tag5);
}
body.tag-pill-outlined .tag:not(.token):nth-child(9n+6) {
  border-color: var(--tag6);
}
body.tag-pill-outlined .tag:not(.token):nth-child(9n+7) {
  border-color: var(--tag7);
}
body.tag-pill-outlined .tag:not(.token):nth-child(9n+8) {
  border-color: var(--tag8);
}
body.tag-pill-outlined .tag:not(.token):nth-child(9n) {
  border-color: var(--tag9);
}

body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin+.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-hashtag-end {
  color: var(--text-normal) !important;
}

body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error {
  border: var(--tag-border-width) solid var(--tag1);
  background-color: transparent !important;
}

body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error {
  border: var(--tag-border-width) solid var(--tag2);
  background-color: transparent !important;
}

body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error {
  border: var(--tag-border-width) solid var(--tag3);
  background-color: transparent !important;
}

body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error {
  border: var(--tag-border-width) solid var(--tag4);
  background-color: transparent !important;
}

body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error {
  border: var(--tag-border-width) solid var(--tag5);
  background-color: transparent !important;
}

body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error {
  border: var(--tag-border-width) solid var(--tag6);
  background-color: transparent !important;
}

body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error {
  border: var(--tag-border-width) solid var(--tag7);
  background-color: transparent !important;
}

body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error {
  border: var(--tag-border-width) solid var(--tag8);
  background-color: transparent !important;
}

body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error {
  border: var(--tag-border-width) solid var(--tag9);
  background-color: transparent !important;
}

body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag:not([class*="-end"]),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+.cm-hashtag.cm-meta:not([class*="-end"]) {
  border-left: none;
  border-right: none;
}

body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  border-left: none;
}

body.tag-clear-style .tag:not(.token):nth-child(n) {
  background-color: transparent;
  border: none;
  color: var(--text-accent);
  text-decoration: underline;
  padding: 0 2px;
}

body.tag-clear-style .tag:not(.token):nth-child(n):hover {
  background-color: var(--theme-color-translucent-1) !important;
}

body.tag-clear-style .cm-s-obsidian span.cm-hashtag-begin,
body.tag-clear-style .cm-s-obsidian span.cm-hashtag-begin+.cm-hashtag.cm-meta,
body.tag-clear-style .cm-s-obsidian span.cm-hashtag-end,
body.tag-clear-style .cm-s-obsidian span.cm-hashtag-begin+span.cm-hashtag.cm-meta.cm-hashtag-end, 
body.tag-clear-style .cm-s-obsidian span.cm-hashtag-begin+.cm-hashtag.cm-meta {
  background-color: transparent;
  border: none;
  color: var(--text-accent) !important;
  text-decoration: underline;
  padding: 0;
}

.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-dailynote,
.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-weeklynote,
.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-ideas,
.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-inprogress,
.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-important,
.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-questions,
.cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-complete {
  font-weight: 600;
  font-family: var(--font-family-special-tag) !important;
  display: inline;
  font-size: 0.95em;
  color: var(--white) !important;
}

.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error {
  background-color: var(--tag1);
}

.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error {
  background-color: var(--tag2);
}

.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error {
  background-color: var(--tag3);
}

.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error {
  background-color: var(--tag4);
}

.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+5)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error {
  background-color: var(--tag5);
}

.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+6)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error {
  background-color: var(--tag6);
}

.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+7)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error {
  background-color: var(--tag7);
}

.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,

.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n+8)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error {
  background-color: var(--tag8);
}

.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error:not([class*="cm-hashtag-end"])+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"]),
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-hashtag-end,
.cm-s-obsidian span.cm-hashtag-begin:nth-child(9n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error+span.cm-hashtag.cm-meta:not([class*="cm-hashtag-begin"])+span.cm-hashtag.cm-meta.cm-overlay.cm-spell-error {
  background-color: var(--tag9);
}

/*source mode*/
div[class="markdown-source-view cm-s-obsidian mod-cm6"] span.cm-hashtag {
  background-color: transparent !important;
  color: var(--text-muted) !important;
  text-decoration: underline;
}

div[class="markdown-source-view cm-s-obsidian mod-cm6"] span.cm-hashtag,
div[class="markdown-source-view cm-s-obsidian mod-cm6"] span.cm-hashtag-begin,
div[class="markdown-source-view cm-s-obsidian mod-cm6"] span.cm-hashtag-end,
div[class="markdown-source-view cm-s-obsidian mod-cm6"] span.cm-hashtag-begin+.cm-hashtag.cm-meta {
  padding: 0 !important;
}

/*thanks to Klaas from Obsidian Members Group on discord*/
/* Selection highlight */
.suggestion-item.is-selected {
  background-color: var(--theme-color-translucent-1);
}

:is(.markdown-preview-view,.markdown-rendered) {
  padding: 10px 30px 10px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow-y: auto;
  overflow-wrap: break-word;
  color: var(--text-normal);
  user-select: text;
}

/*edit mode font size*/
pre.CodeMirror-line {
  font-size: var(--font-size-edit-normal) !important;
}

/*preview mode font size*/
p {
  font-size: var(--font-size-preview-normal);
}

:is(.markdown-preview-view,.markdown-rendered) p {
  margin-block-start: calc(var(--paragraph-spacing)*1em);
  margin-block-end: calc(var(--paragraph-spacing)*1em);
}


body.toggle-paragraph-spacing :is(.markdown-preview-view,.markdown-rendered) p>br {
  content:" ";
  margin-top: calc((var(--paragraph-spacing) - 1)*1em);
  display: block;
}


.markdown-source-view.mod-cm6 div.cm-line {
  padding-bottom: calc((var(--paragraph-spacing) - 1)*1em)!important;
}
body.text-indentation-two-em .markdown-source-view.mod-cm6 div.cm-line:not(.HyperMD-header) {
  text-indent: 2em;
}

body.text-indentation-two-em [data-type="markdown"] div[class="el-p"]:not(blockquote) > p {
  text-indent: 2em;
}
body.text-indentation-two-em [data-type="markdown"] div[class="el-p"]:not(blockquote) > p>br {
  content: ' ';
  white-space: pre;
  line-height: calc((var(--paragraph-spacing) + 0.3)*1em);
  display:unset;
}
body.text-indentation-two-em [data-type="markdown"] div[class="el-p"]:not(blockquote) > p>br::after {
  content: '\A         ';
}



/*edit mode blockquote font size*/
.cm-s-obsidian span.cm-quote {
  font-size: var(--font-size-edit-blockquote);
}

.CodeMirror-code span.cm-formatting.cm-formatting-quote.cm-formatting-quote.cm-quote::before {
  content: "";
  border-left: 7px solid var(--theme-color);
  border-radius: 0; /*5px 0 0 5px;*/
  height: 100%;
  margin-left: -7px;
  position: absolute;
}

.markdown-source-view.mod-cm6 .cm-blockquote-border {
  border-color: var(--theme-color);
}

.CodeMirror-line span.cm-formatting-quote + *::before,
.CodeMirror-line span.cm-formatting-quote + span.cm-hmd-indent-in-quote + span.cm-quote:not(.cm-formatting-quote)::before,
.CodeMirror-line span.cm-inline-code + *::before,
.CodeMirror-line span.cm-highlight + *::before,
.CodeMirror-line span.cm-quote + *::before,
.CodeMirror-line span.cm-hmd-html-end + *::before,
.CodeMirror-line span.cm-formatting-math + *::before {
  border-left: none;
}

/*Quote (> lorem ipsum ...) in edit mode with left border rendered instead of >*/
div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-quote {
  color: transparent !important;
}

.CodeMirror-line span.cm-formatting-quote {
  color: var(--red) !important;
}

.HyperMD-quote.CodeMirror-line {
  background-color: var(--background-blockquote);
  /*border-radius: var(--radius-s-border);*/
}

.cm-quote:not([class*="link"]):not([class*="string"]):not([class*="em"]):not([class*="strong"]) {
  color: var(--text-normal);
}

/* highlight */
:is(.markdown-preview-view,.markdown-rendered) mark {
  background-color: var(--text-highlight-bg);
  padding: 1px 3px;
  color: var(--text-highlight);
  border-radius: var(--radius-xs);
}

.cm-s-obsidian span.cm-highlight,
.cm-highlight.cm-quote {
  color: var(--text-highlight-2);
  padding: 0 0 1px 0;
}

.cm-s-obsidian span.cm-formatting-highlight {
  border-radius: 3px 0 0 3px;
}

.cm-s-obsidian span[class="cm-highlight"]+span.cm-formatting-highlight,
.cm-s-obsidian span[class*="cm-highlight"][class*="cm-list"]+span.cm-formatting-highlight,
.cm-s-obsidian span[class*="cm-highlight"][class*="cm-quote"]+span.cm-formatting-highlight,
.cm-s-obsidian span[class*="cm-highlight"][class*="cm-header"]+span.cm-formatting-highlight,
.cm-s-obsidian span[class*="cm-highlight"][class*="cm-formatting-code"][class*="cm-inline-code"]+span.cm-formatting-highlight,
.cm-s-obsidian span[class*="cm-highlight"][class*="cm-formatting-link"]+span.cm-formatting-highlight,
.cm-s-obsidian span[class*="cm-highlight"][class*="cm-hmd-internal-link"]+span.cm-formatting-highlight,
.cm-s-obsidian span[class*="cm-highlight"][class*="cm-strong"]+span.cm-formatting-highlight,
.cm-s-obsidian span[class*="cm-highlight"][class*="cm-em"]+span.cm-formatting-highlight,
.cm-s-obsidian span[class*="cm-highlight"][class*="strikethrough"]+span.cm-formatting-highlight {
  border-radius: 0 3px 3px 0;
}

span.cm-formatting.cm-formatting-code.cm-highlight.cm-inline-code,
span.cm-highlight.cm-inline-code {
  border-radius: 0;
  padding: 3px 0 1px !important;
}

.theme-dark .cm-formatting.cm-formatting-highlight.cm-strong.cm-em.cm-highlight {
  background-image: initial;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
  background-color: var(--text-highlight-bg);
  color: var(--text-highlight);
}

.CodeMirror-lines span.cm-strong.cm-em.cm-highlight {
  padding: 0 1px 1px;
}

/*cloze*/
body:not(.remove-cloze-style) :is(.markdown-preview-view,.markdown-rendered) mark > del,
:is(.markdown-preview-view,
.markdown-rendered).cloze mark > del {
  background-color: var(--cloze-bg-color);
  color: var(--cloze-bg-color);
  text-decoration: underline var(--cloze-decoration) var(--cloze-decoration-color);
}

body:not(.remove-cloze-style) .cm-s-obsidian .cm-formatting.cm-formatting-highlight.cm-highlight~span.cm-formatting-strikethrough.cm-highlight.cm-strikethrough~span.cm-highlight.cm-strikethrough:not(.cm-em),
body:not(.remove-cloze-style) .cm-s-obsidian .cm-formatting.cm-formatting-highlight.cm-highlight~span.cm-formatting-strikethrough.cm-highlight.cm-strikethrough,
.markdown-source-view.cloze .cm-formatting.cm-formatting-highlight.cm-highlight~span.cm-formatting-strikethrough.cm-highlight.cm-strikethrough~span.cm-highlight.cm-strikethrough:not(.cm-em),
.markdown-source-view.cloze *:not([class*="cm-formatting-em"]).cm-formatting.cm-formatting-highlight.cm-highlight~span.cm-formatting-strikethrough.cm-highlight.cm-strikethrough {
  text-decoration: underline var(--cloze-decoration) var(--cloze-decoration-color);
  background-color: transparent !important;
}

body:not(.remove-cloze-style) .cm-s-obsidian .cm-formatting.cm-formatting-highlight.cm-highlight~.cm-formatting.cm-formatting-strikethrough~span.cm-highlight.cm-strikethrough:not(.cm-em):hover,
.markdown-source-view.cloze .cm-formatting.cm-formatting-highlight.cm-highlight~.cm-formatting.cm-formatting-strikethrough~span.cm-highlight.cm-strikethrough:not(.cm-em):hover {
  background-color: var(--text-highlight-bg);
  color: var(--text-normal);
  transition: all 400ms ease-in-out;
}

body:not(.remove-cloze-style) :is(.markdown-preview-view,
.markdown-rendered) mark > del:hover,
:is(.markdown-preview-view,
.markdown-rendered).cloze mark > del:hover {
  background-color: transparent;
  color: var(--accent-strong);
  transition: all 400ms ease-in-out;
}

body:not(.remove-cloze-style) :is(.markdown-preview-view,
.markdown-rendered) em > mark > del,
:is(.markdown-preview-view,
.markdown-rendered).cloze em > mark > del {
  color: transparent;
  background-color: transparent;
  padding: 0 2px;
  text-decoration: underline var(--cloze-decoration-2) var(--cloze-decoration-color-2) !important;
}

body:not(.remove-cloze-style) :is(.markdown-preview-view,
.markdown-rendered) em > mark > del:hover,
:is(.markdown-preview-view,
.markdown-rendered).cloze em > mark > del:hover {
  cursor: pointer;
  color: transparent;
}

body:not(.remove-cloze-style) :is(.markdown-preview-view,
.markdown-rendered) em > mark > del:active,
:is(.markdown-preview-view,
.markdown-rendered).cloze em > mark > del:active {
  color: var(--accent-strong);
  background-color: transparent;
  transition: all 400ms ease-in-out;
}

body:not(.remove-cloze-style) .cm-s-obsidian .cm-em.cm-formatting.cm-formatting-em.cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-highlight.cm-strikethrough~span.cm-em.cm-highlight.cm-strikethrough:not([class*="formatting"]),
body:not(.remove-cloze-style) .cm-s-obsidian .cm-em.cm-formatting.cm-formatting-em.cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-highlight.cm-strikethrough:not([class*="formatting"]),
.markdown-source-view.cloze .cm-em.cm-formatting.cm-formatting-em.cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-highlight.cm-strikethrough~span.cm-em.cm-highlight.cm-strikethrough,
.markdown-source-view.cloze .cm-em.cm-formatting.cm-formatting-em.cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-highlight.cm-strikethrough {
  color: var(--accent-strong) !important;
  text-decoration: underline var(--cloze-decoration-2) var(--cloze-decoration-color-2) !important;
}
body:not(.remove-cloze-style) .cm-s-obsidian .cm-em.cm-formatting.cm-formatting-em.cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-highlight.cm-strikethrough~span.cm-em.cm-highlight.cm-strikethrough,
body:not(.remove-cloze-style) .cm-s-obsidian .cm-em.cm-formatting.cm-formatting-em.cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-highlight.cm-strikethrough{
  background-color: transparent !important;
}
body:not(.remove-cloze-style) .markdown-source-view:not([class*="cm5"]) .cm-em.cm-formatting.cm-formatting-em.cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-highlight.cm-strikethrough~span.cm-em.cm-highlight.cm-strikethrough~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight,
.markdown-source-view:not([class*="cm5"]).cloze .cm-em.cm-formatting.cm-formatting-em.cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-highlight.cm-strikethrough~span.cm-em.cm-highlight.cm-strikethrough~.cm-em.cm-formatting.cm-formatting-highlight.cm-highlight {
  background-color: var(--bg-color-highlight-1) !important;
  color: var(--color-highlight-1);
  font-style: normal;
}

body:not(.remove-cloze-style) :is(.markdown-preview-view,
.markdown-rendered) em > del,
:is(.markdown-preview-view,
.markdown-rendered).cloze em > del {
  background-color: var(--cloze-bg-color-3);
  color: var(--cloze-bg-color-3);
  font-style: normal;
  text-decoration: underline var(--cloze-decoration-3) var(--cloze-decoration-color-3);
}

body:not(.remove-cloze-style) :is(.markdown-preview-view,
.markdown-rendered) em > del:hover,
:is(.markdown-preview-view,
.markdown-rendered).cloze em > del:hover {
  background-color: transparent;
  color: var(--text-normal);
  transition: all 400ms ease-in-out;
}

body:not(.remove-cloze-style) .markdown-source-view.is-live-preview .cm-em.cm-strikethrough,
.markdown-source-view.is-live-preview.cloze .cm-em.cm-strikethrough {
  background-color: var(--cloze-bg-color-3);
  color: var(--cloze-bg-color-3);
  font-style: normal;
  text-decoration: underline var(--cloze-decoration-3) var(--cloze-decoration-color-3);
}

body:not(.remove-cloze-style) .markdown-source-view.is-live-preview .cm-em.cm-strikethrough:hover,
.markdown-source-view.is-live-preview.cloze .cm-em.cm-strikethrough:hover {
  background-color: transparent !important;
  color: var(--text-normal) !important;
  transition: all 400ms ease-in-out;
}

body:not(.remove-cloze-style) .cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-strikethrough,
.markdown-source-view.cloze .cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-strikethrough {
  color: var(--accent-strong);
  text-decoration: none;
}
body:not(.remove-cloze-style) .cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-strikethrough~span.cm-em.cm-strikethrough:not([class*="formatting"]),
.markdown-source-view.cloze .cm-em.cm-formatting.cm-formatting-em~.cm-em.cm-formatting.cm-formatting-strikethrough.cm-strikethrough~span.cm-em.cm-strikethrough:not([class*="formatting"]) {
  font-style: normal;
  color: var(--accent-strong);
  text-decoration: underline var(--cloze-decoration-3) var(--cloze-decoration-color-3);
}

span.cm-strong.cm-em.cm-highlight {
  background-image: initial;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: var(--strong-em-highlight-color);
  background-color: var(--text-highlight-bg);
}

/* outliner for the outline */
/*thanks to wonton from forum*/
.nav-folder-children .nav-folder-children {
  margin-left: 0.71875rem;
  padding-left: 0;
  border-left: 1px solid var(--background-modifier-border);
  border-radius: 0;
  transition: all 400ms ease-in;
}

.nav-folder-children .nav-folder-children:hover {
  border-left-color: var(--theme-color);
}

/*标题后阴影*/
.view-header-title-container:after {
  display: none;
}

/*标题前阴影*/
.view-header-title-container::before {
  display: none;
}

.workspace-leaf.mod-active .view-header-title::selection {
  background-color: var(--theme-color-translucent);
  color: var(--text-normal);
}

/* view action buttons */
.view-action {
  margin: 0 4px;
}

.view-actions {
  padding: 3px 2px;
}

.workspace-leaf.mod-active .view-header-icon {
  color: var(--interactive-accent);
  cursor: grab;
  position: relative;
}

body.hide-titlebar-text .titlebar-text {
  display: none
}

.titlebar {
  background-color: var(--custom-titlebar-bg);
  border: none;
}

.titlebar-inner {
  -webkit-app-region: drag;
  display: flex;
  flex-grow: 1;
  color: var(--text-normal);
}

.titlebar-left {
  width: 30px;
}

/*change color when hover*/
.titlebar-button.mod-back:hover,
.titlebar-button.mod-forward:hover,
.titlebar-button.mod-maximize:hover,
.titlebar-button.mod-minimize:hover,
.workspace-ribbon-collapse-btn:hover,
.workspace-tab-header.is-active:hover,
.workspace-tab-header.is-active {
  color: var(--theme-color);
}

.workspace-tab-header:hover {
  color: var(--theme-color);
  text-align: center;
  stroke-width: 2px;
  cursor: pointer;
}

.titlebar-button {
  -webkit-app-region: no-drag;
  padding: 0 9px;
  cursor: pointer;
  opacity: 0.8;
}

.titlebar-button:hover {
  opacity: 1;
}

.workspace-tab-header-inner {
  padding: 3px 9px;
}

/*reduce space of header buttons*/
div.nav-header {
  padding: 3px 5px;
  line-height: 1;
}

div.nav-buttons-container {
  margin: 1px;
}

.workspace-leaf-content[data-type='file-explorer'] .nav-buttons-container {
  margin-right: 2px;
  border-radius: var(--radius-s);
}

input.search-input {
  margin: -2px 0px -3px 0px;
}

.nav-action-button {
  margin: 0px 5px 0px 5px !important;
}

/*tag page button*/
.nav-buttons-container>.nav-action-button,
.nav-buttons-container>.nav-action-button.is-active {
  padding: 3px 4px 1px;
}

.titlebar-text {
  flex-grow: 1;
  margin-right: 20px;
  font-size: var(--font-size-obsidian-titlebar);
  letter-spacing: 0.05em;
  opacity: 1;
  color: var(--text-accent);
  margin-top: -1px;
}

.side-dock-ribbon-action {
  padding: 7px 0 2px 0;
}

.side-dock-ribbon-tab:hover,
.side-dock-ribbon-action:hover {
  color: var(--theme-color);
}

.side-dock-settings {
  margin-top: auto;
  margin-bottom: 2px;
}

.nav-folder.mod-root>.nav-folder-title {
  padding-left: 2px;
  font-size: var(--font-size-vault-name);
  font-family: var(--font-family-vault);
  font-weight: bolder;
  text-shadow: 1px 1px 6px var(--theme-color-translucent);
  cursor: default;
  z-index: 900;
}

.theme-dark .nav-folder.mod-root>.nav-folder-title {
  color: var(--theme-color);
  text-shadow: none;
}

.theme-dark .nav-folder.mod-root>.nav-folder-title:hover {
  background-color: var(--background-secondary-alt);
  color: var(--text-muted);
  opacity: 1;
}

.theme-light .nav-folder.mod-root>.nav-folder-title:hover {
  background-color: var(--background-secondary-alt);
  text-shadow: 1px 1px 5px #ffffff7c;
  color: var(--theme-color);
  opacity: 1;
}

/*=======search panel=======*/
.search-result-file-title {
  color: var(--search-result-file-title-color);
}

/*reduce search result margin*/
.search-result-file-match {
  padding: 3px 9px;
  width: 101%;
  left: -9px;
  background: var(--background-search-result);
  color: var(--text-normal);
  border-radius: var(--radius-s);
}

.workspace-leaf-content[data-type="outgoing-link"] .search-result-file-match {
  padding: 4px 10px;
  left: 0;
}

.backlink-pane .search-result-container {
  margin-left: 3px;
}

.search-result-file-matches {
  border-bottom: none;
  margin-bottom: 0;
}

.tree-item-self.is-clickable:hover {
  background-color: transparent;
  color: var(--search-result-file-title-color);
}

.tree-item-self.is-clickable.is-collapsed .tree-item-inner {
  opacity: 0.6;
}

.tag-container .tree-item-self.tag-pane-tag.is-clickable:hover {
  background-color: var(--theme-color-translucent-1);
  color: var(--text-normal);
}

.outline .tree-item-self.is-clickable:hover {
  background-color: var(--theme-color-translucent-1);
  color: var(--text-normal);
}

.search-result-file-match:hover {
  background-color: var(--background-secondary-alt);
  color: var(--text-normal);
}

span.search-result-file-matched-text {
  color: var(--search-text);
  background-color: var(--search-result-file-matched-bg);
  opacity: 0.8;
}

.is-flashing {
  background-color: var(--search-result-file-matched-bg);
}

/* background of search result */
.search-result {
  border-radius: var(--radius-s);
  margin: 0 0 0 1px;
}

.tree-item.search-result .tree-item-self.search-result-file-title.is-clickable {
  padding-left: 15px;
}

span.obsidian-search-match-highlight {
  background-color: var(--text-search-highlight-bg) !important;
}

.search-result-file-match:after {
  display: none;
}

.search-input {
  display: block;
  margin: 0 auto 10px auto;
  width: calc(100% - 20px);
}

.nav-action-button>svg {
  width: 17px;
  height: 17px;
}

/*code box unfold icon*/
.CodeMirror-foldgutter-open.CodeMirror-guttermarker-subtle::after {
  color: var(--text-accent);
}

.CodeMirror-gutter.CodeMirror-linenumbers,
.CodeMirror-gutter.CodeMirror-foldgutter {
  background-color: transparent;
}

/*checkbox*/
span.cm-formatting-task.cm-property {
  color: var(--text-accent);
}

.markdown-preview-view .task-list-item-checkbox {
  top: 4px;
  margin-left: 3px;
  margin-right: 8px;
}

input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  border-radius: var(--radius-xs);
  border: 1px solid var(--background-modifier-border-checkbox);
  padding: 0;
  margin: 0 4px 2px 2px;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
}
input[type=checkbox]:hover {
  border: 1px solid var(--theme-color);
}

:is(.markdown-preview-view,.markdown-rendered)  ul>li.task-list-item.is-checked, 
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task] {
  text-decoration: none;
}

.task-list-item-checkbox {
  filter: hue-rotate(0);
}

.is-flashing input[type=checkbox]:checked, 
input[type=checkbox]:checked {
  border-radius: var(--radius-xs);
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 120%;
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="m10 15.586-3.293-3.293-1.414 1.414L10 18.414l9.707-9.707-1.414-1.414z"></path></svg>');
  background-color: var(--checkbox-color-0);
}

body:not(.unmute-checkbox-animation) .is-flashing input.task-list-item-checkbox[type=checkbox]:checked:hover, 
body:not(.unmute-checkbox-animation) input.task-list-item-checkbox[type=checkbox]:checked:hover {
  animation: tada 1s;
  filter: hue-rotate(160deg);
}

input[data-task="<"]:checked, 
li[data-task="<"]>input:checked, 
li[data-task="<"]>p>input:checked {
  background-color: var(--checkbox-color-1);
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M10.061 19.061 17.121 12l-7.06-7.061-2.122 2.122L12.879 12l-4.94 4.939z"></path></svg>');
}
:is(.markdown-preview-view,.markdown-rendered) ul.contains-task-list li.task-list-item.is-checked[data-task="<"],
:is(.markdown-preview-view,.markdown-rendered) ol.contains-task-list li.task-list-item.is-checked[data-task="<"],
.markdown-source-view.is-live-preview input.task-list-item-checkbox[data-task="<"] {
  text-decoration: none !important;
  color: var(--text-normal);
}
input[data-task=">"]:checked, 
li[data-task=">"]>input:checked, 
li[data-task=">"]>p>input:checked {
  background-color: var(--checkbox-color-2);
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z"></path></svg>');
}
input[data-task="?"]:checked, 
li[data-task="?"]>input:checked, 
li[data-task="?"]>p>input:checked {
  background-color: var(--checkbox-color-3);
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="red"><path d="M12 4C9.243 4 7 6.243 7 9h2c0-1.654 1.346-3 3-3s3 1.346 3 3c0 1.069-.454 1.465-1.481 2.255-.382.294-.813.626-1.226 1.038C10.981 13.604 10.995 14.897 11 15v2h2v-2.009c0-.024.023-.601.707-1.284.32-.32.682-.598 1.031-.867C15.798 12.024 17 11.1 17 9c0-2.757-2.243-5-5-5zm-1 14h2v2h-2z"></path></svg>');
}
:is(.markdown-preview-view,.markdown-rendered) ul.contains-task-list li.task-list-item.is-checked[data-task="?"],
:is(.markdown-preview-view,.markdown-rendered) ol.contains-task-list li.task-list-item.is-checked[data-task="?"],
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="?"] {
  text-decoration: none;
  color: var(--text-normal);
  font-weight: 600;
}
input[data-task="!"]:checked, 
li[data-task="!"]>input:checked, 
li[data-task="!"]>p>input:checked {
  background-color: var(--checkbox-color-4);
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgb(212, 163, 0)"><path d="M9 20h6v2H9zm7.906-6.288C17.936 12.506 19 11.259 19 9c0-3.859-3.141-7-7-7S5 5.141 5 9c0 2.285 1.067 3.528 2.101 4.73.358.418.729.851 1.084 1.349.144.206.38.996.591 1.921H8v2h8v-2h-.774c.213-.927.45-1.719.593-1.925.352-.503.726-.94 1.087-1.363zm-2.724.213c-.434.617-.796 2.075-1.006 3.075h-2.351c-.209-1.002-.572-2.463-1.011-3.08a20.502 20.502 0 0 0-1.196-1.492C7.644 11.294 7 10.544 7 9c0-2.757 2.243-5 5-5s5 2.243 5 5c0 1.521-.643 2.274-1.615 3.413-.373.438-.796.933-1.203 1.512z"></path></svg>');
}
:is(.markdown-preview-view,.markdown-rendered) ul.contains-task-list li.task-list-item.is-checked[data-task="!"],
:is(.markdown-preview-view,.markdown-rendered) ol.contains-task-list li.task-list-item.is-checked[data-task="!"],
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="!"] {
  text-decoration: underline wavy var(--text-yellow-2);
  color: var(--text-normal);
  font-weight: 600;
}

input[data-task="+"]:checked, 
li[data-task="+"]>input:checked, 
li[data-task="+"]>p>input:checked {
  background-color: var(--checkbox-color-5);
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"></path></svg>');
}
input[data-task="-"]:checked, 
li[data-task="-"]>input:checked, 
li[data-task="-"]>p>input:checked {
  background-color: var(--checkbox-color-6);
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M5 11h14v2H5z"></path></svg>');
}

@keyframes fade-left {
  0% {-webkit-transform: translateX(-10px); transform: translateX(-10px); opacity: 0;}
  75% {-webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
}

@keyframes tada {
  from {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
  10%,
  20% {-webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);}
  30%,
  50%,
  70%,
  90% {-webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);}
  40%,
  60%,
  80% {-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}
  to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
}

body.circular-checkbox input[type=checkbox] {
  border-radius: 50%;
}

/* headers */
/*编辑状态是否显示H1 H2标记*/
/*适配Live preview模式*/
body.clutter-free-headings div:not(.cm-active).cm-line span:not(.cm-formatting-header):not(.cm-hashtag):not(.cm-inline-code):not(.cm-highlight).cm-header::before {
  font-size: 0.6rem;
  width: auto;
  margin-right: 1px;
  border-radius: var(--radius-xs);
  color: var(--text-muted);
  overflow: visible;
  font-family: var(--font-default);
  font-weight: normal !important;
}

body.clutter-free-headings div.mod-cm6.is-live-preview div:not(.cm-active).cm-line .cm-header ~ span.cm-header::before,
body.clutter-free-headings div.mod-cm6.is-live-preview div:not(.cm-active).cm-line .cm-header.cm-hmd-internal-link::before {
  display: none;
}

body.clutter-free-headings div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-1::before {
  content: 'H1';
  margin-top: calc(var(--h1) - 0.1em);
}

body.clutter-free-headings div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-2::before {
  content: 'H2';
  margin-top: calc(var(--h2) - 0.2em);
}

body.clutter-free-headings div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-3::before {
  content: 'H3';
  margin-top: calc(var(--h3) - 0.2em);
}
body.clutter-free-headings div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-4::before {
  content: 'H4';
  margin-top: calc(var(--h4) - 0.3em);
}

body.clutter-free-headings div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-5::before {
  content: 'H5';
  margin-top: calc(var(--h5) - 0.4em);
}

body.clutter-free-headings div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header-6::before {
  content: 'H6';
  margin-top: calc(var(--h6) - 0.4em);
}

/*适配source mode 模式*/
body.clutter-free-headings div.mod-cm6:not(.is-live-preview) div:not(.cm-active).cm-line span:not(.cm-formatting-header).cm-header ~ span.cm-header::before
{
  display: none;
}
 body.clutter-free-headings div.mod-cm6:not(.is-live-preview) div:not(.cm-active).cm-line span.cm-formatting-header {
  display:none;
}
/*适配传统模式*/
body.clutter-free-headings div:not(.CodeMirror-activeline)>.CodeMirror-line.hmd-inactive-line span.cm-formatting-header::before {
  position: absolute;
  margin-top: 10px;
  font-size: 0.7rem;
  width: auto;
  margin-left: -18px;
  padding: 0px 2px;
  border-radius: var(--radius-xs);
  color: var(--text-muted);
  overflow: visible;
  font-family: var(--font-default);
  font-weight: normal !important;
}
body.clutter-free-headings div:not(.CodeMirror-activeline)>.CodeMirror-line:not(.hmd-inactive-line) span.cm-formatting-header::before {
  position: absolute;
  margin-top: 10px;
  font-size: 0.7rem;
  width: auto;
  margin-left: -6px;
  border-radius: var(--radius-xs);
  color: var(--text-muted);
  overflow: visible;
  font-family: var(--font-default);
  font-weight: normal !important;
}

body.clutter-free-headings div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-header {
  color: transparent !important;
  background: none;
}

body.clutter-free-headings div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-header-1::before {
  content: 'H1';
}
body.clutter-free-headings div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-header-2::before {
  content: 'H2';
}
body.clutter-free-headings div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-header-3::before {
  content: 'H3';
}
body.clutter-free-headings div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-header-4::before {
  content: 'H4';
}
body.clutter-free-headings div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-header-5::before {
  content: 'H5';
}
body.clutter-free-headings div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting-header-6::before {
  content: 'H6';
}

:is(.markdown-preview-view,.markdown-rendered) h1 {
  font-size: var(--h1);
  line-height: 1.2;
  padding-bottom: 1px;
  font-family: var(--font-family-h1);
  color: var(--h1-color);
}

:is(.markdown-preview-view,.markdown-rendered) h2 {
  font-size: var(--h2);
  line-height: 1.2;
  padding-bottom: 1px;
  font-family: var(--font-family-h2);
  color: var(--h2-color);
}

body.h1-toggle-underline :is(.markdown-preview-view,.markdown-rendered) h1,
body.h1-toggle-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-1.cm-line {
  border-bottom: 2px solid var(--h1-color);
}
body.h2-toggle-underline :is(.markdown-preview-view,.markdown-rendered) h2,
body.h2-toggle-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-2.cm-line {
  border-bottom: 1px solid var(--h2-color);
}
body.h3-toggle-underline :is(.markdown-preview-view,.markdown-rendered) h3,
body.h3-toggle-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-3.cm-line {
  border-bottom: 1px solid var(--h3-color);
}
body.h4-toggle-underline :is(.markdown-preview-view,.markdown-rendered) h4,
body.h4-toggle-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-4.cm-line {
  border-bottom: 1px solid var(--h2-color);
}
body.h5-toggle-underline :is(.markdown-preview-view,.markdown-rendered) h5,
body.h5-toggle-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-5.cm-line {
  border-bottom: 1px solid var(--h5-color);
}
body.h6-toggle-underline :is(.markdown-preview-view,.markdown-rendered) h6,
body.h6-toggle-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-6.cm-line {
  border-bottom: 1px solid var(--h6-color);
}

:is(.markdown-preview-view,.markdown-rendered) h3 {
  font-size: var(--h3);
  font-family: var(--font-family-h3);
  color: var(--h3-color);
}
:is(.markdown-preview-view,.markdown-rendered) h4 {
  font-size: var(--h4);
  font-family: var(--font-family-h4);
  color: var(--h4-color);
}
:is(.markdown-preview-view,.markdown-rendered) h5 {
  font-size: var(--h5);
  font-family: var(--font-family-h5);
  color: var(--h5-color);
}
:is(.markdown-preview-view,.markdown-rendered) h6 {
  font-size: var(--h6);
  font-family: var(--font-family-h6);
  color: var(--h6-color);
}

.cm-header-1 {
  font-size: var(--h1);
  position: relative;
  font-family: var(--font-family-h1);
  color: var(--h1-color);
}
.cm-header-2 {
  font-size: var(--h2);
  position: relative;
  font-family: var(--font-family-h2);
  color: var(--h2-color);
}
.cm-header-3 {
  font-size: var(--h3);
  position: relative;
  font-family: var(--font-family-h3);
  color: var(--h3-color);
}
.cm-header-4 {
  font-size: var(--h4);
  position: relative;
  font-family: var(--font-family-h4);
  color: var(--h4-color);
}
.cm-header-5 {
  font-size: var(--h5);
  position: relative;
  font-family: var(--font-family-h5);
  color: var(--h5-color);
}
.cm-header-6 {
  font-size: var(--h6);
  position: relative;
  font-family: var(--font-family-h6);
  color: var(--h6-color);
}
.markdown-source-view.mod-cm5 .HyperMD-header-1 {
  font-size: var(--h1) !important;
}
.markdown-source-view.mod-cm5 .HyperMD-header-2 {
  font-size: var(--h2) !important;
}
.markdown-source-view.mod-cm5 .HyperMD-header-3 {
  font-size: var(--h3) !important;
}
.markdown-source-view.mod-cm5 .HyperMD-header-4 {
  font-size: var(--h4) !important;
}
.markdown-source-view.mod-cm5 .HyperMD-header-5 {
  font-size: var(--h5) !important;
}
.markdown-source-view.mod-cm5 .HyperMD-header-6 {
  font-size: var(--h6) !important;
}

body.h1-text-align-center .HyperMD-header.HyperMD-header-1.cm-line,
body.h2-text-align-center .HyperMD-header.HyperMD-header-2.cm-line,
body.h3-text-align-center .HyperMD-header.HyperMD-header-3.cm-line,
body.h4-text-align-center .HyperMD-header.HyperMD-header-4.cm-line,
body.h5-text-align-center .HyperMD-header.HyperMD-header-5.cm-line,
body.h6-text-align-center .HyperMD-header.HyperMD-header-6.cm-line,
body.h1-text-align-center :is(.markdown-preview-view,.markdown-rendered) h1,
body.h2-text-align-center :is(.markdown-preview-view,.markdown-rendered) h2,
body.h3-text-align-center :is(.markdown-preview-view,.markdown-rendered) h3,
body.h4-text-align-center :is(.markdown-preview-view,.markdown-rendered) h4,
body.h5-text-align-center :is(.markdown-preview-view,.markdown-rendered) h5,
body.h6-text-align-center :is(.markdown-preview-view,.markdown-rendered) h6 {
  text-align: center;
}
body.h1-text-align-end .HyperMD-header.HyperMD-header-1.cm-line,
body.h2-text-align-end .HyperMD-header.HyperMD-header-2.cm-line,
body.h3-text-align-end .HyperMD-header.HyperMD-header-3.cm-line,
body.h4-text-align-end .HyperMD-header.HyperMD-header-4.cm-line,
body.h5-text-align-end .HyperMD-header.HyperMD-header-5.cm-line,
body.h6-text-align-end .HyperMD-header.HyperMD-header-6.cm-line,
body.h1-text-align-end :is(.markdown-preview-view,.markdown-rendered) h1,
body.h2-text-align-end :is(.markdown-preview-view,.markdown-rendered) h2,
body.h3-text-align-end :is(.markdown-preview-view,.markdown-rendered) h3,
body.h4-text-align-end :is(.markdown-preview-view,.markdown-rendered) h4,
body.h5-text-align-end :is(.markdown-preview-view,.markdown-rendered) h5,
body.h6-text-align-end :is(.markdown-preview-view,.markdown-rendered) h6 {
  text-align: end;
}

body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) em,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) strong,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) strong em,
body.retain-header-color .cm-s-obsidian .cm-header[class*="cm-em"],
body.retain-header-color .cm-s-obsidian .cm-header[class*="cm-strong"] {
  background-image: initial;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
  background-color: initial;
}
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h1 em,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h1 strong,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h1 strong em,
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-1[class*="cm-em"],
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-1[class*="cm-strong"] {
  color: var(--h1-color) !important;
  font-family: var(--font-family-h1) !important;
}
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h2 em,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h2 strong,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h2 strong em,
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-2[class*="cm-em"],
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-2[class*="cm-strong"]  {
  color: var(--h2-color) !important;
  font-family: var(--font-family-h2) !important;
}
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h3 em,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h3 strong,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h3 strong em,
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-3[class*="cm-em"],
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-3[class*="cm-strong"]  {
  color: var(--h3-color) !important;
  font-family: var(--font-family-h3) !important;
}
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h4 em,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h4 strong,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h4 strong em,
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-4[class*="cm-em"],
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-4[class*="cm-strong"]  {
  color: var(--h4-color) !important;
  font-family: var(--font-family-h4) !important;
}
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h5 em,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h5 strong,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h5 strong em,
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-5[class*="cm-em"],
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-5[class*="cm-strong"]  {
  color: var(--h5-color) !important;
  font-family: var(--font-family-h5) !important;
}
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h6 em,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h6 strong,
body.retain-header-color :is(.markdown-preview-view,.markdown-rendered) h6 strong em,
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-6[class*="cm-em"],
body.retain-header-color .cm-s-obsidian .cm-header.cm-header-6[class*="cm-strong"]  {
  color: var(--h6-color) !important;
  font-family: var(--font-family-h6) !important;
}

:is(.markdown-preview-section,.markdown-rendered):not(:first-child) :is(h1,h2,h3,h4,h5) {
  margin-top: 13px !important;
}

:is(.markdown-preview-section,.markdown-rendered):not(:first-child) h6 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/*preview Header hover*/
/* adapted from Obsidian-Typora-Vue https://github.com/ZekunC/Obsidian-Typora-Vue-Theme */
:is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) {
  position: relative;
}
body:not(.remove-heading-indicator) :is(.markdown-preview-view,.markdown-rendered) h1:hover::before {
  content: 'H1';
  position: absolute;
  font-size: 0.7rem;
  width: auto;
  margin-left: -24px;
  border: 1px solid;
  padding: 0px 2px;
  border-radius: var(--radius-xs);
  top: 25px;
}
body:not(.remove-heading-indicator) :is(.markdown-preview-view,.markdown-rendered) h2:hover::before {
  content: 'H2';
  position: absolute;
  font-size: 0.7rem;
  width: auto;
  margin-left: -25px;
  border: 1px solid;
  padding: 0px 2px;
  border-radius: var(--radius-xs);
  top: 23px;
}
body:not(.remove-heading-indicator) :is(.markdown-preview-view,.markdown-rendered) h3:hover::before {
  content: 'H3';
  position: absolute;
  font-size: 0.65rem;
  width: auto;
  margin-left: -25px;
  border: 1px solid;
  padding: 0px 2px;
  border-radius: var(--radius-xs);
  top: 22px;
}
body:not(.remove-heading-indicator) :is(.markdown-preview-view,.markdown-rendered) h4:hover::before {
  content: 'H4';
  position: absolute;
  font-size: 0.6rem;
  width: auto;
  margin-left: -25px;
  border: 1px solid;
  padding: 0px 2px;
  border-radius: var(--radius-xs);
  top: 22px;
}
body:not(.remove-heading-indicator) :is(.markdown-preview-view,.markdown-rendered) h5:hover::before {
  content: 'H5';
  position: absolute;
  font-size: 0.6rem;
  width: auto;
  margin-left: -25px;
  border: 1px solid;
  padding: 0px 2px;
  border-radius: var(--radius-xs);
  top: 22px;
}
body:not(.remove-heading-indicator) :is(.markdown-preview-view,.markdown-rendered) h6:hover::before {
  content: 'H6';
  position: absolute;
  font-size: 0.6rem;
  width: auto;
  margin-left: -25px;
  border: 1px solid;
  padding: 0px 2px;
  border-radius: var(--radius-xs);
  top: 22px;
}

/*---*/
.markdown-rendered hr {
  border-color: var(--background-modifier-border-hr);
}

/* inspired by Obsidianite */
body.fancy-hr-icon .markdown-rendered hr {
  overflow: initial;
  margin-block-start: 2.5em;
  margin-block-end: 2.5em;
  border: none;
  height: 0;
  min-height: 0.7em;
  border-bottom: 2px solid;
  border-image-slice: 1;
  border-width: 2px;
  border-image: linear-gradient(to right, transparent 0%, var(--hr-color-icon-1) 30%, var(--hr-color-icon-2) 46%, transparent 46%, transparent 54%, var(--hr-color-icon-3) 54%, var(--hr-color-icon-4) 70%, transparent 100%) 1;
}

body.fancy-hr-icon .markdown-rendered hr::after {
  content: var(--fancy-hr-icon);
  display: inline-block;
  position: relative;
  left: 50%;
  font-size: 1em;
  transform: translate(-50%, -0.35em)  rotate(var(--fancy-hr-rotate));
  transform-origin: 50% 50%;
  padding: 0.3rem;
  color: var(--theme-color);
}

body.fancy-hr-icon div:not(.CodeMirror-activeline) > .CodeMirror-line span.cm-hr {
  opacity: 0;
  position: relative;
}

body.fancy-hr-icon div > .CodeMirror-line span.cm-hr {
  display: inline-block;
}

body.fancy-hr-icon div:not(.CodeMirror-activeline) > .CodeMirror-line.HyperMD-hr::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  border-image: linear-gradient(to right, transparent 0%, var(--hr-color-icon-1) 30%, var(--hr-color-icon-2) 46%, transparent 46%, transparent 54%, var(--hr-color-icon-3) 54%, var(--hr-color-icon-4) 70%, transparent 100%) 1;
  left: 0;
  top: 50%;
}

body.fancy-hr-icon div:not(.CodeMirror-activeline) > .CodeMirror-line.HyperMD-hr::after {
  content: var(--fancy-hr-icon);
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 1em;
  transform: translate(-50%, -50%) rotate(var(--fancy-hr-rotate));
  transform-origin: 50% 50%;
  padding: 0.5rem;
  color: var(--theme-color);
}

body.fancy-hr-icon .cm-s-obsidian hr {
  border-image: linear-gradient(to right, transparent 0%, var(--hr-color-icon-1) 30%, var(--hr-color-icon-2) 46%, transparent 46%, transparent 54%, var(--hr-color-icon-3) 54%, var(--hr-color-icon-4) 70%, transparent 100%) 1;
  border-width: 2px;
}

body.fancy-hr-icon .markdown-source-view.mod-cm6 .hr::after {
  content: var(--fancy-hr-icon);
  display: inline-block;
  position: absolute;
  font-size: 1em;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(var(--fancy-hr-rotate));
  transform-origin: 50% 50%;
  padding: 0.5rem;
  color: var(--theme-color);
}

body.fancy-hr-no-icon .cm-s-obsidian hr {
  border-image: linear-gradient(to right, transparent 0%, var(--hr-color-1) 20%, var(--hr-color-2) 40%, var(--hr-color-3) 60%, var(--hr-color-4) 80%, transparent 100%) 1;
  border-width: 2px;
}

body.fancy-hr-no-icon .markdown-rendered hr {
  margin-block-start: 2.5em;
  margin-block-end: 2.5em;
  border: none;
  height: 0;
  border-bottom: 2px solid;
  border-width: 2px;
  border-image: linear-gradient(to right, transparent 0%, var(--hr-color-1) 20%, var(--hr-color-2) 40%, var(--hr-color-3) 60%, var(--hr-color-4) 80%, transparent 100%) 1;
}

body.fancy-hr-no-icon div:not(.CodeMirror-activeline) > .CodeMirror-line.HyperMD-hr::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, transparent 0%, var(--hr-color-1) 20%, var(--hr-color-2) 40%, var(--hr-color-3) 60%, var(--hr-color-4) 80%, transparent 100%);
  left: 0;
  top: 50%;
}

body.fancy-hr-number .markdown-rendered {
  counter-reset: fancyhrno;
}

body.fancy-hr-number .markdown-rendered hr {
  overflow: initial;
  margin-block-start: 2.5em;
  margin-block-end: 2.5em;
  border: none;
  height: 0;
  min-height: 0.7em;
  border-bottom: 2px solid;
  border-image-slice: 1;
  border-width: 2px;
  border-image-source: linear-gradient(to right, transparent 0%, var(--hr-color-numbers-line-1) 30%, var(--hr-color-numbers-line-2) 46%, transparent 46%, transparent 54%, var(--hr-color-numbers-line-3) 54%, var(--hr-color-numbers-line-4) 70%, transparent 100%);
  counter-increment: fancyhrno;
}

body.fancy-hr-number .markdown-rendered hr::after {
  content: counter(fancyhrno);
  display: inline-block;
  font-family: var(--font-monospace-theme);
  font-weight: bold;
  position: relative;
  left: 50%;
  transform: translate(-50%, -0.2em);
  color: var(--hr-color-numbers-color);  
  background: var(--hr-color-numbers-bg-color);
  border-radius: 50%;
  padding: 0 0.44em 0 0.5em;
}

body.fancy-hr-number.hollow-number .markdown-rendered hr::after,
body.fancy-hr-number.hollow-number .markdown-source-view.mod-cm6 hr::after,
body.fancy-hr-number.hollow-number .markdown-source-view div:not(.CodeMirror-activeline) > .HyperMD-hr.CodeMirror-line::after {
  -webkit-text-fill-color: var(--hr-numbers-text-fill); 
  -webkit-text-stroke: 1px var(--hr-numbers-text-stroke);
  font-family: var(--font-text-theme);
}

body.fancy-hr-number div:not(.CodeMirror-activeline) > .CodeMirror-line span.cm-hr {
  opacity: 0;
  position: relative;
}

body.fancy-hr-number div > .CodeMirror-line span.cm-hr {
  display: inline-block;
}

body.fancy-hr-number .markdown-source-view {
  counter-reset: fancyhrno1;
}

body.fancy-hr-number .markdown-source-view div:not(.CodeMirror-activeline) > .HyperMD-hr.CodeMirror-line::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, transparent 0%, var(--hr-color-numbers-line-1) 30%, var(--hr-color-numbers-line-2) 46%, transparent 46%, transparent 54%, var(--hr-color-numbers-line-3) 54%, var(--hr-color-numbers-line-4) 70%, transparent 100%);
  left: 0;
  top: 50%;
  counter-increment: fancyhrno1;
}

body.fancy-hr-number .markdown-source-view div:not(.CodeMirror-activeline) > .HyperMD-hr.CodeMirror-line::after {
  content: counter(fancyhrno1);
  display: inline-block;
  font-family: var(--font-monospace-theme);
  font-weight: bold;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--hr-color-numbers-color);  
  background: var(--hr-color-numbers-bg-color);
  border-radius: 50%;
  padding: 0 0.44em 0 0.5em;
}

body.fancy-hr-number .cm-s-obsidian hr {
  border-image: linear-gradient(to right, transparent 0%, var(--hr-color-numbers-line-1) 30%, var(--hr-color-numbers-line-2) 46%, transparent 46%, transparent 54%, var(--hr-color-numbers-line-3) 54%, var(--hr-color-numbers-line-4) 70%, transparent 100%) 1;
  border-width: 2px;
  counter-increment: fancyhrno;
}

body.fancy-hr-number .markdown-source-view.mod-cm6 {
  counter-reset: fancyhrno;
}

body.fancy-hr-number .markdown-source-view.mod-cm6 .hr::after {
  left: 50%;
  top: 50%;
  content: counter(fancyhrno);
  display: inline-block;
  font-family: var(--font-monospace-theme);
  font-weight: bold;
  position: absolute;
  transform: translate(-50%, -50%);
  color: var(--hr-color-numbers-color);  
  background: var(--hr-color-numbers-bg-color);
  border-radius: 50%;
  padding: 0 0.45em 0 0.5em;
}

.nav-files-container {
  flex-grow: 1;
  overflow-y: auto;
  padding-left: 0;
  padding-bottom: 10px;
  overflow-x: hidden;
}

/* blockquote */
:is(.markdown-preview-view,.markdown-rendered) blockquote {
  padding: 0.5em 0.5em 0.5em 0.6em;
  border-right-width: 0;
  border-left: solid;
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 7px;
  border-color: var(--theme-color);
  background-color: var(--background-blockquote);
  border-radius: var(--radius-s);
  margin-inline-start: 2.5%;
  margin-inline-end: 2.5%;
}

:is(.markdown-preview-view,.markdown-rendered) blockquote p {
  margin-left: 1px;
  margin-right: 0;
  font-size: var(--font-size-preview-blockquote);
}

body:not(.font-family-change-to-default) :is(.markdown-preview-view,.markdown-rendered),
body:not(.font-family-change-to-default) .markdown-source-view.mod-cm6 .cm-scroller,
body:not(.font-family-change-to-default) .markdown-source-view {
  font-family: var(--font-text);
}

/* preview page */
:is(.markdown-preview-view,.markdown-rendered).is-readable-line-width :is(.markdown-preview-section,.markdown-rendered),
.markdown-source-view.is-readable-line-width .CodeMirror,
:is(.markdown-preview-view,.markdown-rendered).is-readable-line-width .markdown-preview-sizer,
:is(.markdown-preview-view,.markdown-rendered) :is(.markdown-preview-section,.markdown-rendered),
.markdown-source-view .CodeMirror,
:is(.markdown-preview-view,.markdown-rendered) .markdown-preview-sizer,
.markdown-source-view.mod-cm6 .cm-scroller,
.cm-s-obsidian.is-folding.is-readable-line-width .markdown-reading-view  {
  line-height: var(--line-height-main);
  letter-spacing: calc(var(--letter-space-main) * 0.03em);
  /*text-align: var();*/
  -webkit-font-smoothing: subpixel-antialiased;
}

:is(.markdown-preview-view,.markdown-rendered).is-readable-line-width:not(.matrix) .markdown-preview-sizer,
.markdown-source-view.is-readable-line-width:not(.matrix) .CodeMirror,
:is(.markdown-preview-view,.markdown-rendered):not(.matrix) .is-readable-line-width :is(.markdown-preview-section,.markdown-rendered),
:is(.markdown-preview-view,.markdown-rendered):not(.matrix) .is-readable-line-width :is(.markdown-preview-section,.markdown-rendered) > div,
:is(.markdown-preview-view,.markdown-rendered).is-readable-line-width:not(.matrix) :is(.markdown-preview-section,.markdown-rendered) {
  width: var(--line-width-readable);
  max-width: 100%;
  margin: 0 auto;
}

.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-contentContainer {
  max-width: var(--line-width-readable);
}

.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-content {
  width: var(--line-width-readable);
  max-width: 100%;
  margin: 0 auto;
}

.markdown-source-view.mod-cm6.is-line-wrap.is-readable-line-width .cm-line:not(.HyperMD-table-row) {
  max-width: 100%;
}

body:not(.default-split-style) .workspace>.workspace-split:not(.mod-root) .CodeMirror, 
body:not(.default-split-style) .workspace>.workspace-split:not(.mod-root) .cm-scroller, 
body:not(.default-split-style) .workspace>.workspace-split:not(.mod-root) .markdown-preview-sizer {
  line-height: var(--line-height-split);
  font-size: var(--font-size-split);
}
body:not(.default-split-style) .workspace>.workspace-split:not(.mod-root) :is(.markdown-preview-view,.markdown-rendered) {
  padding: 7px 9px 7px 19px;
}
body:not(.default-split-style) .workspace>.workspace-split:not(.mod-root) .cm-scroller {
  padding: 7px;
}
body:not(.default-split-style) .workspace>.workspace-split:not(.mod-root) .cm-gutters {
  padding-right: 0;
}
body:not(.default-split-style) .workspace>.workspace-split:not(.mod-root) .cm-lineNumbers .cm-gutterElement {
  padding: 0;
}

/* code */
.cm-s-obsidian .hmd-fold-html-stub, 
.cm-s-obsidian .hmd-fold-code-stub, 
.cm-s-obsidian.CodeMirror .HyperMD-hover > .HyperMD-hover-content code, 
.cm-s-obsidian .cm-formatting-hashtag, 
.cm-s-obsidian .cm-inline-code, 
.cm-s-obsidian .HyperMD-codeblock, 
.cm-s-obsidian .HyperMD-hr, 
.cm-s-obsidian .cm-hmd-frontmatter, 
.cm-s-obsidian .cm-hmd-orgmode-markup, 
.cm-s-obsidian .cm-formatting-code, 
.cm-s-obsidian .cm-math, 
.cm-s-obsidian span.hmd-fold-math-placeholder, 
.cm-s-obsidian .CodeMirror-linewidget kbd, 
.cm-s-obsidian .hmd-fold-html kbd {
  font-family: var(--font-monospace);
}

.math.math-block mjx-container[jax='CHTML'] {
  outline: none;
  font-size: var(--font-size-latex);
}
mjx-math {
  color: var(--mjx-inline-math-color);
}
div.math.math-block mjx-math {
  color: var(--mjx-math-color);
}

.cm-s-obsidian pre.HyperMD-codeblock,
.cm-s-obsidian span.cm-math:not(.cm-formatting-math-begin):not(.cm-formatting-math-end),
:is(.markdown-preview-view,.markdown-rendered) code,
.markdown-rendered code {
  color: var(--text-color-code);
  font-size: var(--font-size-code) !important;
  font-family: var(--font-monospace);
  text-align: start;
}

.cm-s-obsidian div.HyperMD-codeblock-bg {
  border-left: none;
  border-right: none;
  border-top: none;
}

:is(.markdown-preview-view,.markdown-rendered) pre {
  background-color: var(--background-code-2);
}

:is(.markdown-preview-view,.markdown-rendered) code {
  vertical-align: auto;
  background-color: var(--background-code-2);
}

:is(.markdown-preview-view,.markdown-rendered) pre code {
  background-color: transparent;
}

.cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight),
.cm-formatting.cm-formatting-code.cm-inline-code {
  color: var(--text-color-code);
  background-color: var(--background-code-2);
}

.cm-s-obsidian .cm-inline-code.cm-strong {
  color: var(--text-color-code) !important;
}

.theme-dark .cm-s-obsidian span.cm-variable-2 {
  color: #0072d0;
}

.theme-dark .cm-s-obsidian span.cm-variable-3 {
  color: #5a96f7;
}

/*inline code*/
.cm-s-obsidian.mod-cm6 .HyperMD-codeblock span.cm-inline-code {
  display: inline-block;
  padding: unset; 
}

.cm-s-obsidian span.cm-formatting-code.cm-inline-code {
  color: var(--text-muted);
  border-radius: 3px 0 0 3px;
}

.cm-s-obsidian span[class="cm-inline-code"]+span.cm-formatting-code.cm-inline-code,
.cm-s-obsidian span[class*="cm-inline-code"][class*="cm-list"]+span.cm-formatting-code.cm-inline-code,
.cm-s-obsidian span[class*="cm-inline-code"][class*="cm-quote"]+span.cm-formatting-code.cm-inline-code,
.cm-s-obsidian span[class*="cm-inline-code"][class*="cm-header"]+span.cm-formatting-code.cm-inline-code,
.cm-s-obsidian span[class*="cm-inline-code"][class*="cm-em"]+span.cm-formatting-code.cm-inline-code,
.cm-s-obsidian span[class*="cm-inline-code"][class*="cm-strong"]+span.cm-formatting-code.cm-inline-code {
  color: var(--text-muted);
  border-radius: 0 3px 3px 0;
}

.cm-formatting.cm-formatting-code-block.cm-hmd-codeblock {
  color: var(--text-muted);
}

/*bold code text except code language*/
:not(pre)>code:not([class*='language-']) {
  font-weight: var(--font-weight-inline-code);
  padding: 2px 3px 1px;
  font-family: var(--font-family-inline-code) !important;
}

.cm-s-obsidian span.cm-inline-code {
  padding: 2px 0 1px;
  color: var(--text-color-code);
  font-weight: var(--font-weight-inline-code);
  font-family: var(--font-family-inline-code) !important;
  font-size: var(--font-size-code) !important;
}

/*Add vertical lines of embedded lists*/
/*thanks to loikein and death_au from forum and icr1001 from GitHub*/
.markdown-source-view.mod-cm5 .cm-hmd-list-indent .cm-tab::before {
  content: '';
  border-left: 1px solid var(--background-modifier-border);
  position: absolute;
  height: 100%;
  margin-left: 3px;
}

.markdown-source-view.mod-cm5 .cm-hmd-list-indent {
  padding-top: 0.4em;
  padding-bottom: 0.05em;
}

/* inspired by Gabroel from Obsidian discord group */
/* https://discord.com/channels/686053708261228577/702656734631821413/784922140465692712 */
.cm-formatting.cm-formatting-list.cm-formatting-list-ol {
  color: var(--list-ol-number-color);
}

ul>li::marker,
.cm-formatting.cm-formatting-list.cm-formatting-list-ul {
  color: var(--list-format-ul);
}


.cm-s-obsidian .HyperMD-table-row.HyperMD-table-row.HyperMD-table-row {
  min-width: min-content;
  white-space: pre-wrap;
}

pre.HyperMD-list-line.HyperMD-list-line {
  text-align: start;
}

li {
  line-height: var(--line-height-list);
  font-family: var(--font-family-list);
}

li>p:not(.task-list-item) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

li.task-list-item>p {
  margin-bottom: 0.25em;
}

ul,
ol ul,
ol ol ul,
ol ol ol ul {
  list-style: disc;
}
ul ul,
ol ul ul,
ul ol ul,
ol ol ul ul {
  list-style: circle;
}
ul ul ul,
ol ul ul ul,
ul ol ul ul,
ul ul ol ul {
  list-style: square;
}
ul ul ul ul,
ol ul ul ul ul,
ul ol ul ul ul,
ul ul ol ul ul,
ul ul ul ol ul {
  list-style: circle;
}

.markdown-source-view.mod-cm6 span.list-bullet {
  padding-right: 0;
}
.markdown-source-view.mod-cm6 span.list-bullet:after {
  content: none;
}

.markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
.markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line.cm-line span.cm-hmd-list-indent ~ span.cm-formatting .list-bullet::after {
  content: '\25E6';
  left: -0.2em;
  font-family: Inter;
}
.markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-1.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
.markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-1.cm-line>span.cm-formatting:first-of-type .list-bullet::after {
  content: '\2022';
  left: -0.2em;
  font-family: Inter;
}
.markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-2.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
.markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-2.cm-line span.cm-hmd-list-indent ~ span.cm-formatting .list-bullet::after {
  content: '\25E6';
  left: -0.2em;
  font-family: Inter;
}
.markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-3.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
.markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-3.cm-line span.cm-hmd-list-indent ~ span.cm-formatting .list-bullet::after {
  content: '\25A0';
  left: -0.2em;
  top: 1.1em;
  font-family: Inter;
  font-size: 0.4em;
}

:is(.markdown-preview-view,.markdown-rendered) ul>li:not(.task-list-item)::marker {
  font-size: 0.9em;
}

ul,
ol {
  padding-inline-start: 32px;
}

:is(.markdown-preview-view,.markdown-rendered):not(.kanban) li:not(.task-list-item) {
  padding-left: 0.25rem;
}

:is(.markdown-preview-view,.markdown-rendered):not(.kanban) ul>li:not(.task-list-item) {
  border-radius: var(--radius-s);
  word-wrap: break-word;
  word-break: break-word;
  transition: all 300ms ease-in-out;
  border-left: 0.125em solid var(--list-ul-block-color);
}

:is(.markdown-preview-view,.markdown-rendered):not(.kanban) ul>li:not(.task-list-item):hover {
  border-color: var(--list-ul-hover);
}

ol {
  list-style: decimal;
}
ol ol {
  list-style: lower-latin;
}
ol ol ol,
ol ul ol {
  list-style: lower-roman;
}
ol ol ol ol,
ol ol ul ol,
ol ul ol ol {
  list-style: decimal;
}

::marker {
  margin-right: -30px !important;
}

:is(.markdown-preview-view,.markdown-rendered) ol:not(.contains-task-list)>li:not(.task-list-item),
:is(.markdown-preview-view,.markdown-rendered):not(.kanban) ul>li:not(.task-list-item) {
  margin-top: calc(var(--margin-list) * 0.25em);
  margin-bottom: calc(var(--margin-list) * 0.25em);
}

:is(.markdown-preview-view,.markdown-rendered) ol:not(.contains-task-list)>li:not(.task-list-item) {
  border-left: 0.125em solid var(--list-ol-block-color);
  border-radius: var(--radius-s);
  padding-left: 0.25em;
  border-radius: var(--radius-s);
  transition: all 300ms ease-in-out;
}

ol.contains-task-list ol li:not(.task-list-item) {
  border-left: none !important;
  padding-left: 0.25em;
}

:is(.markdown-preview-view,.markdown-rendered) ol:not(.contains-task-list)>li:not(.task-list-item):hover {
  border-color: var(--list-ol-hover);
}

ol>li::marker {
  font-weight: bold;
  color: var(--list-ol-number-color);
  white-space: pre;
}

:is(ol,ul) li {
  font-size: var(--font-size-list);
}

body:not(.list-no-border):not(.rainbow-lines-reading) .markdown-rendered.show-indentation-guide li:not(.task-list-item) > :is(ol,ul)::before{
  border: none;
}

/*list-bracket-left-two*/
body.list-bracket-left-two ol,
body.list-bracket-left-two ol ol,
body.list-bracket-left-two ol ol ol,
body.list-bracket-left-two ol ul ol,
body.list-bracket-left-two ol ol ol ol,
body.list-bracket-left-two ol ol ul ol,
body.list-bracket-left-two ol ul ol ol {
  list-style: none;
}

body.list-bracket-left-two ol {
  counter-reset: niceBT;
}

body.list-bracket-left-two ol>li {
  counter-increment: niceBT;
}

body.list-bracket-left-two ol>li::before {
  content: counters(niceBT, '.') '. ';
  font-weight: bold;
  color: var(--list-ol-number-color);
  display: inline-block;
  white-space: pre;
}
body.list-bracket-left-two ul>li:not(.task-list-item)>p {
  display: inline;
}
body.list-bracket-left-two ul>li:not(.task-list-item) {
  list-style-position: inside;
  padding-left: 0.25em;
}

body.list-bracket-left-two ol.contains-task-list>li.task-list-item {
  margin-left: -1.2em;
}

body.list-bracket-left-two ol.contains-task-list :is(ol,ul)::before {
  left: 0.5em;
  top: 0;
  bottom: 0;
}

body.list-bracket-left-two:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered) ol.contains-task-list .list-collapse-indicator.collapse-indicator.collapse-icon {
  margin-right: -16px;
}

body.list-bracket-left-two:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered) ol.contains-task-list .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  content: "↓";
  font-size: 14px;
  margin-left: 16px;
  font-weight: bold;
  font-family: 'Inter';
  color: var(--text-accent);
  transition: transform 10ms linear 0s;
}

/*list-vertical-line-one*/
body.list-vertical-line-one :is(ol,ul) :is(ol,ul) {
  position: relative;
}

body.list-vertical-line-one :is(ol,ul) :is(ol,ul)::before {
  content: '';
  border-left: 1px solid var(--background-modifier-border);
  border-right: none!important;
  position: absolute;
  left: -0.9em;
  height: 100%;
}

body.list-vertical-line-one .kanban :is(ol,ul) ul::before {
  display: none;
}

body.list-vertical-line-one .markdown-rendered.show-indentation-guide li > :is(ol,ul)::before {
  content: ' ';
  border-left: 1px solid var(--background-modifier-border);
  border-right: none;
  position: absolute;
  left: -1.1rem;
}

body.list-vertical-line-one :is(.markdown-preview-view,.markdown-rendered):not(.kanban) ul>li:not(.task-list-item),
body.list-vertical-line-one ol>li {
  border-left: none !important;
}

body.list-vertical-line-one ol,
body.list-vertical-line-one ol ol,
body.list-vertical-line-one ol ol ol,
body.list-vertical-line-one ol ul ol,
body.list-vertical-line-one ol ol ol ol,
body.list-vertical-line-one ol ol ul ol,
body.list-vertical-line-one ol ul ol ol {
  list-style: decimal;
}

body.list-vertical-line-one ol>li::marker {
  font-weight: normal;
  color: var(--text-normal);
}

/*list-vertical-line-two*/
body.list-vertical-line-two :is(ol,ul) :is(ol,ul) {
  position: relative;
}

body.list-vertical-line-two .markdown-rendered.show-indentation-guide li > :is(ol,ul)::before {
  content: '';
  border-left: 1px solid var(--background-modifier-border);
  border-right: none !important;
  position: absolute;
  left: -1.1em !important;
}
body.list-vertical-line-two.is-mobile :is(ol,ul) :is(ol,ul)::before {
  left: -1em;
  top: 0;
}

body.list-vertical-line-two .kanban :is(ol,ul) ul::before {
  display: none;
}

body.list-vertical-line-two :is(ol,ul).contains-task-list :is(ol,ul)::before {
  content: ' ';
  border-left: 1px solid var(--background-modifier-border);
  position: absolute;
  left: -0.85em;
  top: 0;
  height: 100%;
}
body.list-vertical-line-two.is-mobile :is(ul,ol).contains-task-list :is(ol,ul)::before {
  left: -1em;
}

body.list-vertical-line-two :is(.markdown-preview-view,.markdown-rendered):not(.kanban) ul>li:not(.task-list-item),
body.list-vertical-line-two ol>li {
  border-left: none !important;
}

/*list-no-border*/
body.list-no-border ul>li:not(.task-list-item) {
  border-left: none !important;
}

body.list-no-border ol>li {
  border-left: none !important;
}

body.list-no-line-in-edit .cm-hmd-list-indent .cm-tab::before {
  all: initial;
}

/*list-vertical-line-three*/
body.list-vertical-line-three :is(ol,ul) {
  padding-inline-start: 1.3em;
}

body.list-vertical-line-three ol,
body.list-vertical-line-three ol ol,
body.list-vertical-line-three ol ol ol,
body.list-vertical-line-three ol ul ol,
body.list-vertical-line-three ol ol ol ol,
body.list-vertical-line-three ol ol ul ol,
body.list-vertical-line-three ol ul ol ol {
  list-style: none;
}

body.list-vertical-line-three ol {
  counter-reset: niceBTT;
}

body.list-vertical-line-three ol>li {
  counter-increment: niceBTT;
}

body.list-vertical-line-three ol>li::before {
  content: counters(niceBTT, '.') '. ';
  font-weight: bold;
  color: var(--list-ol-number-color);
  display: inline-block;
  white-space: pre;
}

body.list-vertical-line-three :is(ol,ul) :is(ol,ul) {
  position: relative;
}

:is(body.list-vertical-line-three,body.list-vertical-line-two, body.list-vertical-line-one) :is(.markdown-preview-view,.markdown-rendered) ul ol:not(.contains-task-list)>li:not(.task-list-item), 
:is(body.list-vertical-line-three,body.list-vertical-line-two, body.list-vertical-line-one) :is(.markdown-preview-view,.markdown-rendered) ul ol:not(.contains-task-list)+ul>li:not(.task-list-item), 
:is(body.list-vertical-line-three,body.list-vertical-line-two, body.list-vertical-line-one) :is(.markdown-preview-view,.markdown-rendered):not(.kanban) ol ul>li:not(.task-list-item),
:is(body.list-vertical-line-three,body.list-vertical-line-two, body.list-vertical-line-one) :is(.markdown-preview-view,.markdown-rendered):not(.kanban) ol ul+ol>li:not(.task-list-item) {
  margin-top: calc(var(--margin-list) * -0.25em);
  padding-top: calc(var(--margin-list) * 0.25em);
}

body.list-vertical-line-three ul>li:not(.task-list-item)>p {
  display: inline;
}
body.list-vertical-line-three ul>li:not(.task-list-item) {
  list-style-position: inside;
}

body.list-vertical-line-three .markdown-rendered.show-indentation-guide li > :is(ol,ul)::before {
  content: '';
  border-left: 2px solid var(--background-modifier-border);
  border-right: none !important;
  position: absolute;
  left: 0.1em !important;
}

body.list-vertical-line-three .kanban :is(ol,ul) ul::before {
  display: none;
}

body.list-vertical-line-three .kanban ol.contains-task-list :is(ol,ul)::before {
  display: none;
}

body.list-vertical-line-three ul.contains-task-list :is(ol,ul)::before {
  content: ' ';
  border-left: 1px solid var(--background-modifier-border);
  position: absolute;
  left: -1.2em;
  top: 1px;
  height: 100%;
}

body.list-vertical-line-three ol.contains-task-list :is(ol,ul)::before {
  left: 0;
  top: 0;
  bottom: 0;
}

body.list-vertical-line-three.is-mobile :is(ol,ul).contains-task-list :is(ol,ul)::before {
  left: -1em;
}

body.list-vertical-line-three :is(.markdown-preview-view,.markdown-rendered):not(.kanban) ul>li:not(.task-list-item),
body.list-vertical-line-three ol>li {
  border-left: none !important;
}

body.list-vertical-line-three:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered) ul:not(.contains-task-list) .list-collapse-indicator.collapse-indicator.collapse-icon::before,
body.list-vertical-line-three:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered) ol .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  content: "↓";
  margin-left: 20px;
  font-weight: bold;
  font-family: 'Inter';
  color: var(--text-accent);
  transition: transform 10ms linear 0s;
}

/********彩虹大纲线片段********/
/* RAINBOW INDENT COLORS from https://gist.github.com/GitMurf/5122c0c8405ffa36a03049d9f4434bf4 */ 

:root {
  --list-padding: 24px;
  --accent-1-rgb: 56,85,139;
  --accent-2-rgb: 95,56,139;
  --accent-3-rgb: 139,56,132;
  --accent-4-rgb: 56,139,56;
  --accent-5-rgb: 224,142,19;
  --accent-6-rgb: 211,103,103;
  --accent-7-rgb: 0,171,132;
  --accent-8-rgb: 0,163,224;
  /* default 
      --font-use-default: var(--font-default);
      --font-size-use-default: var(--editor-font-size);
      --indent-use-default: 1.84ch;
  
  /* wide 
      --font-use-wide: monospace;
      --font-size-use-wide: 12px;
      --indent-use-wide: 4.009ch;
  
  /* custom 
      --font-use-custom: Arial;
      --font-size-use-custom: 13px;
      --indent-use-custom: 14.5px;
  
  /* SET FROM VARIABLES ABOVE UPDATING LAST WORD (e.g. ...-default) */
  /* Copy and replace from one of following: default, theme, wide, custom */
  /*
      --rb-indent-font-family: var(--font-use-default);
      --rb-indent-font-size: var(--font-size-use-default);
      --rb-indent-width: var(--indent-use-default);
      --rb-left-offset: 2px;
      --rb-line-width: 2px;
      --rb-color-count: 8;
      --rb-indent-bg-size: calc(var(--rb-color-count) * var(--rb-indent-width)) 1px;
  */
}
/*
body.rainbow-lines .mod-cm6 .HyperMD-list-line .cm-hmd-list-indent .cm-indent::before {
  content: none;
}

body.rainbow-lines .mod-cm6 .cm-hmd-list-indent .cm-tab::before {
  display: none;
}
body.rainbow-lines .mod-cm6 .HyperMD-list-line.cm-line:not(.HyperMD-list-line-1) {
  overflow: hidden;
}

body.rainbow-lines .mod-cm6 .HyperMD-list-line.cm-line .cm-hmd-list-indent {
  position: relative;
  font-family: var(--rb-indent-font-family) !important;
  font-size: var(--rb-indent-font-size) !important;
}

body.rainbow-lines .mod-cm6 .HyperMD-list-line.HyperMD-list-line-1.cm-line:not([class*="quote"]):not([class*="nobullet"]) .cm-hmd-list-indent::before { 
  content: none;
}
body.rainbow-lines .mod-cm6 .HyperMD-list-line.cm-line:not([class*="quote"]):not([class*="nobullet"])  .cm-hmd-list-indent::before {
  content: '';
  font-family: var(--rb-indent-font-family) !important;
  font-size: var(--rb-indent-font-size) !important;
  display: block;
  position: absolute;
  width: 100%;
  top: -0.5em;
  bottom: -0.5em;
  padding-bottom: 999em; 
  background-image: linear-gradient(
        to right,
        rgb(var(--accent-1-rgb)) 0 var(--rb-line-width),
        transparent var(--rb-line-width) calc(1 * var(--rb-indent-width)),
        rgb(var(--accent-2-rgb)) calc(1.1 * var(--rb-indent-width)) calc(1 * var(--rb-indent-width) + var(--rb-line-width)),
        transparent calc(1 * var(--rb-indent-width) + var(--rb-line-width)) calc(2 * var(--rb-indent-width)),
        rgb(var(--accent-3-rgb)) calc(2.1 * var(--rb-indent-width)) calc(2 * var(--rb-indent-width) + var(--rb-line-width)),
        transparent calc(2 * var(--rb-indent-width) + var(--rb-line-width)) calc(3 * var(--rb-indent-width)),
        rgb(var(--accent-4-rgb)) calc(3 * var(--rb-indent-width)) calc(3 * var(--rb-indent-width) + var(--rb-line-width)),
        transparent calc(3 * var(--rb-indent-width) + var(--rb-line-width)) calc(4 * var(--rb-indent-width)),
        rgb(var(--accent-5-rgb)) calc(4 * var(--rb-indent-width)) calc(4 * var(--rb-indent-width) + var(--rb-line-width)),
        transparent calc(4 * var(--rb-indent-width) + var(--rb-line-width)) calc(5 * var(--rb-indent-width)),
        rgb(var(--accent-6-rgb)) calc(5 * var(--rb-indent-width)) calc(5 * var(--rb-indent-width) + var(--rb-line-width)),
        transparent calc(5 * var(--rb-indent-width) + var(--rb-line-width)) calc(6 * var(--rb-indent-width)),
        rgb(var(--accent-7-rgb)) calc(6 * var(--rb-indent-width)) calc(6 * var(--rb-indent-width) + var(--rb-line-width)),
        transparent calc(6 * var(--rb-indent-width) + var(--rb-line-width)) calc(7 * var(--rb-indent-width)),
        rgb(var(--accent-8-rgb)) calc(7 * var(--rb-indent-width)) calc(7 * var(--rb-indent-width) + var(--rb-line-width)),
        transparent calc(7 * var(--rb-indent-width) + var(--rb-line-width)) calc(8 * var(--rb-indent-width))
    );
  background-size: var(--rb-indent-bg-size);
  left: var(--rb-left-offset);
}

body:not(.list-no-line-in-edit):not(.rainbow-lines) .mod-cm6 .cm-contentContainer .cm-content[style*="tab-size: 2"] .HyperMD-list-line.cm-line:not([class*="quote"]):not([class*="nobullet"]) .cm-hmd-list-indent::before,
body.rainbow-lines .mod-cm6 .cm-contentContainer .cm-content[style*="tab-size: 2"] .HyperMD-list-line.cm-line:not([class*="quote"]):not([class*="nobullet"]) .cm-hmd-list-indent::before {
  --indent-use-default: 0.92ch;
  --indent-use-wide: 6ch;
  --rb-indent-width: var(--indent-use-default);
}
body:not(.list-no-line-in-edit):not(.rainbow-lines) .mod-cm6 .cm-contentContainer .cm-content[style*="tab-size: 3"] .HyperMD-list-line.cm-line:not([class*="quote"]):not([class*="nobullet"]) .cm-hmd-list-indent::before,
body.rainbow-lines .mod-cm6 .cm-contentContainer .cm-content[style*="tab-size: 3"] .HyperMD-list-line.cm-line:not([class*="quote"]):not([class*="nobullet"]) .cm-hmd-list-indent::before {
  --indent-use-default: 1.37ch;
  --indent-use-wide: 3ch;
  --rb-indent-width: var(--indent-use-default);
}
body:not(.list-no-line-in-edit):not(.rainbow-lines) .mod-cm6 .cm-contentContainer .cm-content[style*="tab-size: 4"] .HyperMD-list-line.cm-line:not([class*="quote"]):not([class*="nobullet"]) .cm-hmd-list-indent,
body.rainbow-lines .mod-cm6 .cm-contentContainer .cm-content[style*="tab-size: 4"] .HyperMD-list-line.cm-line:not([class*="quote"]):not([class*="nobullet"]) .cm-hmd-list-indent::before {
  --indent-use-default: 1.44ch;
  --indent-use-wide: 4.00ch;
  --rb-indent-width: var(--indent-use-default);
}
body:not(.list-no-line-in-edit):not(.rainbow-lines) .mod-cm6 .cm-contentContainer .cm-content[style*="tab-size: 5"] .HyperMD-list-line.cm-line:not([class*="quote"]):not([class*="nobullet"]) .cm-hmd-list-indent::before,
body.rainbow-lines .mod-cm6 .cm-contentContainer .cm-content[style*="tab-size: 5"] .HyperMD-list-line.cm-line:not([class*="quote"]):not([class*="nobullet"]) .cm-hmd-list-indent::before {
  --indent-use-default: 2.3ch;
  --indent-use-wide: 3ch;
  --rb-indent-width: var(--indent-use-default);
}
body:not(.list-no-line-in-edit):not(.rainbow-lines) .mod-cm6 .cm-contentContainer .cm-content[style*="tab-size: 6"] .HyperMD-list-line.cm-line:not([class*="quote"]):not([class*="nobullet"]) .cm-hmd-list-indent::before,
body.rainbow-lines .mod-cm6 .cm-contentContainer .cm-content[style*="tab-size: 6"] .HyperMD-list-line.cm-line:not([class*="quote"]):not([class*="nobullet"]) .cm-hmd-list-indent::before {
  --indent-use-default: 2.74ch;
  --indent-use-wide: 5ch;
  --rb-indent-width: var(--indent-use-default);
}
body:not(.list-no-line-in-edit):not(.rainbow-lines) .mod-cm6 .cm-contentContainer .cm-content[style*="tab-size: 7"] .HyperMD-list-line.cm-line:not([class*="quote"]):not([class*="nobullet"]) .cm-hmd-list-indent::before,
body.rainbow-lines .mod-cm6 .cm-contentContainer .cm-content[style*="tab-size: 7"] .HyperMD-list-line.cm-line:not([class*="quote"]):not([class*="nobullet"]) .cm-hmd-list-indent::before {
  --indent-use-default: 3.18ch;
  --indent-use-wide: 6ch;
  --rb-indent-width: var(--indent-use-default);
  --rb-indent-bg-size: calc(var(--rb-color-count) * var(--rb-indent-width)) 4px;
}
body:not(.list-no-line-in-edit):not(.rainbow-lines) .mod-cm6 .cm-contentContainer .cm-content[style*="tab-size: 8"] .HyperMD-list-line.cm-line:not([class*="quote"]):not([class*="nobullet"]) .cm-hmd-list-indent::before,
body.rainbow-lines .mod-cm6 .cm-contentContainer .cm-content[style*="tab-size: 8"] .HyperMD-list-line.cm-line:not([class*="quote"]):not([class*="nobullet"]) .cm-hmd-list-indent::before {
  --indent-use-default: 3.65ch;
  --indent-use-wide: 6ch;
  --rb-indent-width: var(--indent-use-default);
  --rb-indent-bg-size: calc(var(--rb-color-count) * var(--rb-indent-width)) 2px;
}

/*rainbow-lines*/

body.rainbow-lines-reading :is(ol,ul) :is(ol,ul) {
  position: relative;
}

body.rainbow-lines-reading :is(ol,ul) :is(ol,ul)::before{
  content: '';
  border-right: 1.5px solid var(--background-modifier-border);
  position: absolute;
  left: -1.1em;
  height: 100%;
}

body.rainbow-lines-reading .kanban :is(ol,ul) ul::before {
  display: none;
}

body.rainbow-lines-reading ul>li:not(.task-list-item) {
  border-left: none !important;
}

body.rainbow-lines-reading ol>li {
  border-left: none !important;
}

body.rainbow-lines-reading ol,
body.rainbow-lines-reading ol ol,
body.rainbow-lines-reading ol ol ol,
body.rainbow-lines-reading ol ul ol,
body.rainbow-lines-reading ol ol ol ol,
body.rainbow-lines-reading ol ol ul ol,
body.rainbow-lines-reading ol ul ol ol {
  list-style: decimal;
}

body.rainbow-lines-reading ol>li::marker {
  font-weight: normal;
  color: var(--text-normal);
}
/* .cm-hmd-list-indent .cm-tab::before {
border-width:1.5px;;	
} */


body.rainbow-ordered-list .HyperMD-list-line-1 .cm-formatting-list {
  color: rgb(var(--accent-1-rgb)) !important;
}
body.rainbow-checkbox .HyperMD-list-line-1 .cm-formatting-task {
  color: rgb(var(--accent-1-rgb)) !important;
}
body.rainbow-checkbox .mod-cm6 .HyperMD-list-line-1 .task-list-item-checkbox[data-task="x"]:checked {
  background-color: rgba(var(--accent-1-rgb),0.7);
}
body.rainbow-checkbox .mod-cm6 .HyperMD-list-line-1 .task-list-item-checkbox {
  border-color: rgba(var(--accent-1-rgb),0.7);
}
body.rainbow-lines .cm-hmd-list-indent > span.cm-tab:nth-child(8n+1)::before {
  border-color: rgba(var(--accent-1-rgb),0.7);
}
body.rainbow-lines .mod-cm6 .HyperMD-list-line-1>span.list-bullet {
  color: rgb(var(--accent-1-rgb)) ;
}

body.rainbow-ordered-list .HyperMD-list-line-2 .cm-formatting-list {
  color: rgb(var(--accent-2-rgb))!important;
}
body.rainbow-checkbox .HyperMD-list-line-2 .cm-formatting-task {
  color: rgb(var(--accent-2-rgb))!important;
}
body.rainbow-checkbox .mod-cm6 .HyperMD-list-line-2 .task-list-item-checkbox[data-task="x"]:checked {
  background-color: rgba(var(--accent-2-rgb),0.7);
}
body.rainbow-checkbox .mod-cm6 .HyperMD-list-line-2 .task-list-item-checkbox {
  border-color: rgba(var(--accent-2-rgb),0.7);
}
body.rainbow-lines .cm-hmd-list-indent > span.cm-tab:nth-child(8n+2)::before {
  border-color: rgba(var(--accent-2-rgb),0.7);
}
body.rainbow-lines .mod-cm6 .HyperMD-list-line-2>span.list-bullet {
  color: rgb(var(--accent-2-rgb));
}

body.rainbow-ordered-list .HyperMD-list-line-3 .cm-formatting-list {
  color: rgb(var(--accent-3-rgb))!important;
}
body.rainbow-checkbox  .HyperMD-list-line-3 .cm-formatting-task {
  color: rgb(var(--accent-3-rgb))!important;
}
body.rainbow-checkbox .mod-cm6 .HyperMD-list-line-3 .task-list-item-checkbox[data-task="x"]:checked {
  background-color: rgba(var(--accent-3-rgb),0.7);
}
body.rainbow-checkbox .mod-cm6 .HyperMD-list-line-3 .task-list-item-checkbox {
  border-color: rgba(var(--accent-3-rgb),0.7);
}
body.rainbow-lines .cm-hmd-list-indent > span.cm-tab:nth-child(8n+3)::before {
  border-color: rgba(var(--accent-3-rgb),0.7);
}
body.rainbow-lines .mod-cm6 .HyperMD-list-line-3>span.list-bullet {
  color: rgb(var(--accent-3-rgb));
}

body.rainbow-ordered-list .HyperMD-list-line-4 .cm-formatting-list {
  color: rgb(var(--accent-4-rgb))!important;
}
body.rainbow-checkbox .HyperMD-list-line-4 .cm-formatting-task {
  color: rgb(var(--accent-4-rgb))!important;
}
body.rainbow-checkbox .mod-cm6 .HyperMD-list-line-4 .task-list-item-checkbox[data-task="x"]:checked {
  background-color: rgba(var(--accent-4-rgb),0.7);
}
body.rainbow-checkbox .mod-cm6 .HyperMD-list-line-4 .task-list-item-checkbox {
  border-color: rgba(var(--accent-4-rgb),0.7);
}
body.rainbow-lines .cm-hmd-list-indent > span.cm-tab:nth-child(8n+4)::before {
  border-color: rgba(var(--accent-4-rgb),0.7);
}
body.rainbow-lines .mod-cm6 .HyperMD-list-line-4>span.list-bullet {
  color: rgb(var(--accent-4-rgb));
}

body.rainbow-ordered-list .HyperMD-list-line-5 .cm-formatting-list {
  color: rgb(var(--accent-5-rgb))!important;
}
body.rainbow-checkbox .HyperMD-list-line-5 .cm-formatting-task {
  color: rgb(var(--accent-5-rgb))!important;
}
body.rainbow-checkbox .mod-cm6 .HyperMD-list-line-5 .task-list-item-checkbox[data-task="x"]:checked {
  background-color:  rgba(var(--accent-5-rgb),0.7);
}
body.rainbow-checkbox .mod-cm6 .HyperMD-list-line-5 .task-list-item-checkbox {
  border-color: rgba(var(--accent-5-rgb),0.7);
}
body.rainbow-lines .cm-hmd-list-indent > span.cm-tab:nth-child(8n+5)::before {
  border-color: rgba(var(--accent-5-rgb),0.7);
}
body.rainbow-lines .mod-cm6 .HyperMD-list-line-5>span.list-bullet {
  color: rgb(var(--accent-5-rgb));
}

body.rainbow-ordered-list .HyperMD-list-line-6 .cm-formatting-list {
  color: rgb(var(--accent-6-rgb))!important;
}
body.rainbow-checkbox .HyperMD-list-line-6 .cm-formatting-task {
  color: rgb(var(--accent-6-rgb))!important;
}
body.rainbow-checkbox .mod-cm6 .HyperMD-list-line-6 .task-list-item-checkbox[data-task="x"]:checked {
  background-color: rgba(var(--accent-6-rgb),0.7);
}
body.rainbow-checkbox .mod-cm6 .HyperMD-list-line-6 .task-list-item-checkbox {
  border-color: rgba(var(--accent-6-rgb),0.7);
}
body.rainbow-lines .cm-hmd-list-indent > span.cm-tab:nth-child(8n+6)::before {
  border-color: rgba(var(--accent-6-rgb),0.7);
}
body.rainbow-lines .mod-cm6 .HyperMD-list-line-6>span.list-bullet {
  color: rgb(var(--accent-6-rgb));
}

body.rainbow-ordered-list .HyperMD-list-line-7 .cm-formatting-list {
  color: rgb(var(--accent-7-rgb))!important;
}
body.rainbow-checkbox .HyperMD-list-line-7 .cm-formatting-task {
  color: rgb(var(--accent-7-rgb))!important;
}
body.rainbow-checkbox .mod-cm6 .HyperMD-list-line-7 .task-list-item-checkbox[data-task="x"]:checked {
  background-color: rgba(var(--accent-7-rgb),0.7);
}
body.rainbow-checkbox .mod-cm6 .HyperMD-list-line-7 .task-list-item-checkbox {
  border-color: rgba(var(--accent-7-rgb),0.7);
}
body.rainbow-lines .cm-hmd-list-indent > span.cm-tab:nth-child(8n+7)::before {
  border-color: rgba(var(--accent-7-rgb),0.7);
}
body.rainbow-lines .mod-cm6 .HyperMD-list-line-7>span.list-bullet {
  color: rgb(var(--accent-7-rgb));
}

body.rainbow-ordered-list .HyperMD-list-line-8 .cm-formatting-list {
  color: rgb(var(--accent-8-rgb))!important;
}
body.rainbow-checkbox .HyperMD-list-line-8 .cm-formatting-task {
  color: rgb(var(--accent-8-rgb))!important;
}
body.rainbow-checkbox .mod-cm6 .HyperMD-list-line-8 .task-list-item-checkbox[data-task="x"]:checked {
  background-color: rgba(var(--accent-8-rgb),0.7);
}
body.rainbow-checkbox .mod-cm6 .HyperMD-list-line-8 .task-list-item-checkbox {
  border-color: rgba(var(--accent-8-rgb),0.7);
}
body.rainbow-lines .cm-hmd-list-indent > span.cm-tab:nth-child(8n)::before {
  border-color: rgba(var(--accent-8-rgb),0.7);
}
body.rainbow-lines .mod-cm6 .HyperMD-list-line-7>span.list-bullet {
  color: rgb(var(--accent-8-rgb));
}

body.rainbow-lines .CodeMirror-foldgutter-open.CodeMirror-guttermarker-subtle::after {
	color: rgb(var(--accent-1-rgb)); 
}
 
/*预览模式
/*无序列表 任务框*/
body.rainbow-lines-reading ul li .task-list-item-checkbox {
  border-color: rgba(var(--accent-1-rgb),0.7);
}
body.rainbow-lines-reading ul ul li .task-list-item-checkbox {
  border-color: rgba(var(--accent-2-rgb),0.7);
}
body.rainbow-lines-reading ul ul ul li .task-list-item-checkbox {
  border-color: rgba(var(--accent-3-rgb),0.7);
}
body.rainbow-lines-reading ul ul ul ul li .task-list-item-checkbox {
  border-color: rgba(var(--accent-4-rgb),0.7);
}
body.rainbow-lines-reading ul ul ul ul ul  li .task-list-item-checkbox {
  border-color: rgba(var(--accent-5-rgb),0.7);
}
body.rainbow-checkbox  ul ul ul ul ul ul li .task-list-item-checkbox {
  border-color: rgba(var(--accent-6-rgb),0.7);
}
body.rainbow-checkbox  ul ul ul ul ul ul ul li .task-list-item-checkbox {
  border-color: rgba(var(--accent-7-rgb),0.7);
}
body.rainbow-checkbox  ul ul ul ul ul ul ul ul li .task-list-item-checkbox {
  border-color: rgba(var(--accent-7-rgb),0.7);
}

/*无序列表 大纲线*/
body.rainbow-lines-reading ul ul::before {
 border-color: rgba(var(--accent-1-rgb),0.7) !important;
}
body.rainbow-lines-reading li ul ul::before {
  border-color: rgba(var(--accent-2-rgb),0.7) !important;
}
body.rainbow-lines-reading li ul ul ul::before {
  border-color: rgba(var(--accent-3-rgb),0.7) !important;
}
body.rainbow-lines-reading li ul ul ul ul::before {
  border-color: rgba(var(--accent-4-rgb),0.7) !important;
}
body.rainbow-lines-reading li ul ul ul ul ul::before {
  border-color: rgba(var(--accent-5-rgb),0.7) !important;
}
body.rainbow-lines-reading li ul ul ul ul ul ul::before {
  border-color: rgba(var(--accent-6-rgb),0.7) !important;
}
body.rainbow-lines-reading li ul ul ul ul ul ul ul::before {
  border-color: rgba(var(--accent-7-rgb),0.7) !important;
}
body.rainbow-lines-reading li ul ul ul ul ul ul ul ul::before {
  border-color: rgba(var(--accent-8-rgb),0.7) !important;
}
body.rainbow-lines-reading li ul ul ul ul ul ul ul ul ul::before {
  border-color: rgba(var(--accent-1-rgb),0.7) !important;
}

/*任务有序列表 大纲线*/
body.rainbow-lines-reading ol ol::before {
  border-color: rgba(var(--accent-1-rgb),0.7) !important;
}
body.rainbow-lines-reading li ol ol::before {
  border-color: rgba(var(--accent-2-rgb),0.7) !important;
}
body.rainbow-lines-reading li ol ol ol::before {
  border-color: rgba(var(--accent-3-rgb),0.7) !important;
}
body.rainbow-lines-reading li ol ol ol ol::before {
  border-color: rgba(var(--accent-4-rgb),0.7) !important;
}
body.rainbow-lines-reading li ol ol ol ol ol::before {
  border-color: rgba(var(--accent-5-rgb),0.7) !important;
}
body.rainbow-lines-reading li ol ol ol ol ol ol::before {
  border-color: rgba(var(--accent-6-rgb),0.7) !important;
}
body.rainbow-lines-reading li ol ol ol ol ol ol ol::before {
  border-color: rgba(var(--accent-7-rgb),0.7) !important;
}
body.rainbow-lines-reading li ol ol ol ol ol ol ol ol::before {
  border-color: rgba(var(--accent-8-rgb),0.7) !important;
}
body.rainbow-lines-reading li ol ol ol ol ol ol ol ol::before {
  border-color: rgba(var(--accent-1-rgb),0.7) !important;
}

/*任务有序列表 选择框*/
body.rainbow-checkbox :is(.markdown-preview-view,.markdown-rendered) li[data-task="x"] .task-list-item-checkbox:checked {
    background-color: rgb(var(--accent-1-rgb),0.7);
    }
body.rainbow-checkbox :is(.markdown-preview-view,.markdown-rendered) li li[data-task="x"] .task-list-item-checkbox:checked {
  background-color: rgb(var(--accent-2-rgb),0.7)!important;
}
body.rainbow-checkbox :is(.markdown-preview-view,.markdown-rendered) li li li[data-task="x"] .task-list-item-checkbox:checked {
  background-color: rgb(var(--accent-3-rgb),0.7)!important;
}
body.rainbow-checkbox :is(.markdown-preview-view,.markdown-rendered) li li li li[data-task="x"] .task-list-item-checkbox:checked {
  background-color: rgb(var(--accent-4-rgb),0.7)!important;
}
body.rainbow-checkbox :is(.markdown-preview-view,.markdown-rendered) li li li li li[data-task="x"] .task-list-item-checkbox:checked {
  background-color: rgb(var(--accent-5-rgb),0.7)!important;
}
body.rainbow-checkbox :is(.markdown-preview-view,.markdown-rendered) li li li li li li[data-task="x"] .task-list-item-checkbox:checked {
  background-color: rgb(var(--accent-6-rgb),0.7)!important;
}
body.rainbow-checkbox :is(.markdown-preview-view,.markdown-rendered) li li li li li li li[data-task="x"] .task-list-item-checkbox:checked {
  background-color: rgb(var(--accent-7-rgb),0.7)!important;
}
body.rainbow-checkbox :is(.markdown-preview-view,.markdown-rendered) li li li li li li li li[data-task="x"] .task-list-item-checkbox:checked {
  background-color: rgb(var(--accent-8-rgb),0.7)!important;
}

/*任务有序列表 选择框未选择*/
body.rainbow-checkbox :is(.markdown-preview-view,.markdown-rendered) li .task-list-item-checkbox {
  border-color: rgba(var(--accent-1-rgb),0.7) !important;
  }
body.rainbow-checkbox :is(.markdown-preview-view,.markdown-rendered) li li .task-list-item-checkbox {
  border-color: rgba(var(--accent-2-rgb),0.7) !important;
}
body.rainbow-checkbox :is(.markdown-preview-view,.markdown-rendered) li li li .task-list-item-checkbox {
   border-color: rgba(var(--accent-3-rgb),0.7) !important;
}
body.rainbow-checkbox :is(.markdown-preview-view,.markdown-rendered) li li li li .task-list-item-checkbox {
  border-color: rgba(var(--accent-4-rgb),0.7) !important;
}
body.rainbow-checkbox :is(.markdown-preview-view,.markdown-rendered) li li li li li .task-list-item-checkbox {
  border-color: rgba(var(--accent-5-rgb),0.7) !important;
}
body.rainbow-checkbox :is(.markdown-preview-view,.markdown-rendered) li li li li li li .task-list-item-checkbox {
  border-color: rgba(var(--accent-6-rgb),0.7) !important;
}
body.rainbow-checkbox :is(.markdown-preview-view,.markdown-rendered) li li li li li li li .task-list-item-checkbox {
  border-color: rgba(var(--accent-7-rgb),0.7) !important;
}
body.rainbow-checkbox :is(.markdown-preview-view,.markdown-rendered) li li li li li li li li .task-list-item-checkbox {
  border-color: rgba(var(--accent-8-rgb),0.7) !important;
}

body.rainbow-lines-reading :is(.markdown-preview-view,.markdown-rendered) li .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  color: rgb(var(--accent-1-rgb));
}
body.rainbow-lines-reading :is(.markdown-preview-view,.markdown-rendered) li li .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  color: rgb(var(--accent-2-rgb));
}
body.rainbow-lines-reading :is(.markdown-preview-view,.markdown-rendered) li li li .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  color: rgb(var(--accent-3-rgb));	
}
body.rainbow-lines-reading :is(.markdown-preview-view,.markdown-rendered) li li li li .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  color: rgb(var(--accent-4-rgb));	
}
body.rainbow-lines-reading :is(.markdown-preview-view,.markdown-rendered) li li li li li .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  color: rgb(var(--accent-5-rgb));
}
body.rainbow-lines-reading :is(.markdown-preview-view,.markdown-rendered) li li li li li li .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  color: rgb(var(--accent-6-rgb));	
}
body.rainbow-lines-reading :is(.markdown-preview-view,.markdown-rendered) li li li li li li li .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  color: rgb(var(--accent-7-rgb));	
}
body.rainbow-lines-reading :is(.markdown-preview-view,.markdown-rendered) li li li li li li li li .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  color: rgb(var(--accent-8-rgb));	
}

body.rainbow-ordered-list :is(.markdown-preview-view,.markdown-rendered) ul>li::marker,
body.rainbow-ordered-list :is(.markdown-preview-view,.markdown-rendered) ol>li::marker {
  color: rgb(var(--accent-1-rgb));	
}
body.rainbow-ordered-list :is(.markdown-preview-view,.markdown-rendered) ul>li ul>li::marker,
body.rainbow-ordered-list :is(.markdown-preview-view,.markdown-rendered) ol>li ol>li::marker {
  color: rgb(var(--accent-2-rgb));
}
body.rainbow-ordered-list :is(.markdown-preview-view,.markdown-rendered) ul>li ul>li ul>li::marker,
body.rainbow-ordered-list :is(.markdown-preview-view,.markdown-rendered) ol>li ol>li ol>li::marker {
  color:  rgb(var(--accent-3-rgb));
}
body.rainbow-ordered-list :is(.markdown-preview-view,.markdown-rendered) ul>li ul>li ul>li ul>li::marker,
body.rainbow-ordered-list :is(.markdown-preview-view,.markdown-rendered) ol>li ol>li ol>li ol>li::marker {
  color: rgb(var(--accent-4-rgb));
}
body.rainbow-ordered-list :is(.markdown-preview-view,.markdown-rendered) ul>li ul>li ul>li ul>li ul>li::marker,
body.rainbow-ordered-list :is(.markdown-preview-view,.markdown-rendered) ol>li ol>li ol>li ol>li ol>li::marker {
  color: rgb(var(--accent-5-rgb));
}
body.rainbow-ordered-list :is(.markdown-preview-view,.markdown-rendered) ul>li ul>li ul>li ul>li ul>li ul>li::marker,
body.rainbow-ordered-list :is(.markdown-preview-view,.markdown-rendered) ol>li ol>li ol>li ol>li ol>li ol>li::marker {
  color: rgb(var(--accent-6-rgb));
}
body.rainbow-ordered-list :is(.markdown-preview-view,.markdown-rendered) ul>li ul>li ul>li ul>li ul>li ul>li ul>li::marker,
body.rainbow-ordered-list :is(.markdown-preview-view,.markdown-rendered) ol>li ol>li ol>li ol>li ol>li ol>li ol>li::marker {
  color: rgb(var(--accent-7-rgb));
}
body.rainbow-ordered-list :is(.markdown-preview-view,.markdown-rendered) ul>li ul>li ul>li ul>li ul>li ul>li ul>li ul>li::marker,
body.rainbow-ordered-list :is(.markdown-preview-view,.markdown-rendered) ol>li ol>li ol>li ol>li ol>li ol>li ol>li ol>li::marker {
  color: rgb(var(--accent-8-rgb));
}


/*===========*/
:is(h1,h2,h3,h4,h5,h6,b,strong),
.view-header-title,
.cm-s-obsidian .cm-header,
.cm-s-obsidian .cm-strong {
  font-weight: bold;
}

span.cm-strong,
:not(font)>strong,
.cm-s-obsidian .cm-highlight.cm-strong {
  color: var(--accent-strong) !important;
  font-family: var(--font-family-strong) !important;
}

font>strong {
  font-family: var(--font-family-strong) !important;
}

span.cm-em,
span.cm-em.cm-highlight,
span.cm-em.cm-quote,
span.cm-em.cm-highlight.cm-quote,
:is(.markdown-preview-view,.markdown-rendered) :not(font):not(strong)>em,
:is(.markdown-preview-view,.markdown-rendered) em>mark {
  color: var(--accent-em);
  font-family: var(--font-family-em);
}

*:not(font)>em>strong,
*:not(font)>strong>em,
.cm-strong.cm-em {
  padding-right: 0.05em;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-color: #f55454;
  background-image: linear-gradient(120deg, var(--strong-em-color-1) 0%, var(--strong-em-color-2) 80%);
  font-family: var(--font-family-strong) !important;
}

:is(.markdown-preview-view,.markdown-rendered) :not(font)>strong>em>mark {
  background-color: var(--mark-highlight-strong-em);
  padding: 1px 3px;
  border-radius: var(--radius-xs);
}

em>strong>font,
strong>em>font,
strong>em>mark>font {
  background-image: initial;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
  background-color: initial;
}

/*internal link with strong&em*/
strong>em>.internal-link,
.cm-strong.cm-em.cm-hmd-internal-link {
  -webkit-text-fill-color: initial;
  text-decoration: underline !important;
}

.markdown-source-view.mod-cm5 span.cm-formatting.cm-formatting-strong.cm-strong,
.markdown-source-view.mod-cm5 span.cm-formatting.cm-formatting-em.cm-em {
  opacity: 0.2;
}

.theme-dark .markdown-source-view.mod-cm5 .cm-formatting.cm-formatting-strong.cm-em.cm-strong {
  opacity: 0.2;
  -webkit-text-fill-color: var(--green);
}

.theme-light .markdown-source-view.mod-cm5 .cm-formatting.cm-formatting-strong.cm-em.cm-strong {
  opacity: 0.2;
  -webkit-text-fill-color: var(--orange);
}

a:not([class*="is-unresolved"]).internal-link>strong,
a.external-link>strong,
a:not([class*="is-unresolved"]).internal-link>em,
a.external-link>em {
  color: var(--text-accent);
}

/*link format [[]]*/
.cm-formatting-link.cm-strong.cm-em {
  -webkit-text-fill-color: var(--text-faint);
  opacity: 0.2;
}

div.CodeMirror-activeline .CodeMirror-line span.cm-formatting-link.cm-strong.cm-em {
  opacity: 1;
}

.theme-dark div.CodeMirror-activeline .CodeMirror-line span.cm-formatting.cm-formatting-strong.cm-strong {
  opacity: 1;
  color: var(--text-accent);
}

.theme-dark div.CodeMirror-activeline .CodeMirror-line span.cm-formatting.cm-formatting-em.cm-em {
  opacity: 1;
  color: var(--text-orange);
}

.theme-dark div.CodeMirror-activeline .CodeMirror-line span.cm-formatting.cm-formatting-strong.cm-em.cm-strong {
  opacity: 1;
  color: var(--green);
}

.theme-light div.CodeMirror-activeline .CodeMirror-line span.cm-formatting.cm-formatting-strong.cm-strong {
  opacity: 1;
  color: var(--orange);
}

.theme-light div.CodeMirror-activeline .CodeMirror-line span.cm-formatting.cm-formatting-em.cm-em,
.theme-light div.CodeMirror-activeline .CodeMirror-line span.cm-formatting.cm-formatting-strong.cm-em.cm-strong {
  opacity: 1;
  color: var(--orange);
}

.workspace>.workspace-split>.workspace-leaf:first-of-type:last-of-type .view-header {
  border: none;
  background: var(--background-primary-bg-4-bt);
}

.workspace-leaf.mod-active .view-header {
  background: linear-gradient(120deg, var(--color-view-header-gradient-1) 0%, var(--color-view-header-gradient-2) 90%);
  border-bottom: 3px solid var(--theme-color);
}

/*smaller header title*/
.view-header-title {
  font-size: var(--font-size-file-header-title);
  padding: 0 6px 0 0;
  white-space: nowrap;
  top: 1px;
  border-top: 3px transparent;
  border-bottom: 3px transparent;
  background-color: transparent;
  position: relative;
}

.popover.hover-popover {
  position: absolute;
  min-height: 50px;
  width: 500px;
  box-shadow: 0 0 6px 6px var(--theme-color-translucent-1);
}

body:not(.remove-heading-indicator) .popover h1:hover::before,
body:not(.remove-heading-indicator) .markdown-embed h1:hover::before,
body:not(.remove-heading-indicator) .markdown-preview-view .callout-content h1:hover::before {
  content: 'H1';
  position: absolute;
  font-size: 0.4em;
  width: auto;
  border: 1px solid;
  padding: 0 2px;
  border-radius: var(--radius-xs);
  top: -1.1em;
}
body:not(.remove-heading-indicator) .popover h2:hover::before,
body:not(.remove-heading-indicator) .markdown-embed h2:hover::before,
body:not(.remove-heading-indicator) .markdown-preview-view .callout-content h2:hover::before {
  content: 'H2';
  position: absolute;
  font-size: 0.45em;
  width: auto;
  border: 1px solid;
  padding: 0 2px;
  border-radius: var(--radius-xs);
  top: -1.1em;
}
body:not(.remove-heading-indicator) .popover h3:hover::before,
body:not(.remove-heading-indicator) .markdown-embed h3:hover::before,
body:not(.remove-heading-indicator) .markdown-preview-view .callout-content h3:hover::before {
  content: 'H3';
  position: absolute;
  font-size: 0.45em;
  width: auto;
  border: 1px solid;
  padding: 0 2px;
  border-radius: var(--radius-xs);
  top: -1.1em;
}
body:not(.remove-heading-indicator) .popover h4:hover::before,
body:not(.remove-heading-indicator) .markdown-embed h4:hover::before,
body:not(.remove-heading-indicator) .markdown-preview-view .callout-content h4:hover::before {
  content: 'H4';
  position: absolute;
  font-size: 0.5em;
  width: auto;
  border: 1px solid;
  padding: 0 2px;
  border-radius: var(--radius-xs);
  top: -1.1em;
}
body:not(.remove-heading-indicator) .popover h5:hover::before,
body:not(.remove-heading-indicator) .markdown-embed h5:hover::before,
body:not(.remove-heading-indicator) .markdown-preview-view .callout-content h5:hover::before {
  content: 'H5';
  position: absolute;
  font-size: 0.55em;
  width: auto;
  border: 1px solid;
  padding: 0 2px;
  border-radius: var(--radius-xs);
  top: -1.1em;
}
body:not(.remove-heading-indicator) .popover h6:hover::before,
body:not(.remove-heading-indicator) .markdown-embed h6:hover::before,
body:not(.remove-heading-indicator) .markdown-preview-view .callout-content h6:hover::before {
  content: 'H6';
  position: absolute;
  font-size: 0.6em;
  width: auto;
  border: 1px solid;
  padding: 0 2px;
  border-radius: var(--radius-xs);
  top: -1.1em;
}

body:not(.remove-heading-indicator) .markdown-embed :is(h1, h2, h3, h4, h5, h6):hover::before,
body:not(.remove-heading-indicator) .callout-content :is(h1, h2, h3, h4, h5, h6):hover::before{
  margin-left: 0 !important;
}
body:not(.remove-heading-indicator) .callout-content :is(h1, h2, h3, h4, h5, h6):hover::before {
  top: -1.25em;
}

:is(.markdown-preview-section,.markdown-rendered) table:not(.dataview.table-view-table) {
  width: 100%;
  border-collapse: collapse;
  overflow: auto;
  margin: 20px auto;
}

:is(.markdown-preview-section,.markdown-rendered) table:not(.dataview.table-view-table):active,
:is(.markdown-preview-section,.markdown-rendered) table:not(.dataview.table-view-table):hover {
  overflow: hidden;
  resize: both !important;
}

body .markdown-preview-view th,
body .markdown-source-view.mod-cm6 .dataview.table-view-table thead.table-view-thead tr th,
body .table-view-table>thead>tr>th {
  background-image: none;
}
/*修复Itinerary插件显示问题*/
:is(.markdown-preview-view,.markdown-rendered) :is(.markdown-preview-section,.markdown-rendered) .block-language-itinerary.fc table {
	overflow: unset;
}

/*modified from https://codepen.io/brettdewoody/pen/oBjbbB */
body.no-wrapped-table-cell table:not([class*="table-view-table"]),
body.no-wrapped-dvtable-cell .dataview.table-view-table {
  width: 100%;
  table-layout: fixed;
}

body.no-wrapped-table-cell table:not([class*="table-view-table"]) :is(th,td),
body.no-wrapped-dvtable-cell .dataview.table-view-table :is(th,td) {
  white-space: nowrap;
  overflow-x: auto;
  text-overflow: ellipsis;
}

body.no-wrapped-table-cell table:not([class*="table-view-table"]) :is(th,td):hover,
body.no-wrapped-dvtable-cell .dataview.table-view-table :is(th,td):hover {
  text-overflow: clip;
}
/*modified from https://forum.obsidian.md/t/custom-css-for-tables-5-new-styles-ready-to-use-in-your-notes/17084 */

/****dataview table***/
table.table-view-table > thead > tr > th {
  font-size: 0.9em;
}
table.table-view-table > tbody > tr > td {
  font-size: 0.85em;
}

body.wrapped-dvtable:not(.no-wrapped-dvtable-cell):not(.no-wrapped-dvtable) :is(.markdown-preview-view,.markdown-rendered) table.dataview.table-view-table>thead>tr,
body.wrapped-dvtable:not(.no-wrapped-dvtable-cell):not(.no-wrapped-dvtable) :is(.markdown-preview-view,.markdown-rendered) .table.dataview.table-view-table>tbody>tr,
body.wrapped-table:not(.no-wrapped-table-cell):not(.no-wrapped-table) :is(.markdown-preview-view,.markdown-rendered) table:not([class*="table-view-table"]) >thead>tr,
body.wrapped-table:not(.no-wrapped-table-cell):not(.no-wrapped-table) :is(.markdown-preview-view,.markdown-rendered) table:not([class*="table-view-table"]) >tbody>tr {
  white-space: pre-wrap; 
  word-break: break-word; 
  overflow-wrap: anywhere; 
}

body.no-wrapped-dvtable .block-language-dataview,
body.no-wrapped-table table:not([class*="table-view-table"]) {
  width: 100%;
  margin: 0;
  overflow-x: auto; 
  white-space: nowrap;
}
body.no-wrapped-dvtable table.dataview th {
  padding: 0 20px;
  font-size: 1em;
}

body.no-wrapped-dvtable table.dataview tbody tr td:first-child {
  font-size: 0.9em;
}

body.no-wrapped-dvtable table.dataview td:not(:first-child),
body.no-wrapped-dvtable table.dataview tr > td:last-of-type { 
  font-size: 0.9em;
  max-width: unset;
}

body.auto-serial-number-dvtable .markdown-source-view:not(.cards) .dataview.table-view-table {
  counter-reset: sec;
}
body.auto-serial-number-dvtable .markdown-source-view:not(.cards) .dataview.table-view-table> tbody > tr> td:first-child::before {
  counter-increment: sec;
  content:counter(sec) ". ";
}

body.auto-serial-number-dvtable .markdown-preview-view:not(.cards) .dataview.table-view-table {
  counter-reset: section;
}
body.auto-serial-number-dvtable .markdown-preview-view:not(.cards) .dataview.table-view-table> tbody > tr> td:first-child::before {
  counter-increment: section;
  content:counter(section) ". ";
}

body:not(.no-wrapped-dvtable) :is(.markdown-preview-view,.markdown-rendered) .table-view-table>tbody>tr>td, 
body:not(.no-wrapped-dvtable) .markdown-source-view.mod-cm6 .table-view-table>tbody>tr>td {
  max-width: 18em;
}

:is(.markdown-preview-view,.markdown-rendered) table tbody>tr:nth-child(odd),
.markdown-source-view table tbody>tr:nth-child(odd) {
  background-color: var(--table-background-color-odd);
}

:is(.markdown-preview-view,.markdown-rendered) table tbody>tr,
.markdown-source-view table tbody>tr {
  background-color: var(--table-background-color);
}

:is(.markdown-preview-view,.markdown-rendered) :is(th,td) {
  padding: 4px 10px;
  border: none;
}

:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view) th {
  background-color: var(--table-thead-background-color);
  font-family: var(--font-family-strong);
}

/*table hover*/
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view) td:hover {
  background-color: var(--table-hover-color);
}

/*table raw hover*/
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view) table tbody>tr:hover {
  background-color: var(--table-hover-raw-color);
}

:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view) th:hover {
  background-color: var(--table-hover-thead-color);
}

body:not(.remove-table-transition) :is(.markdown-preview-view,.markdown-rendered,.markdown-source-view) tbody tr:nth-child(odd):hover,
body:not(.remove-table-transition) :is(.markdown-preview-view,.markdown-rendered,.markdown-source-view) tbody tr:hover{
  background: var(--table-hover-raw-color);
  transform: scale(1.02);
  transition: transform 0.1s cubic-bezier(0.11, 0.33, 0.23, 0.33);
}

body:not(.remove-table-transition) :is(.markdown-preview-view,.markdown-rendered,.markdown-source-view) tbody td:hover{
  background: var(--table-hover-color);
  transform: scale(1.02);
  transition: transform 0.1s cubic-bezier(0.22, 0.66, 0.46, 0.66);
}

body.show-border-table :is(.markdown-preview-view,.markdown-rendered) :is(th,td) {
  border: 1px solid var(--table-border-color);
}

:is(.markdown-preview-view,.markdown-rendered) table {
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
}

body.table-style-one.theme-light {
  --table-background-color-odd: rgba(0, 0, 0, 0.02);
  --table-background-color: rgba(0, 0, 0, 0.02);
  --table-thead-background-color: rgba(0, 0, 0, 0.1);
  --table-hover-color: rgba(0, 0, 0, 0.03);
  --table-hover-raw-color: rgba(0, 0, 0, 0.05);
  --table-hover-thead-color: var(--table-thead-background-color);
}
body.table-style-one.theme-dark {
  --table-background-color-odd: rgba(0, 0, 0, 0.3);
  --table-background-color: rgba(0, 0, 0, 0.3);
  --table-thead-background-color: rgba(0, 0, 0, 0.5);
  --table-hover-color: rgba(0, 0, 0, 0.5);
  --table-hover-raw-color: rgba(0, 0, 0, 0.5);
  --table-hover-thead-color: var(--table-thead-background-color);
}

body.table-style-two.theme-light {
  --table-background-color-odd: rgba(0, 0, 0, 0.02);
  --table-background-color: rgba(0, 0, 0, 0.05);
  --table-thead-background-color: rgba(0, 0, 0, 0.1);
  --table-hover-color: rgba(0, 0, 0, 0.03);
  --table-hover-raw-color: rgba(0, 0, 0, 0.09);
  --table-hover-thead-color: var(--table-thead-background-color);
}
body.table-style-two.theme-dark {
  --table-background-color-odd: rgba(0, 0, 0, 0.3);
  --table-background-color: rgba(0, 0, 0, 0.4);
  --table-thead-background-color: rgba(0, 0, 0, 0.5);
  --table-hover-color: rgba(0, 0, 0, 0.5);
  --table-hover-raw-color: rgba(0, 0, 0, 0.5);
  --table-hover-thead-color: var(--table-thead-background-color);
}

body.table-style-two :is(.markdown-preview-view,.markdown-rendered) th {
  border: none;
  border-bottom: 2px solid;
}
body.table-style-two :is(.markdown-preview-view,.markdown-rendered) td {
  border: none;
}

body.table-style-three :is(.markdown-preview-view,.markdown-rendered) th,
body.table-style-three .markdown-source-view th,
body.table-style-three :is(.markdown-preview-view,.markdown-rendered) th:hover,
body.table-style-three .markdown-source-view th:hover,
body.table-style-three :is(.markdown-preview-view,.markdown-rendered) td:hover,
body.table-style-three .markdown-source-view td:hover,
body.table-style-three :is(.markdown-preview-view,.markdown-rendered) table tbody>tr:hover,
body.table-style-three .markdown-source-view table tbody>tr:hover,
body.table-style-three :is(.markdown-preview-view,.markdown-rendered) table tbody>tr:nth-child(odd),
body.table-style-three .markdown-source-view table tbody>tr:nth-child(odd),
body.table-style-three :is(.markdown-preview-view,.markdown-rendered) table tbody>tr,
body.table-style-three .markdown-source-view table tbody>tr {
  background-color: transparent;
}

/*table hover*/
:is(.markdown-preview-view,.markdown-rendered) td:hover,
.markdown-source-view td:hover {
  background-color: var(--table-hover-color);
}

/*table raw hover*/
:is(.markdown-preview-view,.markdown-rendered) table tbody>tr:hover,
.markdown-source-view table tbody>tr:hover {
  background-color: var(--table-hover-raw-color);
}

:is(.markdown-preview-view,.markdown-rendered) th:hover,
.markdown-source-view th:hover {
  background-color: var(--table-hover-thead-color);
}

/*Full-width table dvtable callout backlinks layout*/
/*modified from https://github.com/efemkay */
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) .markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer,
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) .markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div,
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) .markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div.cm-content,
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) .markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div.cm-content .cm-table-widge { 
  max-width: 100%; 
  width: 100%;
}

:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks)  .markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer, 
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks)  .markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div { 
  max-width: 100%; 
  margin-inline: auto; 
  width: 100%;
} 

/*	Editing View -- set all divs back to normal width (ensuring specificity rule over some theme), then	expand to full-width for each selected css class */
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) div.markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > div,
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks)  div.markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > .cm-line {
  max-width: var(--line-width-readable); 
  margin-inline: auto !important;
} /* important for margin needed because app.css:2842 use it */

body.full-width-dvtable .markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > div.cm-preview-code-block:not(.admonition-parent), 
body.full-width-table .markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > div:is(.HyperMD-table-row, .cm-table-widget),
body.full-width-callout .markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > div:is(.cm-callout,.admonition-parent),
body.full-width-backlinks .markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div:is(.embedded-backlinks) > div { 
  max-width: 100%; 
}
  
body.full-width-dvtable .markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > div.cm-preview-code-block>div[class^="block-language"]:not(.block-language-dataview) {
  max-width: var(--line-width-readable); 
  margin-inline: auto;
}

/*	Reading View -- similar to Editing View, set all divs to normal-width and then selected divs to full-width, 
		however, for Reading View, wide-dataview and wide-table will require Contextual Typography plugin */
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks)	div.markdown-preview-view:not(.fullwidth) .markdown-preview-sizer.markdown-preview-sizer > div:not(.obsidian-banner-wrapper) { 
  max-width: var(--line-width-readable); 
  margin-inline: auto; 
} 


body.full-width-dvtable .markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div:is(.el-lang-dataview),
body.full-width-table .markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div:is(.el-table),
body.full-width-callout .markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div:is([data-callout],.admonition-parent),
body.full-width-backlinks .markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div:is(.embedded-backlinks) { 
  max-width: 100%!important; 
}

/*Full-width table dvtable callout backlinks layout*/
/*modified from https://github.com/efemkay */

/*	Editing View -- set Readable Line Length (RLL) to wide (100%) for any css class with "wide" word in it. / "width:100%" added for Blue Topaz / div.cm-content added to override Mado 11 */
div[class*="wide-"].markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer,
div[class*="wide-"].markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div,
div[class*="wide-"].markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div.cm-content,
div[class*="wide-"].markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div.cm-content .cm-table-widget { 
  max-width: 100%; 
  width: 100%;
}
      
/*	Reading View -- similar to Editing View, set the RLL to 100% for any css class with "wide" word in it. "width:100%" added for Blue Topaz */
div[class*="wide-"].markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer, 
div[class*="wide-"].markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div { 
  max-width: 100%; 
  margin-inline: auto; 
  width: 100%;
} 
    
/* === Wide Dataview, Table & Backlink === */
/*	Editing View -- set all divs back to normal width (ensuring specificity rule over some theme), then expand to full-width for each selected css class (i.e. wide-dataview, wide-table and wide-backlinks) */
div.markdown-source-view.mod-cm6:is(.wide-dataview,.wide-table,.wide-backlinks,.wide-callout) .cm-contentContainer.cm-contentContainer > div > div,
div.markdown-source-view.mod-cm6:is(.wide-dataview,.wide-table,.wide-backlinks,.wide-callout) .cm-contentContainer.cm-contentContainer > div > .cm-line {
  max-width: var(--line-width-readable); 
  margin-inline: auto !important;
} /* important for margin needed because app.css:2842 use it */
div[class*="-dataview"].markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > div.cm-preview-code-block:not(.admonition-parent), 
div[class*="-table"].markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > div:is(.HyperMD-table-row, .cm-table-widget),
div[class*="-callout"].markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > div:is(.cm-callout,.admonition-parent),
div[class*="-backlinks"].markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div:is(.embedded-backlinks) > div { 
  max-width: 100%; 
}
  
div[class*="-dataview"].markdown-source-view.mod-cm6 .cm-contentContainer.cm-contentContainer > div > div.cm-preview-code-block>div[class^="block-language"]:not(.block-language-dataview) {
  max-width: var(--line-width-readable); 
  margin-inline: auto;
}

/*	Reading View -- similar to Editing View, set all divs to normal-width and then selected divs to full-width, however, for Reading View, wide-dataview and wide-table will require Contextual Typography plugin */
div.markdown-preview-view:is(.wide-dataview,.wide-table,.wide-backlinks,.wide-callout) .markdown-preview-sizer.markdown-preview-sizer > div {
  max-width: var(--line-width-readable); 
  margin-inline: auto; 
} 
div[class*="-dataview"].markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div:is(.el-lang-dataview),
div[class*="-table"].markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div:is(.el-table),
div[class*="-callout"].markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div:is([data-callout],.admonition-parent),
div[class*="-backlinks"].markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div:is(.embedded-backlinks) { 
  max-width: 100%!important; 
}
  
/***end--Full-width table display--end****/

.popover mark {
  color: var(--text-normal);
}

.theme-light .cm-s-obsidian span.cm-formatting-highlight, 
.theme-light .cm-s-obsidian span.cm-highlight:not([class*="code"]),
.theme-light :is(.markdown-preview-view,.markdown-rendered) mark,
.theme-light .cm-formatting.cm-formatting-highlight.cm-strong.cm-em.cm-highlight,
.theme-light .popover mark,
.theme-light span.cm-strong.cm-em.cm-highlight {
  background-color: hsla(var(--text-highlight-bg-h-light), var(--text-highlight-bg-s-light), var(--text-highlight-bg-l-light), var(--text-highlight-bg-a-light));
}
.theme-dark .cm-s-obsidian span.cm-formatting-highlight, 
.theme-dark .cm-s-obsidian span.cm-highlight:not([class*="code"]),
.theme-dark :is(.markdown-preview-view,.markdown-rendered) mark,
.theme-dark .cm-formatting.cm-formatting-highlight.cm-strong.cm-em.cm-highlight,
.theme-dark .popover mark,
.theme-dark span.cm-strong.cm-em.cm-highlight {
  background-color: hsla(var(--text-highlight-bg-h-dark), var(--text-highlight-bg-s-dark), var(--text-highlight-bg-l-dark), var(--text-highlight-bg-a-dark));
}

.theme-light :is(.markdown-preview-view,.markdown-rendered) :not(font)>strong>em>mark {
  background-color: hsla(var(--text-highlight-bg-h-light), calc(var(--text-highlight-bg-s-light)*1.5), calc(var(--text-highlight-bg-l-light)*0.6), calc(var(--text-highlight-bg-a-light)*0.28));
}

.theme-dark :is(.markdown-preview-view,.markdown-rendered) :not(font)>strong>em>mark {
  background-color: hsla(var(--text-highlight-bg-h-dark), calc(var(--text-highlight-bg-s-dark)*1.5), calc(var(--text-highlight-bg-l-dark)*1.1), calc(var(--text-highlight-bg-a-dark)*0.55));
}

body:not(.remove-colorful-highlight-bg) .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight,
body:not(.remove-colorful-highlight-bg) .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight + .cm-em.cm-highlight:not([class*="strong"]),
.markdown-source-view.colorful-highlight .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight,
.markdown-source-view.colorful-highlight .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight + .cm-em.cm-highlight:not([class*="strong"]),
body:not(.remove-colorful-highlight-bg) :is(.markdown-preview-view,.markdown-rendered) :not(font):not(strong)>em>mark,
:is(.markdown-preview-view,.markdown-rendered).colorful-highlight :not(font):not(strong)>em>mark {
  background-color: var(--bg-color-highlight-1);
  color: var(--color-highlight-1);
  font-style: normal;
  font-weight: var(--font-weight-highlight-1);
}
body:not(.remove-colorful-highlight-bg) :is(.markdown-preview-view,.markdown-rendered) :not(font):not(strong)>em>mark {
  border-radius: var(--radius-xs);
}

body:not(.remove-colorful-highlight-bg) .cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong,
body:not(.remove-colorful-highlight-bg) .cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong + .cm-highlight.cm-strong:not([class*="em"]),
.markdown-source-view.colorful-highlight .cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong,
.markdown-source-view.colorful-highlight .cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong + .cm-highlight.cm-strong:not([class*="em"]),
body:not(.remove-colorful-highlight-bg) :is(.markdown-preview-view,.markdown-rendered) :not(font):not(em)>strong>mark,
:is(.markdown-preview-view,.markdown-rendered).colorful-highlight :not(font):not(em)>strong>mark {
  background-color: var(--bg-color-highlight-2) !important;
  color: var(--color-highlight-2) !important;
  font-weight: var(--font-weight-highlight-2);
}

body:not(.remove-colorful-highlight-bg) .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong,
body:not(.remove-colorful-highlight-bg) .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong + .cm-em.cm-highlight.cm-strong,
.markdown-source-view.colorful-highlight .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong,
.markdown-source-view.colorful-highlight .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong + .cm-em.cm-highlight.cm-strong,
body:not(.remove-colorful-highlight-bg) :is(.markdown-preview-view,.markdown-rendered) :not(font)>strong>em>mark,
:is(.markdown-preview-view,.markdown-rendered).colorful-highlight :not(font)>strong>em>mark {
  background-color: var(--bg-color-highlight-3) !important;
  color: var(--color-highlight-3) !important;
  font-style: normal;
  font-weight: var(--font-weight-highlight-3);
  background-image: initial;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
}
body:not(.remove-colorful-highlight-bg) .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong,
body:not(.remove-colorful-highlight-bg) .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight.cm-strong + .cm-em.cm-highlight.cm-strong,
body:not(.remove-colorful-highlight-bg) .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight,
body:not(.remove-colorful-highlight-bg) .cm-em.cm-formatting.cm-formatting-highlight.cm-highlight + .cm-em.cm-highlight:not([class*="strong"]) {
  padding: 1px 0;
}

.status-bar,
.side-dock.mod-right,
.side-dock.mod-left {
  border-color: var(--panel-border-color);
  border-width: 1px;
}
 /* ----状态栏透明开关----------- */
 /* Status bar */
body.bt-status-off .status-bar {
  background-color: var(--background-secondary-bg-4-bt);
  z-index: 30;
  border-top-left-radius: 5px;
  width: auto;
  position: absolute;
  left: auto;
  border: 0;
  bottom: 0;
  right: 0;
  max-height: 26px;
  padding: 2px 8px 6px 3px;
}
body.bt-status-off .document-search-container {
  margin-bottom: 26px;
  background-color: var(--background-secondary-bg-4-bt);
}

body.bt-search-bar-top .document-search-container {
  width: 60%;
  top: 31px;
  position: absolute;
  resize: both !important;
  overflow: hidden;
}

body.bt-search-bar-top :is(.markdown-preview-view,.markdown-rendered) {
  padding-top: 35px;
}

.status-bar {
  --bar-vertical-padding: 4px;
  --bar-height: calc(22px + (var(--bar-vertical-padding)));
  line-height: 1;
  padding: 0 20px;
  height: var(--bar-height);
  max-height: var(--bar-height);
  min-height: var(--bar-height);
  overflow: hidden;
  color: var(--text-muted);
  background-color: var(--background-primary);
}

body.bt-status-off #scroll-controls {
  bottom: 13px !important;
}

.is-translucent .status-bar {
  margin: 0;
}

.status-bar-item {
  margin: auto 0;
}

.status-bar-item>* {
  padding-top: var(--bar-vertical-padding) !important;
  padding-bottom: var(--bar-vertical-padding) !important;
}

.nav-file-title.is-active {
  --background-secondary-alt: var(--interactive-accent);
  color: var(--white);
}

/** file name**/
body.file-name-animation .nav-files-container {
  overflow-x: auto;
}
body.file-name-animation .nav-file-title-content:not(.is-being-renamed):hover {
  animation: filemove 1.5s 1 normal linear;
}

body.file-name-animation .nav-file-title-content:not(.is-being-renamed) {
  min-width: 200px;
  white-space: nowrap;
}
body.file-name-animation .nav-file {
  display: table;
}
/** file folder name**/
body.file-name-animation .obsidian-icon-folder-icon {
  vertical-align: middle;
  display: inline;
}

body.file-name-animation .nav-folder-title {
  display: inline-block;
  white-space: nowrap;
}

.nav-folder-title-content.is-being-renamed {
  white-space: break-spaces;
}

body.file-name-animation .nav-folder-title-content:not(.is-being-renamed) {
  min-width: 200px;
  white-space: nowrap;
}
body.file-name-animation .nav-folder-title-content:not(.is-being-renamed):hover {
  animation: filemove 1.5s 1 normal linear;
}

@keyframes filemove {
  0% {transform: translate(0, 0);}
  100% {transform: translate(calc(-100% + 200px), 0);}
}

body.file-bg-rounded-rectangle .nav-file-title.is-active,
body.file-bg-rounded-rectangle .nav-folder-title.is-active, 
body:not(.is-grabbing).file-bg-rounded-rectangle .nav-file-title:hover, 
body:not(.is-grabbing).file-bg-rounded-rectangle .nav-folder-title:hover {
  border-radius: var(--radius-m);
}

body.file-bg-pill .nav-file-title.is-active,
body.file-bg-pill .nav-folder-title.is-active, 
body:not(.is-grabbing).file-bg-pill .nav-file-title:hover, 
body:not(.is-grabbing).file-bg-pill .nav-folder-title:hover {
  border-radius: 15px;
}

body.file-bg-pill .nav-folder.mod-root>.nav-folder-title {
  margin-left: -2px;
}

.item-list {
  padding: 0;
}

body.file-bg-pill .item-list {
  padding: 0 4px 0 1px;
}

.item-list .nav-file-icon {
  margin-left: 2px;
}

body.light-background-color-files .nav-file-title.is-active {
  color: var(--accent-strong);
  background-color: var(--theme-color-translucent-1);
}

.nav-file-title.is-active .nav-file-tag {
  color: var(--white) !important;
  filter: hue-rotate(160deg);
}

.nav-file:not(.is-active):hover .nav-file-title,
.nav-folder:hover .nav-folder-content {
  background-color: var(--theme-color-translucent-1);
  font-weight: 500;
}

.side-dock-plugin-panel-inner {
  padding-left: 6px;
}

/*link*/
a,
:is(.markdown-preview-view,.markdown-rendered) .internal-link {
  text-decoration: none;
  font-family: var(--font-family-strong) !important;
}

a:hover,
:is(.markdown-preview-view,.markdown-rendered) .internal-link:hover {
  text-decoration: underline;
}

body:not(.default-unresolved-link) :is(.markdown-preview-view,.markdown-rendered) .internal-link.is-unresolved>*,
body:not(.default-unresolved-link) *>.internal-link.is-unresolved,
body:not(.default-unresolved-link) .markdown-source-view.mod-cm6 .is-unresolved .cm-hmd-internal-link {
  color: var(--graph-unresolved) !important;
}

body:not(.default-unresolved-link) .markdown-source-view.mod-cm6 .is-unresolved,
body:not(.default-unresolved-link) :is(.markdown-preview-view,.markdown-rendered) .internal-link.is-unresolved {
  opacity: 0.7;
}

body:not(.remove-underline-unresolved-link) :is(.markdown-preview-view,.markdown-rendered) .internal-link.is-unresolved>*,
body:not(.remove-underline-unresolved-link) *>.internal-link.is-unresolved,
body:not(.remove-underline-unresolved-link) .markdown-source-view.mod-cm6 .is-unresolved .cm-hmd-internal-link,
body:not(.remove-underline-unresolved-link) .markdown-source-view.mod-cm6 .is-unresolved,
body:not(.remove-underline-unresolved-link) :is(.markdown-preview-view,.markdown-rendered) .internal-link.is-unresolved {
  text-decoration: underline !important;
}

body:not(.default-unresolved-link) :is(.markdown-preview-view,.markdown-rendered) mark .internal-link.is-unresolved {
  color: var(--link-unresolved-highlight) !important;
  opacity: 0.75;
}

:is(.markdown-preview-view,.markdown-rendered) .internal-link.is-unresolved:hover {
  opacity: 1 !important;
}

.cm-s-obsidian span.cm-link, 
.cm-s-obsidian span.cm-hmd-internal-link {
  color: var(--text-accent) !important;
}

/* internal link in highlight */
.cm-highlight.cm-hmd-internal-link,
:is(.markdown-preview-view,.markdown-rendered) mark .internal-link:not(.is-unresolved) {
  color: var(--internal-link-color-in-highlight) !important;
}

:is(.markdown-preview-view,.markdown-rendered) a:hover {
  color: var(--text-accent);
  background: var(--theme-color-translucent-1);
  border-radius: var(--radius-xs);
  text-decoration: none !important;
  transition: all 0.3s;
}

a.external-link {
  text-decoration: underline;
}
body.link-underline a.external-link {
  text-decoration: none;
}

/*cm6 模式的下划线*/
body.link-underline .markdown-source-view.mod-cm6 .cm-underline,
body.link-underline a, 
body.link-underline :is(.markdown-preview-view,.markdown-rendered) .internal-link {
  text-decoration: none !important;
}

.cm-url:hover {
  transition: all 600ms;
}

.cm-s-obsidian div.HyperMD-codeblock-bg {
  background: var(--background-code);
}

.theme-dark :not(pre)>code[class*='language-'],
.theme-dark pre[class*='language-'] {
  background: var(--background-code);
  border-radius: var(--radius-m);
}

.theme-light :not(pre)>code[class*='language-'],
.theme-light pre[class*='language-'] {
  background: var(--background-code);
  border-radius: var(--radius-m);
}

.theme-light code[class*="language-"],
.theme-light pre[class*="language-"] {
  text-shadow: none;
  color: var(--text-color-code-normal);
  letter-spacing: calc(var(--letter-space-code) * 0.02em);
}

.theme-dark code[class*="language-"],
.theme-dark pre[class*="language-"] {
  color: var(--text-color-code-normal);
  text-shadow: none;
  letter-spacing: calc(var(--letter-space-code) * 0.02em);
}
body.codebox-frosted-glass .cm-s-obsidian div.HyperMD-codeblock-bg,
body.codebox-frosted-glass :not(pre)>code[class*='language-'],
body.codebox-frosted-glass pre[class*='language-'] {
  backdrop-filter: blur(calc(var(--blur-codebox-frosted-glass)*2px));
}

code[class*="language-"] {
  padding: 1em 0.5em;
}

/*embedded*/
body.naked-embed.theme-dark,
body.naked-embed.theme-light {
  --embed-color: transparent !important;
}
body.naked-embed .markdown-source-view.mod-cm6 .markdown-embed {
  border: none;
}
body.embed-title .markdown-embed-title{
  display: none;
}
body.embed-hd .markdown-embed :is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) {
  display: none;
}

.popover.hover-popover :is(.markdown-preview-view,.markdown-rendered) .markdown-embed,
.popover .markdown-preview-sizer:is(.markdown-preview-section,.markdown-rendered) {
  height: auto;
  min-height: min-content !important;
}

/*![[]] 嵌入笔记浮动效果*/
body.embed-hover.theme-light :is(.markdown-preview-view,.markdown-rendered) .internal-embed .markdown-embed:hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .25);
  transition: all .2s ease-in-out;
  transform: translate3d(0px, -3px, 0px);
}
body.embed-hover.theme-light .markdown-source-view .internal-embed .markdown-embed:hover {
  background: var(--background-primary-alt);
  color: var(--text-normal);
  border-radius: 6px;
  border-width: 1px;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
}

body.embed-hover.theme-dark .internal-embed .markdown-embed:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  transform: translate3d(0px, -3px, 0px);
}

.markdown-embed,
.popover.hover-popover .markdown-embed .markdown-embed {
  background-color: var(--embed-color);
  border: 1px solid var(--embed-color);
  border-radius: var(--radius-xs);
  padding: 0 0.2em;
  margin-bottom: 0;
  margin-top: 0;
}
.popover.hover-popover,
.popover.hover-popover .markdown-embed {
  background-color: var(--background-popover);
}

.markdown-source-view .markdown-embed,
.markdown-embed :is(.markdown-preview-view,.markdown-rendered) {
  padding: 0.03em 0.375em !important;
}

.markdown-embed-link,
.file-embed-link {
  position: absolute;
  top: 2px;
  right: 2px;
  color: var(--text-faint);
  cursor: pointer;
  opacity: 0;
}

.markdown-embed:hover .markdown-embed-link,
.markdown-embed:hover .file-embed-link {
  opacity: 1;
}

.markdown-source-view .markdown-embed {
  border-color: transparent;
  border-radius: var(--radius-xs);
}

:is(.markdown-preview-view,.markdown-rendered) .file-embed {
  border: 2px solid var(--embed-color);
  border-radius: var(--radius-l);
  padding: 0.1em 0.5em;
  margin: 0.1em 0;
}

:is(.markdown-preview-view,.markdown-rendered) .file-embed:hover {
  border: 2px solid var(--theme-color-translucent);
  background-color: var(--embed-color);
  border-radius: var(--radius-l);
}

.markdown-embed .markdown-preview-sizer:is(.markdown-preview-section,.markdown-rendered):first-child :is(h1,h2,h3,h4,h5,h6) {
  margin-block-start: 0.5em;
}

:is(.markdown-preview-view,.markdown-rendered) .markdown-embed-content p:first-child {
  margin-top: 0.25em;
}

.markdown-embed-content p:last-child,
:is(.markdown-preview-view,.markdown-rendered) .markdown-embed-content p:last-child {
  margin-bottom: 0.4em;
}

body:not(.adjustable-embed-content-height) :is(.markdown-preview-view,.markdown-rendered) .markdown-embed-content {
  padding-right: 0;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}

body.adjustable-embed-content-height :is(.markdown-preview-view,.markdown-rendered) .markdown-embed-content {
  padding-right: 0;
  max-height: var(--embed-content-height);
  max-width: 100%;
  overflow: auto;
}

.file-embed-icon {
  color: var(--theme-color);
  vertical-align: middle;
}

.markdown-embed-title {
  font-weight: 600;
  font-size: var(--font-size-embed-title-size);
  line-height: inherit;
  height: unset;
  word-wrap: break-word;
  white-space: pre-wrap;
}

.file-embed-title {
  font-weight: 600;
  text-align: left;
  line-height: 1.5em;
  font-size: var(--font-size-embed-file);
}

/* Source: https://github.com/AGMStudio/prism-theme-one-dark */
body:not(.whole-code-wrap) code[class*='language-'],
body:not(.whole-code-wrap) pre[class*='language-'] {
  word-spacing: normal;
  word-break: normal;
  word-wrap: break-word;
  white-space: pre;
  -moz-tab-size: 4 !important;
  -o-tab-size: 4 !important;
  tab-size: 4 !important;
}

body:not(.whole-code-wrap) .markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock
{
  word-spacing: normal;
  word-break: normal;
  word-wrap: break-word;
  white-space: pre;
 overflow:auto;
}
body.whole-code-wrap code[class*='language-'],
body.whole-code-wrap pre[class*='language-'] {
  word-spacing: normal;
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

/* Inline code */
:not(pre)>code[class*='language-'] {
  padding: .1em !important;
  border-radius: var(--radius-s) !important;
  white-space: normal !important;
}

.token.prolog,
.token.doctype,
.token.cdata {
  color: var(--gray-1) !important;
}
.token.comment,
.cm-s-obsidian span.cm-comment:not([class*="hashtag"]) {
  color: var(--darkgreen) !important;
}
.token.punctuation {
  color: var(--gray-2) !important;
}
.theme-dark .token.selector,
.theme-dark .token.tag,
.theme-dark .cm-s-obsidian span.cm-variable-2 {
  color: var(--red) !important;
}
.theme-light .token.selector,
.theme-light .token.tag {
  color: var(--purple) !important;
}
.token.class {
  color: var(--yellow) !important;
}
.token.color {
  color: var(--aqua) !important;
}
.token.unit {
  color: var(--orange) !important;
}
.token.property,
.token.boolean,
.token.constant,
.token.symbol,
.token.attr-name,
.token.deleted {
  color: var(--blue) !important;
}
.token.number,
.markdown-source-view.cm-s-obsidian .cm-number {
  color: var(--green) !important;
}
.token.string,
.token.char,
.token.attr-value,
.token.builtin,
.token.inserted {
  color: var(--green) !important;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.markdown-source-view.cm-s-obsidian .cm-string:not([class*="url"]) {
  color: var(--aqua) !important;
}
.token.atrule,
.token.keyword {
  color: var(--purple) !important;
}
.theme-dark .token.function,
.theme-dark .markdown-source-view.cm-s-obsidian .cm-variable {
  color: var(--light-yellow) !important;
}
.theme-light .token.function,
.theme-light .markdown-source-view.cm-s-obsidian .cm-variable {
  color: var(--red) !important;
}
.token.macro.property,
.markdown-source-view.cm-s-obsidian .cm-hmd-codeblock.cm-property {
  color: var(--blue) !important;
}
.token.class-name {
  color: var(--yellow) !important;
}
.theme-dark .token.regex,
.theme-dark .token.variable {
  color: var(--red) !important;
}

.theme-light .token.regex,
.theme-light .token.variable,
.theme-light .markdown-source-view.cm-s-obsidian .cm-variable-2 {
  color: var(--light-purple) !important;
}

.theme-light .markdown-source-view.cm-s-obsidian .cm-variable-3 {
  color: var(--darkblue) !important;
}

.theme-dark .token.important {
  color: var(--darkblue) !important;
}

.theme-light .token.important {
  color: var(--blue-green) !important;
}

.token.important,
.token.bold {
  font-weight: bold !important;
}

.token.italic {
  font-style: italic !important;
}

.token.entity {
  cursor: help !important;
}

/*show language type in preview mode*/
/*Thanks to elutao from https://snippets.cacher.io/snippet/018387c872dc39277996 */
pre::before {
  font-family: var(--font-default);
  color: #95a3b5;
  opacity: 0.7;
  font-size: 1em;
  font-weight: 600;
  position: absolute;
  right: 48px;
  top: 0.05em;
}

pre {
  position: relative;
}

pre[class~='language-c']::before {
  content: "C";
}
pre[class~='language-py']::before,
pre[class~='language-python']::before {
  content: "PYTHON";
}
pre[class~='language-nginx']::before {
  content: "NGINX";
}
pre[class~='language-css']::before {
  content: "CSS";
}
pre[class~='language-javascript']::before {
  content: "JS";
}
pre[class~='language-js']::before {
  content: "JS";
}
pre[class~='language-php']::before {
  content: "PHP";
}
pre[class~='language-shell']::before,
pre[class~='language-bash']::before {
  content: "SHELL";
}
pre[class~='language-flow']::before {
  content: "FLOW";
}
pre[class~='language-sequence']::before {
  content: "SEQUENCE";
}
pre[class~='language-sql']::before {
  content: "SQL";
}
pre[class~='language-yaml']::before {
  content: "YAML";
}
pre[class~='language-ini']::before {
  content: "INI";
}
pre[class~='language-xml']::before {
  content: "XML";
}
pre[class~='language-git']::before {
  content: "GIT";
}
pre[class~='language-cs']::before {
  content: "C#";
}
pre[class~='language-cpp']::before {
  content: "C++";
}
pre[class~='language-java']::before {
  content: "JAVA";
}
pre[class~='language-html']::before {
  content: "HTML";
}
pre[class~='language-txt']::before {
  content: "TXT";
}
pre[class~='language-r']::before {
  content: "R";
}

/* ==== fold icons ==== */
.CodeMirror-guttermarker-subtle {
  color: var(--text-normal);
}

/*-- reduce left padding --*/
div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-formatting.cm-formatting-header {
  font-size: 0.6rem !important;
  opacity: 0.5;
}

div.CodeMirror-activeline .CodeMirror-line span.cm-formatting.cm-formatting-header {
  font-size: 0.6rem !important;
  opacity: 1;
}

/* images : reduce displayed size of embedded files, zoom on hover */
:is(.markdown-preview-view,.markdown-rendered) img:not([class*="emoji"]) {
  max-width: min(100%, 800px);
  margin-left: auto;
  margin-right: auto;
}
.print :is(.markdown-preview-view,.markdown-rendered) img:not([class*="emoji"]) {
  display: block;
}
.view-content img:not([class*="emoji"]) {
  cursor: zoom-in;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}
body:not(.image-zoom) .markdown-reading-view button img {
  pointer-events: none;
}
body:not(.image-zoom) .markdown-reading-view .callout-title-inner img {
  pointer-events: none;
}

body:not(.image-zoom) .markdown-reading-view img:not([class*="emoji"]):active,
.workspace-leaf-content[data-type="image"] img:active {
  cursor: zoom-out !important;
  position: fixed;
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
  height: 100%;
  width: 100%;
  margin: 1px auto 0;
  padding: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiBmaWxsPSIjRjJGNEY2Ii8+CiAgICA8ZyBmaWxsPSIjRkZGIj4KICAgICAgPHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iNzkiIHg9Ijc4Ii8+CiAgICAgIDxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjE5IiB4PSIxOSIvPgogICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxOSIgeD0iMzkiLz4KICAgICAgPHJlY3Qgd2lkdGg9IjEiIGhlaWdodD0iMTkiIHg9IjU5Ii8+CiAgICAgIDxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjE5IiB4PSIxOSIgeT0iMjAiLz4KICAgICAgPHJlY3Qgd2lkdGg9IjEiIGhlaWdodD0iMTkiIHg9IjM5IiB5PSIyMCIvPgogICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxOSIgeD0iNTkiIHk9IjIwIi8+CiAgICAgIDxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjE5IiB4PSIxOSIgeT0iNDAiLz4KICAgICAgPHJlY3Qgd2lkdGg9IjEiIGhlaWdodD0iMTkiIHg9IjM5IiB5PSI0MCIvPgogICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxOSIgeD0iNTkiIHk9IjQwIi8+CiAgICAgIDxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjE5IiB4PSIxOSIgeT0iNjAiLz4KICAgICAgPHJlY3Qgd2lkdGg9IjEiIGhlaWdodD0iMTkiIHg9IjM5IiB5PSI2MCIvPgogICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxOSIgeD0iNTkiIHk9IjYwIi8+CiAgICAgIDxyZWN0IHdpZHRoPSI3OSIgaGVpZ2h0PSIxIiB5PSIxOSIvPgogICAgICA8cmVjdCB3aWR0aD0iNzkiIGhlaWdodD0iMSIgeT0iMzkiLz4KICAgICAgPHJlY3Qgd2lkdGg9Ijc5IiBoZWlnaHQ9IjEiIHk9IjU5Ii8+CiAgICA8L2c+CiAgICA8cmVjdCB3aWR0aD0iODAiIGhlaWdodD0iMiIgeT0iNzgiIGZpbGw9IiNGRkYiLz4KICA8L2c+Cjwvc3ZnPgo=");
}

.internal-embed.image-embed.is-loaded img:not([class*="emoji"]) {
  margin: 3px auto;
  display: block;
}

.internal-embed[alt$="inline"], 
.internal-embed[alt$="Inline"], 
.internal-embed[alt$="INLINE"], 
.internal-embed[alt$="inl"] {
  display: inline ;
}

.markdown-source-view.mod-cm6 img:not([class*="emoji"]) {
  display: block;
  margin: auto !important;
  cursor: help;
}

body.hide-vault-name .nav-folder.mod-root>.nav-folder-title {
  display: none;
}

/* file explorer :Wrap long nav text and some paddings */
.nav-file-title,
.nav-folder-title {
  white-space: normal;
  width: auto;
}

body.file-name-non-wrapped .nav-file-title,
body.file-name-non-wrapped .nav-folder-title {
  white-space: nowrap;
  width: max-content;
  min-width: 100%;
}

/* file explorer : Indent wrapped nav text */
.nav-file-title-content {
  margin-left: 0px;
  text-indent: 0px;
  word-break: break-word;
}

.nav-file-title-content.is-being-renamed {
  margin-left: 0px;
  text-indent: 0px;
  color: black !important;
}

/* Cursor color in normal vim mode and opacity */
.cm-fat-cursor .CodeMirror-cursor,
.cm-animate-fat-cursor {
  width: 0.6em;
  background: #db9a1f;
  opacity: 0.6 !important;
}

/*an active line highlight in vim normal mode */
.cm-fat-cursor .CodeMirror-activeline .CodeMirror-linebackground {
  background-color: var(--activeline-background)  !important;
}

.CodeMirror-activeline-background.CodeMirror-linebackground,
.markdown-source-view.cm-s-obsidian.mod-cm6 .cm-active.cm-line {
  background-color: var(--activeline-background) !important;
}

body.muted-activeline-bg .CodeMirror-activeline-background.CodeMirror-linebackground,
body.muted-activeline-bg .markdown-source-view.cm-s-obsidian.mod-cm6 .cm-active.cm-line {
  background-color: transparent !important;
}

body.muted-activeline-bg .HyperMD-codeblock-bg.CodeMirror-activeline-background.CodeMirror-linebackground {
  background-color: var(--background-code) !important;
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding-left: 0;
}

.CodeMirror pre.HyperMD-codeblock.CodeMirror-line {
  padding-left: 4px;
  letter-spacing: calc(var(--letter-space-code) * 0.02em);
}

.CodeMirror pre.HyperMD-quote.CodeMirror-line {
  padding-left: 4px;
}

.cm-s-obsidian pre.HyperMD-header {
  padding-top: 0.25em;
}

/*linenumber*/
.cm-s-obsidian .CodeMirror-linenumber {
  font-family: var(--font-monospace-theme);
  font-size: 0.85em;
}

.cm-gutter.cm-lineNumbers {
  font-family: var(--font-monospace-theme);
}

.cm-lineNumbers .cm-active.cm-gutterElement {
  color: var(--theme-color);
  background: var(--activeline-background);
}

/*----file explorer smaller fonts & line height----*/
.nav-file-title,
.nav-folder-title {
  font-size: var(--font-size-folder-and-file);
  font-family: var(--font-family-folder-file-title);
  line-height: 1.2;
  cursor: pointer;
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-image: initial;
  border-radius: 0;
  align-items: baseline;
  flex-direction: row;
}

.nav-file-title {
  padding: 0 5px 1px 4px;
  color: var(--text-folder-file);
}

.nav-folder-title {
  font-weight: 600;
  padding: 1px 5px 0 16px;
  color: var(--text-normal);
}

/*rename*/
.nav-file-title-content.is-being-renamed,
.nav-folder-title-content.is-being-renamed {
  cursor: text;
  border-color: transparent;
  background-color: white;
  color: black;
}

/*---- nav arrows adjust location ----*/
body:not(.default-icons) .nav-folder-collapse-indicator {
  position: absolute;
  left: 21px;
  top: 3px;
  transition: transform 20ms linear 0s;
}

body.default-icons .nav-folder-collapse-indicator {
  margin-left: -9px;
}

body:not(.default-icons) .nav-folder-collapse-indicator::after {
  position: absolute;
  content: "↓";
  left: -3px;
  top: 2px;
  font-size: 1em;
  font-family: 'Inter';
  font-weight: bold;
  color: var(--text-accent);
  transition: transform 10ms linear 0s;
}

body:not(.default-icons) .nav-folder-collapse-indicator svg {
  display: none;
  color: var(--accent-strong);
  height: 7px;
  width: 7px;
}

body:not(.unmuted-collapsed-folder) .nav-folder.is-collapsed .nav-folder-title-content:not(.is-being-renamed) {
  opacity: 0.55;
}

body:not(.default-icons) .nav-folder.is-collapsed .nav-folder-collapse-indicator::after {
  transform: rotate(-90deg);
  opacity: 0.55;
}

body:not(.default-icons) .is-mobile .nav-folder.is-collapsed {
  opacity: 0.6;
}

/*search icon 1*/
body:not(.default-icons) .backlink-pane .search-result-container .collapse-icon {
  left: 0;
  top: 7px;
  margin-top: 0;
  transition: transform 20ms linear 0s;
}

body:not(.default-icons) .backlink-pane .search-result-container .collapse-icon::before {
  content: "↓";
  font-size: 14px;
  font-family: 'Inter';
  font-weight: bold;
  color: var(--text-accent);
  transition: transform 10ms linear 0s;
}

body:not(.default-icons) .backlink-pane .search-result-container .collapse-icon svg {
  display: none;
  color: var(--accent-strong);
  height: 7px;
  width: 7px;
}

body:not(.default-icons) .backlink-pane .search-result-container .tree-item.search-result.is-collapsed .collapse-icon::before {
  transform: rotate(-90deg);
  opacity: 0.5;
}

/* search panel icons */
body:not(.default-icons) .workspace-leaf .search-result-container.mod-global-search .tree-item-self.search-result-file-title.is-clickable .collapse-icon {
  left: 0;
  top: 7px;
  margin-top: 0;
  transition: transform 20ms linear 0s;
}

body:not(.default-icons) .workspace-leaf .search-result-container.mod-global-search .tree-item-self.search-result-file-title.is-clickable .collapse-icon::before {
  content: "↓";
  font-size: 14px;
  margin-left: 0px;
  font-weight: bold;
  font-family: 'Inter';
  color: var(--text-accent);
  transition: transform 10ms linear 0s;
}

body:not(.default-icons) .workspace-leaf .search-result-container.mod-global-search .tree-item-self.search-result-file-title.is-clickable .collapse-icon svg {
  display: none;
  color: var(--accent-strong);
  height: 7px;
  width: 7px;
}

body:not(.default-icons) .workspace-leaf .search-result-container.mod-global-search .tree-item.search-result.is-collapsed .collapse-icon::before {
  transform: rotate(-90deg);
  opacity: 0.5;
}

/* header collaspe indicators */
:is(.markdown-preview-view,.markdown-rendered) div.is-collapsed :is(h1,h2,h3,h4,h5,h6)::after,
:is(.markdown-preview-view,.markdown-rendered) :is(ol,ul) .is-collapsed::after {
  content: "...";
  padding: 5px;
  color: var(--text-faint);
}

body:not(.default-icons) div.heading-collapse-indicator.collapse-indicator {
  position: absolute;
  padding-left: 10px;
  transition: transform 20ms linear 0s;
}

body:not(.default-icons) :is(h1,h2) div.heading-collapse-indicator.collapse-indicator {
  position: absolute;
  padding-left: 10px;
  margin-top: 11px;
  transition: transform 20ms linear 0s;
}

body:not(.default-icons) :is(h1,h2) div.heading-collapse-indicator.collapse-indicator::before {
  content: "↓";
  position: absolute;
  font-size: 17px;
  font-weight: bold;
  font-family: 'Inter';
  margin-left: -2px;
  margin-top: -6px;
  color: var(--text-accent);
  transition: transform 10ms linear 0s;
  opacity: 0;
}

body:not(.default-icons) .heading-collapse-indicator.collapse-indicator.collapse-icon svg {
  display: none;
}

body:not(.default-icons) div.heading-collapse-indicator.collapse-indicator::before {
  content: "↓";
  position: absolute;
  font-size: 17px;
  font-weight: bold;
  font-family: 'Inter';
  margin-left: -2px;
  margin-top: 1px;
  color: var(--text-accent);
  transition: transform 10ms linear 0s;
  opacity: 0;
}

body:not(.default-icons) div.is-collapsed h1 div.heading-collapse-indicator.collapse-indicator,
body:not(.default-icons) div.is-collapsed h2 div.heading-collapse-indicator.collapse-indicator {
  transform: translateX(3px) translateY(10px) rotate(-90deg);
}

body:not(.default-icons) div.is-collapsed div.heading-collapse-indicator.collapse-indicator {
  transform: translateX(-8px) translateY(20px) rotate(-90deg);
}

body:not(.default-icons) div.is-collapsed div.heading-collapse-indicator.collapse-indicator::before,
body:not(.default-icons) :is(h1,h2,h3,h4,h5,h6):hover div.heading-collapse-indicator.collapse-indicator::before {
  opacity: 1;
}

/* header collaspe indicators in edit */
body:not(.default-icons) div.CodeMirror-foldgutter-open {
  left: 5px;
  position: absolute;
  transition: transform 20ms linear 0s;
}

body:not(.default-icons) div.CodeMirror-foldgutter-open::after {
  content: "↓";
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Inter';
  margin-left: -4px;
  top: -1px;
  color: var(--text-accent);
  transition: transform 10ms linear 0s;
}

body:not(.default-icons) div.CodeMirror-foldgutter-folded {
  position: absolute;
  transition: transform 20ms linear 0s;
}

body:not(.default-icons) div.CodeMirror-foldgutter-folded::after {
  content: "→";
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Inter';
  margin-left: 1px;
  top: -1px;
  color: var(--text-accent);
  opacity: 0.5;
  transition: transform 10ms linear 0s;
}

/*search icon 2*/
body:not(.default-icons) span.collapse-icon {
  margin-top: 0;
  transition: transform 20ms linear 0s;
}

body:not(.default-icons) span.collapse-icon::before {
  content: "↓";
  margin-left: 0;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Inter';
  color: var(--allow-1);
  transition: transform 10ms linear 0s;
}

body:not(.default-icons) span.collapse-icon svg {
  display: none;
}

body:not(.default-icons) div.tree-item-self.is-clickable.is-collapsed span.collapse-icon::before {
  transform: rotate(-90deg);
  opacity: 0.5;
}

/* outline page*/
body:not(.default-icons) .outline .tree-item-self.is-clickable {
  padding-left: 27px !important;
}

body:not(.default-icons) .outline .tree-item .collapse-icon {
  padding: 0;
  transition: transform 20ms linear 0s;
}

body:not(.default-icons) .outline .tree-item .collapse-icon::before {
  content: "↓";
  font-size: 1em;
  font-weight: bold;
  font-family: 'Inter';
  color: var(--text-accent);
  transition: transform 10ms linear 0s;
}

body:not(.default-icons) .outline .tree-item .collapse-icon svg {
  display: none;
  color: var(--accent-strong);
  height: 7px;
  width: 7px;
}

body:not(.default-icons) .outline .tree-item.is-collapsed .collapse-icon::before {
  transform: rotate(-90deg);
  opacity: 0.5;
}

/*vertical lines in outline page*/
.outline .tree-item-children {
  margin-left: 13px;
  border-left: 1px solid #94949433;
  border-radius: 0;
  transition: all 300ms ease-in-out;
}

body.default-icons .outline .tree-item-children {
  margin-left: 10px;
}

.outline .tree-item-children:hover {
  border-left-color: var(--theme-color);
}

/* list collaspe icon */
body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered) .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  content: "↓";
  font-size: 0.85em;
  position: absolute;
  margin-left: -0.3rem;
  margin-top: 0.3em;
  font-weight: bold;
  font-family: 'Inter';
  color: var(--text-accent);
  transition: transform 10ms linear 0s;
  opacity: 0.25;
}

body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered) .list-collapse-indicator.collapse-indicator.collapse-icon:hover::before {
  opacity: 1;
}

body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered) .list-collapse-indicator.collapse-indicator.collapse-icon svg {
  display: none;
}

body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered) li.is-collapsed div.list-collapse-indicator.collapse-indicator.collapse-icon::before {
  transform: rotate(-90deg);
  opacity: 1;
}

.tree-item-flair {
  line-height: 17px;
  padding-top: 3px;
  height: 1.45rem;
}

/*tag collapse indicator*/
.tag-container .tree-item-children {
  margin-left: 10px;
  border-left: 1px solid #94949433;
  border-radius: 0 3px 3px 0;
  transition: all 300ms ease-in-out;
}

.tag-container .tree-item-children > div[style="width: 1px; height: 0.1px; margin-bottom: 0px;"] {
  height: 0 !important;
} 

.tag-container .tree-item-self .tree-item-icon svg {
  display: none;
}

.tag-container .tree-item-self .tree-item-icon::before {
  content: "#";
  font-size: 1em;
  font-weight: bold;
  font-family: 'Inter';
  color: var(--text-accent);
  transition: transform 10ms linear 0s;
}

.tag-container .tree-item-children:hover {
  border-left-color: var(--theme-color);
}

.tag-container .tree-item.is-collapsed .collapse-icon {
  opacity: 0.5;
}

/*setting panel*/
.modal.mod-narrow .modal-content {
  overflow: hidden;
}

.vertical-tab-nav-item {
  padding: 8px 6px 8px 24px;
}

.modal.mod-settings .vertical-tab-header,
.modal.mod-settings,
.modal.mod-settings .vertical-tab-content-container {
  height: 90vh;
}

.modal.mod-settings .vertical-tab-content-container {
  padding: 0;
}

.vertical-tab-content .setting-item {
  padding: 13px 0;
}

.modal button:not(.mod-cta):not(.mod-warning):hover {
  background-color: var(--interactive-accent-hover);
  color: #fdfdfd;
}

.community-theme-container .clickable-icon {
  color: var(--accent-strong)
}

.dropdown {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iMTI4MC4wMDAwMDBwdCIgaGVpZ2h0PSI2NDAuMDAwMDAwcHQiIHZpZXdCb3g9IjAgMCAxMjgwLjAwMDAwMCA2NDAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CjxtZXRhZGF0YT4KQ3JlYXRlZCBieSBwb3RyYWNlIDEuMTUsIHdyaXR0ZW4gYnkgUGV0ZXIgU2VsaW5nZXIgMjAwMS0yMDE3CjwvbWV0YWRhdGE+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDY0MC4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiMyMTk2ZjMiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik0xMCA2MzkyIGMwIC00IDE0MzggLTE0NDUgMzE5NSAtMzIwMiBsMzE5NSAtMzE5NCAzMTk1IDMxOTQgYzE3NTcKMTc1NyAzMTk1IDMxOTggMzE5NSAzMjAyIDAgNSAtMjg3NSA4IC02MzkwIDggLTM1MTUgMCAtNjM5MCAtMyAtNjM5MCAtOHoiLz4KPC9nPgo8L3N2Zz4K);
}

/*translucent setting panel*/
body.translucent-setting-panel .modal-bg {
  background-color: var(--background-secondary-translucent-1);
}

body.transparent-setting-panel .modal.mod-settings .vertical-tab-content-container,
body.transparent-setting-panel .horizontal-tab-content, 
body.transparent-setting-panel .vertical-tab-content {
  background-color: var(--background-secondary-translucent) !important;
}

body.transparent-setting-panel .modal-bg,
body.transparent-setting-panel .modal.mod-settings {
  background-color: var(--background-secondary-translucent) !important;
  backdrop-filter: blur(0) !important;	
}

body:not(.setting-style-traditional) .prompt {
  background-color: var(--bg-color-settings-4);
  backdrop-filter: blur(3px);
}

body:not(.setting-style-traditional).theme-dark .prompt {
  backdrop-filter: blur(8px);	
}

body:not(.setting-style-traditional) .vertical-tab-header-group-title {
  color: var(--text-normal);
  border-top: 1px dashed var(--text-muted);
}

body:not(.setting-style-traditional) .modal-bg {
  background-color: var(--bg-color-settings-0);  
  backdrop-filter: blur(5px);	
}
body:not(.setting-style-traditional) .modal.mod-settings {
  background-color: var(--bg-color-settings-0-1);
  box-shadow: 0 0 20px var(--bg-color-settings-1);
}
body:not(.setting-style-traditional) .modal.mod-settings {
  border: none;
}
body:not(.setting-style-traditional) .vertical-tab-header {
  background-color: var(--bg-color-settings-1);
}

body:not(.setting-style-traditional) .horizontal-tab-nav-item, 
body:not(.setting-style-traditional) .vertical-tab-nav-item {
  background-color: transparent;
}

body:not(.setting-style-traditional) .horizontal-tab-nav-item:hover, 
body:not(.setting-style-traditional) .vertical-tab-nav-item:hover,
body:not(.setting-style-traditional) .horizontal-tab-nav-item.is-active, 
body:not(.setting-style-traditional) .vertical-tab-nav-item.is-active {
  background-color: var(--bg-color-settings-2);
}

body:not(.setting-style-traditional) .horizontal-tab-content, 
body:not(.setting-style-traditional) .vertical-tab-content {
  background-color: var(--bg-color-settings-3);
}

body.translucent-setting-panel .vertical-tab-content {
  background-color: var(--bg-color-settings-1);
}

body.transparent-setting-panel .modal,
body.transparent-setting-panel .modal.mod-settings,
body.transparent-setting-panel .vertical-tab-content {
  background-color: transparent !important;
}

body.transparent-setting-panel .vertical-tab-header,
body.transparent-setting-panel .horizontal-tab-nav-item, 
body.transparent-setting-panel .vertical-tab-nav-item {
  background-color: var(--background-secondary-translucent) !important;
}

.modal.mod-settings .vertical-tab-header {
  padding: 0;
}

body:not(.setting-style-traditional) .vertical-tab-header-group-title {
  border: none;
}

/* ======= graph view ==============*/
.workspace-leaf-content[data-type="graph"] .graph-controls {
  background-color: var(--graph-control-bg);
  border: none;
}

.graph-view.color-fill {
  color: var(--graph-circle);
}
.graph-view.color-circle {
  color: transparent;
}
.graph-view.color-line {
  color: var(--graph-line);
}
.graph-view.color-text {
  color: var(--graph-text-color);
}
.graph-view.color-fill-highlight {
  color: var(--interactive-accent);
}
.graph-view.color-line-highlight {
  color: rgb(var(--interactive-accent-rgb));
}
.graph-view.color-fill-tag {
  color: var(--graphtag) !important;
}
.graph-view.color-fill-attachment {
  color: var(--graph-attach) !important;
}
.graph-view.color-fill-unresolved {
  color: var(--graph-unresolved);
  opacity: 1;
}
.graph-view.color-arrow {
  color: var(--graph-arrow);
  opacity: 1;
}

/*Horizontal line in edit mode. Changes --- to full-width line*/
/*thanks to Piotr from obsidian forum*/
div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-hr {
  color: transparent;
}

div:not(.CodeMirror-activeline)>.CodeMirror-line span.cm-hr:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  background: var(--text-muted);
  left: 0;
  top: 50%;
}

/*change collapse icon position in left side*/
.workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
  margin-top: 0;
  padding: 7px 6px 2px 6px;
}

/* colourful notes */
/* from Notation by death_au  https://github.com/deathau/Notation-for-Obsidian */
/* Original idea from: https://gist.github.com/mklepaczewski/54e451f09994b9d450de81c8baaf8aa4 */
/* but also with simpler classes so you can use `<span class='colour'>` as well */
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray-bg code,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown-bg code,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange-bg code,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow-bg code,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-green-bg code,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue-bg code,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple-bg code,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink-bg code,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-red-bg code,
.print pre.language-note-gray-bg code,
.print pre.language-note-brown-bg code,
.print pre.language-note-orange-bg code,
.print pre.language-note-yellow-bg code,
.print pre.language-note-green-bg code,
.print pre.language-note-blue-bg code,
.print pre.language-note-purple-bg code,
.print pre.language-note-pink-bg code,
.print pre.language-note-red-bg code,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray-bg code,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown-bg code,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange-bg code,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow-bg code,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-green-bg code,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue-bg code,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple-bg code,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink-bg code,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-red-bg code{
  background: unset !important;
  background-color:unset !important;
  white-space: pre-wrap !important;
}

.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-notice,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray-background,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray-bg,
.gray-background,
.gray-bg,
.print pre.language-note-gray-bg .popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-notice,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray-background,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray-bg {
  background-color: var(--background-gray) !important;
}
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown-background,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown-bg,
.brown-background,
.brown-bg,
.print pre.language-note-brown-bg,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown-background,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown-bg {
  background-color: var(--background-brown) !important;
}
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange-background,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange-bg,
.orange-background,
.orange-bg,
.print pre.language-note-orange-bg,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange-background,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange-bg {
  background-color: var(--background-orange) !important;
}
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow-background,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow-bg,
.yellow-background,
.yellow-bg,
.print pre.language-note-yellow-bg,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow-background,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow-bg {
  background-color: var(--background-yellow) !important;
}
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-green-background,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-green-bg,
.green-background,
.green-bg,
.print pre.language-note-green-bg,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-green-background,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-green-bg {
  background-color: var(--background-green) !important;
}
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue-background,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue-bg,
.blue-background,
.blue-bg,
.print pre.language-note-blue-bg,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue-background,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue-bg {
  background-color: var(--background-blue) !important;
}
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple-background,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple-bg,
.purple-background,
.purple-bg,
.print pre.language-note-purple-bg,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple-background,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple-bg {
  background-color: var(--background-purple) !important;
}
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink-background,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink-bg,
.pink-background,
.pink-bg,
.print pre.language-note-pink-bg,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink-background,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink-bg {
  background-color: var(--background-pink) !important;
}
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-red-background,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-red-bg,
.red-background,
.red-bg,
.print pre.language-note-red-bg,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-red-background,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-red-bg {
  background-color: var(--background-red) !important;
}
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-important,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-imp,
.print pre.language-note-important,
.print pre.language-note-imp,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-important,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-imp {
  border: 4px dashed var(--note-important) !important;
}
pre.language-note-important:before,
pre.language-note-imp::before {
  content: "Important";
  color: var(--note-important)  !important;
  font-weight: 800;
  top: -1px;
}

/*colourful text*/
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-green,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink,
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-red,
.print pre.language-note-gray,
.print pre.language-note-brown,
.print pre.language-note-orange,
.print pre.language-note-yellow,
.print pre.language-note-green,
.print pre.language-note-blue,
.print pre.language-note-purple,
.print pre.language-note-pink,
.print pre.language-note-red,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-green,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-red {
  background-color: transparent  !important;
  margin: 3px 0;
  padding: 5px 10px;
}

.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray code.language-note-gray,
.print code.language-note-gray,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray code.language-note-gray {
  color: var(--text-gray) !important;
  background: unset !important;
}
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown code.language-note-brown,
.print code.language-note-brown,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown code.language-note-brown {
  color: var(--text-brown) !important;
  background: unset !important;
}
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange code.language-note-orange,
.print code.language-note-orange,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange code.language-note-orange {
  color: var(--text-orange) !important;
  background: unset !important;
}
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow code.language-note-yellow,
.print code.language-note-yellow,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow code.language-note-yellow {
  color: var(--text-yellow) !important;
  background: unset !important;
}
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-green code.language-note-green,
.print code.language-note-green,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-green code.language-note-green {
  color: var(--text-green) !important;
  background: unset !important;
}
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue code.language-note-blue,
.print code.language-note-blue,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue code.language-note-blue {
  color: var(--text-blue) !important;
  background: unset !important;
}
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple code.language-note-purple,
.print code.language-note-purple,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple code.language-note-purple {
  color: var(--text-purple) !important;
  background: unset !important;
}
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink code.language-note-pink,
.print code.language-note-pink,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink code.language-note-pink {
  color: var(--text-pink) !important;
  background: unset !important;
}
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-red code.language-note-red,
.print code.language-note-red,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-red code.language-note-red {
  color: var(--text-red) !important;
  background: unset !important;
}

/* cloze */
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-cloze code.language-note-cloze,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-cloze code.language-note-cloze {
  color: var(--text-normal) !important;
  background-color: var(--text-normal)!important;
  display: block;
  padding: 0px !important;
  text-shadow: none;
  margin: 1em 0.7em 0;
  font-size: var(--font-size-cloze) !important;
}

.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-cloze,
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-cloze {
  background-color: transparent;
}

code.language-note-cloze.is-loaded:hover {
  cursor: pointer;
}
.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-note-cloze code.language-note-cloze.is-loaded:active, 
.popover :is(.markdown-preview-view,.markdown-rendered) pre.language-note-cloze code.language-note-cloze.is-loaded:active {
  background-color: transparent !important;
}

pre.language-note-cloze::before {
  content: "TO RECALL";
  color: var(--note-cloze);
  font-weight: 800;
  left: 22px;
}

/*hidden box*/
/*改自 https://github.com/chokcoco/iCSS/issues/153 */
@property --hibox {
  syntax: '<length>';
  inherits: false;
  initial-value: 24px;
}

.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-hibox {
  background-color: transparent;
}

.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-hibox code.language-hibox:hover {
  color: var(--text-normal);
  --hibox: 900px;
  overflow: auto;
}

.app-container :is(.markdown-preview-view,.markdown-rendered) pre.language-hibox code.language-hibox {
  position: relative;
  height: auto;
  overflow: hidden;
  background: radial-gradient(circle at 0px 0px, var(--theme-color-translucent-1) 0, var(--theme-color-translucent-1) var(--hibox), transparent var(--hibox), transparent 0);
  transition: --hibox 0.4s linear;
  color: var(--background-code);
  color: transparent;
}

/* =========== workspace-ribbon ========== */
/* hide borders */
.workspace-ribbon {
  border-left: none;
  border-right: none;
}

.workspace-ribbon.is-collapsed {
  border: none;
}

.status-bar {
  border: none;
}

body.right-ribbon-hide-to-right .workspace-ribbon.side-dock-ribbon.mod-right,
body.hide-left-ribbon .workspace-ribbon.side-dock-ribbon.mod-left {
  transition: all 400ms ease-in-out;
}

body.right-ribbon-hide-to-right .workspace-ribbon.side-dock-ribbon.mod-right:not(:hover) {
  margin-right: -22px;
}

body.hide-left-ribbon .workspace-ribbon.side-dock-ribbon.mod-left:not(:hover) {
  margin-left: -24px;
}

body.hide-left-ribbon-to-bottom .workspace-ribbon.mod-left .side-dock-actions,
body.hide-left-ribbon-to-bottom .workspace-ribbon.mod-left .side-dock-settings {
  display: flex;
}

body.hide-left-ribbon-to-bottom .workspace-ribbon.mod-left .side-dock-ribbon-action {
  padding: 5px 5px 0 12px;
}
body.hide-left-ribbon-to-bottom .workspace-ribbon.mod-left {
  position: fixed;
  overflow: visible;
  height: 26px;
  flex-basis: auto;
  bottom: 0;
  display: flex;
  flex-direction: row;
  z-index: 100;
  opacity: 0;
  background-color: transparent;
  transition: all 600ms ease-in-out;
}

body.hide-left-ribbon-to-bottom .workspace-ribbon.mod-left:hover {
  opacity: 1;
}

body.hide-left-ribbon-to-bottom .nav-files-container {
  margin-left: 2px;
}

body.hide-left-ribbon-to-bottom .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
  padding: 4px 3px 0 5px;
}

body:not(.right-ribbon-hide-to-right):not(.fix-right-ribbon) .workspace-ribbon.mod-right {
  margin-right: -22px;
}

body:not(.right-ribbon-hide-to-right):not(.fix-right-ribbon) .workspace-ribbon.mod-right .workspace-ribbon-collapse-btn {
  position: absolute;
  width: 27px;
  display: flex;
  align-items: center;
  text-align: center;
  height: 27px;
  right: -4px;
  border: 1px solid var(--background-modifier-border);
  background-color: var(--background-secondary-bg-4-bt);
  transition: 300ms ease-in-out;
  border-radius: 7px 0 0 7px;
  padding: 20px 0 20px 3px;
  margin-right: -15px;
}

body.hide-right-ribbon-button-middle .workspace-ribbon.mod-right .workspace-ribbon-collapse-btn {
  top: 45%;
}

body.hide-right-ribbon-button-bottom .workspace-ribbon.mod-right .workspace-ribbon-collapse-btn {
  bottom: 4%;
}

body:not(.right-ribbon-hide-to-right):not(.fix-right-ribbon) .workspace-ribbon.mod-right .workspace-ribbon-collapse-btn:hover {
  margin-right: 0;
}

body:not(.right-ribbon-hide-to-right):not(.fix-right-ribbon) .workspace-ribbon.side-dock-ribbon.mod-right.is-collapsed .workspace-ribbon-collapse-btn {
  border-radius: 0 7px 7px 0;
  padding: 20px 0 20px 7px;
}

body.hide-left-ribbon-button .workspace-ribbon.side-dock-ribbon.mod-left:not(:hover) :is(.workspace-ribbon-collapse-btn,.side-dock-actions) {
  visibility: hidden;
}

body.hide-left-ribbon-button .workspace-ribbon.side-dock-ribbon.mod-left {
  height: 5em;
  width: fit-content;
  transition: 300ms ease-in-out;
  margin-left: -15px;
  opacity: 100%;
  position: absolute;
  border-radius: 0 7px 7px 0;
  top: calc((100% - 5em) / 2);
}

body.hide-left-ribbon-button .workspace-ribbon.side-dock-ribbon.mod-left:hover {
  height: 25em;
  width: fit-content;
  margin-left: 0;
  border-radius: 0;
  top: calc((100% - 25em) / 2);
  background-color: var(--background-primary-alt-bg-4-bt);
}

body.hide-left-ribbon-button .nav-files-container {
  margin-left: 18px;
}

/*======== optionnal mermaid style below ========*/
:is(.markdown-preview-section,.markdown-rendered) .mermaid,
.markdown-source-view.mod-cm6 .cm-scroller .mermaid {
  letter-spacing: 0;
}

div.mermaid svg {
  width: 100%;
}

.mermaid .label {
  font-family: var(--mermaid-font-family) !important;
  color: var(--text-normal) !important;
}

.mermaid .label text {
  fill: var(--background-primary-alt) !important;
}

.mermaid .node:not([class*="id"]) rect:not([style*="fill"]):not([style*="stroke"]),
.mermaid .node:not([class$="id"]) circle:not([style*="fill"]):not([style*="stroke"]),
.mermaid .node:not([class$="id"]) ellipse:not([style*="fill"]):not([style*="stroke"]),
.mermaid .node:not([class$="id"]) polygon:not([style*="fill"]):not([style*="stroke"]),
.mermaid .node:not([class$="id"]) path:not([style*="fill"]):not([style*="stroke"]) {
  fill: var(--background-primary) !important;
}

.mermaid .node .label {
  text-align: center !important;
}

.mermaid .node.clickable {
  cursor: pointer !important;
}

.mermaid .arrowheadPath {
  fill: var(--text-faint) !important;
}

.mermaid .edgePath .path {
  stroke: var(--text-faint) !important;
}

.mermaid .flowchart-link {
  stroke: var(--text-faint) !important;
}

.mermaid .edgeLabel {
  background-color: var(--background-primary) !important;
  text-align: center !important;
}

.mermaid .edgeLabel rect {
  opacity: 0 !important;
}

.mermaid .cluster rect {
  fill: var(--background-primary-alt) !important;
  stroke: var(--text-faint) !important;
}

.mermaid  .cluster text {
  fill: var(--background-primary) !important;
}

div.mermaidTooltip {
  text-align: center !important;
  max-width: 200px !important;
  padding: 2px !important;
  font-family: var(--mermaid-font-family) !important;
  font-size: 10px !important;
  background: var(--background-secondary) !important;
  border: 1px solid var(--text-faint) !important;
  border-radius: var(--radius-xs) !important;
  pointer-events: none !important;
  z-index: 100 !important;
}

/* Sequence Diagram variables */
.mermaid .actor {
  stroke: var(--text-accent) !important;
  fill: var(--background-secondary-alt) !important;
}

.mermaid text.actor>tspan {
  fill: var(--text-normal) !important;
  stroke: none !important;
}

.mermaid .actor-line {
  stroke: var(--text-muted) !important;
}

.mermaid .messageLine0 {
  stroke-dasharray: none !important;
  stroke: var(--text-muted) !important;
}

.mermaid .messageLine1 {
  stroke-dasharray: 2, 2 !important;
  stroke: var(--text-muted) !important;
}

.mermaid #arrowhead path {
  fill: var(--text-muted) !important;
  stroke: var(--text-muted) !important;
}

.mermaid .sequenceNumber {
  fill: var(--background-primary) !important;
}

.mermaid #sequencenumber {
  fill: var(--text-muted) !important;
}

.mermaid #crosshead path {
  fill: var(--text-muted) !important;
  stroke: var(--text-muted) !important;
}

.mermaid .messageText {
  fill: var(--text-muted) !important;
}

.mermaid .labelBox {
  stroke: var(--text-accent) !important;
  fill: var(--background-secondary-alt) !important;
}

.mermaid .labelText,
.mermaid .labelText>tspan {
  fill: var(--text-muted) !important;
  stroke: none !important;
}

.mermaid .loopText,
.mermaid .loopText>tspan {
  fill: var(--text-muted) !important;
  stroke: none !important;
}

.mermaid .loopLine {
  stroke-dasharray: 2, 2 !important;
  stroke: var(--text-accent) !important;
  fill: var(--text-accent) !important;
}

.mermaid .note {
  stroke: var(--text-normal) !important;
  fill: var(--mermaid-seq-dia-color) !important;
}

.mermaid .noteText,
.mermaid .noteText>tspan {
  fill: var(--text-normal) !important;
  stroke: none !important;
}

/* Gantt chart variables */
.mermaid .activation0 {
  fill: var(--background-secondary) !important;
  stroke: var(--text-accent) !important;
}

.mermaid .activation1 {
  fill: var(--background-secondary) !important;
  stroke: var(--text-accent) !important;
}

.mermaid .activation2 {
  fill: var(--background-secondary) !important;
  stroke: var(--text-accent) !important;
}

/** Section styling */
.mermaid .mermaid-main-font {
  font-family: var(--mermaid-font-family) !important;
}

.mermaid .section {
  stroke: none !important;
  opacity: 0.3 !important;
}

.mermaid .section0 {
  fill: var(--text-faint) !important;
}

.mermaid .section2 {
  fill: var(--text-accent) !important;
}

.mermaid .section1,
.mermaid .section3 {
  fill: var(--text-muted) !important;
  opacity: 0.15 !important;
}

.mermaid .sectionTitle0 {
  fill: var(--text-normal) !important;
}

.mermaid .sectionTitle1 {
  fill: var(--text-normal) !important;
}

.mermaid .sectionTitle2 {
  fill: var(--text-normal) !important;
}

.mermaid .sectionTitle3 {
  fill: var(--text-normal) !important;
}

.mermaid .sectionTitle {
  text-anchor: start !important;
  font-size: 15px !important;
  font-weight: bold;
  line-height: 14px !important;
  font-family: var(--mermaid-font-family) !important;
}

/* Grid and axis */
.mermaid .grid .tick {
  stroke: var(--text-muted) !important;
  opacity: 1 !important;
  shape-rendering: crispEdges !important;
}

.mermaid .grid .tick text {
  font-family: var(--mermaid-font-family) !important;
  font-size: 13px;
}

.mermaid .grid path {
  stroke-width: 0 !important;
}

/* Today line */
.today {
  fill: none !important;
  stroke: var(--background-modifier-error) !important;
  stroke-width: 2px !important;
}

/* Task styling */

/* Default task */
.task {
  stroke-width: 0.5px !important;
}

/*.taskText {
  text-anchor: middle !important;
  font-family: var(--mermaid-font-family) !important;
}*/

.taskText:not([font-size]) {
  font-size: 9px !important;
}

.taskTextOutsideRight {
  fill: var(--text-normal) !important;
  text-anchor: start !important;
  font-size: 12px !important;
  font-family: var(--mermaid-font-family) !important;
}

.taskTextOutsideLeft {
  fill: var(--text-normal) !important;
  text-anchor: end !important;
  font-size: 9px !important;
}

/* Special case clickable */
.task.clickable {
  cursor: pointer !important;
}

.taskText.clickable {
  cursor: pointer !important;
  fill: var(--interactive-accent_hover) !important;
  font-weight: bold !important;
}

.taskTextOutsideLeft.clickable {
  cursor: pointer !important;
  fill: var(--interactive-accent_hover) !important;
  font-weight: bold !important;
}

.taskTextOutsideRight.clickable {
  cursor: pointer !important;
  fill: var(--interactive-accent_hover) !important;
  font-weight: bold !important;
}

/* Specific task settings for the sections*/
.taskText0,
.taskText1,
.taskText2,
.taskText3 {
  fill: var(--text-normal) !important;
  font-size: 13px;
}

.task0,
.task1,
.task2,
.task3 {
  fill: var(--theme-color-translucent) !important;
  stroke: var(--text-muted) !important;
}

.taskTextOutside0,
.taskTextOutside2 {
  fill: var(--text-muted) !important;
}

.taskTextOutside1,
.taskTextOutside3 {
  fill: var(--text-muted) !important;
}

/* Active task */
.active0,
.active1,
.active2,
.active3 {
  fill: var(--mermaid-active-task-color) !important;
  stroke: var(--text-muted) !important;
}

.activeText0,
.activeText1,
.activeText2,
.activeText3 {
  fill: var(--text-normal) !important;
}

/* Completed task */
.done0,
.done1,
.done2,
.done3 {
  stroke: var(--text-muted) !important;
  fill: var(--background-secondary) !important;
}

.doneText0,
.doneText1,
.doneText2,
.doneText3 {
  fill: var(--text-normal) !important;
}

/* Tasks on the critical line */
.crit0,
.crit1,
.crit2,
.crit3 {
  stroke: var(--red-1) !important;
  fill: var(--red-1) !important;
}

.activeCrit0,
.activeCrit1,
.activeCrit2,
.activeCrit3 {
  stroke: var(--accent-strong) !important;
  fill: var(--text-accent) !important;
}

.doneCrit0,
.doneCrit1,
.doneCrit2,
.doneCrit3 {
  stroke: var(--accent-strong) !important;
  fill: var(--text-muted) !important;
  cursor: pointer !important;
  shape-rendering: crispEdges !important;
}

.milestone {
  transform: rotate(45deg) scale(0.8, 0.8) !important;
}

.milestoneText {
  font-style: italic !important;
}

.doneCritText0,
.doneCritText1,
.doneCritText2,
.doneCritText3 {
  fill: var(--text-normal) !important;
}

.activeCritText0,
.activeCritText1,
.activeCritText2,
.activeCritText3 {
  fill: var(--text-normal) !important;
}

.titleText {
  text-anchor: middle !important;
  font-size: 20px !important;
  fill: var(--text-normal) !important;
  font-family: var(--mermaid-font-family) !important;
}

g.classGroup text {
  fill: var(--text-normal) !important;
  stroke: none !important;
  font-size: 8px !important;
}

g.classGroup text .title {
  font-weight: bolder !important;
}

g.clickable {
  cursor: pointer !important;
}

g.classGroup rect {
  fill: var(--background-secondary-alt) !important;
  stroke: var(--theme-color) !important;
}

g.classGroup line {
  stroke: var(--theme-color) !important;
  stroke-width: 1 !important;
}

.classLabel .box {
  stroke: none !important;
  stroke-width: 0 !important;
  fill: var(--background-secondary-alt) !important;
  opacity: 0.2 !important;
}

.classLabel .label {
  fill: var(--text-accent) !important;
  font-size: 10px !important;
}

.relation {
  stroke: var(--text-accent) !important;
  fill: none !important;
}

.dashed-line {
  stroke-dasharray: 3 !important;
}

#compositionStart {
  fill: var(--text-accent) !important;
  stroke: var(--text-accent) !important;
}

#compositionEnd {
  fill: var(--text-accent) !important;
  stroke: var(--text-accent) !important;
}

#aggregationStart {
  fill: var(--background-secondary-alt) !important;
  stroke: var(--text-accent) !important;
}

#aggregationEnd {
  fill: var(--background-secondary-alt) !important;
  stroke: var(--text-accent) !important;
}

#dependencyStart {
  fill: var(--text-accent) !important;
  stroke: var(--text-accent) !important;
}

#dependencyEnd {
  fill: var(--text-accent) !important;
  stroke: var(--text-accent) !important;
}

#extensionStart {
  fill: var(--text-accent) !important;
  stroke: var(--text-accent) !important;
}

#extensionEnd {
  fill: var(--text-accent) !important;
  stroke: var(--text-accent) !important;
}

.commit-id,
.commit-msg,
.branch-label {
  fill: var(--text-muted) !important;
  color: var(--text-muted) !important;
  font-family: var(--mermaid-font-family) !important;
}

.pieTitleText {
  text-anchor: middle !important;
  font-size: 18px !important;
  fill: var(--text-normal) !important;
  font-family: var(--mermaid-font-family) !important;
}

.slice {
  font-family: var(--mermaid-font-family) !important;
}

g.stateGroup text {
  fill: var(--text-accent) !important;
  stroke: none !important;
  font-size: 10px !important;
  font-family: var(--mermaid-font-family) !important;
}

g.stateGroup text {
  fill: var(--text-accent) !important;
  stroke: none !important;
  font-size: 10px !important;
}

g.stateGroup .state-title {
  font-weight: bolder !important;
  fill: var(--text-normal) !important;
}

g.stateGroup rect {
  fill: var(--background-secondary-alt) !important;
  stroke: var(--background-secondary-alt) !important;
}

g.stateGroup line {
  stroke: var(--text-accent) !important;
}

.transition {
  stroke: var(--text-accent) !important;
}

.stateGroup .composit {
  fill: var(--background-secondary) !important;
  border-bottom: 1px !important;
}

.stateGroup .alt-composit {
  fill: var(--background-primary) !important;
  border-bottom: 1px !important;
}

.state-note {
  stroke: var(--text-faint) !important;
  fill: var(--text-accent) !important;
}

.state-note text {
  fill: black !important;
  stroke: none !important;
  font-size: 10px !important;
}

.stateLabel .box {
  stroke: none !important;
  stroke-width: 0 !important;
  fill: var(--background-secondary-alt) !important;
  opacity: 0.5 !important;
}

.stateLabel text {
  fill: black !important;
  font-size: 10px !important;
  font-weight: bold !important;
  font-family: var(--mermaid-font-family) !important;
}

.node circle.state-start {
  fill: var(--text-normal) !important;
  stroke: var(--text-normal) !important;
}

.node circle.state-end {
  fill: var(--text-normal) !important;
  stroke: var(--text-normal) !important;
  stroke-width: 1.5 !important;
}

#statediagram-barbEnd {
  fill: var(--text-accent) !important;
}

.statediagram-cluster rect {
  fill: var(--background-secondary-alt) !important;
}

.statediagram-cluster rect.outer {
  rx: 5px !important;
  ry: 5px !important;
}

.statediagram-state .divider {
  stroke: var(--text-accent) !important;
}

.statediagram-state .title-state {
  rx: 5px !important;
  ry: 5px !important;
}

.statediagram-cluster.statediagram-cluster .inner {
  fill: var(--background-secondary) !important;
}

.statediagram-cluster.statediagram-cluster-alt .inner {
  fill: var(--background-secondary-alt) !important;
}

.statediagram-cluster .inner {
  rx: 0 !important;
  ry: 0 !important;
}

.statediagram-state rect.basic {
  rx: 5px !important;
  ry: 5px !important;
}

.statediagram-state rect.divider {
  stroke-dasharray: 10, 10 !important;
  fill: var(--background-secondary) !important;
}

.note-edge {
  stroke-dasharray: 5 !important;
}

.statediagram-note rect {
  fill: var(--text-accent) !important;
  stroke: var(--text-muted) !important;
  stroke-width: 1px !important;
  rx: 0 !important;
  ry: 0 !important;
}

/* Classes common for multiple diagrams */
.error-icon {
  fill: var(--text-error) !important;
}

.error-text {
  fill: var(--text-muted) !important;
  stroke: var(--text-muted) !important;
}

.edge-pattern-solid {
  stroke-dasharray: 0 !important;
}

.edge-pattern-dashed {
  stroke-dasharray: 3 !important;
}

.edge-pattern-dotted {
  stroke-dasharray: 2 !important;
}

.marker {
  fill: var(--text-muted) !important;
}

.marker.cross {
  stroke: var(--text-muted) !important;
}

.mermaid div:not(text.tracker-month-label) #arrowhead,
.mermaid div:not(text.tracker-month-label) #sequencenumber,
.mermaid div:not(text.tracker-month-label) .cluster text,
.mermaid div:not(text.tracker-month-label) .label text,
.mermaid div:not(text.tracker-month-label) text,
.mermaid div:not(text.tracker-month-label) text.actor {
  fill: var(--text-muted) !important;
}

/*emoji🙂*/
.mermaid g>g>circle {
  stroke: #000000 !important;
}

.mermaid line.task-line {
  stroke: #6e6e6e !important;
}

.mermaid g>circle {
  stroke: #000000 !important;
}

/* scrollbar*/
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border: 3px solid transparent;
  border-width: 3px 2px 3px 3px;
  min-height: 65px;
	background-color: var(--scrollbar-thumb);
}

body:not(.native-scrollbars) ::-webkit-scrollbar:vertical {
  background-color: transparent;
  width: 9px;
}

body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb);
}

body.remove-scrollbars ::-webkit-scrollbar-thumb:not(:hover),
body.hover-scrollbars ::-webkit-scrollbar-thumb:not(:hover) {
  display: none;
}

body.hover-scrollbars ::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb);
  background-clip: padding-box;
  border: 3px solid transparent;
  border-width: 3px 2px 3px 3px;
  min-height: 65px;
}

.workspace-split::-webkit-scrollbar:vertical {
  display: none;
}

body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:horizontal {
  background-color: var(--theme-color-translucent);
}

body:not(.native-scrollbars) ::-webkit-scrollbar:horizontal {
  height: 8px;
}

body.plugin-sliding-panes.theme-light .workspace-split.mod-vertical>.workspace-leaf {
  box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1) !important;
}
body.plugin-sliding-panes.theme-dark .workspace-split.mod-vertical>.workspace-leaf {
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3) !important;
}

body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .mod-root .workspace-leaf.mod-active .view-header {
  background-color: var(--bg-sliding-pane-header);
  border-left: 3px solid var(--interactive-accent) !important;
}

body.plugin-sliding-panes.plugin-sliding-panes-rotate-header.toggle-acitive-border-right .mod-root .workspace-leaf.mod-active .view-header {
  border-right: 3px solid var(--interactive-accent) !important;
}

body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .view-header-title {
  font-size: var(--font-size-file-header-title-andy-plugin);
  letter-spacing: 0.7px;
  line-height: 1.7;
  color: var(--text-muted);
}

body.plugin-sliding-panes .view-header-icon {
  margin-left: -1px !important;
}

body.plugin-sliding-panes .mod-root .workspace-leaf.mod-active .view-header-title {
  color: var(--sliding-panes-header-color);
  font-family: var(--font-family-title);
}

body.plugin-sliding-panes .view-actions {
  margin-left: 0;
}

body.plugin-sliding-panes-rotate-header .workspace>.mod-root .view-header {
  border-right: none !important;
  border-left: none !important;
}

body.plugin-sliding-panes-rotate-header .workspace>.mod-root>.workspace-leaf>.workspace-leaf-content>.view-header .view-header-icon {
  padding: 0 0 0 4px !important;
}

body.plugin-sliding-panes-rotate-header .workspace>.mod-root>.workspace-leaf>.workspace-leaf-content>.view-header .view-actions {
  padding: 0 0 5px 2px !important;
}

body.plugin-sliding-panes:not(.transparent-panes) .workspace-split.mod-root .workspace-leaf .workspace-leaf-content {
  backdrop-filter: blur(10px);
  background-color: var(--bg-sliding-pane-leaf);
}

body.plugin-sliding-panes.transparent-panes .workspace-leaf.mod-am-left-of-active .workspace-leaf-content .view-content,
body.plugin-sliding-panes.transparent-panes .workspace-leaf.mod-am-left-of-active .workspace-leaf-content .view-content *,
body.plugin-sliding-panes.transparent-panes .workspace-leaf.mod-am-left-of-active .workspace-leaf-content .view-content *::before,
body.plugin-sliding-panes.transparent-panes .workspace-leaf.mod-am-left-of-active .workspace-leaf-content .view-content *::-webkit-scrollbar-thumb,
body.plugin-sliding-panes.transparent-panes .workspace-leaf.mod-am-left-of-active .workspace-leaf-content .view-content *::-webkit-scrollbar,
body.plugin-sliding-panes.transparent-panes .workspace-leaf.mod-am-left-of-active .workspace-leaf-content .view-content *::marker {
  color: transparent !important;
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  -webkit-text-fill-color: transparent !important;
}

body.plugin-sliding-panes.transparent-panes-alt .workspace-split.mod-root .workspace-leaf:not(:first-of-type) .workspace-leaf-content {
  background-color: transparent;
}

body.plugin-sliding-panes.transparent-panes .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle {
  width: 0;
}

body.plugin-sliding-panes.plugin-sliding-panes.transparent-panes.theme-light .workspace-split.mod-vertical>.workspace-leaf {
  box-shadow: -5px 0px 6px 0px rgba(0, 0, 0, 0.1) !important;
}
body.plugin-sliding-panes.theme-dark .workspace-split.mod-vertical>.workspace-leaf {
  box-shadow: -5px 0px 8px 0px rgba(0, 0, 0, 0.3) !important;
}

/*==========================*/
/* obsidian-calendar-plugin */
/*==========================*/
#calendar-container {
  --color-background-heading: transparent;
  --color-background-weeknum: transparent;
  --color-background-day: transparent;
  --color-background-weekend: transparent;

  --color-dot: var(--text-accent);
  --color-arrow: currentColor;
  --color-button: var(--text-muted);
  --color-text-weeknum: var(--calendar-week-color);

  --color-text-title: var(--text-normal);
  --color-text-heading: var(--text-normal);
  --color-text-day: var(--text-normal);
  --color-text-today: var(--text-accent);

  padding: 0 8px 0 8px;
  margin: -21px -8px 0px -8px;
  line-height: 0.6;
}

.theme-dark #calendar-container {
  --color-tr: #11111166;
  --color-tr-odd: #1e1e1e93;
  --color-calendar-weekends: #cc8484;
  --color-calendar-weekends-2: #ff9f9f21;
  --calendar-today-background-color: #00b3005e;
  --theme-color-translucent-3: #217cc769;
}

.theme-light #calendar-container {
  --color-tr: #ffffff6a;
  --color-tr-odd: #eeeeeea2;
  --color-calendar-weekends: #c74a4a;
  --color-calendar-weekends-2: #fdadad21;
  --theme-color-translucent-3: #91c2eb80;
}

#calendar-container .calendar {
  background-color: var(--color-tr);
  padding: 0 4px 2px 4px;
  margin-top: -8px;
  margin-left: 2px;
  border-collapse: separate;
  border-spacing: 0;
}

/*表格调整*/
/*星期*/
#calendar-container th:first-of-type {
  border-top-left-radius: 3px !important;
}

#calendar-container th:last-of-type {
  border-top-right-radius: 3px !important;
}

#calendar-container th {
  padding: 8px 0;
  border-bottom: 2px solid var(--text-accent);
  border-radius: 0 !important;
}

/*天*/
#calendar-container td {
  width: 12.5%;
  border-right: none;
  padding: 0 !important;
  line-height: 23px;
}

#calendar-container tr {
  background-color: var(--color-tr);
}

#calendar-container .day {
  padding: 2px 0 0 !important;
}

#calendar-container .day.has-note.active:not(.today) {
  background-color: var(--theme-color-translucent-1) !important;
  color: var(--text-normal) !important;
  font-weight: 700;
}

#calendar-container .day:not(:empty):hover {
  background-color: var(--table-hover-color);
}

#calendar-container .day:active,
#calendar-container .active,
#calendar-container .active.today {
  background-color: var(--theme-color-translucent-1) !important;
  color: var(--text-accent) !important;
  font-weight: 700;
}

#calendar-container .active.today,
#calendar-container .day.has-note.active {
  color: var(--text-accent) !important;
  font-weight: 700;
}

body.toggle-calendar-shadow #calendar-container .active.today {
  box-shadow: 0 0 1px 2px var(--text-accent);
}

body.toggle-calendar-shadow #calendar-container .today {
  box-shadow: 0 0 5px var(--text-accent);
}

#calendar-container .today {
  font-weight: bolder;
}

/*“Today”*/
#calendar-container .reset-button {
  font-size: 14px !important;
  margin: 0;
  padding: 0;
  cursor: pointer;
  line-height: 1.2;
  text-align: center;
}

/*悬停Today*/
#calendar-container .reset-button:hover {
  color: var(--sliding-panes-header-color);
  background-color: var(--table-hover-raw-color);
}

/*悬停arrow*/
#calendar-container .arrow:hover {
  color: var(--theme-color);
}

/*dot*/
#calendar-container .dot {
  stroke: transparent;
  margin: -3px 0 2px !important;
}

#calendar-container .hollow {
  margin: -3px 0 2px !important;
}

#calendar-container .dot-container {
  margin-top: 0;
  margin-bottom: 0;
}

/*月份调整 month*/
#calendar-container .month {
  font-size: 20px;
  line-height: 1;
}

/*年份调整 year*/
#calendar-container .year {
  font-size: 20px;
  line-height: 1;
}

/*星期数 week*/
#calendar-container .week-num {
  border-right: 2px solid var(--calendar-week-background-color) !important;
  background-color: transparent;
  font-weight: 600;
  border-radius: 0;
}

#calendar-container .week-num.active {
  background-color: var(--calendar-week-background-color) !important;
  color: var(--color-text-weeknum) !important;
  font-weight: 800;
}

/*星期数悬停 week hover*/
#calendar-container .week-num:hover {
  background-color: var(--calendar-week-hover) !important;
}

/* calendar-1 translucent, v0.2, for Blue Topaz*/
body.style-options-for-calendar-plugin-style-one.theme-dark {
  --color-calendar-weekends: #cc8484;
  --color-calendar-weekends-2: #ff9f9f21;
  --calendar-today-background-color: #00b3005e;
  --theme-color-translucent-3: #217cc769;
}

body.style-options-for-calendar-plugin-style-one.theme-light {
  --color-calendar-weekends: #c74a4a;
  --color-calendar-weekends-2: #fdadad21;
  --theme-color-translucent-3: #91c2eb80;
}

body.style-options-for-calendar-plugin-style-one.theme-dark #calendar-container {
  --color-tr: #11111183;
}

body.style-options-for-calendar-plugin-style-one.theme-light #calendar-container {
  --color-tr: #ffffffa9;
}

body.style-options-for-calendar-plugin-style-one #calendar-container th {
  padding: 10px 0;
  border-radius: 0 !important;
}

body.style-options-for-calendar-plugin-style-one #calendar-container th:nth-last-child(1),
body.style-options-for-calendar-plugin-style-one #calendar-container th:nth-last-child(2) {
  color: var(--color-calendar-weekends) !important;
}

body.style-options-for-calendar-plugin-style-one #calendar-container td:nth-last-child(1),
body.style-options-for-calendar-plugin-style-one #calendar-container td:nth-last-child(2) {
  background-color: var(--color-calendar-weekends-2) !important;
}

body.style-options-for-calendar-plugin-style-one #calendar-container .day {
  border-radius: 50% !important;
}

body.style-options-for-calendar-plugin-style-one #calendar-container .today {
  color: var(--text-accent) !important;
  font-weight: 700 !important;
  background-image: unset;
}

body.style-options-for-calendar-plugin-style-one #calendar-container .day:active, 
body.style-options-for-calendar-plugin-style-one #calendar-container .active, 
body.style-options-for-calendar-plugin-style-one #calendar-container .active.today {
  background-color: var(--theme-color-translucent-3) !important;
}

body.style-options-for-calendar-plugin-style-two #calendar-container .day {
  border-radius: 0 !important;
}

body.style-options-for-calendar-plugin-style-two .day.adjacent-month {
  background-color: var(--background-transparent-black-or-white-3) !important;
}

body.style-options-for-calendar-plugin-style-two #calendar-container tbody tr:first-child {
  background-color: rgba(var(--table-color-rgb), 0.1) !important;
}

body.style-options-for-calendar-plugin-style-two #calendar-container tbody tr:nth-child(2) {
  background-color: rgba(var(--table-color-rgb), 0.2) !important;
}

body.style-options-for-calendar-plugin-style-two #calendar-container tbody tr:nth-child(3) {
  background-color: rgba(var(--table-color-rgb), 0.3) !important;
}

body.style-options-for-calendar-plugin-style-two #calendar-container tbody tr:nth-child(4) {
  background-color: rgba(var(--table-color-rgb), 0.4) !important;
}

body.style-options-for-calendar-plugin-style-two #calendar-container tbody tr:nth-child(5) {
  background-color: rgba(var(--table-color-rgb), 0.5) !important;
}

body.style-options-for-calendar-plugin-style-two #calendar-container tbody tr:nth-child(6) {
  background-color: rgba(var(--table-color-rgb), 0.6) !important;
}

/*===========================*/
/*copy button for code blocks*/
/*===========================*/
button.copy-code-button:not([style="right: 32pt"]) {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAABU0lEQVRYhe2WMU4CQRSG/2eMjQRptQB7j8AJnIbKEq/A2qg0SjRROgauYGljTMALLN7AA7Ak1oRIY7HPYt0IuzPLMgxggK97u2/e/PPv25kBNh0yGSSavQqYqkHEDx2n0FqaANH0SmC8RIqU2k7+1YqAs9rH3uggcw+iMoBD7UDyi75PRESuLoeBT4CeMoPhzXPt5FuVsxt98JXL3hH4cpryduX4HQCE9LQ5BBwBfDXKZRlANZUAgMtAsMJwkt+JGAA6Tn7CtTBWvT9t9IpE5DL4XCdgR636b4Xz8HZR6I7XVKFwIJlwpbaIObBsUjsQ/fa2WLkDWwEz/wWzMq13Vu6AsQAh+10hPdc0nlsAwEwAm8cahPTY9m6XxPr0gGm+xR6wlL/tgbQsrAeCi2RwnUouaacHYvu0kP1HgK91ZWzfC2IO7A+GtwDVQyf+Let7FmwcPzCZvMtlTU3QAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: transparent;
  color: transparent;
  height: 1.6em;
}

button.copy-code-button:hover {
  background-color: var(--theme-color-translucent-1);
}

.obsidian-banner-wrapper.has-copy-button {
  position:unset;
}

/*=====================================*/
/*frontmatter specification 同义词等声明*/
/*=====================================*/
pre.frontmatter.language-yaml::before {
  content: "YAML";
  font-family: var(--font-family-YAML);
  top: 1px;
  right: 36px;
  color: var(--color-specification);
}

.frontmatter-container {
  margin: 0 0 1.2em 0;
  background-color: transparent;
}

/*====================*/
/*day planner plugin*/
/*====================*/
.day-planner-status-bar-text {
  color: var(--text-accent);
  font-weight: 600;
  margin-top: 3px !important;
}

.status-bar-item>* {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.progress-pie.day-planner {
  background-color: var(--day-planner-pie);
  float: left;
  height: 20px;
  margin: 0.3px 10px 0.3px 0;
  width: 20px;
  display: none;
}

.aside__line {
  background: var(--day-planner-dot) !important;
  left: 35px !important;
}

.ei_Dot {
  background-color: var(--day-planner-line) !important;
  left: 28px !important;
}

.ei_Title {
  font-size: 15px !important;
  margin-left: -10px !important;
}

.ei_Copy {
  font-size: 15px !important;
  margin-left: 5px !important;
}

.event_item {
  overflow: hidden !important;
}

#now-line, .timeline-time {
  background-color: var(--day-planner-timeline) !important;
}

.event_item:hover {
  background-color: var(--day-planner-item-hover) !important;
  box-shadow: 0px 0px 52px -18px rgba(0, 0, 0, 0.75);
}

.event_item_color1 {
  background-color: var(--event-item-color1) !important;
}
.event_item_color2 {
  background-color: var(--event-item-color2) !important;
}
.event_item_color3 {
  background-color: var(--event-item-color3) !important;
}
.event_item_color4 {
  background-color: var(--event-item-color4) !important;
}
.event_item_color5 {
  background-color: var(--event-item-color5) !important;
}
.event_item_color6 {
  background-color: var(--event-item-color6) !important;
}
.event_item_color7 {
  background-color: var(--event-item-color7) !important;
}
.event_item_color8 {
  background-color: var(--event-item-color8) !important;
}
.event_item_color9 {
  background-color: var(--event-item-color9) !important;
}
.event_item_color10 {
  background-color: var(--event-item-color10) !important;
}

/* ================================== */
/* ============= kanban ============= */
/* ================================== */
.kanban-plugin__markdown-preview-view {
  font-family: var(--font-text) !important;
}
/*body:not(.style-options-for-kanban-plugin-static-default)*/ 
.workspace-leaf .kanban-plugin__lane {
  border-radius: 8px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
}

.kanban-plugin {
  background-color: var(--background-secondary-bg-4-bt) !important;
}

.theme-dark .kanban-plugin {
  --kanban-shadow: #0065d8cc;
}

.theme-light .kanban-plugin {
  --kanban-shadow: #91bae8;
}

.kanban-plugin__item-title ol:not(.contains-task-list)>li:not(.task-list-item),
.kanban-plugin__item-title ul:not(.contains-task-list)>li:not(.task-list-item) {
  border-left: none;
  padding: 0 1px;
  margin-left: 0px;
}

.kanban-plugin .task-list-item-checkbox {
  margin: 0px 7px 0px 0;
}

.kanban-plugin__markdown-preview-view blockquote {
  padding-top: 1px;
  padding-bottom: 1px;
}

.kanban-plugin__lane-header-wrapper {
  background: var(--theme-color-translucent-1) !important;
  padding: 8px 11px !important;
  border-radius: 5px 5px 0 0;
  margin-bottom: 0px !important;
  z-index: 100 !important;
  border-bottom: none !important;
}

.theme-dark .kanban-plugin__lane-header-wrapper {
  background: unset !important;
  padding: 8px 11px 0 !important;
}

.kanban-plugin__checkbox-wrapper {
  background: var(--background-transparent-black-or-white-2);
}

.kanban-plugin__item {
  border: none !important;
  z-index: 100 !important;
}

.kanban-plugin__item-content-wrapper,
.kanban-plugin__item-title-wrapper {
  background: var(--background-transparent-black-or-white-1) !important;
  z-index: 100 !important;
}

.kanban-plugin__item-title :is(.markdown-preview-view,.markdown-rendered).kanban-plugin__markdown-preview-view.kanban-plugin__item-markdown {
  font-size: 1rem;
}

.kanban-plugin__item-content-wrapper:hover,
.kanban-plugin__item-title-wrapper:hover {
  background: var(--background-transparent-black-or-white-3) !important;
}

.kanban-plugin__item-button-wrapper {
  background: var(--background-transparent-black-or-white-2) !important;
  padding: 5px !important;
  border-radius: 0 0 5px 5px;
}

button.kanban-plugin__new-item-button {
  color: var(--text-muted) !important;
  font-weight: bold;
  font-size: 0.8em;
  z-index: 100 !important;
}

button.kanban-plugin__new-item-button:hover {
  color: var(--accent-strong) !important;
}

.kanban-plugin__lane {
  border: none !important;
}

.kanban-plugin__lane-items {
  padding: 4px !important;
}

.kanban-plugin__markdown-preview-view ol:not(.contains-task-list)>li:not(.task-list-item),
.kanban-plugin__markdown-preview-view:not(.kanban) ul>li:not(.task-list-item) {
  margin-left: unset;
  padding-left: unset;
  margin-bottom: unset; 
  margin-top: unset; 
}

/*meta*/
.kanban-plugin__meta-row {
  background: transparent !important;
}

.kanban-plugin__item-metadata-wrapper:not(:empty) {
  background: var(--background-transparent-black-or-white-3) !important;
}

.kanban-plugin__lane {
  background: transparent !important;
}

.theme-light .kanban-plugin__lane {
  background: var(--background-transparent-black-or-white-3) !important;
}

.kanban-plugin__lane-wrapper {
  border-radius: var(--radius-s);
}

.kanban-plugin__lane-wrapper {
  background-repeat: no-repeat;
  background-size: cover;
}

/* checkbox */
.kanban-plugin__item-prefix-button-wrapper input[type=checkbox] {
  margin: 4px 7px 4px 0;
  width: 15px;
  height: 15px;
  filter: hue-rotate(var(--theme-color)) !important;
}

.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+1) {
  background: linear-gradient(to bottom, var(--kanban-color-1) 60%, transparent);
}
.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+2) {
  background: linear-gradient(to bottom, var(--kanban-color-2) 60%, transparent);
}
.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+3) {
  background: linear-gradient(to bottom, var(--kanban-color-3) 60%, transparent);
}
.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+4) {
  background: linear-gradient(to bottom, var(--kanban-color-4) 60%, transparent);
}
.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+5) {
  background: linear-gradient(to bottom, var(--kanban-color-5) 60%, transparent);
}
.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+6) {
  background: linear-gradient(to bottom, var(--kanban-color-6) 60%, transparent);
}
.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+0) {
  background: linear-gradient(to bottom, var(--kanban-color-7) 60%, transparent);
}

body.style-options-for-kanban-plugin-static-all-color.theme-light {
  --kanban-color-1: #63a1e970;
  --kanban-color-2: #63e6e970;
  --kanban-color-3: #63e98270;
  --kanban-color-4: #dee96370;
  --kanban-color-5: #e8c89170;
  --kanban-color-6: #e8919170;
  --kanban-color-7: #bd91e870;
}

body.style-options-for-kanban-plugin-static-all-color.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+1) {
  background: linear-gradient(to bottom, var(--kanban-color-1) 30%,  transparent) !important;
}
body.style-options-for-kanban-plugin-static-all-color.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+2) {
  background: linear-gradient(to bottom, var(--kanban-color-2) 30%,  transparent) !important;
}
body.style-options-for-kanban-plugin-static-all-color.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+3) {
  background: linear-gradient(to bottom, var(--kanban-color-3) 30%,  transparent) !important;
}
body.style-options-for-kanban-plugin-static-all-color.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+4) {
  background: linear-gradient(to bottom, var(--kanban-color-4) 30%,  transparent) !important;
}
body.style-options-for-kanban-plugin-static-all-color.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+5) {
  background: linear-gradient(to bottom, var(--kanban-color-5) 30%,  transparent) !important;
}
body.style-options-for-kanban-plugin-static-all-color.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+6) {
  background: linear-gradient(to bottom, var(--kanban-color-6) 30%,  transparent) !important;
}
body.style-options-for-kanban-plugin-static-all-color.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+0) {
  background: linear-gradient(to bottom, var(--kanban-color-7) 30%,  transparent) !important;
}
body.style-options-for-kanban-plugin-static-all-color .kanban-plugin__item-title-wrapper {
  background: transparent !important;
}

body.style-options-for-kanban-plugin-static-all-image-one.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+1) {
  background-image: url("https://images.unsplash.com/photo-1486520299386-6d106b22014b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=750&q=80");
}
body.style-options-for-kanban-plugin-static-all-image-one.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+2) {
  background-image: url("https://images.unsplash.com/photo-1528919699453-27d2dcfbdf06?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=753&q=80");
}
body.style-options-for-kanban-plugin-static-all-image-one.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+3) {
  background-image: url("https://images.unsplash.com/photo-1528919880398-4af90c12ac1e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=894&q=80");
}
body.style-options-for-kanban-plugin-static-all-image-one.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+4) {
  background-image: url("https://images.unsplash.com/photo-1538947151057-dfe933d688d1?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=750&q=80");
}
body.style-options-for-kanban-plugin-static-all-image-one.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+5) {
  background-image: url("https://images.unsplash.com/photo-1565942443747-031188e6e56c?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=750&q=80");
}
body.style-options-for-kanban-plugin-static-all-image-one.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+6) {
  background-image: url("https://images.unsplash.com/photo-1549279866-41b2b21a0de4?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=747&q=80");
}
body.style-options-for-kanban-plugin-static-all-image-one.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+0) {
  background-image: url("https://images.unsplash.com/photo-1536147116438-62679a5e01f2?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=334&q=80");
}

body.style-options-for-kanban-plugin-static-all-image-one.theme-dark .kanban-plugin__lane-wrapper {
  background-repeat: no-repeat;
  background-size: cover;
}
body.style-options-for-kanban-plugin-static-all-image-one.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+1) {
  background-image: url("https://images.unsplash.com/photo-1595520519880-a86c48ea536c?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NXx8ZGFyayUyMGJsdWV8ZW58MHx8MHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body.style-options-for-kanban-plugin-static-all-image-one.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+2) {
  background-image: url("https://images.unsplash.com/photo-1593959734793-6e92d102da1e?ixid=MnwxMjA3fDB8MHxzZWFyY2h8N3x8ZGFyayUyMGJsdWV8ZW58MHx8MHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body.style-options-for-kanban-plugin-static-all-image-one.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+3) {
  background-image: url("https://images.unsplash.com/photo-1593270573246-2dca2f2c1c43?ixid=MnwxMjA3fDB8MHxzZWFyY2h8OXx8ZGFyayUyMGJsdWV8ZW58MHx8MHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body.style-options-for-kanban-plugin-static-all-image-one.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+4) {
  background-image: url("https://images.unsplash.com/photo-1604838656896-171d9d737cbe?ixid=MnwxMjA3fDB8MHxzZWFyY2h8ODd8fGRhcmslMjBibHVlfGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body.style-options-for-kanban-plugin-static-all-image-one.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+5) {
  background-image: url("https://images.unsplash.com/photo-1470813740244-df37b8c1edcb?ixid=MnwxMjA3fDB8MHxzZWFyY2h8ODZ8fGRhcmslMjBibHVlfGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body.style-options-for-kanban-plugin-static-all-image-one.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+6) {
  background-image: url("https://images.unsplash.com/photo-1516249181155-bbf89a130f77?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTExfHxkYXJrJTIwYmx1ZXxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body.style-options-for-kanban-plugin-static-all-image-one.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+0) {
  background-image: url("https://images.unsplash.com/photo-1578089789664-f256b7c4e07f?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTM2fHxkYXJrJTIwYmx1ZXxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}

/* Kanban background images v0.2, special edition abstract, @Solen Feyissa https://unsplash.com/@solenfeyissa and @Pawel Czerwinski https://unsplash.com/@pawel_czerwinski, for Blue Topaz */
body.style-options-for-kanban-plugin-static-all-image-two.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+1) {
  background-image: url("https://images.unsplash.com/photo-1601682633973-a76aa17a7844?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1yZWxhdGVkfDF8fHxlbnwwfHx8fA%3D%3D&auto=format&fit=crop&w=500&q=60");
}
body.style-options-for-kanban-plugin-static-all-image-two.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+2) {
  background-image: url("https://images.unsplash.com/photo-1601436155225-2633c7f3818b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1yZWxhdGVkfDZ8fHxlbnwwfHx8fA%3D%3D&auto=format&fit=crop&w=500&q=60");
}
body.style-options-for-kanban-plugin-static-all-image-two.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+3) {
  background-image: url("https://images.unsplash.com/photo-1564951434112-64d74cc2a2d7?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1yZWxhdGVkfDE4fHx8ZW58MHx8fHw%3D&auto=format&fit=crop&w=500&q=60");
}
body.style-options-for-kanban-plugin-static-all-image-two.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+4) {
  background-image: url("https://images.unsplash.com/photo-1601436155223-9b6f9c287cd1?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1yZWxhdGVkfDd8fHxlbnwwfHx8fA%3D%3D&auto=format&fit=crop&w=500&q=60");
}
body.style-options-for-kanban-plugin-static-all-image-two.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+5) {
  background-image: url("https://images.unsplash.com/photo-1600456011949-d2fc441999b4?ixid=MnwxMjA3fDB8MHxwcm9maWxlLXBhZ2V8NTAyfHx8ZW58MHx8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body.style-options-for-kanban-plugin-static-all-image-two.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+6) {
  background-image: url("https://images.unsplash.com/photo-1600226082873-02b7eb2b7c23?ixid=MnwxMjA3fDB8MHxwcm9maWxlLXBhZ2V8NTA2fHx8ZW58MHx8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body.style-options-for-kanban-plugin-static-all-image-two.theme-light .kanban-plugin__lane-wrapper:nth-child(7n+0) {
  background-image: url("https://images.unsplash.com/photo-1600538622150-d5a24464bc47?ixid=MnwxMjA3fDB8MHxwcm9maWxlLXBhZ2V8NTAwfHx8ZW58MHx8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}

body.style-options-for-kanban-plugin-static-all-image-two.theme-dark .kanban-plugin__lane-wrapper {
  background-repeat: no-repeat;
  background-size: cover;
}
body.style-options-for-kanban-plugin-static-all-image-two.theme-dark .kanban-plugin__lane-wrapper:nth-child(8n+1) {
  background-image: url("https://images.unsplash.com/photo-1628432436663-9e588806592a?ixid=MnwxMjA3fDB8MHxwcm9maWxlLXBhZ2V8MjR8fHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body.style-options-for-kanban-plugin-static-all-image-two.theme-dark .kanban-plugin__lane-wrapper:nth-child(8n+2) {
  background-image: url("https://images.unsplash.com/photo-1621791554791-cb212a4a55a6?ixid=MnwxMjA3fDB8MHxwaG90by1yZWxhdGVkfDV8fHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body.style-options-for-kanban-plugin-static-all-image-two.theme-dark .kanban-plugin__lane-wrapper:nth-child(8n+3) {
  background-image: url("https://images.unsplash.com/photo-1630182044473-34dd20c6dd8c?ixid=MnwxMjA3fDB8MHxwcm9maWxlLXBhZ2V8OHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body.style-options-for-kanban-plugin-static-all-image-two.theme-dark .kanban-plugin__lane-wrapper:nth-child(8n+4) {
  background-image: url("https://images.unsplash.com/photo-1622405538251-e8c48fdc40db?ixid=MnwxMjA3fDB8MHxwcm9maWxlLXBhZ2V8MTA2fHx8ZW58MHx8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body.style-options-for-kanban-plugin-static-all-image-two.theme-dark .kanban-plugin__lane-wrapper:nth-child(8n+5) {
  background-image: url("https://images.unsplash.com/photo-1628432337777-bdc12ebda14e?ixid=MnwxMjA3fDB8MHxwcm9maWxlLXBhZ2V8Mjh8fHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body.style-options-for-kanban-plugin-static-all-image-two.theme-dark .kanban-plugin__lane-wrapper:nth-child(8n+6) {
  background-image: url("https://images.unsplash.com/photo-1620503266076-5fd971fdd572?ixid=MnwxMjA3fDB8MHxwcm9maWxlLXBhZ2V8MTQxfHx8ZW58MHx8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body.style-options-for-kanban-plugin-static-all-image-two.theme-dark .kanban-plugin__lane-wrapper:nth-child(8n+7) {
  background-image: url("https://images.unsplash.com/photo-1625425325558-d83335f635d8?ixid=MnwxMjA3fDB8MHxwcm9maWxlLXBhZ2V8Njd8fHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body.style-options-for-kanban-plugin-static-all-image-two.theme-dark .kanban-plugin__lane-wrapper:nth-child(8n+0) {
  background-image: url("https://images.unsplash.com/photo-1620503395484-07e2a7ea3f8b?ixid=MnwxMjA3fDB8MHxwaG90by1yZWxhdGVkfDZ8fHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}

body.style-options-for-kanban-plugin-static-plain .kanban-plugin__lane-wrapper {
  background: unset !important;
}

body.style-options-for-kanban-plugin-static-plain .kanban-plugin__lane {
  border: 2px solid var(--background-modifier-border) !important;
}

body.style-options-for-kanban-plugin-static-plain .kanban-plugin__lane-header-wrapper {
  background: var(--background-transparent-black-or-white-2) !important;
}

body.style-options-for-kanban-plugin-static-plain.theme-dark .kanban-plugin__lane-header-wrapper,
body.style-options-for-kanban-plugin-static-little-color.theme-dark .kanban-plugin__lane-header-wrapper {
  padding: 10px 11px !important;
}

body.style-options-for-kanban-plugin-static-plain .kanban-plugin__item-button-wrapper {
  background: transparent !important;
}

body.style-options-for-kanban-plugin-static-little-color.theme-light {
  --kanban-color-1: #91bae870;
  --kanban-color-2: #91e8e070;
  --kanban-color-3: #91e89a70;
  --kanban-color-4: #e0e89170;
  --kanban-color-5: #e8c89170;
  --kanban-color-6: #e8919170;
  --kanban-color-7: #bd91e870;
}

body.style-options-for-kanban-plugin-static-little-color.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane,
body.style-options-for-kanban-plugin-static-plain.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane,
body.style-options-for-kanban-plugin-static-little-color.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane,
body.style-options-for-kanban-plugin-static-plain.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane,
body.style-options-for-kanban-plugin-static-little-color.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane,
body.style-options-for-kanban-plugin-static-plain.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane {
  border: none !important;
}

body.style-options-for-kanban-plugin-static-little-color .kanban-plugin__item,
body.style-options-for-kanban-plugin-static-little-color .kanban-plugin__lane {
  border: 1px solid var(--background-modifier-border) !important
}

body.style-options-for-kanban-plugin-static-little-color  .kanban-plugin__lane-wrapper {
  background-image: unset !important;
  background-color: transparent !important;
}
body.style-options-for-kanban-plugin-static-little-color .kanban-plugin__lane-wrapper:nth-child(7n+1) .kanban-plugin__lane-header-wrapper {
  background-color: var(--kanban-color-1) !important;
}
body.style-options-for-kanban-plugin-static-little-color .kanban-plugin__lane-wrapper:nth-child(7n+2) .kanban-plugin__lane-header-wrapper {
  background-color: var(--kanban-color-2) !important;
}
body.style-options-for-kanban-plugin-static-little-color .kanban-plugin__lane-wrapper:nth-child(7n+3) .kanban-plugin__lane-header-wrapper {
  background-color: var(--kanban-color-3) !important;
}
body.style-options-for-kanban-plugin-static-little-color .kanban-plugin__lane-wrapper:nth-child(7n+4) .kanban-plugin__lane-header-wrapper {
  background-color: var(--kanban-color-4) !important;
}
body.style-options-for-kanban-plugin-static-little-color .kanban-plugin__lane-wrapper:nth-child(7n+5) .kanban-plugin__lane-header-wrapper {
  background-color: var(--kanban-color-5) !important;
}
body.style-options-for-kanban-plugin-static-little-color .kanban-plugin__lane-wrapper:nth-child(7n+6) .kanban-plugin__lane-header-wrapper {
  background-color: var(--kanban-color-6) !important;
}
body.style-options-for-kanban-plugin-static-little-color .kanban-plugin__lane-wrapper:nth-child(7n) .kanban-plugin__lane-header-wrapper  {
  background-color: var(--kanban-color-7) !important;
}

/* Kanban Neon, v0.5, for Blue Topaz, modified from https://codepen.io/Chokcoco/pen/BaQzBEG by @Chokcoco */
body.style-options-for-kanban-plugin-dynamic-neon-one.theme-dark,
body.style-options-for-kanban-plugin-dynamic-neon-two.theme-dark,
body.style-options-for-kanban-plugin-dynamic-neon-three.theme-dark {
  --background-transparent-black-or-white-1: #232323c2;
  --background-transparent-black-or-white-2: #0f0f0f69;
  --background-transparent-black-or-white-3: #2222224d;
  --background-transparent-blue: #53a3ff41;
}

body.style-options-for-kanban-plugin-dynamic-neon-one.theme-light,
body.style-options-for-kanban-plugin-dynamic-neon-two.theme-light,
body.style-options-for-kanban-plugin-dynamic-neon-three.theme-light {
  --background-transparent-black-or-white-1: #ffffffb0;
  --background-transparent-black-or-white-2: #eeeeee88;
  --background-transparent-black-or-white-3: #f5f5f583;
  --background-transparent-blue: #5eb6ff44;
}

body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin,
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin,
body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin {
  background-color: var(--background-secondary-alt-bg-4-bt) !important;
}

body.style-options-for-kanban-plugin-dynamic-neon-one.theme-dark .kanban-plugin__lane-header-wrapper,
body.style-options-for-kanban-plugin-dynamic-neon-two.theme-dark .kanban-plugin__lane-header-wrapper,
body.style-options-for-kanban-plugin-dynamic-neon-three.theme-dark .kanban-plugin__lane-header-wrapper {
  background: var(--background-transparent-blue) !important;
  padding: 5px 11px!important;
  border-radius: 6px 6px 0 0;
  margin-bottom: 5px !important;
  z-index: 100 !important;
}

body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(n) {
  background: unset !important;
  position: relative;
  z-index: 0;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  transition: .3s;
  -webkit-box-reflect: below 10px linear-gradient(transparent, rgba(0, 0, 0, .4));
}

body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(n)::before,
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(n)::before {
  content: '';
  position: absolute;
  z-index: -2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 250%;
  height: 300%;
  background-color: var(--background-secondary-alt) !important;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: 0 0;
  background-image: conic-gradient(var(--kanban-shadow), var(--kanban-shadow));
  animation: rotate 2s linear infinite;
}

body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(n)::after,
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(n)::after {
  content: '';
  position: absolute;
  z-index: -1;
  left: 2px;
  top: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: var(--background-secondary-alt) !important;
  border-radius: 10px;
}

body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(n) {
  background: unset !important;
	position: relative;
	z-index: 0;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	transition: .3s;
  box-shadow: 0px 0px 5px 1px var(--kanban-shadow);
}

@keyframes rotate {
  100% {transform: translate(-50%, -50%) rotate(1turn);}
}

body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(n):hover
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(n):hover {
  box-shadow: 0 0 5px var(--kanban-shadow), 0 0 25px var(--kanban-shadow);
}

body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(n):hover::after,
body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(n):hover::before,
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(n):hover::after,
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(n):hover::before {
  transition: .3s;
  background: linear-gradient(to bottom, var(--kanban-shadow) 30%,  transparent) !important;
}

body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(7n+2),
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(7n+2) {
  filter: hue-rotate(50deg);
}
body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(7n+3),
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(7n+3) {
  filter: hue-rotate(140deg);
}
body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(7n+4),
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(7n+4) {
  filter: hue-rotate(180deg);
}
body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(7n+5),
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(7n+5) {
  filter: hue-rotate(220deg);
}
body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(7n+6),
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(7n+6) {
  filter: hue-rotate(280deg);
}
body.style-options-for-kanban-plugin-dynamic-neon-one .kanban-plugin__lane-wrapper:nth-child(7n)
body.style-options-for-kanban-plugin-dynamic-neon-two .kanban-plugin__lane-wrapper:nth-child(7n) {
  filter: hue-rotate(330deg);
}

body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(n) {
  background: unset !important;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  transition: .3s;
  animation: huerotate-1 6s infinite linear;
  filter: hue-rotate(360deg);
}

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

body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(n)::before {
  content: '';
  position: absolute;
  z-index: -2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 250%;
  height: 300%;
  background-color: var(--background-secondary-alt) !important;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: 0 0;
  background-image: conic-gradient(var(--kanban-shadow), var(--kanban-shadow));
  animation: rotate 2s linear infinite;
}

body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(n)::after {
  content: '';
  position: absolute;
  z-index: -1;
  left: 2px;
  top: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: var(--background-secondary-alt) !important;
  border-radius: 10px;
}

body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(n):hover {
  box-shadow: 0 0 5px var(--kanban-shadow), 0 0 25px var(--kanban-shadow);
}
body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(n):hover::after,
body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(n):hover::before {
  transition: .3s;
  background: var(--kanban-shadow);
}
body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(7n+2) {
  animation: huerotate-2 6s infinite linear;
  filter: hue-rotate(410deg);
}

@keyframes huerotate-2 {
  0% {filter: hue-rotate(50deg);}
  100% {filter: hue-rorate(410deg);}
}

body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(7n+3) {
  animation: huerotate-3 6s infinite linear;
  filter: hue-rotate(500deg);
}

@keyframes huerotate-3 {
  0% {filter: hue-rotate(140deg);}
  100% {filter: hue-rorate(500deg);}
}

body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(7n+4) {
  filter: hue-rotate(540deg);
  animation: huerotate-4 6s infinite linear;
}

@keyframes huerotate-4 {
  0% {filter: hue-rotate(180deg);}
  100% {filter: hue-rorate(540deg);}
}

body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(7n+5) {
  filter: hue-rotate(580deg);
  animation: huerotate-5 6s infinite linear;
}

@keyframes huerotate-5 {
  0% {filter: hue-rotate(220deg);}
  100% {filter: hue-rorate(580deg);}
}

body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(7n+6) {
  filter: hue-rotate(640deg);
  animation: huerotate-6 6s infinite linear;
}

@keyframes huerotate-6 {
  0% {filter: hue-rotate(280deg);}
  100% {filter: hue-rorate(640deg);}
}

body.style-options-for-kanban-plugin-dynamic-neon-three .kanban-plugin__lane-wrapper:nth-child(7n+0) {
  filter: hue-rotate(690deg);
  animation: huerotate-7 6s infinite linear;
}

@keyframes huerotate-7 {
  0% { filter: hue-rotate(330deg);}
  100% { filter: hue-rorate(690deg);}
}

/* =========================================*/
/* =========tapes pins and stickies=========*/
/* =========================================*/
/* thanks to death_au, Gabroel and Lithou from Obsidian Members Group on Discord */
.stickies {
  text-align: center;
  transition: width 2s;
  padding: 5px;
  margin: 18px;
  position: relative;
  float: right;
  right: -10px;
  width: max(180px, 30%);
  max-width: 50%;
  background-color: var(--stickies-color-1);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(2deg);
  transition: all 2s ease;
  z-index: 1;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 0;
  color: black;
}

.stickies::after {
  content: "";
  left: -5%;
  top: -10px;
  height: 40px;
  width: 15px;
  border-radius: var(--radius-l);
  border: 3px solid #979797;
  display: inline-block;
  position: absolute;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(-11deg);
  z-index: 11;
}

.stickies::before {
  width: 11px;
  height: 20px;
  content: "";
  display: inline-block;
  position: absolute;
  left: -3.5%;
  top: -2px;
  border-radius: var(--radius-l);
  border: 3px solid #979797;
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  z-index: 10;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(-11deg);
}

.stickies2 {
  position: relative;
  float: left;
  box-shadow: 0 10px 10px 2px #9191912d;
  width: max(180px, 30%);
  max-width: 50%;
  background-color: var(--stickies-color-2);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(-2deg);
  transition: all 2s ease;
  z-index: 1;
  padding: 20px;
  margin: 10px;
  color: black;
}

.stickies2::after {
  content: "";
  display: block;
  height: 32px;
  width: 2px;
  position: absolute;
  left: 50%;
  top: -10px;
  z-index: 1;
  border-radius: 50%;
  display: inline-block;
  height: 15px;
  width: 15px;
  border: 1px;
  box-shadow: inset -10px -10px 10px #f0b7a4, inset 3px 3px 5px;
}

.to-recall {
  position: relative;
  float: left;
  max-width: 30%;
  background-color: var(--text-normal);
  border-radius: var(--radius-xs);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 1;
  padding: 8px;
  margin-right: 8px;
  margin-top: 20px;
  font-weight: bold;
  font-family: Cooper;
  color: var(--text-normal);
}

.to-recall:hover {
  cursor: pointer;
}

.to-recall:active {
  background-color: transparent;
  transition: all 300ms ease;
}

.to-recall::after {
  content: "Click";
  position: absolute;
  font-size: 12px;
  top: 1px;
  right: 5px;
  font-weight: 600;
  font-family: Arial;
  color: var(--background-primary);
}

.to-recall:active:after {
  display: none;
}

.to-recall::before {
  content: " To Recall";
  display: inline-block;
  position: absolute;
  top: -20px;
  left: -8px;
  border-radius: var(--radius-l);
  font-size: 14px;
  font-weight: bold;
  font-family: OCR A;
  color: #858585;
  white-space: pre;
}

/* thanks to dcoales from obsidian member group on discord */
/* https://discord.com/channels/686053708261228577/702656734631821413/794236352857374764 */
aside {
  float: right;
  position: relative;
  left: 5px;
  padding: 0 0 0 2px;
}

aside>h1,
aside>h2 {
  font-weight: normal !important;
  font-size: 16px !important;
  border: 1px solid;
  border-bottom: 1px solid !important;
  background-color: transparent;
  padding: 0 5px;
  max-width: 150px;
  color: #467cf0 !important;
  position: absolute;
}

aside>h1:hover::before,
aside>h2:hover::before {
  display: none;
}

aside>h2 {
  color: #dd9207 !important;
}

.is-readable-line-width.sidecomments .markdown-preview-sizer {
  margin-left: 20px !important;
}

/* ================================== */
/* ====== markdown assitance ======== */
/* ================================== */
.command-list-view-row-selected {
  background-color: gray !important;
}

/* ================================== */
/* ===== editor syntax highlight ==== */
/* ================================== */
.cm-s-obsidian .cm-hmd-frontmatter.cm-qualifier,
.cm-s-obsidian .cm-math.cm-qualifier,
.cm-s-obsidian .cm-qualifier {
  color: var(--yellow) !important;
}

.cm-s-obsidian pre.HyperMD-codeblock .cm-qualifier {
  color: var(--aqua) !important;
}

.cm-s-obsidian .cm-hmd-frontmatter.cm-property,
.cm-s-obsidian .cm-math.cm-property,
.cm-s-obsidian pre.HyperMD-codeblock .cm-property {
  color: var(--blue) !important;
}

.cm-s-obsidian .cm-math.cm-atom,
.cm-s-obsidian pre.HyperMD-codeblock .cm-atom {
  color: var(--text-normal) !important;
}

.cm-s-obsidian .cm-hmd-frontmatter.cm-number,
.cm-s-obsidian .cm-math.cm-number,
.cm-s-obsidian pre.HyperMD-codeblock .cm-number {
  color: var(--green) !important;
}

.cm-s-obsidian .cm-hmd-frontmatter.cm-comment,
.cm-s-obsidian .cm-math.cm-comment,
.cm-s-obsidian pre.HyperMD-codeblock .cm-comment {
  color: var(--darkgreen) !important;
}

.theme-dark .cm-s-obsidian .cm-hmd-frontmatter.cm-tag,
.theme-dark .cm-s-obsidian .cm-math.cm-tag,
.theme-dark .cm-s-obsidian pre.HyperMD-codeblock .cm-tag {
  color: var(--red) !important;
}

.theme-light .cm-s-obsidian .cm-hmd-frontmatter.cm-tag,
.theme-light .cm-s-obsidian .cm-math.cm-tag,
.theme-light .cm-s-obsidian pre.HyperMD-codeblock .cm-tag {
  color: var(--purple) !important;
}

.cm-atom.cm-hmd-frontmatter {
  color: var(--orange-1) !important;
}

.cm-meta.cm-hmd-frontmatter {
  color: var(--text-muted) !important;
}

.theme-light .cm-s-obsidian span.cm-keyword {
  color: var(--blue-green) !important;
}

.theme-dark .cm-s-obsidian span.cm-keyword {
  color: var(--darkblue) !important;
  font-weight: 600 !important;
}

/*
.cm-s-obsidian pre.HyperMD-codeblock, 
.cm-s-obsidian span.cm-math:not(.cm-formatting-math-begin):not(.cm-formatting-math-end) {
  color: var(--gray-2);
}
*/

/* ================================== */
/* ============ comments ============ */
/* ================================== */
.theme-light .ob-comment {
  position: relative;
  border-bottom: 1px dotted black;
  color: var(--text-normal) !important;
  background-color: #57b2ee77 !important;
  border-radius: 10% !important;
}

.theme-dark .ob-comment {
  position: relative;
  border-bottom: 1px dotted rgb(255, 255, 255);
  color: var(--text-normal) !important;
  background-color: #0054b5e0 !important;
  border-radius: 10% !important;
}

.theme-light .ob-comment:hover {
  background-color: #57b2ee50 !important;
}

.theme-dark .ob-comment:hover {
  background-color: #0062d1 !important;
}

.theme-light .ob-comment span {
  visibility: hidden;
  min-width: auto;
  max-width: 500px;
  width: max-content;
  background-color: #c7e2f5e5 !important;
  color: #0068c9 !important;
  text-align: left;
  border-radius: var(--radius-s);
  padding: 10px 10px;
  z-index: 1;
  position: absolute;
  top: 20px;
  right: 20px;
  box-shadow: 1px 1px 10px 5px var(--background-secondary);
  transition: opacity 1s;
}

.theme-dark .ob-comment span {
  visibility: hidden;
  min-width: auto;
  max-width: 500px;
  width: max-content;
  background-color: #aed6f3ef !important;
  color: #005cb3 !important;
  text-align: left;
  border-radius: var(--radius-s);
  padding: 10px 10px;
  z-index: 1;
  position: absolute;
  top: 20px;
  right: 20px;
  box-shadow: 1px 1px 10px 5px var(--background-secondary);
  transition: opacity 1s;
}

.theme-light .comment-pannel-p3 {
  background-color: #c7e2f5e5 !important;
  color: #0068c9 !important;
}

.theme-dark .comment-pannel-p3 {
  background-color: #aed6f3ef !important;
  color: #005cb3 !important;
}

.comment-pannel-bubble {
  width: 90% !important;
  padding: 0 5px !important;
  text-decoration: none;
  display: inline-block;
  margin-right: 0 !important;
}

/* ======== tooltip ========= */
.tooltip, 
.tooltip.mod-right {
  color: var(--white);
  background-color: var(--interactive-accent);
}
.tooltip .tooltip-arrow {
  border-bottom: 5px solid var(--interactive-accent);
}
.tooltip.mod-right .tooltip-arrow {
  border-right: 5px solid var(--interactive-accent);
}
.tooltip.mod-left .tooltip-arrow {
  border-left: 5px solid var(--interactive-accent);
}

/* ================================== */
/* ======== better footnote ========= */
/* ================================== */
:is(.markdown-preview-view,.markdown-rendered) .tippy-content {
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
  font-size: var(--font-size-better-footnote) !important;
  font-family: var(--font-family-better-footnote) !important;
}

/*default footnote*/
section.footnotes ol>li:not(.task-list-item) {
  border-left: none !important;
}

.cm-s-obsidian span.cm-footref {
  color: var(--text-accent);
}

/* ================================== */
/* =========== admonition =========== */
/* ================================== */
body.style-options-for-admonition-plugin .admonition {	
  break-inside: avoid;
}

body.style-options-for-admonition-plugin .callout.admonition .admonition-content {
  overflow: hidden;
}

.admonition.callout {
  border-color: rgba(var(--callout-color),0.15);
}
.callout-title.admonition-title {
  background-color: rgba(var(--callout-color),0.15);
}

.callout.admonition.admonition-plugin.is-collapsed {
  overflow: hidden;
}
/* ad伪看板效果*/
body.style-options-for-admonition-plugin .admonition-kanban {
  overflow: visible;
  background-color: rgba(255, 255, 255, 0) !important;
  border-left: none !important;
  margin: auto;
  box-shadow: none !important;
}
body.style-options-for-admonition-plugin .admonition-kanban .admonition-content {
  overflow: visible;
  margin: 0;
}

body.style-options-for-admonition-plugin .admonition-kanban .is-mobile ul { 
  display: flex; 
}

body.style-options-for-admonition-plugin .admonition-kanban ul {
  display: flex;
  margin: 0;
  flex-direction: row;
  border: none;
  padding: 0;
  border-radius: var(--radius-m);
  flex-wrap: wrap;
}

body.style-options-for-admonition-plugin .admonition-kanban ul>li:not(.task-list-item) {
  flex: 1 1 20%;
  padding: 0.1em 1em 0.1em 0.8em  !important;
  margin: 0 0.1em 0.3em 0  !important;
  list-style: none;
  border: 1px solid var(--p-kanban-border-color);
  border-left: 1px solid var(--p-kanban-border-color) !important;
  border-radius: var(--radius-s);
  word-wrap: break-word;
  word-break: break-word;
}

body.style-options-for-admonition-plugin .admonition-kanban ul .list-collapse-indicator.collapse-indicator.collapse-icon {
  margin-left: -1.2em;
  position: absolute;
}

body.style-options-for-admonition-plugin .admonition-kanban ul .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  color: var(--text-accent);
  transition: transform 10ms linear 0s;
}

body.style-options-for-admonition-plugin.colorful-p-kanban .admonition-kanban ul>li:nth-of-type(8n+1) {
  background-color: var(--p-kanban-color-1);
  padding-left: 1em;
}
body.style-options-for-admonition-plugin.colorful-p-kanban .admonition-kanban ul>li:nth-of-type(8n+2) {
  background-color: var(--p-kanban-color-2);
  padding-left: 1em;
}
body.style-options-for-admonition-plugin.colorful-p-kanban .admonition-kanban ul>li:nth-of-type(8n+3) {
  background-color: var(--p-kanban-color-3);
  padding-left: 1em;
}
body.style-options-for-admonition-plugin.colorful-p-kanban .admonition-kanban ul>li:nth-of-type(8n+4) {
  background-color: var(--p-kanban-color-4);
  padding-left: 1em;
}
body.style-options-for-admonition-plugin.colorful-p-kanban .admonition-kanban ul>li:nth-of-type(8n+5) {
  background-color: var(--p-kanban-color-5);
  padding-left: 1em;
}
body.style-options-for-admonition-plugin.colorful-p-kanban .admonition-kanban ul>li:nth-of-type(8n+6) {
  background-color: var(--p-kanban-color-6);
  padding-left: 1em;
}
body.style-options-for-admonition-plugin.colorful-p-kanban .admonition-kanban ul>li:nth-of-type(8n+7) {
  background-color: var(--p-kanban-color-7);
  padding-left: 1em;
}
body.style-options-for-admonition-plugin.colorful-p-kanban .admonition-kanban ul>li:nth-of-type(8n) {
  background-color: var(--p-kanban-color-8);
  padding-left: 1em;
}

body.style-options-for-admonition-plugin .admonition-kanban ul ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  margin-top: 0.5rem;
  border-radius: 0;
  border: 0;
  background: none;
}

body.style-options-for-admonition-plugin .admonition-kanban ul ul li:not(.task-list-item) {
  width: 100%;
  display: block;
  background-color: var(--p-kanban-card-color-1) !important;
}

body.style-options-for-admonition-plugin .admonition-kanban ul>li:hover {
  border-color: var(--p-kanban-border-color) !important;
}

body.style-options-for-admonition-plugin .admonition-kanban ul ul li:hover {
  background: transparent !important;
  border-color: var(--p-kanban-border-color) !important;
  border-left: 1px solid var(--p-kanban-border-color) !important;
}

.theme-dark body.style-options-for-admonition-plugin .admonition-kanban ul ul li:hover {
  border-color: #696969e1 !important;
  border-left: 1px solid #696969e1 !important;
}

body.style-options-for-admonition-plugin .admonition-kanban ul ul li .task-list-item-checkbox {
  margin-left: 1.5rem;
}

body.style-options-for-admonition-plugin .admonition-kanban ul ul ul {
  margin-right: 0;
}

body.style-options-for-admonition-plugin .admonition-kanban ul ul::before {
  border-left: 0;
}

:is(.markdown-preview-view,.markdown-rendered).is-readable-line-widthbody.style-options-for-admonition-plugin .admonition-kanban .markdown-preview-sizer>div>ul {
  max-width: 100%;
}

body.style-options-for-admonition-plugin .admonition-kanban ul.contains-task-list ul,
body.style-options-for-admonition-plugin .admonition-kanban ol.contains-task-list ul,
body.style-options-for-admonition-plugin .admonition-kanban ul.contains-task-list ol,
body.style-options-for-admonition-plugin .admonition-kanban ol.contains-task-list ol {
  position: initial;
}

body.style-options-for-admonition-plugin .admonition-kanban ul.contains-task-list ul::before,
body.style-options-for-admonition-plugin .admonition-kanban ol.contains-task-list ul::before,
body.style-options-for-admonition-plugin .admonition-kanban ul.contains-task-list ol::before,
body.style-options-for-admonition-plugin .admonition-kanban ol.contains-task-list ol::before {
  all: initial
}

body.style-options-for-admonition-plugin .admonition-kanban ul > li.task-list-item {
  flex: 1 1 20%;
  padding: 0.1em 1em;
  margin: 0 0.1em 0.3em 0;
  list-style: none;
  border: 1px solid var(--p-kanban-border-color);
  border-left: 1px solid var(--p-kanban-border-color) !important;
  border-radius: var(--radius-s);
  word-wrap: break-word;
  word-break: break-word;
  text-indent: 0;
}

body.style-options-for-admonition-plugin .admonition-kanban ul ul li.task-list-item {
  width: 100%;
  display: block;
  padding-left: 2em;
  text-indent: -3.1em;
  background-color: var(--p-kanban-card-color-1) !important;
}

/*blank ad分栏
修改自 https://forum-zh.obsidian.md/t/topic/2081 */
body.style-options-for-admonition-plugin .is-live-preview .admonition-col2  .callout-content.admonition-content>div:nth-child(2), 
body.style-options-for-admonition-plugin .is-live-preview .admonition-col3  .callout-content.admonition-content>div:nth-child(2), 
body.style-options-for-admonition-plugin .is-live-preview .admonition-col4  .callout-content.admonition-content>div:nth-child(2) {
  margin-top: -1.5em;
}
body.style-options-for-admonition-plugin .admonition-kanban .admonition-title-icon, 
body.style-options-for-admonition-plugin .admonition-flex .admonition-title-icon, 
body.style-options-for-admonition-plugin .admonition-col2 .admonition-title-icon, 
body.style-options-for-admonition-plugin .admonition-col3 .admonition-title-icon,
body.style-options-for-admonition-plugin .admonition-col4 .admonition-title-icon {
  display: none;
}
body.style-options-for-admonition-plugin .is-live-preview  :is(.admonition-col2, .admonition-col3, .admonition-col4, .admonition-flex) .admonition-content blockquote {
  padding: 0;
  margin: 0;
  line-height:1em;
}
body.style-options-for-admonition-plugin :is(.admonition-col2, .admonition-col3, .admonition-col4, .admonition-flex) .admonition-content blockquote {
  flex: 100%;
  border-left: none;
  padding-left: 0;
  padding-right: 0;
  margin-block-start: 0;
  margin: 0;
  box-shadow: none;
  background-color: transparent;
  color: var(--text-muted);
}
body.style-options-for-admonition-plugin :is(.admonition-col2, .admonition-col3, .admonition-col4, .admonition-flex) .admonition-content blockquote p::before {
  display: none;
}
body.style-options-for-admonition-plugin :is(.admonition-col2, .admonition-col3, .admonition-col4, .admonition-flex) .admonition-content blockquote p {
  margin: 0;
  overflow-wrap: anywhere;
}

body.style-options-for-admonition-plugin :is(.callout.admonition-col2,.callout.admonition-col3,.callout.admonition-col4,.callout.admonition-flex)>.admonition-content>ul {
  margin-left: auto;
}
body.style-options-for-admonition-plugin .admonition-col2 .admonition-content ul,
body.style-options-for-admonition-plugin .admonition-col3 .admonition-content ul,
body.style-options-for-admonition-plugin .admonition-col4 .admonition-content ul,
body.style-options-for-admonition-plugin .admonition-flex .admonition-content ul {
  padding-inline-start: 20px !important;
  margin-left: -20px;
}
body.style-options-for-admonition-plugin .admonition-col2 .admonition-content ul li .task-list-item-checkbox,
body.style-options-for-admonition-plugin .admonition-col3 .admonition-content ul li .task-list-item-checkbox,
body.style-options-for-admonition-plugin .admonition-col4 .admonition-content ul li .task-list-item-checkbox,
body.style-options-for-admonition-plugin .admonition-flex .admonition-content ul li .task-list-item-checkbox {

  margin-left: auto;
}
:is(.admonition-col2,.admonition-col3,.admonition-col4,.admonition-flex) .callout-content ul.dataview.list-view-ul>li:not(.task-list-item) {
  margin-left: auto;
}

body.style-options-for-admonition-plugin .admonition-col2 {
  box-shadow: none!important;
}
  
body.style-options-for-admonition-plugin .admonition-col2 .admonition	{
  overflow: visible ;
  margin:0;
}

body.style-options-for-admonition-plugin .admonition-col2>.admonition-content-holder> .admonition-content {	
  columns: 150px 2;
  -moz-columns: 150px 2;
  -webkit-columns: 150px 2;
  column-gap: 2vw;
  overflow: visible;
  margin: 0;
  /*分栏的分割线
  column-rule: 1px solid #d4d2d2; */
}
body.style-options-for-admonition-plugin .callout.admonition-col2> .admonition-content {	
  columns: 150px 2;
  -moz-columns: 150px 2;
  -webkit-columns: 150px 2;
  column-gap: 2vw;
  overflow: visible;
  margin: 0;
  /*分栏的分割线
  column-rule: 1px solid #d4d2d2; */
}
body.style-options-for-admonition-plugin .admonition-col2 .admonition-content ol,
body.style-options-for-admonition-plugin .admonition-col2 .admonition-content ul {	
  margin-top: -0.25em;
  
}
body.style-options-for-admonition-plugin :is(.markdown-preview-view,.markdown-rendered) .admonition-col2 .admonition-content :is(h3,h4) {	
  margin-top: -0.001em !important;
}
body.style-options-for-admonition-plugin .admonition-kanban .admonition-col2 .admonition-content ol{	
  margin: 0;
  break-inside: avoid;
}

body.style-options-for-admonition-plugin .admonition-kanban .admonition-col2 .admonition-content ul {	
  margin: 0;
  break-inside: avoid;
}

body.style-options-for-admonition-plugin .admonition-col2 .admonition-content {	
  overflow: visible ;
}

body.style-options-for-admonition-plugin .admonition-col2 > .admonition-content-holder {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body.style-options-for-admonition-plugin .admonition-col2 p {
  text-align: justify;
  margin-top: 0;
  padding: 2px;
 /*  height:100%;
  overflow: auto; */
}
body.style-options-for-admonition-plugin .admonition-col2 p > img{
  display: block;
  height: auto;
}

body.style-options-for-admonition-plugin .admonition-col2-parent .admonition-col2 .admonition > .admonition-title.no-title + .admonition-content-holder {
  margin-top: 0;
}

/****col3 三栏*****/
body.style-options-for-admonition-plugin .admonition-col3 {
  box-shadow: none !important;
}
  
body.style-options-for-admonition-plugin .admonition-col3 .admonition	{
  overflow: visible ;
  margin: 0;
}

body.style-options-for-admonition-plugin .callout.admonition-col3>.admonition-content {	
  columns: 100px 3;
  -moz-columns: 100px 3;
  -webkit-columns: 100px 3;
  column-gap: 1vw;
  overflow: visible;
  margin: 0;
  break-inside: avoid;
  column-rule: 1px solid #d4d2d2; 
}
body.style-options-for-admonition-plugin .admonition-col3>.admonition-content-holder>.admonition-content {	
  columns: 100px 3;
  -moz-columns: 100px 3;
  -webkit-columns: 100px 3;
  column-gap: 1vw;
  overflow: visible ;
  margin: 0;
  break-inside: avoid;
  column-rule: 1px solid #d4d2d2; 
}
body.style-options-for-admonition-plugin .admonition-col3 .admonition-content ol,
body.style-options-for-admonition-plugin .admonition-col3 .admonition-content ul {	
  margin-top: -0.25em;
}
body.style-options-for-admonition-plugin .admonition-kanban .admonition-col3 .admonition-content ul {	
  margin: 0;
  break-inside: avoid;
}
body.style-options-for-admonition-plugin .admonition-kanban .admonition-col3 .admonition-content ol {	
  margin: 0;
  break-inside: avoid;
}
body.style-options-for-admonition-plugin .admonition-col3 .admonition-content {	
  overflow: visible;
}

body.style-options-for-admonition-plugin .admonition-col3 >.admonition-content-holder {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body.style-options-for-admonition-plugin .admonition-col3 p{
  text-align: justify;
  margin-top: 0;
  padding: 2px;
 /*  height:100%;
  overflow: auto; */
}
body.style-options-for-admonition-plugin .admonition-col3 p>img{
  display: block;
  height: auto;
}

body.style-options-for-admonition-plugin .admonition-col3-parent .admonition-col3 .admonition > .admonition-title.no-title + .admonition-content-holder {
  margin-top: 0;
}

/****col4 四栏*****/
body.style-options-for-admonition-plugin .admonition-col4 {
  box-shadow: none!important;
}
  
body.style-options-for-admonition-plugin .admonition-col4 .admonition	{
  overflow: visible;
  margin: 0;
}

body.style-options-for-admonition-plugin .callout.admonition-col4 > .admonition-content {	
  column-count: 4;
  column-gap: 1vw;
  overflow: visible;
  margin: 0;
  break-inside: avoid;
}
body.style-options-for-admonition-plugin .admonition-col4 > .admonition-content-holder>.admonition-content {	
  column-count: 4;
  column-gap: 1vw;
  overflow: visible;
  margin: 0;
  break-inside: avoid;
}
body.style-options-for-admonition-plugin .admonition-col4 .admonition-content {	
  margin: 0;
  break-inside: avoid;
}

body.style-options-for-admonition-plugin .admonition-col4 .admonition-content ol,
body.style-options-for-admonition-plugin .admonition-col4 .admonition-content ul {	
  margin-top: -0.25em;
}
body.style-options-for-admonition-plugin .admonition-kanban .admonition-col4 .admonition-content ul {	
  margin: 0;
  break-inside: avoid;
}
body.style-options-for-admonition-plugin .admonition-kanban .admonition-col4 .admonition-content ol {	
  margin: 0;
  break-inside: avoid;
}
body.style-options-for-admonition-plugin .admonition-col4 > .admonition-content {	
  overflow: visible;
}

body.style-options-for-admonition-plugin .admonition-col4 > .admonition-content-holder {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body.style-options-for-admonition-plugin .admonition-col4 p {
  text-align: justify;
  margin-top: 0;
  padding: 2px;
}
body.style-options-for-admonition-plugin .admonition-col4 p>img{
  display: block;
  height: auto;
  -webkit-transition: -webkit-transform .3s ease;
  -moz-transition: -moz-transform .3s ease;
  -ms-transition: -ms-transform .3s ease;
  transition: transform .3s ease;
}

body.style-options-for-admonition-plugin .admonition-col4 p>img:hover{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2)
}
   
body.style-options-for-admonition-plugin .admonition-col4-parent .admonition-col4 .admonition > .admonition-title.no-title + .admonition-content-holder {
  margin-top: 0;
}

/*自适应分栏*/
body.style-options-for-admonition-plugin .admonition-flex {
  margin: auto;
  box-shadow: none;
  border-left: none;
}

.is-live-preview .callout-content.admonition-content >p {
  margin-top: 0; 
}
body.style-options-for-admonition-plugin .admonition-flex >.admonition-content-holder {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body.style-options-for-admonition-plugin .admonition-flex .admonition-content {
  width: 100%;
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
  border: none; 
}
body.style-options-for-admonition-plugin .admonition-flex .admonition-content>div{
  flex: 1;
  margin: 0 0.625rem;
}
body.style-options-for-admonition-plugin .admonition-flex .admonition-content[data-embed-type="image"] p{
  align-self: baseline;
}

body.style-options-for-admonition-plugin .admonition-flex .admonition-content[data-embed-type="image"] {
justify-content: space-around;
}

/*ad-table*/
body.style-options-for-admonition-plugin .admonition-table {
  overflow: visible;
  margin: auto;
  box-shadow: none;
}
body.style-options-for-admonition-plugin .admonition-table .admonition-content {
  width: calc(100% - 5px);
  margin: 0;
  overflow-x: auto !important; 
  white-space: nowrap;
}

/*blank ad框全透明隐藏*/
body.style-options-for-admonition-plugin .admonition-blank {
  overflow: visible;
  background-color: rgba(255, 255, 255, 0) !important;
  border-left: none !important;
  margin: auto;
  box-shadow: none;
}
body.style-options-for-admonition-plugin .admonition-blank .admonition-content {
  overflow: visible;
  margin: 0;
}
body.style-options-for-admonition-plugin .callout.admonition-blank .admonition-content {
  overflow: hidden;
}

/* 感谢 围城 网友分享
本样式仿造自elegantbook模板:https://github.com/ElegantLaTeX/ElegantBook
为以下类型设置了样式，需要在admonition中自行添加，设置好颜色和icon
- def: definition 
- thm: theorem
- lem: lemma
- cor: corollary
- pro: proposition

标题使用方正书宋_GBK，正文使用方正楷体_GBK,系统需要安装
*/

body.style-options-for-admonition-plugin :is(.admonition-def,.admonition-thm,.admonition-lem,.admonition-cor,.admonition-pro) {
  margin: 1.5625em 0 !important;
  overflow: visible !important;
  border: 1px solid rgb(var(--callout-color)) !important;
  border-radius: 0.3em !important;
  background-color: rgba(var(--callout-color),0.05) !important;
  box-shadow: 0 0 0 !important;
}

body.style-options-for-admonition-plugin :is(.admonition-def,.admonition-thm,.admonition-lem,.admonition-cor,.admonition-pro) *.admonition-title {
  display: inline-block;
  top: -0.9em;
  left: 1.5em;
  padding: 1px 8px !important;
  background-color: rgb(var(--callout-color)) !important;
  border-radius: 0.2em;
}

body.style-options-for-admonition-plugin :is(.admonition-def,.admonition-thm,.admonition-lem,.admonition-cor,.admonition-pro) *.callout-title.admonition-title  {
  display: flex;
  top: unset;
  left: 1.5em;
  padding: 1px 8px !important;
  background-color: rgb(var(--callout-color)) !important;
  border-radius: 0.2em;
  position: relative;
  width: fit-content;
}

body.style-options-for-admonition-plugin :is(.admonition-def,.admonition-thm,.admonition-lem,.admonition-cor,.admonition-pro) *.admonition-title-content {
  color: white;
  font-family: "方正书宋_GBK", var(--font-text);
  font-size: 1.1em;
}

body.style-options-for-admonition-plugin :is(.admonition-def,.admonition-thm,.admonition-lem,.admonition-cor,.admonition-pro) *.admonition-title-icon {
	/* display: none !important; */
  color: white;
  background-color: rgb(var(--callout-color));
  margin: 0.2em;
}

body.style-options-for-admonition-plugin :is(.admonition-def,.admonition-thm,.admonition-lem,.admonition-cor,.admonition-pro) *.admonition-content-holder {
  margin-top: -1em;
  padding: 0;
}

body.style-options-for-admonition-plugin :is(.admonition-def,.admonition-thm,.admonition-lem,.admonition-cor,.admonition-pro) *.callout-title.admonition-title  {
  margin-top: -1em ;
  padding: 0;
}

body.style-options-for-admonition-plugin :is(.admonition-def,.admonition-thm,.admonition-lem,.admonition-cor,.admonition-pro) p {
  text-indent: 0;
  font-family: "方正楷体_GBK", var(--font-text) !important;
  font-size: 1.1em;
}

/*hibox*/
/*改自 https://github.com/chokcoco/iCSS/issues/153 */
body.style-options-for-admonition-plugin .admonition-hibox .admonition-content-holder {
  margin: -1em 0.2em;
}

body.style-options-for-admonition-plugin .admonition-hibox {
  background-color: transparent !important;
  box-shadow: none !important;
}

body.style-options-for-admonition-plugin .admonition-hibox *::marker {
  visibility: hidden;
}

body.style-options-for-admonition-plugin .admonition-hibox {
  position: relative;
  height: auto;
  overflow: hidden;
  border-radius: var(--radius-s) !important;
  background: radial-gradient(circle at 0px 0px, rgba(var(--callout-color), 0.2) 0, rgba(var(--callout-color), 0.2) var(--hibox), transparent var(--hibox), transparent 0);
  transition: --hibox 0.6s linear;
  border-left: none !important;
}

body.style-options-for-admonition-plugin .admonition-hibox:hover {
  --hibox: 1500px;
  box-shadow: 0 0.2rem 0.5rem var(--background-modifier-box-shadow) !important;
}

body.style-options-for-admonition-plugin .admonition-hibox:hover * {
  visibility: visible;
}

body.style-options-for-admonition-plugin .admonition-hibox .admonition-content-copy {
  top: 7px;
}

body.style-options-for-admonition-plugin .admonition-hibox:hover ol:not(.contains-task-list)>li:not(.task-list-item) {
  border-color: var(--list-ol-block-color) !important;
}

body.style-options-for-admonition-plugin .admonition-hibox:hover ul>li:not(.task-list-item) {
  border-color: var(--list-ul-block-color) !important;
}

body.style-options-for-admonition-plugin .admonition-hibox:hover *::marker {
  color: var(--list-ol-number-color) !important;
}

body.style-options-for-admonition-plugin .admonition-hibox:hover blockquote {
  border-color: var(--theme-color) !important;
  background-color: var(--background-blockquote) !important;
}

body.style-options-for-admonition-plugin .admonition-hibox:hover {
  border-color: var(--text-normal) !important;
}

body.style-options-for-admonition-plugin .admonition-hibox .admonition-title {
  display: none;
}


/* ======Notice================ */
.notice-container  .notice:nth-child(4n+1){
  background-color: var(--background-pink);
  color: var(--text-color-code-normal);
}
.notice-container  .notice:nth-child(4n+2){
  background-color: var(--background-yellow);
  color: var(--text-color-code-normal);
}
.notice-container  .notice:nth-child(4n+3){
  background-color: var(--background-green);
  color: var(--text-color-code-normal);
}
.notice-container  .notice:nth-child(4n+4){
  background-color: var(--background-red);
  color: var(--text-color-code-normal);
}

/* ================================== */
/* ============ checklist =========== */
/* ================================== */
.checklist-plugin-main:is(.markdown-preview-view,.markdown-rendered) li {
  border-left: none !important;
  font-size: var(--font-size-checklist);
}

.checklist-plugin-main {
  --todoList-listItemBackground: var(--checklist-bg) !important;
  --todoList-listItemBackground--hover: var(--checklist-bg-hover) !important;
}

body.rainbow-checklist .checklist-plugin-main:is(.markdown-preview-view,.markdown-rendered) li:nth-of-type(7n+1) {
  background-color: var(--checklist-color-1);
}
body.rainbow-checklist .checklist-plugin-main:is(.markdown-preview-view,.markdown-rendered) li:nth-of-type(7n+2) {
  background-color: var(--checklist-color-2);
}
body.rainbow-checklist .checklist-plugin-main:is(.markdown-preview-view,.markdown-rendered) li:nth-of-type(7n+3) {
  background-color: var(--checklist-color-3);
}
body.rainbow-checklist .checklist-plugin-main:is(.markdown-preview-view,.markdown-rendered) li:nth-of-type(7n+4) {
  background-color: var(--checklist-color-4);
}
body.rainbow-checklist .checklist-plugin-main:is(.markdown-preview-view,.markdown-rendered) li:nth-of-type(7n+5) {
  background-color: var(--checklist-color-5);
}
body.rainbow-checklist .checklist-plugin-main:is(.markdown-preview-view,.markdown-rendered) li:nth-of-type(7n+6) {
  background-color: var(--checklist-color-6);
}
body.rainbow-checklist .checklist-plugin-main:is(.markdown-preview-view,.markdown-rendered) li:nth-of-type(7n+7) {
  background-color: var(--checklist-color-7);
}

.is-mobile .checklist-plugin-main :is(.markdown-preview-view,.markdown-rendered) ul {
  padding-inline-start: 0;
}

.is-mobile .checklist-plugin-main button.toggle {
  width: unset;
}

.checklist-plugin-main button.toggle .checked {
  background-color: var(--theme-color) !important;
}

/* ================================== */
/* ============ longform ============ */
/* ================================== */
.workspace-leaf-content[data-type="VIEW_TYPE_LONGFORM_EXPLORER"] li {
  border-left: none;
}

/* ================================== */
/* ============== sync ============== */
/* ================================== */
.status-bar-item.plugin-sync {
  margin-top: 3px
}

/* ================================== */
/* ========== Breadcrumbs =========== */
/* ================================== */
.workspace-leaf-content[data-type="breadcrumbs-matrix"] summary.hier-summary,
h3.breadcrumbs-matrix-header {
  color: var(--h3-color) !important;
}

.workspace-leaf-content[data-type="breadcrumbs-matrix"] summary {
  color: var(--h4-color) !important;
}

/*remove H3, H5 when hovering*/
h3.breadcrumbs-matrix-header:hover::before,
h5.breadcrumbs-matrix-header:hover::before {
  display: none;
}

h5.breadcrumbs-header,
h5.breadcrumbs-matrix-header {
  color: var(--h5-color) !important;
}

.breadcrumbs-matrix-square {
  border: none !important;
}

.breadcrumbs-matrix ol {
  margin-left: 8px !important;
}

/* ================================== */
/* ===== code  block enhancer ======= */
/* ================================== */
.obsidian-banner-wrapper.code-block-wrap {
  position: unset;
}
.code-block-wrap .code-block-linenum-wrap {
  top: 0.4em;
  background-color: transparent;
}
.code-block-wrap .code-block-lang-name {
  top:4px;
  left:2px;
}
.code-block-wrap .code-block-lang-name + .code-block-linenum-wrap>.code-block-linenum:first-child::before {
  color: transparent;
}

/* ================================== */
/* ============ Dataview ============ */
/* ================================== */
span.dataview.small-text {
  position: relative;
  font-size: 70%;
  line-height: 0;
  vertical-align: baseline;
  top: -.5em;
  color: var(--text-accent);
  border-radius: 3px;
  text-align: center;
  padding: 0 0.2em;
  margin: 0 1px;
  font-variant-numeric: ordinal;
  opacity: 0.6;
}

.dataview-container .internal-link {
font-size:0.88em;
}

ul.dataview.list-view-ul>li:not(.task-list-item) {
  border-left: none !important;
  margin-left: -1em;
}

li.dataview-result-list-li ul>li:not(.task-list-item) {
  border-left: none !important;
}

ul.dataview.list-view-ul>li:not(.task-list-item)::before {
  font-family: boxicons;
  font-size: 0.8em;
  padding: 0 5px 0 0;
}

body.dataview-list-style-pacman ul.dataview.list-view-ul>li:not(.task-list-item):first-of-type::before {
  content: '\edcf';
  color: var(--list-ol-number-color);
}
body.dataview-list-style-pacman ul.dataview.list-view-ul>li:not(.task-list-item):not(:first-of-type):nth-of-type(2n):not(:nth-of-type(10n))::before {
  content: '\eaee';
  color: var(--list-ul-disc-color);
}
body.dataview-list-style-pacman ul.dataview.list-view-ul>li:not(.task-list-item):not(:first-of-type):nth-of-type(2n+1)::before {
  content: '\edd1';
  color: var(--list-ul-disc-color);
}
body.dataview-list-style-pacman ul.dataview.list-view-ul>li:not(.task-list-item):nth-of-type(10n)::before {
  content: '\ef29';
  color:  var(--list-ol-number-color);
}

body.dataview-list-style-pacman ul.dataview.list-view-ul {
  list-style: none;
}

ul.dataview.dataview-ul.dataview-result-list-root-ul>li.dataview-result-list-li {
  border-left: none !important;
  margin: 0;
  padding-left: 0em;
}

ul.dataview.dataview-ul.dataview-result-list-root-ul {
  list-style: none;
}

.CodeMirror-code .CodeMirror-linewidget.rendered-block-embed.rendered-widget {
  background-color: var(--embed-color);
  border-radius: var(--radius-xs);
  border: 1px solid var(--embed-color);
}

body:is(.rainbow-lines-reading,.list-vertical-line-one,.list-vertical-line-two,.list-vertical-line-three) table.dataview.table-view-table :is(ol,ul) :is(ol,ul)::before,
body:is(.rainbow-lines-reading,.list-vertical-line-one,.list-vertical-line-two,.list-vertical-line-three) .kanban-plugin__markdown-preview-view :is(ol,ul) :is(ol,ul)::before {
  border-left: none;
}

:is(.markdown-preview-view,.markdown-rendered) .dataview.inline-field-standalone-value {
  background-color:  transparent;
}

/* ================================== */
/* ======= CodeMirror Options ======= */
/* ================================== */
.CodeMirror-widget img.hmd-image:active {
  all: initial;
}

.cm-formatting.cm-formatting-highlight.cm-highlight.hmd-hidden-token+.cm-highlight {
  border-radius: var(--radius-xs);
  padding: 0 3px 2px;
}

.cm-formatting.cm-formatting-code.cm-inline-code.hmd-hidden-token+.cm-inline-code {
  border-radius: var(--radius-xs);
  padding: 2px 4px;
}

.cm-formatting.cm-formatting-code.cm-inline-code.hmd-hidden-token {
  font-size: 0 !important;
}

.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task=">"] {
  background-size: 80% !important;
  background-position: 60% 55% !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>') !important;
}
.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task=">"]::before {
  content: ' ';
  position: absolute;
  padding: 0 0.2em;
  margin-left: 0.4em;
  border-radius: var(--radius-xs);
  background-color: var(--checkbox-color-2);
  z-index: -1;
}

.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="<"] {
  background-size: 80% !important;
  background-position: 60% 55% !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="fill: rgba(255, 255, 255, 1);transform: ;msFilter:;"><path d="M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z"></path></svg>') !important;
}
.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="<"]::before {
  content: ' ';
  position: absolute;
  padding: 0 0.2em;
  margin-left: 0.4em;
  border-radius: var(--radius-xs);
  background-color: var(--checkbox-color-1);
  z-index: -1;
}

.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="!"] {
  background-size: 62% !important;
  background-position: center !important;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNkNGEzMDAiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48Zy8+PGc+PHBhdGggZD0iTTEyLDNjLTAuNDYsMC0wLjkzLDAuMDQtMS40LDAuMTRDNy44NCwzLjY3LDUuNjQsNS45LDUuMTIsOC42NmMtMC40OCwyLjYxLDAuNDgsNS4wMSwyLjIyLDYuNTYgQzcuNzcsMTUuNiw4LDE2LjEzLDgsMTYuNjlWMTljMCwxLjEsMC45LDIsMiwyaDAuMjhjMC4zNSwwLjYsMC45OCwxLDEuNzIsMXMxLjM4LTAuNCwxLjcyLTFIMTRjMS4xLDAsMi0wLjksMi0ydi0yLjMxIGMwLTAuNTUsMC4yMi0xLjA5LDAuNjQtMS40NkMxOC4wOSwxMy45NSwxOSwxMi4wOCwxOSwxMEMxOSw2LjEzLDE1Ljg3LDMsMTIsM3ogTTE0LDE3aC00di0xaDRWMTd6IE0xMCwxOXYtMWg0djFIMTB6IE0xNS4zMSwxMy43NGMtMC4wOSwwLjA4LTAuMTYsMC4xOC0wLjI0LDAuMjZIOC45MmMtMC4wOC0wLjA5LTAuMTUtMC4xOS0wLjI0LTAuMjdjLTEuMzItMS4xOC0xLjkxLTIuOTQtMS41OS00LjcgYzAuMzYtMS45NCwxLjk2LTMuNTUsMy44OS0zLjkzQzExLjMyLDUuMDMsMTEuNjYsNSwxMiw1YzIuNzYsMCw1LDIuMjQsNSw1QzE3LDExLjQzLDE2LjM5LDEyLjc5LDE1LjMxLDEzLjc0eiIvPjwvZz48Zz48cmVjdCBoZWlnaHQ9IjMiIHdpZHRoPSIxIiB4PSIxMS41IiB5PSIxMSIvPjxyZWN0IGhlaWdodD0iMyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtNC4wMzEyIDEwLjg1MzYpIiB3aWR0aD0iMSIgeD0iMTAuNTkiIHk9IjguNzkiLz48cmVjdCBoZWlnaHQ9IjMiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjcwNzEgLTAuNzA3MSAwLjcwNzEgLTAuNzA3MSAxNC43Njc4IDI2LjcwMjgpIiB3aWR0aD0iMSIgeD0iMTIuNDEiIHk9IjguNzkiLz48L2c+PC9nPjwvc3ZnPg==) !important;
}
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="!"] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNmZmRjNTEiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48Zy8+PGc+PHBhdGggZD0iTTEyLDNjLTAuNDYsMC0wLjkzLDAuMDQtMS40LDAuMTRDNy44NCwzLjY3LDUuNjQsNS45LDUuMTIsOC42NmMtMC40OCwyLjYxLDAuNDgsNS4wMSwyLjIyLDYuNTYgQzcuNzcsMTUuNiw4LDE2LjEzLDgsMTYuNjlWMTljMCwxLjEsMC45LDIsMiwyaDAuMjhjMC4zNSwwLjYsMC45OCwxLDEuNzIsMXMxLjM4LTAuNCwxLjcyLTFIMTRjMS4xLDAsMi0wLjksMi0ydi0yLjMxIGMwLTAuNTUsMC4yMi0xLjA5LDAuNjQtMS40NkMxOC4wOSwxMy45NSwxOSwxMi4wOCwxOSwxMEMxOSw2LjEzLDE1Ljg3LDMsMTIsM3ogTTE0LDE3aC00di0xaDRWMTd6IE0xMCwxOXYtMWg0djFIMTB6IE0xNS4zMSwxMy43NGMtMC4wOSwwLjA4LTAuMTYsMC4xOC0wLjI0LDAuMjZIOC45MmMtMC4wOC0wLjA5LTAuMTUtMC4xOS0wLjI0LTAuMjdjLTEuMzItMS4xOC0xLjkxLTIuOTQtMS41OS00LjcgYzAuMzYtMS45NCwxLjk2LTMuNTUsMy44OS0zLjkzQzExLjMyLDUuMDMsMTEuNjYsNSwxMiw1YzIuNzYsMCw1LDIuMjQsNSw1QzE3LDExLjQzLDE2LjM5LDEyLjc5LDE1LjMxLDEzLjc0eiIvPjwvZz48Zz48cmVjdCBoZWlnaHQ9IjMiIHdpZHRoPSIxIiB4PSIxMS41IiB5PSIxMSIvPjxyZWN0IGhlaWdodD0iMyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtNC4wMzEyIDEwLjg1MzYpIiB3aWR0aD0iMSIgeD0iMTAuNTkiIHk9IjguNzkiLz48cmVjdCBoZWlnaHQ9IjMiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjcwNzEgLTAuNzA3MSAwLjcwNzEgLTAuNzA3MSAxNC43Njc4IDI2LjcwMjgpIiB3aWR0aD0iMSIgeD0iMTIuNDEiIHk9IjguNzkiLz48L2c+PC9nPjwvc3ZnPg==) !important;
}
.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="!"]::before {
  content: ' ';
  position: absolute;
  padding: 0 0.2em;
  margin-left: 0.4em;
  border-radius: var(--radius-xs);
  background-color: var(--checkbox-color-4);
  z-index: -1;
}

.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="?"] {
  background-size: 62% !important;
  background-position: 55% 80% !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="fill: rgba(241, 61, 100, 1)"><path d="M12 4C9.243 4 7 6.243 7 9h2c0-1.654 1.346-3 3-3s3 1.346 3 3c0 1.069-.454 1.465-1.481 2.255-.382.294-.813.626-1.226 1.038C10.981 13.604 10.995 14.897 11 15v2h2v-2.009c0-.024.023-.601.707-1.284.32-.32.682-.598 1.031-.867C15.798 12.024 17 11.1 17 9c0-2.757-2.243-5-5-5zm-1 14h2v2h-2z"></path></svg>') !important;
}
.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="?"]::before {
  content: ' ';
  position: absolute;
  padding: 0 0.2em;
  margin-left: 0.4em;
  border-radius: var(--radius-xs);
  background-color: var(--checkbox-color-3);
  z-index: -1;
}

.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="+"] {
  background-size: 65% !important;
  background-position: 52% 55% !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"></path></svg>') !important;
}
.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="+"]::before {
  content: ' ';
  position: absolute;
  padding: 0 0.2em;
  margin-left: 0.4em;
  border-radius: var(--radius-xs);
  background-color: var(--checkbox-color-5);
  z-index: -1;
}

.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="-"] {
  background-size: 65% !important;
  background-position: 55% 60% !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 11h14v2H5z"></path></svg>') !important;
}
.cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="-"]::before {
  content: ' ';
  position: absolute;
  padding: 0 0.2em;
  margin-left: 0.4em;
  border-radius: var(--radius-xs);
  background-color: var(--checkbox-color-6);
  z-index: -1;
}

.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="<"],
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task=">"],
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="!"],
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="?"],
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="+"],
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="-"] {
  filter: invert(0) !important;
}

.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="<"]::before,
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task=">"]::before,
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="!"]::before,
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="?"]::before,
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="+"]::before,
.theme-dark .cm-formatting.cm-formatting-task.cm-property.hmd-hidden-token[data-task="-"]::before {
  filter: invert(0) opacity(0.5) !important;
}

span.cm-formatting.cm-formatting-highlight.cm-strong.cm-em.cm-highlight.hmd-hidden-token {
  padding: 0;
}

.markdown-source-view.mod-cm5 .CodeMirror-lines .view-content {
  background-color: var(--background-transparent-black-or-white-3) !important;
}

.hide-tokens .cm-s-obsidian pre.HyperMD-hr {
  background: unset !important;
}

.HyperMD-quote.CodeMirror-line .CodeMirror-widget + span.cm-quote::before {
  border-left: none;
}
/*全局modal模块加文字*/
.modal-container .modal .modal-title::before {
  font-family: var(--font-family-strong);
  content: var(--modal-title-icon);
}

.vertical-tab-content {
  padding-bottom: 40px;
}

.modal-container .modal-content textarea {
  height: 18rem !important;
}

/* ================================== */
/* ============ QuickAdd ============ */
/* ================================== */
.quickAddModal .modal {
  max-height: 90% !important;
}

.modal-container.quickAddModal .modal-content {
  overflow: initial !important;
  margin-top: 5px !important;
}

/* ================================== */
/* ========= Style Settings ========= */
/* ================================== */
.setting-item.setting-item-heading.style-settings-heading[data-level="2"],
.style-settings-container[data-level="2"],
.setting-item.setting-item-heading.style-settings-heading[data-level="3"],
.style-settings-container[data-level="3"],
.setting-item.setting-item-heading.style-settings-heading[data-level="4"], 
.style-settings-container[data-level="4"] {
  padding-left: 20px;
}

.setting-item-description,
.setting-item-info {
  word-wrap: break-word;
  word-break: break-word;
}

.style-settings-heading {
  margin-bottom: 5px !important;
}

.setting-item.setting-item-heading.style-settings-heading[data-level="1"] .setting-item-name {
  color: var(--h2-color) !important;
}
.setting-item.setting-item-heading.style-settings-heading[data-level="2"] .setting-item-name {
  color: var(--h3-color)!important;
}
.setting-item.setting-item-heading.style-settings-heading[data-level="3"] .setting-item-name {
  color: var(--h4-color) !important;
}
.setting-item.setting-item-heading.style-settings-heading[data-level="4"] .setting-item-name {
  color: var(--h5-color) !important;
}
.style-settings-collapse-indicator {
  color: var(--theme-color) !important;
}

.setting-item.setting-item-heading.style-settings-heading.is-collapsed .style-settings-collapse-indicator {
  opacity: 0.4;
}

.style-settings-container {
  padding-bottom: 5px !important;
}

.style-settings-container .setting-item-control select {
  max-width: 330px;
}

.workspace-leaf-content .style-settings-container .setting-item:first-child {
  margin-top: 20px;
}

/* ================================== */
/* =========== RTL support ========= */
/* ================================== */
:is(.markdown-preview-view,.markdown-rendered).rtl blockquote {
  border-right-width: 7px;
  border-left-width: 0;
}

:is(.markdown-preview-view,.markdown-rendered).rtl ul >li:not(.task-list-item) {
  border-left: none;
  border-right: 0.125em solid var(--list-ul-block-color);
}

:is(.markdown-preview-view,.markdown-rendered).rtl  ol:not(.contains-task-list)>li:not(.task-list-item) {
  border-right: 0.125em solid var(--list-ol-block-color);
  border-left: none;
}

.markdown-preview-view.rtl:not(.kanban) ul>li:not(.task-list-item),
.markdown-preview-view.rtl ol:not(.contains-task-list)>li:not(.task-list-item) {
  padding-right: 0.25em;
}

:is(.markdown-preview-view,.markdown-rendered).rtl h1:hover::before {
  margin-right: -24px;
}

:is(.markdown-preview-view,.markdown-rendered).rtl h2:hover::before, 
:is(.markdown-preview-view,.markdown-rendered).rtl h3:hover::before,
:is(.markdown-preview-view,.markdown-rendered).rtl h4:hover::before,
:is(.markdown-preview-view,.markdown-rendered).rtl h5:hover::before,
:is(.markdown-preview-view,.markdown-rendered).rtl h6:hover::before {
  margin-right: -25px;
}

body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl div.heading-collapse-indicator.collapse-indicator {
  position: absolute;
  right: -33px;
  padding-left: 0;
  transition: transform 20ms linear 0s;
}

body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl h1 div.heading-collapse-indicator.collapse-indicator,
body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl h2 div.heading-collapse-indicator.collapse-indicator {
  position: absolute;
  right: -32px;
  padding-left: 0;
  margin-top: 11px;
  transition: transform 20ms linear 0s;
}

body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl div.is-collapsed h1 div.heading-collapse-indicator.collapse-indicator,
body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl div.is-collapsed h2 div.heading-collapse-indicator.collapse-indicator {
  transform: translateX(-9px) translateY(18px) rotate(90deg);
  opacity: 0.5;
}

body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl div.is-collapsed div.heading-collapse-indicator.collapse-indicator {
  transform: translateX(-2px) translateY(25px) rotate(90deg);
  opacity: 0.5;
}

body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  right: 0;
}

body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl div>ul>li>.list-collapse-indicator.collapse-indicator.collapse-icon::before,
body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl div>ol>li>.list-collapse-indicator.collapse-indicator.collapse-icon::before {
  margin-right: 48px;
}

body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl li.is-collapsed div.list-collapse-indicator.collapse-indicator.collapse-icon::before {
  transform: rotate(90deg);
}

.markdown-source-view.mod-cm6.is-live-preview.is-rtl .HyperMD-quote {
  border: 0 solid var(--theme-color);
  border-right-width: 5px;
}

.CodeMirror-code.CodeMirror-rtl span.cm-quote::before {
  content: "";
  border-right: 7px solid var(--theme-color);
  border-radius: 0; /*5px 0 0 5px;*/
  height: 100%;  
  border-left: none !important;
  margin-right: -11px;
  position: absolute;
}

.markdown-source-view.mod-cm6.is-rtl .HyperMD-list-line:not([class*="quote"]) .cm-indent::before {
  margin-right: 0.3rem;
}

.CodeMirror-code.CodeMirror-rtl span.cm-formatting-quote + *::before,
.CodeMirror-code.CodeMirror-rtl span.cm-formatting-quote + span.cm-hmd-indent-in-quote + span.cm-quote:not(.cm-formatting-quote)::before,
.CodeMirror-code.CodeMirror-rtl span.cm-inline-code + *::before,
.CodeMirror-code.CodeMirror-rtl span.cm-highlight + *::before,
.CodeMirror-code.CodeMirror-rtl span.cm-quote + *::before,
.CodeMirror-code.CodeMirror-rtl span.cm-hmd-html-end + *::before {
  border-right: none;
}

.CodeMirror-code.CodeMirror-rtl *:not(font)>em>strong,
.CodeMirror-code.CodeMirror-rtl *:not(font)>strong>em,
.CodeMirror-code.CodeMirror-rtl .cm-strong.cm-em {
  padding-right: 0 !important;
}

/* ================================== */
/* ============ CardBoard =========== */
/* ================================== */
.card-board input[type="checkbox"] {
  box-sizing: border-box !important;
  border: 2px solid var(--background-modifier-border) !important;
  width: 1.2em !important;
  height: 1.2em !important;
  margin: 0.2em 0.5em 0em 0;
  filter: hue-rotate(var(--theme-color));
}

.card-board input[type="checkbox"]:checked {
  background-position: center;
  background-size: 120%;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(255, 255, 255, 1);transform: ;msFilter:;"><path d="m10 15.586-3.293-3.293-1.414 1.414L10 18.414l9.707-9.707-1.414-1.414z"></path></svg>');
}

.card-board input[type="checkbox"]:checked {
  border: none !important;
}

.card-board input[type="checkbox"]:checked::before,
.card-board input[type="checkbox"]:hover::before {
  display: none;
}

/* ================================== */
/* ============ Outliner ============ */
/* ================================== */
body:not(.outliner-plugin-bls).markdown-source-view.mod-cm5 .cm-hmd-list-indent {
  position: initial !important;
}

.outliner-plugin-bls .cm-hmd-list-indent .cm-tab::before {
  display: none;
}

.outliner-plugin-bls .cm-s-obsidian.is-live-preview .list-bullet:before {
  display: none;
}
.outliner-plugin-bls .CodeMirror-line .cm-hmd-list-indent::before {
  left: -0.2em !important;
  right: -0.4em;
  background-size: 1.6ch 1px !important;
}
.outliner-plugin-bls .cm-line  .cm-hmd-list-indent::before {
  right: -0.4em;
  background-size: 1.45ch 1px !important;
}

/* ================================== */
/* ============== Memos ============= */
/* ================================== */
div[data-type="memos_view"] .memo-editor-wrapper > .memo-editor textarea {
 max-height: calc(65vh);
}
div[data-type="memos_view"] .memo-editor-wrapper > .memo-editor {
  background-color: transparent !important;
}
div[data-type="memos_view"] .memo-editor-wrapper,
div[data-type="memos_view"] .memo-wrapper {
  background-color: var(--background-primary-bg-4-bt) !important;
}
div[data-type="memos_view"] .memo-editor-wrapper,
div[data-type="memos_view"] .search-bar-container > .search-bar-inputer {
  border: 2px solid var(--background-black-or-white-1) !important;
  background-color: transparent !important;
}

div[data-type="memos_view"] .queries-wrapper > .create-query-btn-container > .btn {
  border-color: var(--text-muted) !important;
}

div[data-type="memos_view"] {
  color: var(--text-normal) !important;
}

div[data-type="memos_view"] .common-editor-wrapper > .common-tools-wrapper > .btns-container > .confirm-btn {
  background-color: var(--theme-color) !important;
}

div[data-type="memos_view"] .common-editor-wrapper > .common-tools-wrapper > .btns-container > .confirm-btn:disabled {
  opacity: 0.8 !important;
}

div[data-type="memos_view"] .usage-heat-map-wrapper > .usage-heat-map > .stat-container:not([class*="bg"]):not([class*=null]) {
  background-color: var(--background-transparent-black-or-white-4) !important;
}
div[data-type="memos_view"] .usage-heat-map-wrapper > .usage-heat-map > .stat-container.stat-day-L1-bg {
  background-color: rgba(var(--interactive-accent-rgb), 0.4) !important;
}
div[data-type="memos_view"] .usage-heat-map-wrapper > .usage-heat-map > .stat-container.stat-day-L2-bg {
  background-color: rgba(var(--interactive-accent-rgb), 0.6) !important;
}
div[data-type="memos_view"] .usage-heat-map-wrapper > .usage-heat-map > .stat-container.stat-day-L3-bg {
  background-color: rgba(var(--interactive-accent-rgb), 0.8) !important;
}
div[data-type="memos_view"] .usage-heat-map-wrapper > .usage-heat-map > .stat-container.stat-day-L4-bg {
  background-color: rgba(var(--interactive-accent-rgb), 1) !important;
}

div[data-type="memos_view"] .usage-heat-map-wrapper > .usage-heat-map > .stat-container.today {
  border-color: var(--theme-color) !important;
}

div[data-type="memos_view"] .tags-wrapper > .tags-container > .tag-tip-container > .code-text {
  padding: 4px 2px 4px 4px !important;
  margin: 0 3px !important;
  font-weight: bold;
}

div[data-type='memos_view'] .tags-wrapper > .title-text,
[data-type='memos_view'] .queries-wrapper > .title-text > * {
  color: var(--text-normal) !important;
  opacity: 0.7 !important;
}
.mod-left-split div[data-type="memos_view"] #page-wrapper,
.mod-right-split div[data-type="memos_view"] #page-wrapper {
  padding-left: 8px;
  padding-right: 8px;
  transform: translateX(0);
}
.mod-left-split div[data-type="memos_view"] #page-wrapper textarea,
.mod-right-split div[data-type="memos_view"] #page-wrapper textarea{
  padding: 0;
  max-height: calc(28vh);
}
.mod-left-split div[data-type="memos_view"] #page-wrapper > .content-wrapper-padding-fix,
.mod-right-split div[data-type="memos_view"] #page-wrapper > .content-wrapper-padding-fix {
  width: 100%;
  padding: 0;
}
.mod-left-split div[data-type="memos_view"] .view-content,
.mod-right-split div[data-type="memos_view"] .view-content {
  padding:0;
}
.mod-left-split div[data-type="memos_view"] .view-content .title-text span,
.mod-right-split div[data-type="memos_view"] .view-content .title-text span {
  font-size: var(--editor-font-size);
}
.mod-left-split div[data-type="memos_view"] .memo-editor-wrapper, 
div[data-type="memos_view"] .search-bar-container > .search-bar-inputer,
.mod-right-split  div[data-type="memos_view"] .memo-editor-wrapper, 
div[data-type="memos_view"] .search-bar-container > .search-bar-inputer {
  border: 0 !important;
}
.mod-left-split div[data-type="memos_view"] .memo-editor-wrapper, div[data-type="memos_view"] .search-bar-container > .search-bar-inputer input,
.mod-right-split div[data-type="memos_view"] .memo-editor-wrapper, div[data-type="memos_view"] .search-bar-container > .search-bar-inputer input { 
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}
div.mod-right-split div[data-type='memos_view'] .search-bar-container > .quickly-action-wrapper,
div.mod-left-split div[data-type='memos_view'] .search-bar-container > .quickly-action-wrapper {
  width:100%;
}

.mobile-view .memos-sidebar-wrapper,
div[data-type='memos_view'].mobile-view .tags-wrapper {
  background-color: var(--background-primary-bg-4-bt) !important;
}

body:is(.grass-light.theme-light,.grass-dark.theme-dark) {
  --stat-day-L1: #9be9a8;
  --stat-day-L2: #40c463;
  --stat-day-L3: #30a14e;
  --stat-day-L4: #216e39;
}
body:is(.frame-light.theme-light,.frame-dark.theme-dark){
  --stat-day-L1: #f75205;
  --stat-day-L2: #e03a07;
  --stat-day-L3: #bf2104;
  --stat-day-L4: #940b01;
}
body:is(.olive-light.theme-light,.olive-dark.theme-dark) {
  --stat-day-L1: #9cc069;
  --stat-day-L2: #78a851;
  --stat-day-L3: #648b3f;
  --stat-day-L4: #4f6e30;
}
body:is(.ice-light.theme-light,.ice-dark.theme-dark) {
  --stat-day-L1: #82bbf0;
  --stat-day-L2: #5da2eb;
  --stat-day-L3: #3889e6;
  --stat-day-L4: #126fe0;
}
body:is(.magenta-light.theme-light,.magenta-dark.theme-dark) {
  --stat-day-L1: #fa9fb5;
  --stat-day-L2: #ea4e9c;
  --stat-day-L3: #ae017e;
  --stat-day-L4: #610070;
}
body:not(.default-light):not(.default-dark) div[data-type='memos_view'] .usage-heat-map-wrapper > .usage-heat-map > .stat-container.stat-day-L1-bg {
  background-color: var(--stat-day-L1) !important;
}
body:not(.default-light):not(.default-dark) div[data-type='memos_view'] .usage-heat-map-wrapper > .usage-heat-map > .stat-container.stat-day-L2-bg {
  background-color: var(--stat-day-L2) !important;
}
body:not(.default-light):not(.default-dark) div[data-type='memos_view'] .usage-heat-map-wrapper > .usage-heat-map > .stat-container.stat-day-L3-bg {
  background-color: var(--stat-day-L3) !important;
}
body:not(.default-light):not(.default-dark) div[data-type='memos_view'] .usage-heat-map-wrapper > .usage-heat-map > .stat-container.stat-day-L4-bg {
  background-color: var(--stat-day-L4) !important;
}

/* ============ */
/*image position*/
/* ============ */
img[alt$="left"]:not([class*="emoji"]),
img[alt$="Left"]:not([class*="emoji"]),
img[alt$="LEFT"]:not([class*="emoji"]),
img[alt$="L"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="left"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="Left"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="LEFT"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="L"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="left"] img[alt$="left"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="Left"] img[alt$="Left"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="LEFT"] img[alt$="LEFT"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="L"] img[alt$="L"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="left"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="Left"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="LEFT"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="L"]:not([class*="emoji"]) {
  margin-left: 0 !important;
}

img[alt$="right"]:not([class*="emoji"]),
img[alt$="Right"]:not([class*="emoji"]),
img[alt$="RIGHT"]:not([class*="emoji"]),
img[alt$="R"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="right"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="Right"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="RIGHT"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="R"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="right"] img[alt$="right"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="Right"] img[alt$="Right"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="RIGHT"] img[alt$="RIGHT"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="R"] img[alt$="R"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="right"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="Right"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="RIGHT"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="R"]:not([class*="emoji"]) {
  margin-right: 0 !important;
  display: block;
}

img[alt$="inline"]:not([class*="emoji"]),
img[alt$="Inline"]:not([class*="emoji"]),
img[alt$="INLINE"]:not([class*="emoji"]),
img[alt$="inl"]:not([class*="emoji"]) {
  display: inline !important;
  padding: 0.05em 0.05em !important;
  vertical-align: bottom;
}

img[alt$="inlineL"]:not([class*="emoji"]),
img[alt$="InlineL"]:not([class*="emoji"]),
img[alt$="INLINEL"]:not([class*="emoji"]),
img[alt$="inlL"]:not([class*="emoji"]) {
  float: left;
  padding: 0 0.05em 0.05em 0 !important;
}

img[alt$="inlineR"]:not([class*="emoji"]),
img[alt$="InlineR"]:not([class*="emoji"]),
img[alt$="INLINER"]:not([class*="emoji"]),
img[alt$="inlR"]:not([class*="emoji"]) {
  float: right;
  padding: 0 0 0.05em 0.05em !important;
}

/* img captions */
/* modified from Discordian theme by @radekkozak */
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="center"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="centre"] {
  clear: both;
  margin: 0 auto !important;
  width: fit-content;
  display: block;
}

:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="center"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="centre"]::after {
  content: attr(alt);
  margin: 0.5rem 0;
  display: block;
  caption-side: bottom;
  text-align: center;
  font-size: 0.85rem;
}

:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="left"] {
  position: relative;
  float: left;
  margin: 0.5rem 1rem 0.5rem 0 !important;
  clear: both;
  display: table;
}

:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="left"]::after {
  content: attr(alt);
  padding: 0 0.5rem;
  margin: 0.5rem 0 1rem;
  display: table-caption;
  caption-side: bottom;
  text-align: center;
  font-size: 0.85rem;
}

:is(.markdown-preview-view,.markdown-rendered) .image-embed[src$="right"],
.markdown-source-view.mod-cm6.is-live-preview .image-embed[src$="right"] {
  position: relative;
  float: right;
  margin: 0.5rem 0 0.5rem 1rem !important;
  clear: both;
  display: table;
}

:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="right"]::after {
  content: attr(alt);
  padding: 0 0.5rem;
  margin: 0.5rem 0 1rem;
  display: table-caption;
  caption-side: bottom;
  text-align: center;
  font-size: 0.85rem;
}

:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="inl"] {
  clear: both;
  margin: 0 auto !important;
  width: fit-content;
  display: inline-table;
}

:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="inl"]::after {
  content: attr(alt);
  padding: 0 0.7em; 
  margin: 0.5rem 0;
  display: block;
  caption-side: bottom;
  text-align: center;
  font-size: 0.85rem;
}

/* image-grid-1 */
/* adapted from https://github.com/Lithou/Sandbox/blob/main/.obsidian/snippets/pub-Image%20Flags.css */
span[alt*="+grid"] {
  display: table-cell;
  vertical-align: middle;
  padding: 5px;
}

.markdown-source-view.is-live-preview .internal-embed.image-embed.is-loaded[alt*="+grid"] {
  display: inline-table;
  vertical-align: middle;
  max-width: 25%;
}

/* image-background */
.markdown-preview-view img[alt^="background"] {
  width: 100%;
  margin: 0px auto;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
  z-index: -1;
  background-size:cover;
}
.is-live-preview img[alt^="background"] {
  width: 100%;
  margin: 0px auto;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
  opacity: 0.35;
  z-index: -1;
} 


/*===================================================*/
/*==================  PRESENTATION  =================*/
/*===================================================*/
.slides-container li {
  line-height: 1.05em;
}

.reveal ol,
.reveal dl,
.reveal ul {
  margin: 0.3em 0 0 1em;
}

.slides-container ol>li {
  border-left: 3px solid var(--list-ol-block-color);
}

.slides-container ul>li:not(.task-list-item) {
  border-left: 3px solid var(--list-ul-block-color);
}

/*===================================================*/
/*==================   MOBILE   =====================*/
/*===================================================*/
.is-mobile :is(.markdown-preview-view,.markdown-rendered) {
  padding: 0 18px 0 21px;
}

.is-mobile :is(.markdown-preview-view,.markdown-rendered) ol:not(.contains-task-list)>li:not(.task-list-item),
.is-mobile .markdown-preview-view:not(.kanban) ul>li:not(.task-list-item) {
  margin-left: 0;
}

/*collapse allows*/
body:not(.default-icons).is-mobile h1 div.heading-collapse-indicator.collapse-indicator,
body:not(.default-icons).is-mobile h2 div.heading-collapse-indicator.collapse-indicator,
body:not(.default-icons).is-mobile div.heading-collapse-indicator.collapse-indicator {
  padding-left: 2px;
}

body:not(.default-icons).is-mobile div.is-collapsed div.heading-collapse-indicator.collapse-indicator {
  transform: translateX(-11px) translateY(16px) rotate(-90deg);
}

body:not(.default-icons).is-mobile div.is-collapsed h1 div.heading-collapse-indicator.collapse-indicator,
body:not(.default-icons).is-mobile div.is-collapsed h2 div.heading-collapse-indicator.collapse-indicator {
  transform: translateX(-2px) translateY(6px) rotate(-90deg);
}

/*main body*/
.is-mobile :is(.markdown-preview-view,.markdown-rendered) :is(.markdown-preview-section,.markdown-rendered),
.is-mobile .markdown-source-view .CodeMirror,
.is-mobile :is(.markdown-preview-view,.markdown-rendered) .markdown-preview-sizer {
  text-align: left;
}

/*strong*/
.is-mobile :is(h1,h2,h3,h4,h5,h6,b),
.is-mobile .view-header-title {
  font-weight: bold;
}

.is-mobile .view-header-title {
  line-height: 37px;
}

.is-mobile .view-header-title-container,
.is-mobile .view-header {
  height: 40px;
}

.is-mobile .view-actions {
  padding: 7px 10px 7px 5px;
}
.is-mobile .view-action {
  margin: 0 5px;
}

.is-mobile span.cm-strong,
.is-mobile :not(font)>strong,
.is-mobile .cm-highlight.cm-strong {
  color: var(--accent-strong);
  font-weight: bold;
}

/*image*/
body:not(.image-zoom).is-mobile .markdown-reading-view img:not([class*="emoji"]):active {
  cursor: initial;
  position: initial;
  object-fit: initial;
  height: initial;
  width: initial;
  padding: initial;
  top: initial;
  left: initial;
  right: initial;
  bottom: initial;
  transform: initial;
  z-index: initial;
  background-image: initial;
  margin: initial;
  max-width: 100%;
}

.is-mobile .workspace-drawer-active-tab-container {
  padding: 0;
}

/*=======================
===custom buttons by cuman====
========================*/
/*便签动画效果*/
@keyframes shake { /* 水平抖动，核心代码 */
  10%, 90% { transform: translate3d(-1px, 0, 0); }
  20%, 80% { transform: translate3d(+2px, 0, 0); }
  30%, 70% { transform: translate3d(-4px, 0, 0); }
  40%, 60% { transform: translate3d(+4px, 0, 0); }
  50% { transform: translate3d(-4px, 0, 0); }
}
:is(.markdown-preview-view,.markdown-rendered) .stickies:hover{
  animation: shake 800ms ease-in-out;
}

/*按钮颜色*/
/*图标按钮*/
body.style-options-for-buttons-plugin button.circle_btn {
  font-size: 12px;
  word-break: keep-all;
	margin: 4px;
	padding: 0px;
  width: 50px;
  height: 50px;
  /* border-radius:50%; */
	position: relative;
	border: 0;
	display: inline-block;
	text-align: center;
}
/* blank 透明按钮*/
body.style-options-for-buttons-plugin button.blank {
  background: #fff0f000;
  padding: 0;
}
body.style-options-for-buttons-plugin button.blank:hover {
  animation: swing_image 0.8s linear 0s 1 normal;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
}

body.style-options-for-buttons-plugin .admonition-content span>button.grad_button {
  margin:3px;
}
body.style-options-for-buttons-plugin button.grad_button {
  margin:5PX;
  line-height: inherit;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  padding: 0 18px;
  height: 38px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  font-weight: 500;
  cursor: pointer;
  border-radius: 30px;
  transition: box-shadow .5s ease, transform .2s ease; 
  will-change: transform;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
  transform:
    translateY(var(--ty, 0))
    rotateX(var(--rx, 0))
    rotateY(var(--ry, 0))
    translateZ(var(--tz, -12px));
}
  
body.style-options-for-buttons-plugin button.grad_button:hover {
  animation: swing_image 0.8s linear 0s 1 normal;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
}
body.style-options-for-buttons-plugin button.g_purple {
  background: linear-gradient(135deg, #6e8efb, #a777e3);
}
body.style-options-for-buttons-plugin  button.g_blue {
  background: linear-gradient(135deg, #3370ff, #9fb9f6);  
}
body.style-options-for-buttons-plugin button.g_green {
  background: linear-gradient(135deg, #0eb347, #5be08a);
}
body.style-options-for-buttons-plugin button.g_lightgreen {
  color: #17695e;
  background: linear-gradient(135deg, #adfdad, #dafdda);
}
body.style-options-for-buttons-plugin  button.g_yellow {
  color: #836f20;
  background: linear-gradient(135deg, #fcd539, #ffeb9b);
}
body.style-options-for-buttons-plugin.theme-dark  button.g_yellow {
  color:  #e4cb58;
  background: none;
  border: 1px solid;
}
body.style-options-for-buttons-plugin.theme-dark  button.g_green {
  color:  #19bc8b;
  background: none;
  border: 1px solid;
}
body.style-options-for-buttons-plugin.theme-dark  button.g_lightgreen {
  color:  #8fc866;
  background: none;
  border: 1px solid;
}
body.style-options-for-buttons-plugin.theme-dark  button.g_purple {
  color:  #ffa260;
  background: none;
  border: 1px solid;
}
body.style-options-for-buttons-plugin.theme-dark  button.g_blue {
  color:  #739df9;
  background: none;
  border: 1px solid;
}
body.style-options-for-buttons-plugin.theme-dark .grad_button:hover { 
  color: var(--text-accent)
}

button.tiny {
  border-radius: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  min-width:3.5em;
  cursor: pointer;
  margin: 0;
  padding:3px 6px;
  background-color: transparent;
  color: var(--text-normal);
  position: relative;
  z-index: 1;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 35px, rgba(0, 0, 0, 0.05) 0px 5px 5px;
}
button.tiny:hover {
  color: var(--text-on-accent);
}
button.tiny::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 1rem;
  height: 1rem;
  transform: translate3d(-50%,-50%,0) scale(0,0);
  border-radius: 50%;
  background-color: var(--interactive-accent-hover);
  transform-origin: center;
  transition: ease-in-out .5s;
}

button.tiny:hover::before {
  transform: translate3d(-50%,-50%,0) scale(15,15);
}


/*buttons*/
.is-mobile .nav-action-button {
  padding: 3px 8px;
}

.is-mobile .workspace-leaf-content[data-type='file-explorer'] .nav-buttons-container {
  margin: 0 0 5px 0;
}

.is-mobile .workspace-leaf-content .view-header-icon {
  padding: 7px 3px 5px 8px;
}

.is-mobile .nav-buttons-container>.nav-action-button svg {
  width: 1.5em;
  height: 1.5em;
}

/* side bar button */
.is-mobile .side-dock-ribbon-action {
  padding: 6px 0 3px 0;
}

.is-mobile .cm-s-obsidian .HyperMD-codeblock {
  color: var(--text-color-code);
}

.is-mobile :is(.markdown-preview-view,.markdown-rendered) blockquote {
  margin-left: 3%;
  margin-right: 3%;
}

.is-mobile code:not([class*='language-']),
.is-mobile .cm-s-obsidian span.cm-inline-code {
  padding: 5px 3px 2px;
}

.is-mobile .workspace>.workspace-split>.workspace-leaf:first-of-type:last-of-type .view-header {
  background: linear-gradient(120deg, var(--color-view-header-gradient-1) 0%, var(--color-view-header-gradient-2) 90%) !important;
}

.is-mobile .cm-s-obsidian .cm-gutters {
  background-color: transparent !important;
  padding-right: 0;
  margin-right: -5px;
}

.is-mobile .cm-foldGutter .cm-gutterElement {
  color: transparent !important;
}

.is-mobile .cm-lineNumbers .cm-gutterElement {
  padding: 0 10px;
  margin-left: -10px;
  font-size: 12px;
}

body:not(.default-icons) .is-mobile .cm-gutterElement>span[title="Fold line"]::before {
  content: "↓";
  font-size: 1rem;
  font-weight: bold;
  font-family: 'Inter';
  color: var(--text-accent);
}

body:not(.default-icons) .is-mobile .cm-gutterElement>span[title="Unfold line"]::before {
  content: "→";
  font-size: 1rem;
  font-weight: bold;
  font-family: 'Inter';
  color: var(--text-accent);
}

.is-mobile .cm-formatting.cm-formatting-quote {
  color: var(--red);
}

body:not(.font-family-change-to-default).is-mobile .markdown-source-view.mod-cm6 .cm-scroller {
  font-family: var(--font-text);
}

.is-mobile #calendar-container {
  padding: 0 4px 2px 4px;
  margin: unset !important;
  line-height: unset;
}

.is-mobile #calendar-container .calendar {
  margin-left: -8px !important;
  width: 103%;
}

.is-mobile #calendar-container th {
  padding: 2px 0 !important;
}

.is-mobile #calendar-container td {
  padding: 0 !important;
  line-height: 24px !important;
}

.is-mobile #calendar-container th {
  padding: 10px 0;
  border-radius: 0 !important;
  background-color: transparent !important;
}

.is-mobile #calendar-container tr {
  background-color: transparent;
}

.is-mobile #calendar-container .dot {
  margin-top: 0px !important;
}

.is-mobile #calendar-container .hollow {
  margin: 0 !important;
}

.is-mobile .workspace-drawer-header-name {
  font-size: 25px;
}

.is-mobile .workspace-drawer-header-name-text {
  color: var(--text-accent);
  font-weight: 600;
}

.is-mobile .workspace-drawer-active-tab-header {
  margin: 5px 0;
}

.is-mobile .workspace-drawer.mod-left {
  border-right: none;
}

.is-mobile .workspace-drawer.mod-right {
  border-left: none;
}

.is-mobile .workspace-drawer.mod-right .workspace-drawer-inner {
  background: linear-gradient(to left, var(--background-mobile-drawer-1) 30%, var(--background-mobile-drawer-2) 100%);
}

.is-mobile .workspace-drawer.mod-left .workspace-drawer-inner {
  background: linear-gradient(to right, var(--background-mobile-drawer-1) 30%, var(--background-mobile-drawer-2) 100%);
}

.is-mobile .workspace-drawer-ribbon {
  background-color: var(--background-secondary-alt);
}

.is-mobile .nav-buttons-container {
  margin-bottom: 10px;
}

.is-mobile .cm-line .cm-link.cm-strong {
  color: var(--text-accent);
}

.is-mobile .cm-line .cm-formatting.cm-formatting-link,
.is-mobile .cm-line .cm-string.cm-strong.cm-url {
  color: var(--text-muted);
}

.is-mobile .search-result-file-match-replace-button {
  color: var(--text-normal);
}

.is-mobile .HyperMD-quote.cm-line {
  content: "";
  border-left: 7px solid var(--theme-color);
  border-radius: 0; /*5px 0 0 5px;*/
  height: 100%;
  margin-left: 0;
  position: relative;
}

.is-mobile :is(.markdown-preview-view,.markdown-rendered).kanban-plugin__markdown-preview-view {
  padding: 0 5px;
}
/*标题栏隐藏 --ipad上会跟分屏工具栏重叠先注释*/
/* body.is-mobile {
  padding: 0 !important;
}
.is-mobile .titlebar {
  height: 0 !important;
  padding: 0 !important;
  position: relative !important;
  border-bottom: none;
} */
/*侧边栏区域填满*/
.is-mobile .workspace-drawer:not(.is-pinned) {
  width: 100vw;
  max-width: 360pt;
  border: none;
  box-shadow: 0 5px 50px 5px rgba(0,0,0,0.05);
}
/*侧边栏文件列表字体大小*/
.is-mobile .nav-file-title, .is-mobile .nav-folder-title, .is-mobile .outline, .is-mobile .tree-item-self, .is-mobile .tag-container, .is-mobile .tag-pane-tag {
  font-size: var(--font-size-folder-and-file);
  line-height: 1.5;
  margin-bottom: 4px;
}
/*侧边栏工作区标题*/
.is-mobile .workspace-drawer-tab-option-item-title, .is-mobile .workspace-drawer-active-tab-title {
  font-size: calc(var(--font-size-folder-and-file) + 0.15em);
}
/*小屏幕特别优化*/
@media screen and(min-width: 480px) and (max-width: 767px) {
  body.style-options-for-admonition-plugin .admonition-flex .admonition-content {
    gap:24px;
  }
 /*  body.style-options-for-admonition-plugin .admonition-flex .admonition-content div
  {
    flex: auto;
  } */
  body.style-options-for-admonition-plugin .admonition-kanban ul > li.task-list-item {
    flex: 1 1 40%;
  }
  body.style-options-for-admonition-plugin .admonition-kanban ul>li:not(.task-list-item) {
    flex: 1 1 40%;
  }
  .kanban ul>li:not(.task-list-item) {
    flex: 1 1 40%;
  }
  .kanban ul>li.task-list-item{
    flex: 1 1 40%;
  }
}

@media screen and (max-width: 479px)  {
  body.style-options-for-admonition-plugin .admonition-flex .admonition-content {
    gap:15px;
  }
  body.style-options-for-admonition-plugin .admonition-flex .admonition-content div {
    flex: 1 1 60%;
    margin: 0;
  }
  body.style-options-for-admonition-plugin .admonition-kanban ul > li.task-list-item {
    flex: 1 1 60%;
  }
  body.style-options-for-admonition-plugin .admonition-kanban ul>li:not(.task-list-item) {
    flex: 1 1 40%;
  }
  /*文章标题前的图标隐藏*/
  .is-mobile .workspace-leaf-content:not([data-type="graph"]) .view-header-icon {
    display: none;
  }
  /*文章标题跟正文对齐*/
  .is-mobile .workspace-leaf-content:not([data-type="graph"]) .view-header-title-container {
    padding-left: 15px;
  }
   /*文章标题缩小*/
  .is-mobile .view-header-title {
    font-size: var(--font-size-file-header-title);
    letter-spacing: -0.015em;
    line-height: 40px;
  }
  /*伪看板优化显示*/
  .kanban ul>li:not(.task-list-item) {
    flex: 1 1 auto;
  }
  .kanban ul>li.task-list-item {
    flex: 1 1 auto;
  }
  .is-mobile .nav-folder.mod-root > .nav-folder-title {
    display: none;
  }

  body:not(.default-icons).is-mobile .nav-folder-collapse-indicator::after {
    top: 1px;
  }
}

/*=======================
===  dialogue by cuman====
========================*/
body.dialogue-style-wechat .dialogue-plugin-block-wrapper {
  margin-bottom: 15px;
  position: relative;
  display: flex;
}
body.dialogue-style-wechat .dialogue-plugin-message {
  background-color:unset;
  padding: 1px;
}

body.dialogue-style-wechat .dialogue-plugin-comment-wrapper .dialogue-plugin-comment {
  margin: 7px;
  width: fit-content;
  max-width: 75%;
  margin: 24px auto;
  line-height: 1.8;
  text-align: center;
  opacity: var(--opacity);
}

body.dialogue-style-wechat .dialogue-plugin-message .dialogue-plugin-message-title {
  min-width: 6.8em;
  font-size: 18px;
  height: 50px;
  background: #f1f1f1;
  border-radius: 8px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  background-position: center;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: right;
  background-color: unset;
}

body.dialogue-style-wechat .dialogue-plugin-message-wrapper-right .dialogue-plugin-message-title {
  justify-content:left;
  margin-left: 2em;
  right: 0;
}
body.dialogue-style-wechat .dialogue-plugin-message-wrapper-left .dialogue-plugin-message .dialogue-plugin-message-content {
  margin-right: 0px;
}
body.dialogue-style-wechat .dialogue-plugin-message-wrapper-left .dialogue-plugin-message-content:after {
  box-shadow: -1px 2px 0px 0 rgb(178 178 178 / 23%)
}

body.dialogue-style-wechat .dialogue-plugin-message-wrapper-right .dialogue-plugin-message .dialogue-plugin-message-content {
  color: black;
  background: #98e970;
  margin-left: 0;
}
body.dialogue-style-wechat .dialogue-plugin-message-wrapper-right .dialogue-plugin-message .dialogue-plugin-message-content:after {
  background: #98e970;
  left: auto;
  right: -5px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 0;
}
body.dialogue-style-wechat .dialogue-plugin-message .dialogue-plugin-message-content {
  background: #fff;
  padding: 12px 18px;
  font-size: large;
  border-radius: 8px;
  margin-right: 7em;
  word-break: break-all;
  margin-left: 7em;
  display: inline-block;
  position: relative;
  line-height: normal;
  min-height: 50px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}
.dialogue-style-wechat.theme-dark .dialogue-plugin-message .dialogue-plugin-message-content {
  background:#343434;
}

body.dialogue-style-wechat .dialogue-plugin-message .dialogue-plugin-message-content:after {
  content: '';
  background: #fff;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  top: 20px;
  left: -6px;
  position: absolute;
  transform: rotate(45deg);
}

.dialogue-style-wechat.theme-dark .dialogue-plugin-message .dialogue-plugin-message-content:after {
  background: #343434;
}

/*chatview-style-wechat*/
body.dialogue-style-wechat  div.chat-view-bubble {
  background-color: transparent;
  border: 0px;
}
body.dialogue-style-wechat .chat-view-message .chat-view-header {
  font-size: 18px;
  height: 55px;
  background: #f1f1f1;
  border-radius: 8px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  background-position: center;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color:unset;
}

body.dialogue-style-wechat .chat-view-align-right .chat-view-header {
  text-align: right;
  margin-right: 0.5em;
}

body.dialogue-style-wechat div.chat-view-align-left .chat-view-message  {
  margin-right: 0px;
  
}
body.dialogue-style-wechat .chat-view-align-right .chat-view-message  {
  color: black;
  background: #98e970;
  float: right;
}
body.dialogue-style-wechat div.chat-view-align-center .chat-view-message {
  background: #e4effc;
  padding: 12px 18px;
  font-size: large;
  border-radius: 8px;
  word-break: break-all;
  display: inline-block;
  position: relative;
  line-height: normal;
  min-height: 50px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}
body.dialogue-style-wechat div.chat-view-align-center .chat-view-message:after {
  content: '';
  background: #e4effc;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  top: -5px;
  left: 10%;
  position: absolute;
  transform: rotate(45deg);
}

body.dialogue-style-wechat div.chat-view-align-left .chat-view-message:after {
  box-shadow: -1px 2px 0px 0 rgb(178 178 178 / 23%)
}

body.dialogue-style-wechat .chat-view-align-right .chat-view-message:after {
  background: #98e970;
  left: auto;
  right: -5px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 0;
}
body.dialogue-style-wechat .chat-view-message {
  background: #fff;
  padding: 12px 18px;
  font-size: large;
  border-radius: 8px;
  word-break: break-all;
  display: inline-block;
  position: relative;
  line-height: normal;
  min-height: 50px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}
body.dialogue-style-wechat.theme-dark .chat-view-align-left .chat-view-message {
  background: #343434;
}
body.dialogue-style-wechat.theme-dark .chat-view-align-center .chat-view-message {
  background: #3cb676;
  color:black;
}
body.dialogue-style-wechat.theme-dark .chat-view-align-center .chat-view-message:after {
  background: #3cb676;
}

body.dialogue-style-wechat .chat-view-message:after {
  content: '';
  background: #fff;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  top: 20px;
  left: -6px;
  position: absolute;
  transform: rotate(45deg);
}

body.dialogue-style-wechat.theme-dark .chat-view-align-left .chat-view-message:after {
  background: #343434;
}

body.dialogue-style-wechat .chat-view-bubble .chat-view-subtext {
  display:block;
}
body.dialogue-style-wechat .chat-view-align-right .chat-view-subtext {
  float: right;
}
body.dialogue-style-wechat div.chat-view-align-right {
  overflow: hidden;
}
body.dialogue-style-wechat h4.chat-view-header {
  margin-bottom: 2px;
  margin-top: 0 !important;
}
body.dialogue-style-wechat div.chat-view-align-center  h4.chat-view-header {
  text-align: left;
  margin-bottom: 8px;
}

/*dialogue-style-chat*/
.dialogue-style-chat.theme-dark .dialogue-plugin-message-wrapper-left .dialogue-plugin-message {
  color: #cccccc;
  background: #343434;
  box-shadow: 0px 2px 1px 0px #191818,0px 2px 1px 0px #343434;
}
.dialogue-style-chat.theme-dark .dialogue-plugin-message-wrapper-right .dialogue-plugin-message {
  color: #333333;
  background-image: -webkit-linear-gradient(left, #cccccc,#cccccc);
}
body.dialogue-style-chat .dialogue-plugin-message-wrapper-left .dialogue-plugin-message {
  font-size: 15px;
  background: #f5f8ff;
  letter-spacing: 1.5px;
  color: #333;
  border-radius:12px;
  border-bottom-left-radius: 0px;
  margin-left: 6px;
  box-shadow: 0px 2px 1px 0px #f3f3f3,0px 2px 1px 0px #f3f3f3;
  margin-right: 3em;
  align-self: flex-end;
}

body.dialogue-style-chat .dialogue-plugin-message-wrapper-right .dialogue-plugin-message{
  font-size: 15px;
  letter-spacing: 1.5px;
  color: #333;
  border-radius: 12px;
  border-bottom-right-radius: 0px;
  background-image: -webkit-linear-gradient(left, #cee4ff,#d7eaff);
  margin-right: 6px;
  align-self: flex-end;
  margin-left: 3em;
} 

body.dialogue-style-chat .dialogue-plugin-message-title {
  font-size: 16px;
  letter-spacing: 2px;
  text-align: center;
  color: rgb(236, 236, 236);
  font-weight: bold;
}

/*===================================================*/
/*=================   Live Preview   ================*/
/*===================================================*/
.markdown-source-view.is-live-preview span.cm-quote::before {
  all: initial;
}

.markdown-source-view.mod-cm6 .cm-gutters {
  background-color: transparent !important;
}

.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote {
  border-color: var(--theme-color);
  background-color: var(--background-blockquote);
  margin-left: -5px !important;
}

.markdown-source-view.is-live-preview .cm-formatting.cm-formatting-quote.cm-quote {
  color: var(--red);
}

.markdown-source-view.is-live-preview span.code-block-flair {
  color: #95a3b5;
}

.markdown-source-view.is-live-preview .HyperMD-codeblock.HyperMD-codeblock-bg.cm-line {
  letter-spacing: calc(var(--letter-space-code) * 0.02em);
}

.cm-s-obsidian div.HyperMD-codeblock-end-bg {
  border-bottom: none;
}

.markdown-source-view.cm-s-obsidian.mod-cm6 .HyperMD-codeblock {
  font-size: var(--font-size-code);
}

/* ============ */
/* just for fun */
/* ============ */
/*cursor*/
.CodeMirror-cursor,
.cm-s-obsidian .cm-cursor,
.cm-s-obsidian .cm-dropCursor {
  border-left-color: var(--cursor-color-temp);
}

body.fancy-cursor .CodeMirror-cursor,
body.fancy-cursor .cm-cursorLayer .cm-cursor {
  width: var(--fancy-cursor-width);
  border: none;
  border-radius: var(--fancy-cursor-radius);
  transition: var(--fancy-cursor-transition);
  transform: scale(1.1);
  background: linear-gradient(to bottom left, var(--fancy-cursor-color-1) 0%, var(--fancy-cursor-color-2) 100%);
}

.markdown-source-view.mod-cm6 .cm-content {
  caret-color: var(--cursor-color);
}

.workspace-ribbon.side-dock-ribbon.mod-left,
.workspace-ribbon.side-dock-ribbon.mod-right,
.nav-folder.mod-root>.nav-folder-title,
.workspace-split.mod-root {
  background-color: var(--background-secondary-alt-bg-4-bt);
}

/*==== separators =====*/
body.asymmetric-split-left .workspace-split.mod-horizontal.mod-left-split .workspace-leaf {
  background-color: var(--background-asymm-split-left);
}

body.asymmetric-split-left .workspace-ribbon.mod-left {
  border-right: 1px solid var(--background-modifier-border-asymm);
}

body.asymmetric-split-left .titlebar {
  border-bottom: 1px solid var(--background-modifier-border-asymm);
}

body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tabs{
  border-bottom: 1px solid var(--background-modifier-border-asymm);
}

body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-container-before.is-before-active .workspace-tab-header-inner,
body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-container-after.is-after-active .workspace-tab-header-inner,
body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-header.is-before-active .workspace-tab-header-inner,
body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-header.is-after-active .workspace-tab-header-inner,
body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-header,
body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-header-inner,
body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-header.is-after-active,
body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-header.is-before-active,
body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-container-before.is-before-active .workspace-tab-header-inner {
  background-color: var(--background-asymm-split-left);
  border-radius: 0;
}

body.asymmetric-split-left .workspace-split.mod-left-split .workspace-tab-header-container {
  padding: 4px 0;
}

.workspace-split.mod-horizontal>*>.workspace-leaf-resize-handle {
  height: 2px;
}

.workspace-split.mod-right-split > .workspace-leaf-resize-handle,
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, .workspace-split.mod-left-split > .workspace-leaf-resize-handle {
  border: none;
  height: 100%;
  width: 2px;
}

.workspace-split.mod-left-split>.workspace-leaf-resize-handle:hover,
.workspace-split.mod-right-split>.workspace-leaf-resize-handle:hover {
  background-color: rgba(var(--interactive-accent-rgb), 0.5);
}

.is-translucent .workspace-split.mod-left-split>.workspace-leaf-resize-handle,
.is-translucent .workspace-split.mod-right-split>.workspace-leaf-resize-handle {
  background-color: var(--background-modifier-border);
}

.workspace-split.mod-root,
.workspace-tab-container-before.is-before-active .workspace-tab-header-inner,
.workspace-tab-container-after.is-after-active .workspace-tab-header-inner,
.workspace-tab-header.is-before-active .workspace-tab-header-inner,
.workspace-tab-header.is-after-active .workspace-tab-header-inner {
  background-color: var(--background-secondary-alt-bg-4-bt);
}

.workspace-tabs {
  background-color: var(--background-secondary-alt-bg-4-bt);
  padding-right: 0;
}

.workspace-tab-header-container {
  background-color: var(--background-secondary-alt-bg-4-bt);
  flex: 0.004 0 auto;
  padding: 5px 0 0;
}

.workspace-tab-container-before.is-before-active,
.workspace-tab-container-after.is-after-active,
.workspace-tab-header.is-before-active,
.workspace-tab-header.is-after-active,
.workspace-split.mod-right-split .workspace-tabs .workspace-leaf,
.workspace-split.mod-left-split .workspace-tabs .workspace-leaf,
.workspace-tab-header.is-active {
  background-color: var(--background-secondary-bg-4-bt);
}

.view-header {
  background-color: var(--background-secondary-bg-4-bt);
  border-top: none;
  height: 33px;
  border-bottom: 1px solid var(--background-modifier-border-1);
}
body.color-scheme-options-flamingo .view-header,
body.color-scheme-options-honey-milk-topaz .view-header,
body.color-scheme-options-chocolate-topaz .view-header,
body.color-scheme-options-autumn-topaz .view-header,
body.color-scheme-options-lillimon-topaz .view-header {
  border-bottom: 1px solid transparent;
}

body {
  background-color: var(--background-primary-bg-4-bt);
}

.workspace-split.mod-root .view-content {
  background-color: var(--background-primary-bg-4-bt);
  height: 100.5%;
}

:is(.markdown-preview-view,.markdown-rendered),
.markdown-source-view {
  background-color: transparent;
}

body.folder-icons .nav-folder-children .nav-folder-title-content::before {
  position: relative;
  content: "";
  display: inline-block;
  opacity: 0.9;
  top: 2px;
  width: 1rem;
  height: 1rem;
  margin-right: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--text-folder-file-icon);
  filter: hue-rotate(160deg);
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2.165 19.551c.186.28.499.449.835.449h15c.4 0 .762-.238.919-.606l3-7A.998.998 0 0 0 21 11h-1V8c0-1.103-.897-2-2-2h-6.655L8.789 4H4c-1.103 0-2 .897-2 2v13h.007a1 1 0 0 0 .158.551zM18 8v3H6c-.4 0-.762.238-.919.606L4 14.129V8h14z"></path></svg>');
}
body.folder-icons .nav-folder-children .nav-folder.is-collapsed .nav-folder-title-content::before {
  position: relative;
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--text-folder-file-icon);
  filter: hue-rotate(160deg);
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 5h-8.586L9.707 3.293A.997.997 0 0 0 9 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V7c0-1.103-.897-2-2-2zM4 19V7h16l.002 12H4z"></path></svg>');
}

body.folder-icons.remove-arrow:not(.default-icons) .nav-folder-collapse-indicator::after {
  display: none;
}
body.folder-icons.remove-arrow:not(.default-icons) :is(.nav-folder-title,.nav-file-title) {
  padding-left: 0;
}

body:not(.remove-file-icons) .nav-folder-children .nav-file-title-content:first-child::before {
  position: relative;
  content: " ";
  display: inline-block;
  width: 0.9rem;
  opacity: 0.9;
  top: 2px;
  height: 0.9rem;
  margin-right: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--text-folder-file-icon);
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill=""><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>');
}
body:not(.remove-file-icons):not(.folder-style-change-options-colorful) .nav-file-title.is-active[data-path$=".md"]>.nav-file-title-content::before {
  background-color: var(--white);
}
body.light-background-color-files:not(.remove-file-icons) .nav-file-title.is-active[data-path$=".md"]>.nav-file-title-content::before {
  background-color: var(--text-folder-file-icon);
  filter: hue-rotate(180deg);
}

body:not(.remove-file-icons) .nav-file-title.is-active .obsidian-icon-folder-icon + .nav-file-title-content::before {
 display: none;
}

body:not(.remove-custom-svg-icons) .nav-action-button svg.document > path,
body:not(.remove-custom-svg-icons) .nav-action-button svg.folder > path,
body:not(.remove-custom-svg-icons) .nav-action-button svg.up-and-down-arrows > path,
body:not(.remove-custom-svg-icons) .nav-action-button svg.bullet-list > path,
body:not(.remove-custom-svg-icons) .nav-action-button svg.expand-vertically > path,
body:not(.remove-custom-svg-icons) .nav-action-button svg.magnifying-glass > path,
body:not(.remove-custom-svg-icons) .nav-action-button svg.stacked-levels > path,
body:not(.remove-custom-svg-icons) .nav-action-button svg.diagram > path,
body:not(.remove-custom-svg-icons) .nav-action-button svg.uppercase-lowercase-a > path,
body:not(.remove-custom-svg-icons) .nav-action-button svg.help > path,
body:not(.remove-custom-svg-icons) .nav-action-button svg.documents > path,
body:not(.remove-custom-svg-icons) .nav-action-button svg.star > path,
body:not(.remove-custom-svg-icons) .nav-action-button svg.star-list > path {
  display: none;
}
body:not(.remove-custom-svg-icons) .nav-action-button svg.document,
body:not(.remove-custom-svg-icons) .nav-action-button svg.folder,
body:not(.remove-custom-svg-icons) .nav-action-button svg.up-and-down-arrows,
body:not(.remove-custom-svg-icons) .nav-action-button svg.bullet-list,
body:not(.remove-custom-svg-icons) .nav-action-button svg.expand-vertically,
body:not(.remove-custom-svg-icons) .nav-action-button svg.magnifying-glass,
body:not(.remove-custom-svg-icons) .nav-action-button svg.stacked-levels,
body:not(.remove-custom-svg-icons) .nav-action-button svg.diagram,
body:not(.remove-custom-svg-icons) .nav-action-button svg.uppercase-lowercase-a,
body:not(.remove-custom-svg-icons) .nav-action-button svg.help,
body:not(.remove-custom-svg-icons) .nav-action-button svg.documents,
body:not(.remove-custom-svg-icons) .nav-action-button svg.star,
body:not(.remove-custom-svg-icons) .nav-action-button svg.star-list {
  background-color: currentColor;
}
body:not(.remove-custom-svg-icons) .nav-action-button svg {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.is-mobile .nav-action-button svg {
  width: 25px;
  height: 25px;
}
body:not(.remove-custom-svg-icons) .nav-action-button svg.document {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" ><path d="M19.937 8.68c-.011-.032-.02-.063-.033-.094a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.99.99 0 0 0-.05-.258zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z"></path></svg>');
} 
body:not(.remove-custom-svg-icons) .nav-action-button:hover svg.document{
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.903 8.586a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.952.952 0 0 0-.051-.259c-.01-.032-.019-.063-.033-.093zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z"/><path d="M8 12h8v2H8zm0 4h8v2H8zm0-8h2v2H8z"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button svg.folder {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 6h-8l-2-2H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm0 12H4V6h5.17l2 2H20v10zm-8-4h2v2h2v-2h2v-2h-2v-2h-2v2h-2z"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button:hover svg.folder {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" ><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 6h-8l-2-2H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-1 8h-3v3h-2v-3h-3v-2h3V9h2v3h3v2z"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button svg.up-and-down-arrows {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.707 14.707A1 1 0 0 0 19 13h-7v2h4.586l-4.293 4.293A1 1 0 0 0 13 21h7v-2h-4.586l4.293-4.293zM7 3.99H5v12H2l4 4 4-4H7zM17 3h-2c-.417 0-.79.259-.937.649l-2.75 7.333h2.137L14.193 9h3.613l.743 1.981h2.137l-2.75-7.333A1 1 0 0 0 17 3zm-2.057 4 .75-2h.613l.75 2h-2.113z"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button:hover svg.up-and-down-arrows {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24"><path d="M19.707 14.707A1 1 0 0 0 19 13h-7v2h4.586l-4.293 4.293A1 1 0 0 0 13 21h7v-2h-4.586l4.293-4.293zM6 3.99l-4 4h3v12h2v-12h3zM17 3h-2c-.417 0-.79.259-.937.649l-2.75 7.333h2.137L14.193 9h3.613l.743 1.981h2.137l-2.75-7.333A1 1 0 0 0 17 3zm-2.057 4 .75-2h.613l.75 2h-2.113z"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button svg.diagram {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.277 8c.347.596.985 1 1.723 1a2 2 0 0 0 0-4c-.738 0-1.376.404-1.723 1H16V4a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v2H5.723C5.376 5.404 4.738 5 4 5a2 2 0 0 0 0 4c.738 0 1.376-.404 1.723-1H8v.369C5.133 9.84 4.318 12.534 4.091 14H3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-.877c.197-.959.718-2.406 2.085-3.418A.984.984 0 0 0 9 11h6a.98.98 0 0 0 .792-.419c1.373 1.013 1.895 2.458 2.089 3.419H17a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-1.092c-.227-1.466-1.042-4.161-3.908-5.632V8h2.277zM6 18H4v-2h2v2zm14 0h-2v-2h2v2zm-6-9h-4V5h4v4z"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button:hover svg.diagram {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.277 8c.347.596.985 1 1.723 1a2 2 0 0 0 0-4c-.738 0-1.376.404-1.723 1H16V4a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v2H5.723C5.376 5.404 4.738 5 4 5a2 2 0 0 0 0 4c.738 0 1.376-.404 1.723-1H8v.368C5.134 9.839 4.319 12.534 4.092 14H3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-.877c.197-.959.718-2.406 2.085-3.418A.984.984 0 0 0 9 11h6a.98.98 0 0 0 .792-.419c1.373 1.013 1.895 2.458 2.089 3.419H17a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-1.092c-.227-1.466-1.042-4.161-3.908-5.632V8h2.277zM14 9h-4V5h4v4z"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button svg.bullet-list {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m18.707 12.707-1.414-1.414L13 15.586V6h-2v9.586l-4.293-4.293-1.414 1.414L12 19.414z"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button:hover svg.bullet-list {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><polygon points="12 7.59 7.05 2.64 5.64 4.05 12 10.41 18.36 4.05 16.95 2.64 12 7.59"/><polygon points="5.64 19.95 7.05 21.36 12 16.41 16.95 21.36 18.36 19.95 12 13.59 5.64 19.95"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button.is-active svg.bullet-list {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.293 17.293 1.414 1.414L19.414 12l-6.707-6.707-1.414 1.414L15.586 11H6v2h9.586z"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button.is-active:hover svg.bullet-list {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><polygon points="12 19.24 7.05 14.29 5.64 15.71 12 22.07 18.36 15.71 16.95 14.29 12 19.24"/><polygon points="5.64 8.29 7.05 9.71 12 4.76 16.95 9.71 18.36 8.29 12 1.93 5.64 8.29"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button svg.magnifying-glass {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396 1.414-1.414-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8 3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6-6-2.691-6-6 2.691-6 6-6z"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button:hover svg.magnifying-glass,
body:not(.remove-custom-svg-icons) .nav-action-button.is-active:hover svg.magnifying-glass {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396 1.414-1.414-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8 3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6-6-2.691-6-6 2.691-6 6-6z"/><path d="M11.412 8.586c.379.38.588.882.588 1.414h2a3.977 3.977 0 0 0-1.174-2.828c-1.514-1.512-4.139-1.512-5.652 0l1.412 1.416c.76-.758 2.07-.756 2.826-.002z"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button svg.expand-vertically,
body:not(.remove-custom-svg-icons) .nav-action-button.is-active:hover svg.expand-vertically {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 5c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2V7c0-1.103-.897-2-2-2H7zm0 12V7h10l.002 10H7z"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button:hover svg.expand-vertically,
body:not(.remove-custom-svg-icons) .nav-action-button.is-active svg.expand-vertically {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 12H3v9h9v-2H5zm7-7h7v7h2V3h-9z"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button svg.stacked-levels {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" d="M0 0H24V24H0z"/><path d="M10 2c.552 0 1 .448 1 1v4c0 .552-.448 1-1 1H8v2h5V9c0-.552.448-1 1-1h6c.552 0 1 .448 1 1v4c0 .552-.448 1-1 1h-6c-.552 0-1-.448-1-1v-1H8v6h5v-1c0-.552.448-1 1-1h6c.552 0 1 .448 1 1v4c0 .552-.448 1-1 1h-6c-.552 0-1-.448-1-1v-1H7c-.552 0-1-.448-1-1V8H4c-.552 0-1-.448-1-1V3c0-.552.448-1 1-1h6zm9 16h-4v2h4v-2zm0-8h-4v2h4v-2zM9 4H5v2h4V4z"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button svg.uppercase-lowercase-a {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M11.246 15H4.754l-2 5H.6L7 4h2l6.4 16h-2.154l-2-5zm-.8-2L8 6.885 5.554 13h4.892zM21 12.535V12h2v8h-2v-.535a4 4 0 1 1 0-6.93zM19 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button svg.help {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z"/><path d="M11 11h2v6h-2zm0-4h2v2h-2z"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button svg.documents {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z"/><path d="M6 12h6v2H6zm0 4h6v2H6z"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button:hover svg.documents {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 2H10a2 2 0 0 0-2 2v2h8a2 2 0 0 1 2 2v8h2a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z"/><path d="M4 22h10c1.103 0 2-.897 2-2V10c0-1.103-.897-2-2-2H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2zm2-10h6v2H6v-2zm0 4h6v2H6v-2z"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button svg.star {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" ><path d="M0 0h24v24H0z" fill="none"/><path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"/></svg>');
}
body:not(.remove-custom-svg-icons) .nav-action-button svg.star-list {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><g><rect fill="none" height="24" width="24"/></g><g><g><path d="M14.73,13.31C15.52,12.24,16,10.93,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5C3,13.09,5.91,16,9.5,16 c1.43,0,2.74-0.48,3.81-1.27L19.59,21L21,19.59L14.73,13.31z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5 S11.99,14,9.5,14z"/><polygon points="10.29,8.44 9.5,6 8.71,8.44 6.25,8.44 8.26,10.03 7.49,12.5 9.5,10.97 11.51,12.5 10.74,10.03 12.75,8.44"/></g></g></svg>');
}

.workspace-leaf-content .view-header-icon {
  padding: 4px 3px 5px 8px;
}

body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-header-icon svg {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content[data-type="markdown"] .view-header-icon svg.document > path,
body:not(.remove-custom-svg-icons) .workspace-leaf-content[data-type="empty"] .view-header-icon svg.document > path,
body:not(.remove-custom-svg-icons) .workspace-leaf-content[data-type="image"] .view-header-icon svg.image-file > path,
body:not(.remove-custom-svg-icons) .workspace-leaf-content[data-type="kanban"] .view-header-icon svg.blocks > path {
  display: none;
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content[data-type="markdown"] .view-header-icon svg.document,
body:not(.remove-custom-svg-icons) .workspace-leaf-content[data-type="empty"] .view-header-icon svg.document,
body:not(.remove-custom-svg-icons) .workspace-leaf-content[data-type="image"] .view-header-icon svg.image-file,
body:not(.remove-custom-svg-icons) .workspace-leaf-content[data-type="kanban"] .view-header-icon svg.blocks {
  background-color: currentColor;
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content[data-type="markdown"] .view-header-icon svg.document {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.903 8.586a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.952.952 0 0 0-.051-.259c-.01-.032-.019-.063-.033-.093zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z"/><path d="M8 12h8v2H8zm0 4h8v2H8zm0-8h2v2H8z"/></svg>');
} 
body:not(.remove-custom-svg-icons) .workspace-leaf-content[data-type="markdown"] .view-header-icon:hover svg.document,
body:not(.remove-custom-svg-icons) .workspace-leaf-content[data-type="empty"] .view-header-icon:hover svg.document,
body:not(.remove-custom-svg-icons) .workspace-leaf-content[data-type="image"] .view-header-icon:hover svg.image-file,
body:not(.remove-custom-svg-icons) .workspace-leaf-content[data-type="kanban"] .view-header-icon:hover svg.blocks {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>');
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content[data-type="image"] .view-header-icon svg.image-file {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="7.499" cy="9.5" r="1.5"/><path d="m10.499 14-1.5-2-3 4h12l-4.5-6z"/><path d="M19.999 4h-16c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm-16 14V6h16l.002 12H3.999z"/></svg>');
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content[data-type="kanban"] .view-header-icon svg.blocks {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><rect fill="none" height="24" width="24"/></g><g><g><rect height="10" width="2" x="7" y="7"/><rect height="5" width="2" x="11" y="7"/><rect height="8" width="2" x="15" y="7"/><path d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19H5V5h14V19z"/></g></g></svg>');
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content[data-type="empty"] .view-header-icon svg.document {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.937 8.68c-.011-.032-.02-.063-.033-.094a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.99.99 0 0 0-.05-.258zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z"></path></svg>');
}

body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action svg{
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action.mod-pin-leaf.is-active svg.filled-pin > path,
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action svg.pencil > path,
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action.mod-close-leaf svg.cross > path,
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action svg.vertical-three-dots > path,
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action svg.reading-glasses > path,
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action svg.link > path,
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action svg.broken-link > path {
  display: none;
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action.mod-pin-leaf.is-active svg.filled-pin,
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action svg.pencil,
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action.mod-close-leaf svg.cross,
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action svg.vertical-three-dots,
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action svg.reading-glasses {
  background-color: currentColor;
}

body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action.mod-pin-leaf.is-active svg.filled-pin {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12 22 1-2v-3h5a1 1 0 0 0 1-1v-1.586c0-.526-.214-1.042-.586-1.414L17 11.586V8a1 1 0 0 0 1-1V4c0-1.103-.897-2-2-2H8c-1.103 0-2 .897-2 2v3a1 1 0 0 0 1 1v3.586L5.586 13A2.01 2.01 0 0 0 5 14.414V16a1 1 0 0 0 1 1h5v3l1 2zM8 4h8v2H8V4zM7 14.414l1.707-1.707A.996.996 0 0 0 9 12V8h6v4c0 .266.105.52.293.707L17 14.414V15H7v-.586z"></path></svg>');
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action svg.pencil {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2zM4 19V5h7v14H4zm9 0V5h7l.001 14H13z"></path><path d="M15 7h3v2h-3zm0 4h3v2h-3z"></path></svg>');
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action.mod-close-leaf svg.cross {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>');
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action svg.vertical-three-dots {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>');
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action svg.reading-glasses {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.045 7.401c.378-.378.586-.88.586-1.414s-.208-1.036-.586-1.414l-1.586-1.586c-.378-.378-.88-.586-1.414-.586s-1.036.208-1.413.585L4 13.585V18h4.413L19.045 7.401zm-3-3 1.587 1.585-1.59 1.584-1.586-1.585 1.589-1.584zM6 16v-1.585l7.04-7.018 1.586 1.586L7.587 16H6zm-2 4h16v2H4z"></path></svg>');
  background-color: var(--theme-color);
  filter: hue-rotate(270deg);
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action svg.link {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.465 11.293c1.133-1.133 3.109-1.133 4.242 0l.707.707 1.414-1.414-.707-.707c-.943-.944-2.199-1.465-3.535-1.465s-2.592.521-3.535 1.465L4.929 12a5.008 5.008 0 0 0 0 7.071 4.983 4.983 0 0 0 3.535 1.462A4.982 4.982 0 0 0 12 19.071l.707-.707-1.414-1.414-.707.707a3.007 3.007 0 0 1-4.243 0 3.005 3.005 0 0 1 0-4.243l2.122-2.121z"></path><path d="m12 4.929-.707.707 1.414 1.414.707-.707a3.007 3.007 0 0 1 4.243 0 3.005 3.005 0 0 1 0 4.243l-2.122 2.121c-1.133 1.133-3.109 1.133-4.242 0L10.586 12l-1.414 1.414.707.707c.943.944 2.199 1.465 3.535 1.465s2.592-.521 3.535-1.465L19.071 12a5.008 5.008 0 0 0 0-7.071 5.006 5.006 0 0 0-7.071 0z"></path></svg>');
  background-color: var(--red);
}
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action svg.broken-link {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.949 14.121 19.071 12a5.008 5.008 0 0 0 0-7.071 5.006 5.006 0 0 0-7.071 0l-.707.707 1.414 1.414.707-.707a3.007 3.007 0 0 1 4.243 0 3.005 3.005 0 0 1 0 4.243l-2.122 2.121a2.723 2.723 0 0 1-.844.57L13.414 12l1.414-1.414-.707-.707a4.965 4.965 0 0 0-3.535-1.465c-.235 0-.464.032-.691.066L3.707 2.293 2.293 3.707l18 18 1.414-1.414-5.536-5.536c.277-.184.538-.396.778-.636zm-6.363 3.536a3.007 3.007 0 0 1-4.243 0 3.005 3.005 0 0 1 0-4.243l1.476-1.475-1.414-1.414L4.929 12a5.008 5.008 0 0 0 0 7.071 4.983 4.983 0 0 0 3.535 1.462A4.982 4.982 0 0 0 12 19.071l.707-.707-1.414-1.414-.707.707z"></path></svg>');
  background-color: var(--red);
}

.nav-file-icon {
  top: 3px;
  margin-right: 1px;
}

body:not(.setting-style-traditional) .menu {
  border: none;
  backdrop-filter: blur(8px);
  background-color: var(--bg-color-settings-6);
  box-shadow: 0 0 8px var(--bg-color-settings-5);
}

.menu-item.selected:not(.is-disabled):not(.is-label) {
  background-color: var(--bg-color-settings-5);
}

body.toggle-bg-file-page .nav-files-container::before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: no-repeat center/cover var(--file-page-background-url-theme);
  z-index: -1;
}

body.toggle-bg-file-page.theme-dark .nav-files-container::before {
  opacity: 0.2;
}

body.toggle-bg-file-page.theme-light .nav-files-container::before {
  opacity: 0.25;
}

body.toggle-bg-file-page.file-page-bg-theme-dark-plant.theme-dark {
  --file-page-background-url-theme: url(https://images.unsplash.com/photo-1538641351053-b85bffeb9b7e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1176&q=80);
}
body.toggle-bg-file-page.file-page-bg-theme-dark-curves.theme-dark {
  --file-page-background-url-theme: url(https://images.unsplash.com/photo-1637946175559-22c4fe13fc54?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=327&q=80);
}
body.toggle-bg-file-page.file-page-bg-theme-dark-sea.theme-dark {
  --file-page-background-url-theme: url(https://images.unsplash.com/photo-1612434995720-89c1537a3009?crop=entropy&cs=tinysrgb&fm=jpg&ixlib=rb-1.2.1&q=80&raw_url=true&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170);
}
body.toggle-bg-file-page.file-page-bg-theme-dark-bulb.theme-dark {
  --file-page-background-url-theme: url(https://images.unsplash.com/photo-1448745799564-e2c1ed534c94?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80);
}
body.toggle-bg-file-page.file-page-bg-theme-dark-random.theme-dark {
  --file-page-background-url-theme: url(https://source.unsplash.com/random?dark);
}
body.toggle-bg-file-page.file-page-bg-theme-dark-custom.theme-dark {
  --file-page-background-url-theme: var(--background-file-page-theme-dark-custom);
}

body.toggle-bg-file-page.file-page-bg-theme-light-curve.theme-light {
  --file-page-background-url-theme: url(https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80);
}
body.toggle-bg-file-page.file-page-bg-theme-light-wall.theme-light {
  --file-page-background-url-theme: url(https://images.unsplash.com/photo-1617713964959-d9a36bbc7b52?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80);
}
body.toggle-bg-file-page.file-page-bg-theme-light-brick.theme-light {
  --file-page-background-url-theme: url(https://images.unsplash.com/photo-1515549832467-8783363e19b6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=327&q=80);
}
body.toggle-bg-file-page.file-page-bg-theme-light-cloud.theme-light {
  --file-page-background-url-theme: url(https://images.unsplash.com/photo-1596367407372-96cb88503db6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80);
}
body.toggle-bg-file-page.file-page-bg-theme-light-random.theme-light {
  --file-page-background-url-theme: url(https://source.unsplash.com/random?white);
}

/* Sea and sky for Blue Topaz */
.workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.12;
  background-size: 100% 100%;
}

body:not(.background-image-settings-switch).theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(5n+0) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url(data:image/jpeg;base64,[encoded data, 37452 characters]);
}
body:not(.background-image-settings-switch).theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(5n+1) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url(data:image/jpeg;base64,[encoded data, 26032 characters]);
}
body:not(.background-image-settings-switch).theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(5n+2) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url(data:image/jpeg;base64,[encoded data, 13928 characters]);
}
body:not(.background-image-settings-switch).theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(5n+3) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url(data:image/jpeg;base64,[encoded data, 33296 characters]);
}
body:not(.background-image-settings-switch).theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(5n+4) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url(data:image/jpeg;base64,[encoded data, 58140 characters]);
}
body:not(.background-image-settings-switch).theme-light .workspace-split.mod-root .workspace-leaf:nth-child(5n+0) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url(data:image/jpeg;base64,[encoded data, 18352 characters]);
}
body:not(.background-image-settings-switch).theme-light .workspace-split.mod-root .workspace-leaf:nth-child(5n+1) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url(data:image/jpeg;base64,[encoded data, 13224 characters]);
}
body:not(.background-image-settings-switch).theme-light .workspace-split.mod-root .workspace-leaf:nth-child(5n+2) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url(data:image/jpeg;base64,[encoded data, 12240 characters]);
}
body:not(.background-image-settings-switch).theme-light .workspace-split.mod-root .workspace-leaf:nth-child(5n+3) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url(data:image/jpeg;base64,[encoded data, 9460 characters]);
}
body:not(.background-image-settings-switch).theme-light .workspace-split.mod-root .workspace-leaf:nth-child(5n+4) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url(data:image/jpeg;base64,[encoded data, 14944 characters]);
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-random .workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.15;
  background-size: cover;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-default .workspace-split.mod-root .workspace-leaf:nth-child(7n+1) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-default .workspace-split.mod-root .workspace-leaf:nth-child(7n+2) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?2") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-default .workspace-split.mod-root .workspace-leaf:nth-child(7n+3) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?3") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-default .workspace-split.mod-root .workspace-leaf:nth-child(7n+4) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?4") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-default .workspace-split.mod-root .workspace-leaf:nth-child(7n+5) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?5") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-default .workspace-split.mod-root .workspace-leaf:nth-child(7n+6) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?6") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-default .workspace-split.mod-root .workspace-leaf:nth-child(7n) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?7") !important;
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-blue .workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.15;
  background-size: cover;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-blue .workspace-split.mod-root .workspace-leaf:nth-child(7n+1) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?blue") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-blue .workspace-split.mod-root .workspace-leaf:nth-child(7n+2) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?blue,light") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-blue .workspace-split.mod-root .workspace-leaf:nth-child(7n+3) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?blue,1") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-blue .workspace-split.mod-root .workspace-leaf:nth-child(7n+4) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?blue,2") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-blue .workspace-split.mod-root .workspace-leaf:nth-child(7n+5) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?blue,3") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-blue .workspace-split.mod-root .workspace-leaf:nth-child(7n+6) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?blue,4") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-blue .workspace-split.mod-root .workspace-leaf:nth-child(7n) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?blue,5") !important;
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-green .workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.15;
  background-size: cover;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-green .workspace-split.mod-root .workspace-leaf:nth-child(7n+1) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?green") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-green .workspace-split.mod-root .workspace-leaf:nth-child(7n+2) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?green,light") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-green .workspace-split.mod-root .workspace-leaf:nth-child(7n+3) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?green,1") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-green .workspace-split.mod-root .workspace-leaf:nth-child(7n+4) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?green,2") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-green .workspace-split.mod-root .workspace-leaf:nth-child(7n+5) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?green,3") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-green .workspace-split.mod-root .workspace-leaf:nth-child(7n+6) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?green,4") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-green .workspace-split.mod-root .workspace-leaf:nth-child(7n) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?green,5") !important;
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-pink .workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.15;
  background-size: cover;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-pink .workspace-split.mod-root .workspace-leaf:nth-child(7n+1) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?pink") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-pink .workspace-split.mod-root .workspace-leaf:nth-child(7n+2) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?pink,light") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-pink .workspace-split.mod-root .workspace-leaf:nth-child(7n+3) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?pink,1") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-pink .workspace-split.mod-root .workspace-leaf:nth-child(7n+4) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?pink,2") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-pink .workspace-split.mod-root .workspace-leaf:nth-child(7n+5) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?pink,3") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-pink .workspace-split.mod-root .workspace-leaf:nth-child(7n+6) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?pink,4") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-pink .workspace-split.mod-root .workspace-leaf:nth-child(7n) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?pink,5") !important;
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-purple .workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.15;
  background-size: cover;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-purple .workspace-split.mod-root .workspace-leaf:nth-child(7n+1) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?purple") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-purple .workspace-split.mod-root .workspace-leaf:nth-child(7n+2) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?purple,light") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-purple .workspace-split.mod-root .workspace-leaf:nth-child(7n+3) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?purple,1") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-purple .workspace-split.mod-root .workspace-leaf:nth-child(7n+4) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?purple,2") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-purple .workspace-split.mod-root .workspace-leaf:nth-child(7n+5) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?purple,3") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-purple .workspace-split.mod-root .workspace-leaf:nth-child(7n+6) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?purple,4") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-purple .workspace-split.mod-root .workspace-leaf:nth-child(7n) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?purple,5") !important;
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-red .workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.15;
  background-size: cover;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-red .workspace-split.mod-root .workspace-leaf:nth-child(7n+1) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?red") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-red .workspace-split.mod-root .workspace-leaf:nth-child(7n+2) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?red,light") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-red .workspace-split.mod-root .workspace-leaf:nth-child(7n+3) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?red,1") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-red .workspace-split.mod-root .workspace-leaf:nth-child(7n+4) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?red,2") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-red .workspace-split.mod-root .workspace-leaf:nth-child(7n+5) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?red,3") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-red .workspace-split.mod-root .workspace-leaf:nth-child(7n+6) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?red,4") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-red .workspace-split.mod-root .workspace-leaf:nth-child(7n) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?red,5") !important;
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-yellow-and-orange .workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.15;
  background-size: cover;
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-yellow-and-orange .workspace-split.mod-root .workspace-leaf:nth-child(7n+1) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?yellow") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-yellow-and-orange .workspace-split.mod-root .workspace-leaf:nth-child(7n+2) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?orange") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-yellow-and-orange .workspace-split.mod-root .workspace-leaf:nth-child(7n+3) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?yellow,1") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-yellow-and-orange .workspace-split.mod-root .workspace-leaf:nth-child(7n+4) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?orange,1") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-yellow-and-orange .workspace-split.mod-root .workspace-leaf:nth-child(7n+5) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?yellow,2") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-yellow-and-orange .workspace-split.mod-root .workspace-leaf:nth-child(7n+6) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?yellow,orange") !important;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-random.background-image-settings-markdown-page-random-yellow-and-orange .workspace-split.mod-root .workspace-leaf:nth-child(7n) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://source.unsplash.com/random?yellow,orange,1") !important;
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-sea-and-sky .workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.15;
  background-size: cover;
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-sea-and-sky.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(5n+1) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1543188643-0526808dee93?ixid=MnwxMjA3fDB8MHxzZWFyY2h8OTd8fG9jZWFufGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-sea-and-sky.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(5n+2) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1530053969600-caed2596d242?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NDB8fG9jZWFufGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-sea-and-sky.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(5n+3) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1477342620885-10e8a3790e30?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MzZ8fG9jZWFufGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-sea-and-sky.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(5n+4) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1518399681705-1c1a55e5e883?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NjF8fG9jZWFufGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-sea-and-sky.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(5n) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1550868142-97bfb991bbd8?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NjZ8fG9jZWFufGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-sea-and-sky.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
  opacity: 0.12;
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-sea-and-sky.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(5n+1) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1609086491368-78f4af23e5c5?ixid=MnwxMjA3fDB8MHx2aXN1YWwtc2VhcmNofDEyOHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-sea-and-sky.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(5n+2) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1620590532278-c9225fc3eac6?ixid=MnwxMjA3fDB8MHx2aXN1YWwtc2VhcmNofDF8fHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-sea-and-sky.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(5n+3) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1628430523678-253f14a42dd6?ixid=MnwxMjA3fDB8MHx2aXN1YWwtc2VhcmNofDI2N3x8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-sea-and-sky.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(5n+4) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1553227483-2d27fcf88ebe?ixid=MnwxMjA3fDB8MHx2aXN1YWwtc2VhcmNofDc1fHx8ZW58MHx8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-sea-and-sky.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(5n) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1619416656371-2cf425e158ca?ixid=MnwxMjA3fDB8MHx2aXN1YWwtc2VhcmNofDkxfHx8ZW58MHx8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-four-seasons .workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.15;
  background-size: 100% 100%;
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-four-seasons.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(4n+1) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1551582045-6ec9c11d8697?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=465&q=80");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-four-seasons.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(4n+2) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1424384309529-4f05c2349657?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=387&q=80");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-four-seasons.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(4n+3) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1553649084-3e42773ff0e3?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-four-seasons.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(4n) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1604007803492-3ba583208302?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=387&q=80");
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-four-seasons.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
  opacity: 0.13;
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-four-seasons.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(4n+1) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1503517245364-78fc9a9cdd37?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=386&q=80");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-four-seasons.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(4n+2) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1522748906645-95d8adfd52c7?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-four-seasons.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(4n+3) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1557434440-d4d48e6578b5?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=435&q=80");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-four-seasons.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(4n) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1603388115096-e71e44b67a0d?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=388&q=80");
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-woof-meow .workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.13;
  background-size: cover;
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-woof-meow.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(4n+1) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1593042905117-7e61dd9196b6?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MjB8fHdvb2Z8ZW58MHx8MHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-woof-meow.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(4n+2) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1517321759936-7446b48b9643?ixid=MnwxMjA3fDB8MHx2aXN1YWwtc2VhcmNofDF8fHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-woof-meow.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(4n+3) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1552053831-71594a27632d?ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8ZG9nfGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-woof-meow.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(4n) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1526336024174-e58f5cdd8e13?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=387&q=80");
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-woof-meow.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
  opacity: 0.13;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-woof-meow.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(4n+1) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1587463272361-565200f82b33?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8ODd8fGRvZ3xlbnwwfHwwfHw%3D&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-woof-meow.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(4n+2) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1582264665500-b3ae21f3f163?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTE2fHxjYXR8ZW58MHx8MHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-woof-meow.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(4n+3) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1560807707-8cc77767d783?ixid=MnwxMjA3fDB8MHxzZWFyY2h8N3x8ZG9nfGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-woof-meow.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(4n) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1582797493098-23d8d0cc6769?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTMyfHxjYXR8ZW58MHx8MHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-white-and-black .workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.13;
  background-size: cover;
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-white-and-black.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(4n+1) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1549281899-f75600a24107?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTQ0fHx3aGl0ZSUyMGJsYWNrfGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-white-and-black.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(4n+2) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1512514076443-1eef59c260b0?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NzF8fHdoaXRlJTIwYmxhY2t8ZW58MHx8MHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-white-and-black.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(4n+3) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1518156677180-95a2893f3e9f?ixid=MnwxMjA3fDB8MHxzZWFyY2h8Njd8fHdoaXRlJTIwYmxhY2t8ZW58MHx8MHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-white-and-black.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(4n) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1489416656989-27c1c2236852?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MjN8fHdoaXRlJTIwYmxhY2t8ZW58MHx8MHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-white-and-black.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
  opacity: 0.13;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-white-and-black.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(4n+1) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1519120944692-1a8d8cfc107f?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MzJ8fHdoaXRlJTIwYmxhY2t8ZW58MHx8MHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-white-and-black.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(4n+2) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1487260211189-670c54da558d?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTB8fHdoaXRlJTIwYmxhY2t8ZW58MHx8MHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-white-and-black.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(4n+3) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1520262494112-9fe481d36ec3?ixid=MnwxMjA3fDB8MHxzZWFyY2h8OHx8d2hpdGUlMjBibGFja3xlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-white-and-black.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(4n) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1527567018838-584d3468eb85?ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mjl8fHdoaXRlJTIwYmxhY2t8ZW58MHx8MHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-kawaii .workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.13;
  background-size: cover;
}

body:not(.background-image-settings-switch).background-image-settings-markdown-page-kawaii.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(4n+1) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1471644778460-220908b75485?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1172&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-kawaii.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(4n+2) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1583091618471-56becbdb1c00?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NDN8fGN1dGV8ZW58MHx8MHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-kawaii.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(4n+3) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1523992038393-d5ab874a077e?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1170&q=80");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-kawaii.theme-dark .workspace-split.mod-root .workspace-leaf:nth-child(4n) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1495192838256-ed16d5160e9c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1169&q=80");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-kawaii.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(n) .workspace-leaf-content[data-type="markdown"]::before {
  opacity: 0.13;
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-kawaii.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(4n+1) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1514517521153-1be72277b32f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-kawaii.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(4n+2) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1624534881842-3d46b79c318e?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NHx8a2F3YWlpfGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-kawaii.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(4n+3) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1605125207433-a67e404afc0f?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NXx8a2F3YWlpfGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
}
body:not(.background-image-settings-switch).background-image-settings-markdown-page-kawaii.theme-light .workspace-split.mod-root .workspace-leaf:nth-child(4n) .workspace-leaf-content[data-type="markdown"]::before {
  background-image: url("https://images.unsplash.com/photo-1525268771113-32d9e9021a97?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=580&q=60");
}

/* ================================== */
/* ============= publish ============ */
/* ================================== */
.site-body .site-body-left-column-site-name {
  color: var(--theme-color);
  font-size: 2.5em;
}

.modal.mod-publish .file-tree-item-checkbox {
  filter: hue-rotate(var(--theme-color));
}

.graph-view-outer .graph-view-container {
  background-color: var(--background-secondary-bg-4-bt);
}

.site-body-left-column,
.site-body-left-column:before {
  background-color: var(--background-secondary-bg-4-bt);
}

.theme-light .site-body-left-column,
.theme-light .site-body-left-column:before {
  background-color: var(--background-secondary-alt-bg-4-bt-publish);
}

.nav-view-outer .tree-item .tree-item .tree-item-children {
  margin-left: 12px;
  padding-left: 0;
  border-left: 1px solid var(--background-modifier-border);
  border-radius: 0;
  transition: all 400ms ease-in;
}

.nav-view-outer .tree-item .tree-item .tree-item-children:hover {
  border-left-color: var(--theme-color);
}

body:not(.default-icons) .nav-view-outer .tree-item-self.collapse-icon {
  left: 0px;
  top: 7px;
  margin-top: 0px;
}

body:not(.default-icons) .nav-view-outer .tree-item-self .tree-item-icon::before {
  content: "↓";
  font-size: 14px;
  font-family: 'Inter';
  font-weight: bold;
  color: var(--text-accent);
  transition: transform 10ms linear 0s;
}

body:not(.default-icons) .nav-view-outer .tree-item-self .tree-item-icon svg {
  display: none;
  color: var(--accent-strong);
  height: 7px;
  width: 7px;
}

body:not(.default-icons) .nav-view-outer .tree-item.is-collapsed .tree-item-icon.collapse-icon {
  transform: translateX(0px) translateY(0px) rotate(-90deg);
  opacity: 0.5;
}

.nav-view-outer .tree-item-self.mod-active {
  --background-secondary-alt: var(--interactive-accent);
  --text-normal: #ffffff;
}

.nav-view-outer .tree-item .tree-item-self.is-clickable {
  color: var(--text-normal);
  font-weight: 600;
}

.nav-view-outer .tree-item .tree-item-self.is-clickable:hover {
  background-color: var(--background-secondary-alt);
}

.nav-view-outer .tree-item.is-collapsed .tree-item-self.is-clickable {
  color: var(--text-muted);
}

.outline-view-outer .tree-item .tree-item-children {
  margin-left: 12px;
  padding-left: 0;
  border-left: 1px solid var(--background-modifier-border);
  border-radius: 0;
  transition: all 400ms ease-in;
}

.outline-view-outer .tree-item.tree-item-children:hover {
  border-left-color: var(--theme-color);
}

.outline-view-outer .tree-item-self {
  padding: 2px 6px 2px 10px;
}

.outline-view-outer .tree-item-self.mod-active {
  background-color: var(--theme-color-translucent-1);
}

.site-body :is(.markdown-preview-view,.markdown-rendered) .tag:not(.token) {
  color: var(--tag-text);
}

.site-body .publish-renderer :is(.markdown-preview-view,.markdown-rendered) ol>li {
  border-left: 0.125em solid var(--list-ol-block-color);
}

.site-body .publish-renderer :is(.markdown-preview-view,.markdown-rendered) ul>li:not(.task-list-item) {
  border-left: 0.125em solid var(--list-ul-block-color);
}


/* Coloured Folders for Blue Topaz 0-Z, v0.3
modified from the snippet created by @Lithou */
body.folder-style-change-options-colorful.theme-dark {
  --FoldText: #cbcbcb;
}

/*color scheme-1, high transparency*/
body.folder-style-change-options-colorful.folder-colorful-one.theme-dark {
  --Fold0: #ff40403d;
  --Fold1: #f31f7448;
  --Fold2: #be25ff49;
  --Fold3: #7337ff67;
  --Fold4: #2f4bff65;
  --Fold5: #1372d188;
  --Fold6: #0289d17e;
  --Fold7: #0096a77e;
  --Fold8: #00796b94;
  --Fold9: #388e3c80;

  --FoldA: #689f3883;
  --FoldB: #afb42b81;
  --FoldC: #f9ab255d;
  --FoldD: #ff910063;
  --FoldE: #ef6c0067;
  --FoldF: #d8421559;
  --FoldG: #1e5f74ca;

  --FoldH: #c53571b9;
  --FoldI: #4b5d67d0;
  --FoldJ: #295d6d7a;
  --FoldK: #5734d691;
  --FoldL: #4c4c6dda;
  --FoldM: #ad62aab9;
  --FoldN: #c490e4a1;

  --FoldO: #b42a3d8e;
  --FoldP: #af173880;
  --FoldQ: #4c25a0b2;
  --FoldR: #5f84dbc4;
  --FoldS: #c06c84ce;
  --FoldT: #684656d5;

  --FoldU: #797d8581;
  --FoldV: #556e53e3;
  --FoldW: #2f5241b2;
  --FoldX: #834c69ed;
  --FoldY: #df85c885;
  --FoldZ: #362222ea;
}

/*color scheme-2, low transparency*/
body.folder-style-change-options-colorful.folder-colorful-two.theme-dark {
  --Fold0: #823131d7;
  --Fold1: #96174ad7;
  --Fold2: #731a9ad7;
  --Fold3: #543796d7;
  --Fold4: #2b3ba2d7;
  --Fold5: #185898d7;
  --Fold6: #1e6b95d7;
  --Fold7: #187782d7;
  --Fold8: #0d6a5fd7;
  --Fold9: #1f7624d7;

  --FoldA: #2f6007ef;
  --FoldB: #6c7e12ef;
  --FoldC: #7b7e0def;
  --FoldD: #7f6c0cef;
  --FoldE: #7d550cef;
  --FoldF: #76350aef;
  --FoldG: #671c14ef;

  --FoldH: #710d0def;
  --FoldI: #7a0d36ef;
  --FoldJ: #710b52ef;
  --FoldK: #710e7aef;
  --FoldL: #621287ef;
  --FoldM: #470f7bef;
  --FoldN: #381182ef;

  --FoldO: #1c1089ef;
  --FoldP: #192698ef;
  --FoldQ: #1737a2ef;
  --FoldR: #0e4295ef;
  --FoldS: #0f5495ef;
  --FoldT: #0f5f8eef;

  --FoldU: #0d687eef;
  --FoldV: #0a7373ef;
  --FoldW: #0d6e5def;
  --FoldX: #0b6542ef;
  --FoldY: #0a642def;
  --FoldZ: #105b09ef;
}

/*color scheme-3*/
body.folder-style-change-options-colorful.folder-colorful-three.theme-dark {
  --Fold0: #002044d7;
  --Fold1: #042b58d7;
  --Fold2: #032d5dd7;
  --Fold3: #032f60d7;
  --Fold4: #04356ed7;
  --Fold5: #053c7ad7;
  --Fold6: #0f4a8ed7;
  --Fold7: #18559ad7;
  --Fold8: #1e5fa9d7;
  --Fold9: #296bb6d7;

  --FoldA: #003404ef;
  --FoldB: #014406ef;
  --FoldC: #004c06ef;
  --FoldD: #005607ef;
  --FoldE: #005d08ef;
  --FoldF: #006c09ef;
  --FoldG: #007a06ef;

  --FoldH: #4e3200ef;
  --FoldI: #5d3c00ef;
  --FoldJ: #6c4600ef;
  --FoldK: #784e00ef;
  --FoldL: #8c5b00ef;
  --FoldM: #915e00ef;
  --FoldN: #a06800ef;

  --FoldO: #5d0000ef;
  --FoldP: #640000ef;
  --FoldQ: #780000ef;
  --FoldR: #870000ef;
  --FoldS: #930000ef;
  --FoldT: #a20000ef;

  --FoldU: #0a0f58ef;
  --FoldV: #050b64ef;
  --FoldW: #091075ef;
  --FoldX: #131a82ef;
  --FoldY: #1f2791ef;
  --FoldZ: #2a3296ef;
}

/*color scheme-4*/
body.folder-style-change-options-colorful.folder-colorful-four.theme-dark {
  --Fold0: #002f65d7;
  --Fold1: #003675d7;
  --Fold2: #003d82d7;
  --Fold3: #004696d7;
  --Fold4: #0053b1d7;
  --Fold5: #0657b5d7;
  --Fold6: #0b66ced7;
  --Fold7: #156cd0d7;
  --Fold8: #2278dad7;
  --Fold9: #2879d6d7;

  --FoldA: #001e5fef;
  --FoldB: #002473ef;
  --FoldC: #002d90ef;
  --FoldD: #0135a5ef;
  --FoldE: #073bb6ef;
  --FoldF: #0d46c2ef;
  --FoldG: #1253d6ef;

  --FoldH: #002351ef;
  --FoldI: #00306eef;
  --FoldJ: #05336fef;
  --FoldK: #093c7eef;
  --FoldL: #0f4489ef;
  --FoldM: #19529def;
  --FoldN: #2965b3ef;

  --FoldO: #003156ef;
  --FoldP: #003f6fef;
  --FoldQ: #004b84ef;
  --FoldR: #005190ef;
  --FoldS: #07599bef;
  --FoldT: #1c6db0ef;

  --FoldU: #003d5aef;
  --FoldV: #004d71ef;
  --FoldW: #005c87ef;
  --FoldX: #066996ef;
  --FoldY: #1379a9ef;
  --FoldZ: #1b89bbef;
}

/*color scheme-5*/
body.folder-style-change-options-colorful.folder-colorful-five.theme-dark {
  --Fold0: #7b7b05d7;
  --Fold1: #2d7a04d7;
  --Fold2: #097a4bd7;
  --Fold3: #09756fd7;
  --Fold4: #0a6b7ad7;
  --Fold5: #0b556ed7;
  --Fold6: #0b426fd7;
  --Fold7: #0d226ed7;
  --Fold8: #350e6cd7;
  --Fold9: #5b0254d7;

  --FoldA: #350e6cd7;
  --FoldB: #0d226ed7;
  --FoldC: #0b426fd7;
  --FoldD: #0b556ed7;
  --FoldE: #09756fd7;
  --FoldF: #097a4bd7;
  --FoldG: #2d7a04d7;

  --FoldH: #7b7b05d7;
  --FoldI: #2d7a04d7;
  --FoldJ: #097a4bd7;
  --FoldK: #09756fd7;
  --FoldL: #0b556ed7;
  --FoldM: #0b556ed7;
  --FoldN: #0b426fd7;

  --FoldO: #0d226ed7;
  --FoldP: #350e6cd7;
  --FoldQ: #5b0254d7;
  --FoldR: #350e6cd7;
  --FoldS: #0d226ed7;
  --FoldT: #0b426fd7;

  --FoldU: #0b556ed7;
  --FoldV: #0b556ed7;
  --FoldW: #09756fd7;
  --FoldX: #097a4bd7;
  --FoldY: #2d7a04d7;
  --FoldZ: #7b7b05d7;
}

body.folder-style-change-options-colorful.theme-light {
  --FoldText: #000000;
}

/*color scheme-1, high transparency*/
body.folder-style-change-options-colorful.folder-colorful-one.theme-light {
  --Fold0: #ff9a9a54;
  --Fold1: #ff8cba69;
  --Fold2: #da83ff69;
  --Fold3: #9f76ff65;
  --Fold4: #677bff5e;
  --Fold5: #389cff5d;
  --Fold6: #0eabff5d;
  --Fold7: #0096a75d;
  --Fold8: #009b895b;
  --Fold9: #47b14c62;

  --FoldA: #7dbb465e;
  --FoldB: #a9bb465e;
  --FoldC: #ccce3d65;
  --FoldD: #e2c33b65;
  --FoldE: #e2a73b65;
  --FoldF: #e27e3b65;
  --FoldG: #e24e3b65;

  --FoldH: #ff313165;
  --FoldI: #ff31806e;
  --FoldJ: #ff31c16e;
  --FoldK: #ee31ff6e;
  --FoldL: #be31ff6e;
  --FoldM: #9b31ff6e;
  --FoldN: #7931ff6e;

  --FoldO: #4631ff6e;
  --FoldP: #3146ff6e;
  --FoldQ: #3161ff6e;
  --FoldR: #3180ff6e;
  --FoldS: #3497f36e;
  --FoldT: #34a9ec6e;

  --FoldU: #34c5e96e;
  --FoldV: #31d8d86e;
  --FoldW: #31d8bc6e;
  --FoldX: #31d8986e;
  --FoldY: #31d8716e;
  --FoldZ: #3fd8316e;
}

/*color scheme-2, low transparency*/
body.folder-style-change-options-colorful.folder-colorful-two.theme-light {
  --Fold0: #ffb9b9d7;
  --Fold1: #ffa3c8d7;
  --Fold2: #e4a4ffd7;
  --Fold3: #c5adffd7;
  --Fold4: #98a5ffd7;
  --Fold5: #84c2ffd7;
  --Fold6: #73ceffd7;
  --Fold7: #4ad5e4d7;
  --Fold8: #69e6d7d7;
  --Fold9: #7ee483d7;

  --FoldA: #c1eb9fef;
  --FoldB: #dbe6a2ef;
  --FoldC: #e5e7a1ef;
  --FoldD: #eee19def;
  --FoldE: #eed5a7ef;
  --FoldF: #f1c5a8ef;
  --FoldG: #f8b6aeef;

  --FoldH: #ffacacef;
  --FoldI: #ffa8c9ef;
  --FoldJ: #ffa7e5ef;
  --FoldK: #f8acffef;
  --FoldL: #e5acffef;
  --FoldM: #d4a7ffef;
  --FoldN: #c7a9ffef;

  --FoldO: #b7afffef;
  --FoldP: #adb5ffef;
  --FoldQ: #adc0ffef;
  --FoldR: #a1c5ffef;
  --FoldS: #a6d4ffef;
  --FoldT: #a8dfffef;

  --FoldU: #97e1f3ef;
  --FoldV: #97e9e9ef;
  --FoldW: #93e9dbef;
  --FoldX: #a0ebceef;
  --FoldY: #9de9baef;
  --FoldZ: #a7e9a1ef;
}

/*color scheme-3*/
body.folder-style-change-options-colorful.folder-colorful-three.theme-light {
  --Fold0: #50a2ffd7;
  --Fold1: #60aaffd7;
  --Fold2: #6eb2ffd7;
  --Fold3: #76b6ffd7;
  --Fold4: #89c0ffd7;
  --Fold5: #93c5ffd7;
  --Fold6: #aad2ffd7;
  --Fold7: #bbdbffd7;
  --Fold8: #c8e2ffd7;
  --Fold9: #d2e7ffd7;

  --FoldA: #80dc87ef;
  --FoldB: #8fe296ef;
  --FoldC: #9de5a3ef;
  --FoldD: #b1ebb6ef;
  --FoldE: #bbebbfef;
  --FoldF: #c8ebcbef;
  --FoldG: #d9ecdaef;

  --FoldH: #ffbc40ef;
  --FoldI: #ffc75fef;
  --FoldJ: #ffcd71ef;
  --FoldK: #ffd485ef;
  --FoldL: #ffe0a6ef;
  --FoldM: #ffe7bbef;
  --FoldN: #ffedcbef;

  --FoldO: #ff7676ef;
  --FoldP: #ff9494ef;
  --FoldQ: #ffa1a1ef;
  --FoldR: #ffb8b8ef;
  --FoldS: #ffcbcbef;
  --FoldT: #ffe1e1ef;

  --FoldU: #a38fffef;
  --FoldV: #b09fffef;
  --FoldW: #c2b5ffef;
  --FoldX: #d2c6ffef;
  --FoldY: #e0daffef;
  --FoldZ: #eae4ffef;
}

/*color scheme-4*/
body.folder-style-change-options-colorful.folder-colorful-four.theme-light {
  --Fold0: #50a2ffd7;
  --Fold1: #60aaffd7;
  --Fold2: #6eb2ffd7;
  --Fold3: #76b6ffd7;
  --Fold4: #89c0ffd7;
  --Fold5: #93c5ffd7;
  --Fold6: #aad2ffd7;
  --Fold7: #bbdbffd7;
  --Fold8: #c8e2ffd7;
  --Fold9: #d2e7ffd7;

  --FoldA: #709effef;
  --FoldB: #81a9ffef;
  --FoldC: #92b5ffef;
  --FoldD: #a4c1ffef;
  --FoldE: #b4cbffef;
  --FoldF: #c3d6ffef;
  --FoldG: #d4e2ffef;

  --FoldH: #7ab3ffef;
  --FoldI: #86bbffef;
  --FoldJ: #9dc7ffef;
  --FoldK: #acd0ffef;
  --FoldL: #b1d3ffef;
  --FoldM: #c6dfffef;
  --FoldN: #d1e5ffef;

  --FoldO: #80c8ffef;
  --FoldP: #97d2ffef;
  --FoldQ: #a9daffef;
  --FoldR: #b7e0ffef;
  --FoldS: #c8e6ffef;
  --FoldT: #d9eeffef;

  --FoldU: #7dd6ffef;
  --FoldV: #94ddffef;
  --FoldW: #a4e2ffef;
  --FoldX: #b5e8ffef;
  --FoldY: #c5edffef;
  --FoldZ: #d2f1ffef;
}

/*color scheme-5*/
body.folder-style-change-options-colorful.folder-colorful-five.theme-light {
  --Fold0: #e4e483d7;
  --Fold1: #bde7a7d7;
  --Fold2: #9de2c5d7;
  --Fold3: #93dad6d7;
  --Fold4: #9de2ecd7;
  --Fold5: #8ddcf7d7;
  --Fold6: #8acaffd7;
  --Fold7: #aebdf3d7;
  --Fold8: #cab2ebd7;
  --Fold9: #e9b1e5d7;

  --FoldA: #cab2ebd7;
  --FoldB: #aebdf3d7;
  --FoldC: #8acaffd7;
  --FoldD: #9de2ecd7;
  --FoldE: #93dad6d7;
  --FoldF: #9de2c5d7;
  --FoldG: #bde7a7d7;

  --FoldH: #e4e483d7;
  --FoldI: #bde7a7d7;
  --FoldJ: #9de2c5d7;
  --FoldK: #93dad6d7;
  --FoldL: #9de2ecd7;
  --FoldM: #8ddcf7d7;
  --FoldN: #8acaffd7;

  --FoldO: #aebdf3d7;
  --FoldP: #cab2ebd7;
  --FoldQ: #e9b1e5d7;
  --FoldR: #cab2ebd7;
  --FoldS: #aebdf3d7;
  --FoldT: #8acaffd7;

  --FoldU: #8ddcf7d7;
  --FoldV: #9de2ecd7;
  --FoldW: #93dad6d7;
  --FoldX: #9de2c5d7;
  --FoldY: #bde7a7d7;
  --FoldZ: #e4e483d7;
}

/* Set up explorer container margins */
body.folder-style-change-options-colorful .nav-files-container {
  margin: 0 5px;
}

/* Remove collapse arrow from top level folders */
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title>.nav-folder-collapse-indicator {
  display: none;
}

/* Top Level Folder Titles */
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title {
  color: var(--FoldText);
  padding-left: 3px;
  margin-top: 7px;
  /* space between top level sections */
  border-radius: 5px 5px 0 0;
}

/* Rounded borders */
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder.is-collapsed>.nav-folder-title {
  border-radius: 5px;
}

/* General Nav Folder Children (this is the part that expands from each top level folder) */
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-children {
  padding-left: 0;
  margin-left: 0;
  border-top: var(--FoldText) 1px solid;
  border-radius: 0 0 5px 5px;
  padding-bottom: 12px;
  border-left: 0px solid;
}

body.folder-style-change-options-colorful .nav-file-title {
  padding-left: 5px;
}

body.folder-style-change-options-colorful .nav-file-title-content {
  color: var(--FoldText);
}

/*
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder>.nav-folder-children {
  margin-left: 0;
  padding-left: 0;
  border-left: unset !important;
  border-radius: 0;
  transition: all 400ms ease-in;
}
*/
body.folder-style-change-options-colorful.is-mobile .nav-folder-title {
  margin-bottom: 0;
}

body.folder-style-change-options-colorful .nav-folder-children .nav-folder-children {
  border-left: 1px solid var(--text-muted);
}

body.folder-style-change-options-colorful.is-mobile .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-children {
  padding-bottom: 5px;
}

/* active file increase font size and removes normal highlight marker */
body.folder-style-change-options-colorful .nav-file-title.is-active {
  background-color: var(--theme-color-translucent-1);
}

/* Adds hemisphere marker to active file instead */
body.folder-style-change-options-colorful .nav-file-title.is-active::before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 2px;
  width: 100%;
  background-image: linear-gradient(to right, var(--theme-color), transparent 90%);
}

body.unmuted-collapsed-folder.folder-style-change-options-colorful .nav-folder.is-collapsed {
  opacity: 1;
}

/* 16 Top level Folders By Starting Digit (0-F)
These are set for me by leading number/letter which also ensures they are in the correct order when sorted alphabetically
You can change these to match your use case.
*/
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="0"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="0"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="0"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--Fold0);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="1"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="1"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="1"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--Fold1);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="2"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="2"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="2"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--Fold2);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="3"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="3"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="3"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--Fold3);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="4"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="4"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="4"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--Fold4);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="5"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="5"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="5"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--Fold5);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="6"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="6"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="6"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--Fold6);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="7"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="7"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="7"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--Fold7);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="8"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="8"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="8"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--Fold8);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="9"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="9"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="9"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--Fold9);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="A"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="A"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="A"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldA);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="B"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="B"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="B"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldB);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="C"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="C"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="C"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldC);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="D"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="D"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="D"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldD);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="E"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="E"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="E"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldE);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="F"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="F"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="F"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldF);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="G"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="G"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="G"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldG);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="H"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="H"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="H"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldH);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="I"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="I"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="I"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldI);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="J"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="J"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="J"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldJ);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="K"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="K"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="K"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldK);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="L"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="L"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="L"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldL);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="M"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="M"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="M"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldM);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="N"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="N"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="N"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldN);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="O"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="O"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="O"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldO);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="P"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="P"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="P"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldP);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Q"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Q"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Q"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldQ);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="R"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="R"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="R"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldR);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="S"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="S"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="S"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldS);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="T"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="T"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="T"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldT);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="U"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="U"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="U"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldU);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="V"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="V"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="V"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldV);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="W"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="W"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="W"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldW);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="X"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="X"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="X"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldX);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Y"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Y"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Y"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldY);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Z"],
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Z"]+.nav-folder-children,
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children>.nav-folder>.nav-folder-title[data-path^="Z"]+.nav-folder-children .nav-file-title.is-active {
  background-color: var(--FoldZ);
}
body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children .nav-file-title.is-active {
  filter: hue-rotate(110deg);
}
/* Scrollbars eliminated 
body.folder-style-change-options-colorful .workspace-leaf-content[data-type='file-explorer'] ::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
*/

body.folder-style-change-options-colorful .nav-folder-title:hover {
  background-color: var(--background-secondary-alt) !important;
}

body.folder-style-change-options-colorful .theme-dark .workspace-leaf-content[data-type="file-explorer"] {
  background-color: var(--background-secondary-alt-bg-4-bt);
}

body.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-title {
  background-color: initial;
  font-size: 1.3em;
}

/*style settings blockquote quotation marks*/
body.blockquote-style-quotation-mark :is(.markdown-preview-view,.markdown-rendered) blockquote {
  color: var(--text-normal);
  box-shadow: 0 0.8rem 2rem rgba(0, 0, 0, 0.1);
}

body.blockquote-style-quotation-mark :is(.markdown-preview-view,.markdown-rendered) blockquote {
  padding-left: 35px;
  padding-right: 10px;
  margin-inline-start: 1%;
  margin-inline-end: 1%;
  border-left-width: 0px;
}

body.blockquote-style-quotation-mark :is(.markdown-preview-view,.markdown-rendered) blockquote p {
  position: relative;
  margin-left: 0.7em;
  margin-right: 0;
  font-size: var(--font-size-preview-blockquote);
}

body.blockquote-style-quotation-mark :is(.markdown-preview-view,.markdown-rendered) blockquote p:first-of-type::before {
  content: '\ee81';
  font-size: 2em;
  font-family: boxicons;
  color: var(--text-folder-file-icon);
  position: absolute;
  top: -0.4em;
  left: -1.2em;
}

/*style settings blockquote quotation marks for cm6 live preview*/
body.blockquote-style-quotation-mark .markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote {
  padding-left: 2.3em !important;
  border-left-width: 0px;
}
/* body.blockquote-style-quotation-mark .markdown-source-view.mod-cm6.is-live-preview 
.HyperMD-quote span.cm-quote:not(.cm-formatting){
  display: inline;
  position: relative;
  padding-top: 5px;
  font-size: var(--font-size-preview-blockquote);
}  */

body.blockquote-style-quotation-mark 
.markdown-source-view.mod-cm6.is-live-preview 
.HyperMD-quote:not(.cm-active) > .cm-formatting.cm-formatting-quote.cm-quote::before {
  content: '\ee81';
  font-size: 1.5em;
  font-family: boxicons;
  color: var(--text-folder-file-icon);
  position: absolute;
  margin-left: -0.8em;
}
body.blockquote-style-quotation-mark .markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote + .HyperMD-quote > .cm-formatting.cm-formatting-quote.cm-quote::before {
  display: none;
}
body.blockquote-style-quotation-mark .markdown-source-view.mod-cm6.is-live-preview .cm-content div.HyperMD-quote .cm-blockquote-border {
  border: none;
}

/*speech bubble-1*/
body.blockquote-style-speech-bubble-one :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote {
  position: relative;
  color: var(--theme-color);
  font-weight: normal;
  line-height: 1.5;
  margin-top: 2em;
  margin-bottom: 2.5em;
  border: 3px solid;
  border-radius: 20px;
  padding: 10px 15px;
  background: var(--background-primary-bg-4-bt) !important;
}

body.blockquote-style-speech-bubble-one .theme-dark :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote {
  background-color: var(--background-primary-bg-4-bt) !important;
}

body.blockquote-style-speech-bubble-one :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote p {
  color: var(--text-normal);
}

body.blockquote-style-speech-bubble-one :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote:after {
  content: '';
  position: absolute;
  border: 2.5px solid var(--theme-color);
  border-radius: 35px 0 0 0;
  width: 1.75rem;
  height: 3.45rem;
  bottom: -3.65rem;
  left: 1.8rem;
  border-bottom: none;
  border-left: none;
  border-right: none;
  z-index: 3;
}

body.blockquote-style-speech-bubble-one :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote:before {
  content: '';
  position: absolute;
  width: 25px;
  border: 4px solid var(--background-primary-bg-4-bt);
  bottom: -4px;
  left: 20px;
  z-index: 2;
}

/*speech bubble-2*/
/*adapted from https://codepen.io/mchernin34/pen/ojXvLq*/
body.blockquote-style-speech-bubble-two :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote {
  position: relative;
  padding: 10px;
  margin-top: 1.5rem;
  margin-bottom: 2.2rem;
  border: 4px solid var(--theme-color);
  text-align: center;
  background: var(--background-primary-bg-4-bt);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: 1.2em;
}

body.blockquote-style-speech-bubble-two .theme-dark :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote {
  background-color: var(--background-primary-bg-4-bt) !important;
  border: 4px solid var(--theme-color);
}

body.blockquote-style-speech-bubble-two.theme-dark :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote:before,
body.blockquote-style-speech-bubble-two.theme-dark :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote:after {
  border-color: var(--theme-color);
}

body.blockquote-style-speech-bubble-two.theme-dark :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote> :first-child:before {
  background: var(--theme-color);
}

body.blockquote-style-speech-bubble-two :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote:before {
  content: '';
  position: absolute;
  z-index: 10;
  bottom: -35px;
  left: 50px;
  width: 50px;
  height: 29px;
  border-style: solid;
  border-width: 0 7px 4px 0;
  border-color: var(--theme-color);
  background: transparent;
  -webkit-border-bottom-right-radius: 80px 50px;
  -moz-border-radius-bottomright: 80px 50px;
  border-bottom-right-radius: 80px 50px;
  display: block;
}

body.blockquote-style-speech-bubble-two :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote:after {
  content: '';
  position: absolute;
  z-index: 10;
  bottom: -35px;
  left: 49px;
  width: 20px;
  height: 29px;
  border-style: solid;
  border-width: 0 7px 4px 0;
  border-color: var(--theme-color);
  background: transparent;
  -webkit-border-bottom-right-radius: 40px 50px;
  -moz-border-radius-bottomright: 40px 50px;
  border-bottom-right-radius: 40px 50px;
  display: block;
}

/* creates a small circle to produce a rounded point where the two curves meet */
body.blockquote-style-speech-bubble-two :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote> :first-child:before {
  content: '';
  position: absolute;
  bottom: -35px;
  left: 47px;
  width: 4px;
  height: 4px;
  background: var(--theme-color);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* creates a white rectangle to cover part of the oval border*/
body.blockquote-style-speech-bubble-two :is(.markdown-preview-view,.markdown-rendered):not(.kanban-plugin__markdown-preview-view) blockquote> :first-child:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 76px;
  width: 24px;
  height: 15px;
  background: var(--background-primary-bg-4-bt);
}

/*blockquote-style-outline*/
body.blockquote-style-outline :is(.markdown-preview-view,.markdown-rendered) blockquote {
  border: 3px solid var(--theme-color-translucent);
  background-color: transparent;
  border-radius: var(--radius-m);
}

/*blockquote-style-border-left*/
body.blockquote-style-border-left :is(.markdown-preview-view,.markdown-rendered) blockquote {
  border-left: 3px solid var(--theme-color-translucent);
  background-color: transparent;
  border-radius: 0;
}

/*==========*/
body.background-settings-workplace-background-image .side-dock-ribbon-tab,
body.background-settings-workplace-background-image .side-dock-ribbon-action:not(:hover),
body.background-settings-workplace-style-high-transparency .side-dock-ribbon-tab,
body.background-settings-workplace-style-high-transparency .side-dock-ribbon-action:not(:hover) {
  color: var(--text-normal);
}

body.background-settings-workplace-background-image.theme-light .workspace::before,
body.background-settings-workplace-background-image.theme-dark .workspace::before {
  background-image: var(--theme-background);
  background-size: cover;
  filter: blur(var(--blur-depth)) brightness(var(--brightness-4-bg)) saturate(var(--saturate-4-bg));
}

body.background-settings-workplace-background-image .workspace::before {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  right: -15px;
  bottom: 0px;
  left: -15px;
}

body.background-settings-workplace-background-image .titlebar {
  z-index: 1;
}

body.background-settings-workplace-background-image.theme-light .titlebar-text,
body.background-settings-workplace-background-image.theme-dark .titlebar-text {
  color: var(--text-normal);
}

body.background-settings-workplace-background-image .titlebar::before {
  background-image: var(--theme-background);
  background-size: cover;
  content: '';
  display: block;
  position: absolute;
  top: -3px;
  right: -15px;
  bottom: 0px;
  left: -15px;
}

body.background-settings-workplace-background-image.theme-dark .titlebar::before {
  filter: brightness(0.35);
}

body.background-settings-workplace-background-image.simple-titlebar .titlebar::before {
  display: none;
}

body.background-settings-workplace-background-image.theme-light {
  --background-primary-bg-4-bt: #ffffffb2;
  --background-secondary-bg-4-bt: #ffffff63;
  --background-secondary-alt-bg-4-bt: #ffffff69;
  --background-primary-alt-bg-4-bt: #ffffffbe;
  --background-code: #fafafa94;
  --background-leaf-resize-handle: #ebebeba6;
  --text-folder-file: #292929;
  --background-modifier-border: #bfbfbf;
}

body.background-settings-workplace-background-image.background-settings-workplace-theme-light-blue-mountain.theme-light {
  --blue-mountain: url(data:image/jpeg;base64,[encoded data, 7636 characters]);
  --theme-background: var(--blue-mountain);
}

/* font color */
body.background-settings-workplace-background-image:is(.background-settings-workplace-theme-light-blue-mountain.theme-light,.background-settings-workplace-theme-light-in-the-sky) :is(.tree-item-inner,.tree-item-flair,.workspace-ribbon-collapse-btn,.side-dock-ribbon-tab,.side-dock-ribbon-action,.workspace-tab-header):not(:hover) {
  color: var(--text-normal);
}

body.background-settings-workplace-background-image.background-settings-workplace-theme-light-in-the-sky.theme-light {
  --in-the-sky: url(data:image/jpeg;base64,[encoded data, 16204 characters]);
  --theme-background: var(--in-the-sky);
}

body.background-settings-workplace-background-image.background-settings-workplace-theme-light-orange.theme-light {
  --orange: url(data:image/jpeg;base64,[encoded data, 35540 characters]);
  --theme-background: var(--orange);
}

body.background-settings-workplace-background-image.background-settings-workplace-theme-light-macaw.theme-light {
  --macaw: url(data:image/jpeg;base64,[encoded data, 10184 characters]);
  --theme-background: var(--macaw);
}

body.background-settings-workplace-background-image.background-settings-workplace-theme-light-leaf.theme-light {
  --leaf: url(data:image/jpeg;base64,[encoded data, 12376 characters]);
  --theme-background: var(--leaf);
}

body.background-settings-workplace-background-image.theme-dark {
  --background-primary-bg-4-bt: #16161670;
  --background-secondary-bg-4-bt: #16161670;
  --background-secondary-alt-bg-4-bt: #16161670;
  --background-primary-alt-bg-4-bt: #2a2a2a91;
  --background-code: #16161667;
  --background-leaf-resize-handle: #40404077;
  --text-normal: #cccccc;
}

body.background-settings-workplace-background-image.background-settings-workplace-theme-dark-night-sky.theme-dark {
  --night-sky: url(data:image/jpeg;base64,[encoded data, 6024 characters]);
  --theme-background: var(--night-sky);
}

body.background-settings-workplace-background-image.background-settings-workplace-theme-dark-dark-sky.theme-dark {
  --dark-sky: url(data:image/jpeg;base64,[encoded data, 8908 characters]);
  --theme-background: var(--dark-sky);
}

body.background-settings-workplace-background-image.background-settings-workplace-theme-dark-in-the-sky.theme-dark {
  --in-the-sky: url(data:image/jpeg;base64,[encoded data, 13792 characters]);
  --theme-background: var(--in-the-sky);
}

body.background-settings-workplace-background-image.background-settings-workplace-theme-dark-blue-wave.theme-dark {
  --blue-wave: url(data:image/jpeg;base64,[encoded data, 42556 characters]);
  --theme-background: var(--blue-wave);
}

body.background-settings-workplace-background-image.background-settings-workplace-theme-dark-jellyfish-1.theme-dark {
  --jellyfish-1: url(data:image/jpeg;base64,[encoded data, 30144 characters]);
  --theme-background: var(--jellyfish-1);
}

body.background-settings-workplace-background-image.background-settings-workplace-theme-dark-jellyfish-2.theme-dark {
  --jellyfish-2: url(data:image/jpeg;base64,[encoded data, 22376 characters]);
  --theme-background: var(--jellyfish-2);
}

body.background-settings-workplace-background-image.background-settings-workplace-theme-dark-hyacinth-macaw.theme-dark {
  --hyacinth-macaw: url(data:image/jpeg;base64,[encoded data, 23728 characters]);
  --theme-background: var(--hyacinth-macaw);
}

body.background-settings-workplace-background-image.background-settings-workplace-random-dark.theme-dark {
  background-image: url("https://source.unsplash.com/random") !important;
  background-size: cover;
}
body.background-settings-workplace-background-image.background-settings-workplace-random-light.theme-light {
  background-image: url("https://source.unsplash.com/random?1") !important;
  background-size: cover;
}

body:not(.background-image-settings-command-palette-switch) .modal-container .prompt::before {
  background-size: cover;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
body:not(.background-image-settings-command-palette-switch):not(.background-image-settings-command-palette-same-as-workplace) .modal-container .prompt::before {
  background-image: url("https://source.unsplash.com/random");
  filter: blur(var(--blur-depth-cp)) brightness(var(--brightness-4-bg-cp)) saturate(var(--saturate-4-bg-cp));
  opacity: var(--opacity-cp);
  z-index: -1;
}

body.background-image-settings-command-palette-same-as-workplace:not(.background-image-settings-command-palette-switch) .modal-container .prompt::before {
  background-image: var(--theme-background);
  filter: blur(var(--blur-depth)) brightness(var(--brightness-4-bg)) saturate(var(--saturate-4-bg));
  opacity: 0.25;
  z-index: -1;
}
body.background-image-settings-command-palette-same-as-workplace:not(.background-image-settings-command-palette-switch)  .modal-container .prompt input.prompt-input,
body:not(.background-image-settings-command-palette-switch):not(.background-image-settings-command-palette-same-as-workplace) .modal-container .prompt input.prompt-input {
  background-color: transparent;
}

body.background-image-settings-command-palette-custom:not(.background-image-settings-command-palette-switch):not(.background-image-settings-command-palette-same-as-workplace).theme-light .modal-container .prompt::before {
  background-image: var(--background-command-palette-theme-light-custom);
}

body.background-image-settings-command-palette-custom:not(.background-image-settings-command-palette-switch):not(.background-image-settings-command-palette-same-as-workplace).theme-dark .modal-container .prompt::before {
  background-image: var(--background-command-palette-theme-dark-custom);
}

body.layout-style-options-default.background-settings-workplace-background-image .workspace-tab-container-before.is-before-active .workspace-tab-header-inner, 
body.layout-style-options-default.background-settings-workplace-background-image .workspace-tab-container-after.is-after-active .workspace-tab-header-inner, body.layout-style-options-default.background-settings-workplace-background-image .workspace-tab-header.is-before-active .workspace-tab-header-inner, 
body.layout-style-options-default.background-settings-workplace-background-image .workspace-tab-header.is-after-active .workspace-tab-header-inner,
body.layout-style-options-default.background-settings-workplace-background-image .workspace-tab-container-before.is-before-active, 
body.layout-style-options-default.background-settings-workplace-background-image .workspace-tab-container-after.is-after-active,
body.layout-style-options-default.background-settings-workplace-background-image .workspace-tab-header.is-before-active, 
body.layout-style-options-default.background-settings-workplace-background-image .workspace-tab-header.is-after-active {
  background-color: transparent;
}

body.layout-style-options-default.background-settings-workplace-background-image .workspace-tab-header {
  color: var(--text-normal);
}

body.background-settings-workplace-background-image.background-settings-workplace-theme-light-custom-option.theme-light {
  --theme-background: var(--background-settings-workplace-theme-light-custom);
}

body.background-settings-workplace-background-image.background-settings-workplace-theme-dark-custom-option.theme-dark {
  --theme-background: var(--background-settings-workplace-theme-dark-custom);
}

/*rectangle*/
body.layout-style-options-rectangle .workspace-tab-container-before.is-before-active .workspace-tab-header-inner,
body.layout-style-options-rectangle .workspace-tab-container-after.is-after-active .workspace-tab-header-inner,
body.layout-style-options-rectangle .workspace-tab-header.is-before-active .workspace-tab-header-inner,
body.layout-style-options-rectangle .workspace-tab-header.is-after-active .workspace-tab-header-inner,
body.layout-style-options-rectangle .workspace-tab-header,
body.layout-style-options-rectangle .workspace-tab-header-inner,
body.layout-style-options-rectangle .workspace-split.mod-left-split .view-content,
body.layout-style-options-rectangle .workspace-split.mod-right-split .view-content,
body.layout-style-options-rectangle .workspace-tab-header.is-after-active,
body.layout-style-options-rectangle .workspace-tab-header.is-before-active,
body.layout-style-options-rectangle .workspace-tab-container-before.is-before-active .workspace-tab-header-inner {
  background-color: transparent;
  border-radius: 0;
}

body.layout-style-options-rectangle .workspace-split.mod-root>.workspace-leaf:first-of-type .workspace-leaf-content,
body.layout-style-options-rectangle .workspace-split.mod-root>.workspace-leaf:last-of-type .workspace-leaf-content {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

body.layout-style-options-rectangle .workspace-tab-header-inner {
  padding: 3px 9px;
}

body.layout-style-options-rectangle .workspace-tab-container-before,
body.layout-style-options-rectangle .workspace-tab-container-after {
  width: 0;
}

body.layout-style-options-rectangle .workspace-tab-header-container {
  padding: 4px 0 0 4px;
}

body.layout-style-options-rectangle .workspace-split.mod-right-split .workspace-tabs .workspace-leaf {
  border-top-right-radius: 0;
}

body.layout-style-options-rectangle .workspace-split.mod-left-split .workspace-tabs .workspace-leaf {
  border-top-left-radius: 0;
}

body.layout-style-options-rectangle .workspace-tab-header-container {
  background-color: var(--background-secondary-bg-4-bt);
  border-bottom: 1px solid var(--background-modifier-border-1);
}

body.layout-style-options-rectangle .workspace-split.mod-left-split>.workspace-leaf-resize-handle:not(:hover),
body.layout-style-options-rectangle .workspace-split.mod-right-split>.workspace-leaf-resize-handle:not(:hover),
body.layout-style-options-rectangle .workspace-split.mod-vertical>*>.workspace-leaf-resize-handle:not(:hover) {
  height: 100%;
  background-color: var(--background-leaf-resize-handle);
}

.workspace-leaf-resize-handle {
  background-color: var(--background-leaf-resize-handle);
}

body.layout-style-options-rectangle .workspace-split.mod-left-split>.workspace-leaf-resize-handle:hover,
body.layout-style-options-rectangle .workspace-split.mod-right-split>.workspace-leaf-resize-handle:hover,
body.layout-style-options-rectangle .workspace-split.mod-vertical>*>.workspace-leaf-resize-handle:hover {
  height: 100%;
}

body.layout-style-options-rectangle .side-dock-ribbon-action {
  padding: 3px 0;
}

/*-------- Eisenhower Matrix start--- */
/* Eisenhower Matrix from Spectrum themes */

/*for Blue Topaz theme-表格四象图分布 Modified  by cuman 2021-11-29*/
/* 用法 yaml区域声明
cssclass: matrix
内容如下形式(表格内容最好使用嵌入形式)：

|                   |             |
| ----------------- | ----------- |
| ![[#To-Do]]       | ![[#Doing]] |
| ![[#Considering]] | ![[#Maybe]] |

*/

:root,
.theme-dark,
.theme-light {
  --matrix-1: var(--p-kanban-color-2);
  --matrix-2: var(--p-kanban-color-3);
  --matrix-4: var(--p-kanban-color-5);
  --matrix-5: var(--p-kanban-color-6);
}

:is(.markdown-preview-view,.markdown-rendered).matrix table tr {
  display: flex;
}
:is(.markdown-preview-view,.markdown-rendered).matrix table th {
  background-color: transparent;
  background-image: none;
}
:is(.markdown-preview-view,.markdown-rendered).matrix table tbody>tr {
  background-color: transparent;
}

:is(.markdown-preview-view,.markdown-rendered).matrix .internal-embed:not(.image-embed) {
  border: 1px solid;
  border-radius: 10px;
}
:is(.markdown-preview-view,.markdown-rendered).matrix thead {
  background-color: transparent; 
}
:is(.markdown-preview-view,.markdown-rendered).matrix table tr th,
:is(.markdown-preview-view,.markdown-rendered).matrix table tr td {
  padding-right: 0;
  border: 0px;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
:is(.markdown-preview-view,.markdown-rendered).matrix .markdown-embed {
  background-color: transparent;
}
:is(.markdown-preview-view,.markdown-rendered).matrix table tr th > *,
:is(.markdown-preview-view,.markdown-rendered).matrix table tr td > * {
  width: 100%;
  height: 100%;
  background-color: var(--background-secondary-bg-4-bt);
}

:is(.markdown-preview-view,.markdown-rendered).matrix table tr td {
  background-color: transparent;
}

:is(.markdown-preview-view,.markdown-rendered).matrix table tr:nth-child(1n) td:nth-child(1) > * {
  border-color: var(--matrix-1);
}

:is(.markdown-preview-view,.markdown-rendered).matrix table tr:nth-child(1n) td:nth-child(1):hover {
  background-color: var(--matrix-1);
}

:is(.markdown-preview-view,.markdown-rendered).matrix table tr:nth-child(1n) td:nth-child(2) > * {
  border-color: var(--matrix-2);
}

:is(.markdown-preview-view,.markdown-rendered).matrix table tr:nth-child(1n) td:nth-child(2):hover {
  background-color: var(--matrix-2);
}

:is(.markdown-preview-view,.markdown-rendered).matrix table tr:nth-child(2n) td:nth-child(1) > * {
  border-color: var(--matrix-4);
}

:is(.markdown-preview-view,.markdown-rendered).matrix table tr:nth-child(2n) td:nth-child(1):hover {
  background-color: var(--matrix-4);
}

:is(.markdown-preview-view,.markdown-rendered).matrix table tr:nth-child(2n) td:nth-child(2) > * {
  border-color: var(--matrix-5);
}

:is(.markdown-preview-view,.markdown-rendered).matrix table tr:nth-child(2n) td:nth-child(2):hover {
  background-color: var(--matrix-5);
}
/*-------- Eisenhower Matrix end--- */

.workspace-tab-header.is-active {
  stroke-width: 4px !important;
  color: var(--theme-color) !important;
}

.recent-vaults-list-item:hover {
  color: var(--theme-color) !important;
}

body.plain-file-title.theme-light,
body.plain-file-title.theme-dark {
  --color-view-header-gradient-1: var(--background-primary-bg-4-bt);
  --color-view-header-gradient-2: var(--background-primary-bg-4-bt);
}

body:not(.default-loading-page) .progress-bar-message {
  visibility: hidden;
}

body:not(.default-loading-page).loading-page-style-default .progress-bar-message:before {
  content: "";
  width: 80px;
  height: 80px;
  position: relative;
  animation: shape 2.5s infinite alternate;
  visibility: visible !important;
  display: block;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}

body:not(.default-loading-page).theme-light .progress-bar {
  background-color: white;
}

@keyframes shape {
  0% {background-color: transparent; transform: translate(-50px, -50px); border-radius: 50%;}
  10% {background-color: #53c7ff; transform: translate(-50px, -50px); border-radius: 50%;}
  30% {background-color: #8fff7b; transform: translate(110px, -50px); border-radius: 0;}
  50% {background-color: #ffe468; transform: translate(110px, 110px); border-radius: 50%;}
  70% {background-color: #fe9289; transform: translate(-50px, 110px); border-radius: 0;}
  90% {background-color: #53c7ff; transform: translate(-50px, -50px); border-radius: 50%;}
  100% {background-color: transparent; transform: translate(-50px, -50px); border-radius: 50%;}
}

/* the gif animation was created by @Jake Fleming https://dribbble.com/shots/9948351-kitty-wiggle */
body:not(.default-loading-page).loading-animation-cat .progress-bar-message::before {
  content: "GIF creator: Jake Fleming"; 
  display: block;
  background: no-repeat center/cover url(https://cdn.dribbble.com/users/53712/screenshots/9948351/media/2397850c7727f8e70b0ec50b5a83fe76.gif);
  width: 800px; 
  height: 500px;
  margin-top: -20px; 
  font-size: initial;
  color: var(--text-muted);
  filter: hue-rotate(-55deg) saturate(120%);
  position: initial;
  animation: unset;
}

body:not(.default-loading-page).loading-animation-cat.theme-dark .progress-bar-message::before {
  filter: invert(100%) hue-rotate(153deg) saturate(250%);
}

body:not(.default-loading-page).loading-animation-cat.theme-light .progress-bar {
  background-color: white;
}

body:not(.default-loading-page).loading-animation-cat.theme-dark .progress-bar {
  background-color: black;
}

body:not(.default-loading-page).loading-animation-cat .progress-bar-message {
  color: var(--text-normal);
  font-size: 25px;
  visibility: visible;
}

body:not(.default-loading-page).loading-animation-custom .progress-bar-message::before {
  position: initial;
  animation: unset;
  display: block;
  content: var(--loading-page-custom-gif-caption); 
  background: no-repeat center/cover var(--loading-page-custom-gif-url);
  width: 800px; 
  height: 600px;
  margin-top: -20px; 
}

body:not(.default-loading-page).loading-shape-with-custom-gif .progress-bar-message:before {
  display: block;
  width: 250px; 
  height: 250px;
  content: var(--loading-page-custom-gif-caption-alt); 
  background: no-repeat center/cover var(--loading-page-custom-gif-url-alt);
  animation: shape-gif 2.5s infinite alternate;
}

body:not(.default-loading-page).loading-shape-with-custom-gif.loading-shape-with-custom-high-contrast-bg.theme-light .progress-bar {
  background-color: black;
}

body:not(.default-loading-page).loading-shape-with-custom-gif.loading-shape-with-custom-high-contrast-bg.theme-dark .progress-bar {
  background-color: white;
}

body:not(.default-loading-page).loading-shape-with-custom-gif.loading-shape-with-custom-high-contrast-bg.theme-dark .progress-bar-message::before {
  animation: shape-gif-dark 2.5s infinite alternate;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}

@keyframes shape-gif {
  0% {filter: hue-rotate(0deg); transform: translate(-80px, -80px); border-radius: 50%;}
  25% {filter: hue-rotate(90deg); transform: translate(80px, -80px); border-radius: 0;}
  50% {filter: hue-rotate(180deg); transform: translate(80px, 80px); border-radius: 50%;}
  75% {filter: hue-rotate(270deg); transform: translate(-80px, 80px); border-radius: 0;}
  100% {filter: hue-rotate(360deg); transform: translate(-80px, -80px); border-radius: 50%;}
}

@keyframes shape-gif-dark {
  0% {filter: hue-rotate(0deg) invert(100%); transform: translate(-80px, -80px); border-radius: 50%;}
  25% {filter: hue-rotate(90deg) invert(100%); transform: translate(80px, -80px); border-radius: 0;}
  50% {filter: hue-rotate(180deg) invert(100%); transform: translate(80px, 80px); border-radius: 50%;}
  75% {filter: hue-rotate(270deg) invert(100%); transform: translate(-80px, 80px); border-radius: 0;}
  100% {filter: hue-rotate(360deg) invert(100%); transform: translate(-80px, -80px); border-radius: 50%;}
}

body:not(.default-loading-page).loading-add-icons .progress-bar-message {
  all: initial;
  font-size: var(--font-size-loading-add);
  color: var(--loading-add-text-color); 
  animation: 1.5s infinite alternate;
  animation-name: gradientChange, moving;
} 

/*加载画面的文字*/
body:not(.default-loading-page).loading-add-icons .progress-bar-message::before {
  all: initial;
  color: var(--loading-add-text-color); 
  content: var(--loading-text-before);
  animation: 2s infinite alternate;
  animation-name: gradientChange;
}

body:not(.default-loading-page).loading-add-icons .progress-bar-message::after {
  all: initial;
  color: var(--loading-add-text-color); 
  content: var(--loading-text-after);
  animation: 2s infinite alternate;
  animation-name: gradientChange;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}

@keyframes gradientChange { 
  100% { color: var(--loading-add-text-color-alt); }
}
@keyframes moving {
  0% { transform: translateX(-100px); } 
  100% { transform: translateX(100px); } 
}

body:not(.default-loading-page).loading-custom-text .progress-bar-message::before {
  all: initial;
  content: var(--loading-diy-text);
  font-family: var(--font-loading-text) !important;
  visibility: visible !important;
  display: block;
  font-size: var(--font-size-loading-diy-text);
  line-height: 2;
  color: var(--loading-diy-text-color);
}

body:not(.default-loading-page).loading-custom-text.loading-text-typing-style .progress-bar-message::before {
  overflow: hidden;
  white-space: nowrap;
  border-right: 0.07em solid;
  animation: typing-style 3s steps(23, end),
    cursor-blink 0.3s step-end infinite alternate;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}

@keyframes cursor-blink {
  50% {border-color: transparent;}
}

@keyframes typing-style {
  0% {width: 0;}
  100% {width: 42ch;}
}

body:not(.default-loading-page).loading-custom-text.loading-text-moving-style .progress-bar-message::before {
  animation: moving-style 3s ease-in-out infinite alternate;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}

@keyframes moving-style {
  0% {-webkit-transform: translateX(-100px); transform: translateX(-100px);}
  50% {-webkit-transform: translateX(100px); transform: translateX(100px);}
  100% {-webkit-transform: translateX(-100px); transform: translateX(-100px)}
}

body:not(.default-loading-page).loading-custom-text.loading-text-shinning-style .progress-bar-message::before {
  animation: shinning-style 3s infinite;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}

@keyframes shinning-style {
  0% { opacity: 1;}
  45% { opacity: 0;}
  90% { opacity: 1;}
}

body:not(.default-loading-page).loading-custom-text.loading-text-color-changing-style .progress-bar-message::before {
  animation: color-changing-style 3s infinite;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}

@keyframes color-changing-style {
  0% { color: var(--text-blue);}
  25% { color: var(--text-green);}
  50% { color: var(--text-yellow);}
  75% { color: var(--text-red);}
  100% { color: var(--text-blue);}
}

body:not(.default-loading-page).loading-custom-text.loading-text-typing-style.loading-text-moving-style .progress-bar-message::before {
  animation: 
    typing-style 3s steps(26, end),
    cursor-blink 0.3s step-end infinite alternate,
    moving-style 3s ease-in-out infinite alternate;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}

body:not(.default-loading-page).loading-custom-text.loading-text-typing-style.loading-text-shinning-style .progress-bar-message::before {
  animation: 
    typing-style 3s steps(26, end),
    cursor-blink 0.3s step-end infinite alternate,
    shinning-style 3s infinite;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}

body:not(.default-loading-page).loading-custom-text.loading-text-typing-style.loading-text-color-changing-style .progress-bar-message::before {
  animation: 
    color-changing-style 3s infinite, 
    typing-style 3s steps(26, end),
    cursor-blink 0.3s step-end infinite alternate;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}

body:not(.default-loading-page).loading-custom-text.loading-text-typing-style.loading-text-moving-style.loading-text-shinning-style .progress-bar-message::before {
  animation: 
    typing-style 3s steps(26, end),
    cursor-blink 0.3s step-end infinite alternate,
    moving-style 3s ease-in-out infinite alternate,
    shinning-style 3s infinite;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}

body:not(.default-loading-page).loading-custom-text.loading-text-typing-style.loading-text-moving-style.loading-text-shinning-style.loading-text-color-changing-style .progress-bar-message::before {
  animation: 
    typing-style 3s steps(26, end),
    cursor-blink 0.3s step-end infinite alternate,
    moving-style 3s ease-in-out infinite alternate,
    shinning-style 3s infinite,
    color-changing-style 3s infinite;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}

body:not(.default-loading-page).loading-custom-text.loading-text-moving-style.loading-text-shinning-style .progress-bar-message::before {
  animation: 
    moving-style 3s ease-in-out infinite alternate,
    shinning-style 3s infinite;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}

body:not(.default-loading-page).loading-custom-text.loading-text-moving-style.loading-text-color-changing-style .progress-bar-message::before {
  animation: 
    moving-style 3s ease-in-out infinite alternate,
    color-changing-style 3s infinite;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}

body:not(.default-loading-page).loading-custom-text.loading-text-moving-style.loading-text-shinning-style.loading-text-color-changing-style .progress-bar-message::before {
  animation: 
    moving-style 3s ease-in-out infinite alternate,
    shinning-style 3s infinite,
    color-changing-style 3s infinite;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}

body:not(.default-loading-page).loading-custom-text.loading-text-shinning-style.loading-text-color-changing-style .progress-bar-message::before {
  animation: 
    shinning-style 3s infinite,
    color-changing-style 3s infinite;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}

/* the mario animation was created by @B.C.Rikko https://bcrikko.github.io/css-collection/other/mario/index.html */

body:not(.default-loading-page).loading-page-style-mario .progress-bar-message:before {
content: "";
  position: relative;
  visibility: visible !important;
  display: block;
  top: calc(var(--pixel) * -6);
  left: calc(var(--pixel) * -6.5);
  width: var(--pixel);
  height: var(--pixel);
  background: transparent;
  animation: sprite 0.618s infinite, jump 0.618s infinite;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}

@keyframes jump {
  from, 25%, 75%, to {transform: translateY(0);}
  50% {transform: translateY(calc(var(--pixel) * -8));}
}

@keyframes sprite {
  from, 24%, 74%, to {
    box-shadow:
      /* r:1 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 6)  calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 7)  calc(var(--pixel) * 1) 0 var(--c-1),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 1) 0 var(--c-1),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 1) 0 var(--c-1),
      calc(var(--pixel) * 10) calc(var(--pixel) * 1) 0 var(--c-1),
      calc(var(--pixel) * 11) calc(var(--pixel) * 1) 0 var(--c-1),
      calc(var(--pixel) * 12) calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 13) calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 14) calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 15) calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 16) calc(var(--pixel) * 1) 0 transparent,
      
      /* r:2 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 2) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 2) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 2) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 2) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 2) 0 transparent,
      calc(var(--pixel) * 6)  calc(var(--pixel) * 2) 0 var(--c-1),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 2) 0 var(--c-1),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 2) 0 var(--c-1),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 2) 0 var(--c-1),
      calc(var(--pixel) * 10) calc(var(--pixel) * 2) 0 var(--c-1),
      calc(var(--pixel) * 11) calc(var(--pixel) * 2) 0 var(--c-1),
      calc(var(--pixel) * 12) calc(var(--pixel) * 2) 0 var(--c-1),
      calc(var(--pixel) * 13) calc(var(--pixel) * 2) 0 var(--c-1),
      calc(var(--pixel) * 14) calc(var(--pixel) * 2) 0 var(--c-1),
      calc(var(--pixel) * 15) calc(var(--pixel) * 2) 0 transparent,
      calc(var(--pixel) * 16) calc(var(--pixel) * 2) 0 transparent,
      
      /* r:3 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 3) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 3) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 3) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 3) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 3) 0 transparent,
      calc(var(--pixel) * 6)  calc(var(--pixel) * 3) 0 var(--c-3),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 3) 0 var(--c-3),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 3) 0 var(--c-3),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 3) 0 var(--c-2),
      calc(var(--pixel) * 10) calc(var(--pixel) * 3) 0 var(--c-2),
      calc(var(--pixel) * 11) calc(var(--pixel) * 3) 0 var(--c-3),
      calc(var(--pixel) * 12) calc(var(--pixel) * 3) 0 var(--c-2),
      calc(var(--pixel) * 13) calc(var(--pixel) * 3) 0 transparent,
      calc(var(--pixel) * 14) calc(var(--pixel) * 3) 0 transparent,
      calc(var(--pixel) * 15) calc(var(--pixel) * 3) 0 transparent,
      calc(var(--pixel) * 16) calc(var(--pixel) * 3) 0 transparent,
      
      /* r:4 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 4) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 4) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 4) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 4) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 4) 0 var(--c-3),
      calc(var(--pixel) * 6)  calc(var(--pixel) * 4) 0 var(--c-2),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 4) 0 var(--c-3),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 4) 0 var(--c-2),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 4) 0 var(--c-2),
      calc(var(--pixel) * 10) calc(var(--pixel) * 4) 0 var(--c-2),
      calc(var(--pixel) * 11) calc(var(--pixel) * 4) 0 var(--c-3),
      calc(var(--pixel) * 12) calc(var(--pixel) * 4) 0 var(--c-2),
      calc(var(--pixel) * 13) calc(var(--pixel) * 4) 0 var(--c-2),
      calc(var(--pixel) * 14) calc(var(--pixel) * 4) 0 var(--c-2),
      calc(var(--pixel) * 15) calc(var(--pixel) * 4) 0 transparent,
      calc(var(--pixel) * 16) calc(var(--pixel) * 4) 0 transparent,
      
      /* r:5 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 5) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 5) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 5) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 5) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 5) 0 var(--c-3),
      calc(var(--pixel) * 6)  calc(var(--pixel) * 5) 0 var(--c-2),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 5) 0 var(--c-3),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 5) 0 var(--c-3),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 5) 0 var(--c-2),
      calc(var(--pixel) * 10) calc(var(--pixel) * 5) 0 var(--c-2),
      calc(var(--pixel) * 11) calc(var(--pixel) * 5) 0 var(--c-2),
      calc(var(--pixel) * 12) calc(var(--pixel) * 5) 0 var(--c-3),
      calc(var(--pixel) * 13) calc(var(--pixel) * 5) 0 var(--c-2),
      calc(var(--pixel) * 14) calc(var(--pixel) * 5) 0 var(--c-2),
      calc(var(--pixel) * 15) calc(var(--pixel) * 5) 0 var(--c-2),
      calc(var(--pixel) * 16) calc(var(--pixel) * 5) 0 transparent,
      
      /* r:6 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 6) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 6) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 6) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 6) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 6) 0 var(--c-3),
      calc(var(--pixel) * 6)  calc(var(--pixel) * 6) 0 var(--c-3),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 6) 0 var(--c-2),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 6) 0 var(--c-2),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 6) 0 var(--c-2),
      calc(var(--pixel) * 10) calc(var(--pixel) * 6) 0 var(--c-2),
      calc(var(--pixel) * 11) calc(var(--pixel) * 6) 0 var(--c-3),
      calc(var(--pixel) * 12) calc(var(--pixel) * 6) 0 var(--c-3),
      calc(var(--pixel) * 13) calc(var(--pixel) * 6) 0 var(--c-3),
      calc(var(--pixel) * 14) calc(var(--pixel) * 6) 0 var(--c-3),
      calc(var(--pixel) * 15) calc(var(--pixel) * 6) 0 transparent,
      calc(var(--pixel) * 16) calc(var(--pixel) * 6) 0 transparent,
      
      /* r:7 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 7) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 7) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 7) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 7) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 7) 0 transparent,
      calc(var(--pixel) * 6)  calc(var(--pixel) * 7) 0 transparent,
      calc(var(--pixel) * 7)  calc(var(--pixel) * 7) 0 var(--c-2),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 7) 0 var(--c-2),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 7) 0 var(--c-2),
      calc(var(--pixel) * 10) calc(var(--pixel) * 7) 0 var(--c-2),
      calc(var(--pixel) * 11) calc(var(--pixel) * 7) 0 var(--c-2),
      calc(var(--pixel) * 12) calc(var(--pixel) * 7) 0 var(--c-2),
      calc(var(--pixel) * 13) calc(var(--pixel) * 7) 0 var(--c-2),
      calc(var(--pixel) * 14) calc(var(--pixel) * 7) 0 transparent,
      calc(var(--pixel) * 15) calc(var(--pixel) * 7) 0 transparent,
      calc(var(--pixel) * 16) calc(var(--pixel) * 7) 0 transparent,
      
      /* r:8 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 8) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 8) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 8) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 8) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 8) 0 transparent,
      calc(var(--pixel) * 6)  calc(var(--pixel) * 8) 0 var(--c-3),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 8) 0 var(--c-3),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 8) 0 var(--c-1),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 8) 0 var(--c-3),
      calc(var(--pixel) * 10) calc(var(--pixel) * 8) 0 var(--c-3),
      calc(var(--pixel) * 11) calc(var(--pixel) * 8) 0 var(--c-3),
      calc(var(--pixel) * 12) calc(var(--pixel) * 8) 0 transparent,
      calc(var(--pixel) * 13) calc(var(--pixel) * 8) 0 transparent,
      calc(var(--pixel) * 14) calc(var(--pixel) * 8) 0 transparent,
      calc(var(--pixel) * 15) calc(var(--pixel) * 8) 0 transparent,
      calc(var(--pixel) * 16) calc(var(--pixel) * 8) 0 transparent,
      
      /* r:9 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 9) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 9) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 9) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 9) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 9) 0 var(--c-3),
      calc(var(--pixel) * 6)  calc(var(--pixel) * 9) 0 var(--c-3),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 9) 0 var(--c-3),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 9) 0 var(--c-1),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 9) 0 var(--c-3),
      calc(var(--pixel) * 10) calc(var(--pixel) * 9) 0 var(--c-3),
      calc(var(--pixel) * 11) calc(var(--pixel) * 9) 0 var(--c-1),
      calc(var(--pixel) * 12) calc(var(--pixel) * 9) 0 var(--c-3),
      calc(var(--pixel) * 13) calc(var(--pixel) * 9) 0 var(--c-3),
      calc(var(--pixel) * 14) calc(var(--pixel) * 9) 0 var(--c-3),
      calc(var(--pixel) * 15) calc(var(--pixel) * 9) 0 transparent,
      calc(var(--pixel) * 16) calc(var(--pixel) * 9) 0 transparent,
      
      /* r:10 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 10) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 10) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 10) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 10) 0 var(--c-3),
      calc(var(--pixel) * 5)  calc(var(--pixel) * 10) 0 var(--c-3),
      calc(var(--pixel) * 6)  calc(var(--pixel) * 10) 0 var(--c-3),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 10) 0 var(--c-3),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 10) 0 var(--c-1),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 10) 0 var(--c-1),
      calc(var(--pixel) * 10) calc(var(--pixel) * 10) 0 var(--c-1),
      calc(var(--pixel) * 11) calc(var(--pixel) * 10) 0 var(--c-1),
      calc(var(--pixel) * 12) calc(var(--pixel) * 10) 0 var(--c-3),
      calc(var(--pixel) * 13) calc(var(--pixel) * 10) 0 var(--c-3),
      calc(var(--pixel) * 14) calc(var(--pixel) * 10) 0 var(--c-3),
      calc(var(--pixel) * 15) calc(var(--pixel) * 10) 0 var(--c-3),
      calc(var(--pixel) * 16) calc(var(--pixel) * 10) 0 transparent,
      
      /* r:11 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 11) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 11) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 11) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 11) 0 var(--c-2),
      calc(var(--pixel) * 5)  calc(var(--pixel) * 11) 0 var(--c-2),
      calc(var(--pixel) * 6)  calc(var(--pixel) * 11) 0 var(--c-3),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 11) 0 var(--c-1),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 11) 0 var(--c-2),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 11) 0 var(--c-1),
      calc(var(--pixel) * 10) calc(var(--pixel) * 11) 0 var(--c-1),
      calc(var(--pixel) * 11) calc(var(--pixel) * 11) 0 var(--c-2),
      calc(var(--pixel) * 12) calc(var(--pixel) * 11) 0 var(--c-1),
      calc(var(--pixel) * 13) calc(var(--pixel) * 11) 0 var(--c-3),
      calc(var(--pixel) * 14) calc(var(--pixel) * 11) 0 var(--c-2),
      calc(var(--pixel) * 15) calc(var(--pixel) * 11) 0 var(--c-2),
      calc(var(--pixel) * 16) calc(var(--pixel) * 11) 0 transparent,
      
      /* r:12 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 12) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 12) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 12) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 12) 0 var(--c-2),
      calc(var(--pixel) * 5)  calc(var(--pixel) * 12) 0 var(--c-2),
      calc(var(--pixel) * 6)  calc(var(--pixel) * 12) 0 var(--c-2),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 12) 0 var(--c-1),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 12) 0 var(--c-1),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 12) 0 var(--c-1),
      calc(var(--pixel) * 10) calc(var(--pixel) * 12) 0 var(--c-1),
      calc(var(--pixel) * 11) calc(var(--pixel) * 12) 0 var(--c-1),
      calc(var(--pixel) * 12) calc(var(--pixel) * 12) 0 var(--c-1),
      calc(var(--pixel) * 13) calc(var(--pixel) * 12) 0 var(--c-2),
      calc(var(--pixel) * 14) calc(var(--pixel) * 12) 0 var(--c-2),
      calc(var(--pixel) * 15) calc(var(--pixel) * 12) 0 var(--c-2),
      calc(var(--pixel) * 16) calc(var(--pixel) * 12) 0 transparent,
      
      /* r:13 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 13) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 13) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 13) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 13) 0 var(--c-2),
      calc(var(--pixel) * 5)  calc(var(--pixel) * 13) 0 var(--c-2),
      calc(var(--pixel) * 6)  calc(var(--pixel) * 13) 0 var(--c-1),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 13) 0 var(--c-1),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 13) 0 var(--c-1),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 13) 0 var(--c-1),
      calc(var(--pixel) * 10) calc(var(--pixel) * 13) 0 var(--c-1),
      calc(var(--pixel) * 11) calc(var(--pixel) * 13) 0 var(--c-1),
      calc(var(--pixel) * 12) calc(var(--pixel) * 13) 0 var(--c-1),
      calc(var(--pixel) * 13) calc(var(--pixel) * 13) 0 var(--c-1),
      calc(var(--pixel) * 14) calc(var(--pixel) * 13) 0 var(--c-2),
      calc(var(--pixel) * 15) calc(var(--pixel) * 13) 0 var(--c-2),
      calc(var(--pixel) * 16) calc(var(--pixel) * 13) 0 transparent,
      
      /* r:14 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 14) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 14) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 14) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 14) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 14) 0 transparent,
      calc(var(--pixel) * 6)  calc(var(--pixel) * 14) 0 var(--c-1),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 14) 0 var(--c-1),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 14) 0 var(--c-1),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 14) 0 transparent,
      calc(var(--pixel) * 10) calc(var(--pixel) * 14) 0 transparent,
      calc(var(--pixel) * 11) calc(var(--pixel) * 14) 0 var(--c-1),
      calc(var(--pixel) * 12) calc(var(--pixel) * 14) 0 var(--c-1),
      calc(var(--pixel) * 13) calc(var(--pixel) * 14) 0 var(--c-1),
      calc(var(--pixel) * 14) calc(var(--pixel) * 14) 0 transparent,
      calc(var(--pixel) * 15) calc(var(--pixel) * 14) 0 transparent,
      calc(var(--pixel) * 16) calc(var(--pixel) * 14) 0 transparent,
      
      /* r:15 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 15) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 15) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 15) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 15) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 15) 0 var(--c-3),
      calc(var(--pixel) * 6)  calc(var(--pixel) * 15) 0 var(--c-3),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 15) 0 var(--c-3),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 15) 0 transparent,
      calc(var(--pixel) * 9)  calc(var(--pixel) * 15) 0 transparent,
      calc(var(--pixel) * 10) calc(var(--pixel) * 15) 0 transparent,
      calc(var(--pixel) * 11) calc(var(--pixel) * 15) 0 transparent,
      calc(var(--pixel) * 12) calc(var(--pixel) * 15) 0 var(--c-3),
      calc(var(--pixel) * 13) calc(var(--pixel) * 15) 0 var(--c-3),
      calc(var(--pixel) * 14) calc(var(--pixel) * 15) 0 var(--c-3),
      calc(var(--pixel) * 15) calc(var(--pixel) * 15) 0 transparent,
      calc(var(--pixel) * 16) calc(var(--pixel) * 15) 0 transparent,

      /* r:16 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 16) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 16) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 16) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 16) 0 var(--c-3),
      calc(var(--pixel) * 5)  calc(var(--pixel) * 16) 0 var(--c-3),
      calc(var(--pixel) * 6)  calc(var(--pixel) * 16) 0 var(--c-3),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 16) 0 var(--c-3),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 16) 0 transparent,
      calc(var(--pixel) * 9)  calc(var(--pixel) * 16) 0 transparent,
      calc(var(--pixel) * 10) calc(var(--pixel) * 16) 0 transparent,
      calc(var(--pixel) * 11) calc(var(--pixel) * 16) 0 transparent,
      calc(var(--pixel) * 12) calc(var(--pixel) * 16) 0 var(--c-3),
      calc(var(--pixel) * 13) calc(var(--pixel) * 16) 0 var(--c-3),
      calc(var(--pixel) * 14) calc(var(--pixel) * 16) 0 var(--c-3),
      calc(var(--pixel) * 15) calc(var(--pixel) * 16) 0 var(--c-3),
      calc(var(--pixel) * 16) calc(var(--pixel) * 16) 0 transparent;
  }

  25%, 75% {
    box-shadow:
      /* r:1 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 6)  calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 7)  calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 8)  calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 9)  calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 10) calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 11) calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 12) calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 13) calc(var(--pixel) * 1) 0 transparent,
      calc(var(--pixel) * 14) calc(var(--pixel) * 1) 0 var(--c-2),
      calc(var(--pixel) * 15) calc(var(--pixel) * 1) 0 var(--c-2),
      calc(var(--pixel) * 16) calc(var(--pixel) * 1) 0 var(--c-2),

      /* r:2 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 2) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 2) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 2) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 2) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 2) 0 transparent,
      calc(var(--pixel) * 6)  calc(var(--pixel) * 2) 0 transparent,
      calc(var(--pixel) * 7)  calc(var(--pixel) * 2) 0 var(--c-1),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 2) 0 var(--c-1),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 2) 0 var(--c-1),
      calc(var(--pixel) * 10) calc(var(--pixel) * 2) 0 var(--c-1),
      calc(var(--pixel) * 11) calc(var(--pixel) * 2) 0 var(--c-1),
      calc(var(--pixel) * 12) calc(var(--pixel) * 2) 0 transparent,
      calc(var(--pixel) * 13) calc(var(--pixel) * 2) 0 transparent,
      calc(var(--pixel) * 14) calc(var(--pixel) * 2) 0 var(--c-2),
      calc(var(--pixel) * 15) calc(var(--pixel) * 2) 0 var(--c-2),
      calc(var(--pixel) * 16) calc(var(--pixel) * 2) 0 var(--c-2),
      
      /* r:3 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 3) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 3) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 3) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 3) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 3) 0 transparent,
      calc(var(--pixel) * 6)  calc(var(--pixel) * 3) 0 var(--c-1),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 3) 0 var(--c-1),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 3) 0 var(--c-1),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 3) 0 var(--c-1),
      calc(var(--pixel) * 10) calc(var(--pixel) * 3) 0 var(--c-1),
      calc(var(--pixel) * 11) calc(var(--pixel) * 3) 0 var(--c-1),
      calc(var(--pixel) * 12) calc(var(--pixel) * 3) 0 var(--c-1),
      calc(var(--pixel) * 13) calc(var(--pixel) * 3) 0 var(--c-1),
      calc(var(--pixel) * 14) calc(var(--pixel) * 3) 0 var(--c-1),
      calc(var(--pixel) * 15) calc(var(--pixel) * 3) 0 var(--c-2),
      calc(var(--pixel) * 16) calc(var(--pixel) * 3) 0 var(--c-2),
      
      /* r:4 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 4) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 4) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 4) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 4) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 4) 0 transparent,
      calc(var(--pixel) * 6)  calc(var(--pixel) * 4) 0 var(--c-3),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 4) 0 var(--c-3),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 4) 0 var(--c-3),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 4) 0 var(--c-2),
      calc(var(--pixel) * 10) calc(var(--pixel) * 4) 0 var(--c-2),
      calc(var(--pixel) * 11) calc(var(--pixel) * 4) 0 var(--c-3),
      calc(var(--pixel) * 12) calc(var(--pixel) * 4) 0 var(--c-2),
      calc(var(--pixel) * 13) calc(var(--pixel) * 4) 0 transparent,
      calc(var(--pixel) * 14) calc(var(--pixel) * 4) 0 var(--c-2),
      calc(var(--pixel) * 15) calc(var(--pixel) * 4) 0 var(--c-2),
      calc(var(--pixel) * 16) calc(var(--pixel) * 4) 0 var(--c-2),
      
      /* r:5 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 5) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 5) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 5) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 5) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 5) 0 var(--c-3),
      calc(var(--pixel) * 6)  calc(var(--pixel) * 5) 0 var(--c-2),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 5) 0 var(--c-3),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 5) 0 var(--c-2),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 5) 0 var(--c-2),
      calc(var(--pixel) * 10) calc(var(--pixel) * 5) 0 var(--c-2),
      calc(var(--pixel) * 11) calc(var(--pixel) * 5) 0 var(--c-3),
      calc(var(--pixel) * 12) calc(var(--pixel) * 5) 0 var(--c-2),
      calc(var(--pixel) * 13) calc(var(--pixel) * 5) 0 var(--c-2),
      calc(var(--pixel) * 14) calc(var(--pixel) * 5) 0 var(--c-2),
      calc(var(--pixel) * 15) calc(var(--pixel) * 5) 0 var(--c-3),
      calc(var(--pixel) * 16) calc(var(--pixel) * 5) 0 var(--c-3),
      
      /* r:6 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 6) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 6) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 6) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 6) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 6) 0 var(--c-3),
      calc(var(--pixel) * 6)  calc(var(--pixel) * 6) 0 var(--c-2),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 6) 0 var(--c-3),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 6) 0 var(--c-3),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 6) 0 var(--c-2),
      calc(var(--pixel) * 10) calc(var(--pixel) * 6) 0 var(--c-2),
      calc(var(--pixel) * 11) calc(var(--pixel) * 6) 0 var(--c-2),
      calc(var(--pixel) * 12) calc(var(--pixel) * 6) 0 var(--c-3),
      calc(var(--pixel) * 13) calc(var(--pixel) * 6) 0 var(--c-2),
      calc(var(--pixel) * 14) calc(var(--pixel) * 6) 0 var(--c-2),
      calc(var(--pixel) * 15) calc(var(--pixel) * 6) 0 var(--c-2),
      calc(var(--pixel) * 16) calc(var(--pixel) * 6) 0 var(--c-3),
      
      /* r:7 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 7) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 7) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 7) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 7) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 7) 0 var(--c-3),
      calc(var(--pixel) * 6)  calc(var(--pixel) * 7) 0 var(--c-3),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 7) 0 var(--c-2),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 7) 0 var(--c-2),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 7) 0 var(--c-2),
      calc(var(--pixel) * 10) calc(var(--pixel) * 7) 0 var(--c-2),
      calc(var(--pixel) * 11) calc(var(--pixel) * 7) 0 var(--c-3),
      calc(var(--pixel) * 12) calc(var(--pixel) * 7) 0 var(--c-3),
      calc(var(--pixel) * 13) calc(var(--pixel) * 7) 0 var(--c-3),
      calc(var(--pixel) * 14) calc(var(--pixel) * 7) 0 var(--c-3),
      calc(var(--pixel) * 15) calc(var(--pixel) * 7) 0 transparent,
      calc(var(--pixel) * 16) calc(var(--pixel) * 7) 0 transparent,
      
      /* r:8 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 8) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 8) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 8) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 8) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 8) 0 transparent,
      calc(var(--pixel) * 6)  calc(var(--pixel) * 8) 0 transparent,
      calc(var(--pixel) * 7)  calc(var(--pixel) * 8) 0 var(--c-2),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 8) 0 var(--c-2),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 8) 0 var(--c-2),
      calc(var(--pixel) * 10) calc(var(--pixel) * 8) 0 var(--c-2),
      calc(var(--pixel) * 11) calc(var(--pixel) * 8) 0 var(--c-2),
      calc(var(--pixel) * 12) calc(var(--pixel) * 8) 0 var(--c-2),
      calc(var(--pixel) * 13) calc(var(--pixel) * 8) 0 var(--c-2),
      calc(var(--pixel) * 14) calc(var(--pixel) * 8) 0 transparent,
      calc(var(--pixel) * 15) calc(var(--pixel) * 8) 0 transparent,
      calc(var(--pixel) * 16) calc(var(--pixel) * 8) 0 transparent,
      
      /* r:9 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 9) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 9) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 9) 0 var(--c-3),
      calc(var(--pixel) * 4)  calc(var(--pixel) * 9) 0 var(--c-3),
      calc(var(--pixel) * 5)  calc(var(--pixel) * 9) 0 var(--c-3),
      calc(var(--pixel) * 6)  calc(var(--pixel) * 9) 0 var(--c-3),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 9) 0 var(--c-3),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 9) 0 var(--c-1),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 9) 0 var(--c-3),
      calc(var(--pixel) * 10) calc(var(--pixel) * 9) 0 var(--c-3),
      calc(var(--pixel) * 11) calc(var(--pixel) * 9) 0 var(--c-3),
      calc(var(--pixel) * 12) calc(var(--pixel) * 9) 0 var(--c-1),
      calc(var(--pixel) * 13) calc(var(--pixel) * 9) 0 var(--c-3),
      calc(var(--pixel) * 14) calc(var(--pixel) * 9) 0 transparent,
      calc(var(--pixel) * 15) calc(var(--pixel) * 9) 0 transparent,
      calc(var(--pixel) * 16) calc(var(--pixel) * 9) 0 transparent,
      
      /* r:10 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 10) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 10) 0 var(--c-3),
      calc(var(--pixel) * 3)  calc(var(--pixel) * 10) 0 var(--c-3),
      calc(var(--pixel) * 4)  calc(var(--pixel) * 10) 0 var(--c-3),
      calc(var(--pixel) * 5)  calc(var(--pixel) * 10) 0 var(--c-3),
      calc(var(--pixel) * 6)  calc(var(--pixel) * 10) 0 var(--c-3),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 10) 0 var(--c-3),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 10) 0 var(--c-1),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 10) 0 var(--c-3),
      calc(var(--pixel) * 10) calc(var(--pixel) * 10) 0 var(--c-3),
      calc(var(--pixel) * 11) calc(var(--pixel) * 10) 0 var(--c-3),
      calc(var(--pixel) * 12) calc(var(--pixel) * 10) 0 var(--c-1),
      calc(var(--pixel) * 13) calc(var(--pixel) * 10) 0 transparent,
      calc(var(--pixel) * 14) calc(var(--pixel) * 10) 0 transparent,
      calc(var(--pixel) * 15) calc(var(--pixel) * 10) 0 transparent,
      calc(var(--pixel) * 16) calc(var(--pixel) * 10) 0 var(--c-3),
      
      /* r:11 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 11) 0 var(--c-2),
      calc(var(--pixel) * 2)  calc(var(--pixel) * 11) 0 var(--c-2),
      calc(var(--pixel) * 3)  calc(var(--pixel) * 11) 0 var(--c-3),
      calc(var(--pixel) * 4)  calc(var(--pixel) * 11) 0 var(--c-3),
      calc(var(--pixel) * 5)  calc(var(--pixel) * 11) 0 var(--c-3),
      calc(var(--pixel) * 6)  calc(var(--pixel) * 11) 0 var(--c-3),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 11) 0 var(--c-3),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 11) 0 var(--c-3),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 11) 0 var(--c-1),
      calc(var(--pixel) * 10) calc(var(--pixel) * 11) 0 var(--c-1),
      calc(var(--pixel) * 11) calc(var(--pixel) * 11) 0 var(--c-1),
      calc(var(--pixel) * 12) calc(var(--pixel) * 11) 0 var(--c-1),
      calc(var(--pixel) * 13) calc(var(--pixel) * 11) 0 var(--c-1),
      calc(var(--pixel) * 14) calc(var(--pixel) * 11) 0 transparent,
      calc(var(--pixel) * 15) calc(var(--pixel) * 11) 0 transparent,
      calc(var(--pixel) * 16) calc(var(--pixel) * 11) 0 var(--c-3),
      
      /* r:12 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 12) 0 var(--c-2),
      calc(var(--pixel) * 2)  calc(var(--pixel) * 12) 0 var(--c-2),
      calc(var(--pixel) * 3)  calc(var(--pixel) * 12) 0 var(--c-2),
      calc(var(--pixel) * 4)  calc(var(--pixel) * 12) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 12) 0 transparent,
      calc(var(--pixel) * 6)  calc(var(--pixel) * 12) 0 var(--c-1),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 12) 0 var(--c-3),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 12) 0 var(--c-1),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 12) 0 var(--c-1),
      calc(var(--pixel) * 10) calc(var(--pixel) * 12) 0 var(--c-1),
      calc(var(--pixel) * 11) calc(var(--pixel) * 12) 0 var(--c-2),
      calc(var(--pixel) * 12) calc(var(--pixel) * 12) 0 var(--c-1),
      calc(var(--pixel) * 13) calc(var(--pixel) * 12) 0 var(--c-2),
      calc(var(--pixel) * 14) calc(var(--pixel) * 12) 0 var(--c-1),
      calc(var(--pixel) * 15) calc(var(--pixel) * 12) 0 var(--c-3),
      calc(var(--pixel) * 16) calc(var(--pixel) * 12) 0 var(--c-3),
      
      /* r:13 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 13) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 13) 0 var(--c-2),
      calc(var(--pixel) * 3)  calc(var(--pixel) * 13) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 13) 0 var(--c-3),
      calc(var(--pixel) * 5)  calc(var(--pixel) * 13) 0 transparent,
      calc(var(--pixel) * 6)  calc(var(--pixel) * 13) 0 var(--c-1),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 13) 0 var(--c-1),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 13) 0 var(--c-1),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 13) 0 var(--c-1),
      calc(var(--pixel) * 10) calc(var(--pixel) * 13) 0 var(--c-1),
      calc(var(--pixel) * 11) calc(var(--pixel) * 13) 0 var(--c-1),
      calc(var(--pixel) * 12) calc(var(--pixel) * 13) 0 var(--c-1),
      calc(var(--pixel) * 13) calc(var(--pixel) * 13) 0 var(--c-1),
      calc(var(--pixel) * 14) calc(var(--pixel) * 13) 0 var(--c-1),
      calc(var(--pixel) * 15) calc(var(--pixel) * 13) 0 var(--c-3),
      calc(var(--pixel) * 16) calc(var(--pixel) * 13) 0 var(--c-3),
      
      /* r:14 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 14) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 14) 0 transparent,
      calc(var(--pixel) * 3)  calc(var(--pixel) * 14) 0 var(--c-3),
      calc(var(--pixel) * 4)  calc(var(--pixel) * 14) 0 var(--c-3),
      calc(var(--pixel) * 5)  calc(var(--pixel) * 14) 0 var(--c-3),
      calc(var(--pixel) * 6)  calc(var(--pixel) * 14) 0 var(--c-1),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 14) 0 var(--c-1),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 14) 0 var(--c-1),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 14) 0 var(--c-1),
      calc(var(--pixel) * 10) calc(var(--pixel) * 14) 0 var(--c-1),
      calc(var(--pixel) * 11) calc(var(--pixel) * 14) 0 var(--c-1),
      calc(var(--pixel) * 12) calc(var(--pixel) * 14) 0 var(--c-1),
      calc(var(--pixel) * 13) calc(var(--pixel) * 14) 0 var(--c-1),
      calc(var(--pixel) * 14) calc(var(--pixel) * 14) 0 var(--c-1),
      calc(var(--pixel) * 15) calc(var(--pixel) * 14) 0 var(--c-3),
      calc(var(--pixel) * 16) calc(var(--pixel) * 14) 0 var(--c-3),
      
      /* r:15 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 15) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 15) 0 var(--c-3),
      calc(var(--pixel) * 3)  calc(var(--pixel) * 15) 0 var(--c-3),
      calc(var(--pixel) * 4)  calc(var(--pixel) * 15) 0 var(--c-3),
      calc(var(--pixel) * 5)  calc(var(--pixel) * 15) 0 var(--c-1),
      calc(var(--pixel) * 6)  calc(var(--pixel) * 15) 0 var(--c-1),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 15) 0 var(--c-1),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 15) 0 var(--c-1),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 15) 0 var(--c-1),
      calc(var(--pixel) * 10) calc(var(--pixel) * 15) 0 var(--c-1),
      calc(var(--pixel) * 11) calc(var(--pixel) * 15) 0 var(--c-1),
      calc(var(--pixel) * 12) calc(var(--pixel) * 15) 0 var(--c-1),
      calc(var(--pixel) * 13) calc(var(--pixel) * 15) 0 transparent,
      calc(var(--pixel) * 14) calc(var(--pixel) * 15) 0 transparent,
      calc(var(--pixel) * 15) calc(var(--pixel) * 15) 0 transparent,
      calc(var(--pixel) * 16) calc(var(--pixel) * 15) 0 transparent,
      
      /* r:16 */ 
      calc(var(--pixel) * 1)  calc(var(--pixel) * 16) 0 transparent,
      calc(var(--pixel) * 2)  calc(var(--pixel) * 16) 0 var(--c-3),
      calc(var(--pixel) * 3)  calc(var(--pixel) * 16) 0 transparent,
      calc(var(--pixel) * 4)  calc(var(--pixel) * 16) 0 transparent,
      calc(var(--pixel) * 5)  calc(var(--pixel) * 16) 0 var(--c-1),
      calc(var(--pixel) * 6)  calc(var(--pixel) * 16) 0 var(--c-1),
      calc(var(--pixel) * 7)  calc(var(--pixel) * 16) 0 var(--c-1),
      calc(var(--pixel) * 8)  calc(var(--pixel) * 16) 0 var(--c-1),
      calc(var(--pixel) * 9)  calc(var(--pixel) * 16) 0 transparent,
      calc(var(--pixel) * 10) calc(var(--pixel) * 16) 0 transparent,
      calc(var(--pixel) * 11) calc(var(--pixel) * 16) 0 transparent,
      calc(var(--pixel) * 12) calc(var(--pixel) * 16) 0 transparent,
      calc(var(--pixel) * 13) calc(var(--pixel) * 16) 0 transparent,
      calc(var(--pixel) * 14) calc(var(--pixel) * 16) 0 transparent,
      calc(var(--pixel) * 15) calc(var(--pixel) * 16) 0 transparent,
      calc(var(--pixel) * 16) calc(var(--pixel) * 16) 0 transparent;
  }
}

/*加载画面的进度条框*/
body:not(.default-loading-page) .progress-bar-line {
  display: none;
}

/*加载画面的进度条*/
body:not(.default-loading-page) .progress-bar-subline {
  display: none;
}

/* ================================== */
/* ======= Banner ======= */
/* ================================== */
/* ====cssclass background 属性可以使得banner作为笔记背景  ===== */
.markdown-preview-view.background .obsidian-banner-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  z-index: -1;
  opacity: 0.8;
  background-attachment:fixed;
}

 .markdown-preview-view.background .obsidian-banner {
  top: -310px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.is-live-preview.background .has-banner .obsidian-banner {
  position: absolute!important;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  z-index: -1;
}
.is-live-preview.background .has-banner .cm-hmd-frontmatter {
  display: none;
}
.is-live-preview.background .has-banner .obsidian-banner.cm6-banner {
  opacity: 0.5;
  height: 100%;
}

:is(.markdown-preview-view,.markdown-rendered) img.banner-image.full-width{
  max-width: none;
}

/* ================================== */
/* =======Tasks======= */
/* ================================== */
:is(.markdown-preview-view,.markdown-rendered) .tasks-backlink>.internal-link.internal-link-short-mode {
  font-size: 0;
}
:is(.markdown-preview-view,.markdown-rendered) .tasks-backlink>.internal-link.internal-link-short-mode::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M330.97 451.71l-120.70 120.70a170.67 170.67 0 0 0 235.22 247.21l6.14-5.89 120.70-120.66 60.33 60.33-120.70 120.70A256 256 0 1 1 149.93 512l120.70-120.66 60.33 60.33z m301.70-60.33a42.67 42.67 0 0 1 0 60.33l-181.03 181.03a42.67 42.67 0 0 1-60.33-60.33l181.03-181.03a42.67 42.67 0 0 1 60.33 0z m241.37-241.37a256 256 0 0 1 0 362.03l-120.70 120.70-60.33-60.33 120.70-120.70a170.67 170.67 0 0 0-235.22-247.21l-6.14 5.85-120.70 120.70-60.33-60.33L512 150.02a256 256 0 0 1 362.03 0z' fill='%230061b0'/%3E%3C/svg%3E");
  background-size: 16px 16px;
  transform: translate(0, 2px);
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px;
}

a.tasks-edit {
  background-color: var(--text-accent);
  mask-image: url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M247.47 851.91c-7.11 0-14.22-2.84-19.91-8.53-7.11-7.11-9.96-15.64-8.53-25.6l34.13-184.89c1.42-5.69 4.27-11.38 8.53-14.22l345.6-345.6c52.62-52.62 137.96-52.62 190.58 0 25.6 25.6 39.82 59.73 39.82 95.29s-14.22 69.69-39.82 95.29L453.69 809.24c-4.27 4.27-8.53 7.11-14.22 8.53l-184.89 34.13h-7.11z m186.31-62.58z m-125.16-137.96l-25.6 136.53 136.53-25.6 338.49-338.49c14.22-14.22 22.76-34.13 22.76-55.47s-8.53-39.82-22.76-55.47c-29.87-29.87-79.64-29.87-110.93 0L308.62 651.38z' fill='%230061b0'/%3E%3Cpath d='M739.56 510.58c-7.11 0-14.22-2.84-19.91-8.53L568.89 351.29c-11.38-11.38-11.38-28.44 0-39.82 11.38-11.38 28.44-11.38 39.82 0l150.76 150.76c11.38 11.38 11.38 28.44 0 39.82-4.27 5.69-12.8 8.53-19.91 8.53z' fill='%230061b0'/%3E%3Cpath d='M797.87 860.44H593.07c-15.64 0-28.44-12.8-28.44-28.44s12.8-28.44 28.44-28.44h204.8c15.64 0 28.44 12.8 28.44 28.44s-12.8 28.44-28.44 28.44z' fill='%230061b0'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='' height='' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M247.47 851.91c-7.11 0-14.22-2.84-19.91-8.53-7.11-7.11-9.96-15.64-8.53-25.6l34.13-184.89c1.42-5.69 4.27-11.38 8.53-14.22l345.6-345.6c52.62-52.62 137.96-52.62 190.58 0 25.6 25.6 39.82 59.73 39.82 95.29s-14.22 69.69-39.82 95.29L453.69 809.24c-4.27 4.27-8.53 7.11-14.22 8.53l-184.89 34.13h-7.11z m186.31-62.58z m-125.16-137.96l-25.6 136.53 136.53-25.6 338.49-338.49c14.22-14.22 22.76-34.13 22.76-55.47s-8.53-39.82-22.76-55.47c-29.87-29.87-79.64-29.87-110.93 0L308.62 651.38z' fill='%230061b0'/%3E%3Cpath d='M739.56 510.58c-7.11 0-14.22-2.84-19.91-8.53L568.89 351.29c-11.38-11.38-11.38-28.44 0-39.82 11.38-11.38 28.44-11.38 39.82 0l150.76 150.76c11.38 11.38 11.38 28.44 0 39.82-4.27 5.69-12.8 8.53-19.91 8.53z' fill='%230061b0'/%3E%3Cpath d='M797.87 860.44H593.07c-15.64 0-28.44-12.8-28.44-28.44s12.8-28.44 28.44-28.44h204.8c15.64 0 28.44 12.8 28.44 28.44s-12.8 28.44-28.44 28.44z' fill='%230061b0'/%3E%3C/svg%3E");
  display: inline-block;
  transform: translate(0, -1px);
  background-size: 25px 20px;
  height: 20px;
  width: 20px;
  margin-left: -0.1em;
  cursor: pointer;
}

/* ================================== */
/* ======= Hover editor======= */
/* ================================== */
body.theme-light .popover.hover-popover:not(.is-loaded) {
  box-shadow: 0px 2.7px 3.1px rgba(0, 0, 0, 0.032),
    0px 5.9px 8.7px rgba(0, 0, 0, 0.052),
    0px 10.4px 18.1px rgba(0, 0, 0, 0.071),
    0px 20px 40px rgba(0, 0, 0, 0.11);
}

body .popover.hover-popover:not(.is-loaded) :is(.markdown-preview-view,.markdown-rendered),
.popover.hover-popover:not(.is-loaded) .markdown-source-view .cm-scroller {
  padding: 5px 10px 0; 
}

body.theme-dark .popover.hover-popover:not(.is-loaded) {
  box-shadow: 0px 2.7px 3.1px rgba(0, 0, 0, 0.081),
    0px 5.9px 8.7px rgba(0, 0, 0, 0.131),
    0px 10.4px 18.1px rgba(0, 0, 0, 0.18),
    0px 20px 40px rgba(0, 0, 0, 0.28); 
}  
 
.popover.hover-popover {
  width: 400px;
  max-height: 40vh; 
}

.popover.hover-popover:not(.is-loaded) .markdown-source-view .cm-scroller,
.popover.hover-popover:not(.is-loaded) .markdown-source-view .cm-gutters,
body .popover.hover-popover:not(.is-loaded) :is(.markdown-preview-view,.markdown-rendered) {
  font-size: 0.95em;
}

/* ================================== */
/* ======= custom cssclass ======= */
/* ========fullwidth  noyaml noscroll================ */
/*主页预览宽度*/
:is(.markdown-preview-view,.markdown-rendered).fullwidth.is-readable-line-width .markdown-preview-sizer, 
.markdown-source-view.is-readable-line-width.fullwidth .CodeMirror, 
.is-readable-line-width.fullwidth :is(.markdown-preview-section,.markdown-rendered), 
.is-readable-line-width.fullwidth :is(.markdown-preview-section,.markdown-rendered) > div, 
:is(.markdown-preview-view,.markdown-rendered).is-readable-line-width.fullwidth :is(.markdown-preview-section,.markdown-rendered) {
  width: 100% !important;
  max-width: 100% !important;
  /* margin: 0 auto; */
}
/*隐藏backlinks区域*/
:is(.markdown-preview-view,.markdown-rendered).nobacklinks .embedded-backlinks {
  display: none;
}
/*隐藏yaml区域*/
:is(.markdown-preview-view,.markdown-rendered).noyaml div>.language-yaml {
  display: none;
}
:is(.markdown-preview-view,.markdown-rendered).noyaml div>.frontmatter-container {
  display: none;
}
/*隐藏滚动条*/
:is(.markdown-preview-view,.markdown-rendered).noscroll::-webkit-scrollbar {
  display: none;
}
/*无序列表分栏（配合伪看板使用）*/
.gridlist ul ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(10px, 1fr));
  gap: 0.5rem;
}
.gridlist ul>li:not(.task-list-item) {
  padding:0.2em 1em 0.2em 0.8em;
  margin: 0px!important;
}
.gridlist ul>li>p:not(.task-list-item) {
  margin-top: 0.55em;
  margin-bottom: 0.55em;
}
.gridlist ul>li  strong::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg t='1626092983490' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3709' width='200' height='200'%3E%3Cpath d='M444.88192 549.376h529.72544v263.5776a48.83456 48.83456 0 0 1-48.7936 48.88064H303.48288v-170.80832A141.53216 141.53216 0 0 1 444.88192 549.376z' fill='%23F4CA1C' p-id='3710'%3E%3C/path%3E%3Cpath d='M890.83904 196.80256h-269.85984a2.23744 2.23744 0 0 1-1.024-0.24064l-160.48128-80.384A82.176 82.176 0 0 0 422.81984 107.52H133.16096A82.11968 82.11968 0 0 0 51.2 189.60896v644.78208A82.11968 82.11968 0 0 0 133.16096 916.48h757.67808A82.11968 82.11968 0 0 0 972.8 834.39104V278.89152a82.11968 82.11968 0 0 0-81.96096-82.08896z m-757.67808-9.472h289.65888a2.24768 2.24768 0 0 1 1.024 0.24064l160.49664 80.384a82.304 82.304 0 0 0 36.65408 8.66816h269.85984a2.2784 2.2784 0 0 1 2.27328 2.27328v91.51488H130.88768V189.60896a2.2784 2.2784 0 0 1 2.27328-2.2784z m757.67808 649.33888H133.16096a2.2784 2.2784 0 0 1-2.27328-2.2784V450.22208h762.22464v384.16896a2.2784 2.2784 0 0 1-2.27328 2.2784z' fill='%23595BB3' p-id='3711'%3E%3C/path%3E%3C/svg%3E");
  background-size: 14px 14px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 12.8px;
  width: 13px;
  margin-right: 5px;
}

.gridlist ul ul ul{
  display:flex;
}
.gridlist ul ul li:hover {
  background:  var(--background-secondary-translucent) !important;
  border-color: var(--p-kanban-border-color) !important;
  border-left: 1px solid var(--p-kanban-border-color) !important;
}

@media print {
  code[class*='language-'],
  pre[class*='language-'] {
    word-wrap: break-word !important;
    white-space: pre-wrap !important;
  }

  th, 
  td {
    white-space: pre-wrap !important; 
    word-break: break-word !important; 
    overflow-wrap: break-word !important; 
  }

  .print :not(font)>strong {
    -webkit-print-color-adjust: exact;
    color: var(--print-strong-color) !important;
  }

  .print :not(font):not(strong)>em {
    color: var(--print-em-color) !important;
  }

  body.hr-for-pagination .markdown-rendered hr {
    break-after: page;
    visibility: hidden;
  }

  body.hr-for-pagination.fancy-hr-number .markdown-rendered hr:after {
    break-after: page;
    visibility: visible;
  }

  body.show-url-after-link a.external-link::after {
    content: " (" attr(href) ") ";
  }

  body.fancy-hr-icon .markdown-rendered hr {
    border-image-source: linear-gradient(to right, var(--background-primary-bg-4-bt) 0%, var(--hr-color-icon-1) 30%, var(--hr-color-icon-2) 46%, transparent 46%, transparent 54%, var(--hr-color-icon-3) 54%, var(--hr-color-icon-4) 70%, var(--background-primary-bg-4-bt) 100%);
  }
  body.fancy-hr-no-icon .markdown-rendered hr {
    border-image: linear-gradient(to right, var(--background-primary-bg-4-bt) 0%, var(--hr-color-1) 20%, var(--hr-color-2) 40%, var(--hr-color-3) 60%, var(--hr-color-4) 80%, var(--background-primary-bg-4-bt) 100%) 1;
  }

  body.all-dark .print :is(.markdown-preview-view,.markdown-rendered) {
    background-color: var(--background-primary) !important;
  }
  body.all-dark .print :is(.markdown-preview-view,.markdown-rendered) mark {
    color: var(--text-highlight) !important;
  }
  body.all-dark .print .markdown-preview-view {
    color: var(--text-normal) !important;
  }

  .print .markdown-preview-view .callout.callout[data-callout="timeline"] >.callout-content {
    display: grid !important;
  }
  .print .markdown-preview-view .callout.callout[data-callout="timeline"] .callout-content hr {
    visibility: visible;
  }
  .print .markdown-preview-view .admonition-flex .admonition-content {
    display: flex !important;
  }

  body.text-indentation-two-em  .print *:not(blockquote) > p {
    text-indent: 2em;
  }
  body.text-indentation-two-em   .print *:not(blockquote) > p>br {
    content: ' ';
    white-space: pre;
    line-height: calc((var(--paragraph-spacing) + 0.3)*1em);
    display:unset;
  }
  body.text-indentation-two-em   .print *:not(blockquote) > p>br::after {
    content: '\A         ';
  }
}

/* ================================== */
.community-theme {
  max-width: 290px;
}
.community-theme-container .theme-list .community-theme.is-selected .community-theme-title::before {
  content: "uid:20220622";
  font-family: var(--font-family-inline-code);
  font-size: 12px;
  font-weight: normal;
  color: var(--text-tag);
  box-shadow: inset 1px 1px 2px rgba(10, 10, 10, 0.2), inset -1px -1px 2px rgba(220, 220, 220, 0.5);
  position: absolute;
  padding: 0 3px;
  top: 3px;
  left: 3px;
  border-radius: 5px;
}

.community-theme-container .theme-list .community-theme.is-selected .clickable-icon:not([class*="u-muted"])::after {
  content: "Get Demo Vault";
  color: white;
  font-weight: bold;
  box-shadow: 2px 2px 2px rgba(10, 10, 10, 0.2), -1px -1px 2px rgba(220, 220, 220, 0.5);
  border-radius: 3px;
  padding: 3px 5px;
  margin-left: -15px;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(120deg, #b0ffd5 10%, #ffedb0 100%);
}
.community-theme-container .theme-list .community-theme.is-selected .clickable-icon:not([class*="u-muted"]) {
  color: transparent;
}
.is-mobile .community-theme {
  margin: 15px 0;
  padding: 15px 0;
}

/* ================================== */
/* ======= Call out======= */
/* ================================== */
.callout .callout-title-inner>img:not([class*="emoji"]) {
  border-radius: 1em !important;
  margin: auto;
  display: block;
}

.callout-title-inner.admonition-title-content svg {
  height: 1em;
  align-self: center;
  width: 1em;
}

.callout-icon svg {
  height: 1em;
}

.markdown-source-view.is-live-preview .admonition-content .callout-content :is(h1,h2,h3,h4,h5,h6,p) {
  margin: 0;
}

.callout {
  background-color:var(--admonition-bg-color);
}

.callout .callout-content p img {
  display: block;
}

.is-live-preview .callout:not(.admonition) .callout-content {
  padding-top: 0;
  padding-bottom: 0;
}
.callout-content {
  padding-left: 10px;
}
.callout img[alt*=circle] {
  border-radius: 35px;
  width: 70px;
  height: 70px;
}
/* ===编辑代码块按钮调整============ */
.markdown-source-view.mod-cm6 .cm-embed-block {
  border: 0;
  padding-top: 9px;
}
.markdown-source-view.mod-cm6 .edit-block-button {
  padding: 0;
  top: 0;
  border-radius: var(--radius-s);
  right: 10px;
}
.markdown-source-view.mod-cm6 .edit-block-button::before {
  width: 25px;
  font-size: 11px;
  text-align: center;
  content: '</>';
}
.markdown-source-view.mod-cm6 .edit-block-button>svg {
  display: none;
}
  
/*cards 视图*/
:root{
  --cards-width: 138px;
}

@media (max-width: 450px) {
  :root{
    --cards-width: 112.64px;
  }
}

@media (max-width: 375px) {
  :root{
    --cards-width: 102.4px;
  }
}

@media (max-width: 350px) {
  :root{
    --cards-width: 87.04px;
  }
}
.callout.callout[data-callout*=cards] .callout-content {
  padding: 0;
}
.callout.callout[data-callout*=cards] progress {
  position: absolute;
  width: var(--cards-width);
  margin-top: -10px;
  margin-left: calc(var(--cards-width) /2 * -1);
  overflow: hidden;
  height: 3px;
  background: #f0ec05; 
}
.callout.callout[data-callout*=cards] progress.yellow::-moz-progress-bar { 
  background: #e78f0c; 
}
.callout.callout[data-callout*=cards] progress.yellow::-webkit-progress-value {
  border-radius: 1em;
  background: #e78f0c; 
}

.callout.callout[data-callout*=cards] progress.hot::-moz-progress-bar { 
  background: #fa7131dc; 
}
.callout.callout[data-callout*=cards] progress.hot::-webkit-progress-value {
  border-radius: 1em;
  background: #fa7131dc; 
}

.callout.callout[data-callout*=cards] table.dataview tbody {
  display: flex;
  flex-flow: wrap;
  margin-top: 20px;
  margin-left: 0.5em;
  width: 105%;
}

@media (max-width:1120px) {
  .callout.callout[data-callout*=cards] table.dataview tbody {
    margin-left: -40px;
    padding: 0 40px
  }
}

@media (max-width:960px) {
  .callout.callout[data-callout*=cards] table.dataview tbody {
    margin-left: -30px;
    padding: 0 30px
  }
}

@media (max-width:460px) {
  .callout.callout[data-callout*=cards] table.dataview tbody {
    padding: 0px;
    margin-left: -20px;
  }
}

.callout.callout[data-callout*=cards] table.dataview>tbody>tr {
  display: block;
  width:var(--cards-width);
  height: auto;
  margin-left: 1.2em;
  margin-bottom: 44px;
  background-color: transparent;
}

@media (max-width:1120px) {
  .callout.callout[data-callout*=cards] table.dataview>tbody>tr {
    margin-left: 40px;
  }
}

@media (max-width:960px) {
  .callout.callout[data-callout*=cards] table.dataview>tbody>tr {
    margin-left: 30px;
  }
}

@media (max-width:460px) {
  .callout.callout[data-callout*=cards] table.dataview>tbody>tr {
    margin-left: 20px;
    margin-bottom: 20px;
  }
}

.callout.callout[data-callout*=cards] table.dataview tbody>tr>td:first-child, 
.markdown-source-view.mod-cm6.callout.callout[data-callout*=cards] .dataview.table-view-table>tbody>tr>td:first-child { 
  width: 100%;
  display: block;
  box-shadow: 0 2px 16px rgba(0, 0, 0, .2);
  position: relative;
  padding: 0;
}

.callout.callout[data-callout*=cards] table.dataview tbody>tr>td img {
  vertical-align: top;
  width: 100%;
  height: calc(var(--cards-width) / 0.7 );
  background-color:var(--background-secondary);
  -o-object-fit: cover;
  object-fit: cover;
}
.callout.callout[data-callout*=cards] table.dataview tbody>tr>td:before {
  display: none;
}
.callout.callout[data-callout*=cards] table.dataview tbody>tr>td:first-child:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(90deg, hsla(0, 0%, 63.1%, .25), rgba(21, 21, 20, .1) 1%, hsla(0, 0%, 100%, .15) 4%, hsla(0, 0%, 58%, .1) 8%, hsla(0, 0%, 89%, 0) 57%, rgba(223, 218, 218, .03) 91%, rgba(223, 218, 218, .05) 98%, hsla(0, 0%, 100%, .1));
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .1);
}
.callout.callout[data-callout*=cards] table.dataview tbody>tr>td:not(:first-child), 
.markdown-source-view.mod-cm6.callout.callout[data-callout*=cards] .dataview.table-view-table>tbody>tr>td:not(:first-child) {
  text-align: center;
  padding: 0;
  margin-top: 4px;
  font-size: 15px;
  color: var(--text-muted);
  line-height: 18px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-text-size-adjust: none;
  box-orient: vertical;
  height: auto;
  font-size: 13px;
  line-height: 1.1;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.callout.callout[data-callout*=cards] table.dataview tbody>tr>td>button {
  font-size: 12px;
  background-color: transparent;
  padding: 0;
}
.callout.callout[data-callout*=cards] table.dataview tbody>tr>td:nth-child(2) {
  margin-top: 10px;
}
.callout.callout[data-callout*=cards] table.dataview tbody>tr>td:nth-child(3) {
  -webkit-text-stroke: 0.25px ;
}
/*------------*/

.callout.callout[data-callout*=cards] table.dataview thead {
  user-select: none;
  width: 160px;
  display: block;
  float: right;
  position: relative;
  text-align: right;
  padding-bottom: 4px
}
.callout.callout[data-callout*=cards] table.dataview thead:before {
  content: '';
  background-repeat: no-repeat;
  cursor: var(--cursor);
  text-align: right;
  padding: 4px 10px;
  margin-bottom: 2px;
  border-radius: 5px;
  font-weight: 500;
  font-size: var(--font-adaptive-small);
}
.callout.callout[data-callout*=cards] table.dataview thead:before {
  opacity: .25;
  background-position: center center;
  background-size: 18px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="white" d="M49.792 33.125l-5.892 5.892L33.333 28.45V83.333H25V28.45L14.438 39.017L8.542 33.125L29.167 12.5l20.625 20.625zm41.667 33.75L70.833 87.5l-20.625 -20.625l5.892 -5.892l10.571 10.567L66.667 16.667h8.333v54.883l10.567 -10.567l5.892 5.892z"></path></svg>');
}
.theme-light .callout.callout[data-callout*=cards] table.dataview thead:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M49.792 33.125l-5.892 5.892L33.333 28.45V83.333H25V28.45L14.438 39.017L8.542 33.125L29.167 12.5l20.625 20.625zm41.667 33.75L70.833 87.5l-20.625 -20.625l5.892 -5.892l10.571 10.567L66.667 16.667h8.333v54.883l10.567 -10.567l5.892 5.892z"></path></svg>');
}
.callout.callout[data-callout*=cards] table.dataview thead:hover:before {
  opacity: .5;
}
.callout.callout[data-callout*=cards] table.dataview thead>tr {
  position: absolute;
  display: none;
  z-index: 9;
  border: 1px solid var(--background-modifier-border);
  background-color: var(--background-secondary);
  box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
  padding: 6px;
  border-radius: 6px;
  flex-direction: column;
  margin: 0;
  width: 100%;
}
.callout.callout[data-callout*=cards] table.dataview thead:hover>tr {
  display: flex;
}
.callout.callout[data-callout*=cards] table.dataview thead>tr>th {
  display: block;
  background-color: var(--background-primary);
  padding: 3px 30px 3px 6px!important;
  border-radius: 5px;
  width: 100%;
  font-weight: 400;
  color: var(--text-muted);
  border: none;
  font-size: var(--font-adaptive-small);
}
.callout.callout[data-callout*=cards] table.dataview thead>tr>th[sortable-style=sortable-asc],
.callout.callout[data-callout*=cards] table.dataview thead>tr>th[sortable-style=sortable-desc] {
  color: var(--text-normal);
}
.callout.callout[data-callout*=cards] table.dataview thead>tr>th:hover {
  color: var(--text-normal);
  background-color: var(--background-secondary);
}

/*全透明callout*/
.callout.callout[data-callout*=blank] {
  box-shadow: none;
  max-width: 100%;
  background: transparent;
  border: none;
  background-color: transparent !important;
  box-shadow: none !important;
  margin: 0;
}

.callout.callout[data-callout*=blank].is-collapsed .callout-fold {
  border: none;
  padding: 5px 10px;
}
.callout.callout[data-callout*=blank] .callout-title, 
.callout.callout[data-callout*=blank] .callout-title :is(.callout-icon, .callout-title-inner) {
  display: none;
}
.callout.callout[data-callout*=blank] .callout-content {
  overflow: visible;
  margin: 0;
  padding: 0;
  border: none;
}

/* ===段落自动缩进============ */
  /*支持两种写法
    > [!note|indent]
    > [!note indent]
   */
.callout.callout:is([data-callout-metadata*="indent"], 
[data-callout*=indent]) .callout-content p br {
  content: '';
  white-space: pre;
  line-height: calc((var(--paragraph-spacing) + 0.3)*1em);
  display: unset;
}
.callout.callout:is([data-callout-metadata*="indent"], 
[data-callout*=indent]) .callout-content>p {
  text-indent: 2em;
}
.callout.callout:is([data-callout-metadata*="indent"], 
[data-callout*=indent]) .callout-content blockquote>p {
  text-indent: 2em;
}
  
.callout.callout:is([data-callout-metadata*="indent"], 
[data-callout*=indent]) .callout-content p br::after {
  content: '\A         ';
}
/* ===隐藏图标============ */
.callout.callout:is([data-callout-metadata^="noicon"], 
[data-callout*=noicon]) .callout-icon {
  display: none;
}

/* ===隐藏边框============ */
.callout.callout:is([data-callout-metadata*="noborder"], 
[data-callout*=noborder]) {
  border-left: none;
  background-color: transparent;
  box-shadow: none;
}
.callout.callout:is([data-callout-metadata*="noborder"], 
  [data-callout*=noborder]) .callout-content {
  border-left: none;
  background-color: transparent;
  box-shadow: none;
  border: none;
}

/* ===banner============ */
.is-live-preview .admonition-flex .callout.callout[data-callout-metadata*="banner"]:nth-child(2) {
  margin-top: -1.5em;
}

.callout.callout[data-callout-metadata*="banner"] {
  border-left: 0;
  background-color: transparent;
  box-shadow: none !important;
}
.callout.callout[data-callout-metadata*="banner"] .callout-content{
  overflow: visible;
}
.callout.callout[data-callout-metadata*="banner"] .callout-title {
  background-color: transparent;
  display: inline;
}
/* nested callout note for culumns | image used as tittle + centered */
.callout.callout[data-callout-metadata*="banner"] .callout-title img {
  border-radius: 1em;
  margin: auto;
  display: block;
}
.callout.callout[data-callout-metadata*="banner"] .callout-fold {
  display: none;
}
.callout.callout[data-callout-metadata*="banner"] .callout-icon {
  display: none;
}
.callout.callout[data-callout-metadata*="banner"] .callout-title h3 {
  text-align: center;	
  line-height: 2;
}
.callout.callout[data-callout-metadata*="banner"] .callout-title h3::before {
  display: none;
}
/* ===隐藏标题============ */
.callout.callout:is([data-callout-metadata*="notitle"], 
[data-callout*=notitle]) .callout-title {
  display:none;
}
/* ===支持 right left  center 语法============ */
     /*支持两种写法
    > [!note|right]
    > [!note right]
   */
.callout.callout:is([data-callout-metadata*="left"], 
[data-callout*=left]) {
  float: left !important;
  margin: unset;
}
.callout.callout:is([data-callout-metadata*="right"], 
[data-callout*=right]) {
  float: right !important;
  margin: unset;
}

.callout.callout:is([data-callout-metadata*="center"], 
[data-callout*=center]) {
  display: block;
  margin: auto;
  float: unset ;
  text-align:center;
}
/* ===块内元素不换行============ */
.callout.callout:is([data-callout-metadata*='nowrap'],
[data-callout*='nowrap']) {
  max-width: unset !important;
  white-space: nowrap;
  overflow: hidden;
}
.callout.callout:is([data-callout-metadata*='nowrap'],
[data-callout*='nowrap']) .callout-content {
  overflow-x: auto !important;
}
.callout.callout:is([data-callout-metadata*='nowrap'],
[data-callout*='nowrap']) .callout-content p {
  display: flex;
  align-items: center;
  margin-block-start: 0;
  margin-block-end: 0;
}
.callout.callout:is([data-callout-metadata*='nowrap'],
[data-callout*='nowrap']) .callout-content img {
  max-width: unset !important;
  display: table-cell;
  vertical-align: middle;
  padding: 1px;
  max-height: 30vh;
}

/* ===块内元素网格布局============ */
.callout.callout:is([data-callout-metadata*='grid'],
[data-callout*='grid']) {
  max-width: unset !important;
  white-space: nowrap;
  overflow: hidden;
}
.callout.callout:is([data-callout-metadata*='grid'],
[data-callout*='grid']) .callout-content {
  overflow-x: auto!important;
}
.callout.callout:is([data-callout-metadata*='grid'],
[data-callout*='grid']) .callout-content p {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, auto));
  grid-gap: 2px;
}
.callout.callout:is([data-callout-metadata*='grid'],
[data-callout*='grid']) .callout-content img {
  display: flex;
  flex: 1;
  align-self: stretch;
  object-fit: cover;
  margin: unset !important;
}


/* ===百分比宽度============ */
/*支持两种写法
  > [!note|30%]
  > [!note 30%]
*/
.callout.callout:is([data-callout-metadata*='100%'],
[data-callout*='100%']) {
  width: 100%;
}
.callout.callout:is([data-callout-metadata*='95%'],
[data-callout*='95%']) {
  width: 95%;
}
.callout.callout:is([data-callout-metadata*='90%'],
[data-callout*='90%']) {
  width: 90%;
}
.callout.callout:is([data-callout-metadata*='85%'],
[data-callout*='85%']) {
  width: 85%;
}
.callout.callout:is([data-callout-metadata*='80%'],
[data-callout*='80%']) {
  width: 80%;
}
.callout.callout:is([data-callout-metadata*='75%'],
[data-callout*='75%']) {
  width: 75%;
}
.callout.callout:is([data-callout-metadata*='70%'],
[data-callout*='70%']) {
  width: 70%;
}
.callout.callout:is([data-callout-metadata*='65%'],
[data-callout*='65%']) {
  width: 65%;
}
.callout.callout:is([data-callout-metadata*='60%'],
[data-callout*='60%']) {
  width: 60%;
}
.callout.callout:is([data-callout-metadata*='55%'],
[data-callout*='55%']) {
  width: 55%;
}
.callout.callout:is([data-callout-metadata*='50%'],
[data-callout*='50%']) {
  width: 50%;
}
.callout.callout:is([data-callout-metadata*='45%'],
[data-callout*='45%']) {
  width: 45%;
}
.callout.callout:is([data-callout-metadata*='40%'],
[data-callout*='40%']) {
  width: 40%;
}
.callout.callout:is([data-callout-metadata*='35%'],
[data-callout*='35%']) {
  width: 35%;
}
.callout.callout:is([data-callout-metadata*='30%'],
[data-callout*='30%']) {
  width: 30%;
}
.callout.callout:is([data-callout-metadata*='25%'],
[data-callout*='25%']) {
  width: 25%;
}
.callout.callout:is([data-callout-metadata*='20%'],
[data-callout*='20%']) {
  width: 20%;
}
.callout.callout:is([data-callout-metadata*='15%'],
[data-callout*='15%']) {
  width: 15%;
}
.callout.callout:is([data-callout-metadata*='10%'],
[data-callout*='10%']) {
  width: 10%;
}


/* callout模糊文字效果*/
.callout.callout[data-callout=cloze] {
  border-left-width: 0;
  filter: blur(4px);
}

.callout.callout[data-callout=cloze]:hover {
  filter: none;
}

.callout.callout[data-callout=cloze] .callout-title {
  display: none;
}

/* callout伪看板效果*/
.callout.callout[data-callout*="kanban"] ul {
  display: flex;
  flex-direction: row;
  border: 0px solid var(--p-kanban-border-color);
  padding: 0;
  border-radius: var(--radius-m);
  flex-wrap: wrap;
}

.callout.callout[data-callout*="kanban"] ul>li {
  flex: 1 1 20%;
  padding: 0.1em 1em 0.1em 0.8em;
  margin: 0 0.3em 0.3em 0 !important;
  list-style: none;
  border: 1px solid var(--p-kanban-border-color);
  border-left: 1px solid var(--p-kanban-border-color) !important;
  border-radius: var(--radius-s);
  word-wrap: break-word;
  word-break: break-word;
}

.callout.callout[data-callout*="kanban"] ul li.task-list-item .task-list-item-checkbox {
  margin-left: auto;
}

.callout.callout[data-callout*="kanban"] ul .list-collapse-indicator.collapse-indicator.collapse-icon {
  margin-left: -1.2em;
}

.callout.callout[data-callout*="kanban"] ul .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  color: var(--text-accent);
  transition: transform 10ms linear 0s;
}

body.colorful-p-kanban .callout.callout[data-callout*="kanban"] ul>li:nth-of-type(8n+1) {
  background-color: var(--p-kanban-color-1);
}
body.colorful-p-kanban .callout.callout[data-callout*="kanban"] ul>li:nth-of-type(8n+2) {
  background-color: var(--p-kanban-color-2);
}
body.colorful-p-kanban .callout.callout[data-callout*="kanban"] ul>li:nth-of-type(8n+3) {
  background-color: var(--p-kanban-color-3);
}
body.colorful-p-kanban .callout.callout[data-callout*="kanban"] ul>li:nth-of-type(8n+4) {
  background-color: var(--p-kanban-color-4);
}
body.colorful-p-kanban .callout.callout[data-callout*="kanban"] ul>li:nth-of-type(8n+5) {
  background-color: var(--p-kanban-color-5);
}
body.colorful-p-kanban .callout.callout[data-callout*="kanban"] ul>li:nth-of-type(8n+6) {
  background-color: var(--p-kanban-color-6);
}
body.colorful-p-kanban .callout.callout[data-callout*="kanban"] ul>li:nth-of-type(8n+7) {
  background-color: var(--p-kanban-color-7);
}
body.colorful-p-kanban .callout.callout[data-callout*="kanban"] ul>li:nth-of-type(8n) {
  background-color: var(--p-kanban-color-8);
}

.callout.callout[data-callout*="kanban"] ul>li:nth-of-type(n) {
  background-color: var(--p-kanban-color-simple);
  padding-left: 1em;
}
.callout.callout[data-callout*="kanban"] .callout-content>ul:first-child>li:nth-of-type(8n+1) {
  border-top: 6px solid var(--p-kanban-color-1) !important;
}
.callout.callout[data-callout*="kanban"] .callout-content>ul:first-child>li:nth-of-type(8n+2) {
  border-top: 6px solid var(--p-kanban-color-2) !important;
}
.callout.callout[data-callout*="kanban"] .callout-content>ul:first-child>li:nth-of-type(8n+3) {
  border-top: 6px solid var(--p-kanban-color-3) !important;
}
.callout.callout[data-callout*="kanban"] .callout-content>ul:first-child>li:nth-of-type(8n+4) {
  border-top: 6px solid var(--p-kanban-color-4) !important;
}
.callout.callout[data-callout*="kanban"] .callout-content>ul:first-child>li:nth-of-type(8n+5) {
  border-top: 6px solid var(--p-kanban-color-5) !important;
}
.callout.callout[data-callout*="kanban"] .callout-content>ul:first-child>li:nth-of-type(8n+6) {
  border-top: 6px solid var(--p-kanban-color-6) !important;
}
.callout.callout[data-callout*="kanban"] .callout-content>ul:first-child>li:nth-of-type(8n+7) {
  border-top: 6px solid var(--p-kanban-color-7) !important;
}
.callout.callout[data-callout*="kanban"] .callout-content>ul:first-child>li:nth-of-type(8n) {
  border-top: 6px solid var(--p-kanban-color-8) !important;
}
body.simple-p-kanban .callout.callout[data-callout*="kanban"] ul:first-child>li:nth-of-type(n) {
  border-top: none !important;
}

body:not(.remove-shadow-p-kanban) .callout.callout[data-callout*="kanban"] ul>li:hover {
  transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1);
  box-shadow: 0 3px 5px 0 var(--p-kanban-color-shadow), 0 3px 1px -3px var(--p-kanban-color-shadow), 2px 3px 3px 0 var(--p-kanban-color-shadow);
}

.callout.callout[data-callout*="kanban"] ul ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0rem;
  margin-top: 0.5rem;
  border-radius: 0;
  border: 0;
  background: none;
}

.callout.callout[data-callout*="kanban"] ul ul li:not(.task-list-item) {
  width: 100%;
  display: block;
  background-color: var(--p-kanban-card-color-1) !important;
}

body.remove-shadow-p-kanban .callout.callout[data-callout*="kanban"] ul ul li:hover {
  background: var(--p-kanban-card-color-2) !important;
  border-color: var(--p-kanban-border-color) !important;
  border-left: 1px solid var(--p-kanban-border-color) !important;
}

body.remove-shadow-p-kanban.theme-dark .callout.callout[data-callout*="kanban"] ul ul li:hover {
  border-color: #696969e1 !important;
  border-left: 1px solid #696969e1 !important;
}

.callout.callout[data-callout*="kanban"] ul ul li .task-list-item-checkbox {
  margin-left: 1.5rem !important;
}

.callout.callout[data-callout*="kanban"] ul ul ul {
  margin-right: 0;
}

.callout.callout[data-callout*="kanban"] ul ul::before {
  border-left: 0;
  border:0;
}

:is(.markdown-preview-view,.markdown-rendered).is-readable-line-width.callout.callout[data-callout*="kanban"] .markdown-preview-sizer>div>ul {
  max-width: 100%;
}

.callout.callout[data-callout*="kanban"] :is(ol,ul).contains-task-list :is(ol,ul) {
  position: initial;
}

.callout.callout[data-callout*="kanban"] :is(ol,ul).contains-task-list :is(ol,ul)::before {
  all: initial;
}

.callout.callout[data-callout*="kanban"] ul > li.task-list-item {
  flex: 1 1 20%;
  padding: 0.1em 1em;
  list-style: none;
  border: 1px solid var(--p-kanban-border-color);
  border-left: 1px solid var(--p-kanban-border-color) !important;
  border-radius: var(--radius-s);
  word-wrap: break-word;
  word-break: break-word;
  text-indent: 0.01em;
}

.callout.callout[data-callout*="kanban"] ul ul li.task-list-item {
  width: 100%;
  display: block;
  padding-left: 2em;
  text-indent: -3em;
  background-color: var(--p-kanban-card-color-1) !important;
}

.callout.callout[data-callout*="kanban"] ul ul li.task-list-item .list-collapse-indicator.collapse-indicator.collapse-icon {
  text-indent: -1em;
}

body:not(.default-icons) .callout.callout[data-callout*="kanban"] li.task-list-item .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  margin-left: -0.2em;
}

body:not(.default-icons) .callout.callout[data-callout*="kanban"] li.task-list-item .task-list-item.is-collapsed .list-collapse-indicator.collapse-indicator.collapse-icon::before {
  transform: translateX(-0.9em) translateY(-1em) rotate(-90deg);
}

body.colorful-p-kanban .callout.callout[data-callout*="kanban"] .task-list-item-checkbox {
  border-color: var(--text-normal) !important;
}

/*callout hibox*/
.callout.callout[data-callout*="hibox"] {
  background-color: transparent !important;
  box-shadow: none !important;
}

.callout.callout[data-callout*="hibox"] .callout-content *,
.callout.callout[data-callout*="hibox"] .callout-content *::before,
.callout.callout[data-callout*="hibox"] .callout-content *::marker {
  visibility: hidden;
}
 
.callout.callout[data-callout*="hibox"] .callout-content {
  position: relative;
  height: auto;
  overflow: hidden;
  background: radial-gradient(circle at 0px 0px, var(--background-modifier-box-shadow), 0, var(--background-modifier-box-shadow), var(--hibox), transparent var(--hibox), transparent 0);
  transition: --hibox 0.6s linear;
}

.callout.callout[data-callout*="hibox"] .callout-content:hover {
  --hibox: 1500px;
  box-shadow: 0 0.2rem 0.5rem var(--background-modifier-box-shadow) !important;
}

.callout.callout[data-callout*="hibox"] .callout-content:hover *,
.callout.callout[data-callout*="hibox"] .callout-content:hover *::marker,
.callout.callout[data-callout*="hibox"] .callout-content:hover *::before {
  border-color: inherit;
  visibility: visible;
}

.callout.callout[data-callout*="hibox"] .callout-content:hover ol:not(.contains-task-list)>li:not(.task-list-item) {
  border-color: var(--list-ol-block-color) !important;
}

.callout.callout[data-callout*="hibox"] .callout-content:hover ul>li:not(.task-list-item) {
  border-color: var(--list-ul-block-color) !important;
}

.callout.callout[data-callout*="hibox"] .callout-content:hover blockquote {
  border-color: var(--theme-color) !important;
  background-color: var(--background-blockquote) !important;
}

.callout.callout[data-callout*="hibox"] .callout-content:hover {
  border-color: var(--text-normal) !important;
}

/* callout infobox效果*/
/*Infobox from https://github.com/SlRvb/Obsidian--ITS-Theme/blob/main/S%20-%20Callouts.css*/
:is(.is-mobile, .is-live-preview) .callout[data-callout*=infobox] {
  float: unset !important;
  max-width: 100%;
  margin: 0 !important;
}

.callout.callout[data-callout*=infobox] {
  --callout-color: var(--interactive-accent-rgb);
  background: transparent;
  border: 0;
  box-shadow: none !important;
  margin: 0;
  margin-left: 8px;
  align-self: center;
  float: right;
}
.callout.callout[data-callout*=infobox] .callout-title {
  background-color: transparent;
  padding: 0;
  justify-content: center;
}
.callout.callout[data-callout*=infobox].is-collapsed .callout-fold {
  padding: 3px 10px;
}
.callout.callout[data-callout*=infobox]:not(:hover):not(.is-collapsible) .callout-title, .callout.callout[data-callout*=infobox]:not(.is-collapsible) .callout-title :is(.callout-icon, .callout-fold,.callout-title-inner) {
  display: none;
}
.callout.callout[data-callout*=infobox] .callout-content {
  padding: 1px;
  margin: 0;
  border-radius: var(--radius, var(--co-radius));
}
.callout.callout[data-callout*=infobox] table {
  width: 100%;
}
.callout.callout[data-callout*=infobox] :is(p, table) {
  margin-block-start: 0;
  margin-block-end: 0;
  margin: 0;
}
.callout.callout[data-callout*=infobox] :is(h1, h2, h3, h4, h5, h6) {
  text-align: center;
  margin: 0;
  padding: 2px;
  color: var(--text-normal);
}
.callout.callout[data-callout*=infobox] p, 
.callout.callout[data-callout*=infobox] .internal-embed,
.callout.callout[data-callout*=infobox] img {
  margin: auto;
  padding: auto;
  text-align: center;
}

/******callout bookinfo*****/
.callout.callout[data-callout*="bookinfo"] {
  --callout-color: 64, 201, 75;
  --callout-icon: '<svg t="1648743111717" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2202" ><path d="M559.936 144.064l0 745.344 42.112-51.84c6.4-7.872 18.112-9.216 26.176-3.008 1.152 0.896 2.112 1.856 3.008 3.008l0.064-0.128 38.016 46.656L669.312 115.392 559.936 144.064 559.936 144.064zM160.512 558.976C153.536 561.664 145.664 558.208 142.976 551.232 140.288 544.256 143.68 536.384 150.72 533.632c42.496-16.832 88.384-24.768 135.168-24.768 48.512 0 98.24 8.512 146.624 24.512 7.104 2.368 11.008 10.048 8.64 17.216C438.784 557.696 431.104 561.6 424 559.168 378.368 544.128 331.52 536.064 285.888 536.064 242.24 536.064 199.872 543.424 160.512 558.976L160.512 558.976zM160.512 472.064C153.536 474.752 145.664 471.36 142.976 464.32 140.288 457.344 143.68 449.408 150.72 446.72c42.496-16.896 88.384-24.832 135.168-24.832 48.512 0 98.24 8.512 146.624 24.512 7.104 2.368 11.008 10.048 8.64 17.216C438.784 470.784 431.104 474.688 424 472.32 378.368 457.216 331.52 449.152 285.888 449.152 242.24 449.152 199.872 456.448 160.512 472.064L160.512 472.064zM160.512 393.152C153.536 395.904 145.664 392.384 142.976 385.408 140.288 378.432 143.68 370.56 150.72 367.808c42.496-16.896 88.384-24.832 135.168-24.832 48.512 0 98.24 8.576 146.624 24.576 7.104 2.304 11.008 10.048 8.64 17.216C438.784 391.872 431.104 395.776 424 393.344 378.368 378.304 331.52 370.176 285.888 370.176 242.24 370.176 199.872 377.536 160.512 393.152L160.512 393.152zM160.512 310.08c-6.976 2.752-14.848-0.704-17.536-7.68C140.288 295.36 143.68 287.488 150.72 284.736c42.496-16.832 88.384-24.768 135.168-24.768 48.512 0 98.24 8.512 146.624 24.512 7.104 2.368 11.008 10.048 8.64 17.216C438.784 308.864 431.104 312.704 424 310.336 378.368 295.296 331.52 287.232 285.888 287.232 242.24 287.232 199.872 294.528 160.512 310.08L160.512 310.08zM160.512 234.816c-6.976 2.688-14.848-0.704-17.536-7.68C140.288 220.16 143.68 212.224 150.72 209.472 193.216 192.64 239.104 184.704 285.888 184.704c48.512 0 98.24 8.512 146.624 24.512 7.104 2.368 11.008 10.048 8.64 17.216C438.784 233.536 431.104 237.44 424 235.072 378.368 220.032 331.52 211.968 285.888 211.968 242.24 211.968 199.872 219.328 160.512 234.816L160.512 234.816zM983.36 202.56C1005.888 203.776 1024 222.08 1024 244.288l0 570.048c0 22.976-19.392 41.792-43.008 41.792l-274.24 0 0 80.128-0.064 0c0 5.248-2.432 10.624-7.04 14.144-8.128 6.336-19.84 4.992-26.24-2.88l-56.768-69.376-59.776 73.472C553.536 956.608 547.712 960 541.248 960c-10.368 0-18.752-8.256-18.752-18.24l0-85.632L43.008 856.128C19.392 856.128 0 837.312 0 814.336L0 244.288C0 223.36 16.064 205.824 36.8 202.944L36.8 147.008c0-11.904 7.232-22.208 17.728-26.752C135.552 80.448 214.976 62.848 293.12 64c73.984 1.152 146.112 19.072 216.704 50.88C586.944 78.848 662.656 62.912 737.28 64c78.336 1.216 154.624 21.248 229.12 56.64 10.752 5.12 17.024 15.552 17.024 26.368l0 0L983.424 202.56 983.36 202.56zM706.752 676.288c10.112-0.512 20.352-0.704 30.528-0.576 63.232 1.088 125.12 15.36 185.792 40.96l0-551.04c-61.504-27.008-123.776-42.176-186.816-43.2-9.792-0.128-19.648 0.064-29.504 0.64L706.752 676.288 706.752 676.288zM292.16 122.496C228.736 121.536 163.776 134.976 97.088 165.312l0 550.656c66.304-28.544 131.584-41.344 196.032-40.256 63.296 1.088 125.248 15.36 185.92 40.96l0-551.04C417.408 138.624 355.2 123.456 292.16 122.496z" p-id="2203" ></path></svg>';
  background: transparent;
  border: 0;
  width: auto;
  padding: 0;
}

.callout.callout[data-callout*=bookinfo] .callout-title {
  text-align: center;
  margin-top: -10px;
  display: flex;
  justify-content: space-between;
}

.callout.callout[data-callout*=bookinfo] .callout-content {
  margin-top: -10px;
  display: flex;
  justify-content: space-between;
}

.callout.callout[data-callout*=bookinfo] .callout-content table {
  width: 68%;
  margin-left: 2%;
  word-break: normal;
}
.callout.callout[data-callout*=bookinfo] .callout-content table tr th {
  padding-right: 5px;;
}
.callout.callout[data-callout*=bookinfo] .callout-content td:nth-child(2) {
  display: table-cell;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .callout.callout[data-callout*=bookinfo] .callout-content table {
    width: 100%;
  }
  .callout.callout[data-callout*=bookinfo] .callout-content {
    display: grid;
  }
}
/******callout timeline*****/
.callout.callout[data-callout="timeline"] {
  --callout-color: 31, 172, 139;
  --callout-icon: '<svg t="1649346326592" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2210"><path d="M384 170.666667m42.666667 0l512 0q42.666667 0 42.666666 42.666666l0 0q0 42.666667-42.666666 42.666667l-512 0q-42.666667 0-42.666667-42.666667l0 0q0-42.666667 42.666667-42.666666Z" p-id="2211"></path><path d="M384 469.333333m42.666667 0l512 0q42.666667 0 42.666666 42.666667l0 0q0 42.666667-42.666666 42.666667l-512 0q-42.666667 0-42.666667-42.666667l0 0q0-42.666667 42.666667-42.666667Z" p-id="2212"></path><path d="M384 768m42.666667 0l512 0q42.666667 0 42.666666 42.666667l0 0q0 42.666667-42.666666 42.666666l-512 0q-42.666667 0-42.666667-42.666666l0 0q0-42.666667 42.666667-42.666667Z" p-id="2213"></path><path d="M239.835143 127.973411m15.084945 15.084944l60.339779 60.339779q15.084945 15.084945 0 30.169889l-60.339779 60.339779q-15.084945 15.084945-30.169889 0l-60.339779-60.339779q-15.084945-15.084945 0-30.169889l60.339779-60.339779q15.084945-15.084945 30.169889 0Z" p-id="2214"></path><path d="M239.831988 426.647696m15.084944 15.084945l60.339779 60.339778q15.084945 15.084945 0 30.16989l-60.339779 60.339778q-15.084945 15.084945-30.169889 0l-60.339779-60.339778q-15.084945-15.084945 0-30.16989l60.339779-60.339778q15.084945-15.084945 30.169889 0Z" p-id="2215"></path><path d="M239.828832 725.321982m15.084944 15.084944l60.339779 60.339779q15.084945 15.084945 0 30.169889l-60.339779 60.339779q-15.084945 15.084945-30.169889 0l-60.339779-60.339779q-15.084945-15.084945 0-30.169889l60.339779-60.339779q15.084945-15.084945 30.169889 0Z" p-id="2216"></path><path d="M213.333333 853.333333H85.333333a42.666667 42.666667 0 0 1-42.666666-42.666666V213.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h128v85.333333H138.666667a10.709333 10.709333 0 0 0-10.666667 10.666667v192a10.709333 10.709333 0 0 0 10.666667 10.666666H213.333333v85.333334H138.666667a10.709333 10.709333 0 0 0-10.666667 10.666666v192a10.709333 10.709333 0 0 0 10.666667 10.666667H213.333333v85.333333z" p-id="2217"></path></svg>';
  border-left: none;
  background-color: transparent;
}

.callout.callout[data-callout="timeline"] >.callout-content {
  border-left:none;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto 1fr;
  grid-template-columns: 0.3fr auto 1fr;
  -webkit-column-gap: 1.5rem;
  column-gap: 1.5rem;
  row-gap: 0.25rem;
  margin: 2.3rem 1rem 0 0;
  padding: 0;
}
.callout.callout[data-callout="timeline"] .callout-content hr::before {
  display: none;
}
.callout.callout[data-callout="timeline"] .callout-content hr {
  height: 100%;
  width: 0.5rem;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / span 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  background-color: var(--text-normal);
  opacity: 0.1;
  grid-row-end: 9;
  margin:auto;
  border: none;
  overflow: hidden;
  border-radius: 10px;
}
.callout.callout[data-callout="timeline"] .callout-content blockquote {
  display: block;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / span 1;
  position: relative;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  text-align: left;
  box-shadow: none;
  margin: 0;
  border: none;
  padding: 0;
  background-color: unset;
}
.callout.callout[data-callout="timeline"] .callout-content blockquote p::before {
  display: none;
}
.callout.callout[data-callout="timeline"] .callout-content blockquote,
.callout.callout[data-callout="timeline"] .callout-content blockquote + *:not(.callout),
.callout.callout[data-callout="timeline"] .callout-content hr+ *:not(.callout) {
  padding-top: 1em;
}
.callout.callout[data-callout="timeline"] .callout-content blockquote p {
  display: block;
  color: var(--text-on-accent);
  background-color: var(--interactive-accent);
  font-style: normal;
  padding: 6px;
  border-radius: 5px;
}
.callout.callout[data-callout="timeline"] .callout-content>*:not(blockquote):not(hr) {
  position: relative;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / span 1;
  margin-block-start: 0;
  margin-block-end: 0;
}
.callout.callout[data-callout="timeline"] table {
  font-size: 13px;
}

/******callout icon*****/
.callout.callout:is([data-callout-metadata^='icon'],
[data-callout='icon']) {
  flex: none !important;
  border-left: 0;
  background-color: transparent;
  box-shadow: none;
  float: left;
  margin-top: -4em;
  margin-bottom: 0;
}
.is-live-preview .callout.callout:is([data-callout-metadata^='icon'],
[data-callout='icon']) {
  margin-top: -2em;
}
.callout.callout:is([data-callout-metadata^='icon'],
[data-callout='icon']) .callout-title {
  display: none; 
}
.callout.callout:is([data-callout-metadata^='icon'],
[data-callout='icon']) .callout {
  overflow: visible;
  margin: 0;
}
.callout.callout:is([data-callout-metadata^='icon'],
[data-callout='icon']) > .callout-content {
  padding: 0;
}
.callout.callout:is([data-callout-metadata^='icon'],
[data-callout='icon']) > .callout-content>svg {
  height: calc(1em + 12px);
  padding: 6px;
  border-radius: 4px;
  pointer-events: initial;
  transition: ease .2s background;
  font-size: 4em;
}

/***Sticky notes  便签效果**/
.callout[data-callout="stickies"] { 
  box-shadow:none;
  border-left:0px;
}
.callout[data-callout="stickies"] >.callout-title { 
  display: none;
}

.callout[data-callout="stickies"] >.callout-content { 
  overflow:visible;
  text-align: center;
  transition: width 2s;
  padding: 5px;
  margin: 18px;
  position: relative;
  float: right;
  right: -10px;
  width: max(180px, 30%);
  max-width: 50%;
  background-color: var(--stickies-color-1);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(2deg);
  transition: all 2s ease;
  z-index: 1;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 0px;
  color: black;
}
.callout[data-callout="stickies"] >.callout-content::after { 
  content: "";
  left: -5%;
  top: -10px;
  height: 40px;
  width: 15px;
  border-radius: var(--radius-l);
  border: 3px solid #979797;
  display: inline-block;
  position: absolute;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(-11deg);
  z-index: 11;
}
.callout[data-callout="stickies"] >.callout-content::before { 
  width: 11px;
  height: 20px;
  content: "";
  display: inline-block;
  position: absolute;
  left: -3.5%;
  top: -2px;
  border-radius: var(--radius-l);
  border: 3px solid #979797;
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  z-index: 10;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg); 
  transform: rotate(-11deg);
}

.callout[data-callout="stickies2"] { 
  box-shadow: none;
  border-left: none;
}
.callout[data-callout="stickies2"] >.callout-title { 
  display: none;
}

.callout[data-callout="stickies2"] >.callout-content { 
  overflow:visible;
  position: relative;
  float: left;
  box-shadow: 0 10px 10px 2px #9191912d;
  width: max(180px, 30%);
  max-width: 50%;
  background-color: var(--stickies-color-2);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(-2deg);
  transition: all 2s ease;
  z-index: 1;
  padding: 20px;
  margin: 10px;
  color: black;
}
.callout[data-callout="stickies2"] >.callout-content::after { 
  content: "";
  display: block;
  height: 32px;
  width: 2px;
  position: absolute;
  left: 50%;
  top: -10px;
  z-index: 1;
  border-radius: 50%;
  display: inline-block;
  height: 15px;
  width: 15px;
  border: 1px;
  box-shadow: inset -10px -10px 10px #f0b7a4, inset 3px 3px 5px;
}

.callout[data-callout="stickies3"] { 
  box-shadow:none;
  border-left:0px;
  margin: 20px auto 0 auto !important; 
}
.callout[data-callout="stickies3"] >.callout-title { 
  display: none;
}

.callout[data-callout="stickies3"] >.callout-content { 
  overflow:visible;
  width: max(180px, 30%);
  max-width: 235px;
	min-height: 235px;
	padding-top: 2.5em; 
  font-family: Arial;
  margin-top: 20px;
  margin-right: 25px;
  position: relative;
  vertical-align: top;
  display: inline-block;
  background: #F7E999;
  text-align: center;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
  color: black;
  font-family: var(--font-family-vault);
}
div.is-live-preview .callout[data-callout="stickies3"] >.callout-content { 
	padding: 20px 15px 10px 15px; 
}
.markdown-preview-view .callout[data-callout="stickies3"] >.callout-content p { 
margin-block-start: 0.5em;
margin-block-end: 0.5em;
}
div.callout[data-callout="stickies3"] >.callout-content ul { 
  text-align: left;
  margin-left:auto;
}
.callout[data-callout="stickies3"] >.callout-content::before { 
  display: block;
  content: "";
  background: rgba(227, 200, 114, 0.4);
  width: 56%;
  height: 28px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  border-radius: 6px/18px 0;
  position: absolute;
  top: -13px;
  left: 20%;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.callout[data-callout="stickies3"] >.callout-content a {
  color: #6b824f;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.callout[data-callout="stickies3"] >.callout-content a:hover {
  color: #D83A25;
  background: transparent;
}
.callout[data-callout="stickies3"] >.callout-content a::before {
content: "";
}

.markdown-preview-view .callout[data-callout="stickies3"] >.callout-content span { 
  font-size: smaller;
}

.markdown-preview-view .callout[data-callout="stickies3"] >.callout-content img { 
 max-height: 205px;
 margin-top: -2.5em;
}
.markdown-preview-view .callout[data-callout="stickies3"] >.callout-content  { 
  font-size: smaller;
}
.theme-dark .markdown-preview-view .callout[data-callout="stickies3"] >.callout-content blockquote { 
  color: var(--interactive-normal);
}
.theme-dark .markdown-preview-view .callout[data-callout="stickies3"] >.callout-content em { 
  color: var(--interactive-accent);
  -webkit-text-fill-color:unset;
}
.theme-dark .markdown-preview-view .callout[data-callout="stickies3"] >.callout-content strong { 
  color: var(--interactive-accent)!important;
}
.markdown-preview-view .callout[data-callout="stickies3"] >.callout-content .block-language-dataviewjs p { 
  max-height: 195px;
}

.callout:is([data-callout-metadata='yellow']) {
  background: #F7E999;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}

.callout:is([data-callout-metadata='blue']) .callout-content {
  background: #b9dcf4;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

.callout:is([data-callout-metadata='pink']) .callout-content {
  background: #FFBDA3;
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(1deg);
}

.callout:is([data-callout-metadata='green']) .callout-content {
  background: #CAF4B9;
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
/*禁用点击超链接跳转 需要跳转 按ctrl+超链接即可*/
body.link-click .cm-s-obsidian span.cm-link {
  pointer-events: none;
}

/*禁用实时预览点击标签跳转 需要跳转 点击#号即可*/
body.tag-click .cm-line span.cm-hashtag:not(.cm-formatting) {
  pointer-events: none;
}
/*ob关闭按钮顺序调整*/
body.reversal-titlebar .titlebar-button-container.mod-right {
  direction: rtl;
}