/* 


If you want to distribute the whole or parts of the above codes, please copy & paste the following sentences:

Partial style(s) is(are) sourced or adapted from Blue Topaz (https://github.com/PKM-er/Blue-Topaz_Obsidian-css), and I would like to express my appreciation to WhyI (https://github.com/whyt-byte) and pkmer.cn (https://pkmer.cn).


*/

/*蓝色托帕石，适合Obsidian v1.5.0。uid [20240417] flying fly flies制作。如果喜欢，可以在Github里给我星星 https://github.com/whyt-byte */
/*Blue Topaz for Obsidian v1.5.0, uid [20240417] created by flying fly flies. Feel free to use, share and modify. If you like the theme, please star me on GitHub https://github.com/whyt-byte */

/*
MIT License

Copyright (c) 2020 whyt-byte

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/


/* 致谢 Credits：
thanks pkmer.cn
Many thanks to @Cuman
@LillianWho @成雙酱 @嘴上云 @Klaas @Thinkbond @Rainbell129(AKA Lavi) @awyugan @GeoffreyOuO (WooYoo~~~) @锋华 @CZ-15/YZ-10 */

/* @settings
name: 🥑Blue Topaz Theme
id: blue-topaz-theme
settings:
  -
    id: attension
    title: Attention！Due to obsidian's policy of not being able to use online or local vault images, However, the option to customise the settings and fill in the url is currently supported.
    title.zh: 注意！由于obsidian的政策，主题无法使用在线或本地库里的图片，相关内置图片选项已删除，需要显示背景图片请自行设置url。
    type: heading
    level: 1
    collapsed: false
  -
    id: background-settings
    title: 1. General settings
    title.zh: 1. 整体性设置
    type: heading
    level: 1
    collapsed: false
  -
    id: color-settings
    title: 1.1 Color scheme
    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
      -
        label: Simplicity (@Cuman)
        value: color-scheme-options-simplicity-topaz
  -
    id: disable-auto-hide-header
    title:  Disable auto hide header
    title.zh: 禁用自动隐藏头部
    type: class-toggle
    default: false
  -
    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: '#'
    default-dark: '#'
  -
    id: magic-low-color
    title: Low contrast color
    title.zh: 浅色
    description.zh: 浅色主要作用于各类触发背景底色，建议用不影响阅读的背景色系。
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: magic-deep-color
    title: Deep color
    title.zh: 深色
    description.zh: 深色主要作用于主题强调色系，用在各种控件，提示等使用，建议用浅色相关的醒目色系。
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    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
    addCommand: true
  -
    id: bt-background-split-container
    title: Side split container background color
    title.zh: 侧边分栏背景颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: background-settings-workplace-theme-light
    title: Light mode
    type: class-select
    allowEmpty: false
    default: background-settings-workplace-theme-light-in-the-note
    options:
      -
        label: Blue Mountain
        value: background-settings-workplace-theme-light-blue-mountain
      -
        label: Note
        value: background-settings-workplace-theme-light-in-the-note
      -
        label: Waves
        value: background-settings-workplace-waves-light
      -
        label: Animating waves
        value: background-settings-workplace-waves2-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. 
    description.zh: 需在上方选项种选择Custom，以自定义背景。使用Default内格式设置在线图片。 
    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: Waves
        value: background-settings-workplace-waves
      -
        label: Animating waves
        value: background-settings-workplace-waves2
      -
        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. 
    description.zh: 需在上方选项种选择Custom，以自定义背景。使用Default内格式设置网络图片。
    type: variable-text
    default: url("https://")
  -
    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-waves-color
    title: Waves color
    title.zh: 波浪背景颜色
    description.zh: 当背景色选择为waves时起作用。
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#4A75DB8C'
    default-dark: '#4A75DB8C'
  -
    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: Toggle note background image
    title.zh: 开启笔记背景
    type: class-toggle
    default: false
    addCommand: true
  -
    id: toggle-nonoverlapping-bg
    title: Activate non-overlapping note background when toggling workplace background
    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-transparent
    options:
      -
        label: Transparent
        value: background-image-settings-markdown-page-transparent
      -
        label: Custom
        value: background-image-settings-markdown-page-custom
  -
    id: bg-markdown-page-opacity-cp
    title: Opacity
    title.zh: 笔记背景透明度
    type: variable-number-slider
    default: 0.25
    min: 0
    max: 1
    step: 0.05
  -
    id: custom-markdown-page-background-color
    title: custom markdown page background color
    title.zh: 自定义笔记背景颜色
    description.zh: 当背景色选择为custom时起作用。
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#a39b8f'
    default-dark: '#000414'
  -
    id: background-markdown-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. 
    description.zh: 需在上方选项种选择Custom，以自定义背景。使用Default内格式设置网络图片。
    type: variable-text
    default: url("https://")
  -
    id: background-markdown-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. 
    description.zh: 需在上方选项种选择Custom，以自定义背景。使用Default内格式设置网络图片。
    type: variable-text
    default: url("https://")
  -


  -
    id: background-notebook-liked-switch
    title: Toggle notebook-liked background
    title.zh: 开启笔记网格背景
    type: class-toggle
    default: false
  -
    id: notebook-liked-markdown-page-options
    title: Notebook-liked background
    title.zh: 类笔记背景
    type: class-select
    allowEmpty: false
    default: notebook-liked-markdown-page-grid-notebook-1
    options:
      -
        label: Grid notebook 1 (@CZ-15/YZ-10)
        value: notebook-liked-markdown-page-grid-notebook-1
      -
        label: Grid notebook 2
        value: notebook-liked-markdown-page-grid-notebook-2
      -
        label: Dotted notebook 1
        value: notebook-liked-markdown-page-dotted-notebook-1
      -
        label: Dotted notebook 2
        value: notebook-liked-markdown-page-dotted-notebook-2
      -
        label: Stripe notebook 1
        value: notebook-liked-markdown-page-stripe-notebook-1
      -
        label: Stripe notebook 2
        value: notebook-liked-markdown-page-stripe-notebook-2
  -
    id: toggle-fixed-pattern
    title: Toggle fixed pattern
    title.zh: 固定背景
    type: class-toggle
    default: false
  -
    id: notebook-liked-background-settings
    title: 1.2.2.1 Notebook-liked background options
    title.zh: 1.2.2.1 类笔记样式背景设置
    type: heading
    level: 4
    collapsed: false
  -
    id: toggle-split-note-background
    title: Toggle background of split pane
    title.zh: 取消侧边栏类笔记背景
    type: class-toggle
    default: false
  -
    id: bg-color-notebook
    title: Notebook background color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: grid-notebook-line-color-1
    title: Grid notebook line color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: grid-notebook-line-color-2
    title: Grid notebook line color for 'Grid 2'
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: dotted-notebook-dot-color
    title: Dotted notebook dot color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: stripe-notebook-stripe-color
    title: Stripe notebook stripe color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    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: Toggle images of command palette
    title.zh: 开启命令面板背景
    type: class-toggle
    default: false
  -
    id: background-image-settings-command-palette-same-as-workplace
    title: Same background as workplace's
    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. 
    description.zh: 需在上方选项种选择Custom，以自定义背景。使用Default内格式设置网络图片。
    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. 
    description.zh: 需在上方选项种选择Custom，以自定义背景。使用Default内格式设置网络图片。
    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-panel-page
    title: Toggle background image
    title.zh: 激活文件栏背景
    type: class-toggle
    default: false
  -
    id: bg-panel-page-opacity-cp
    title: Opacity
    title.zh: 透明度
    type: variable-number-slider
    default: 0.25
    min: 0
    max: 1
    step: 0.05
  -
    id: bg-panel-page-option
    title: Image picking (Light mode)
    title.zh: 图片选择 (Light mode)
    type: class-select
    allowEmpty: false
    default: panel-page-bg-theme-light-wall
    options:
      -
        label: Wall
        value: panel-page-bg-theme-light-wall
      -
        label: Custom
        value: panel-page-bg-theme-light-custom
  -
    id: background-panel-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.
    description.zh: 需在上方选项种选择Custom，以自定义背景。使用Default内格式设置网络图片。
    type: variable-text
    default: url("https://")
  -
    id: bg-panel-page-option-dark
    title: Image picking (Dark mode)
    title.zh: 图片选择 (Dark mode)
    type: class-select
    allowEmpty: false
    default: panel-page-bg-theme-dark-plant
    options:
      -
        label: Plant
        value: panel-page-bg-theme-dark-plant
      -
        label: Custom
        value: panel-page-bg-theme-dark-custom
  -
    id: background-panel-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. 
    description.zh: 需在上方选项种选择Custom，以自定义背景。使用Default内格式设置网络图片。
    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 the left retention drawer
        value: hide-left-ribbon-retention-drawer
      -
        label: Bubble
        value: bt-bubble-ribbon
      -
        label: Bubble, hide to left
        value: bt-bubble-ribbon-hide-left
  -
    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: Bottom
        value: bt-search-bar-bottom
  -
    id: bt-status-on
    title: Fullwidth 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 (adapted from @subframe7536's css snippet)
        value: hover-scrollbars
      -
        label: Remove Scrollbar
        value: remove-scrollbars
      -
        label: Obsidian default
        value: native-scrollbars
  -
    id: scrollbar-thumb-bg
    title: Scrollbar thumb background
    title.zh: 滚动条滑块颜色
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: scrollbar-active-thumb-bg
    title: Scrollbar thumb background (Active)
    title.zh: 滚动条滑块颜色 （选择时）
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: view-button-front
    title: The view status button is placed in front of the header
    title.zh: 视图切换按钮放置在文章标题前面
    type: class-toggle
    default: false
  -
    id: tab-title-bar-position
    title: The tab title bar positioned to the left
    title.zh: Tab 导航栏位置放置左侧
    type: class-toggle
    default: false
  -
    id: toggle-divider-lines
    title: Toggle non-divided-line style
    title.zh: 无分割线样式
    type: class-toggle
    default: false
  -
    id: toggle-header-bottom-line
    title: Toggle non-divided-line header box
    title.zh: 无分割线文件标题框
    type: class-toggle
    default: false
  -
    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
      -
        label: Bubble
        value: bt-bubble-layout
  -
    id: bt-bubble-settings
    title: 1.3.1 Bubble settings
    title.zh: 1.3.1 Bubble设置
    type: heading
    level: 3
    collapsed: false
  -
    id: bt-bubble-not-file-tree
    title: Enable card format for file browser
    type: class-toggle
  -
    id: bt-bubble-layout-hide-borders
    title: Remove borders of bubbles
    type: class-toggle
    default: true
  -
    id: bt-bubble-buttons
    title: Toggle bubble buttons
    type: class-toggle
  -
    id: bt-bubble-layout-padding
    title: Bubble padding
    type: variable-text
    default: 8px
  -
    id: bt-bubble-radius
    title: Bubble radius
    type: variable-text
    default: 15px
  -
    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: '#'
    default-dark: '#'
  -
    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
    description: background-primary-bg-4-bt
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: background-primary-alt-bg-4-bt
    title: Background primary (alt)
    description: background-primary-alt-bg-4-bt
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: background-secondary-bg-4-bt
    title: Background secondary
    description: background-secondary-bg-4-bt
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: background-secondary-alt-bg-4-bt
    title: Background secondary (alt)
    description: background-secondary-alt-bg-4-bt
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: background-modifier-border
    title: Background modifier border
    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: '#'
    default-dark: '#'
  -
    id: other-color-settings
    title: 2.1.3 Other colors
    title.zh: 2.1.3 其他颜色
    type: heading
    level: 3
    collapsed: true
  -
    id: accent-strong
    title: Bold type color
    title.zh: 加粗颜色
    description: --accent-strong
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: accent-em
    title: Italic type color
    title.zh: 斜体颜色
    description: --accent-em
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: strong-em-color-1
    title: Bold italic color 1
    title.zh: 加粗斜体颜色 1
    description: --strong-em-color-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
    description: --strong-em-color-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
    description: --mjx-inline-math-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: mjx-math-color
    title: Color of mathematical expressions ($$x=0$$)
    title.zh: 数学表达式颜色($$x=0$$)
    description: --mjx-math-color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: background-leaf-resize-handle
    title: Color of leaf resize handle
    title.zh: 页面大小调整条颜色
    description: --background-leaf-resize-handle
    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$)
    description: --mjx-inline-math-color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: search-result-file-matched-bg
    title: File search result highlight color
    title.zh: 文件搜索结果高亮
    description: --search-result-file-matched-bg
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: text-search-highlight-bg
    title: Text search result highlight color
    title.zh: 文本搜索结果高亮
    description: --text-search-highlight-bg
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: text-selection
    title: Text selection background
    title.zh: 鼠标划选文字背景
    description: --text-selection
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: remove-selectionbackground
    title: Toggle selection background (Non-text part)
    title.zh: 还原鼠标划选时非文字部分背景颜色
    type: class-toggle
    default: false
  -
    id: status-bar-bg
    title: Status bar background
    title.zh: 状态栏颜色
    description: --status-bar-bg
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: status-bar-text-color
    title: Status bar text color
    title.zh: 状态栏文字颜色
    description: --status-bar-text-color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: icon-color-focused
    title: Focused icon color
    title.zh: 激活按钮的图标颜色
    description: --icon-color-focused
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: divider-color
    title: Divider color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: tab-outline-color
    title: Tab outline color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: graph-view-color-settings
    title: 2.1.4 Graph-view colors
    title.zh: 2.1.4 图谱颜色
    type: heading
    level: 3
    collapsed: true
  -
    id: graph-canvas-bg
    title: Graph-view canvas background
    title.zh: 图谱背景颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: graph-text-color
    title: Graph-view text color
    title.zh: 图谱文字颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: graph-line
    title: Graph-view line color
    title.zh: 图谱线条颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: graph-line-fill-highlight
    title: Graph-view line highlight color (Hovering)
    title.zh: 图谱线条激活颜色（鼠标悬浮）
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: graph-arrow
    title: Graph-view arrow color
    title.zh: 图谱箭头颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: graph-circle-outline
    title: Graph-view circle outline color
    title.zh: 图谱圆点轮廓颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: graph-circle
    title: Graph-view normal circle color
    title.zh: 图谱圆点颜色（默认）
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: graph-tag
    title: Graph-view circle color (Tag)
    title.zh: 图谱圆点颜色（标签）
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: graph-unresolved
    title: Graph-view circle color (Unresolved)
    title.zh: 图谱圆点颜色（未创建）
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: graph-attach
    title: Graph-view circle color (Attachment)
    title.zh: 图谱圆点颜色（附件）
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: graph-control-bg
    title: Graph-view settings background color
    title.zh: 图谱设置面板背景颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: graph-circle-fill-highlight
    title: Graph-view circle highlight color (Hovering)
    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,'Inter', 'Segoe UI','霞鹜文楷 GB', 'LXGW WenKai', 'Segoe UI Emoji',var(--font-interface)"
  -
    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: "'JetBrains Mono', Consolas, Monaco, '等距更纱黑体 SC', '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-override), 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,'Inter', 'Segoe UI', 'LXGW WenKai Screen', 'LXGW WenKai Screen R', '霞鹜文楷 GB', 'LXGW WenKai', 'Segoe UI Emoji', var(--font-interface)"
  -
    id: font-weight-strong
    title: Bold text font weight
    title.zh: 加粗文字样式
    description: type 'light, normal, bold, bolder; or 100-900'
    type: variable-text
    default: bold
  -
    id: font-family-em
    title: Italic text
    title.zh: 斜体文字字体
    type: variable-text
    default: "var(--font-text-theme)"
  -
    id: font-style-em
    title: Italic text style
    title.zh: 斜体文字样式
    description: typy normal or italic
    type: variable-text
    default: italic
  -
    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-outline
    title: Outline font size
    title.zh: 大纲字体大小
    type: variable-text
    default: 13px
  -
    id: font-size-code
    title: Codeblock
    title.zh: 代码框字体大小
    type: variable-text
    default: 1em
  -
    id: font-size-latex
    title: Mathematical expressions
    title.zh: 数学公式字体大小
    type: variable-text
    default: 1em
  -
    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: funny-header-anim
    title: Funny header animation in live preview
    title.zh: 编辑模式标题动画
    description: Adapted from https://cdn.discordapp.com/attachments/702656734631821413/1007258862606352424/FunnyHeaderAnimLP.css @sailKite
    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 color
    title.zh: 标题 1 颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'  
  -
    id: h1-size
    title: Header 1 size
    title.zh: 标题 1 字体大小
    type: variable-text
    default: 1.5625em
  -
    id: h1-font
    title: Header 1 font family
    title.zh: 标题 1 字体
    description: eg：var(--font-text-override),"Microsoft YaHei"
    description.zh: 填入var(--font-text-override)调用Ob字体设置，填入"Microsoft YaHei" 为指定具体字体名称
    type: variable-text
    default: ""
  -
    id: h1-toggle-underline
    title: Toggle h1 underline
    title.zh: 开启h1下划线
    type: class-toggle
    default: false
  -
    id: h1-underline-width
    title: Header 1 underline width
    title.zh: 下划线宽度
    type: variable-text
    default: 2px
  -
    id: h1-underline-style
    title: Header 1 underline style
    title.zh: 标题 1 下划线样式
    description: solid, double, dotted, dashed, groove, ridge
    type: variable-text
    default: solid
  -
    id: h1-underline-color
    title: Header 1 underline color
    title.zh: 标题 1 下划线颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h1-toggle-short-underline
    title: Toggle h1 underline (Shorter)
    title.zh: 开启h1下划线 （短线）
    type: class-toggle
    default: false
  -
    id: header-1-background
    title: Toggle h1 Background
    title.zh: 开启h1背景颜色
    type: class-toggle
    default: false
  -
    id: h1-bg-color
    title: h1 bg
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h1-weight
    title: h1 font weight
    type: variable-text
    default: bold
  -
    id: h1-line-height
    title: Header 1 line height
    title.zh: 标题 1 行高
    type: variable-number
    default: 1.5
  -
    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 color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h2-size
    title: Header 2 size
    title.zh: 标题 2 字体大小
    type: variable-text
    default: 1.4375em
  -
    id: h2-font
    title: Header 2 font family
    title.zh: 标题 2 字体
    description: eg：var(--font-text-override),"Microsoft YaHei"
    description.zh: 填入var(--font-text-override)调用Ob字体设置，填入"Microsoft YaHei" 为指定具体字体名称
    type: variable-text
    default: ""
  -
    id: h2-toggle-underline
    title: toggle h2 underline
    title.zh: 开启h2下划线
    type: class-toggle
    default: false
  -
    id: h2-underline-width
    title: Header 2 underline width
    title.zh: 下划线宽度
    type: variable-text
    default: 1px
  -
    id: h2-underline-style
    title: Header 2 underline style
    title.zh: 标题 2 下划线样式
    description: solid, double, dotted, dashed, groove, ridge
    type: variable-text
    default: solid
  -
    id: h2-underline-color
    title: Header 2 underline color
    title.zh: 标题 2 下划线颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h2-toggle-short-underline
    title: Toggle h2 underline (Shorter)
    title.zh: 开启h2下划线 （短线）
    type: class-toggle
    default: false
  -
    id: header-2-background
    title: Toggle h2 background
    title.zh: 开启h2背景颜色
    type: class-toggle
    default: false
  -
    id: h2-bg-color
    title: h2 background color
    title.zh: 标题 2 背景颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h2-weight
    title: h2 font weight
    title.zh: 标题 2 字重
    type: variable-text
    default: bold
  -
    id: h2-line-height
    title: Header 2 line height
    title.zh: 标题 2 行高
    type: variable-number
    default: 1.5
  -
    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 color
    title.zh: 标题 3 颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h3-size
    title: Header 3 size
    title.zh: 标题 3 字体大小
    type: variable-text
    default: 1.3125em
  -
    id: h3-font
    title: Header 3 font family
    title.zh: 标题 3 字体
    type: variable-text
    default: ""
  -
    id: h3-toggle-underline
    title: toggle h3 underline
    title.zh: 开启h3下划线
    type: class-toggle
    default: false
  -
    id: h3-underline-width
    title: Header 6 underline width
    title.zh: 下划线宽度
    type: variable-text
    default: 1px
  -
    id: h3-underline-style
    title: Header 3 underline style
    title.zh: 标题 3 下划线样式
    description: solid, double, dotted, dashed, groove, ridge
    type: variable-text
    default: solid
  -
    id: h3-underline-color
    title: Header 3 underline color
    title.zh: 标题 3 下划线颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h3-toggle-short-underline
    title: Toggle h3 underline (Shorter)
    title.zh: 开启h3下划线 （短线）
    type: class-toggle
    default: false
  -
    id: header-3-background
    title: Toggle h3 Background
    title.zh: 开启h3背景颜色
    type: class-toggle
    default: false
  -
    id: h3-bg-color
    title: h3 background color
    title.zh: 标题 3 背景颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h3-weight
    title: h3 font weight
    title.zh: 标题 3 字重
    type: variable-text
    default: bold
  -
    id: h3-line-height
    title: Header 3 line height
    title.zh: 标题 3 行高
    type: variable-number
    default: 1.5
  -
    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 color
    title.zh: 标题 4 颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h4-size
    title: Header 4 size
    title.zh: 标题 4 字体大小
    type: variable-text
    default: 1.1875em
  -
    id: h4-font
    title: Header 4 font family
    title.zh: 标题 4 字体
    type: variable-text
    default: ""
  -
    id: h4-toggle-underline
    title: toggle h4 underline
    title.zh: 开启H4下划线
    type: class-toggle
    default: false
  -
    id: h4-underline-width
    title: Header 4 underline width
    title.zh: 下划线宽度
    type: variable-text
    default: 1px
  -
    id: h4-underline-style
    title: Header 4 underline style
    title.zh: 标题 4 下划线样式
    description: solid, double, dotted, dashed, groove, ridge
    type: variable-text
    default: solid
  -
    id: h4-underline-color
    title: Header 4 underline color
    title.zh: 标题 4 下划线颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h4-toggle-short-underline
    title: Toggle h4 underline (Shorter)
    title.zh: 开启h4下划线 （短线）
    type: class-toggle
    default: false
  -
    id: header-4-background
    title: Toggle h4 Background
    title.zh: 开启h4背景颜色
    type: class-toggle
    default: false
  -
    id: h4-bg-color
    title: h4 background color
    title.zh: 标题 4 背景颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h4-weight
    title: h4 font weight
    title.zh: 标题 4 字重
    type: variable-text
    default: bold
  -
    id: h4-line-height
    title: Header 4 line height
    title.zh: 标题 4 行高
    type: variable-number
    default: 1.5
  -
    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 color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h5-size
    title: Header 5 size
    title.zh: 标题 5 字体大小
    type: variable-text
    default: 1.0625em
  -
    id: h5-font
    title: Header 5 font family
    title.zh: 标题 5 字体
    type: variable-text
    default: ""
  -
    id: h5-toggle-underline
    title: toggle h5 underline
    title.zh: 开启H5下划线
    type: class-toggle
    default: false
  -
    id: h5-underline-width
    title: Header 5 underline width
    title.zh: 下划线宽度
    type: variable-text
    default: 1px
  -
    id: h5-underline-style
    title: Header 5 underline style
    title.zh: 标题 5 下划线样式
    description: solid, double, dotted, dashed, groove, ridge
    type: variable-text
    default: solid
  -
    id: h5-underline-color
    title: Header 5 underline color
    title.zh: 标题 5 下划线颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h5-toggle-short-underline
    title: Toggle h5 underline (Shorter)
    title.zh: 开启H5下划线 （短线）
    type: class-toggle
    default: false
  -
    id: header-5-background
    title: Toggle h5 Background
    title.zh: 开启h5背景颜色
    type: class-toggle
    default: false
  -
    id: h5-bg-color
    title: h5 background color
    title.zh: 标题 5 背景颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h5-weight
    title: h5 font weight
    title.zh: 标题 5 字重
    type: variable-text
    default: bold
  -
    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 color
    title.zh: 标题 6 颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h6-size
    title: Header 6 size
    title.zh: 标题 6 字体大小
    type: variable-text
    default: 1em
  -
    id: h6-font
    title: Header 6 font family
    title.zh: 标题 6 字体
    type: variable-text
    default: ""
  -
    id: h6-toggle-underline
    title: Toggle h6 underline
    title.zh: 开启h6下划线
    type: class-toggle
    default: false
  -
    id: h6-underline-width
    title: Header 6 underline width
    title.zh: 下划线宽度
    type: variable-text
    default: 1px
  -
    id: h6-underline-style
    title: Header 6 underline style
    title.zh: 标题 6 下划线样式
    description: solid, double, dotted, dashed, groove, ridge
    type: variable-text
    default: solid
  -
    id: h6-underline-color
    title: Header 6 underline color
    title.zh: 标题 6 下划线颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h6-toggle-short-underline
    title: Toggle h6 underline (Shorter)
    title.zh: 开启h6下划线 （短线）
    type: class-toggle
    default: false
  -
    id: header-6-background
    title: Toggle h6 background
    title.zh: 开启h6背景颜色
    type: class-toggle
    default: false
  -
    id: h6-bg-color
    title: h6 background color
    title.zh: 标题 6 背景颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: h6-weight
    title: h6 font weight
    title.zh: 标题 6 字重
    type: variable-text
    default: bold
  -
    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: h6-text-align-end
  -
    id: other-typography-settings
    title: 2.2.4 Other typography settings
    title.zh: 2.2.4 其他排版设置
    type: heading
    level: 3
    collapsed: true
  -
    id: file-line-width
    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: 45
    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: 0
    min: 0
    max: 2
    step: 0.1
  -
    id: text-indentation-two-em
    title: Slight indentation of the first line
    title.zh: 段落首行缩进
    description.zh: 开启全局生效，单独生效只需要在,笔记yaml声明cssclass：indent。阅读模式缩进效果需要安装Contextual Typography插件
    description: Enable global effect, local effect only need to declare "cssclass：indent" in the YAML area. Contextual Typography plugin needs to be installed in Reading mode.
    type: class-toggle
    default: false
    addCommand: true
  -
    id: justify-align
    title: Alignment of both ends
    title.zh: 段落两端对齐
    description.zh: 开启全局生效，单独生效只需要在,笔记yaml声明cssclass：text-justify。
    description: Enable global effect, local effect only need to declare "cssclass：text-justify" in the YAML area. 
    type: class-toggle
    default: false
    addCommand: true
  -
    id: reduce-bottom-padding
    title: Reduce padding bottom of pages
    title.zh: 缩减笔记下方预留空白大小
    type: class-toggle
    default: false
  -
    id: bottom-padding-value
    title: Adjust padding bottom of pages
    title.zh: 调整笔记下方预留空白大小
    type: variable-text
    default: 0em
  -
    id: toggle-left-aligned-content
    title: Toggle Left-aligned note content
    title.zh: 开启笔记内容居左
    description.zh: 开启后内容整体居左，而不是默认居中
    description: Left-aligned content when turned on, instead of centered by default
    type: class-toggle
    default: false
  -
    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: inline-title-settings
    title: 2.2.6 Inline title
    title.zh: 2.2.6 页面内标题
    type: heading
    level: 3
    collapsed: true
  -
    id: inline-title-font
    title: Inline title font
    title.zh: 页面内文件名字体
    type: variable-text
    default: ""
  -
    id: inline-title-color
    title: Inline title color
    title.zh: 页面内标题颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: inline-title-size
    title: Inline title size
    title.zh: 页面内标题字体大小
    type: variable-text
    default: 1.5625em
  -
    id: inline-title-line-height
    title: Inline title line height
    title.zh: 页面内标题行间距
    type: variable-number
    default: 1.2
  -
    id: inline-title-weight
    title: Inline title weight
    title.zh: 页面内标题字重
    type: variable-text
    default: "700"
  -
    id: inline-title-toggle-underline
    title: Toggle underline
    title.zh: 开启页面内标题下划线
    type: class-toggle
    default: false
  -
    id: inline-title-underline-width
    title: Inline title underline width
    title.zh: 页面内标题下划线宽度
    type: variable-text
    default: 2px
  -
    id: inline-title-underline-style
    title: Inline title underline style
    title.zh: 页面内标题下划线样式
    description: solid, double, dotted, dashed, groove, ridge
    type: variable-text
    default: solid
  -
    id: inline-title-underline-color
    title: Inline title underline color
    title.zh: 页面内标题下划线颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: inline-title-toggle-short-underline
    title: Toggle underline (Shorter)
    title.zh: 开启页面内标题下划线 （短线）
    type: class-toggle
    default: false
  -
    id: toggle-inline-title-background
    title: Toggle inline title background
    title.zh: 开启页面内标题背景颜色
    type: class-toggle
    default: false
  -
    id: inline-title-bg-color
    title: Inline title background color
    title.zh: 页面内标题背景颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: inline-title-bg-url
    title: Inline title background image (url)
    title.zh: 页面内标题背景图片 (url)
    type: variable-text
    default: "url(https://)"
  -
    id: inline-title-text-align-settings
    title: Inline title text-align
    title.zh: 页面内标题位置
    type: class-select
    allowEmpty: false
    default: inline-title-text-align-start
    options:
      -
        label: Default (Left/Start)
        value: inline-title-text-align-start
      -
        label: Center
        value: inline-title-text-align-center
      -
        label: Right/End
        value: inline-title-text-align-end
  -
    id: style-change-options
    title: 2.3 Element styles
    title.zh: 2.3 其他元素样式
    type: heading
    level: 2
    collapsed: true
  -
    id: activeline-background
    title: Active line background color
    title.zh: 所在行高亮颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    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: title-justify-start
    title: Toggle title navigation bar position to left
    title.zh: 标题导航栏左对齐
    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: '#'
    default-dark: '#'
  -
    id: hr-color-icon-2
    title: Line color 2
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: hr-color-icon-3
    title: Line color 3
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: hr-color-icon-4
    title: Line color 4
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    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: '#'
    default-dark: '#'
  -
    id: hr-color-2
    title: hr-color-2
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: hr-color-3
    title: hr-color-3
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: hr-color-4
    title: hr-color-4
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    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（Read mode）
    title.zh: 列表与正文行间距（阅读模式）
    type: variable-number-slider
    default: 2
    min: 1
    max: 2
    step: 0.1
  -
    id: list-spacing-bt
    title: List Spacing
    title.zh: 列表项间距
    type: variable-number-slider
    default: 1
    min: 0
    max: 10
    step: 0.2
  -
    id: list-indent
    title: List indent
    title.zh: 列表缩进间距
    type: variable-number-slider
    default: 2
    format: em
    min: 0
    max: 6
    step: 0.1
  -
    id: list-style-change-options-folder
    title: 2.3.2.1 Unordered list
    title.zh: 2.3.2.1 无序列表
    type: heading
    level: 4
    collapsed: true
  -
    id: colorful-unordered-list
    title: Toggle colorful unordered list marker
    title.zh: 启用彩色无序列表符号
    type: class-toggle
    default: false
  -
    id: unordered-list-style-options
    title: Unordered list marker style
    title.zh: 无序列表样式
    type: class-select
    allowEmpty: false
    default: bt-default-unordered-list
    options:
      -
        label: Blue Topaz Default
        value: bt-default-unordered-list
      -
        label: Custom
        value: custom-unordered-list
      -
        label: Obsidian default
        value: default-list-marker
  -
    id: options-bt-default
    title: 2.3.2.1.1 Options for 'Blue Topaz Default'
    type: heading
    level: 5
    collapsed: true
  -
    id: list-ul-marker-size
    title: Bullet size
    title.zh: 符号大小
    type: variable-text
    default: 1em
  -
    id: list-ul-marker-color
    title: Text color (1st level)
    title.zh: 符号颜色（第一层）
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: options-for-custom
    title: 2.3.2.1.2 Options for 'Custom'
    type: heading
    level: 5
    collapsed: true
  -
    id: list-ul-marker-1
    title: List symbol (1st level)
    title.zh: 符号（第一层）
    type: variable-text
    default: '"\2022"'
  -
    id: list-ul-marker-size-1
    title: Bullet size (1st level)
    title.zh: 符号大小（第一层）
    type: variable-text
    default: 1em
  -
    id: list-ul-marker-color-1
    title: Bullet color (1st level)
    title.zh: 符号颜色（第一层）
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: list-ul-marker-2
    title: List symbol (2nd level)
    title.zh: 符号（第二层）
    type: variable-text
    default: '"\25E6"'
  -
    id: list-ul-marker-size-2
    title: Bullet size (2nd level)
    title.zh: 符号大小（第二层）
    type: variable-text
    default: 1em
  -
    id: list-ul-marker-color-2
    title: Bullet color (2nd level)
    title.zh: 符号颜色（第二层）
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: list-ul-marker-3
    title: List symbol (3rd level)
    title.zh: 符号（第三层）
    type: variable-text
    default: '"\25AA"'
  -
    id: list-ul-marker-size-3
    title: Bullet size (3rd level)
    title.zh: 符号大小（第三层）
    type: variable-text
    default: 1em
  -
    id: list-ul-marker-color-3
    title: Bullet color (3rd level)
    title.zh: 符号颜色（第三层）
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: list-ul-marker-4
    title: List symbol (4th level)
    title.zh: 符号（第四层）
    type: variable-text
    default: '"\25E6"'
  -
    id: list-ul-marker-size-4
    title: Bullet size (4th level)
    title.zh: 符号大小（第四层）
    type: variable-text
    default: 1em
  -
    id: list-ul-marker-color-4
    title: Bullet color (4th level)
    title.zh: 符号颜色（第四层）
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: list-style-change-options-folder
    title: 2.3.2.2 Ordered list
    title.zh: 2.3.2.2 有序列表
    type: heading
    level: 4
    collapsed: false
  -
    id: colorful-ordered-list
    title: Toggle colorful ordered list marker
    title.zh: 启用彩色有序列表符号
    type: class-toggle
    default: false
  -
    id: ordered-list-style-options
    title: Ordered List marker style
    title.zh: 有序列表样式
    type: class-select
    allowEmpty: false
    default: default-ol-list-marker
    options:
      -
        label: Custom
        value: custom-ordered-list
      -
        label: 1.1.1
        value: ordered-list-style-1
      -
        label: Obsidian default
        value: default-ol-list-marker
  -
    id: list-ol-number-color
    title: Number color of ordered list
    title.zh: 有序列表数字颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: list-ol-marker-1
    title: List symbol (1st level)
    title.zh: 有序列表第一层符号
    description: 数字：decimal，小写字母：lower-latin，小写罗马数字：lower-roman
    type: variable-text
    default: decimal
  -
    id: list-ol-marker-2
    title: List symbol (2nd level)
    title.zh: 有序列表第二层符号
    description: 数字：decimal，小写字母：lower-latin，小写罗马数字：lower-roman
    type: variable-text
    default: lower-latin
  -
    id: list-ol-marker-3
    title: List symbol (3rd level)
    title.zh: 有序列表第三层符号
    description: 数字：decimal，小写字母：lower-latin，小写罗马数字：lower-roman
    type: variable-text
    default: lower-roman
  -
    id: list-ol-marker-4
    title: List symbol (4th level)
    title.zh: 有序列表第四层符号
    description: 数字：decimal，小写字母：lower-latin，小写罗马数字：lower-roman
    type: variable-text
    default: decimal
  -
    id: list-style-change-options
    title: List style in reading view
    title.zh: 阅读视图列表样式
    type: class-select
    allowEmpty: false
    default: list-no-border
    options:
      -
        label: Bracket 1
        value: list-bracket-style
      -
        label: Bracket 2 (1.1.1)
        value: list-bracket-style-two
      -
        label: Bracket 3
        value: list-bracket-style-three
      -
        label: Vertical line 1 (1.1.1)
        value: list-vertical-line-one
      -
        label: Using Ob Settings
        value: list-no-border
  -
    id: indentation-line-styles
    title: 2.3.2.3 Indentation lines
    title.zh: 2.3.2.3 层级线设置
    type: heading
    level: 4
    collapsed: false
  -
    id: bt-connected-indent-hover
    title: Toggle connected indent (Hovering)
    title.zh: 启用Connected indent lines（鼠标悬浮）
    description: Inspired from the CSS snippet by KillyMXI (https://gist.github.com/KillyMXI/cbef8edff6dd55d9e6ea4df66567e9b1)
    type: class-toggle
    default: true
  -
    id: bt-connected-indent-line-color
    title: Connected indent line color (Hovering)
    type: variable-themed-color
    format: hex
    opacity: true
    default-light: '#FFA8A8'
    default-dark: '#926a6a'
  -
    id: bt-colorful-connected-indent-hover
    title: Toggle colorful indentation lines (Hovering)
    title.zh: 启用彩色Connected indent lines（鼠标悬浮）
    type: class-toggle
    default: true
  -
    id: bt-indentation-width-hover
    title: Width of indentation lines (Hovering)
    title.zh: 层级线宽度 （Hovering）
    type: variable-text
    default: 3px
  -
    id: bt-list-indentation-margin-left-editing
    title: Move to right by ?px (Editing)
    title.zh: 向右移动 ?px (Editing)
    type: variable-text
    default: 1px
  -
    id: indentation-guide-color
    title: Inactive line color (Editing)
    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-color-active
    title: Active line color (Editing)
    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: bt-colorful-indentation-lines-editing
    title: Toggle colorful indentation lines (Editing)
    title.zh: 启用彩色层级线 （编辑）
    type: class-toggle
    default: false
  -
    id: indentation-guide-width
    title: Indent line width (Editing)
    type: variable-number
    default: 1
    format: px
  -
    id: bt-list-indentation-margin-left-reading
    title: Move to right by ?px (Reading)
    title.zh: 向右移动 ?px (Reading)
    type: variable-text
    default: 1px
  -
    id: bt-colorful-indentation-lines
    title: Toggle colorful indentation lines (Reading)
    title.zh: 启用彩色层级线 （阅读）
    type: class-toggle
    default: false
  -
    id: bt-colorful-indentation-line-options
    title: Line styles (Reading)
    title.zh: 层级线样式 （阅读）
    type: class-select
    allowEmpty: false
    default: default-indentation-line
    options:
      -
        label: Default
        value: default-indentation-line
      -
        label: Gradient
        value: bt-indentation-line-gradient
      -
        label: Image
        value: bt-indentation-line-image
  -
    id: bt-indentation-gradient-color-1
    title: Indentation gradient color 1
    type: variable-themed-color
    format: hex
    opacity: true
    default-light: '#'
    default-dark: '#'
  -
    id: bt-indentation-gradient-color-2
    title: Indentation gradient color 2
    type: variable-themed-color
    format: hex
    opacity: true
    default-light: '#'
    default-dark: '#'
  -
    id: bt-colorful-indentation-width
    title: Width of colorful indentation lines (Reading)
    title.zh: 彩色层级线宽度 （阅读）
    type: variable-text
    default: 1px
  -
    id: bt-indentation-line-image
    title: Add an image as indentation lines (Reading)
    title.zh: 层级线背景图片 （阅读）
    type: variable-text
    default: url("https://")
  -
    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-non-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: dark-background-file
    title: Dark file background
    title.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: '#'
    default-dark: '#'
  -
    id: folder-icons
    title: Activate Folder Icons
    title.zh: 激活文件夹图标
    type: class-toggle
    default: true
  -
    id: remove-first-folder-icon
    title: Remove the first-layer folder icons
    title.zh: 去除第一层文件夹前图标
    type: class-toggle
    default: true
  -
    id: remove-arrow
    title: Folder Icons w/o arrows (Collapse Indicator)
    title.zh: 移除文件夹箭头图标（折叠图标）
    type: class-toggle
    default: true
  -
    id: folder-note-underline
    title: Toggle Folder note underline
    title.zh: 开启文件夹下划线
    type: class-toggle
    default: false
  -
    id: folder-note-dot
    title: Toggle Folder note dot
    title.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: bt-toggle-colorful-folder
    title: Toggle colorful folders
    title.zh: 启用彩色文件夹
    type: class-toggle
    default: true
  -
    id: folder-style-change-options-colorful
    title: Select folder colorful mode
    title.zh: 彩色化类型
    type: class-select
    allowEmpty: false
    default: folder-style-change-options-colorful-border
    options:
      -
        label: Default non-colorful
        value: folder-style-change-options-colorful-default
      -
        label: folder colorful  with  "0-9" or  "A-Z"
        value: folder-style-change-options-colorful
      -
        label: folder colorful by order
        value: folder-style-change-options-colorful-order
      -
        label: folder title colorful
        value: folder-style-change-options-colorful-title
      -
        label: Tab-liked
        value: folder-style-change-options-colorful-tab-liked
      -
        label: Border
        value: folder-style-change-options-colorful-border
  -
    id: folder-style-change-options-colorful-subfolder
    title: Folder color palette
    title.zh: 文件夹配色
    type: class-select
    allowEmpty: false
    default: folder-colorful-six
    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
      -
        label: Style 6
        value: folder-colorful-six
      -
        label: Custom
        value: folder-colorful-custom
  -
    id: folder-colorful-custom-color
    title: Custom color of folder
    title.zh: 自定义文件夹配色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    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: pdf-style
    title: 2.3.5 Exported PDF style
    title.zh: 2.3.5 PDF样式
    type: heading
    level: 3
    collapsed: true
  -
    id: export-pdf-style-folder
    title: Exported PDF style
    title.zh:  PDF导出样式
    type: heading
    level: 4
    collapsed: true
  -
    id: hr-for-pagination
    title: Use hr (---) for paging
    title.zh: 使用分隔符（---）分页
    type: class-toggle
    default: false
  -
    id: all-dark-pdf
    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: pdf-view-style
    title: PDF View
    title.zh:  PDF 文件浏览样式
    type: heading
    level: 4
    collapsed: true
  -
    id: ob-pdf-style-selection-light
    title: PDF styles (Light)
    title.zh: PDF 样式 （明亮）
    type: class-select
    allowEmpty: false
    default: pdf-style-default-light
    options:
      -
        label: Default
        value: pdf-style-default-light
      -
        label: Invert colors
        value: pdf-style-invert-color-light
      -
        label: Green
        value: pdf-style-green-bg-light
      -
        label: Warm
        value: pdf-style-warm-bg-light
      -
        label: Custom
        value: pdf-style-custom-bg
  -
    id: ob-pdf-style-selection-dark
    title: PDF styles (Dark)
    title.zh: PDF 样式 （黑暗）
    type: class-select
    allowEmpty: false
    default: pdf-style-default-dark
    options:
      -
        label: Default
        value: pdf-style-default-dark
      -
        label: Invert colors
        value: pdf-style-invert-color-dark
      -
        label: Green
        value: pdf-style-green-bg-dark
      -
        label: Warm
        value: pdf-style-warm-bg-dark
      -
        label: Custom
        value: pdf-style-custom-bg
  -
    id: custom-bg-pdf-style
    title: Custom PDF background
    title.zh: 自定义PDF背景颜色
    type: variable-themed-color
    opacity: true
    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: Fixed embedded content height
    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: hide-embed-title
    title: Hide embedded title
    title.zh: 隐藏嵌入文档标题
    type: class-toggle
    default: false
  -
    id: hide-embed-banner
    title: Hide embedded banner
    title.zh: 隐藏嵌入文档banner
    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: table-styles
    title: 2.3.7 Table
    title.zh: 2.3.7 表格
    type: heading
    level: 3
    collapsed: true
  -
    id: toggle-table-transition
    title: Toggle table zooming 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: table-width
    title: Table width 
    title.zh: md表格默认宽度
    type: class-select
    default: table-width-100
    options:
      -
        label: 100%
        value: table-width-100
      -
        label: auto
        value: table-width-auto
  -
    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: cloze-style
    title: 2.3.8 Cloze style
    title.zh: 2.3.8 挖空涂黑
    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.9 Links
    title.zh: 2.3.9 链接
    type: heading
    level: 3
    collapsed: true
  -
    id: link-underline-internal
    title: Toggle internal link underline
    title.zh: 开启内部链接下划线（默认：无）
    type: class-toggle
    default: false
  -
    id: link-underline-external
    title: Disable external link underline
    title.zh: 关闭外部链接下划线（默认：有）
    type: class-toggle
    default: false
  -
    id: link-underline-unresolved
    title: Disable unresolved link underline
    title.zh: 关闭未创建链接下划线（默认：有）
    type: class-toggle
    default: false
  -
    id: colorful-link-animation
    title: Toggle colorful link background (hovering)
    title.zh: 开启彩色链接背景颜色 （鼠标悬浮时）
    type: class-toggle
    default: false
  -
    id: internal-link-color
    title: Internal link color
    title.zh: 内链颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: remove-external-link-icon
    title: Toggle icon after external link
    title.zh: 去除外部链接后面的图标
    type: class-toggle
    default: false
  -
    id: external-link-color
    title: External link color
    title.zh: 外链颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: default-unresolved-link
    title: Toggle default unresolved link color
    title.zh: 使用默认的未创建链接颜色
    type: class-toggle
    default: false
  -
    id: unresolved-link
    title: Unresolved Link Color
    title.zh: 未创建链接颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: link-click
    title: Cancel click the link to trigger auto-jump
    title.zh: 取消编辑模式下点击链接自动跳转
    type: class-toggle
    default: false
    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.10 Cursor
    title.zh: 2.3.10 输入光标
    type: heading
    level: 3
    collapsed: true
  -
    id: cursor-color
    title: Cursor color
    title.zh: 光标颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: checkbox-style-folder
    title: 2.3.11 Checkbox
    title.zh: 2.3.11 勾选框
    type: heading
    level: 3
    collapsed: true
  -
    id: circular-checkbox
    title: Circular checkbox
    title.zh: 圆形勾选框
    type: class-toggle
    default: false
  -
    id: toggle-checked-decoration
    title: Add strikethrough for checked items
    title.zh: 添加完成任务时的删除线
    type: class-toggle
    default: false
  -
    id: checklist-done-color
    title: Checked text color
    title.zh: 完成任务的文字颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    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: extend-checkbox-list
    title: Extend checkbox list (unavailable)
    title.zh: 扩充勾选框类型 (不可用)
    type: class-toggle
    default: false
  -
    id: icons-style-folder
    title: 2.3.12 Icons
    title.zh: 2.3.12 图标
    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: enable-icon-anima
    title: Enable clickable-icons' hovering animation
    title.zh: 开启按钮图标的鼠标悬浮动画效果
    description.zh: 是否开启图标背景动画以及图标悬浮动画效果
    type: class-toggle
    default: false
  -
    id: icons-style-folder
    title: 2.3.13 Images
    title.zh: 2.3.13 图片
    type: heading
    level: 3
    collapsed: true
  -
    id: image-zoom
    title: Deactivate image zooming
    title.zh: 取消点击图片放大效果
    type: class-toggle
    default: false
  -
    id: obsidian-default-image
    title: Obsidian default image position
    title.zh: Obsidian默认图片位置
    type: class-toggle
    default: false
  -
    id: image-max-width
    title: Image max-width
    title.zh: 图片最大宽度
    type: variable-text
    default: 100%
  -
    id: image-border
    title: Image borders
    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/INL/Inl) 🔸|Centre/Center (CENTRE/CENTER/centre/center/C) (the “centre” one is for the “Obsidian Default Image Position above only, because Topaz's default image position is in the centre) 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/INL/Inl) 🔸|Centre/Center (CENTRE/CENTER/centre/center/C) (这个选项只在开启 “Obsidian默认图片位置” 后生效，因为Topaz默认图片位置就是居中) 来改变图片位置, 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 (can also use `left`, `LEFT` or `L` to replace the `Left`), 🔸#Right (or right/RIGHT/R)|your captions, 🔸#center/centre (CENTRE/CENTER/Center/Centre/C) |your captions and 🔸#inl (Inline/INLINE/inline/INL/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 (can also use `left`, `LEFT` or `L` to replace the `Left`) |your captions, 🔸#right (or right/RIGHT/R) |your captions, 🔸#center/centre (CENTRE/CENTER/Center/Centre/C) |your captions and 🔸#inl (Inline/INLINE/inline/INL/Inl) |your captions 来改变图片位置，并添加图片标题, e.g. ![[*.jpg#left|Figure 1]], ![[*.png#right|Figure 2|200]], ![[*.jpg#C|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. require Contextual Typography plugin
    description.zh: 在图片格式里添加 🔸|+grid 使复数的图片排成一行, e.g. ![[*.jpg|+grid]] 。或者在YAML种输入 ❗cssclass：img-grid❗最好安装 Contextual Typography 插件实现更好的并排效果
    type: heading
    level: 4
    collapsed: false
  -
    id: img-grid
    title:  Enable global image grid
    title.zh: 开启全局图片横排显示
    description: Enable the Contextual Typography plugin to control side-by-side images via blank lines
    description.zh:  开启后，不需要在笔记上方声明cssclass：img-grid，通过图片空行控制是否并排
    type: class-toggle
    default: false
  -
    id: loading-page-style-folder
    title: 2.3.14 Loading page
    title.zh: 2.3.14 加载页面
    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.14.1 Custom text
    type: heading
    level: 4
    collapsed: true
  -
    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.14.2 Custom image/animation
    type: heading
    level: 4
    collapsed: true
  -
    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.14.3 Custom image/animation
    type: heading
    level: 4
    collapsed: true
  -
    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.14.4 Custom image/animation with position changing
    type: heading
    level: 4
    collapsed: true
  -
    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.15 Tags
    title.zh: 2.3.15 标签 (#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: head-tag-style
    title: Label superscript in the header
    title.zh: 标题中的标签上标样式
    type: class-toggle
    default: false
    description.zh: 标题出现标签自动上标，也可以用<sup></sup> 或者<sub></sub>包裹实现不一样的样式。
  -
    id: tag-style-option
    title: Tag Style
    title.zh: 标签样式
    type: class-select
    allowEmpty: false
    default: tag-default
    options:
      -
        label: Rainbow tag
        value: rainbow-tag
      -
        label: Rainbow tag alt (No influence on emojis)
        value: rainbow-tag-no-filter
      -
        label: Outlined
        value: tag-pill-outlined
      -
        label: Clear
        value: tag-clear-style
      -
        label: Obsidian default
        value: tag-default
      -
        label: Customised colorful tag
        value: colorful-tag-bt
  -
    id: customised-colorful-tag
    title: 2.3.15.1 Customised colorful tag
    type: heading
    level: 4
    collapsed: true
  -
    id: tag1
    title: Tag-1
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: tag2
    title: Tag-2
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: tag3
    title: Tag-3
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: tag4
    title: Tag-4
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: tag5
    title: Tag-5
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: tag-text
    title: Tag text
    type: variable-themed-color
    opacity: false
    format: hex
    default-light: '#f8f8f8'
    default-dark: '#e4e4e4'
  -
    id: outlined-style
    title: 2.3.15.2 Outlined
    type: heading
    level: 4
    collapsed: true
  -
    id: tag-border-width
    title: Tag border width
    title.zh: 标签边框宽度
    type: variable-text
    default: 1px
  -
    id: tag-color-settings
    title: 2.3.16 Setting, Menu, Option panes
    title.zh: 2.3.16 设置、菜单、选项面板
    type: heading
    level: 3
    collapsed: true
  -
    id: setting-etc-pane-style
    title: Pane style
    type: class-select
    allowEmpty: false
    default: setting-style-traditional
    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: titlebar-settings
    title: 2.3.17 Titlebar style
    title.zh: 2.3.17 标题栏样式
    type: heading
    level: 3
    collapsed: true
  -
    id: bt-colorful-titlebar
    title: Colorful titlebar
    title.zh: 开启顶部多彩标题栏样式
    type: class-toggle
    default: false
  -
    id: background-titlebar-inner
    title: Titlebar background color
    title.zh: 标题栏背景颜色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    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-titlebar-close-btn
    title: Auto-hide title bar close button
    title.zh: 自动隐藏关闭按钮
    type: class-toggle
    default: false
  -
    id: outline-settings
    title: 2.3.18 Outline
    title.zh: 2.3.18 侧边栏大纲
    type: heading
    level: 3
    collapsed: true
  -
    id: outline-style
    title: Outline style
    title.zh: 大纲样式
    type: class-select
    allowEmpty: false
    default: default-outline-style
    options:
      -
        label: Default
        value: default-outline-style
      -
        label: Logseq
        value: logseq-outline-style
  -
    id: nowrap-outline
    title: Nowrap
    title.zh: 不换行
    type: class-toggle
    default: false
  -
    id: prompt-settings
    title: 2.3.19 Prompt (ctrl p)
    title.zh: 2.3.19 提示框 (ctrl p)
    type: heading
    level: 3
    collapsed: true
  -
    id: prompt-options
    title: Prompt styles
    title.zh: 提示框唤出样式
    type: variable-select
    allowEmpty: false
    default: default-prompt-style
    options:
      -
        label: Default
        value: default-prompt-style
      -
        label: Fancy prompt 1
        value: fancy-prompt-1
      -
        label: Slide Up Large
        value: slideUpLarge
      -
        label: Quick Scale Down
        value: quickScaleDown
      -
        label: Blow Up Modal
        value: blowUpModal
      -
        label: Road Runner In
        value: roadRunnerIn
      -
        label: Road Runner Out
        value: roadRunnerOut
      -
        label: Unfold In
        value: unfoldIn
      -
        label: Pop-swirl
        value: pop-swirl
  -
    id: stack-settings
    title: 2.3.20 Stack tabs
    type: heading
    level: 3
    collapsed: true
  -
    id: stack-tabs-text-ori-options
    title: Text orientation styles
    title.zh: stack 模式汉字竖排
    type: class-select
    allowEmpty: false
    default: stack-tab-text-ori-mixed
    options:
      -
        label: Default
        value: default-stack-text-ori-style
      -
        label: Mixed orientation
        value: stack-tab-text-ori-mixed
  -
    id: stack-tabs-background-blur-depth
    title: stack tabs background blur radius
    title.zh: 堆叠模式下笔记背景模糊程度
    description: To adjust the radius of blur
    description.zh: 调整背景模糊程度
    type: variable-number-slider
    default: 40
    format: px
    min: 0
    max: 200
    step: 10
  -
    id: tabs-settings
    title: 2.3.21 Tabs
    type: heading
    level: 3
    collapsed: true
  -
    id: tab-head-style
    title: Tab style
    type: class-select
    allowEmpty: false
    default: default-tab
    options:
      -
        label: Default
        value: default-tab
      -
        label: Underline
        value: underline-tab-style
      -
        label: Safari-style
        value: safari-tab-style
      -
        label: Transparent-style
        value: transparent-tab-style
  -
    id: mermaid-styles
    title: 2.3.21 Mermaid
    type: heading
    level: 3
    collapsed: true
  -
    id: resizable-mermaid
    title: Resizable mermaid in reading mode
    title.zh: 阅读模式可调整mermaid大小
    type: class-toggle
    default: false
  -
    id: canvas-styles
    title: 2.3.23 Canvas
    title.zh: 2.3.23 白板 Canvas
    type: heading
    level: 3
    collapsed: true
  -
    id: canvas-card-focus-mode
    title: Canvas card focus mode (Unavailable)
    title.zh: 开启Canvas聚焦模式 （不可用）
    description: clicking on a card will highlight all cards and lines of the same color on the canvas When turned on
    description.zh: 开启后 点击卡片会突出显示画布上所有相同颜色的卡片和线条
    type: class-toggle
    default: false
    addCommand: true
  -
    id: zoom-multiplier
    title: Canvas card size for "Zoom to selection"
    title.zh: “聚焦”时卡片大小
    type: variable-number-slider
    default: 1
    min: 0.5
    max: 2
    step: 0.05
  -
    id: canvas-card-text-middle
    title: Canvas card text center align
    title.zh: 卡片文字默认居中
    type: class-toggle
    default: false
  -
    id: canvas-card-opacity
    title: Canvas card opacity
    title.zh: 卡片透明度
    type: variable-number-slider
    default: 0.1
    min: 0
    max: 1
    step: 0.05
  -
    id: canvas-workplace-background-heading
    title: 2.3.23.1 canvas workplace background settings
    title.zh: 2.3.23.1 canvas页面背景设置
    type: heading
    level: 4
    collapsed: true
  -
    id: toggle-canvas-grid
    title: Toggle canvas grid
    title.zh: 关闭Canvas网格显示
    type: class-toggle
    default: false
  -
    id: canvas-workplace-background
    title: Toggle canvas workplace background
    title.zh: 关闭Canvas工作区背景
    description.zh: 如果开启了1.2.1工作页面背景，编辑画板也会带有背景，这里可以关闭画板背景
    type: class-toggle
    default: false
  -
    id: canvas-background
    title: Custom canvas background color
    title.zh: 自定义canvas背景色
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: tab-stack-folder
    title: 2.3.24 Tab stack
    title.zh: 2.3.24 堆叠标签页
    type: heading
    level: 3
    collapsed: true
	-
		id: tab-stacked-pane-width
		title: Tag stacked pane with
		type: variable-number
		default: 700
		format: px
	-
		id: tab-stacked-header-width
		title: Spine width
		type: variable-number
		default: 40
		format: px
  -
    id: highlight-bg-color-folder
    title: 2.3.25 Highlights (==xx==)
    title.zh: 2.3.25 高亮 (==xx==)
    type: heading
    level: 3
    collapsed: true
  -
    id: text-highlight
    title: Highlight text color
    title.zh: 高亮文本颜色
    description: ==XXXXX== color
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: highlight-style
    title: Highlight styles
    title.zh: 高亮样式
    type: class-select
    allowEmpty: false
    default: bt-default-highlight
    options:
      -
        label: Default
        value: bt-default-highlight
      -
        label: All rounded corners (@Mon & @TheGodOfKing)
        value: all-rounded-corners-highlight
      -
        label: No rounded corners
        value: no-rounded-corners-highlight
  -
    id: highlight-bg-color-head
    title: Highlight background color
    title.zh: 高亮背景颜色
    type: heading
    level: 4
    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: colorful-highlight-head
    title: Colorful highlight setting
    title.zh:  多彩高亮背景颜色
    type: heading
    level: 4
    collapsed: true
  -
    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: highlight-bg-color-folder
    title: 2.3.26 Popover 
    title.zh: 2.3.26 悬浮预览弹窗
    type: heading
    level: 3
    collapsed: true
  -
    id: background-popover
    title: Hover popover background color
    title.zh: 悬浮弹窗背景色
    description: --background-popover
    type: variable-themed-color
    opacity: true
    format: hex
    default-light: '#'
    default-dark: '#'
  -
    id: popover-width-factor
    title: Popover width
    title.zh: 弹窗宽度
    type: variable-number-slider
    default: 1
    min: 0.5
    max: 2.5
    step: 0.05
  -
    id: popover-height-factor
    title: Popover height
    title.zh: 弹窗宽度
    type: variable-number-slider
    default: 1
    min: 0.5
    max: 2
    step: 0.05
  -
    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: '#FFFFFF00'
    default-dark: '#11111100'
  -
    id: admonition-bg-color-same
    title:  The same as the title color
    title.zh: 背景色与标题色一致
    description.zh: Obsidian 默认callout样式
    type: class-toggle
    default: false
  -
    id: callout-style-settings
    title: callout style settings
    title.zh: Callout 外观样式设置
    type: class-select
    allowEmpty: false
    default: admonition-bg-color-same
    options:
      -
        label: Default
        value: admonition-bg-color-same
      -
        label: Traditional
        value: traditional-callout-style
      -
        label: Border
        value: border-callout-style
      -
        label: Shade
        value: shade-callout-style
  -
    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: toggle-calendar-transparent
    title:  Transparent calendar background
    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: true
    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-Thino-plugin-heading
    title: 3.9 ✏️Thino
    description: Adapted from @Quorafind's Thino Plugin
    type: heading
    level: 2
    collapsed: false
  -
    id: style-options-for-Thino-plugin-heading-1
    title: 3.9.1 Thino  style
    title.zh: 3.9.1 Thino  全局样式
    type: heading
    level: 3
    collapsed: true
  -
    id: memos-inputbox
    title: Put input box to bottom
    title.zh: PC端memos输入框置于页面底部
    type: class-toggle
    default: false
  -
    id: memos-hide-header
    title: hider Thino header
    title.zh: 隐藏thino 视图的头部
    type: class-toggle
    default: false
  -
    id: memos-scroll
    title: add Thino list scroll
    title.zh: 列表 瀑布流模式下给thino 增加一个滚动条
    type: class-toggle
    default: false
  -
    id: hider-memos-modern-banner
    title: hide thino modern moment banner
    title.zh: 隐藏Thino modern 主题下的动态视图的banner
    type: class-toggle
    default: false
  -
    id: memos-banner-gradient
    title: moment banner gradient
    title.zh: 动态视图的banner 渐变显示
    type: class-toggle
    default: true
  -
    id: thino-view-style
    title: thino style
    title.zh: Thino的风格
    type: class-select
    allowEmpty: false
    default: thino-frosted-style
    options:
      -
        label: default
        value: thino-default
      -
        label: Frosted Style(Transparent)
        value: thino-frosted-style
      -
        label: Frosted Style
        value: thino-frosted-style-default
  -
    id: thino-view-background
    title: custom thino background
    title.zh: 自定义Thino背景
    type: class-select
    allowEmpty: false
    default: thino-background-default
    options:
      -
        label: default
        value: thino-background-default
      -
        label: custom color  
        value: thino-background-color  
      -
        label: Custom background img
        value: custom-thino-background
  -
    id: thino-modern-primary
    title: thino  background color
    title.zh: thino 背景色
    type: variable-themed-color
    opacity: true
    format: hsl-split
    default-light: '#ebf3ee'
    default-dark: '#1e1e1e'
  -
    id: thino-background-light-custom
    title: Custom thino background light (url)
    title.zh: 自定义Thino背景（亮色模式）
    description: Customise the background image. Use the format in the Default below for an Online image. 
    description.zh: 需在上方选项种选择Custom，以自定义背景。使用Default内格式设置在线图片。 
    type: variable-text
    default: url("https://")
  -
    id: thino-background-dark-custom
    title: Custom thino background dark (url)
    title.zh: 自定义Thino背景（暗色模式）
    description: Customise the background image. Use the format in the Default below for an Online image. 
    description.zh: 需在上方选项种选择Custom，以自定义背景。使用Default内格式设置在线图片。 
    type: variable-text
    default: url("https://")
  -
    id: style-options-for-Thino-plugin-share-heading
    title: 3.9.2 Thino share style
    title.zh: 3.9.2 Thino 卡片分享样式
    type: heading
    level: 3
    collapsed: true
  -
    id: share-thino-style
    title: share thino style
    title.zh: Thino分享样式
    type: class-select
    allowEmpty: false
    default: thino-share-default
    options:
      -
        label: default
        value: thino-share-default
      -
        label: Same as workspace background
        value: share-thino-with-workspace-background
      -
        label: Same as  thino  background 
        value: share-thino-with-thino-background
      -
        label: Custom share background
        value: custom-thino-share-background
  -
    id: share-card-background-opacity-cp
    title: Share Card Background Opacity
    title.zh: 分享卡片背景透明度
    type: variable-number-slider
    default: 0.6
    min: 0
    max: 1
    step: 0.05
  -
    id: share-card-background-color
    title: Share Card Background color（Gradient Mode）
    title.zh: 自定义分享卡片渐变背景颜色（渐变模式生效）
    type: variable-themed-color
    opacity: true
    format: hsl-split
    default-light: '#ffafbd'
    default-dark: '#1e1e1e'
  -
    id: share-thino-background-light-custom
    title: Custom thino share background light (url)
    description: Customise the background image. Use the format in the Default below for an Online image. 
    description.zh: 需在上方选项种选择Custom，以自定义背景。使用Default内格式设置在线图片。 
    type: variable-text
    default: url("https://")
  -
    id: share-thino-background-dark-custom
    title: Custom thino share background dark (url)
    description: Customise the background image. Use the format in the Default below for an Online image. 
    description.zh: 需在上方选项种选择Custom，以自定义背景。使用Default内格式设置在线图片。 
    type: variable-text
    default: url("https://")
  -
    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: style-options-for-quiet-outline
    title: 3.11 Quiet outline
    title.zh: 3.11 Quiet outline
    type: heading
    level: 2
    collapsed: true
  -
    id: quiet-outline-optimize
    title: Optimize quiet-outline plugin
    title.zh: 美化 quiet-outline 插件
    type: class-toggle
    default: true
  -
    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: false
  -
    id: bt-buyacoffe
    title: Support me
    description: "[https://www.buymeacoffee.com/whyi](https://www.buymeacoffee.com/whyi)"
    type: info-text
    markdown: true
  -
    id: bt-github
    title: Star the theme
    description: "[https://github.com/PKM-er/Blue-Topaz_Obsidian-css](https://github.com/PKM-er/Blue-Topaz_Obsidian-css)"
    type: info-text
    markdown: true
*/

/* @settings
name: 🥑Blue Topaz Codebox Settings
id: Blue-Topaz-Codebox-Highlight
settings:
  -
    id: code-header-theme
    title: Codebox highlighting
    title.zh: 代码框高亮语法设置
    type: heading
    level: 1
    collapsed: false
  -
    id: code-theme-selection
    title: Codebox highlighting schemes
    title.zh: 代码高亮主题
    type: class-select
    allowEmpty: false
    default: code-theme-bt-default
    options:
      -
        label: bt-default
        value: code-theme-bt-default
      -
        label: Solarized Light
        value: code-theme-solarized-light
      -
        label: Material Palenight
        value: code-theme-material-palenight
      -
        label: Dracula
        value: code-theme-dracula
      -
        label: Gruvbox Dark
        value: code-theme-Gruvbox-dark
      -
        label: monokai
        value: code-theme-monokai
      -
        label: sublime
        value: code-theme-sublime
      -
        label: Custom
        value: code-theme-custom
  -
    id: code-style-settings
    title: Codebox style settings
    title.zh: 代码框样式设置
    type: heading
    level: 1
    collapsed: true
  -
    id: mute-code-indent-line
    title: Mute codebox indent line
    title.zh: 取消代码块缩进参考线
    type: class-toggle
    default: false
  -
    id: code-line-number
    title: Code box showing line numbers (Editing mode)
    title.zh: 代码显示行号 （编辑模式）
    description: csslass declares code-line-number to be available for the current document
    description.zh:  csslass 声明code-line-number 可对单篇note生效
    type: class-toggle
    default: false
  -
    id: whole-code-wrap
    title: Code wrap (Reading mode)
    title.zh: 代码换行 （阅读模式）
    type: class-toggle
    default: true
    addCommand: true
  -
    id: remove-language-type
    title: Toggle showing types of code languages
    title.zh: 移除阅读模式下代码名称
    type: class-toggle
    default: false
  -
    id: nowrap-edit-codebox
    title: Non-wrap Codebox (Live preview)
    title.zh: 代码不换行 （Live preview）
    type: class-toggle
    default: false
    addCommand: true
  -
    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: 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: code-background-colors
    title: Codebox highlighting background colors
    title.zh: 代码框高亮背景色设置
    type: heading
    level: 1
    collapsed: true
  -
    id: background-code
    title: Codebox background color
    title.zh: 代码块背景色
    type: variable-themed-color
    format: hex
    opacity: true
    default-light: '#292d3e'
    default-dark: '#292d3e'
  -
    id: muted-code-activeline-bg
    title: Mute codebox active line
    title.zh: 取消代码块当前行高亮
    type: class-toggle
    default: false
  -
    id: code-active-line-background-color
    title: Codebox active line background color
    title.zh: 代码块当前行背景色
    type: variable-themed-color
    format: hex
    opacity: true
    default-light: '#353a50'
    default-dark: '#353a50'
  -
    id: code-selection-background
    title: Codebox selection line background color
    title.zh: 代码块选中背景色
    type: variable-themed-color
    format: hex
    opacity: true
    default-light: '#353a50'
    default-dark: '#353a50'
  -
    id: code-block-colors
    title: Custom codebox syntax highlighting colors
    title.zh: 自定义语法高亮颜色
    type: heading
    level: 1
    collapsed: true
  -
    id: code-normal
    title: Code block normal color
    description.zh: 代码框普通字体颜色
    type: variable-themed-color
    format: hex
    opacity: true
    default-light: '#d4d4d4'
    default-dark: '#d4d4d4'
  -
    id: code-keyword
    title: Code block keyword color
    type: variable-themed-color
    format: hex
    default-light: '#c792ea'
    default-dark: '#c792ea'
  -
    id: code-value
    title: Code block number color
    type: variable-themed-color
    format: hex
    default-light: '#ff5370'
    default-dark: '#ff5370'
  -
    id: code-type
    title: Code block type color
    type: variable-themed-color
    format: hex
    default-light: '#decb6b'
    default-dark: '#decb6b'
  -
    id: code-property
    title: Code block property color
    type: variable-themed-color
    format: hex
    default-light: '#c792ea'
    default-dark: '#c792ea'
  -
    id: code-variable
    title: Code block variable color
    type: variable-themed-color
    format: hex
    default-light: '#f07178'
    default-dark: '#f07178'
  -
    id: code-variable-2
    title: Code block variable-2 color
    type: variable-themed-color
    format: hex
    default-light: '#eeffff'
    default-dark: '#eeffff'
  -
    id: code-variable-3
    title: Code block variable-3 color
    type: variable-themed-color
    format: hex
    default-light: '#f07178'
    default-dark: '#f07178'
  -
    id: code-qualifier
    title: Code block qualifier color
    type: variable-themed-color
    format: hex
    default-light: '#decb6b'
    default-dark: '#decb6b'
  -
    id: code-operator
    title: Code block operator color
    type: variable-themed-color
    format: hex
    default-light: '#89ddff'
    default-dark: '#89ddff'
  -
    id: code-hr
    title: Code block hr color
    type: variable-themed-color
    format: hex
    default-light: '#98e342'
    default-dark: '#98e342'
  -
    id: code-builtin
    title: Code block builtin color
    type: variable-themed-color
    format: hex
    default-light: '#ffcb6b'
    default-dark: '#ffcb6b'
  -
    id: code-tag
    title: Code block tag color
    type: variable-themed-color
    format: hex
    default-light: '#ff5370'
    default-dark: '#ff5370'
  -
    id: code-string-2
    title: Code block string-2 color
    description: class-name
    type: variable-themed-color
    format: hex
    default-light: '#f07178'
    default-dark: '#f07178'
  -
    id: code-punctuation
    title: Code block punctuation color
    description: code punctuation, bracket color
    type: variable-themed-color
    format: hex
    default-light: '#ff5370'
    default-dark: '#ff5370'
  -
    id: code-comment
    title: Code block comment color
    type: variable-themed-color
    format: hex
    default-light: '#676e95'
    default-dark: '#676e95'
  -
    id: code-string
    title: Code block string color
    type: variable-themed-color
    format: hex
    default-light: '#c3e88d'
    default-dark: '#c3e88d'
  -
    id: code-attribute
    title: Code block attribute color
    type: variable-themed-color
    format: hex
    default-light: '#c792ea'
    default-dark: '#c792ea'
  -
    id: code-function
    title: Code block function color
    type: variable-themed-color
    format: hex
    default-light: '#c792ea'
    default-dark: '#c792ea'
  -
    id: code-important
    title: Code block important color
    type: variable-themed-color
    format: hex
    default-light: '#c792ea'
    default-dark: '#c792ea'
  -
    id: cm-atom
    title: Code block atom color
    description: Frontmatter keys color
    type: variable-themed-color
    format: hex
    default-light: '#f78c6c'
    default-dark: '#f78c6c'
  -
    id: code-meta
    title: Code block meta color
    description: Frontmatter punctuation color
    type: variable-themed-color
    format: hex
    default-light: '#ffcb6b'
    default-dark: '#ffcb6b'
  -
    id: code-language
    title: Code block language color
    type: variable-themed-color
    format: hex
    default-light: '#ff5370'
    default-dark: '#ff5370'
  -
    id: codeblock-folder
    title: Inline code
    title.zh: 行内代码
    type: heading
    level: 1
    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: '#'
    default-dark: '#'
  -
    id: font-weight-inline-code
    title: Font weight of inline code
    title.zh: 行内代码字重
    type: variable-text
    default: bold
*/

@font-face {
  font-family: 'Lucida Handwriting';
  src: url('data:font/woff2;charset=utf-8;base64, ') 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,d09GMgABAAAAAAUQAAwAAAAACcgAAATCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYGYABcEQgKizCJEgsWAAE2AiQDIAQgBYJKB20bvAfIjsK22bOwIjmQDyeRhxX00NzbvN1Nmu62nLQHQCDL9ufY3SlWLCy602dZsQLOD3n6L92cdrLTQfkrT6MySDfJpw9OaT98nP5JmH4/V2cmpe/6WhKztuSGJ/ESuA4hvX1EJEJolEji6JTI0tpue1NL4JWIHgIq4OgbhCi/3NpClyACc5XyAoCL6n70EWwlhmpONTB1FlpfjQVO/p/gZZEPIDSpXtxo4LaSYhHSHYt+SxUJhpheH+5uX9ye3VV/Gfy/gOQ3Fu8zRRlHGQfpRqmPgCzFCBUF1Uh/SQrUgH4DZhk6yeGXoC8cBhsxFq7pb0yj9ZTXp1KXLMmRQUixqcS8vOSggBJukKH1ydDZR4IPYZr5Euhg83gIFk9pP/Clx0I87acK8hy24z0qvcx2nb/0Cdoa+Ii0XgVzgN6r+iK0nkGLXR2X+z/gex7bxsateRzxFtwXn/LeVSySZJFoZH5I+4HvqJZKR+o4Dur6t87I2TrM6j9XdbrRcY44fLSlI+3ubuzuV5Hdvmmca2jI1uvoSDsmADmD6IHuGenUM5hVdZIFkpwkXs2bzaqVg5ig21xnZ9bUpK4udbC3keseVkdfg/zQ+QTxrilf2khRYnFlXQ3oFA9wOU5xw2nnctiCmtR0SRXZXYGyoKwnVewY+LjeTGHwbDzaORny7Ubx7umQd2bik2Sobg3K+RPl9l33+SOXNRX7Rzyyh3xsi93O6bABkL+k7Qg6sJdNW4lpYOrJSeqY8Y5wNiV/TaCTQbNh4pWu3ptEMLym787heHiFV1iqrfSZGuEmx6pMFUnBWUPZprrSuqbVv4VrsZIKU9XLvSABx5PYHh7sJLorocDdi5VC+fTknXoQAxapG1EZ7VJcvB7ywPCse5ZoWiXhxg3VDtXKzdUSo1yu6AlFbyjzB3Pl5lRYKqpMFQC6zlNVwVQBoO3DfBetL/3fZHyLEH875zoW9LUhTUVOcYUwA6fRgIBbTtKvA2yR+LMPYlIc5SLq732uzjZsbz84PdW809uR351YPvDkeGS/e1mcsIKQurCaoLCpnHWQjeFEVjhOEDgAvBQ5jVYIczAa5Qa864uU+J0mG9FJzq7mz8ye7ie0vQGl5woLR5VRhY1FYIfw4VmMLCL8P4DJY4JBvrso7cAWqDglK65rDHcKgpDsOnEZo+/qSKSJPI5BruiogT4dVdX60tQ816e755+W0fkD9Kn+1ymZhUg7aIxqABL9F1JVtE7bwhtlS+iC/gaPfES5EmhGRPcKfzdjw4z8RBxP5HiAThQ/8i1/7/VOSbevCeoAeBVmJ+lNFB8tT6ATuAU6O9hvowFoaKlY+maXjJ1P0vq4gXpOO6ynCtbAAgG8fQ61ZUvrtSoegKYKJ8usGcpIYLktWu4idUSgenkMV3u60AWLXDmihnGgNlQxb7mF5Q7UEQ2sWR6D18uFQ3uIogdmMPf3es536ZyNhdVX/kVvRrnAOOLfKX4a7IGgiBTiIMgklwgSSCKfdGLIgU0COeSSUjGpxRhGMIoFieY8tDhIAtqr9WPII4H4zj0Uo8XiwfKhEM12YYFBf70HGYwsVk6RYpUpiQ8eK85KthbJP5FiReyeEPPGMJafL53oZ03CnHJ0G2cA') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


body {
  --font-size-obsidian-titlebar: 13px;
  --font-size-vault-name: 1em;/*左侧库名字体大小*/
  --font-size-file-header-title: 0.9em;/*文件抬头标题，只在非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.9em;/*左侧边栏文件字体大小*/
  --font-size-edit-normal: 1em;/*编辑正文字体大小*/
  --font-size-preview-normal: 1em;/*预览正文字体大小*/
  --h1-size: 1.5625em;
  --h2-size: 1.4375em;
  --h3-size: 1.3125em;
  --h4-size: 1.1875em;
  --h5-size: 1.0625em;
  --h6-size: 1em;
  --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-outline:var(--nav-item-size);
  --font-size-code: 1em;
  --font-size-latex: 1em;
  --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;
  --table-header-size: inherit;

  /*font family*/
  --font-default: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif;
  --font-family-list: ;/*列表字体*/
  --font-text-theme: Bookerly, 'Inter', "Segoe UI", "霞鹜文楷 GB", "LXGW WenKai", "Microsoft YaHei"; /*主体（包括列表）字体，除代码框等少数部分*/
  --h1-font: var(--font-text),var(--font-default);
  --h2-font: var(--font-text),var(--font-default);
  --h3-font: var(--font-text),var(--font-default);
  --h4-font: var(--font-text),var(--font-default);
  --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: 'JetBrains Mono', 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-override), var(--font-monospace-theme);
  --font-family-tag: Bookerly, 'Inter', "Segoe UI", "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";
  --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, 'Inter', "Segoe UI", "LXGW WenKai Screen", "LXGW WenKai Screen R", "霞鹜文楷 GB", "LXGW WenKai", "Segoe UI Emoji", var(--font-interface);
  --font-family-em: ;
  --font-loading-text: var(--font-monospace-theme);

  /*radius*/
  --radius-xs: 3px;
  --radius-s: 5px;
  --radius-m: 7px;
  --radius-l: 15px;

  --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-panel-page-theme-dark-custom: url("https://");
  --background-panel-page-theme-light-custom: url("https://");
  --background-markdown-page-theme-dark-custom: url("https://");
  --background-markdown-page-theme-light-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;
  --bg-panel-page-opacity-cp:0.25;
  --titlebar-brightness: 1;
  --titlebar-blur-depth: 8px;
  --stack-tabs-background-blur-depth:40px;

  --fancy-hr-icon: '😀';
  --fancy-hr-rotate: 0deg;
  --line-height-main: 1.5;
  --line-height-list: 2;

  --line-height-split: 1.3;
  --letter-space-main: 0;
  --letter-space-code: 0;

  --file-line-width: 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;
  --image-max-width: 100%;

  --checkbox-size: 0.9rem;

  --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-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-015);
  --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));

  --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;

  --status-bar-bg: var(--background-secondary-alt);
  --status-bar-text-color: var(--text-muted);

  --list-ol-marker-1: decimal;
  --list-ol-marker-2: lower-latin;
  --list-ol-marker-3: lower-roman;
  --list-ol-marker-4: decimal;
  --list-ul-marker-1: '\2022';
  --list-ul-marker-2: '\25E6';
  --list-ul-marker-3: '\25AA';
  --list-ul-marker-4: '\25E6';
  --list-ul-marker-color: var(--list-marker-color);
  --list-marker-color-collapsed: var(--theme-color);

  --list-ul-colorful-marker-content: '\2022';

  --he-title-bar-active-bg: var(--theme-color-translucent-005);
  --he-title-bar-active-pinned-bg: var(--theme-color-translucent-005);
  --he-title-bar-inactive-bg: var(--theme-color-translucent-001);
  --he-title-bar-inactive-pinned-bg: var(--theme-color-translucent-001);
  --he-title-bar-inactive-action: var(--text-normal);
  --he-title-bar-active-action: var(--theme-color);
  --he-title-bar-active-fg: var(--text-normal);
  --he-title-bar-inactive-fg: var(--text-muted);

  --list-spacing-bt: 1;

  --font-weight-strong: bold;
  --font-style-em: italic;
  --code-background: var(--background-code);
  --canvas-card-opacity: 0.1;

  --popover-width-factor: 1;
  --popover-height-factor: 1;

  /*bubble*/
  --bt-bubble-layout-padding: 8px;
  --bt-bubble-background-color: transparent;
  --bt-bubble-border-color: var(--background-modifier-border);
  --bt-indentation-gradient-color-1: var(--theme-color);
  --bt-indentation-gradient-color-2: transparent;
  --bt-colorful-indentation-width: 1px;

  --h1-bg-color: color-mix(in srgb, var(--h1-color) 15%, transparent);
  --h2-bg-color: color-mix(in srgb, var(--h2-color) 15%, transparent);
  --h3-bg-color: color-mix(in srgb, var(--h3-color) 15%, transparent);
  --h4-bg-color: color-mix(in srgb, var(--h4-color) 15%, transparent);
  --h5-bg-color: color-mix(in srgb, var(--h5-color) 15%, transparent);
  --h6-bg-color: color-mix(in srgb, var(--h6-color) 15%, transparent);
  --inline-title-bg-color: color-mix(in srgb, var(--h1-color) 15%, transparent);

  --ribbon-background: var(--background-secondary-alt);--ribbon-background-collapsed: var(--background-secondary-alt);

  --bt-indentation-width-hover: 3px;

  /***thino***/
  --share-thino-background-light-custom:url("https://");
  --share-thino-background-dark-custom:url("https://");
  --thino-background-light-custom:url("https://");
  --thino-background-dark-custom:url("https://");
 
  --share-card-background-opacity-cp:0.6;
}


body.all-dark-pdf .print,
.theme-dark {
  --background-primary: var(--background-primary-bg-4-bt,#202020);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#444444);
  --background-secondary: var(--background-secondary-bg-4-bt,#151515);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#000000);
  --background-modifier-border: #343434;
  --background-modifier-success: #539126;
  --background-modifier-success-rgb: 83, 145, 38;
  --background-modifier-error: #9b4343;
  --background-modifier-error-rgb: 155, 67, 67;
  --text-accent: var(--color-accent);
  --text-accent-hover: var(--color-accent-2);
  --text-normal: #c6c6c6;
  --text-highlight: var(--text-normal);
  --background-modifier-box-shadow: rgba(228, 228, 228, 0.08);

  --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: #3b767160;
  --text-on-accent: #e4e4e4;
  --interactive-normal: #2b2b2b;
  --interactive-hover: #373737;
  --accent-h: 208;
  --accent-s: 64%;
  --accent-l: 49%;
  --accent-l-alt: calc(var(--accent-l) * 1.05);
  --interactive-accent-rgb: 45, 130, 204;
  --interactive-accent-hover: var(--color-accent-2);
  --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: var(--background-secondary-bg-4-bt);
  --search-result-file-matched-bg: #023774;
  --page-border-bottom: var(--background-secondary-alt);
  --background-asymm-split-left: var(--background-secondary-alt);
  --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-3-1: #00000064;
  --background-transparent-black-or-white-4: #7e7e7e1d;
  --background-transparent-black-or-white-5: #0f0f0f6c;
  --background-black-or-white-1: #353535;
  --background-modifier-border-1: #000000;
  --background-transparent-blue: #003e759a;
  --scrollbar-thumb-bg: #3f3f3f7e;
  --scrollbar-active-thumb-bg: #4d4d4d88;
  --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;
  --variable-2: #0072d0;
  --variable-3: #5a96f7;

  --embed-color: hsla(calc(var(--accent-h) * 1),calc(var(--accent-s) * 1.2),calc(var(--accent-l) * 2),0.055);
  --search-result-file-title-color: var(--text-normal);
  --theme-color: var(--interactive-accent);
  --theme-color-translucent-06: hsla(var(--interactive-accent-hsl),0.6);
  --theme-color-translucent-04: hsla(var(--interactive-accent-hsl),0.4);
  --theme-color-translucent-02: hsla(var(--interactive-accent-hsl),0.2);
  --theme-color-translucent-015: hsla(var(--interactive-accent-hsl),0.15);
  --theme-color-translucent-01: hsla(var(--interactive-accent-hsl),0.1);
  --theme-color-translucent-005: hsla(var(--interactive-accent-hsl),0.05);
  --theme-color-translucent-001: hsla(var(--interactive-accent-hsl),0.01);

  --background-blockquote: #9191911c;
  --background-code: #1111118c;
  --background-code-2: #4c4c4cb0;
  --text-color-code: #d58000;
  --code-normal: #d0d0d0;
  --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: var(--list-marker-color);
  --list-ol-hover: #2c7bd6;
  --list-marker-color-collapsed: var(--theme-color);

  --tag-text: #e4e4e4;
  --stag1: #f08383;
  --stag1-bg: #bd1919;
  --stag2: #e7b263;
  --stag2-bg: #ac6700;
  --stag3: #77df89;
  --stag3-bg: #058c1c;
  --tag1: #3674bb;
  --tag2: #3685ad;
  --tag3: #2a8f91;
  --tag4: #43804f;
  --tag5: #5f932e;

  --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,hsl(78, 62%, 47%));
  --h2-color: var(--print-h2-color,hsl(118, 42%, 49%));
  --h3-color: var(--print-h3-color,hsl(180, 53%, 48%));
  --h4-color: var(--print-h4-color,hsl(216, 69%, 68%));
  --h5-color: var(--print-h5-color,hsl(258, 79%, 77%));
  --h6-color: var(--print-h6-color,hsl(290, 85%, 81%));

  --graph-text-color: #B5B5B5;
  --graph-tag: #88d842bb;
  --graph-attach: #b2cfe0bb;
  --graph-circle: #55a2d6bb;
  --graph-line: #8c8c8c;
  --graph-unresolved: #f08080de;
  --graph-arrow: #c23917;
  --graph-control-bg: #00000080;
  --graph-circle-outline: transparent;
  --graph-canvas-bg: var(--background-primary);
  --graph-circle-fill-highlight: var(--interactive-accent);
  --graph-line-fill-highlight: rgb(var(--interactive-accent-rgb));

  --unresolved-link: var(--graph-unresolved);
  --link-unresolved-decoration-color: var(--graph-unresolved);
  --internal-link-color: var(--text-accent);
  --external-link-color: var(--internal-link-color);

  /*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: var(--theme-color-translucent-01);
  --table-hover-raw-color: #08569a21;
  --table-hover-color: #1f65a221;
  --table-hover-thead-color: #21395bc7;
  --table-header-color: var(--text-normal);

  /*calendar*/
  --calendar-week-color: #a2df94;
  --calendar-week-hover: #61815c;
  --calendar-week-background-color: #4a5842;
  --calendar-today-background-color: #8c4545;
  --calendar-hover-color: var(--theme-color-translucent-02);
  --calendar-active-color: var(--theme-color-translucent-04);

  /*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: #11111100;

  /*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: var(--theme-color-translucent-005);

  /*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-secondary-alt-bg-4-bt);
  --search-result-background: var(--background-secondary-alt-bg-4-bt);
  --text-folder-file-icon: var(--theme-color);

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

  --background-popover: var(--color-base-10);

  --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;

  --background-waves-color:#4A75DB8C;

  --tab-stacked-shadow: #0e0e0e;
  --divider-color: #000000;
  --tab-outline-color: #151515;

  --bg-color-notebook: #FFFFFF00;
  --grid-notebook-line-color-1: #c7c7c71f;
  --grid-notebook-line-color-2: #74747440;
  --dotted-notebook-dot-color: #c7c7c71f;
  --background-nonoverlapping-note: #000000;
  --stripe-notebook-stripe-color: #162419;
  --prompt-box-shadow: #555555;
  --background-titlebar-inner: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 10%);
  --window-shadow: 0 1px 3px hsla(207, 10%, 10%, 0.1);
  --window-shadow2:	0 0 9px hsla(212, 17%, 0%, 0.3);
  --bt-indentation-line-image: url("");
  --bt-connected-indent-line-color: #926a6a;
  --list-colorful-marker: #ff8686;
}

.theme-light {
  --background-primary: var(--background-primary-bg-4-bt,#ffffff);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#e9e9e9);
  --background-secondary: var(--background-secondary-bg-4-bt,#fcfcfc);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#f3f3f3);

  --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;

  --text-accent: var(--color-accent);
  --text-accent-hover: var(--color-accent-2);
  --text-normal: #0e0e0e;
  --text-muted: #7f7f7f;
  --text-highlight: var(--text-normal);
  --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: #ffffff;
  --interactive-normal: #efefef;
  --interactive-hover: #e6e6e6;
  --accent-h: 207;
  --accent-s: 77%;
  --accent-l: 54%;
  --accent-l-alt: calc(var(--accent-l) * 0.9);
  --interactive-accent-rgb: 70, 142, 235;

  --interactive-accent-hover: var(--color-accent-2);
  --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: var(--background-secondary-bg-4-bt);
  --search-result-file-matched-bg: #ffd9d9e5;

  --page-border-bottom: var(--background-secondary-alt);
  --background-asymm-split-left: var(--background-secondary-alt);

  --background-mobile-drawer-1: #ffffff;
  --background-mobile-drawer-2: #ffffffa1;
  --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-3-1: #fafafac3;
  --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-bg: #dcdcdcbe;
  --scrollbar-active-thumb-bg: #ddddddd9;

  --gray-1: #383a42;
  --gray-2: #383a42;
  --red: var(--nord11);
  --red-1: #f16464f5;
  --green: var(--nord14);
  --darkgreen: #068a5e;
  --blue: var(--nord10);
  --darkblue: #3b84e4;
  --purple: #c74df7;
  --aqua: var(--nord8);
  --yellow: #e48100;
  --light-yellow: #ab9a02;
  --orange: #db9600;
  --orange-1: #cc7523;
  --light-purple: #b74ff3;
  --blue-green: #3bd4da;
  --white: #ffffff;
  --variable-2: #0072d0;
  --variable-3: #5a96f7;

  --embed-color: hsla(calc(var(--accent-h) * 1),calc(var(--accent-s) * 0.8),calc(var(--accent-l) * 1),0.035);
  --search-result-file-title-color: var(--text-normal);
  --theme-color: var(--interactive-accent);
  --theme-color-translucent-06: hsla(var(--interactive-accent-hsl),0.6);
  --theme-color-translucent-04: hsla(var(--interactive-accent-hsl),0.4);
  --theme-color-translucent-02: hsla(var(--interactive-accent-hsl),0.2);
  --theme-color-translucent-015: hsla(var(--interactive-accent-hsl),0.15);
  --theme-color-translucent-01: hsla(var(--interactive-accent-hsl),0.1);
  --theme-color-translucent-005: hsla(var(--interactive-accent-hsl),0.05);
  --theme-color-translucent-001: hsla(var(--interactive-accent-hsl),0.01);

  --background-blockquote: #d5d5d52c;
  --background-code: #e6e6e671;
  --background-code-2: #cccccc62;
  --text-color-code: #e95d00;
  --code-normal: #000000;

  --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: var(--list-marker-color);
  --list-ol-hover: #2c7bd6;
  --list-marker-color-collapsed: var(--theme-color);

  --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;
  --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,hsl(216, 88%, 26%));
  --h2-color: var(--print-h2-color,hsl(212, 100%, 33%));
  --h3-color: var(--print-h3-color,hsl(210, 86%, 39%));
  --h4-color: var(--print-h4-color,hsl(208, 58%, 49%));
  --h5-color: var(--print-h5-color,hsl(209, 70%, 62%));
  --h6-color: var(--print-h6-color,hsl(209, 65%, 72%));

  --graph-text-color: #696969;
  --graph-tag: #77d425cc;
  --graph-attach: #afcfe0cc;
  --graph-circle: #1f78b4cc;
  --graph-line: #b1b1b1;
  --graph-unresolved: #db4e4ecc;
  --graph-arrow: #e25300;
  --graph-control-bg: #ffffff9a;
  --graph-circle-outline: transparent;
  --graph-canvas-bg: var(--background-primary);
  --graph-circle-fill-highlight: var(--interactive-accent);
  --graph-line-fill-highlight: rgb(var(--interactive-accent-rgb));
 
  --unresolved-link: var(--graph-unresolved);
  --link-unresolved-decoration-color: var(--graph-unresolved);
  --internal-link-color: var(--text-accent);
  --external-link-color: var(--internal-link-color);

  /*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: var(--theme-color-translucent-01);
  --table-hover-raw-color: #85bfee2f;
  --table-hover-color: #5dacec34;
  --table-hover-thead-color: #ddefff;
  --table-header-color: var(--text-normal);

  /*calendar*/
  --calendar-week-color: #48b432;
  --calendar-week-hover: #e9ffe3;
  --calendar-week-background-color: #d6e6bf;
  --calendar-today-background-color: #aaeec6;
  --calendar-hover-color: var(--theme-color-translucent-01);
  --calendar-active-color: var(--theme-color-translucent-02);

  /*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: #FFFFFF00;

  /*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: var(--theme-color-translucent-005);

  /*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-secondary-alt-bg-4-bt);
  --text-folder-file-icon: var(--theme-color);

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

  --background-popover: var(--color-base-10);

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

  --background-waves-color:#4A75DB8C;

  --tab-stacked-shadow: #d6d6d6;
  --divider-color: #e3e3e3;
  --tab-outline-color: #e3e3e3;

  --bg-color-notebook: #FFFFFF00;
  --grid-notebook-line-color-1: #c7c7c740;
  --grid-notebook-line-color-2: #afafaf40;
  --dotted-notebook-dot-color: #c7c7c780;
  --stripe-notebook-stripe-color: #f5f2e6;
  --background-nonoverlapping-note: #ffffff;
  --prompt-box-shadow: #bebebe;
  --background-titlebar-inner: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 10%);
  --window-shadow: 0 1px 3px hsla(212, 17%, 80%, 0.2);
  --window-shadow2: 0 0 9px hsla(217, 15%, 83%, 0.7);
  --bt-indentation-line-image: url("");
  --bt-connected-indent-line-color: #FFA8A8;
  --list-colorful-marker: #fd4949;
}

body.color-scheme-options-avocado-topaz .theme-light,
body.color-scheme-options-avocado-topaz.theme-light {
  --background-primary: var(--background-primary-bg-4-bt,#ffffff);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#e9e9e9);
  --background-secondary: var(--background-secondary-bg-4-bt,#fcfcfc);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#e8f0e8);

  --background-modifier-border: #e1dfdf;

  --accent-em: #620ac6;
  --text-selection: #7fbffe59;
  --accent-h: 143;
  --accent-s: 34%;
  --accent-l: 45%;
  --interactive-accent-rgb: 122, 189, 148;

  --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-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: #ffffffa1;
  --background-secondary-alt-bg-4-bt-publish: #f6f6f6;

  --background-transparent-blue: #c6e5ffde;

  --scrollbar-thumb-bg: #c6c6c6a8;
  --scrollbar-active-thumb-bg: #c6c6c6;
  --search-result-file-title-color: var(--text-normal);

  --background-blockquote: #b6b6b62c;
  --background-code: #ebebeb71;
  --background-code-2: #cccccc62;
  --text-color-code: #e95d00;

  --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;
  --graph-tag: #da9ee2cc;
  --graph-attach: #88b0d6cc;
  --graph-circle: #6fbf8ecc;
  --graph-line: #b1b1b1;
  --graph-unresolved: #db4e4ecc;
  --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;

  --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.theme-dark {
  --background-primary: var(--background-primary-bg-4-bt,#181818);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#000000);
  --background-secondary: var(--background-secondary-bg-4-bt,#181818);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#000000);
  --accent-h: 140;
  --accent-s: 52%;
  --accent-l: 41%;
  --interactive-accent-rgb: 50, 159, 86;

  --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-mobile-drawer-1: #1b1b1b;
  --background-mobile-drawer-2: #1b1b1b69;
  --background-transparent-blue: #003e759a;
  --scrollbar-thumb-bg: #8282827e;
  --scrollbar-active-thumb-bg: #828282;
  --search-result-file-title-color: var(--text-normal);

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

  --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;
  --graph-tag: #b992ddbb;
  --graph-attach: #76c1f0bb;
  --graph-circle: #44d07ebb;
  --graph-line: #8c8c8c;
  --graph-unresolved: #f08080de;
  --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;

  --table-color-calendar-2: rgb(5, 158, 5);
  --table-color-rgb: 5, 158, 5;
  --divider-color: #000000;
}


body.color-scheme-options-monochrome-topaz.theme-dark {
  --background-primary: var(--background-primary-bg-4-bt,#1e1e1e);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#000000);
  --background-secondary: var(--background-secondary-bg-4-bt,#151515);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#000000);
  --accent-em: #ffffff;
  --accent-h: 0;
  --accent-s: 0%;
  --accent-l: 47%;
  --interactive-accent-rgb: 120, 120, 120;

  --text-highlight-bg: #89853b8a;
  --mark-highlight-strong-em: #fff7603a;
  --strong-em-highlight-color: #ffffff;
  --text-search-highlight-bg: #bb4361;

  --search-result-file-title-color: var(--text-normal);

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

  --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: #c6c6c6;
  --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;
  --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;
  --graph-tag: #88d842bb;
  --graph-attach: #5cb5e9bb;
  --graph-circle: #ebebebb9;
  --graph-line: #8c8c8c;
  --graph-unresolved: #f08080de;
  --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;



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

  --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 {
  --background-primary: var(--background-primary-bg-4-bt,#ffffff);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#e9e9e9);
  --background-secondary: var(--background-secondary-bg-4-bt,#ffffff);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#f5f5f5);
  --accent-strong: #000000;
  --accent-em: #000000;
  --text-selection: #c6c6c659;
  --accent-h: 0;
  --accent-s: 0%;
  --accent-l: 31%;
  --interactive-accent-rgb: 79, 79, 79;

  --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;

  --search-result-file-title-color: var(--text-normal);

  --background-blockquote: #b6b6b62c;
  --background-code: #ebebeb71;
  --background-code-2: #cccccc62;
  --text-color-code: #e95d00;

  --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;
  --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;
  --graph-tag: #57bf5fcc;
  --graph-attach: #78b0e4cc;
  --graph-circle: #6a6a6acc;
  --graph-line: #b1b1b1;
  --graph-unresolved: #db4e4ecc;
  --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;

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


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

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: var(--background-primary-bg-4-bt,#fffaf0);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#e9e9e9);
  --background-secondary: var(--background-secondary-bg-4-bt,#fffaf0);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#ffebeb);
  --background-modifier-border: #e1dfdf;
  --text-normal: #0e0e0e;
  --text-muted: #7f7f7f;
  --text-faint: #7f7f7f;
  --text-folder-file: #272727;

  --accent-em: #000000;
  --accent-h: 325;
  --accent-s: 80%;
  --accent-l: 77%;
  --text-selection: #f7b2cf59;
  --interactive-accent-rgb: 243, 148, 203;

  --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;
  --search-result-file-matched-bg: #ffc3c3;

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

  --scrollbar-thumb-bg: #e2bdbd8d;
  --scrollbar-active-thumb-bg: #e2bdbd;
  --search-result-file-title-color: #cc437c;

  --background-blockquote: #e6d6ba2c;
  --background-code: #fae4ee4d;
  --background-code-2: #d5d5d562;
  --text-color-code: #e95d00;

  --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: #86c93a;
  --tag4: #48c6bf;
  --tag5: #797fd1;
  --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;
  --graph-tag: #e3c982c7;
  --graph-attach: #c982e3c7;
  --graph-circle: #f596bbcc;
  --graph-line: #e6b0c9;
  --graph-unresolved: #db4e4ecc;
  --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;

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


body.color-scheme-options-pink-topaz.theme-dark {
  --background-primary: var(--background-primary-bg-4-bt,#0f0f0f);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#000000);
  --background-secondary: var(--background-secondary-bg-4-bt,#181818);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#222222);

  --accent-em: #d9d4a6;
  --accent-h: 338;
  --accent-s: 51%;
  --accent-l: 59%;
  --interactive-accent-rgb: 204, 97, 136;

  --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;
  --search-result-file-matched-bg: #a9672dc9;

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

  --background-transparent-blue: #003e759a;
  --scrollbar-thumb-bg: #8d69698d;
  --scrollbar-active-thumb-bg: #8d6969;
  --search-result-file-title-color: #c0689b;

  --background-blockquote: #9191911c;
  --background-code: #00000082;
  --background-code-2: #4c4c4cb0;
  --text-color-code: #d58000;

  /*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: #ba6d7b;
  --tag3: #ba6d88;
  --tag4: #ba6d96;
  --tag5: #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;
  --graph-tag: #d2bf83c7;
  --graph-attach: #ad71d6c7;
  --graph-circle: #d67a8dc7;
  --graph-line: #ad7b8dc7;
  --graph-unresolved: #cf3a3ac7;
  --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;

  --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.theme-dark {
  --background-primary: var(--background-primary-bg-4-bt,#2E3440);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#2E3440);
  --background-secondary: var(--background-secondary-bg-4-bt,#3B4252);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#434C5E);

  --background-black-or-white-1: var(--nord2);

  --text-normal: var(--nord4);
  --text-muted: var(--nord5);
  --text-faint: var(--nord6);
  --accent-h: 210;
  --accent-s: 34%;
  --accent-l: 63%;

  --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-rgb: 129, 161, 193;

  --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);

  --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);

  --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);
  --graph-tag: var(--nord7);
  --graph-attach: var(--nord15);
  --graph-circle: var(--nord9);
  --graph-line: var(--nord6);
  --graph-unresolved: var(--nord11);
  --graph-arrow: var(--nord11);

  --text-search-highlight-bg: var(--nord9-1);
  --tab-outline-color: var(--nord0);
  --divider-color: var(--nord0);
}

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 {
  --accent-h: 210;
  --accent-s: 34%;
  --accent-l: 63%;
  --accent-em: var(--nord14-0);

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

  --interactive-accent-rgb: 129, 161, 193;

  --tag-text: #3a79dd;
  --tag1: #005aec21;
  --tag2: #005aec21;
  --tag3: #005aec21;
  --tag4: #005aec21;
  --tag5: #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);

  --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);
  --graph-tag: var(--nord7);
  --graph-attach: var(--nord15);
  --graph-circle: var(--nord9);
  --graph-line: var(--nord3-1);
  --graph-unresolved: 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: var(--background-primary-bg-4-bt,#efe9d9);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#ffdece);
  --background-secondary: var(--background-secondary-bg-4-bt,#efe9d9);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#efe9d9);

  --background-4-sliding-panel: #efe9d9;
  --background-mobile-drawer-1: #efe9d9;
  --background-mobile-drawer-2: #efe9d9;
  --graph-control-bg: #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;

  --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;

  --interactive-accent-rgb: 245,167,162;
  --accent-h: 4;
  --accent-s: 81%;
  --accent-l: 80%;
  --panel-border-color: #fd355a;
  --search-text: #37291a;
  --folder-title: #37291a;

  --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;

  --search-result-file-title-color: #980000;

  --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;

  --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;
  --graph-tag: #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-bg: #f39ba050;
  --scrollbar-active-thumb-bg: #f39ba0;
}


body.color-scheme-options-flamingo.theme-dark {
  --background-primary: var(--background-primary-bg-4-bt,#212121);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#f937590d);
  --background-secondary: var(--background-secondary-bg-4-bt,#242424);
  --background-secondary-alt: var(--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;

  --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;

  --accent-h: 357;
  --accent-s: 79%;
  --accent-l: 78%;
  --interactive-accent-rgb: 243, 155, 160;

  --panel-border-color: #f93759;
  --search-text: #fff;
  --folder-title: #fff;

  --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;

  --search-result-file-title-color: #f39ba0;
  --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;

  --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;
  --graph-tag: #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-bg: #e2bdbd50;
  --scrollbar-active-thumb-bg: #e2bdbd;
}

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);
}

/*“Today”*/
body.color-scheme-options-flamingo.theme-light #calendar-container .reset-button {
  font-size: 14px !important;
  margin: 0;
  padding: 0;
  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;
}

/*点调整 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(--background-primary-bg-4-bt,#f8f8f5);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#f0ede0);
  --background-secondary: var(--background-secondary-bg-4-bt,#f8f8f5);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#f0ede0);

  --background-modifier-border: #e1dfdf;

  --accent-em: #099d4e;

  --text-selection: #66bbaa59;
  --accent-h: 41;
  --accent-s: 88%;
  --accent-l: 54%;
  --interactive-accent-rgb: 215, 178, 88;

  --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);
  --search-result-file-matched-bg: var(--low-color);

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

  --search-result-file-title-color: 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;
  --graph-tag: #77d425cc;
  --graph-attach: #afcfe0cc;
  --graph-circle: var(--color3);
  --graph-line: #b1b1b1;
  --graph-unresolved: #db4e4ecc;
  --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);



  /*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;

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


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: #333333;

  --background-primary: var(--background-primary-bg-4-bt,#222222);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#222222);
  --background-secondary: var(--background-secondary-bg-4-bt,#333333);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#222222);

  --background-modifier-border: #565656;

  --text-selection: #47a5914d;/*鼠标选择 文字背景颜色*/
  --accent-h: 43;
  --accent-s: 69%;
  --accent-l: 50%;
  --interactive-accent-rgb: 216, 166, 39;/*主题强调色 rgb , 需与主题色一致（把上面的值转成rgb放下面）*/

  --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*/
  --search-result-file-matched-bg: var(--color9);/* 搜索结果文字高亮颜色 */

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

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

  --scrollbar-thumb-bg: #8282827e;
  --scrollbar-active-thumb-bg: #828282;

  --search-result-file-title-color: var(--main-color);

  --background-blockquote: #9191911c;/*引用框背景颜色*/
  --background-code: #1111118c;/*代码框背景颜色*/
  --background-code-2: #4c4c4cb0;
  --text-color-code: #d58000;/*代码框文字颜色*/

  --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;/*图谱文字颜色*/
  --graph-tag: #88d842bb;/*图谱线颜色*/
  --graph-attach: #b2cfe0bb;/*图谱附件颜色*/
  --graph-circle: var(--color8);/*图谱普通点颜色*/
  --graph-line: #8c8c8c;/*图谱线颜色*/
  --graph-unresolved: #f08080de;/*图谱未创建点颜色，兼未创建双链颜色*/
  --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);

  --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(--background-primary-bg-4-bt,#faf4eb);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#faf4eb);
  --background-secondary: var(--background-secondary-bg-4-bt,#faf4eb);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#f7e6ce);

  --background-modifier-border: #e1dfdf;

  --accent-em: #099d4e;
  --text-selection: #66bbaa59;

  --accent-h: 17;
  --accent-s: 44%;
  --accent-l: 32%;
  --interactive-accent-rgb: 116, 65, 45;

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

  --text-search-highlight-bg: #ffd1dd;
  --search-result-file-matched-bg: var(--low-color);

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

  --search-result-file-title-color: var(--main-color);
  --background-blockquote: #b6b6b62c;
  --background-code: #ebebeb71;
  --background-code-2: #cccccc62;
  --text-color-code: #e95d00;

  --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);

  --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;
  --graph-tag: #77d425cc;
  --graph-attach: #afcfe0cc;
  --graph-circle: var(--color3);
  --graph-line: #b1b1b1;
  --graph-unresolved: #db4e4ecc;
  --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);

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

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: #222222;

  --background-primary: var(--background-primary-bg-4-bt,#222222);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#222222);
  --background-secondary: var(--background-secondary-bg-4-bt,#222222);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#222222);

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

  --text-muted: #8a8a8a;/*muted 文字颜色*/
  --text-faint: #797979;/*faint 文字颜色*/
  --text-folder-file: #b3b3b3;/*文件夹、文件 文字颜色*/

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

  --text-selection: #47a5914d;/*鼠标选择 文字背景颜色*/
  --accent-h: 17;
  --accent-s: 44%;
  --accent-l: 32%;
  --interactive-accent: var(--main-color); /*主题强调色*/
  --interactive-accent-rgb: 116, 65, 45;/*主题强调色 rgb , 需与主题色一致（把上面的值转成rgb放下面）*/

  --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*/
  --search-result-file-matched-bg: var(--color9);/* 搜索结果文字高亮颜色 */

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

  --background-transparent-blue: #003e759a;/*用在kanban里的，可以不调*/
  --scrollbar-thumb-bg: #8282827e;
  --scrollbar-active-thumb-bg: #828282;

  --search-result-file-title-color: var(--main-color);

  --background-blockquote: #9191911c;/*引用框背景颜色*/
  --background-code: #1111118c;/*代码框背景颜色*/
  --background-code-2: #4c4c4cb0;
  --text-color-code: #d58000;/*代码框文字颜色*/

  --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);

  --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;
  --graph-tag: #88d842bb;
  --graph-attach: #b2cfe0bb;
  --graph-circle: var(--color8);
  --graph-line: #8c8c8c;
  --graph-unresolved: #f08080de;
  --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);

  --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(--background-primary-bg-4-bt,#fafaf3);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#fafaf3);
  --background-secondary: var(--background-secondary-bg-4-bt,#fafaf3);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#bbddcd);
  --accent-h: 80;
  --accent-s: 100%;
  --accent-l: 33%;
  --interactive-accent-rgb: 112, 166, 0;

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

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

  --search-result-file-title-color: 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);

  --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);

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


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(--background-primary-bg-4-bt,#222222);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#222222);
  --background-secondary: var(--background-secondary-bg-4-bt,#222222);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#444444);

  --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放下面）*/

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

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

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

  --search-result-file-title-color: 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);

  --tag1: var(--color11);
  --tag2: var(--color10);
  --tag3: var(--color9);
  --tag4: var(--color8);
  --tag5: var(--color7);
  --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;  /*图谱文字颜色*/
  --graph-tag: #88d842bb; /*图谱线颜色*/
  --graph-attach: #b2cfe0bb; /*图谱附件颜色*/
  --graph-circle: var(--color8); /*图谱普通点颜色*/
  --graph-line: #8c8c8c;  /*图谱线颜色*/
  --graph-unresolved: #f08080de; /*图谱未创建点颜色，兼未创建双链颜色*/
  --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);

  --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: var(--theme-color);
  --magic-deep-color: #746909;
  --accent-h: 66;
  --accent-s: 96%;
  --accent-l: 33%;
  --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(--background-primary-bg-4-bt,#f8f8f5);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#f8f8f5);
  --background-secondary: var(--background-secondary-bg-4-bt,#f8f8f5);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#e7e7e4);

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

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

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

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

  --search-result-file-title-color: 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;

  --tag1: var(--color3);
  --tag2: var(--color4);
  --tag3: var(--color5);
  --tag4: var(--color6);
  --tag5: var(--color7);

  --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);
}


body.color-scheme-options-lillimon-topaz.theme-dark {
  /*魔方深色*/
  /*魔方*/
  --magic-low-color: #e0e79a;
  --magic-main-color: #95a503;
  --magic-deep-color: #746909;
  --accent-h: 66;
  --accent-s: 96%;
  --accent-l: 33%;
  --bg-color: #222222;
  --bg-color2: #333333;

  --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(--background-primary-bg-4-bt,#222222);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#222222);
  --background-secondary: var(--background-secondary-bg-4-bt,#222222);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#333333);

  --interactive-accent-rgb: 58, 91, 82;

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

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

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

  --search-result-file-title-color: 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);

  --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);
}

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: var(--background-primary-bg-4-bt,#d7c4f2);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#e8dffa);
  --background-secondary: var(--background-secondary-bg-4-bt,#e1cefa);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#d7c4f2);

  --background-modifier-border: #af9dd1;
  --background-modifier-success: #d7a4e7;

  --text-normal: #0e0e0e;
  --text-muted: #ab7ecf;
  --text-faint: #a23ac2;
  --accent-em: #620ac6;
  --text-selection: #8b66bb59;

  --interactive-normal: #eaeaeb;
  --interactive-hover: #d1b6f0;

  --interactive-accent-rgb: 195, 144, 230;/*工作区旁边的线*/
  --accent-h: 266;
  --accent-s: 62%;
  --accent-l: 72%;
  --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;
  --search-result-file-matched-bg: #ffc3c3;

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

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

  --scrollbar-thumb-bg: #aa7dd3a8;
  --scrollbar-active-thumb-bg: #aa7dd3;

  --search-result-file-title-color: #5a10a0;

  --background-blockquote: #b6b6b62c;

  --internal-link-color: #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;

  --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;
  --graph-tag: #da9ee2cc;
  --graph-attach: #88b0d6cc;
  --graph-circle: #ac6fbfcc;
  --graph-line: #b1b1b1;
  --graph-unresolved: #db4e4ecc;
  --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;

  --interactive-hover: #dbdbdc;

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

  --divider-color: #d7c4f2;
  --tab-stacked-shadow: #c69fd5;
}


body.color-scheme-options-lilac.theme-dark {
  --bg-color: #462058;
  --bg-color2: #b276c4;

  --background-primary: var(--background-primary-bg-4-bt,#462058);
  --background-primary-alt: var(--background-primary-alt-bg-4-bt,#b276c4);
  --background-secondary: var(--background-secondary-bg-4-bt,#462058);
  --background-secondary-alt: var(--background-secondary-alt-bg-4-bt,#462058);

  --background-modifier-border: #947676;

  --text-normal: #c9b8e9;

  --text-muted: #c46ec4;
  --text-faint: #b932e2;
  --text-folder-file: #b3b3b3;

  --accent-em: #ca91d8;
  --accent-h: 300;
  --accent-s: 53%;
  --accent-l: 47%;
  --interactive-normal: #20242b;
  --interactive-hover: #353b47;

  --interactive-accent-rgb: 128, 50, 159;

  --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-mobile-drawer-1: #1b1b1b;
  --background-mobile-drawer-2: #1b1b1b69;
  --background-transparent-blue: #003e759a;

  --scrollbar-thumb-bg: #603a8199;
  --scrollbar-active-thumb-bg: #603a81;

  --search-result-file-title-color: #a75ac6;

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

  --internal-link-color: #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;

  --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*/
  --graph-tag: #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;

  --interactive-hover: #dbdbdc;

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

  --tab-stacked-shadow: #240a2e;
}

/*分割工作区的线透明*/
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========*/


/*======@cuman--start========*/
/*modified from https://github.com/hydescarf/Obsidian-Theme-Mado-Miniflow*/
:root {
  --simple-white-1:hsla(204, 45%, 97%, 1);
  --simple-white-2:hsla(210, 45%, 95%, 1);
  --simple-white-3:hsla(212, 17%, 80%, 0.2);
  --simple-white-4:hsla(180, 33%, 99%, 1);
  --simple-white-5:hsla(207, 10%, 90%, 0.1);
  --simple-white-6:hsla(212, 17%, 80%, 0.3);

  --simple-blue-1:hsla(209, 95%, 62%, 1);
  --simple-blue-2:hsla(209, 85%, 72%, 0.5);
  --simple-blue-3: hsla(245, 60%, 67%, 1);
  --simple-blue-4:hsla(209, 20%, 66%, 0.62);

  --simple-black-1:hsla(0, 0%, 13%, 1);
  --simple-black-2:hsla(220, 20%, 35%, 1);
  --simple-gray-1:hsla(0, 0%, 33%, 1);
  --simple-gray-2:hsla(210, 15%, 70%, 0.2);
  --simple-gray-3:hsla(210, 15%, 20%, 0.2);
  --simple-gray-4:hsla(210, 6%, 38%, 0.5);
  --simple-gray-5:hsla(207, 17%, 90%, 1);
  --simple-gray-6:hsla(217, 15%, 83%, 1);
  --simple-gray-7:hsla(217, 15%, 83%, 0.7);
  --simple-tran:hsla(204, 45%, 97%, 0);
  --simple-yellow:hsla(60, 100%, 50%, 0.4);
  --simple-orange:hsla(25, 75%, 65%, 1);
  --simple-red-1:hsla(365, 90%, 62%, 1);
  --simple-red-2:hsl(365, 95%, 85%, 1);
  --simple-red-3:hsl(365, 85%, 45%, 1);
  --button-radius:4px;
  --window-radius:8px;
}

body.color-scheme-options-simplicity-topaz .theme-light,
body.color-scheme-options-simplicity-topaz.theme-light {
  --h1-color: var(--print-h1-color,var(--text-normal));
  --h2-color: var(--print-h2-color,var(--text-normal));
  --h3-color: var(--print-h3-color,var(--text-normal));
  --h4-color: var(--print-h4-color,var(--text-normal));
  --h5-color: var(--print-h5-color,var(--text-normal));
  --h6-color: var(--print-h6-color,var(--text-normal));
  --background-accent:  var(--simple-white-1);
  --background-modifier-border: var(--simple-gray-5);
  --background-modifier-form-field:  var(--simple-white-1);
  --background-modifier-form-field-highlighted:  var(--simple-white-1);
  --background-modifier-box-shadow: rgba(0, 0, 0, 0.05);

  --text-normal: var(--simple-black-1);
  --text-muted: hsla(218, 19%, 39%, 1);

  --text-faint: hsla(218, 19%, 39%, 1);

  --accent-em: var(--simple-gray-4);
  --text-error: var(--simple-red-1);

  --text-selection: var(--simple-gray-7);

  --interactive-normal: var(--simple-white-2);
  --interactive-hover: var(--simple-white-4);
  --accent-h: 220;
  --accent-s: 20%;
  --accent-l: 35%;
  --interactive-accent-rgb: 70, 142, 235;

  --panel-border-color: var(--simple-white-4);

  --background-primary-bg-4-bt: var(--simple-white-2);
  --background-primary-alt-bg-4-bt: var(--simple-tran);
  --background-secondary-bg-4-bt: var(--simple-tran);
  --background-secondary-alt-bg-4-bt: var(--simple-tran);
  --background-primary-alt:var(--simple-white-2);

  --background-mobile-drawer-1: var(--simple-white-1);
  --background-mobile-drawer-2: var(--simple-white-1);
  --background-modifier-border-hr: var(--simple-gray-5);
  --background-secondary-alt-bg-4-bt-publish: var(--simple-gray-5);

  --scrollbar-thumb-bg: var(--simple-gray-5);

  --color-black: var(--simple-black-1);
  --color-dark-gray: var(--simple-gray-1);
  --color-accent:	var(--simple-blue-1);
  --color-accent-alt:	var(--simple-blue-2);
  --color-accent-dark: var(--simple-blue-3);
  --color-gray:	var(--simple-gray-2);
  --color-light-gray:	var(--simple-gray-3);
  --color-medium-gray: var(--simple-gray-4);

  --modal-group-border:	var(--simple-gray-6);
  --button-selected: var(--simple-white-6);
  --button-hover:	var(--simple-white-6);
  --button-selected-hover: var(--simple-white-3);

  --window-shadow: 0 1px 3px var(--simple-white-3);
  --window-shadow2:	0 0 9px var(--simple-gray-7);
  --window-shadow-hover: 0 3px 5px var(--simple-white-6);
  --window-shadow-transparent:0 3px 5px transparent;

  --border:1px solid var(--simple-gray-5);

  --background-primary:	var(--simple-white-1);

  --background-secondary-alt:	var(--simple-white-2);

  --background-tertiary: var(--simple-white-3);

  --background-accent: var(--simple-blue-1);
  --background-fourth: var(--simple-white-4);
  --background-fifth:	var(--simple-white-5);
  --background-sixth:	var(--simple-white-4);

  --text-color-code: var(--simple-orange);
  --text-normal: var(--simple-black-1);
  --text-error:	var(--simple-red-1);

  --text-faint:	var(--simple-gray-1);
  --text-highlight-bg: var(--simple-yellow);
  --accent-strong: var(--simple-black-2);
  --accent-em: var(--simple-gray-4);
  --text-muted: hsla(218, 19%, 39%, 1);

  --background-modifier-error: var(--simple-red-1);
  --background-modifier-border:	var(--simple-gray-5);
  --custom-titlebar-bg: var(--background-secondary);
  --background-code-2: var(--simple-tran);
  --scrollbar-bg: transparent;
  --background-transparent-black-or-white-1: var(--simple-white-2) !important;
  --background-transparent-black-or-white-2: var(--bg-color-settings-1) !important;
  --background-transparent-black-or-white-3: var(--bg-color-settings-1) !important;
  --tab-background-active: #ffffff;
  --theme-color-translucent-01: hsla(254,80%,68%,0.1);
}


body.color-scheme-options-simplicity-topaz.theme-dark {
  /* dark mode quick hack */
  --simple-white-1:hsla(215, 17%, 10%, 1);
  --simple-white-2:hsla(214, 24%, 15%, 1);
  --simple-white-3:hsla(212, 17%, 22%, 0.9);
  --simple-white-6:hsla(212, 17%, 0%, 0.3);
  --simple-white-4:hsla(215, 22%, 13%, 1);
  --simple-white-5:hsla(207, 10%, 10%, 0.1);
  --simple-tran:hsla(207, 10%, 10%, 0);
  --simple-black-1:hsla(0, 0%, 73%, 1);
  --simple-black-2:hsla(213, 33%, 65%, 1);
  --simple-gray-1:hsla(0, 0%, 83%, 1);
  --simple-gray-2:hsla(210, 25%, 5%, 0.3);
  --simple-gray-3:hsla(210, 15%, 50%, 0.4);
  --simple-gray-4:hsla(210, 15%, 70%, 0.5);
  --simple-gray-5:hsla(207, 17%, 10%, 0.5);
  --simple-gray-6:hsla(217, 28%, 90%, 0.9);
  --simple-gray-7:hsla(217, 18%, 50%, 0.9);

  --simple-yellow:hsla(45, 63%, 43%, 1);
  --simple-blue-3:hsla(245, 60%, 67%, 1);

  --custom-titlebar-bg:var(--background-modifier-cover);

  --color-black: var(--simple-black-1);
  --color-dark-gray: var(--simple-gray-1);
  --color-accent:	var(--simple-blue-1);
  --color-accent-alt:	var(--simple-blue-2);
  --color-accent-dark: var(--simple-blue-3);
  --color-gray: var(--simple-gray-2);
  --color-light-gray:	var(--simple-gray-3);
  --color-medium-gray: var(--simple-gray-4);

  --modal-group-border:	var(--simple-gray-6);
  --button-selected: var(--simple-white-6);
  --button-hover:	var(--simple-white-6);
  --button-selected-hover: var(--simple-white-3);

  --window-shadow: 0 1px 3px var(--simple-white-5);
  --window-shadow2:	0 0 9px var(--simple-white-6);
  --window-shadow-hover: 0 3px 5px var(--simple-white-6);
  --window-shadow-transparent: 0 3px 5px transparent;

  --border:1px solid var(--simple-gray-5);

  --background-primary:	var(--simple-white-2);

  --tab-outline-color: var(--simple-white-2);
  --divider-color: var(--simple-gray-5);
  --background-secondary-alt:	var(--simple-white-2);
  --background-tertiary: var(--simple-white-3);
  --background-primary-alt:	var(--simple-white-6);
  --background-secondary-bg-4-bt: var(--simple-tran) ;

  --background-accent: var(--simple-blue-1);
  --background-fourth: var(--simple-white-3);
  --background-fifth: var(--simple-white-5);
  --background-sixth:	var(--simple-white-5);

  --text-color-code:var(--simple-orang-1);
  --text-normal: var(--simple-black-1);
  --text-error:	var(--simple-red-1);

  --text-faint:	var(--simple-gray-6);
  --text-highlight-bg:var(--simple-yellow);
  --text-bold: var(--simple-black-2);
  --text-em: var(--simple-gray-6);
  --text-muted: hsl(218, 17%, 58%);

  --background-modifier-error: var(--simple-red-1);
  --background-modifier-border:	var(--simple-gray-5);
  --accent-h: 209;
  --accent-s: 60%;
  --accent-l: 55%;
  --indentation-guide: var(--simple-gray-3);
  --search-result-background:var(--simple-gray-2);
  --scrollbar-bg: transparent;

}

body.color-scheme-options-simplicity-topaz:not(.background-settings-workplace-background-image) {
  --background-secondary:	var(--simple-white-2);
}

body.theme-dark.color-scheme-options-simplicity-topaz .workspace-tab-header.is-active {
  --tab-background-active: var(--background-primary);
  --tab-outline-width: var(--simple-gray-5);
}

body.theme-dark.color-scheme-options-simplicity-topaz .workspace-split.mod-root .workspace-tab-header.is-active.mod-active {
  background-color: var(--tab-background-active);
}
body.bt-bubble-layout.default-tab.color-scheme-options-simplicity-topaz:not(.background-settings-workplace-background-image,.background-image-settings-switch.background-image-settings-markdown-page-transparent) .workspace-split.mod-root .workspace-tab-header.is-active
{
  background-color: var(--background-primary-alt);
  box-shadow:none;
}

body:not(.bt-bubble-layout).color-scheme-options-simplicity-topaz.background-image-settings-switch.background-image-settings-markdown-page-transparent  {
  --background-secondary: var(--simple-tran);
  --background-primary: var(--simple-tran);
  --background-secondary-bg-4-bt: var(--simple-tran);
  --tab-outline-color: var(--background-secondary);
}

/*
---------------------------
	Title Bar
---------------------------
*/

@media screen and (max-width:960px) {
  body.color-scheme-options-simplicity-topaz .view-header .view-actions .view-action{
    opacity: 1 !important;
  }
  body.color-scheme-options-simplicity-topaz .workspace>.workspace-split.mod-vertical{
    padding: 0;
  }
}

body.is-mobile.color-scheme-options-simplicity-topaz .workspace>.workspace-split.mod-vertical{
  padding: 0;
}
.view-header .view-actions .view-action
{
  z-index: 1;	
}
body.color-scheme-options-simplicity-topaz .view-header .view-actions .view-action,
body.color-scheme-options-simplicity-topaz .titlebar-button-container.mod-right{
  opacity: 0;
  z-index: 1;
  transition: all 0.6s linear;
}
body.color-scheme-options-simplicity-topaz .view-header:hover .view-actions .view-action,
body.color-scheme-options-simplicity-topaz .titlebar-button-container.mod-left:hover,
body.color-scheme-options-simplicity-topaz .titlebar-button-container.mod-right:hover {
  opacity: 0.8;
  transition: all 0.6s linear;
}

body.color-scheme-options-simplicity-topaz .nav-action-button.is-active {
  background-color: var(--simple-blue-2);
}
body.color-scheme-options-simplicity-topaz .checkbox-container.is-enabled {
  background-color: var(--interactive-accent-hover);
}

body.theme-light.color-scheme-options-simplicity-topaz .workspace-split.mod-root .workspace-tab-header.is-active.mod-active {
  border-radius: 6px;
  border-color: var(--background-modifier-border);
  border-style: solid;
  border-width: 0px;
}

body.color-scheme-options-simplicity-topaz.theme-dark:not(.background-settings-workplace-background-image) .workspace-split.mod-root .workspace-tab-header.is-active.mod-active {
  background-color: var(--simple-white-4);
}

/* Hide dock's tab menu, and show them when hovered  */
body.color-scheme-options-simplicity-topaz .workspace-tab-header-container {
  /* z-index: 1; */
  /* height:1px; */
  transition: opacity 0.1s;
  /* border-radius: var(--button-radius); */
  box-shadow: none;
  width: 100%;
  border-bottom: var(--tab-outline-width) transparent;
}
body.color-scheme-options-simplicity-topaz .modal,
body.color-scheme-options-simplicity-topaz .modal-container .prompt {
  animation: 0.2s popup forwards;
  border-radius: 20px;
  box-shadow: var(--window-shadow2);
}

body.color-scheme-options-simplicity-topaz.setting-default-frosted-glass.theme-dark .modal-bg {
  background-color: var(--bg-color-settings-3);
  backdrop-filter: blur(5px);
}

body.color-scheme-options-simplicity-topaz.background-image-settings-command-palette-switch .modal-container .prompt::before {
  border-radius: 20px;
  box-shadow: var(--window-shadow2);
}

body.color-scheme-options-simplicity-topaz.background-image-settings-command-palette-switch .modal-container .community-plugin-search {
  border-bottom-left-radius: 20px;
}

body.color-scheme-options-simplicity-topaz.background-image-settings-command-palette-switch .modal-container .community-plugin-search {
  border-bottom-left-radius: 20px;
}

body.color-scheme-options-simplicity-topaz [class="menu"] {
  animation: 0.2s popup forwards;
  border-radius: 10px;
  box-shadow: var(--window-shadow2);
}
@keyframes popup {
  0% { transform:scale(70%); opacity:0; }
  15% { transform:scale(80%); opacity:0.1; }
  35% { transform:scale(102%);  }
  45% { opacity:0.3; }
  65% { opacity:0.7; }
  100% { transform:scale(100%); opacity:1; }
}
/* Left dock navigation (new note, new folder, reorder) */

body.color-scheme-options-simplicity-topaz:not(.disable-auto-hide-header) .workspace-tab-header-container:hover + .workspace-tab-container .workspace-leaf .workspace-leaf-content>.nav-header {
  margin-top: 0;
  transition: all 0.1s linear;
}

body.color-scheme-options-simplicity-topaz:not(.disable-auto-hide-header) .workspace-tab-header-container + .workspace-tab-container .workspace-leaf .workspace-leaf-content>.nav-header:hover {
  margin-top: 0;
  transition: all 0.6s linear;
}
body.color-scheme-options-simplicity-topaz:not(.disable-auto-hide-header) .workspace-tab-header-container + .workspace-tab-container .workspace-leaf .workspace-leaf-content>.nav-header {
  margin-top: -30px;
  transition: all 0.6s linear;
}


body.color-scheme-options-simplicity-topaz:not(.disable-auto-hide-header) .workspace-tab-header-container + .workspace-tab-container .workspace-leaf .workspace-leaf-content[data-type="file-tree-view"]
.view-content .file-tree-header-fixed {
  position: relative;
  margin-top: -30px;
  transition: all 0.6s linear;
}
body.color-scheme-options-simplicity-topaz:not(.disable-auto-hide-header) .workspace-tab-header-container:hover + .workspace-tab-container .workspace-leaf .workspace-leaf-content[data-type="file-tree-view"] .view-content .file-tree-header-fixed {
  margin-top: 0;
  transition: all 0.3s linear;
}
body.color-scheme-options-simplicity-topaz:not(.disable-auto-hide-header) .workspace-tab-header-container + .workspace-tab-container .workspace-leaf .workspace-leaf-content[data-type="file-tree-view"] .view-content .file-tree-header-fixed:hover{
  margin-top: 0;
}

body.color-scheme-options-simplicity-topaz .oz-folders-tree-wrapper .oz-folder-contents {
  border-left: 1px solid var(--background-modifier-border);
}
body.color-scheme-options-simplicity-topaz .oz-flex-container {
  justify-content: start;
}
body.color-scheme-options-simplicity-topaz .oz-nav-action-button {
  color: var(--text-faint);
  opacity: 0.3;
}

/* Remove style for border-on-active */
body.color-scheme-options-simplicity-topaz .workspace-tabs .workspace-leaf,
body.color-scheme-options-simplicity-topaz .workspace-tabs .workspace-leaf.mod-active{
  border: none;
}

body.color-scheme-options-simplicity-topaz .horizontal-main-container {
  overflow: visible;
}
body.color-scheme-options-simplicity-topaz .workspace {
  overflow: visible;
}

/*
---------------------------
	Note Title
---------------------------
*/

body.color-scheme-options-simplicity-topaz .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header,
body.color-scheme-options-simplicity-topaz .workspace-split.mod-horizontal > .workspace-leaf .view-header,
body.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical > .workspace-leaf .view-header {
  display: flex;
  align-items: center;
  border: none;
  background: var(--simple-white-2);
}

body.theme-dark.color-scheme-options-simplicity-topaz .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header,
body.theme-dark.color-scheme-options-simplicity-topaz .workspace-split.mod-horizontal > .workspace-leaf .view-header,
body.theme-dark.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical > .workspace-leaf .view-header {
  background-color: transparent;
}

body.color-scheme-options-simplicity-topaz .view-header-title {
  font-size: 1rem;
  border-radius: var(--button-radius);
  margin-left: 0;
  border: 1px solid transparent;
  transition:border 0.2s, background 0.2s;
}

body.color-scheme-options-simplicity-topaz .view-header-title:hover,
body.color-scheme-options-simplicity-topaz .view-header-title:focus {
  background: var(--background-fourth);
}

body.color-scheme-options-simplicity-topaz .view-action,
body.color-scheme-options-simplicity-topaz .view-header-icon{
  display: flex;
  padding: 4px;
  margin: 0 3px;
  color: var(--color-dark-gray);
  border-radius: var(--button-radius);
  transition: 0.1s background, 0.1s opacity;
  top: 0;
}

body.color-scheme-options-simplicity-topaz .view-action:hover,.view-header-icon:hover{
  background: var(--button-hover);
  color: var(--color-dark-gray);
}

body.color-scheme-options-simplicity-topaz .view-action:active,.view-header-icon:active {
  opacity: 0.75;
}

body.color-scheme-options-simplicity-topaz .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle {
  background: none;
  height: 7px;
  border: none;
  background-color: transparent;
}

body.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
body.color-scheme-options-simplicity-topaz .workspace-split.mod-left-split > .workspace-leaf-resize-handle,
body.color-scheme-options-simplicity-topaz .workspace-split.mod-right-split > .workspace-leaf-resize-handle{
  background: none;
  background-color: transparent;
  width: 3px;
  border: none;
}
body.color-scheme-options-simplicity-topaz .workspace-split .workspace-leaf-resize-handle:hover{
  background: var(--simple-gray-2);
}

body:not(.is-mobile).color-scheme-options-simplicity-topaz:not(.background-image-settings-switch) .workspace-split.mod-root .view-content,
body:not(.is-mobile).color-scheme-options-simplicity-topaz:not(.background-settings-workplace-background-image) .workspace-split.mod-root .view-content {
  background-color: var(--background-primary);
}

body:not(.is-mobile).color-scheme-options-simplicity-topaz .workspace-fake-target-overlay:not(.is-in-sidebar) .workspace-tabs .workspace-leaf,
body:not(.is-mobile).color-scheme-options-simplicity-topaz .mod-root .workspace-tabs .workspace-leaf,
body:not(.is-mobile).color-scheme-options-simplicity-topaz .mod-root .workspace-tabs .workspace-tab-header-container {
  background-color: transparent;
}


body:not(.is-mobile).theme-dark.color-scheme-options-simplicity-topaz.background-settings-workplace-background-image .workspace-split.mod-root
{
  background-color: var(--simple-tran);
}

body:not(.is-mobile).background-image-settings-switch.background-image-settings-markdown-page-transparent.background-settings-workplace-background-image.color-scheme-options-simplicity-topaz .workspace-split.mod-root
{
  background-color: var(--simple-tran);
}
body.color-scheme-options-simplicity-topaz .workspace-split.mod-root
{
  background-color: var(--simple-white-2);
}
body.color-scheme-options-simplicity-topaz.background-settings-workplace-background-image .workspace-tabs,
body.theme-dark.color-scheme-options-simplicity-topaz.background-settings-workplace-background-image .workspace-ribbon.side-dock-ribbon.mod-left,
body.color-scheme-options-simplicity-topaz.background-settings-workplace-background-image div.workspace-ribbon.mod-left:before
{
  background-color: var(--background-secondary-bg-4-bt);
}

body.color-scheme-options-simplicity-topaz.background-image-settings-switch.background-image-settings-markdown-page-transparent .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
  background-color:var(--simple-white-5);
}
body.color-scheme-options-simplicity-topaz .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active {
  box-shadow: var(--window-shadow-hover);
}
body.color-scheme-options-simplicity-topaz .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
  border-radius: 15px;
  box-shadow: none;
}

body.color-scheme-options-simplicity-topaz .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner {
  border-radius: 15px;
}

/*
---------------------------
	Main Pane Border Styling
---------------------------
*/
body.color-scheme-options-simplicity-topaz .workspace-split.mod-horizonta.mod-left-split.is-collapsed+.workspace-split.mod-root > .workspace-leaf:first-of-type .workspace-leaf-content{
  border-top-left-radius: 0px;
}

body:not(.is-mobile).color-scheme-options-simplicity-topaz .workspace-split.mod-vertical.mod-root .workspace-leaf{
  border-radius: 15px;
}

body.color-scheme-options-simplicity-topaz.theme-dark .view-content {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
body.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical.mod-root .workspace-split.mod-vertical:not(:first-child):last-child .workspace-leaf{
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

body.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical.mod-root,
body.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical.mod-root .workspace-split{
  display: flex;
  gap: 18px;
}
body.color-scheme-options-simplicity-topaz .workspace>.workspace-split.mod-vertical{
  padding: 0px 3px 0;
}

body.is-popout-window.color-scheme-options-simplicity-topaz .workspace>.workspace-split.mod-vertical{
  padding: 0;
}


body.theme-light.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical.mod-root .workspace-leaf{
  box-shadow: var(--window-shadow);
  height: 100%;
}
body.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical > .workspace-leaf{
  padding: 0;
}
body.color-scheme-options-simplicity-topaz .workspace-split.mod-root > .workspace-leaf:last-of-type .workspace-leaf-content{
  border-top-right-radius: 0;
}

/* Remove sttles on button-on-active, but not during right-click-menu as that is alright */
body.color-scheme-options-simplicity-topaz .nav-folder-title,
body.color-scheme-options-simplicity-topaz .nav-file{
  border: none;
}
body.color-scheme-options-simplicity-topaz .workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title,
body.color-scheme-options-simplicity-topaz .workspace-leaf.mod-active .nav-file.has-focus{
  border-radius: none;
  border: none;
  background-color: none;
}

body.theme-light.color-scheme-options-simplicity-topaz .workspace-split.mod-horizontal > .workspace-leaf.mod-active .view-header,
body.theme-light.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical > .workspace-leaf.mod-active .view-header {
  background:var(--simple-white-1);
}
body.theme-dark.color-scheme-options-simplicity-topaz .workspace-split.mod-horizontal > .workspace-leaf.mod-active .view-header .view-header-title,
body.theme-dark.color-scheme-options-simplicity-topaz .workspace-split.mod-vertical > .workspace-leaf.mod-active .view-header .view-header-title{
  color:var(--simple-black-2);
  text-shadow: 0px 0px 0px rgba(145, 237, 232, 1);
}

body.color-scheme-options-simplicity-topaz .workspace-tab-header:not(.is-active ) .workspace-tab-header-inner-icon {
  color: var(--text-faint);
  opacity: 0.3;
}



body.color-scheme-options-simplicity-topaz .markdown-source-view.mod-cm6 .cm-underline,
body.color-scheme-options-simplicity-topaz a,
body.color-scheme-options-simplicity-topaz :is(.markdown-preview-view,.markdown-rendered) .internal-link {
  font-weight: 600;
}

body.color-scheme-options-simplicity-topaz .nav-folder-children,
body.color-scheme-options-simplicity-topaz
.item-list{
  padding-left: 0.5em;
  display: flex;
  flex-direction: column;
}
body.color-scheme-options-simplicity-topaz .nav-folder{
padding-bottom: 2px;
}

body.color-scheme-options-simplicity-topaz .nav-folder-title{
  font-weight: 500;
}

body.color-scheme-options-simplicity-topaz :is(h3,h4,h5,h6),
body.color-scheme-options-simplicity-topaz .cm-s-obsidian :is(.cm-header-3,.cm-header-4,.cm-header-5,.cm-header.cm-header-6) {
  font-weight: 500;
}

body.color-scheme-options-simplicity-topaz.background-settings-workplace-background-image:is(.background-settings-workplace-waves2-light,.background-settings-workplace-waves-light).theme-light{
  --background-secondary-bg-4-bt: var(--simple-tran);
}
body.color-scheme-options-simplicity-topaz.background-settings-workplace-background-image.theme-dark {
  --background-primary-alt-bg-4-bt: var(--simple-tran);
  --background-secondary-bg-4-bt: var(--simple-tran);
  --background-secondary-alt-bg-4-bt: var(--simple-tran);
  --background-primary:	var(--simple-gray-2);
}


body.color-scheme-options-simplicity-topaz.is-frameless.background-settings-workplace-background-image .workspace-tab-header.is-active {
  box-shadow: none;
}

body.color-scheme-options-simplicity-topaz .workspace-leaf-content .view-header .view-header-icon {
  margin-left: -10px;
  opacity: 0;
  width: 18px;
}
body.color-scheme-options-simplicity-topaz .workspace-leaf-content .view-header .view-header-icon:hover {
  opacity: 1;
}

body.color-scheme-options-simplicity-topaz:not(.view-button-front) .workspace-leaf-content .view-header .view-header-nav-buttons {
  margin-left: -15px;
}

body.default-tab.theme-light.color-scheme-options-simplicity-topaz .workspace-split.mod-root .workspace-tab-header.is-active {
  background-image: linear-gradient(to right, var(--background-secondary), var(--simple-white-2));
}
body.default-tab.color-scheme-options-simplicity-topaz:not(.background-settings-workplace-background-image,.background-image-settings-switch.background-image-settings-markdown-page-transparent)
.workspace-split.mod-root .workspace-tab-header.is-active {
  background:var(--background-primary);
  --tab-background-active:var(--background-primary);
}

body.default-tab.background-image-settings-switch.background-image-settings-markdown-page-transparent:not(.toggle-nonoverlapping-bg)
.workspace-split.mod-root .workspace-tab-header.is-active {
  background:transparent;
  --tab-background-active:transparent;
}

body.background-image-settings-switch.toggle-nonoverlapping-bg .workspace-tab-header-container
{
  border:none;
}

body.color-scheme-options-simplicity-topaz .workspace-leaf-content .view-header .view-header-icon svg {
  opacity: 0;
}
body.color-scheme-options-simplicity-topaz .workspace-tab-container-before.is-before-active,
body.color-scheme-options-simplicity-topaz .workspace-tab-container-after.is-after-active,
.workspace-tab-header.is-before-active,
body.color-scheme-options-simplicity-topaz .workspace-tab-header.is-after-active,
body.color-scheme-options-simplicity-topaz .workspace-split.mod-right-split .workspace-tabs .workspace-leaf,
body.color-scheme-options-simplicity-topaz .workspace-split.mod-left-split .workspace-tabs .workspace-leaf,
body.color-scheme-options-simplicity-topaz .workspace-tabs .workspace-tab-header-container {
  background-color: var(--background-secondary-alt);
}
body.color-scheme-options-simplicity-topaz.background-settings-workplace-background-image .workspace-tabs .workspace-tab-header-container {
  background-color: transparent;
}

body.is-mobile.color-scheme-options-simplicity-topaz .workspace-tabs .workspace-tab-header-container {
  background-color: var(--background-secondary);
}

body.color-scheme-options-simplicity-topaz.background-settings-workplace-background-image .mod-root .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner {
  padding-bottom:1px;
}

/*==============*/
/*==============*/
/*======@cuman--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: var(--font-default) !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: var(--font-monospace);
}

body.reduce-bottom-padding .workspace-leaf-content[data-type="markdown"] :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;
}


/*===============================*/
/*=============YAML==============*/
/*===============================*/

input[type='text'].metadata-property-key-input {
  background:transparent;
}


/* 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*="."]: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;
}

.img-grid .markdown-preview-section .el-embed-image img:not([width]),.img-grid .markdown-preview-section video{
  width:100%
}
.img-grid .markdown-preview-section>.el-embed-image>p{
  display:grid;
  grid-column-gap:0.5rem;
  grid-row-gap:0;
  grid-template-columns:repeat(auto-fit,minmax(0,1fr))
}
.img-grid .markdown-preview-section>.el-embed-image>p>br{
  display:none
}
.img-grid .markdown-preview-section>.el-embed-image>p>img{
  object-fit:cover;
  align-self:stretch
}
.img-grid .markdown-preview-section>.el-embed-image>p>.internal-embed img{
  object-fit:cover;
  height:100%
}

.img-grid-ratio .markdown-preview-section>.el-embed-image>p>.internal-embed img
,.img-grid.img-grid-ratio .markdown-preview-section>.el-embed-image>p>.internal-embed img{
  object-fit:contain;
  height:100%;
  align-self:center
}
@media (max-width:400pt){
  .el-embed-image{
    margin-top:.25rem
  }
  .img-grid .markdown-preview-section>.el-embed-image>p{
    grid-column-gap:0.25rem
  }
}

/* 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 .list-bullet:after {
  display: none;
}

.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::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);
}
.canvas-node-container .kanban ul>li:nth-of-type(n) {
  backdrop-filter:none;
}
.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;
}


body:not(.remove-cloze-style) .markdown-rendered mark:has(> del) {
  background-color: transparent !important;
}

body:not(.remove-cloze-style) .markdown-rendered mark:empty {
  background-color: initial !important;
}


.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===========*/
/*=========================*/
/*customised colorful tags*/
body.colorful-tag-bt .tag:not(.token):nth-child(5n+1) {
  background-color: var(--tag1);
}

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

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

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

body.colorful-tag-bt .tag:not(.token):nth-child(5n) {
  background-color: var(--tag5);
}

/*rainbow tag alt*/
body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n+1) {
  --tag-border-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 20%);
  background-color: var(--theme-color-translucent-01);
  color: var(--theme-color);
}

body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n+2) {
  --tag-border-color: hsla(calc(var(--accent-h) + 70), var(--accent-s), var(--accent-l), 20%);
  background-color: hsla(calc(var(--accent-h) + 70), var(--accent-s), var(--accent-l), 10%) !important;
  color: hsl(calc(var(--accent-h) + 70), var(--accent-s), var(--accent-l-alt)) !important;
}

body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n+3) {
  --tag-border-color: hsla(calc(var(--accent-h) + 140), var(--accent-s), var(--accent-l), 20%);
  background-color: hsla(calc(var(--accent-h) + 140), var(--accent-s), var(--accent-l), 10%) !important;
  color: hsl(calc(var(--accent-h) + 140), var(--accent-s), var(--accent-l-alt)) !important;
}

body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n+4) {
  --tag-border-color: hsla(calc(var(--accent-h) + 210), var(--accent-s), var(--accent-l), 20%);
  background-color: hsla(calc(var(--accent-h) + 210), var(--accent-s), var(--accent-l), 10%) !important;
  color: hsl(calc(var(--accent-h) + 210), var(--accent-s), var(--accent-l-alt)) !important;
}

body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n) {
  --tag-border-color: hsla(calc(var(--accent-h) + 280), var(--accent-s), var(--accent-l), 20%);
  background-color: hsla(calc(var(--accent-h) + 280), var(--accent-s), var(--accent-l), 10%) !important;
  color: hsl(calc(var(--accent-h) + 280), var(--accent-s), var(--accent-l-alt)) !important;
}


body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n):hover {
  color: white !important;
  background-color: hsl(calc(var(--accent-h) + 280), var(--accent-s), var(--accent-l)) !important;
}
body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n+1):hover {
  color: white !important;
  background-color: hsl(var(--accent-h), var(--accent-s), var(--accent-l)) !important;
}
body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n+2):hover {
  color: white !important;
  background-color: hsl(calc(var(--accent-h) + 70), var(--accent-s), var(--accent-l)) !important;
}
body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n+3):hover {
  color: white !important;
  background-color: hsl(calc(var(--accent-h) + 140), var(--accent-s), var(--accent-l)) !important;
}
body.rainbow-tag-no-filter .tag:not(.token):nth-child(5n+4):hover {
  color: white !important;
  background-color: hsl(calc(var(--accent-h) + 210), var(--accent-s), var(--accent-l)) !important;
}

body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1),
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+span.cm-hashtag,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+.cm-hashtag.cm-meta,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  --tag-border-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 20%);
  background-color: var(--theme-color-translucent-01) !important;
  color: var(--theme-color) !important;
}

body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2),
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+span.cm-hashtag,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+.cm-hashtag.cm-meta,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  --tag-border-color: hsla(calc(var(--accent-h) + 210), var(--accent-s), var(--accent-l), 20%);
  background-color: hsla(calc(var(--accent-h) + 210), var(--accent-s), var(--accent-l), 10%) !important;
  color: hsl(calc(var(--accent-h) + 210), var(--accent-s), var(--accent-l-alt)) !important;
}

body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3),
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+span.cm-hashtag,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+.cm-hashtag.cm-meta,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  --tag-border-color: hsla(calc(var(--accent-h) + 70), var(--accent-s), var(--accent-l), 20%);
  background-color: hsla(calc(var(--accent-h) + 70), var(--accent-s), var(--accent-l), 10%) !important;
  color: hsl(calc(var(--accent-h) + 70), var(--accent-s), var(--accent-l-alt)) !important;
}

body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4),
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+span.cm-hashtag,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+.cm-hashtag.cm-meta,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  --tag-border-color: hsla(calc(var(--accent-h) + 280), var(--accent-s), var(--accent-l), 20%);
  background-color: hsla(calc(var(--accent-h) + 280), var(--accent-s), var(--accent-l), 10%) !important;
  color: hsl(calc(var(--accent-h) + 280), var(--accent-s), var(--accent-l-alt)) !important;
}

body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n),
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+span.cm-hashtag,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+.cm-hashtag.cm-meta,
body.rainbow-tag-no-filter .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  --tag-border-color: hsla(calc(var(--accent-h) + 140), var(--accent-s), var(--accent-l), 20%);
  background-color: hsla(calc(var(--accent-h) + 140), var(--accent-s), var(--accent-l), 10%) !important;
  color: hsl(calc(var(--accent-h) + 140), var(--accent-s), var(--accent-l-alt)) !important;
}



/*rainbow tag*/
body.rainbow-tag .tag:not(.token):nth-child(5n+1) {
  background-color: var(--theme-color-translucent-01);
  color: var(--theme-color);
}

body.rainbow-tag .tag:not(.token):nth-child(5n+2) {
  background-color: var(--theme-color-translucent-01);
  color: var(--theme-color);
  filter: hue-rotate(70deg);
}

body.rainbow-tag .tag:not(.token):nth-child(5n+3) {
  background-color: var(--theme-color-translucent-01);
  color: var(--theme-color);
  filter: hue-rotate(140deg);
}

body.rainbow-tag .tag:not(.token):nth-child(5n+4) {
  background-color: var(--theme-color-translucent-01);
  color: var(--theme-color);
  filter: hue-rotate(210deg);
}

body.rainbow-tag .tag:not(.token):nth-child(5n) {
  background-color: var(--theme-color-translucent-01);
  color: var(--theme-color);
  filter: hue-rotate(280deg);
}

body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1),
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+span.cm-hashtag,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+.cm-hashtag.cm-meta,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  background-color: var(--theme-color-translucent-01) !important;
  color: var(--theme-color) !important;
}

body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2),
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+span.cm-hashtag,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+.cm-hashtag.cm-meta,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  background-color: var(--theme-color-translucent-01) !important;
  color: var(--theme-color) !important;
  filter: hue-rotate(210deg);
}

body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3),
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+span.cm-hashtag,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+.cm-hashtag.cm-meta,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  background-color: var(--theme-color-translucent-01) !important;
  color: var(--theme-color) !important;
  filter: hue-rotate(70deg);
}

body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4),
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+span.cm-hashtag,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+.cm-hashtag.cm-meta,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  background-color: var(--theme-color-translucent-01) !important;
  color: var(--theme-color) !important;
  filter: hue-rotate(280deg);
}

body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n),
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+span.cm-hashtag,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+.cm-hashtag.cm-meta,
body.rainbow-tag .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  background-color: var(--theme-color-translucent-01) !important;
  color: var(--theme-color) !important;
  filter: hue-rotate(140deg);
}


/*tag font size and font family*/
body.colorful-tag-bt a.tag:not(.token) {
  font-size: var(--font-size-tag);
  font-family: var(--font-family-tag) !important;
  border: none;
  color: var(--tag-text);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

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

body:is(:not(.tag-default),:not(.font-family-change-to-default)) .cm-s-obsidian span.cm-hashtag {
  font-family: var(--font-family-tag);
  font-size: var(--font-size-tag) !important;
  text-decoration: none;
}

body:not(.tag-default) .cm-s-obsidian span.cm-hashtag-begin {
  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;
}

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

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

body:is(.rainbow-tag,.tag-pill-outlined,.tag-clear-style,.colorful-tag-bt) .cm-s-obsidian span:is(.cm-hashtag,.cm-hashtag-begin,.cm-hashtag-end,.cm-hashtag-begin+.cm-hashtag.cm-meta,.cm-hashtag-begin+.cm-hashtag.cm-meta+span.cm-hashtag.cm-meta.cm-hashtag-end) {
  color: var(--tag-text) ;
}


body:not(.tag-default) .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;
  padding-right: 0.3em;
}

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

a.tag,
.editor .cl-hashtag,
.cm-hashtag {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}
.is-live-preview a.tag {
  line-height: 1.8;
}
body.tag-pill-outlined .tag:not(.token):nth-child(5n+1) {
  border-color: var(--tag1);
  color: var(--tag1);
}
body.tag-pill-outlined .tag:not(.token):nth-child(5n+2) {
  border-color: var(--tag2);
  color: var(--tag2);
}
body.tag-pill-outlined .tag:not(.token):nth-child(5n+3) {
  border-color: var(--tag3);
  color: var(--tag3);
}
body.tag-pill-outlined .tag:not(.token):nth-child(5n+4) {
  border-color: var(--tag4);
  color: var(--tag4);
}
body.tag-pill-outlined .tag:not(.token):nth-child(5n) {
  border-color: var(--tag5);
  color: var(--tag5);
}

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(5n+1),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  border: var(--tag-border-width) solid var(--tag1);
  background-color: transparent !important;
  color: var(--tag1) !important;
}

body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  border: var(--tag-border-width) solid var(--tag2);
  background-color: transparent !important;
  color: var(--tag2) !important;
}

body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  border: var(--tag-border-width) solid var(--tag3);
  background-color: transparent !important;
  color: var(--tag3) !important;
}

body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  border: var(--tag-border-width) solid var(--tag4);
  background-color: transparent !important;
  color: var(--tag4) !important;
}

body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n),
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+span.cm-hashtag,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+.cm-hashtag.cm-meta,
body.tag-pill-outlined .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  border: var(--tag-border-width) solid var(--tag5);
  background-color: transparent !important;
  color: var(--tag5) !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-015) !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;
}

body.tag-clear-style .cm-s-obsidian span.cm-hashtag-begin+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  background-color: transparent;
}

body:not(.tag-default) .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,
body:not(.tag-default) .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,
body:not(.tag-default) .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,
body:not(.tag-default) .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,
body:not(.tag-default) .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,
body:not(.tag-default) .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,
body:not(.tag-default) .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;
  color: var(--white) !important;
}

body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1),
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+span.cm-hashtag,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+.cm-hashtag.cm-meta,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+1)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  background-color: var(--tag1);
}

body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2),
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+span.cm-hashtag,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+.cm-hashtag.cm-meta,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+2)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  background-color: var(--tag2);
}

body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3),
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+span.cm-hashtag,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+.cm-hashtag.cm-meta,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+3)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  background-color: var(--tag3);
}

body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4),
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+span.cm-hashtag,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+.cm-hashtag.cm-meta,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n+4)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  background-color: var(--tag4);
}

body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n),
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+span.cm-hashtag,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+.cm-hashtag.cm-meta,
body.colorful-tag-bt .cm-s-obsidian span.cm-hashtag-begin:nth-child(5n)+span.cm-hashtag.cm-meta+span.cm-hashtag.cm-hashtag-end {
  background-color: var(--tag5);
}


/*special tags*/
body.tag-pill-outlined .cm-s-obsidian:not([class="markdown-source-view cm-s-obsidian mod-cm6"]) span.cm-hashtag.cm-meta.cm-hashtag-end:is(.cm-tag-important,.cm-tag-complete,.cm-tag-ideas,.cm-tag-questions,.cm-tag-weeklynote,.cm-tag-dailynote,.cm-tag-inprogress):not(.cm-formatting-hashtag) {
  border-top: var(--tag-border-width) solid var(--tag1);
  border-bottom: var(--tag-border-width) solid var(--tag1);
}

body:not(.tag-default) .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;
  filter: hue-rotate(0) !important;
}

body:not(.tag-default) .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) !important;
  color: var(--white) !important;
  font-size: calc(var(--font-size-tag) - 0.3em);
  filter: hue-rotate(0) !important;
}

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

body:not(.tag-default) .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;
  filter: hue-rotate(0) !important;
}

body:not(.tag-default) .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) !important;
  color: var(--white) !important;
  font-size: 0.95em;
  filter: hue-rotate(0) !important;
}

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

body:not(.tag-default) .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;
  filter: hue-rotate(0) !important;
}

body:not(.tag-default) .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) !important;
  color: var(--white) !important;
  font-size: 0.95em;
  filter: hue-rotate(0) !important;
}

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

body:not(.tag-default) .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;
  filter: hue-rotate(0) !important;
}

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

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

body:not(.tag-default) .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) !important;
  color: var(--white) !important;
  font-size: 0.95em;
  filter: hue-rotate(0) !important;
}

body:not(.tag-default) .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;
  filter: hue-rotate(0) !important;
}

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

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

body:not(.tag-default) .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) !important;
  color: var(--white) !important;
  font-size: 0.95em;
  filter: hue-rotate(0) !important;
}

body:not(.tag-default) .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;
  filter: hue-rotate(0) !important;
}

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

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

body:not(.tag-default) .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) !important;
  color: var(--white) !important;
  font-size: 0.95em;
  filter: hue-rotate(0) !important;
}

body:not(.tag-default) .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;
  filter: hue-rotate(0) !important;
}

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

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

body:not(.tag-default) .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) !important;
  font-family: var(--font-family-special-tag) !important;
  font-weight: 600;
  color: var(--white) !important;
  font-size: 0.95em;
}

body:not(.tag-default) .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) !important;
  filter: hue-rotate(0) !important;
}

body:not(.tag-default) .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) !important;
  filter: hue-rotate(0) !important;
}

body:not(.tag-default) .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) !important;
  filter: hue-rotate(0) !important;
}

body:not(.tag-default) .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) !important;
  filter: hue-rotate(0) !important;
}
body:not(.tag-default) .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) !important;
  filter: hue-rotate(0) !important;
}

body:not(.tag-default) .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) !important;
  filter: hue-rotate(0) !important;
}
body:not(.tag-default) .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) !important;
  filter: hue-rotate(0) !important;
}

/*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-015);
}

:is(.markdown-preview-view,.markdown-rendered):not([class*="kanban-plugin"]) {
  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);
}

 

.markdown-source-view.mod-cm6 div.cm-line:not(.HyperMD-codeblock):not(.HyperMD-header):not(:has(>br:only-child)) {
  padding-bottom: calc((var(--paragraph-spacing) - 1) * 1em) ;
}

:is(.markdown-preview-view,.markdown-rendered) :is(ol,ul) {
  margin-block-start: calc((var(--line-height-list) - 2) * 1em);
  margin-block-end: calc((var(--line-height-list) - 2) * 1em);
}



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

body.toggle-left-aligned-content .markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-scroller > *:first-child {
  margin-left: 0;
}

body.toggle-left-aligned-content :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) {
  margin-left: 0;
}


body.text-indentation-two-em .workspace-leaf-content[data-type="markdown"] .markdown-source-view.mod-cm6 div.cm-line:not(:is(.hr,.HyperMD-header,.HyperMD-quote,.HyperMD-list-line)),
.markdown-source-view.mod-cm6.indent div.cm-line:not(:is(.hr,.HyperMD-header,.HyperMD-quote,.HyperMD-list-line)) {
  text-indent: 2em;
}

body.text-indentation-two-em  .workspace-leaf-content[data-type="markdown"]  .markdown-source-view.mod-cm6 div.cm-line:not(:is(.hr,.HyperMD-header,.HyperMD-quote,.HyperMD-list-line)) .cm-hmd-frontmatter:first-of-type,
.markdown-source-view.mod-cm6.indent div.cm-line:not(:is(.hr,.HyperMD-header,.HyperMD-quote,.HyperMD-list-line)) .cm-hmd-frontmatter:first-of-type {
  margin-left: -2em;
}
body.text-indentation-two-em .markdown-source-view.mod-cm6 div.has-banner.cm-line:not(.HyperMD-header) .cm-def.cm-hmd-frontmatter,
body.text-indentation-two-em .markdown-source-view.mod-cm6 div.has-banner.cm-line:not(.HyperMD-header) .collapse-indicator,
.markdown-source-view.mod-cm6.indent div.has-banner.cm-line:not(.HyperMD-header) .cm-def.cm-hmd-frontmatter,
.markdown-source-view.mod-cm6.indent div.has-banner.cm-line:not(.HyperMD-header) .collapse-indicator {
  margin-left: 0;
  left: -3em;
}

body.text-indentation-two-em [data-type="markdown"] div[class="el-p"]:not(blockquote) > p,
[data-type="markdown"] :is(.markdown-preview-view,.markdown-rendered).indent 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,
[data-type="markdown"] :is(.markdown-preview-view,.markdown-rendered).indent 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,
[data-type="markdown"] :is(.markdown-preview-view,.markdown-rendered).indent div[class="el-p"]:not(blockquote) >p>br::after {
  content: '\A\9\9';
}

body.justify-align div[data-type="markdown"] div.cm-line:not(.HyperMD-codeblock),
body.justify-align div[data-type="markdown"] :is(.markdown-preview-view,.markdown-rendered),
.markdown-source-view.text-justify div.cm-line:not(.HyperMD-codeblock),
:is(.markdown-preview-view,.markdown-rendered).text-justify {
  text-align: justify;
  hyphens: auto;
}

/*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);
}

.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 2px;
  color: var(--text-highlight);
  border-radius: var(--radius-xs);
}

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

body:not(.no-rounded-corners-highlight):not(.all-rounded-corners-highlight) .cm-s-obsidian .cm-widgetBuffer[aria-hidden="true"]+span.cm-highlight:has(+ .cm-widgetBuffer[aria-hidden="true"]) {
  border-radius: 3px;
  padding: 1px 2px;
}

.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: 2px 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);
  border-radius:5px;
  padding:2px;
}

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);
}



/* body.default-icons .nav-folder.mod-root .nav-folder > .nav-folder-children {
  margin: 0 0 0 16px;
} */

/* .nav-folder.mod-root .nav-folder > .nav-folder-children {
  margin: 0 0 0 13px;
} */

.nav-folder.mod-root .nav-folder > .nav-folder-children:hover {
  border-left-color: var(--theme-color-translucent-04);
}

.view-header-title-container:after,
.view-header-title-container::before {
  display: none;
}

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

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

.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 {
  color: var(--theme-color);
}

.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*/
body:not(.is-mobile) div.nav-header {
  padding: 3px 2px;
  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 !important;
}


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

.titlebar-text {
  font-size: var(--font-size-obsidian-titlebar);
  font-weight: 600;
}

body:not(.is-focused) .titlebar-text {
  opacity: 0.5;
}

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

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

.workspace-leaf-content[data-type="file-explorer"] .nav-folder.mod-root>.nav-folder-title {
  padding-left: 5px;
  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-04);
  cursor: default;
}

.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);
}

.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-015);
  color: var(--text-normal);
}

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

.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);
}

:is(.markdown-preview-view,.markdown-rendered,.markdown-reading-view) .task-list-item-checkbox {
  top: 0.25em;
}

/*
.markdown-source-view.mod-cm6 .task-list-label .task-list-item-checkbox {
  margin-left: -1.5px;
  margin-top: 0px;
  margin-bottom: 2px;
  margin-right:3px;
  vertical-align: middle;
  top: 0;
}
.markdown-source-view.mod-cm6 .cm-formatting-list-ol ~ .task-list-label .task-list-item-checkbox {
  margin-left: 3px;
}
*/
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 2px 2px 0;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
}
input[type=checkbox]:hover {
  border: 1px solid var(--theme-color);
}

ul > li.task-list-item.is-checked,
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task] {
  text-decoration: none;
}

body.toggle-checked-decoration .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="x"], 
body.toggle-checked-decoration .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="X"],
body.toggle-checked-decoration ul > li.task-list-item[data-task="x"], 
body.toggle-checked-decoration ul > li.task-list-item[data-task="X"] {
  text-decoration: var(--checklist-done-decoration);
}

.task-list-item-checkbox {
  filter: hue-rotate(0);
}

input[type=checkbox]:checked:after {
  display: none;
}

.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) !important;
}


/* SVG Plane-right; bujo: task-migrated/waiting */
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);
}
/* SVG Plane-left; bujo: task-scheduled/delegated */
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>');
}

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>');
}

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>');
}

ul > li[data-task="-"].task-list-item.is-checked, .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="-"] {
  text-decoration: line-through !important;
}

body.extend-checkbox-list input[data-task="“"]:checked,
body.extend-checkbox-list li[data-task="“"]>input:checked,
body.extend-checkbox-list li[data-task="“"]>p>input:checked {
  background-color: transparent;
  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: rgb(47, 167, 188);transform: ;msFilter:;"><path d="M3.691 6.292C5.094 4.771 7.217 4 10 4h1v2.819l-.804.161c-1.37.274-2.323.813-2.833 1.604A2.902 2.902 0 0 0 6.925 10H10a1 1 0 0 1 1 1v7c0 1.103-.897 2-2 2H3a1 1 0 0 1-1-1v-5l.003-2.919c-.009-.111-.199-2.741 1.688-4.789zM20 20h-6a1 1 0 0 1-1-1v-5l.003-2.919c-.009-.111-.199-2.741 1.688-4.789C16.094 4.771 18.217 4 21 4h1v2.819l-.804.161c-1.37.274-2.323.813-2.833 1.604A2.902 2.902 0 0 0 17.925 10H21a1 1 0 0 1 1 1v7c0 1.103-.897 2-2 2z"></path></svg>');
}

body.extend-checkbox-list input[data-task="…"]:checked,
body.extend-checkbox-list li[data-task="…"]>input:checked,
body.extend-checkbox-list li[data-task="…"]>p>input:checked {
  background-color: transparent;
  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: rgb(128, 128, 128);transform: ;msFilter:;"><path d="M10 10h4v4h-4zm6 0h4v4h-4zM4 10h4v4H4z"></path></svg>');
}

body.extend-checkbox-list input[data-task="/"]:checked,
body.extend-checkbox-list li[data-task="/"]>input:checked,
body.extend-checkbox-list li[data-task="/"]>p>input:checked {
  background-color: transparent;
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="rgb(213, 155, 48)"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.94-.49-7-3.85-7-7.93s3.05-7.44 7-7.93v15.86zm2-15.86c1.03.13 2 .45 2.87.93H13v-.93zM13 7h5.24c.25.31.48.65.68 1H13V7zm0 3h6.74c.08.33.15.66.19 1H13v-1zm0 9.93V19h2.87c-.87.48-1.84.8-2.87.93zM18.24 17H13v-1h5.92c-.2.35-.43.69-.68 1zm1.5-3H13v-1h6.93c-.04.34-.11.67-.19 1z"/></svg>');
}

body.extend-checkbox-list input[data-task="."]:checked,
body.extend-checkbox-list li[data-task="."]>input:checked,
body.extend-checkbox-list li[data-task="."]>p>input:checked {
  background-color: transparent;
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="rgb(115, 115, 115)"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3-8c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3z"/></svg>');
}

body.extend-checkbox-list input[data-task="d"]:checked,
body.extend-checkbox-list li[data-task="d"]>input:checked,
body.extend-checkbox-list li[data-task="d"]>p>input:checked {
  background-color: transparent;
  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: rgb(159, 84, 212);transform: ;msFilter:;"><path d="m14 9.586-4 4-6.293-6.293-1.414 1.414L10 16.414l4-4 4.293 4.293L16 19h6v-6l-2.293 2.293z"></path></svg>');
}

body.extend-checkbox-list input[data-task="u"]:checked,
body.extend-checkbox-list li[data-task="u"]>input:checked,
body.extend-checkbox-list li[data-task="u"]>p>input:checked {
  background-color: transparent;
  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: rgb(32, 101, 248);transform: ;msFilter:;"><path d="m10 10.414 4 4 5.707-5.707L22 11V5h-6l2.293 2.293L14 11.586l-4-4-7.707 7.707 1.414 1.414z"></path></svg>');
}


body.extend-checkbox-list input[data-task="A"]:checked,
body.extend-checkbox-list li[data-task="A"]>input:checked,
body.extend-checkbox-list li[data-task="A"]>p>input:checked {
  background-color: transparent;
  background-image: url('data:image/svg+xml; utf8, <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><defs><clipPath id="clip0"><rect x="1066" y="514" width="16" height="16"/></clipPath></defs><g clip-path="url(#clip0)" transform="translate(-1066 -514)"><rect x="1066" y="514" width="16.0001" height="16.0002"/></g></svg>');
}

body.extend-checkbox-list input[data-task="D"]:checked,
body.extend-checkbox-list li[data-task="D"]>input:checked,
body.extend-checkbox-list li[data-task="D"]>p>input:checked {
  background-color: transparent;
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgb(218, 78, 78)"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z"/></svg>');
}

body.extend-checkbox-list input:is([data-task="￥"],[data-task="$"]):checked,
body.extend-checkbox-list li:is([data-task="￥"],[data-task="$"])>input:checked,
body.extend-checkbox-list li:is([data-task="￥"],[data-task="$"])>p>input:checked {
  background-color: transparent;
  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: rgb(57, 211, 49);transform: ;msFilter:;"><path d="M12 6C7.03 6 2 7.546 2 10.5v4C2 17.454 7.03 19 12 19s10-1.546 10-4.5v-4C22 7.546 16.97 6 12 6zm-8 8.5v-1.197a9.989 9.989 0 0 0 2 .86v1.881c-1.312-.514-2-1.126-2-1.544zm12 .148v1.971c-.867.179-1.867.31-3 .358v-2a21.75 21.75 0 0 0 3-.329zm-5 2.33a18.788 18.788 0 0 1-3-.358v-1.971c.959.174 1.972.287 3 .33v1.999zm7-.934v-1.881a9.931 9.931 0 0 0 2-.86V14.5c0 .418-.687 1.03-2 1.544zM12 13c-5.177 0-8-1.651-8-2.5S6.823 8 12 8s8 1.651 8 2.5-2.823 2.5-8 2.5z"></path></svg>');
}

body.extend-checkbox-list input[data-task="*"]:checked,
body.extend-checkbox-list li[data-task="*"]>input:checked,
body.extend-checkbox-list li[data-task="*"]>p>input:checked {
  background-color: transparent;
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgb(218, 192, 22)"><path d="M21.947 9.179a1.001 1.001 0 0 0-.868-.676l-5.701-.453-2.467-5.461a.998.998 0 0 0-1.822-.001L8.622 8.05l-5.701.453a1 1 0 0 0-.619 1.713l4.213 4.107-1.49 6.452a1 1 0 0 0 1.53 1.057L12 18.202l5.445 3.63a1.001 1.001 0 0 0 1.517-1.106l-1.829-6.4 4.536-4.082c.297-.268.406-.686.278-1.065z"></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%;
}
.cm-active.HyperMD-quote.cm-line:not(.HyperMD-callout) .cm-quote
{
  margin-left: 15px;
}
/* headers */
/*编辑状态是否显示H1 H2标记*/
/*适配Live preview模式*/
body.clutter-free-headings div:not(.cm-active).cm-line span:not(.cm-formatting-header).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-interface);
  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-size) - 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-size) - 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-size) - 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-size) - 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-size) - 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-size) - 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';
}

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: var(--h1-underline-width, 2px) var(--h1-underline-style, solid) var(--h1-underline-color, 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: var(--h2-underline-width, 1px) var(--h2-underline-style, solid) var(--h2-underline-color, 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: var(--h3-underline-width, 1px) var(--h3-underline-style, solid) var(--h3-underline-color, 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: var(--h4-underline-width, 1px) var(--h4-underline-style, solid) var(--h4-underline-color, var(--h4-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: var(--h5-underline-width, 1px) var(--h5-underline-style, solid) var(--h5-underline-color, 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: var(--h6-underline-width, 1px) var(--h6-underline-style, solid) var(--h6-underline-color, var(--h6-color));
}

body.inline-title-toggle-underline .inline-title {
  border-bottom: var(--inline-title-underline-width, 2px) var(--inline-title-underline-style, solid) var(--inline-title-underline-color, var(--h1-color));
}

body.h1-toggle-short-underline :is(.markdown-preview-view,.markdown-rendered) h1,
body.h2-toggle-short-underline :is(.markdown-preview-view,.markdown-rendered) h2,
body.h3-toggle-short-underline :is(.markdown-preview-view,.markdown-rendered) h3,
body.h4-toggle-short-underline :is(.markdown-preview-view,.markdown-rendered) h4,
body.h5-toggle-short-underline :is(.markdown-preview-view,.markdown-rendered) h5,
body.h6-toggle-short-underline :is(.markdown-preview-view,.markdown-rendered) h6,
body.h1-toggle-short-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-1.cm-line,
body.h2-toggle-short-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-2.cm-line,
body.h3-toggle-short-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-3.cm-line,
body.h4-toggle-short-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-4.cm-line,
body.h5-toggle-short-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-5.cm-line,
body.h6-toggle-short-underline .markdown-source-view.is-live-preview .HyperMD-header.HyperMD-header-6.cm-line,
body.inline-title-toggle-short-underline .inline-title {
  text-decoration: underline;
}

body.header-1-background .cm-header-1,
body.header-1-background :is(.markdown-preview-view,.markdown-rendered) h1 {
  background-color: var(--h1-bg-color);
}
body.header-2-background .cm-header-2,
body.header-2-background :is(.markdown-preview-view,.markdown-rendered) h2 {
  background-color: var(--h2-bg-color);
}
body.header-3-background .cm-header-3,
body.header-3-background :is(.markdown-preview-view,.markdown-rendered) h3 {
  background-color: var(--h3-bg-color);
}
body.header-4-background .cm-header-4,
body.header-4-background :is(.markdown-preview-view,.markdown-rendered) h4 {
  background-color: var(--h4-bg-color);
}
body.header-5-background .cm-header-5,
body.header-5-background :is(.markdown-preview-view,.markdown-rendered) h5 {
  background-color: var(--h5-bg-color);
}
body.header-6-background .cm-header-6,
body.header-6-background :is(.markdown-preview-view,.markdown-rendered) h6 {
  background-color: var(--h6-bg-color);
}

body.toggle-inline-title-background .inline-title {
  background: no-repeat center/100% var(--inline-title-bg-url) var(--inline-title-bg-color);
}

body.h1-toggle-underline  .markdown-source-view.mod-cm6 .HyperMD-header-1 + .cm-line,
body.h2-toggle-underline  .markdown-source-view.mod-cm6 .HyperMD-header-2 + .cm-line,
body.h3-toggle-underline  .markdown-source-view.mod-cm6 .HyperMD-header-3 + .cm-line,
body.h4-toggle-underline  .markdown-source-view.mod-cm6 .HyperMD-header-4 + .cm-line,
body.h5-toggle-underline  .markdown-source-view.mod-cm6 .HyperMD-header-5 + .cm-line,
body.h6-toggle-underline  .markdown-source-view.mod-cm6 .HyperMD-header-6+ .cm-line
{
  padding-top: 0.5em!important;
}


body:not(.h1-toggle-underline) 
.cm-contentContainer .cm-header-1
{
  line-height: var(--h1-line-height);
}
body:not(.h2-toggle-underline) 
.cm-contentContainer .cm-header-2
{
  line-height: var(--h2-line-height);
}
body:not(.h3-toggle-underline) 
.cm-contentContainer .cm-header-3
{
  line-height: var(--h3-line-height);
}
body:not(.h4-toggle-underline) 
.cm-contentContainer .cm-header-4 {
  line-height: var(--h4-line-height);
}
body:not(.h5-toggle-underline) 
.cm-contentContainer .cm-header-5 {
  line-height: var(--h5-line-height);
}
body:not(.h6-toggle-underline) 
.cm-contentContainer .cm-header-6 {
  line-height: var(--h6-line-height);
}
.markdown-rendered div:has( > :is(p,pre,table,ul,ol)) + div > :is(h1,h2,h3,h4,h5,h6)
{
  margin-top: calc(var(--p-spacing) * 0.5);
  margin-bottom: calc(var(--p-spacing) * 0.5);
}
body.h6-toggle-underline .cm-s-obsidian .cm-line.HyperMD-header-6,
body.h5-toggle-underline .cm-s-obsidian .cm-line.HyperMD-header-5,
body.h4-toggle-underline .cm-s-obsidian .cm-line.HyperMD-header-4,
body.h3-toggle-underline .cm-s-obsidian .cm-line.HyperMD-header-3,
body.h2-toggle-underline .cm-s-obsidian .cm-line.HyperMD-header-2,
body.h1-toggle-underline .cm-s-obsidian .cm-line.HyperMD-header-1 {
  padding-top: 0.5rem;
}
.cm-s-obsidian .cm-line.HyperMD-header {
  padding-top: calc(var(--p-spacing) * 0.5);
  padding-bottom:calc(var(--p-spacing) * 0.5);
}

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,
body.inline-title-text-align-center .inline-title {
  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,
body.inline-title-text-align-end .inline-title {
  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(--h1-font) !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(--h2-font) !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(--h3-font) !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(--h4-font) !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(--h5-font) !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(--h6-font) !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-mobile :is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6):hover::before {

  margin-left: -20px;
}
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 {
  padding: 0 3px 10px;
}

/* 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: 5px;
  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(--file-line-width);
  max-width: 100%;
  margin: 0 auto;
}

.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-contentContainer {
  max-width: var(--file-line-width);
}

.markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-content {
/*   width: var(--file-line-width);
  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) .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,
body:not(.tag-default) .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);
}
.is-live-preview .admonition-content .math-block>mjx-container {
  padding: 0.3em 0;
}

.math.math-block mjx-container[jax='CHTML'] {
  outline: none;
  font-size: var(--font-size-latex);
}

.markdown-source-view mjx-math,
:is(.markdown-preview-view,.markdown-rendered) :not(:is(h1,h2,h3,h4,h5,h6))>.math>mjx-container>mjx-math {
  color: var(--mjx-inline-math-color);
}
.markdown-source-view .cm-header-1 ~ .math  mjx-math {
  color: var(--h1-color);
}
.markdown-source-view .cm-header-2 ~ .math  mjx-math {
  color: var(--h2-color);
}
.markdown-source-view .cm-header-3 ~ .math  mjx-math {
  color: var(--h3-color);
}
.markdown-source-view .cm-header-4 ~ .math  mjx-math {
  color: var(--h4-color);
}
.markdown-source-view .cm-header-5 ~ .math  mjx-math {
  color: var(--h5-color);
}
.markdown-source-view .cm-header-6 ~ .math  mjx-math {
  color: var(--h6-color);
}

div.math.math-block mjx-math{
  color: var(--mjx-math-color);
}

.cm-s-obsidian pre.HyperMD-codeblock,
: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 span.cm-math:not(.cm-formatting-math-begin):not(.cm-formatting-math-end) {
  font-size: var(--font-size-code) !important;
  font-family: var(--font-monospace);
  text-align: start;
}

.cm-s-obsidian .cm-widgetBuffer[aria-hidden="true"]+.cm-inline-code:has(+ .cm-widgetBuffer[aria-hidden="true"]) {
  border-radius: var(--radius-s);
  padding: 2px 2px 1px;
}

.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);
  padding: 1em 1.5em;
}

: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 !important;
  color:var(--code-normal);
}

.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;
}

/*******codebox settings*******/
/* ================================== */
/* ===== editor syntax highlight ==== */
/* ================================== */
body.theme-dark {
  --code-tag: var(--red);
}
body {
  --code-selection-background: var(--text-selection);
  --code-selection-color: var(--code-normal);
  --code-type: var(--code-function);
  --code-qualifier: var(--aqua);
  --code-property: var(--blue);
  --code-value: var(--green);
  --code-tag: var( --purple);
  --code-operator: var(--code-property);
  --code-hr: var(--code-punctuation);
  --code-string-2: var(--code-string);
  --code-language: var(--text-muted);
  --code-attribute: var(--code-function);
  --code-atom: var(--orange-1);
  --code-comment: var(--darkgreen);
}


:root,
.code-theme-custom {
  /* material: palenight theme */
  --code-keyword: #c792ea;
  --code-atom: #f78c6c;
  --code-number: #ff5370;
  --code-type: #decb6b;
  --code-def: #82aaff;
  --code-property: #c792ea;
  --code-variable: #f07178;
  --code-variable-2: #53ada3;
  --code-variable-3: #e7852fe7;
  --code-definition: #82aaff;
  --code-callee: #89ddff;
  --code-qualifier: #decb6b;
  --code-operator: #89ddff;
  --code-hr: #98e342;
  --code-link: #696d70;
  --code-error-bg: #ff5370;
  --code-header: #da7dae;
  --code-builtin: #ffcb6b;
  --code-meta: #ffcb6b;
  --code-matching-bracket: #ffffff;
  --code-tag: #ff5370;
  --code-tag-in-comment: #ff5370;
  --code-string-2: #f07178;
  --code-bracket: #ff5370;
  --code-comment: #676e95;
  --code-string: #c3e88d;
  --code-attribute: #c792ea;
  --code-attribute-in-comment: #c792ea;
  --background-code: #292d3e;
  --code-normal: #d4d4d4;
}
.theme-light,
.theme-dark {
  --code-active-line-background-color: var(--activeline-background);
}

.code-theme-custom {
  --code-active-line-background-color: #353a50c2;
}

body.theme-light.code-theme-material-palenight,
body.theme-dark.code-theme-material-palenight {
  /* material: palenight theme */
  --code-keyword: #c792ea;
  --code-atom: #f78c6c;
  --code-number: #ff5370;
  --code-type: #decb6b;
  --code-def: #82aaff;
  --code-property: #c792ea;
  --code-variable: #f07178;
  --code-variable-2: #eeffff;
  --code-variable-3: #f07178;
  --code-definition: #82aaff;
  --code-callee: #89ddff;
  --code-qualifier: #decb6b;
  --code-operator: #89ddff;
  --code-hr: #98e342;
  --code-link: #696d70;
  --code-error-bg: #ff5370;
  --code-header: #da7dae;
  --code-builtin: #ffcb6b;
  --code-meta: #ffcb6b;
  --code-matching-bracket: #ffffff;
  --code-tag: #ff5370;
  --code-tag-in-comment: #ff5370;
  --code-string-2: #f07178;
  --code-bracket: #ff5370;
  --code-comment: #676e95;
  --code-string: #c3e88d;
  --code-attribute: #c792ea;
  --code-attribute-in-comment: #c792ea;
  --background-code: #292d3eba;
  --code-active-line-background-color: #353a50;
  --code-normal: #d4d4d4;
}

body.theme-light.code-theme-solarized-light,
body.theme-dark.code-theme-solarized-light {
  /* solarized */
  --code-keyword: #cb4b16;
  --code-atom: #d33682;
  --code-number: #d33682;
  --code-type: #6c71c4;
  --code-def: #2aa198;
  --code-property: #2aa198;
  --code-variable: #839496;
  --code-variable-2: #b58900;
  --code-variable-3: #6c71c4;
  --code-function: var(--code-def) ;
  --code-definition: #82aaff;
  --code-callee: #89ddff;
  --code-qualifier: #b58900;
  --code-operator: #6c71c4;
  --code-hr: #98e342;
  --code-link: #93a1a1;
  --code-error-bg: #ff5370;
  --code-header: #586e75;
  --code-builtin: #d33682;
  --code-meta: #859900;
  --code-matching-bracket: #859900;
  --code-tag: #93a1a1;
  --code-tag-in-comment: #ff5370;
  --code-string-2: #b58900;
  --code-bracket: #cb4b16;
  --code-comment: #586e75;
  --code-string: #859900;
  --code-attribute: #2aa198;
  --code-attribute-in-comment: #c792ea;
  --background-code: #fdf6e3e1;
  --code-active-line-background-color: #fffcf4;
  --code-normal: #657b83;
}

body.theme-dark.code-theme-bt-default {
  --background-code: #1111118c;
  --code-variable: var(--red) ;
  --code-normal: #ebdbb2;
  --code-comment: var(--darkgreen) ;
  --code-function: var(--light-yellow) ;
  --code-important:  var(--darkblue);
  --code-keyword: var(--darkblue);;
  --code-operator: #a89984;
  --code-property: var(--blue) ;
  --code-punctuation: var(--gray-2) ;
  --code-string: var(--green) ;
  --code-tag: var(--red) ;
  --code-value:  var(--green) ;
  --code-string-2:var(--yellow) ;
  --code-active-line-background-color: #111111eb;
}
body.theme-light.code-theme-bt-default {
  --code-keyword:var(--blue-green);
  --code-tag: var(--purple);
  --code-function: var(--red);
  --code-important:  var(--blue-green);
  --code-active-line-background-color: var(--activeline-background);
  --code-string-2: var(--orange-1);
  --code-variable-2: var(--light-purple);
  --code-meta: var(--text-faint);
}

body.code-theme-Gruvbox-dark {
  --code-selection-color: #fbf1c7;
  --code-selection-background: #7c6f6456;
  --code-active-line-background-color: #533c3cee;
  --background-code: #1d2021c6;
  --code-variable:  var(--code-property);
  --code-normal: #ebdbb2;
  --code-comment: #a89984;
  --code-function: #fabd2f;
  --code-important:  #fb4934;
  --code-keyword: #fb4934;
  --code-operator: #a89984;
  --code-property: #fb4934;
  --code-punctuation: #a89984;
  --code-string: #b8bb26;
  --code-tag: #fabd2f;
  --code-value:  #d3869b;
  --code-meta:var(--code-comment);
}

body.theme-light.code-theme-dracula {
  --background-code: #e6e6e671;
  --code-normal: var(--tex-normal);
  --code-string: var(--orange) ;
  --code-string-2: var(--orange-1) ;
  --code-variable: var(--blue-green);
  --code-variable-2: var(--light-purple) ;
  --code-meta: var(--text-faint);
  --code-active-line-background-color:#dee1b9a5;
}
body.code-theme-dracula {
  --background-code: #282a36c0;
  --code-normal: #f8f8f2;
  --code-comment: #6272a4;
  --code-string: #f1fa8c;
  --code-string-2: #ffb86c;;
  --code-number: #bd93f9;
  --code-variable: #50fa7b;
  --code-variable-2: #ffffff;
  --code-def: #50fa7b;
  --code-operator: #8be9fd;
  --code-keyword: #ff79c6;
  --code-atom: #bd93f9;
  --code-meta: #f8f8f2;
  --code-tag: #ff79c6;
  --code-attribute: #50fa7b;
  --code-qualifier: #50fa7b;
  --code-property: #66d9ef;
  --code-builtin: #50fa7b;
  --code-variable-3: #dc8e3b;
  --code-type: #ffb86c;
  --code-active-line-background-color: #414458;
  --code-matchingbracket: #fffff;
}
body.theme-light.code-theme-monokai {
  --code-comment: #aca47a;
}
body.code-theme-monokai {
  --background-code: #272822d9;
  --code-normal: #F8F8F2;
  --code-keyword:#F92772;
  --code-value: #AE81FF;
  --code-string-2:#E6DB74;
  --code-comment: #75715E;
  --code-active-line-background-color: #17013f9f;
}
body.code-theme-sublime {
  --code-operator: #9a6e3a;
  --code-variable: #5180de;
  --code-keyword: #EA5E66;
  --code-string: #40bf31;
  --code-function: #F9AE58;
  --code-string-2: #F9AE58;
 --code-type: #F9AE58;
 --code-def: #F9AE58;
}


.cm-s-obsidian span.cm-variable {
  color: var(--code-variable);
}
.cm-s-obsidian span.cm-variable-2 {
  color: var(--code-variable-2);
}

.cm-s-obsidian span.cm-variable-3 {
  color: var(---code-variable-3);
}
.token.class,
.token.class-name {
  color: var(--code-string-2) ;
}

span.cm-variable + .cm-hmd-codeblock + span.cm-variable {
  color: var(--code-variable-2);
}

span.cm-variable + .cm-hmd-codeblock + span.cm-variable + .cm-hmd-codeblock + span.cm-variable {
  color: var(--code-variable-3);
}
span.cm-type {
  color: var(--code-keyword);
}
span.cm-def {
  color:var(--code-function);
}
.cm-type {
  color: var(--code-type);
}
.token.atrule,
.token.attr-value,
.cm-property,
.cm-attribute {
  color: var(--code-attribute);
}

.cm-qualifier {
  color: var(--code-qualifier);
}

.cm-operator {
  color:var(--code-operator);
}

.cm-hr {
  color: var(--code-hr);
}
.cm-string-2 {
  color: var(--code-string-2);
}

.cm-s-obsidian .cm-hmd-frontmatter.cm-atom,
.cm-s-obsidian .cm-templater-command.cm-atom,
.cm-s-obsidian .cm-math.cm-atom,
.cm-s-obsidian .HyperMD-codeblock .cm-atom,
.markdown-preview-view pre.cm-s-obsidian .cm-atom {
  color: var(--code-atom);
}

.cm-s-obsidian .cm-hmd-frontmatter.cm-meta,
.cm-s-obsidian .cm-templater-command.cm-meta,
.cm-s-obsidian .cm-math.cm-meta,
.cm-s-obsidian .HyperMD-codeblock .cm-meta,
.markdown-preview-view pre.cm-s-obsidian .cm-meta {
  color: var(--code-meta);
}

.cm-s-obsidian .cm-hmd-frontmatter.cm-builtin,
.cm-s-obsidian .cm-templater-command.cm-builtin,
.cm-s-obsidian .cm-math.cm-builtin,
.cm-s-obsidian .HyperMD-codeblock .cm-builtin,
.markdown-preview-view pre.cm-s-obsidian .cm-builtin,
.markdown-preview-view pre code span.builtin  {
  color: var(--code-builtin);
}


.markdown-preview-view pre code span.class {
  color: var(--code-qualifier);
}

.markdown-preview-view pre code span.function {
  color: var(--code-function);
}

.markdown-preview-view pre code span.punctuation {
  color: var(--code-punctuation);
}

.markdown-preview-view pre code span.operator {
  color: var(--code-operator);
  background: transparent;
}

.markdown-preview-view pre code span.entity {
  color: var(--code-attribute);
}

.markdown-preview-view pre code span.parameter {
  color: var(--code-property);
}

.markdown-preview-view pre code span.property {
  color: var(--code-property);
}

.markdown-preview-view pre code span.important {
  color: var(--code-important);
}

.markdown-preview-view pre code span.attr-name {
  color: var(--code-tag);
}

.markdown-preview-view pre code span.attr-value {
  color: var(--code-string);
}

.markdown-preview-view pre code span.builtin {
  color: var(--code-builtin);
}

.markdown-preview-view pre code span.unit {
  color: var(--code-value);
}

.markdown-preview-view  span.token.macro-name {
  color: var(--code-important);
}

span.token.directive-hash {
  color: var(--code-tag);
}
.cm-s-obsidian span.cm-comment {
  color: var(--code-comment);
}

.muted-code-activeline-bg .markdown-source-view.cm-s-obsidian.mod-cm6 .cm-active.cm-line.HyperMD-codeblock-bg  {
  background-color: var(--background-code) !important;
}
.muted-code-activeline-bg .markdown-source-view.cm-s-obsidian.mod-cm6 .cm-active.cm-line.HyperMD-codeblock-bg::before  {
  background-color: unset !important;
}
.markdown-source-view.cm-s-obsidian.mod-cm6 .cm-active.cm-line.HyperMD-codeblock-bg::before {
  display: none;
}
.markdown-source-view.cm-s-obsidian.mod-cm6 .cm-active.cm-line.HyperMD-codeblock-bg {
  background-color: var(--code-active-line-background-color) !important;
  --text-selection:var(--code-selection-background);
  z-index: -1;
}

pre code[class*="language-"] {
  padding: 1em 0.5em;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
  color: var(--code-selection-color);
  background: var(--code-active-line-background-color);
}

/*Advanced Codeblock */
.HyperMD-codeblock.HyperMD-codeblock-bg.cm-line span.live-preview-codeblock-line-nums {
  margin-left: -1.5em;
}

.code-line-number .HyperMD-codeblock-begin {
  counter-reset: line-numbers;
}

.code-line-number .HyperMD-codeblock.cm-line:not(.HyperMD-codeblock-begin):not(.HyperMD-codeblock-end) {
  padding-left: 3em;
  position: relative;
}

.code-line-number .HyperMD-codeblock.cm-line:not(.HyperMD-codeblock-begin):not(.HyperMD-codeblock-end)::after {
  align-items: flex-start;
  color: var(--text-faint);
  content: counter(line-numbers);
  counter-increment: line-numbers;
  display: flex;
  font-size: 0.8em;
  height: 100%;
  justify-content: flex-end;
  left: 0;
  position: absolute;
  text-align: right;
  width: 2em;
  padding-right: 0.5em;
  bottom: -2px;
  border-right: 1px solid var(--scrollbar-thumb-bg);
}

.code-line-number .HyperMD-codeblock.cm-line.cm-active:not(.HyperMD-codeblock-begin):not(.HyperMD-codeblock-end)::after {
  color: var(--color-accent);
}

.code-line-number .HyperMD-codeblock .cm-foldPlaceholder::before {
  display: none;
}


/* ================================== */
.cm-s-obsidian .cm-hmd-frontmatter.cm-qualifier,
.cm-s-obsidian .cm-math.cm-qualifier,
.cm-s-obsidian .cm-qualifier {
  color: var(--yellow) ;
}

.cm-s-obsidian pre.HyperMD-codeblock .cm-qualifier {
  color: var(--code-qualifier) ;
}

.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(--code-property) ;
}

.cm-s-obsidian .cm-math.cm-atom,
.cm-s-obsidian pre.HyperMD-codeblock .cm-atom {
  color: var(--text-normal) ;
}

.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(--code-value) ;
}

.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(--code-comment) ;
}

.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(--code-tag) ;
}

.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(--code-tag) ;
}

.cm-atom.cm-hmd-frontmatter {
  color: var(--code-atom)  ;
}

.cm-meta.cm-hmd-frontmatter {
  color: var(--code-meta)  ;
}
.token.punctuation,
.cm-punctuation,
.cm-bracket {
  color: var(--code-punctuation)  !important ;
}

.theme-dark .cm-s-obsidian span.cm-keyword {
  font-weight: 600 ;
}


/*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(--code-language);
}
.cm-hmd-frontmatter {
  color: var(--code-normal);
}
.cm-hmd-frontmatter.cm-string {
  color: var(--code-string);
}
/*bold code text except code language*/
:not(pre)>code:not([class*='language-']) {
  font-weight: var(--font-weight-inline-code);
  padding: 2px 2px 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;
}

.cm-formatting.cm-formatting-list.cm-formatting-list-ol {
  color: var(--list-ol-number-color);
}

:not(.default-ol-list-marker) .cm-formatting.cm-formatting-list.cm-formatting-list-ol {
  margin-left: -2px;
}

.cm-s-obsidian .HyperMD-table-row.HyperMD-table-row.HyperMD-table-row {
  min-width: max-content;
  white-space: pre-wrap;
}

.markdown-source-view.mod-cm6 .HyperMD-list-line.cm-line {
  font-family: var(--font-family-list);
}

li {
  
  font-family: var(--font-family-list);
}

li>p:not(.task-list-item) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.markdown-source-view ol > li,
.markdown-source-view ul > li,
.markdown-preview-view ol > li,
.markdown-preview-view ul > li,
.markdown-rendered ul > li,
.mod-cm6 .HyperMD-list-line.cm-line:not(.HyperMD-codeblock) {
  padding-top: calc(var(--list-spacing-bt) * 0.075em);
  padding-bottom: calc(var(--list-spacing-bt) * 0.075em);
}

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;
}


body.custom-ordered-list ol {
  list-style: var(--list-ol-marker-1);
}
body.custom-ordered-list :is(ul, ol) ol {
  list-style: var(--list-ol-marker-2);
}
body.custom-ordered-list :is(ul, ol) :is(ul, ol) ol {
  list-style: var(--list-ol-marker-3);
}
body.custom-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) ol {
  list-style: var(--list-ol-marker-4);
}

body.custom-ordered-list ol>li::marker {
  font-weight: 600;
  color: var(--list-ol-number-color);
  white-space: pre;
  font-family: Inter;
}

:is(ol,ul) li {
  font-size: var(--font-size-list);
}

ol > li::marker {
  color: var(--list-ol-number-color);
}

ol > li.is-collapsed::marker,
ul > li.is-collapsed::marker,
.cm-s-obsidian .is-collapsed ~ .cm-formatting-list {
  color: var(--list-marker-color-collapsed);
}

/*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;
}

/* Adapted from https://gist.github.com/KillyMXI/cbef8edff6dd55d9e6ea4df66567e9b1 */
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-1:not(:has(~ .HyperMD-list-line-1 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4, .HyperMD-list-line-3, .HyperMD-list-line-2):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-1:not(:has(~ .HyperMD-list-line-1 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-2:hover, ~ .HyperMD-list-line-2 ~ :is(.HyperMD-list-line-3, .HyperMD-list-line-4, .HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-2:not(:has(~ .HyperMD-list-line-2 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-3, .HyperMD-list-line-4, .HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover))::before {
  --list-threading-offset: 1em;
}

body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-2:not(:has(~ .HyperMD-list-line-2 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4, .HyperMD-list-line-3):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-2:not(:has(~ .HyperMD-list-line-2 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-3:hover, ~ .HyperMD-list-line-3 ~ :is(.HyperMD-list-line-4, .HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-3:not(:has(~ .HyperMD-list-line-3 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-4, .HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover))::before {
  --list-threading-offset: calc(1em + var(--list-indent));
}

body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-3:not(:has(~ .HyperMD-list-line-3 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-3:not(:has(~ .HyperMD-list-line-3 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-4:hover, ~ .HyperMD-list-line-4 ~ :is(.HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-4:not(:has(~ .HyperMD-list-line-4 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover))::before {
  --list-threading-offset: calc(1em + 2 * var(--list-indent));
}

body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-4:not(:has(~ .HyperMD-list-line-4 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-4:not(:has(~ .HyperMD-list-line-4 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-5:hover, ~ .HyperMD-list-line-5 ~ :is(.HyperMD-list-line-6, .HyperMD-list-line-7):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-5:not(:has(~ .HyperMD-list-line-5 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-6, .HyperMD-list-line-7):hover))::before {
  --list-threading-offset: calc(1em + 3 * var(--list-indent));
}

body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-5:not(:has(~ .HyperMD-list-line-5 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-5:not(:has(~ .HyperMD-list-line-5 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-6:hover, ~ .HyperMD-list-line-6 ~ :is(.HyperMD-list-line-7):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-6:not(:has(~ .HyperMD-list-line-6 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-7):hover))::before {
  --list-threading-offset: calc(1em + 4 * var(--list-indent));
}

body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-6:not(:has(~ .HyperMD-list-line-6 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-6:not(:has(~ .HyperMD-list-line-6 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-7:hover, ~ .HyperMD-list-line-7 ~ :is(.HyperMD-list-line-8):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-7:not(:has(~ .HyperMD-list-line-7 ~ .HyperMD-list-line:hover)):hover::before {
  --list-threading-offset: calc(1em + 5 * var(--list-indent));
}

body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-2:not(:has(~ .HyperMD-list-line-2 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4, .HyperMD-list-line-3):hover)::after,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-2:not(:has(~ .HyperMD-list-line-2 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-3:hover, ~ .HyperMD-list-line-3 ~ :is(.HyperMD-list-line-4, .HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-3:not(:has(~ .HyperMD-list-line-3 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-4, .HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover))::before {
  filter: hue-rotate(60deg);
}

body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-3:not(:has(~ .HyperMD-list-line-3 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4):hover)::after,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-3:not(:has(~ .HyperMD-list-line-3 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-4:hover, ~ .HyperMD-list-line-4 ~ :is(.HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-4:not(:has(~ .HyperMD-list-line-4 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-5, .HyperMD-list-line-6, .HyperMD-list-line-7):hover))::before {
  filter: hue-rotate(120deg);
}

body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-4:not(:has(~ .HyperMD-list-line-4 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5):hover)::after,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-4:not(:has(~ .HyperMD-list-line-4 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-5:hover, ~ .HyperMD-list-line-5 ~ :is(.HyperMD-list-line-6, .HyperMD-list-line-7):hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-5:not(:has(~ .HyperMD-list-line-5 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-6, .HyperMD-list-line-7):hover))::before {
  filter: hue-rotate(180deg);
}

body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-5:not(:has(~ .HyperMD-list-line-5 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6):hover)::after,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-5:not(:has(~ .HyperMD-list-line-5 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-6:hover, ~ .HyperMD-list-line-6 ~ :is(.HyperMD-list-line-7):hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-6:not(:has(~ .HyperMD-list-line-6 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-7):hover))::before {
  filter: hue-rotate(240deg);
}

body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-6:not(:has(~ .HyperMD-list-line-6 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7):hover)::after,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-6:not(:has(~ .HyperMD-list-line-6 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-7:hover, ~ .HyperMD-list-line-7 ~ :is(.HyperMD-list-line-8):hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-7:not(:has(~ .HyperMD-list-line-7 ~ .HyperMD-list-line:hover)):hover::before {
  filter: hue-rotate(300deg);
}

/* tails */
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-1:not(:has(~ .HyperMD-list-line-1 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4, .HyperMD-list-line-3, .HyperMD-list-line-2):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-2:not(:has(~ .HyperMD-list-line-2 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4, .HyperMD-list-line-3):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-3:not(:has(~ .HyperMD-list-line-3 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-4:not(:has(~ .HyperMD-list-line-4 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-5:not(:has(~ .HyperMD-list-line-5 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6):hover)::after,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-6:not(:has(~ .HyperMD-list-line-6 ~ .HyperMD-list-line:hover)):has(~ :is(.HyperMD-list-line-7):hover)::after {
  content: "";
  position: absolute;
  left: var(--list-threading-offset);
  bottom: 0;
  height: calc(100% - 1em);
  width: var(--bt-indentation-width-hover);
  background-color: var(--bt-connected-indent-line-color);
}
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line.HyperMD-task-line::after {
  max-height: calc(100% - 1.2em);
}

/* in-between lines */
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-1:not(:has(~ .HyperMD-list-line-1 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-2:hover, ~ .HyperMD-list-line-2 ~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4, .HyperMD-list-line-3):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-2:not(:has(~ .HyperMD-list-line-2 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-3:hover, ~ .HyperMD-list-line-3 ~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-3:not(:has(~ .HyperMD-list-line-3 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-4:hover, ~ .HyperMD-list-line-4 ~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-4:not(:has(~ .HyperMD-list-line-4 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-5:hover, ~ .HyperMD-list-line-5 ~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-5:not(:has(~ .HyperMD-list-line-5 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-6:hover, ~ .HyperMD-list-line-6 ~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6):hover)::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-6:not(:has(~ .HyperMD-list-line-6 ~ .HyperMD-list-line:hover)) ~ .HyperMD-list-line:has(~ .HyperMD-list-line-7:hover)::before {
  content: "";
  position: absolute;
  left: var(--list-threading-offset);
  top: 0;
  height: 100%;
  width: var(--bt-indentation-width-hover);
  background-color: var(--bt-connected-indent-line-color);
}

/* elbows */
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-2:not(:has(~ .HyperMD-list-line-2 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4, .HyperMD-list-line-3):hover))::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-3:not(:has(~ .HyperMD-list-line-3 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5, .HyperMD-list-line-4):hover))::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-4:not(:has(~ .HyperMD-list-line-4 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6, .HyperMD-list-line-5):hover))::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-5:not(:has(~ .HyperMD-list-line-5 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-7, .HyperMD-list-line-6):hover))::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-6:not(:has(~ .HyperMD-list-line-6 ~ .HyperMD-list-line:hover)):is(:hover, :has(~ :is(.HyperMD-list-line-7):hover))::before,
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line-7:not(:has(~ .HyperMD-list-line-7 ~ .HyperMD-list-line:hover)):hover::before {
  content: "";
  position: absolute;
  left: var(--list-threading-offset);
  width: var(--list-indent);
  top: 0;
  height: calc(1.4 / 2 * var(--font-size-list) + var(--list-spacing-bt) * 0.075em * 1.5);
  border-bottom-left-radius: var(--radius-m);
  border-bottom: var(--bt-indentation-width-hover) solid var(--bt-connected-indent-line-color);
  border-left: var(--bt-indentation-width-hover) solid var(--bt-connected-indent-line-color);
}
body.bt-connected-indent-hover .cm-s-obsidian:not(.kanban) .HyperMD-list-line.HyperMD-task-line::before {
  max-width: calc(var(--list-indent) - 0.35em);
}

body.bt-colorful-indentation-lines.bt-indentation-line-gradient ul ul::before,
body.bt-colorful-indentation-lines.bt-indentation-line-gradient ol ol::before  {
  border-right-color: var(--bt-connected-indent-line-color) !important;
  border-image: linear-gradient(var(--bt-indentation-gradient-color-1), var(--bt-indentation-gradient-color-2)) 10;
}

body.bt-colorful-indentation-lines.bt-indentation-line-image :is(ul, ol) :is(ul, ol)::before {
  border-right-color: var(--bt-connected-indent-line-color) !important;
  border-image: var(--bt-indentation-line-image) 10;
}

body.bt-colorful-indentation-lines :is(ul, ol) :is(ul, ol)::before {
  border-right-color: var(--bt-connected-indent-line-color) !important;
  border-right-width: var(--bt-colorful-indentation-width);
  border-right-style: double;
}
body.bt-colorful-indentation-lines :is(ul, ol) :is(ul, ol) :is(ul, ol)::before {
  border-right-color: var(--bt-connected-indent-line-color) !important;
  filter: hue-rotate(60deg);
}
body.bt-colorful-indentation-lines :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol)::before {
  border-right-color: var(--bt-connected-indent-line-color) !important;
  filter: hue-rotate(120deg);
}
body.bt-colorful-indentation-lines :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol)::before {
  border-right-color: var(--bt-connected-indent-line-color) !important;
  filter: hue-rotate(180deg);
}
body.bt-colorful-indentation-lines :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol)::before {
  border-right-color: var(--bt-connected-indent-line-color) !important;
  filter: hue-rotate(240deg);
}
body.bt-colorful-indentation-lines :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol)::before {
  border-right-color: var(--bt-connected-indent-line-color) !important;
  filter: hue-rotate(300deg);
}

body.bt-colorful-indentation-lines-editing .HyperMD-list-line-2 .cm-hmd-list-indent > .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-3 .cm-hmd-list-indent > .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-4 .cm-hmd-list-indent > .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-5 .cm-hmd-list-indent > .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-6 .cm-hmd-list-indent > .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-7 .cm-hmd-list-indent > .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-8 .cm-hmd-list-indent > .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-9 .cm-hmd-list-indent > .cm-indent::before {
  border-color: var(--bt-connected-indent-line-color)
}

body.bt-colorful-indentation-lines-editing .HyperMD-list-line-3 .cm-hmd-list-indent > .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-4 .cm-hmd-list-indent > .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-5 .cm-hmd-list-indent > .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-6 .cm-hmd-list-indent > .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-7 .cm-hmd-list-indent > .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-8 .cm-hmd-list-indent > .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-9 .cm-hmd-list-indent > .cm-indent ~ .cm-indent::before  {
  border-color: var(--bt-connected-indent-line-color);
  filter: hue-rotate(60deg);
}

body.bt-colorful-indentation-lines-editing .HyperMD-list-line-4 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-5 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-6 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-7 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-8 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-9 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent::before {
  border-color: var(--bt-connected-indent-line-color);
  filter: hue-rotate(120deg);
}

body.bt-colorful-indentation-lines-editing .HyperMD-list-line-5 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-6 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-7 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-8 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-9 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before {
  border-color: var(--bt-connected-indent-line-color);
  filter: hue-rotate(180deg);
}

body.bt-colorful-indentation-lines-editing .HyperMD-list-line-6 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-7 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-8 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-9 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before {
  border-color: var(--bt-connected-indent-line-color);
  filter: hue-rotate(240deg);
}

body.bt-colorful-indentation-lines-editing .HyperMD-list-line-7 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-8 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before,
body.bt-colorful-indentation-lines-editing .HyperMD-list-line-9 .cm-hmd-list-indent > .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent ~ .cm-indent::before{
  border-color: var(--bt-connected-indent-line-color);
  filter: hue-rotate(300deg);
}

body.bt-connected-indent-hover .markdown-preview-view:not(.kanban) li {
  position: relative;
}

/* In-between items */
body.bt-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li:has(~ li:hover)::before,
body.bt-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) :is(ul, ol):has(~ *:hover) > li::before {
  content: "";
  position: absolute;
  background-color: var(--bt-connected-indent-line-color);
  width: var(--bt-indentation-width-hover);
  top: calc(var(--list-spacing-bt) * 0.075em - var(--font-size-list) * 0.6);
  left: calc(-1.5 * var(--list-indent));
  bottom: calc(var(--list-spacing-bt) * 0.075em - var(--font-size-list) * 0.5);
}

/* Elbows items */
body.bt-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li:hover::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: calc(var(--list-spacing-bt) * 0.075em - var(--font-size-list) * 0.6);
  left: calc(-1.5 * var(--list-indent));
  width: calc(1em + var(--size-4-4));
  height: calc(var(--font-size-list) * 1.27);
  border-bottom-left-radius: var(--radius-m);
  border-bottom: var(--bt-indentation-width-hover) solid var(--bt-connected-indent-line-color);
  border-left: var(--bt-indentation-width-hover) solid var(--bt-connected-indent-line-color);
}

body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li:has( ~ li:hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li:hover::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > ul:has(+ ol) > li::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > ol:has(+ ul) > li::before {
  filter: hue-rotate(60deg);
}

body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li:has( ~ li:hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li:hover::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > :is(ul, ol) > li > ul:has(+ ol) > li::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > :is(ul, ol) > li > ol:has(+ ul) > li::before {
  filter: hue-rotate(120deg);
}

body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) >li:has( ~ li:hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li:hover::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > ul:has(+ ol) > li::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > ol:has(+ ul) > li::before {
  filter: hue-rotate(180deg);
}

body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) >li:has( ~ li:hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li:hover::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > ul:has(+ ol) > li::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > ol:has(+ ul) > li::before {
  filter: hue-rotate(240deg);
}

body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li:has( ~ li:hover)::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li:hover::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > ul:has(+ ol) > li::before,
body.bt-connected-indent-hover.bt-colorful-connected-indent-hover .markdown-preview-view:not(.kanban) *:not([data-callout="kanban"]) > div > :is(ul, ol) li:hover > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > :is(ul, ol) > li > ol:has(+ ul) > li::before {
  filter: hue-rotate(300deg);
}


/*===========*/
:is(.markdown-preview-view,.markdown-rendered) :is(b,strong),
.view-header-title {
  font-weight: bold;
}

span.cm-strong,
:not(font)>strong,
.cm-s-obsidian .cm-highlight.cm-strong {
  font-weight: var(--font-weight-strong);
}

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);
  font-style: var(--font-style-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);
}

body.remove-external-link-icon a.external-link {
  background-image: none;
}
body.remove-external-link-icon span.external-link
{
  background-image:none;
}
/*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);
}

/*smaller header title*/
.view-header-title {
  font-size: var(--font-size-file-header-title);
}

.popover.hover-popover {
  overflow: hidden;
  box-shadow: 0 0 6px 6px var(--theme-color-translucent-015);
}

 

/*hover editor plugin*/
.popover.hover-editor .popover-title:after {
  background: none !important;
}

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(:is(.dataview.table-view-table,.table-editor)) {

  border-collapse: collapse;
  overflow: auto;
  margin: 20px auto;
}

body.table-width-100 :is(.markdown-preview-section,.markdown-rendered) table:not(.dataview.table-view-table) {
  width: 100%;
}
body.table-width-auto :is(.markdown-preview-section,.markdown-rendered) table:not(.dataview.table-view-table) {
  width: auto;
}

:is(.markdown-preview-section,.markdown-rendered) table:not(:is(.dataview.table-view-table,.table-editor)):active,
:is(.markdown-preview-section,.markdown-rendered) table:not(:is(.dataview.table-view-table,.table-editor)):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,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view) thead tr > th:nth-child(2n+2) {
  background-color: var(--table-thead-background-color);
  font-family: var(--font-family-strong);
}


/*table hover*/
:is(.markdown-preview-view,.markdown-rendered) td:hover,
.markdown-rendered tbody tr > td:nth-child(2n+2):hover {
  background-color: var(--table-hover-color);
}

/*table raw hover*/
:is(.markdown-preview-view,.markdown-rendered) table tbody>tr:hover,
.markdown-rendered tbody tr:nth-child(odd):hover {
  background-color: var(--table-hover-raw-color);
}

:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view) th:hover,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view) thead tr > th:nth-child(2n+2):hover {
  background-color: var(--table-hover-thead-color);
}


body.toggle-table-transition :is(.markdown-preview-view,.markdown-rendered,.markdown-source-view) tbody tr:nth-child(odd):hover,
body.toggle-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.toggle-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: 1px 1px 0px 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;
}

/*Full-width table dvtable callout backlinks layout*/
/*modified from https://github.com/efemkay */
.markdown-source-view.mod-cm6.is-readable-line-width.fullwidth .cm-sizer,
.markdown-source-view.mod-cm6.is-readable-line-width.fullwidth .cm-line,
.markdown-source-view.mod-cm6.fullwidth.is-readable-line-width:not(.is-rtl) .cm-contentContainer,
.markdown-source-view.mod-cm6.fullwidth .cm-contentContainer,
.markdown-source-view.mod-cm6.fullwidth .cm-contentContainer > div,
.markdown-source-view.mod-cm6.fullwidth .cm-contentContainer > div.cm-content {
  max-width: 100%;
  
}
 


:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) .markdown-source-view.mod-cm6.is-readable-line-width .cm-sizer,
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) .markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .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,
:is(body.full-width-table,body.full-width-dvtable,body.full-width-callout,body.full-width-backlinks) .markdown-source-view.mod-cm6 .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 > 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 > div.cm-content .cm-table-widge
{
  max-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 {
  
  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 > 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 > div > .cm-line {
  max-width: var(--file-line-width);
  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 > div > div.cm-preview-code-block:not(.admonition-parent),
body.full-width-dvtable .markdown-source-view.mod-cm6 .cm-contentContainer > div > div.cm-preview-code-block>.block-language-dataviewjs ,
body.full-width-dvtable .markdown-source-view.mod-cm6 .cm-contentContainer > div > div.cm-preview-code-block>.block-language-dataview ,
body.full-width-table .markdown-source-view.mod-cm6 .cm-contentContainer > div > div:is(.HyperMD-table-row, .cm-table-widget),
body.full-width-callout .markdown-source-view.mod-cm6 .cm-contentContainer > div > div:is(.cm-callout,.admonition-parent),
body.full-width-backlinks .markdown-source-view.mod-cm6 .cm-contentContainer > div:is(.embedded-backlinks) > div {
  max-width: 100%;
}

body.full-width-dvtable .markdown-source-view.mod-cm6 .cm-contentContainer > div > div.cm-preview-code-block>div[class^="block-language"]:not([class^="block-language-dataview"])
{
  max-width: var(--file-line-width);
  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(--file-line-width);
  margin-inline: auto;
}
body.full-width-dvtable .markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div[data-block-language="dataview"],
body.full-width-dvtable .markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div[data-block-language="dataviewjs"],
body.full-width-dvtable .markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer > div:is(.el-lang-dataviewjs),
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,
div[class*="wide-"].markdown-source-view.mod-cm6 .cm-contentContainer > div,
div[class*="wide-"].markdown-source-view.mod-cm6 .cm-contentContainer > div.cm-content,
div[class*="wide-"].markdown-source-view.mod-cm6 .cm-contentContainer > div.cm-content .cm-table-widget {
  max-width: 100%;
  /* width: 100%;  ob1.0*/
}

/*	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 > div > div,
div.markdown-source-view.mod-cm6:is(.wide-dataview,.wide-table,.wide-backlinks,.wide-callout) .cm-contentContainer > div > .cm-line {
  max-width: var(--file-line-width);
  margin-inline: auto !important;
} /* important for margin needed because app.css:2842 use it */
div[class*="-dataview"].markdown-source-view.mod-cm6 .cm-contentContainer > div > div.cm-preview-code-block:not(.admonition-parent),
div[class*="-table"].markdown-source-view.mod-cm6 .cm-contentContainer > div > div:is(.HyperMD-table-row, .cm-table-widget),
div[class*="-callout"].markdown-source-view.mod-cm6 .cm-contentContainer > div > div:is(.cm-callout,.admonition-parent),
div[class*="-backlinks"].markdown-source-view.mod-cm6 .cm-contentContainer > div:is(.embedded-backlinks) > div {
  max-width: 100%;
}

div[class*="-dataview"].markdown-source-view.mod-cm6 .cm-contentContainer > div > div.cm-preview-code-block>div[class^="block-language"]:not(.block-language-dataview) {
  max-width: var(--file-line-width);
  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(--file-line-width);
  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;
}

body.all-rounded-corners-highlight .cm-s-obsidian span.cm-highlight, 
body.all-rounded-corners-highlight :is(.markdown-preview-view,.markdown-rendered) mark {
  -webkit-box-decoration-break: clone;
  border-radius: 5px;
  padding: 1px 2px;
  margin: 0 2px;
}

body.all-rounded-corners-highlight .cm-s-obsidian .cm-formatting.cm-formatting-highlight:has(+ span.cm-highlight) {
  border-radius: 5px 0 0 5px;
  padding: 1px 0;
  margin: 0 -5px 0 2px;
}

body.all-rounded-corners-highlight .cm-s-obsidian .cm-formatting.cm-formatting-highlight+span.cm-highlight:has(+ span.cm-highlight) {
  padding: 1px 4px;
}

body.all-rounded-corners-highlight .cm-s-obsidian span.cm-highlight+.cm-formatting.cm-formatting-highlight {
  border-radius: 0 5px 5px 0;
  padding: 1px 0;
  margin: 0 2px 0 -5px;
}

body.no-rounded-corners-highlight .cm-s-obsidian span.cm-highlight, 
body.no-rounded-corners-highlight :is(.markdown-preview-view,.markdown-rendered) mark {
  border-radius: 0;
  padding: 0;
  margin: 0;
}

.status-bar,
.side-dock.mod-right,
.side-dock.mod-left {
  border-color: var(--panel-border-color);
  border-width: 1px;
}
/* ----状态栏透明开关----------- */

body.bt-search-bar-bottom .document-search-container {
  bottom: 38px;
  width: 100% !important;
  position: absolute;
  height: 62px !important;
  margin: 0 5px;
}
body.bt-status-on .status-bar {
  position: sticky;
}
.status-bar {
  --bar-vertical-padding: 5px;
  --bar-height: calc(22px + (var(--bar-vertical-padding)));
  line-height: 1;
  height: var(--bar-height);
  max-height: var(--bar-height);
  min-height: var(--bar-height);
  overflow: hidden;
  color: var(--status-bar-text-color);
  border-top: 1px solid var(--panel-border-color);
  background-color: var(--status-bar-bg);
}

.is-translucent .status-bar {
  margin: 0;
}

body.dark-background-file .nav-file-title.is-active {
  background-color: var(--theme-color);
  color: var(--white);
}

/** file name**/

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 {
  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;
}

.nav-file-title.is-active {
  background-color: var(--theme-color-translucent-01);
}

body:not(.is-grabbing) .tree-item-self.is-clickable.nav-folder-title:hover {
  background-color: color-mix(in srgb, var(--nav-item-background-active), transparent 0%);
  color: var(--text-normal);
  font-weight: bold;
}

.nav-folder-title.is-being-dragged-over {
  border-radius: var(--radius-xs);
  color: var(--theme-color);
  background: var(--theme-color-translucent-015);
}

body:not(.is-grabbing) .tree-item-self.is-clickable.nav-file-title.is-active:hover,
body:not(.is-grabbing) .tree-item-self.is-clickable.nav-file-title:hover,
.nav-file:not(.is-active):hover .nav-file-title,
.nav-folder:hover .nav-folder-content {
  background-color: var(--theme-color-translucent-01);
}

body.is-grabbing .nav-folder-title:hover,
body.is-grabbing .nav-file-title:hover {
  font-weight: bold !important;
  color: var(--theme-color);
  filter: hue-rotate(160deg);
  background-color: var(--theme-color-translucent-015);
  opacity: 1;
}

.workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title,
.workspace-leaf.mod-active .nav-file.has-focus > .nav-file-title {
  background-color: var(--theme-color-translucent-015);
}

body.is-grabbing:not(.remove-file-icons):not(.bt-toggle-colorful-folder.folder-style-change-options-colorful) .nav-file-title.is-active[data-path$=".md"]>.nav-file-title-content::before,
body:not(.remove-file-icons):not(.bt-toggle-colorful-folder.folder-style-change-options-colorful) .nav-file-title.is-active[data-path$=".md"]:hover>.nav-file-title-content::before {
  filter: hue-rotate(160deg);
}

.side-dock-plugin-panel-inner {
  padding-left: 6px;
}

/*link*/
:is(.markdown-preview-view,.markdown-rendered) .internal-link {
  font-family: var(--font-family-strong) !important;
}

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 .cm-hmd-internal-link  .is-unresolved .cm-underline 
{
  color: var(--unresolved-link) !important;
  --link-unresolved-decoration-color:var(--unresolved-link);
}

body:not(.default-unresolved-link) .markdown-source-view.mod-cm6 .is-unresolved .cm-underline,
body:not(.default-unresolved-link) :is(.markdown-preview-view,.markdown-rendered) .internal-link.is-unresolved {
  opacity: 0.7;
}

body.link-underline-unresolved :is(.markdown-preview-view,.markdown-rendered) .internal-link.is-unresolved>*,
body.link-underline-unresolved *>.internal-link.is-unresolved,
body.link-underline-unresolved .markdown-source-view.mod-cm6 .cm-hmd-internal-link .is-unresolved .cm-underline,
body.link-underline-unresolved .markdown-source-view.mod-cm6 .is-unresolved .cm-underline,
body.link-underline-unresolved :is(.markdown-preview-view,.markdown-rendered) .internal-link.is-unresolved,
body.link-underline-unresolved .cm-hmd-internal-link .is-unresolved .cm-underline {
  text-decoration: none !important;
}

body:not(.default-unresolved-link) :is(.markdown-preview-view,.markdown-rendered) mark .internal-link.is-unresolved {
  opacity: 0.9;
}

:is(.markdown-preview-view,.markdown-rendered) .internal-link.is-unresolved:hover {
  opacity: 1 !important;
}
.metadata-container .internal-link:hover, 
.markdown-rendered .internal-link:hover
{
  color: var(--internal-link-color);
 opacity: 0.8;
}
.cm-s-obsidian span.cm-hmd-internal-link:hover
{
  color: var(--internal-link-color);
}
.metadata-container .internal-link,
 .markdown-rendered .internal-link,
a.internal-link,
.cm-s-obsidian span.cm-hmd-internal-link ,
.cm-s-obsidian span.cm-hmd-internal-link a {
  color: var(--internal-link-color);
}
.metadata-container a.external-link:hover, 
.markdown-rendered a.external-link:hover
{
  color: var(--external-link-color);
 opacity: 0.8;
}
.cm-s-obsidian span.cm-link:hover,
.cm-s-obsidian span.cm-url:hover,
.markdown-source-view.mod-cm6 .cm-link .cm-underline:hover, 
.markdown-source-view.mod-cm6 .cm-url .cm-underline:hover
{
  color: var(--external-link-color);
}
.cm-s-obsidian span.cm-link,
.cm-s-obsidian span.cm-url,
.cm-s-obsidian span.cm-link a
{
  color: var(--external-link-color);
}
 
 
/* 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);
  border-radius: var(--radius-xs);
  text-decoration: none !important;
  transition: all 0.4s ease-in-out;
  text-shadow: var(--window-shadow-hover);
 
}

body.colorful-link-animation :is(.markdown-preview-view,.markdown-rendered) a:hover {
  animation: 2s colorful-link infinite;
}

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

a.external-link {
  text-decoration: underline;
  color: var(--external-link-color);
}


body.link-underline-external .markdown-source-view.mod-cm6 .cm-link .cm-underline,
body.link-underline-externa .markdown-source-view.mod-cm6 .cm-url .cm-underline,
body.link-underline-external  a.external-link,
body:not(.link-underline-internal) .markdown-source-view.mod-cm6 .cm-hmd-internal-link >*:not(.is-unresolved).cm-underline,
body:not(.link-underline-internal) :is(.markdown-preview-view,.markdown-rendered) .internal-link:not(.is-unresolved) {
  text-decoration-line:none;
}

.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(--code-normal);
  letter-spacing: calc(var(--letter-space-code) * 0.02em);
}

.theme-dark code[class*="language-"],
.theme-dark pre[class*="language-"] {
  color: var(--code-normal);
  text-shadow: none;
  letter-spacing: calc(var(--letter-space-code) * 0.02em);
}

body.codebox-frosted-glass .canvas-node-container pre[class*='language-'] {
  backdrop-filter: none;
}
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.hide-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;
}
.hide-embed-banner .markdown-embed-content .obsidian-banner-wrapper {
  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);
}

body:not(.is-mobile).hover-scrollbars .markdown-embed:not(.canvas-node-content),
body:not(.is-mobile).hover-scrollbars .popover.hover-popover .markdown-embed .markdown-embed {
  padding:  0 0 0 1em;
}
.markdown-embed:not(.canvas-node-content),
.popover.hover-popover .markdown-embed .markdown-embed {
  background-color: var(--embed-color);
  border: 1px solid var(--embed-color);
  border-radius: var(--radius-xs);
  margin-bottom: 0;
  padding: 0 0.5em 0 1em;
  margin-top: 0;
}
.popover.hover-popover,
.popover.hover-popover .markdown-embed {
  background-color: var(--background-popover);
}


.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,.cm-s-obsidian) .file-embed {
  border: 2px solid var(--embed-color);
  border-radius: var(--radius-l);
  padding: 0.1em 0.5em;
  margin: 0.1em 0;
  background-color: transparent;
}

:is(.markdown-preview-view,.markdown-rendered,.cm-s-obsidian) .file-embed:hover {
  border: 2px solid var(--theme-color-translucent-04);
  background-color: var(--embed-color);
  border-radius: var(--radius-m);
}

.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;
}

.inline-embed .markdown-embed-content p:first-child {
  margin: 0.5em 0;
}

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.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.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 */
body:not(.remove-language-type) pre::before {
  font-family: var(--font-default);
  color: #95a3b5;
  opacity: 0.7;
  font-size: 0.85em;
  font-weight: 600;
  position: absolute;
  right: 48px;
  top: 0.05em;
}

pre {
  position: relative;
}

body:not(.remove-language-type) pre[class~='language-c']::before {
  content: "C";
}
body:not(.remove-language-type) pre[class~='language-py']::before,
body:not(.remove-language-type) pre[class~='language-python']::before {
  content: "PYTHON";
}
body:not(.remove-language-type) pre[class~='language-nginx']::before {
  content: "NGINX";
}
body:not(.remove-language-type) pre[class~='language-css']::before {
  content: "CSS";
}
body:not(.remove-language-type) pre[class~='language-javascript']::before {
  content: "JS";
}
body:not(.remove-language-type) pre[class~='language-js']::before {
  content: "JS";
}
body:not(.remove-language-type) pre[class~='language-php']::before {
  content: "PHP";
}
body:not(.remove-language-type) pre[class~='language-shell']::before,
body:not(.remove-language-type) pre[class~='language-bash']::before {
  content: "SHELL";
}
body:not(.remove-language-type) pre[class~='language-flow']::before {
  content: "FLOW";
}
body:not(.remove-language-type) pre[class~='language-sequence']::before {
  content: "SEQUENCE";
}
body:not(.remove-language-type) pre[class~='language-sql']::before {
  content: "SQL";
}
body:not(.remove-language-type) pre[class~='language-yaml']::before {
  content: "YAML";
}
body:not(.remove-language-type) pre[class~='language-ini']::before {
  content: "INI";
}
body:not(.remove-language-type) pre[class~='language-xml']::before {
  content: "XML";
}
body:not(.remove-language-type) pre[class~='language-git']::before {
  content: "GIT";
}
body:not(.remove-language-type) pre[class~='language-cs']::before {
  content: "C#";
}
body:not(.remove-language-type) pre[class~='language-cpp']::before {
  content: "C++";
}
body:not(.remove-language-type) pre[class~='language-java']::before {
  content: "JAVA";
}
body:not(.remove-language-type) pre[class~='language-html']::before {
  content: "HTML";
}
body:not(.remove-language-type) pre[class~='language-txt']::before {
  content: "TXT";
}
body:not(.remove-language-type) pre[class~='language-r']::before {
  content: "R";
}
body:not(.remove-language-type) pre[class~='language-matlab']::before {
  content: "MATLAB";
}

/* ==== 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;
}

span.cm-formatting.cm-formatting-header {
  opacity: 0.45;
}

body.image-border img{
  border: 1px solid rgba(var(--mono-rgb-100),0.1);
  filter: drop-shadow(0px 0px 3px rgba(var(--mono-rgb-100),0.2));
}
/* images : reduce displayed size of embedded files, zoom on hover */
body:not(.obsidian-default-image) :is(.markdown-preview-view, .markdown-rendered) .workspace-leaf-content[data-type="markdown"] img:not([class*="emoji"]) {
  max-width: var(--image-max-width);
  margin-left: auto;
  margin-right: auto;
}

body:not(.obsidian-default-image) .print :is(.markdown-preview-view, .markdown-rendered) img:not([class*="emoji"]) {
  display: block;
}

body:not(.obsidian-default-image) .workspace-leaf-content[data-type="markdown"] .view-content :not(.canvas-node-content)>img:not([class*="emoji"]) {
  cursor: zoom-in;
  display: block;
  margin-left: auto ;
  margin-right: auto;
}

body:not(.image-zoom) .markdown-reading-view button img,
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=");
}

body:not(.obsidian-default-image)  .workspace-leaf-content[data-type="markdown"]  .internal-embed.image-embed.is-loaded img:not([class*="emoji"]) {
  max-width: var(--image-max-width);
 
  display: block;
}

.internal-embed[alt$="inline"],
.internal-embed[alt$="Inline"],
.internal-embed[alt$="INLINE"],
.internal-embed[alt$="inl"] {
  display: inline ;
}

body:not(.obsidian-default-image) .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;
}

body.file-name-wrapped .workspace-leaf-content[data-type="file-explorer"] .nav-file-title-content,
body.file-name-wrapped .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title-content {
  white-space: normal;
}

.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,
.CodeMirror-activeline-background.CodeMirror-linebackground,
.cm-active.cm-line {
  background-color: var(--activeline-background) !important;
}

.mute-code-indent-line .markdown-source-view.mod-cm6 .HyperMD-codeblock .cm-indent::before {
  display: none;
}

.muted-activeline-bg .CodeMirror-activeline-background.CodeMirror-linebackground,
.muted-activeline-bg .markdown-source-view.cm-s-obsidian.mod-cm6 .cm-active.cm-line:not(.HyperMD-codeblock-bg) {
  background-color: transparent  !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*/
.is-mobile .cm-lineNumbers .cm-gutterElement,
.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(--text-accent);
  /* background: var(--activeline-background); */
}

/*----file explorer smaller fonts & line height----*/
.workspace-leaf-content[data-type="file-explorer"] .nav-file-title,
.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title {
  font-size: var(--font-size-folder-and-file);
  font-family: var(--font-family-folder-file-title);
  border-radius: 0;
}

.workspace-leaf-content[data-type="file-explorer"] .nav-file-title {
  padding: 1px 5px 3px 4px;
  color: var(--text-folder-file);
}

.workspace-leaf-content[data-type="file-explorer"] .nav-folder-title,
.workspace-leaf-content[data-type="file-explorer"] .tree-item-self.is-clickable.nav-folder-title {
  font-weight: 600;
  padding: 4px 0 4px 23px;
  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;
  transition: transform 20ms linear 0s;
}

/* body.default-icons .nav-folder-collapse-indicator {
  margin-left: -9px;
} */

body:not(.default-icons):not(.remove-arrow) .nav-folder-collapse-indicator::before {
  position: absolute;
  content: "↓";
  margin-left: 3px;
  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(.default-icons) .nav-folder.is-collapsed .nav-folder-collapse-indicator::before {
  transform: rotate(-90deg);
  opacity: 0.55;
}

/*search icon 1*/
body:not(.default-icons) .backlink-pane .search-result-container .collapse-icon {
  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 {
  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;
  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) li.is-collapsed::after {  
  content: "...";
  padding: 5px;
  color: var(--text-faint);
} 

body:not(.default-icons) .heading-collapse-indicator.collapse-indicator  {
  position: absolute;
  margin: 15px 0 0 -20px;
  padding: 0;
  transition: transform 20ms linear 0s;
}

body:not(.default-icons) :is(h1,h2) .heading-collapse-indicator.collapse-indicator  {
  position: absolute;
  transition: transform 20ms linear 0s;
}

body:not(.default-icons) .heading-collapse-indicator.collapse-indicator::before {
  width: 1.5em;
  height: 1.5em;
  content: "↓";
  position: absolute;
  font-size: 15px;
  font-weight: bold;
  font-family: 'Inter';
  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.is-collapsed .heading-collapse-indicator.collapse-indicator  {
  transform: translateX(7px) translateY(7px) rotate(-90deg);
}

body:not(.default-icons) div.is-collapsed .heading-collapse-indicator.collapse-indicator::before,
body:not(.default-icons) :is(h1,h2,h3,h4,h5,h6):hover .heading-collapse-indicator.collapse-indicator::before {
  opacity: 1;
}

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: 14px;
  border-left: 1px solid #94949433;
  border-radius: 0;
  transition: all 400ms ease-in-out;
}

body.default-icons .outline .tree-item-children {
  margin-left: 12.5px;
}

.outline .tree-item-children:hover {
  border-left-color: var(--theme-color-translucent-04);
}

.tree-item-flair {
  line-height: 17px;
  padding-top: 3px;
  height: 1.45rem;
}

body.nowrap-outline .outline .tree-item-inner {
  white-space: nowrap;
}
/*****from https://www.yuque.com/fanmofeng/obsidian/ioifq0 *******/

body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .collapse-icon {
  padding-inline-end: var(--size-2-3);
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .collapse-icon::before {
  content: "" !important;
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item {
  position: relative;
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item-self {
  position: relative;
  margin-bottom: 0;
  white-space: nowrap;
  margin-top: -1px; /* fix item gap */
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item-self .tree-item-inner {
  padding-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: calc(var(--nav-item-size) * 1.8);
  line-height: calc(var(--nav-item-size) * 1.8);
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item-self .tree-item-inner::before {
  content: "";
  width: var(--size-4-1);
  height: var(--size-4-1);
  border: 2px solid hsla(var(--color-accent-hsl), 0.9);
  border-radius: 50%;
  position: absolute;
  margin-left:-1.5em;
  top: 50%;
  transform: translateY(-50%);
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item-self .tree-item-icon ~ .tree-item-inner {
  padding-left: 4px;
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item-self .tree-item-icon ~ .tree-item-inner::before {
  content: none;
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item.is-collapsed .tree-item-icon::before {
  box-shadow: 0 0 0 4px var(--background-modifier-hover);
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item::after {
  content: "";
  width: 1.5px;
  position: absolute;
  background-color: transparent;
  top: calc(calc(var(--nav-item-size) * 1.8) / 2 * -1);
  left: -10px;
  height: calc(100% - calc(var(--nav-item-size) * 1.8) + var(--size-4-8));
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item-icon {
  cursor: pointer;
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item-icon::before {
  margin-top: 50%;
  width: var(--size-4-2);
  height: var(--size-4-2);
  background-color: hsla(var(--color-accent-hsl), 0.9);
  border-radius: 50%;
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item-icon svg {
  display: block;
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item-icon svg path {
  display: none;
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item:hover > .tree-item-children > .tree-item::after {
  background-color: hsla(var(--color-accent-hsl), 0.9);
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item:hover > .tree-item-self:hover + .tree-item-children .tree-item::after {
  background-color: transparent;
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item:hover > .tree-item-children > .tree-item:hover::after, body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item:hover > .tree-item-children > .tree-item:hover ~ .tree-item::after {
  background-color: transparent;
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline .tree-item:hover > .tree-item-children > .tree-item:hover::before {
  content: "";
  position: absolute;
  top: calc(calc(var(--nav-item-size) * 1.8) / 2 * -1);
  left: -10px;
  bottom: calc(100% - (calc(var(--nav-item-size) * 1.8) + var(--size-4-2)) / 2 - 1px);
  width: 16px;
  border-bottom-left-radius: var(--radius-m);
  border-bottom: 1.5px solid hsla(var(--color-accent-hsl), 0.9);
  border-left: 2px solid hsla(var(--color-accent-hsl), 0.9);
}
body.logseq-outline-style .workspace-leaf-content[data-type=outline] .view-content .outline :is(.tree-item-children, .tree-item-self .tree-item-self) {
  padding-left: 0;
  margin-left: var(--size-4-5);
  border-left: none;
}

/*tag collapse indicator*/
.tag-container .tree-item-children {
  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  .modal-title {
  margin-left: 1em;
}
.modal-content .cmdr-setting-content {
  height: auto;
}
[class='modal'] {
  max-width: unset ;
  width: unset;
  min-width: var(--dialog-width);
}

.modal.mod-settings {
  border: none;
}

.modal.mod-narrow .modal-content {
  overflow: hidden;
}

.vertical-tab-nav-item {
  padding: 6px 6px 6px 24px;
  margin-bottom: 0;
}


.modal.mod-settings .vertical-tab-content-container {
  padding: 0;
}

.modal-content .cmdr-setting-content {
  height: auto;
}

.vertical-tab-content .setting-item {
  padding: 8px 0;
}

.is-phone .setting-item-heading {
  margin-top: 0px;
  margin-bottom: 0px;
}

.modal button:not(.mod-cta):not(.mod-warning):hover {
  background-color: var(--interactive-accent-hover);
  color: #fdfdfd;
}
.modal .community-modal-details {
  background-color: var(--background-primary);
}
.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.setting-default-frosted-glass .prompt {
  background-color: var(--bg-color-settings-4);
  backdrop-filter: blur(3px);
}

body.setting-default-frosted-glass.theme-dark .prompt {
  backdrop-filter: blur(8px);
}

body.setting-default-frosted-glass .vertical-tab-header-group-title {
  color: var(--text-normal);
  border-top: 1px dashed var(--text-muted);
}

body.translucent-setting-panel .modal-bg,
body.setting-default-frosted-glass .modal-bg {
  background-color: var(--bg-color-settings-0);
  backdrop-filter: blur(5px);
}

body.translucent-setting-panel .modal.mod-settings,
body.setting-default-frosted-glass .modal.mod-settings {
  background-color: var(--bg-color-settings-0-1);
  box-shadow: 0 0 20px var(--bg-color-settings-1);
}

body.translucent-setting-panel .modal.mod-settings,
body.setting-default-frosted-glass .modal.mod-settings {
  border: none;
}
body.setting-default-frosted-glass .vertical-tab-header,
body.translucent-setting-panel .vertical-tab-header {
  background-color: var(--bg-color-settings-3);
}
body.translucent-setting-panel .horizontal-tab-nav-item,
body.translucent-setting-panel .vertical-tab-nav-item,
body.setting-default-frosted-glass .horizontal-tab-nav-item,
body.setting-default-frosted-glass .vertical-tab-nav-item {
  background-color: transparent;
}

body.translucent-setting-panel .horizontal-tab-nav-item:hover,
body.translucent-setting-panel .vertical-tab-nav-item:hover,
body.translucent-setting-panel .horizontal-tab-nav-item.is-active,
body.translucent-setting-panel .vertical-tab-nav-item.is-active,
body.setting-default-frosted-glass .horizontal-tab-nav-item:hover,
body.setting-default-frosted-glass .vertical-tab-nav-item:hover,
body.setting-default-frosted-glass .horizontal-tab-nav-item.is-active,
body.setting-default-frosted-glass .vertical-tab-nav-item.is-active {
  background-color: var(--bg-color-settings-2);
  color: var(--text-normal);
  font-weight: bold;
}

body.translucent-setting-panel .horizontal-tab-content,
body.translucent-setting-panel .vertical-tab-content,
body.setting-default-frosted-glass .horizontal-tab-content,
body.setting-default-frosted-glass .vertical-tab-content {
  background-color: var(--bg-color-settings-3);
}

body.translucent-setting-panel .vertical-tab-content {
  background-color: var(--bg-color-settings-2);
}

body.setting-default-frosted-glass .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;
}
.workspace-split.mod-root .workspace-leaf-content[data-type="graph"] .view-content {
  background-color: var(--graph-canvas-bg);
}

.graph-view.color-fill {
  color: var(--graph-circle);
}
.graph-view.color-circle {
  color: var(--graph-circle-outline);
}
.graph-view.color-line {
  color: var(--graph-line);
}
.graph-view.color-text {
  color: var(--graph-text-color);
}
.graph-view.color-fill-highlight {
  color: var(--graph-circle-fill-highlight);
}
.graph-view.color-line-highlight {
  color: var(--graph-line-fill-highlight);
}
.graph-view.color-fill-tag {
  color: var(--graph-tag) !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 */
 :is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray-bg code,
 :is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown-bg code,
 :is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange-bg code,
 :is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow-bg code,
 :is(.markdown-preview-view,.markdown-rendered) pre.language-note-green-bg code,
 :is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue-bg code,
 :is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple-bg code,
 :is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink-bg code,
 :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;
}

:is(.markdown-preview-view,.markdown-rendered) pre.language-note-notice,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray-background,
: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;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown-background,
: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;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange-background,
: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;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow-background,
: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;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-green-background,
: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;
}
 :is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue-background,
 :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;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple-background,
: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;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink-background,
: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;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-red-background,
: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;
}
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-important,
: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*/
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-gray,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-brown,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-orange,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-yellow,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-green,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-blue,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-purple,
:is(.markdown-preview-view,.markdown-rendered) pre.language-note-pink,
: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;
}

: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;
}
: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;
}
: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;
}
: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;
}
: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;
}
: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;
}
: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;
}
: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;
}
: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 */
: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;
}

: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;
}
: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;
}

:is(.markdown-preview-view,.markdown-rendered) pre.language-hibox {
  background-color: transparent;
}

:is(.markdown-preview-view,.markdown-rendered) pre.language-hibox code.language-hibox:hover {
  color: var(--text-normal);
  --hibox: 900px;
  overflow: auto;
}

: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-015) 0, var(--theme-color-translucent-015) var(--hibox), transparent var(--hibox), transparent 0);
  transition: --hibox 0.4s linear;
  color: var(--background-code);
  color: transparent;
}


/*======== optionnal mermaid style below ========*/
.markdown-source-view.mod-cm6 .cm-content > [contenteditable=false] {
  overflow: auto;
}

body.resizable-mermaid .mermaid {
  resize: both;
  overflow: auto;
  position: relative;
}

:is(.markdown-preview-section,.markdown-rendered) .mermaid,
.markdown-source-view.mod-cm6 .cm-scroller .mermaid {
  letter-spacing: 0;
}

.markdown-source-view.mod-cm6 .mermaid svg {
  margin: 0 auto;
  display: block;
}

.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,
.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;
}

/* Sequence Diagram variables */
.mermaid .actor {
  stroke: var(--text-accent) !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,
.mermaid #crosshead path {
  fill: var(--text-muted) !important;
  stroke: var(--text-muted) !important;
}

.mermaid .sequenceNumber {
  fill: var(--background-primary) !important;
}

.mermaid #sequencenumber,
.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,
.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,
.mermaid .activation1,
.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,
.mermaid .sectionTitle1,
.mermaid .sectionTitle2,
.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: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-04) !important;
  stroke: var(--text-muted) !important;
}

.taskTextOutside0,
.taskTextOutside2,
.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,
.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,
#compositionEnd,
#dependencyStart,
#dependencyEnd,
#extensionStart,
#extensionEnd {
  fill: var(--text-accent) !important;
  stroke: var(--text-accent) !important;
}

#aggregationStart,
#aggregationEnd {
  fill: var(--background-secondary-alt) !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,
.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,
.statediagram-state .title-state,
.statediagram-state rect.basic {
  rx: 5px !important;
  ry: 5px !important;
}

.statediagram-state .divider {
  stroke: var(--text-accent) !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.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,
.mermaid g>circle {
  stroke: #000000 !important;
}

.mermaid line.task-line {
  stroke: #6e6e6e !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-bg);
  border: 3.5px solid transparent !important;
}

body:not(.native-scrollbars) ::-webkit-scrollbar {
  background: transparent;
}

body:not(.native-scrollbars) textarea:hover::-webkit-scrollbar-thumb:active,
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-active-thumb-bg);
}

body.remove-scrollbars ::-webkit-scrollbar-thumb {
  display: none;
}

/*adapted from the CSS snippet created by @subframe7536 https://forum-zh.obsidian.md/t/topic/11164*/
body.body:not(.is-mobile).hover-scrollbars :is(.vertical-tab-header, .vertical-tab-content, .nav-files-container,.workspace-leaf-content .view-content, .search-result-container, .git-view-body, .workspace-leaf-content[data-type=markdown] .cm-scroller, .markdown-preview-view, .suggestion-container .suggestion,
.prompt-results, .markdown-embed-content, .community-modal-search-results-wrapper,.community-modal-info,.tag-container)::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 0 10px !important;
  background-color: transparent !important;
}

body.body:not(.is-mobile).hover-scrollbars .community-modal-info div[class^='community-modal-info-'] {
  color:var(--text-normal);
}
body.body:not(.is-mobile).hover-scrollbars .canvas-node-content  .markdown-preview-view {
  overflow-y: auto!important;
}
body.body:not(.is-mobile).hover-scrollbars :is(.vertical-tab-header, .vertical-tab-content, .nav-files-container, .view-content, .search-result-container, .git-view-body, .workspace-leaf-content[data-type=markdown] .cm-scroller, .markdown-preview-view, .suggestion-container .suggestion, .prompt-results, .markdown-embed-content, .community-modal-search-results-wrapper,.community-modal-info,.tag-container) {
  color: transparent;
  transition: color var(--anim-duration-fast) var(--anim-motion-smooth);
  overflow-y: overlay;
}
body.body:not(.is-mobile).hover-scrollbars :is(.vertical-tab-header, .vertical-tab-content, .nav-files-container, .view-content, .search-result-container, .git-view-body, .workspace-leaf-content[data-type=markdown] .cm-scroller, .markdown-preview-view, .suggestion-container .suggestion, .prompt-results, .markdown-embed-content, .community-modal-search-results-wrapper,.community-modal-info,.tag-container):hover {
  color: var(--scrollbar-thumb-bg);
}
body.body:not(.is-mobile).hover-scrollbars :is(.vertical-tab-header, .vertical-tab-content, .nav-files-container, .view-content, .search-result-container, .git-view-body, .workspace-leaf-content[data-type=markdown] .cm-scroller, .markdown-preview-view, .suggestion-container .suggestion, .prompt-results, .community-modal-search-results-wrapper,.tag-container) > :not(h1, h2, h3, h4, h5, h6) {
  color: var(--text-normal);
}

body.body:not(.is-mobile).hover-scrollbars :is(.vertical-tab-header, .vertical-tab-content, .nav-files-container, .view-content, .search-result-container, .git-view-body, .workspace-leaf-content[data-type=markdown] .cm-scroller, .markdown-preview-view, .suggestion-container .suggestion, .prompt-results, .markdown-embed-content, .community-modal-search-results-wrapper,.community-modal-info,.tag-container)::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-active-thumb-bg) !important;
}

body.body:not(.is-mobile).hover-scrollbars .popover.hover-popover > .markdown-embed > .markdown-embed-content > .markdown-preview-view {
  color: transparent !important;
}
body.body:not(.is-mobile).hover-scrollbars .popover.hover-popover > .markdown-embed > .markdown-embed-content > .markdown-preview-view:hover {
  color: var(--scrollbar-thumb-bg) !important;
}


.workspace-split::-webkit-scrollbar:vertical {
  display: none;
}

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 .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;
}


/*==========================*/
/* 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: transparent;
  padding: 0 4px 2px 4px;
  margin-top: -8px;
  margin-left: 2px;
  border-collapse: separate;
  border-spacing: 0;
}

#calendar-container .calendar tr {
  background-color: transparent;
}

/*表格调整*/
/*星期*/
#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(--calendar-hover-color) !important;
  color: var(--text-normal) !important;
  font-weight: 700;
}

#calendar-container .day:not(:empty):hover {
  background-color: var(--calendar-hover-color);
}

#calendar-container .day:active,
#calendar-container .active,
#calendar-container .active.today {
  background-color: var(--calendar-active-color) !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-015);
}

.obsidian-banner-wrapper.has-copy-button {
  position:unset;
}

/*====================*/
/*day planner plugin*/
/*====================*/
.day-planner-status-bar-text {
  color: var(--text-accent);
  font-weight: 600;
}

.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;
}

#scroll-controls input#auto-scroll.toggle {
  background-image: 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 6px 1px rgba(0, 0, 0, 0.1);
}

.kanban-plugin {
  background-color: var(--background-secondary) !important;
}

/* .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-015) !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-content-wrapper:hover,
.kanban-plugin__item-title-wrapper:hover {
  background: var(--background-transparent-black-or-white-3-1) !important;
}

.kanban-plugin__item-button-wrapper {
  background: var(--background-transparent-black-or-white-2) !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: 1px 6px 0 0;
  width: 14px;
  height: 14px;
  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);
  --scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-1), transparent 60%);
  --scrollbar-active-thumb-bg: var(--kanban-color-1);
}
.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+2) {
  background: linear-gradient(to bottom, var(--kanban-color-2) 60%, transparent);
  --scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-2), transparent 60%);
  --scrollbar-active-thumb-bg: var(--kanban-color-2);
}
.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+3) {
  background: linear-gradient(to bottom, var(--kanban-color-3) 60%, transparent);
  --scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-3), transparent 60%);
  --scrollbar-active-thumb-bg: var(--kanban-color-3);
}
.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+4) {
  background: linear-gradient(to bottom, var(--kanban-color-4) 60%, transparent);
  --scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-4), transparent 60%);
  --scrollbar-active-thumb-bg: var(--kanban-color-4);
}
.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+5) {
  background: linear-gradient(to bottom, var(--kanban-color-5) 60%, transparent);
  --scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-5), transparent 60%);
  --scrollbar-active-thumb-bg: var(--kanban-color-5);
}
.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+6) {
  background: linear-gradient(to bottom, var(--kanban-color-6) 60%, transparent);
  --scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-6), transparent 60%);
  --scrollbar-active-thumb-bg: var(--kanban-color-6);
}
.theme-dark .kanban-plugin__lane-wrapper:nth-child(7n+0) {
  background: linear-gradient(to bottom, var(--kanban-color-7) 60%, transparent);
  --scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-7), transparent 60%);
  --scrollbar-active-thumb-bg: var(--kanban-color-7);
}

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;
  --scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-1), transparent 60%);
  --scrollbar-active-thumb-bg: var(--kanban-color-1);
}
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;
  --scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-2), transparent 60%);
  --scrollbar-active-thumb-bg: var(--kanban-color-2);
}
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;
  --scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-3), transparent 60%);
  --scrollbar-active-thumb-bg: var(--kanban-color-3);
}
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;
  --scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-4), transparent 60%);
  --scrollbar-active-thumb-bg: var(--kanban-color-4);
}
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;
  --scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-5), transparent 60%);
  --scrollbar-active-thumb-bg: var(--kanban-color-5);
}
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;
  --scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-6), transparent 60%);
  --scrollbar-active-thumb-bg: var(--kanban-color-6);
}
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;
  --scrollbar-thumb-bg: color-mix(in srgb, var(--kanban-color-7), transparent 60%);
  --scrollbar-active-thumb-bg: var(--kanban-color-7);
}
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-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 {
  background-repeat: no-repeat;
  background-size: cover;
}

body.style-options-for-kanban-plugin-static-plain .kanban-plugin__lane-wrapper {
  background: unset !important;
  --scrollbar-thumb-bg: unset !important;
  --scrollbar-active-thumb-bg: 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: unset !important;
  border-bottom: 1px solid  var(--background-modifier-border) !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) !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) {

  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: 38px;
  height: 125%;
  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-rotate(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-rotate(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-rotate(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-rotate(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-rotate(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-rotate(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-rotate(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;
}
 

/* ================================== */
/* ====== markdown assitance ======== */
/* ================================== */
.command-list-view-row-selected {
  background-color: gray !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);
}
.tippy-box[data-theme~="obsidian"]
{
  backdrop-filter: blur(8px);
}
.file-embed.mod-empty:hover {
  backdrop-filter: blur(5px);
}
/* ================================== */
/* =========== 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:not(.admonition).drop-shadow
{
  box-shadow:var(--window-shadow2);
}
.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: 2em;
}
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: 2em;
}
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: 2em;
}
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: 2em;
}
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: 2em;
}
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: 2em;
}
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: 2em;
}
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: 2em;
}

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;
  margin-block-start:0;
}

body.style-options-for-admonition-plugin :is(.admonition-flex,.admonition-col2,.admonition-col3,.admonition-col4) .admonition-content .admonition-content>ul>li{
  list-style-type: none;
  padding:0;
}
.markdown-rendered .admonition  ul li p:last-of-type, .markdown-rendered ol li p:last-of-type {
 margin-block-end: 0.5em; 
}

.markdown-rendered  .admonition  ul li p:first-of-type, .markdown-rendered ol li p:first-of-type {
  margin-block-start: 0.5em; 
}

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;
  word-break: break-word;
}
body.admonition-bg-color-same.style-options-for-admonition-plugin .admonition-flex {
  margin: 1em 0;
}
.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;
}
body.style-options-for-admonition-plugin .admonition-table .admonition-content thead > tr > th,
body.style-options-for-admonition-plugin .admonition-table .admonition-content tbody > tr > td {
  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-normal);
}
.notice-container .notice:nth-child(4n+2){
  background-color: var(--background-yellow);
  color: var(--text-normal);
}
.notice-container .notice:nth-child(4n+3){
  background-color: var(--background-green);
  color: var(--text-normal);
}
.notice-container .notice:nth-child(4n+4){
  background-color: var(--background-red);
  color: var(--text-normal);
}

.notice-container {
  z-index: var(--layer-notice);
  position: fixed;
  top: 40px;
  right: 0px;
  padding: 0px;
  overflow: hidden;
}

/* ================================== */
/* ============ checklist =========== */
/* ================================== */
.checklist-plugin-main button {
  box-shadow: none;
}
.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;
}

/* ================================== */
/* ========== 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;
 
}

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) table.dataview.table-view-table :is(ol,ul) :is(ol,ul)::before,
body:is(.rainbow-lines-reading,.list-vertical-line-one) .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;
}

.vertical-tab-content {
  padding-bottom: 4em;
}

.modal-container .modal-content textarea:not(.rename-textarea) {
  height: 18rem !important;
}

body.setting-default-frosted-glass .suggestion-container
{
  background-color: var(--bg-color-settings-4);
  backdrop-filter: blur(3px);
}
body.setting-style-traditional .suggestion-container
{
  background-color: var(--color-base-20);
 
}
body.setting-style-traditional .modal.mod-settings .vertical-tab-content-container {
  background: var(--color-base-20);
}
body.setting-style-traditional .modal.mod-settings .vertical-tab-header {
  background: var(--color-base-00);
}

body.setting-style-traditional .menu{
  background-color: var(--color-base-00);
}

body.setting-style-traditional  .prompt
{
  background: var(--color-base-00);
}
/* ================================== */
/* ============ QuickAdd ============ */
/* ================================== */
.quickAddModal .modal {
  max-height: 90% !important;
}

.modal-container.quickAddModal .modal-content {
  overflow: initial !important;
  margin-top: 5px !important;
}

/* ================================== */
/* ========= Style Settings ========= */
/* ================================== */
.style-settings-heading {
  border-bottom: none !important;
}
 
.style-settings-heading[data-level="1"] + .style-settings-container
{
  padding-left: 1em;
}
body:not(.is-mobile) .style-settings-heading[data-level="2"] + .style-settings-container
{
  padding-left: 2em;
}
body:not(.is-mobile) .style-settings-heading[data-level] + .style-settings-container
{
  padding-left: 2em;
}
body:not(.is-mobile) .style-settings-heading[data-level="3"] + .style-settings-container
{
  padding-left: 3em;
}
body:not(.is-mobile) .style-settings-heading[data-level="4"] + .style-settings-container
{
  padding-left: 4em;
}
body:not(.is-mobile) .style-settings-heading[data-level="5"] + .style-settings-container
{
  padding-left: 5em;
}
body:not(.is-mobile) .style-settings-heading[data-level="5"] + .style-settings-container
{
  padding-left: 5em;
}
.setting-item-description,
.setting-item-info {
  word-wrap: break-word;
  word-break: break-word;
}

.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;
}

div.style-settings-heading[data-level="0"] {
  position: relative;
  padding: 8px;
  margin-bottom: 0;
  background-color: var(--background-primary);
  border-radius: var(--radius-l);
  box-shadow: 0 3px 5px var(--background-modifier-box-shadow);
}

.is-mobile div.style-settings-heading[data-level="0"] {
  padding: 4px;
}

div.style-settings-heading[data-level="0"] + .style-settings-container {
  padding: 20px 30px;
  margin-top: -10px;
  margin-bottom: 0;
  margin-left: 0;
  border: 0px;
  border-radius: var(--radius-l);
}

div.style-settings-heading[data-level="0"] + .style-settings-container .style-settings-collapse-indicator {
  margin-left: 0;
}


div.style-settings-heading[data-level="0"].is-collapsed {
  margin-bottom: 15px;
  border-radius: var(--radius-l);
  box-shadow: 0 3px 5px var( --background-modifier-box-shadow);
}

div.style-settings-heading[data-level="0"].is-collapsed {
  background-color: var(--background-primary-alt);
}


div.style-settings-heading[data-level="1"] .setting-item-description {
  padding-left: 2em;
}

div.style-settings-heading:not([data-level="0"]):not([data-level="1"]) .setting-item-description {
  padding-left: 2em;
}

div.style-settings-heading {
  padding: 8px 0;
  margin-bottom: 5px;
}

div.style-settings-container[data-level="0"] {
  margin-left: 4px;
}

div.style-settings-container[data-level] {
  padding-bottom: 0;
  margin-left: 0.5em;
}

.setting-item.setting-item-heading.style-settings-heading .setting-item-name {
  width: fit-content;
  padding: 0 8px;
  border-radius: var(--radius-l);
}

.setting-item.setting-item-heading.style-settings-heading:hover .style-settings-collapse-indicator {
  color: var(--text-accent-hover)!important;
}

.setting-item.setting-item-heading.style-settings-heading:hover .setting-item-name {
  color: var(--text-accent-hover)!important;
}

div.workspace-leaf-content[data-type="style-settings"] .view-content .style-settings-container div.setting-item:not(.setting-item-heading) {
  flex-flow: wrap;
}

div.workspace-leaf-content[data-type="style-settings"] .setting-item-description {
  font-size:12px;
}

div.workspace-leaf-content[data-type="style-settings"]  div.setting-item,
div.workspace-leaf-content[data-type="style-settings"]  div.style-settings-heading {
  border-bottom: unset;
  border-top: 1px inset #ffffff24;
}


/*
.theme-light div.setting-item {
  border-bottom: 1px dotted #e1e1e199;
  border-top: 1.5px solid  #cfcfcf42;

}


.theme-dark div.setting-item {
  border-bottom: 1px solid var(--background-modifier-border);
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 45%),
                        inset 0 -2px 0 rgb(0 0 0 / 10%)
}
*/


div.workspace-leaf-content[data-type="style-settings"] div.style-settings-heading[data-id="topaz-community"] {
  margin-top: 10px;
  margin-bottom: 0;
  pointer-events: none;
  cursor: text;
  border-top: 2px solid var(--background-modifier-border);
  pointer-events: none;
}

.style-settings-heading[data-id="topaz-community"] .setting-item-control,
.style-settings-heading[data-id="topaz-community"] .style-settings-collapse-indicator {
  display: none;
}

.style-settings-heading[data-id="topaz-community"] .setting-item-name::before {
  display: inline-block;
  width: 20px;
  height: fit-content;
  padding-right: 8px;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif;
  font-weight: initial;
  color: unset;
  content: "❤️";
}

.setting-item.style-settings-heading[data-id="topaz-github"] {
  cursor: default;
}

.setting-item.style-settings-heading[data-id="topaz-github"]:hover div.setting-item-name {
  color: var(--text-normal);
}

.setting-item.style-settings-heading[data-id="topaz-github"] .setting-item-name::before {
  display: inline-block;
  width: 20px;
  height: fit-content;
  padding-right: 8px;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif;
  font-weight: initial;
  color: unset;
  content: "⭐";
}

.setting-item.style-settings-heading[data-id="topaz-github"] .setting-item-description {
  color: var(--interactive-accent);
  cursor: text;
  user-select: all;
}

.setting-item.style-settings-heading[data-id="topaz-example-github"] {
  cursor: default;
}

.setting-item.style-settings-heading[data-id="topaz-example-github"]:hover div.setting-item-name {
  color: var(--text-normal);
}

.setting-item.style-settings-heading[data-id="topaz-example-github"] .setting-item-name::before {
  display: inline-block;
  width: 20px;
  height: fit-content;
  padding-right: 8px;
  font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif;
  font-weight: initial;
  color: unset;
  content: "⚠️";
}

.setting-item.style-settings-heading[data-id="topaz-example-github"] .setting-item-description {
  color: var(--interactive-accent);
  cursor: text;
  user-select: all;
}

.style-settings-container .setting-item:is([data-id*="interactive-accent"], [data-id*="text-accent"]) .setting-item-control::before {
  width: 1.5em;
  height: 1.5em;
  margin-right: 8px;
  content: " ";
  border: 1px solid var(--background-modifier-border);
  border-radius: var(--radius-l);
}


.style-settings-container .setting-item:is([data-id^="interactive-accent"]) .setting-item-control::before {
  background-color: var(--interactive-accent);
}
.style-settings-container .setting-item:is([data-id^="text-accent"]) .setting-item-control::before {
  background-color: var(--text-accent);
}
/**style setting logic  ******/


body:not(.color-scheme-options-lillimon-topaz) .setting-item[data-id="color-magic"],
body:not(.background-settings-workplace-background-image) .setting-item[data-id="background-settings-workplace-background-image"] ~ * {
  display: none;
}
body:not(.background-image-settings-switch) .setting-item[data-id="bg-markdown-page-opacity-cp"],
body:not(.background-image-settings-switch) .setting-item[data-id="toggle-nonoverlapping-bg"],
body:not(.background-image-settings-switch) .setting-item[data-id="background-image-settings-markdown-page-options"],
body:not(.background-image-settings-switch) .setting-item[data-id="background-image-settings-markdown-page-random"],
body:not(.background-image-settings-switch) .setting-item[data-id="background-image-settings-markdown-page-random-options"] {
  display: none;
}

body:not(.background-notebook-liked-switch) .setting-item[data-id="background-notebook-liked-switch"] ~ * {
  display: none;
}

body:not([class*="background-settings-workplace-wave"]) .setting-item[data-id="background-waves-color"],
body:not(.background-settings-workplace-theme-light-custom-option) .setting-item[data-id="background-settings-workplace-theme-light-custom"],
body:not(.background-settings-workplace-theme-dark-custom-option) .setting-item[data-id="background-settings-workplace-theme-dark-custom"],
body:not(.background-settings-workplace-random-dark) .setting-item[data-id="background-settings-workplace-random"],
body:not(.background-settings-workplace-random-light) .setting-item[data-id="background-settings-workplace-random"],
body:not(.custom-thino-background) .setting-item[data-id="thino-background-dark-custom"],
body:not(.custom-thino-background) .setting-item[data-id="thino-background-light-custom"],
body:not(.custom-thino-share-background) .setting-item[data-id="share-thino-background-dark-custom"],
body:not(.custom-thino-share-background) .setting-item[data-id="share-thino-background-light-custom"],
body:not(.thino-background-color) .setting-item[data-id="thino-modern-primary"]
 {
  display: none;
}
body:not(:is(.share-thino-with-workspace-background,.share-thino-with-thino-background,.custom-thino-share-background)) .setting-item[data-id="blur-thino-share-frosted-glass"]
{
  display: none;
}

.setting-item:is([data-id="background-image-settings-switch"],[data-id="background-notebook-liked-switch"],[data-id="background-settings-workplace-background-image"],[data-id="background-image-settings-command-palette-switch"]) .setting-item-name {
  font-weight: bold;
}
body:not(.background-image-settings-markdown-page-custom) .setting-item[data-id="custom-markdown-page-background-color"],
body:not(.background-image-settings-markdown-page-custom) .setting-item[data-id="background-markdown-page-theme-light-custom"],
body:not(.background-image-settings-markdown-page-custom) .setting-item[data-id="background-markdown-page-theme-dark-custom"]  {
  display: none;
}


body:not(.background-image-settings-markdown-page-random) .setting-item[data-id="background-image-settings-markdown-page-random-options"] {
  display: none;
}
.setting-item[data-id="notebook-liked-background-settings"] + .style-settings-container .setting-item:not(:first-child) {
  /* display: none; */
}
body:is(.notebook-liked-markdown-page-grid-notebook-1,.notebook-liked-markdown-page-grid-notebook-2,
.notebook-liked-markdown-page-dotted-notebook-1,.notebook-liked-markdown-page-dotted-notebook-2) .setting-item[data-id="bg-color-notebook"],
body.notebook-liked-markdown-page-grid-notebook-1 .setting-item[data-id="grid-notebook-line-color-1"],
body.notebook-liked-markdown-page-grid-notebook-2 .setting-item[data-id="grid-notebook-line-color-2"],
body:is(.notebook-liked-markdown-page-dotted-notebook-1,.notebook-liked-markdown-page-dotted-notebook-2) .setting-item[data-id="dotted-notebook-dot-color"] {
  display: block !important;
}
body:not(.background-image-settings-command-palette-switch) .setting-item[data-id="background-image-settings-command-palette-switch"] ~ *,
body:not(.background-image-settings-command-palette-custom) .setting-item[data-id="background-command-palette-theme-light-custom"],
body:not(.background-image-settings-command-palette-custom) .setting-item[data-id="background-command-palette-theme-dark-custom"] {
  display: none;
}

body.background-image-settings-command-palette-same-as-workplace .setting-item[data-id="background-image-settings-command-palette-custom"] {
  display: none;
}
body:not(.toggle-bg-panel-page) .setting-item[data-id="toggle-bg-panel-page"] ~ *,
body:not(.panel-page-bg-theme-light-custom) .setting-item[data-id="background-panel-page-theme-light-custom"],
body:not(.panel-page-bg-theme-dark-custom) .setting-item[data-id="background-panel-page-theme-dark-custom"] {
  display: none;
}

body:not(.fancy-hr-icon) .setting-item[data-id="fancy-hr-folder-icon"],
body:not(.fancy-hr-no-icon) .setting-item[data-id="fancy-hr-folder-no-icon"],
body:not(.fancy-hr-number) .setting-item[data-id="fancy-hr-folder-with-number"] {
  display: none;
}

body:not(.bt-default-unordered-list) .setting-item[data-id="options-bt-default"],
body:not(.custom-unordered-list) .setting-item[data-id="options-for-custom"] {
  display: none;
}

body:not(.custom-ordered-list) .setting-item[data-id^="list-ol-marker-"] {
  display: none;
}
body.folder-style-change-options-colorful-default .setting-item[data-id="folder-style-change-options-colorful-subfolder"] {
  display: none;
}

body:not(.folder-colorful-custom) .setting-item[data-id="folder-colorful-custom-color"] {
  display: none;
}

body:not(.loading-custom-text) .setting-item[data-id="loading-custom-text-folder"],
body:not(.loading-animation-custom) .setting-item[data-id="loading-animation-custom-folder"] {
  display: none;
}

body:not(.colorful-tag-bt) .setting-item[data-id="customised-colorful-tag"],
body:not(.tag-pill-outlined) .setting-item[data-id="outlined-style"] {
  display: none;
}


body.is-hidden-frameless .setting-item:is([data-id="simple-titlebar"],[data-id="custom-titlebar-bg"],[data-id="titlebar-blur-depth"],[data-id="titlebar-brightness"],[data-id="hide-titlebar-text"]) {
  display: none;
}

body:not(.is-hidden-frameless) .setting-item:is([data-id="hide-titlebar-close-btn"]) {
  display: none;
}

body:not(.color-scheme-options-simplicity-topaz) .setting-item:is([data-id="disable-auto-hide-header"]) {
  display: none;
}

body:not(.bt-colorful-titlebar) .setting-item[data-id="background-titlebar-inner"]  {
  display: none;
}

body:not(.folder-icons) .setting-item[data-id="remove-first-folder-icon"]  {
  display: none;
}

/********/
/* ================================== */
/* ==== advanced-tables-toolbar ===== */
/* ================================== */
.workspace-leaf-content[data-type="advanced-tables-toolbar"] .nav-buttons-container>.nav-action-button {
  padding: 5px;
}

.workspace-leaf-content[data-type="advanced-tables-toolbar"] .nav-buttons-container>.nav-action-button svg {
  height: 20px;
  width: 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 .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 .heading-collapse-indicator.collapse-indicator ,
body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl h2 .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 .heading-collapse-indicator.collapse-indicator ,
body:not(.default-icons) :is(.markdown-preview-view,.markdown-rendered).rtl div.is-collapsed h2 .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 .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;
}


/* ================================== */
/* ==============Better Code Block ============= */
/* ================================== */
pre.code-block-pre__has-linenum {
  padding: 0;
  min-height: unset;
}
div.code-block-wrap > pre  pre:not([closed]) + code[class*=language-] {
  padding-bottom:  1em !important;
}

.obsidian-embedded-code-title__code-block-title > .title {
  line-height: 29px;
  font-weight: bold;
  font-size: var(--callout-title-size);
  font-family: var(--font-text);
}
.markdown-rendered pre.obsidian-embedded-code-title__code-block-title[closed] {
  background-color: rgba(var(--interactive-accent-rgb), 0.1) !important;
}
.markdown-rendered pre.obsidian-embedded-code-title__code-block-title {
  overflow-y: hidden;
  background-color: transparent !important;
}

.obsidian-embedded-code-title__code-block-title:not([closed]) .langName {
  opacity: 0.35;
  font-size: 12px;
}
.obsidian-embedded-code-title__code-block-title .langName {
  color: var(--code-language);
}
.obsidian-embedded-code-title__code-block-title .collapser .handle {
  margin-top: -3px;
}
.obsidian-embedded-code-title__code-block-title[closed] .langName {
  opacity: 0.75;
  font-size: 12px;
}
.obsidian-embedded-code-title__code-block-title .collapser .handle {
  opacity: 0.35;
}
pre.code-block-pre__has-linenum::before {
  display: none;
}
.code-block-linenum-wrap {
  opacity: 0.5;
  border-right-color:rgba(var(--mono-rgb-100), 0.5) !important;
}

.markdown-rendered .code-block-pre__has-linenum button.copy-code-button:not([style="right: 32pt"]) {
  background-image: url("data:image/svg+xml,%3Csvg t='1667575665955' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5542' width='32' height='32'%3E%3Cpath d='M568.7 319.8l86.8 86.8v476.6h-466V319.8h379.2m29-70H178.9c-32.8 0-59.4 26.5-59.4 59.3v584.7c0 15.7 6.3 30.8 17.4 42 11.1 11.2 26.2 17.4 42 17.4h487.4c15.7 0 30.8-6.3 41.9-17.4 11.1-11.1 17.3-26.2 17.3-42V377.6L597.7 249.8z' fill='%2391B1D5' p-id='5543'%3E%3C/path%3E%3Cpath d='M776.7 70.8H357.9c-32.8 0-59.4 26.5-59.4 59.3v100h70v-89.3h379.2l86.8 86.8v476.6h-85.8v70h96.6c15.7 0 30.8-6.3 41.9-17.4 11.1-11.1 17.3-26.2 17.3-42V198.6L776.7 70.8z' fill='%2391B1D5' p-id='5544'%3E%3C/path%3E%3C/svg%3E");
}
.code-block-pre__has-linenum button.copy-code-button:hover {
  background-color: none;
  box-shadow: var(--window-shadow);
}
/* ================================== */
/* ============== Make.md ============= */
/* ================================== */
body.mk-mark-sans #calendar-container {
  margin: -10px -8px 0px -8px;
}

/* ================================== */
/* ============== Memos Thino============= */
/* ================================== */

body:not(.thino-default) div[data-type='thino_view']
{
  --activeline-background:transparent;
  --thino-wrapper-border:transparent;
  --memos-icon-hover:var(--background-modifier-border);
 
  --memos-memo-border:transparent;
  --memos-location-wrapper-bg: transparent;
  --memos-bg-accent:var(--theme-color-translucent-04);
  --thino-background-primary:var(--bg-color-settings-0-1);
  --memos-bg-light-blue: var(--theme-color-translucent-02);
  --memos-text-blue:var(--interactive-accent);
}

body:is(.thino-frosted-style,.thino-frosted-style-default)  .workspace-leaf div[data-type=thino_view] .view-header,
body:is(.thino-frosted-style,.thino-frosted-style-default).is-focused .workspace-leaf.mod-active div[data-type=thino_view] .view-header {
  background-color: transparent;
}

body:is(.thino-default,.thino-frosted-style-default)  div[data-type=thino_view] #page-wrapper:not(.memos-moments-view) .memo-editor-wrapper{
  background-color: var(--background-primary-bg-4-bt, var(--background-primary));
}
body:is(.thino-default,.thino-frosted-style-default)   div[data-type=thino_view] .memolist-wrapper>.memolist-container {

  background-color: transparent;

}
body:is(.thino-default,.thino-frosted-style-default)   div[data-type=thino_view] .memo-wrapper,
body:is(.thino-default,.thino-frosted-style-default)    .thino-hover-popover .memo-wrapper, 
body:is(.thino-default,.thino-frosted-style-default)  .block-language-thino .thino-embed-container .memo-wrapper {

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

}
div[data-type=thino_view] .section-header-container, div[data-type=thino_view] .memos-header-container
{
  justify-content: flex-start;
}
div[data-type=thino_view] .memo-editor-wrapper>.tip-text {
padding-left:1.5em;
}
.thino-editor-modal .common-editor-wrapper .common-editor-inputer {
  border: none;
}
body.custom-thino-background div[data-type='thino_view'].workspace-leaf-content
{
  background-image: var(--thino-background-light-custom) ;
  --background-primary:var(--bg-color-settings-2);
  --memos-memo-bg:var(--bg-color-settings-0-1);
  --memos-memo-border:var(--bg-color-settings-0-1);
  background-size: cover;
}
body.custom-thino-background.theme-dark div[data-type='thino_view'].workspace-leaf-content
{
  background-image: var(--thino-background-dark-custom);
  --background-primary:var(--bg-color-settings-2);
  --memos-memo-bg:var(--bg-color-settings-0-1);
  --memos-memo-border:var(--bg-color-settings-0-1);
  background-size: cover;
}

body.custom-thino-background.theme-dark div[data-type='thino_view'] #page-wrapper
{
 
  background: var(--bg-color-settings-2);
}
.workspace-tab-container:fullscreen  div[data-type='thino_view'],
.workspace-tab-container:fullscreen .workspace-leaf-content 
{
 
    background-color: var(--background-primary-alt);

}
 
 .theme-dark div[data-type=thino_view] .usage-heat-map-wrapper   .stat-container {
 
  background-color: #2a2a2a8a;
  box-shadow:none;
}
body:not(:is(.hider-memos-modern-banner,.memos-banner-gradient)) div[data-type=thino_view] .moments-view .moments-view-background-wrapper .moments-view-background-overlay .moments-view-user-info .moments-view-user-name
{
 color: white;
  font-weight: bold;
    letter-spacing: 1px;
}
.theme-dark div[data-type=thino_view] .memo-editor-wrapper, 
.theme-dark .thino-editor-modal .memo-editor-wrapper {
  border: none;
}
.modal.thino-editor-modal .modal-content
{
  background-color:var(--bg-color-settings-3);
}
div[data-type=thino_view] .moments-view .thino-moment-wrapper .thino-moment-container .thino-moment-user-name {
  color: #66789d;
}
div[data-type=thino_view] .moments-view .moments-view-background-wrapper .moments-view-background-overlay .moments-view-user-idea {
  font-size: 12px;
}   
div[data-type=thino_view] .memo-wrapper>.memo-top-wrapper>.memo-top-left-wrapper>.memo-type-img
{
  align-items: flex-end;
}
div[data-type=thino_view] .moments-view .memo-content-text p a[href^="#收集"] {
  display: block;
  position: absolute;
  left: 180px;
  top: calc(100% - 31px);
  font-size: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  color: var(--tag-color);
}

 
.is-mobile  div[data-type=thino_view] .view-header:has(+.view-content>.memos-moments-view) .memos-header-container>.memos-header-search-section
 :is(.memos-review-entry-wrapper, .memos-view-switcher-wrapper,.thino-inline-filter-wrapper,.search-bar-inputer:not(:has(input:focus))),
 .is-mobile  div[data-type=thino_view] .view-header:has(+.view-content>.memos-moments-view) .memos-header-container .refresh-icon
{
padding: 0px ;
color:var(--memos-icon-hover);
}
 
.is-mobile  div[data-type=thino_view] .memos-header-container>.memos-header-search-section .search-bar-inputer:has(input:focus)
 {
  padding: 0px ;
  color:var(--memos-text-muted);
 }
.is-mobile div[data-type=thino_view].mobile-view .search-bar-container>.search-bar-inputer {
  width: 110px;
 
}
.is-mobile  div[data-type=thino_view] .memos-header-container .refresh-icon
{
  color: var(--memos-text-muted);
margin: 0px;
}
.is-mobile div[data-type=thino_view].mobile-view #page-wrapper
{
margin-top:0;
}
.is-mobile div[data-type=thino_view].mobile-view .view-content:not(:has(.show-editor.moments-view)) {
  padding-top: var(--size-4-2);
}
div[data-type=thino_view].mobile-view .memos-sidebar-wrapper
{
  background: linear-gradient(to right, var(--color-base-00) 30%, var(--background-mobile-drawer-2) 100%);
  backdrop-filter: blur(10px);
}
div[data-type=thino_view] .common-editor-inputer:has(.cm-focused) + .common-tools-wrapper >.btns-container>.confirm-btn
{
  background-color:var(--interactive-accent);
}
div[data-type=thino_view]  button:not(.clickable-icon):hover
  {
    box-shadow: none;

}
div[data-type=thino_view] .queries-wrapper>.create-query-btn-container>.btn
{
  border: 1px solid var(--memos-memo-border);
}
body:not(.thino-default)  .heatmap-date-picker-wrapper>.date-picker-day-container>.date-picker-day-content>.day-item.current {
  background-color: var(--memos-stat-day-L1-bg);
  filter: opacity(0.8); 
}
body:not(.thino-default) .heatmap-date-picker-wrapper>.date-picker-day-container>.date-picker-day-content>.day-item.current .day-item-text {
  color:var(--color-base-70);
}
body:is(.thino-frosted-style) div[data-type=thino_view] .modern#page-wrapper, 
body:is(.thino-frosted-style)     div[data-type=thino_view] .memo-wrapper, .thino-hover-popover .memo-wrapper, 
body:is(.thino-frosted-style)   .block-language-thino .thino-embed-container .memo-wrapper,
body:is(.thino-frosted-style)     div[data-type=thino_view] .memo-editor-wrapper, .thino-editor-modal .memo-editor-wrapper
{
  --memos-memo-bg: transparent;
  --memos-memo-bg-primary: transparent;
}


body:is(.thino-background-default,.custom-thino-background)   div[data-type=thino_view] .modern#page-wrapper, 
body:is(.thino-background-default,.custom-thino-background)     div[data-type=thino_view] .memo-wrapper, .thino-hover-popover .memo-wrapper, 
body:is(.thino-background-default,.custom-thino-background)   .block-language-thino .thino-embed-container .memo-wrapper,
body:is(.thino-background-default,.custom-thino-background)    div[data-type=thino_view] .memo-editor-wrapper, .thino-editor-modal .memo-editor-wrapper
{
  --memos-memo-bg: var(--bg-color-settings-0-1);
  --memos-memo-bg-primary: var(--bg-color-settings-0-1);

}
body:is(.thino-background-default,.thino-frosted-style,.custom-thino-background,.thino-background-color)  div[data-type=thino_view] .modern#page-wrapper:is(.memos-chat-view,.memos-moments-view,.memos-list-view,.memos-table-view,.memos-calendar-view,.memos-waterfall-view) {
 
  background-color: transparent;
  --thino-modern-secondary:transparent;
  --thino-modern-primary:transparent;
}
body.thino-frosted-style-default  div[data-type=thino_view] .modern#page-wrapper:is(.memos-chat-view,.memos-moments-view,.memos-list-view,.memos-table-view,.memos-calendar-view,.memos-waterfall-view) 

  {
    --thino-modern-primary: var(--bg-color-settings-0-1);
    --thino-modern-secondary: transparent;
  }
  body.thino-frosted-style-default div[data-type=thino_view] .moments-view .thino-moment-wrapper {
    border-radius: var(--radius-m);
    background-color: var(--bg-color-settings-2);
}
body.thino-frosted-style-default div[data-type=thino_view] .moments-view .thino-moment-wrapper:after
{
  display:none;
}
body.thino-background-color div[data-type=thino_view].workspace-leaf-content
{
  --start-color: hsla(
    var(--thino-modern-primary-h), 
    var(--thino-modern-primary-s),
    var(--thino-modern-primary-l),
    var(--thino-modern-primary-a) 
  );
  --end-color: hsla(
    calc(var(--thino-modern-primary-h) +  30),
    calc(var(--thino-modern-primary-s) +  5%),
    calc(var(--thino-modern-primary-l) + 13%), 
    calc(var(--thino-modern-primary-a) * 0.8)
  );
  background: linear-gradient(117deg, var(--start-color), var(--end-color)); 
  --background-primary:var(--bg-color-settings-2);
  --memos-memo-bg:var(--bg-color-settings-0-1);
  --memos-memo-border:var(--bg-color-settings-0-1);
 }
 
body:not(.thino-default)  div[data-type=thino_view] .menu-btns-popup {
 
  background-color:var(--bg-color-settings-3);
  backdrop-filter: blur(10px);
}
body:not:is(.thino-background-default,.custom-thino-background,.thino-frosted-style)  div[data-type=thino_view] .memo-editor-wrapper>.memo-editor, .thino-editor-modal .memo-editor-wrapper>.memo-editor {
 
  background: linear-gradient(to bottom, var(--background-secondary), transparent);

}
 
div[data-type=thino_view] .memos-chat-view .memolist-wrapper .memolist-container .chat-view  {
  --memos-memo-bg: transparent;
}

div[data-type=thino_view] .memos-chat-view .memolist-wrapper .memolist-container .chat-view:is(.fluent-style,.inline-style) .thino-bubble.right .wrap>.content:has(:is(.callout,img)) {
  border: 1px solid var(--memos-memo-border);
}
div[data-type=thino_view] .memos-chat-view .memolist-wrapper .memolist-container .chat-view:is(.fluent-style,.inline-style) .thino-bubble.right .wrap>.content:has(:is(.callout,img)):before {
display:none;
}
body:not(.thino-default)  div[data-type=thino_view].mobile-view .search-bar-container>.quickly-action-wrapper>.quickly-action-container
{
  background-color:var(--bg-color-settings-3);
  backdrop-filter: blur(10px);
}
body:not(.thino-default)  div[data-type=thino_view] .memo-wrapper>.memo-top-wrapper>.memo-top-right-wrapper>.btns-container>.more-action-btns-wrapper>.more-action-btns-container, 
body:not(.thino-default)  .thino-hover-popover .memo-wrapper>.memo-top-wrapper>.memo-top-right-wrapper>.btns-container>.more-action-btns-wrapper>.more-action-btns-container, 
body:not(.thino-default)  .block-language-thino .thino-embed-container .memo-wrapper>.memo-top-wrapper>.memo-top-right-wrapper>.btns-container>.more-action-btns-wrapper>.more-action-btns-container,
body:not(.thino-default)  div[data-type=thino_view] .menu {
  background-color:var(--bg-color-settings-3);
  backdrop-filter: blur(10px);
}
div[data-type=thino_view].mobile-view .search-bar-container>.quickly-action-wrappe {
  padding: 0px;
  width: 275px;
}
div[data-type=thino_view].mobile-view .section-header-container>.memos-header-search-section .thino-inline-filter-container
{
  width: 275px;

}

div[data-type=thino_view] #cMenuToolbarModalBar .cMenuToolbarCommandItem {

  backdrop-filter: unset;

}
div[data-type=thino_view] #cMenuToolbarModalBar .more-menu
{
  border:none;
}
div[data-type=thino_view] #cMenuToolbarModalBar.cMenuToolbarGlassAesthetic,
div[data-type=thino_view] #cMenuToolbarModalBar.cMenuToolbarGlassAesthetic~#cMenuToolbarPopoverBar
{
  backdrop-filter: unset;
}
div[data-type=thino_view].mobile-view .search-bar-container {
  width: auto;
}
div[data-type=thino_view] .search-bar-container>.search-bar-inputer{
  
  background-color: transparent!important;
  padding:0;
}
div[data-type=thino_view].mobile-view .search-bar-container>.search-bar-inputer input:focus{
 background-color: var(--memos-bg-searchbar-lightgray);
  }
div[data-type=thino_view] .daily-thinos-list-wrapper .daily-thinos-view-wrapper .daily-thinos-view-container .date-card-container>.date-container-details .details-text
{
  font-size:18px;
}
 
div[data-type=thino_view].mobile-view .thino-inline-filter-container .btns-container
{
  flex-wrap: wrap;
}

div[data-type=thino_view].mobile-view .memo-editor-wrapper,
 .thino-editor-modal .memo-editor-wrapper
{
  padding:8px;
}

body  div[data-type='thino_view'] .memo-editor-wrapper:has(.cm-focused)   {

  border: 1px solid var(--color-base-30);
}
div[data-type=thino_view] .user-banner-container>.userinfo-header-container>.userinfo-container .thino-user-icon
{
  background-color: transparent!important;
  box-shadow:none;
}
 
div[data-type=thino_view]:not(.mobile-view) .memos-moments-view .section-header-container.memos-header-container
{
  justify-content: flex-start;
  height: 40px;
    flex-wrap: nowrap;
    margin-top: 0;
    padding: 0 20px;  
}
div[data-type=thino_view] .moments-view .moments-view-background-wrapper .moments-show-editor-btn
{
 top:20px;
}

div[data-type=thino_view].mobile-view .search-bar-container>.quickly-action-wrapper>.quickly-action-container,
div[data-type=thino_view] .search-bar-container>.quickly-action-wrapper>.quickly-action-container,
 .thino-canvas-filter-group .search-bar-container>.quickly-action-wrapper>.quickly-action-container {
   
  background-color:var(--color-base-20);

}
 
div[data-type=thino_view] .section-header-container>.memos-header-search-section .thino-inline-filter-container
{
  background-color:var(--color-base-20);

}
div[data-type=thino_view] .modern  input:not([type=checkbox])
{
  border: 1px solid var(--background-modifier-border);
}

div[data-type=thino_view].mobile-view .modern .content-wrapper:has(.moments-view:not(.show-editor)) .section-header-container,
div[data-type=thino_view] .content-wrapper:has(.moments-view:not(.show-editor)) .section-header-container {
  /* position: absolute; */
  z-index:1;
  width:calc(100% - 55px);
}
 
div[data-type=thino_view] .memos-moments-view .filter-query-container {
  z-index: 1;
  padding: 6px 0 0 20px;
  justify-content: flex-start;
}
div[data-type=thino_view] .memos-chat-view .filter-query-container {

padding-bottom:20px;
padding-left:0px;

}
div[data-type=thino_view] .moments-view .thino-moment-wrapper .thino-moment-container .thino-moment-user-content .memo-wrapper .memo-top-wrapper .btn.more-action-btn {
  background-color:  transparent;
}
 
 body:not(.day) div[data-type=thino_view] .memos-moments-view .filter-query-container:not(.hidden) + .memolist-wrapper {
  margin-top: auto ;
}
div[data-type=thino_view]:not(.mobile-view) .memos-moments-view .section-header-container.memos-header-container:has(~.memo-editor-wrapper:not(.edit-ing)):has(~.filter-query-container:not(.hidden))
{
  opacity: 1;
}
div[data-type=thino_view] .memos-moments-view .content-wrapper:not(:has(.edit-ing)) .memolist-wrapper {

  margin-top: -60px;
  transition: all 0.2s linear;
}
body.is-mobile div[data-type=thino_view] .memos-moments-view  .memolist-wrapper {
  margin-top: 6px;
}
body.is-mobile div[data-type=thino_view] .view-header:has(+.view-content>.memos-moments-view) {
  position: absolute;
  background: transparent;
  border: none;
}
body div[data-type=thino_view] .section-header-container>.memos-header-search-section >*
{
  border-color: transparent!important;
}
body.is-mobile div[data-type=thino_view] .moments-view .moments-view-background-wrapper .moments-show-editor-btn {
  top: 68px;
}
body.is-mobile div[data-type=thino_view].mobile-view .search-bar-container>.search-bar-inputer input:focus
{
  background-color: transparent;
}
 

body.is-mobile div[data-type=thino_view] .memos-moments-view .filter-query-container:not(.hidden)
{
  margin-top: 30px;
}
 
body.is-mobile div[data-type=thino_view] .memos-moments-view .memos-sidebar-wrapper
{
  margin-top: 48px;
  height: calc(100% - 85px);
  
}
body.is-mobile div[data-type=thino_view].mobile-view .tags-wrapper
{
   background-color: transparent;
}
body.is-mobile div[data-type=thino_view] .memo-content-text
{
  padding: 0 18px 0 0;
}
div[data-type=thino_view].mobile-view .modern#page-wrapper.memos-moments-view .content-wrapper .section-header-container  .search-bar-container .search-bar-inputer
{
max-width:280px;
}

.share-memo-image-dialog .memo-content-text.markdown-rendered blockquote,
div[data-type=thino_view] .memo-content-text.markdown-rendered blockquote
{
  margin-inline-start: 0;
  margin-inline-end: 0;
}
div[data-type=thino_view] .memolist-wrapper .memolist-container .table-view th
{
  min-width:auto;
}
div[data-type=thino_view] .memolist-wrapper .memolist-container .table-view th:has(.create-at-header-cell) {
  min-width: 60px;
}
.thino-activation .thino-verify-component {
 
  background:  hsla(var(--interactive-accent-hsl),0.2);

}
div[data-type=thino_view] .user-banner-container>.userinfo-header-container>.userinfo-container .thino-user-info>.username-container>.user-pro-badge.activated
{
background: var(--color-yellow) !important;
color:#000000a3!important;
padding: 2px 4px;
margin-top: -1em;
font-size:10px;
line-height:10px;
}
body.background-settings-workplace-background-image div[data-type=thino_view]   .menu-btns-popup,
body.background-settings-workplace-background-image div[data-type=thino_view] .selector-wrapper>.items-wrapper {
 
  background-color:var(--bg-color-settings-3);
  backdrop-filter: blur(10px);
}
div[data-type=thino_view] .usage-heat-map-wrapper>.day-tip-text-container, .block-language-thino .usage-heat-map-wrapper>.day-tip-text-container, .thino-canvas-menu .usage-heat-map-wrapper>.day-tip-text-container {
  
  width: auto;

}
/****thino 分享文字背景**/

body.share-thino-with-workspace-background .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background {
 
  background-image: var(--theme-background)!important;
  background-size: cover;
}
body.theme-dark .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background {
 
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

body:is(.share-thino-with-thino-background,.share-thino-with-workspace-background, .custom-thino-share-background)  .share-memo-image-dialog>.dialog-container>.dialog-content-container.clean .memo-container>.memo-background .property-image {
  
  display:none;
   
}
body.share-thino-with-thino-background.theme-dark .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background {
 
  background-image: var(--thino-background-dark-custom)!important;
  background-size: cover;
 
}
body.share-thino-with-thino-background .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background {
 
  background-image: var(--thino-background-light-custom)!important;
  background-size: cover;
}

body.custom-thino-share-background .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background {
 
  background-image: var(--share-thino-background-light-custom)!important;
  background-size: cover;

}
body.custom-thino-share-background.theme-dark .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background {
 
  background-image: var(--share-thino-background-dark-custom)!important;
  background-size: cover;
 
}

.share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background>.memo-content-text,
.share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background>.thino-user-header,
.share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background>.watermark-container ,
.share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background>.thino-time-footer
 {
  background:rgba(255, 255, 255, var(--share-card-background-opacity-cp));
 
}

.share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container>.memo-background>.memo-content-text,
.share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container>.memo-background>.thino-user-header,
.share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container>.memo-background>.watermark-container ,
.share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container>.memo-background>.thino-time-footer
 {
 
  overflow: hidden;
}
 
.share-memo-image-dialog .memo-content-text p br {
  display: block; 
  margin-top: 0.5em; 
  content: '\A'; 
  white-space: pre; 
}

.theme-dark .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background>.memo-content-text,
.theme-dark .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background>.thino-user-header,
.theme-dark .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background>.watermark-container ,
.theme-dark .share-memo-image-dialog>.dialog-container>.dialog-content-container>.memo-container:is(.modern,.clean,.gradient)>.memo-background>.thino-time-footer
{
  background:rgba(24, 24, 24, var(--share-card-background-opacity-cp));
  overflow: hidden;
 
}

.share-memo-image-dialog>.dialog-container>.dialog-content-container.gradient .memo-container
{
  --start-color: hsla(
    var(--share-card-background-color-h), 
    var(--share-card-background-color-s),
    var(--share-card-background-color-l),
    var(--share-card-background-color-a) 
  );
  --end-color: hsla(
    calc(var(--share-card-background-color-h) -  30),
    calc(var(--share-card-background-color-s) +  10%),
    calc(var(--share-card-background-color-l) + 20%),
    0.8
  );
  background: linear-gradient(117deg, var(--start-color,#ffc3a0), var(--end-color,#ffafbd)); 

 }


 
/**********thino 加滚动条***/
body.memos-scroll div[data-type=thino_view] .memolist-wrapper .memolist-container .masonry-memolist {
  max-height: 660px;
  overflow: auto;
}
 
/**********动态海报渐变显示***/
body.memos-banner-gradient div[data-type=thino_view] .moments-view .moments-view-background-wrapper .moments-view-background {
    mask-image: linear-gradient(to bottom,black 50%,transparent);
    -webkit-mask-image: linear-gradient(to bottom,black 50%,transparent);
}
/**********隐藏头部信息***/

/* thino 隐藏头部信息 */
body.memos-hide-header 
div[data-type="thino_view"]
    .view-header
    :is(.view-header-nav-buttons, .view-header-title-container) {
    display: none;
}

body.memos-hide-header  div[data-type="thino_view"] .view-header {
    position: absolute;
    right: 0;
    background-color: transparent !important;
    top: 12px;
    transition: all 0.1s linear;
    transform: translateY(-15px);
}

body.memos-hide-header  div[data-type="thino_view"] .view-actions {
    position: relative;
}

body.memos-hide-header  div[data-type="thino_view"]  .view-header:not(:hover) {
    transform: translateY(calc(-1 * var(--header-height)));
    transition: all 0.6s linear;
}

div[data-type=thino_view] .moments-view .moments-view-background-wrapper .moments-view-background-overlay .moments-view-user-info .moments-view-user-icon,
div[data-type=thino_view] .moments-view .thino-moment-wrapper .thino-moment-icon 
{
  background-color: transparent;
}
 
div[data-type=thino_view] .memos-moments-view .search-bar-container>.quickly-action-wrapper, .thino-canvas-filter-group .search-bar-container>.quickly-action-wrapper {
  top: 38px;
  left: 220px;
  right:0;
}
.is-mobile div[data-type=thino_view].tiny-view .section-header-container>.memos-header-search-section .memos-view-switcher-wrapper, 
div[data-type=thino_view] .memos-header-container>.memos-header-search-section .memos-view-switcher-wrapper {
  border-color: transparent;
}
/********moden 动态视图模式***/
body.hider-memos-modern-banner div[data-type=thino_view]:not(.mobile-view) .memos-moments-view.modern .content-wrapper:has(.moments-view:not(.show-editor)) .section-header-container {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 8px;
  margin-top: 9px;
}
body.hider-memos-modern-banner div[data-type=thino_view] .memos-moments-view.modern .moments-show-editor-btn {
  top: 22px  ;
  right: 0px;
}
body.hider-memos-modern-banner div[data-type=thino_view] .moments-view .moments-view-background-wrapper
{
  position:unset;
}
body.hider-memos-modern-banner div[data-type=thino_view] .memos-moments-view.modern .search-bar-inputer {
  width: 90%;
}

body.hider-memos-modern-banner div[data-type=thino_view] .memos-moments-view.modern .search-bar-container>.quickly-action-wrapper {
  right: 80px;
}
body.hider-memos-modern-banner div[data-type=thino_view] .memos-moments-view.modern .moments-view .moments-view-background-wrapper .moments-view-background {
  display: none;
}
body.hider-memos-modern-banner div[data-type=thino_view] .memos-moments-view.modern .moments-view .moments-view-background-wrapper .moments-view-background-overlay {
  margin-top: -20px;
}
body.hider-memos-modern-banner  div[data-type=thino_view] .view-header:has(+.view-content>.memos-moments-view.modern) {
  display: none;
}
body.hider-memos-modern-banner div[data-type=thino_view] .memos-moments-view.modern .moments-view .moments-view-background-wrapper .moments-view-background-overlay .moments-view-user-info .moments-view-user-icon
{
  width: 40px;
  height: 40px;
  margin-top: -12px;;
}
 body.background-settings-workplace-background-image:is(.custom-thino-background,.thino-background-color) div[data-type='thino_view'] .view-content,
 body.background-settings-workplace-background-image:is(.custom-thino-background,.thino-background-color) div[data-type='thino_view'] .view-header  
 {
  background: var(--bg-color-settings-0-1) ;
 }
 body.theme-dark.background-settings-workplace-background-image:is(.custom-thino-background,.thino-background-color) div[data-type='thino_view'] .view-content,
 body.theme-dark.background-settings-workplace-background-image:is(.custom-thino-background,.thino-background-color) div[data-type='thino_view'] .view-header  
 {
  background: var(--background-primary) ;
 }
 body.thino-frosted-style-default:not(.is-mobile) div[data-type='thino_view']:not(.mobile-view) .view-content ,
  body.thino-frosted-style:not(.is-mobile) div[data-type='thino_view']:not(.mobile-view) .view-content  {
  background: var(--bg-color-settings-2) ;
  backdrop-filter: blur(20px);
  width: 95% ;
  height: 95% ;
  margin: auto;
  box-shadow: var( --window-shadow2);
  border-radius:var(--radius-l);
}
 
body.thino-frosted-style div[data-type=thino_view] .memo-editor-wrapper,
body.thino-frosted-style div[data-type=thino_view] .memo-wrapper,
body.thino-frosted-style:not(.is-mobile) div[data-type='thino_view']:not(.mobile-view) .view-content .status-text-container.sidebar .status-sidebar-wrapper .status-text
{
  --memos-bg-lightgray: transparent;
  --memos-memo-border:transparent;
  --memos-memo-bg:transparent;
 
}
body:is(.thino-frosted-style,.custom-thino-background,.thino-background-color)  div[data-type=thino_view] #page-wrapper:is(.memos-chat-view,.memos-moments-view,.memos-list-view,.memos-table-view,.memos-calendar-view,.memos-waterfall-view) {
  background: var(--bg-color-settings-2) ;
  
}
 
/**memos 输入框移到下方***/
body.memos-inputbox div[data-type='thino_view']:not(.mobile-view) #page-wrapper .memo-editor-wrapper {
  bottom: 0;
  margin-bottom: -145px;
  position: absolute;
  padding:8px;
}
body.memos-inputbox div[data-type='thino_view']:not(.mobile-view) .memolist-wrapper.completed {
  padding-bottom: 20px;
}
body.memos-inputbox div[data-type='thino_view']:not(.mobile-view) #page-wrapper > .content-wrapper {
  height: calc(100% - 150px);
}

body.memos-inputbox div[data-type='thino_view']:not(.mobile-view) .memolist-wrapper {
  flex-direction: column-reverse;
}
body.memos-inputbox div[data-type=thino_view] .memolist-wrapper .memolist-container .list-view .masonry-memolist-grid_column {

  flex-direction: column-reverse;
}
body.memos-inputbox div[data-type=thino_view] .common-editor-wrapper .common-editor-inputer
{
  min-height: 78px;
}
  
 
/* ==============Commander================ */

.cmdr.titlebar-button{
  float: left;
  left: 100px;
}

/* =============recent files=============== */

/**recent file **/
body.remove-file-icons .workspace-leaf-content[data-type="recent-files"] .view-content {
  padding: unset;
}

body.remove-file-icons:not(.remove-arrow) .nav-folder.mod-root>.nav-folder-children>.nav-file {
  padding-left: 16px;
}
body.remove-file-icons.remove-arrow .nav-folder.mod-root {
  padding-left: 4px;
}
.workspace-leaf-content[data-type="recent-files"] .view-content {
  padding: 3px 0 3px 3px;
}
.workspace-leaf-content[data-type="recent-files"] .nav-folder.mod-root {
  height: fit-content;
}

/**end recent file **/
/* =============Db folder=============== */

/**db folder*/
.database-plugin__cell_size_normal div.dataview-error-box {
  min-height:auto;
}
.database-plugin__cell_size_normal .database-plugin__tr .data-input {
  padding: 0;
  flex: 0;
  font-size: 0.9em;
}
.database-plugin__cell_size_normal .database-plugin__tr .data-input .markdown-preview-view {
  padding:0px;

}
.database-plugin__cell_size_normal .database-plugin__tr .database-plugin__td .database-plugin__md_cell {
  padding: 0;
}
.database-plugin__cell_size_normal .data-input > *
{
  align-items: center;
}
.database-plugin__cell_size_normal .data-input > div
{
  display: flex;;
  align-items: center;
}

.data-input.database-plugin__calendar {
  flex: 0;
  cursor: pointer;
}

div.react-datepicker-wrapper {
  flex: 0;
}
.data-input.text-align-right {
  flex: 0;
}
.database-plugin__td :is(.cell-padding, .data-input):empty::before {
  content: "✏️";
  text-align: center;
  color: hsla(var(--interactive-accent-hsl),0.8);
  pointer-events: none;
}
.database-plugin__markdown-preview-view {
  padding: 0;
}
.database-plugin__markdown-preview-view p{
  margin-block-start: 0;
  margin-block-end: 0;
}
.database-plugin__tr .database-plugin__td {
  background-color: transparent;
}
.database-plugin__tr .database-plugin__td .data-input {
  background-color: transparent;
}
.database-plugin__table .database-plugin__tr:nth-child(odd) {
  background-color: var(--table-background-color-odd);
}

.database-plugin__td input[type="checkbox"] {
  border: 1px dashed currentColor;
}
.database-plugin__td  input[type="checkbox"]:checked {
  border: none;
}
.database-plugin__td .database-plugin__checkbox input[type="checkbox"]:checked::before {
  transform: scale(0);
}


/* =============folder tree===================== */

.oz-folders-tree-wrapper .oz-folder-contents {
  border-left: 1px solid var(--background-modifier-border);
}
.oz-folders-tree-wrapper .file-tree-header-fixed {
  background-color: transparent;
}
body.hide-titlebar-close-btn.hide-left-ribbon-retention-drawer .file-tree-plugin-view .oz-nav-action-button {
  margin-left: 20px!important;
}
.file-tree-plugin-view .oz-flex-container {
 margin-top: -6px;
}
.file-tree-plugin-view  .oz-folders-tree-wrapper{
  margin-top: -8px;
}
/* ================================== */
/* ============== webpage export html ============= */
/* ================================== */

.webpage-container {
  --banner-height:300px;
  --banner-internal-embed-height:200px;
  --banner-preview-embed-height:120px;
  }
  
body.color-scheme-options-simplicity-topaz.theme-dark.background-settings-workplace-background-image .webpage-container::before {
  filter: blur(var(--blur-depth)) brightness(calc(var(--brightness-4-bg) - 0.5)) saturate(var(--saturate-4-bg));
}
body.background-settings-workplace-background-image.theme-light .webpage-container::before,
body.background-settings-workplace-background-image.theme-dark .webpage-container::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.background-settings-workplace-waves2-light.theme-light .webpage-container::before,
body.background-settings-workplace-background-image.background-settings-workplace-waves2.theme-dark .webpage-container:before {
  content: "";
  position: fixed;
  height: auto;
  width: 300%;
  top: 75%;
  left: -25%;
  background-image: unset;
  -webkit-mask-image: var(--theme-background);
  background-size: 100% 100%;
  opacity: 0.7;
  filter: blur(var(--blur-depth)) brightness(var(--brightness-4-bg)) saturate(var(--saturate-4-bg));
  background-color: var(--wave2-background-color);
}
body.background-settings-workplace-background-image .webpage-container::before {
  content: '';
  display: block;
  position: absolute;
  top: -37px;
  right: -15px;
  bottom: 0;
  left: -15px;
}
  
body.background-settings-workplace-background-image.background-settings-workplace-waves-light.theme-light .webpage-container::before, 
body.background-settings-workplace-background-image.background-settings-workplace-waves.theme-dark .webpage-container::before {
  content: "";
  position: fixed;
  height: auto;
  width: 300%;
  transform: rotate(180deg);
  top: 75%;
  left: -25%;
  background-image: unset;
  -webkit-mask-image: var(--theme-background);
  background-size: 100% 100%;
  opacity: 0.7;
  filter: blur(var(--blur-depth)) brightness(var(--brightness-4-bg)) saturate(var(--saturate-4-bg));
  background-color: var(--wave-background-color);
}
  
.document-container :is(.markdown-preview-view,.markdown-rendered),.document-container .markdown-source-view {
  background-color: var(--background-primary)!important;
}

/* ================================== */
/* ============== quiet-outline ============= */
/* ================================== */

/**quiet outline**/
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .view-content {
  padding: unset;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-rail {
  background-color: var(--background-secondary-alt);
  box-shadow: 0 3px 5px var(--background-modifier-box-shadow);
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-rail .n-slider-rail__fill {
  background-color: var(--background-modifier-border);
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-dots .n-slider-dot {
  background-color: var(--background-primary);
  border: 2px solid var(--background-modifier-border);
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-slider .n-slider-dots .n-slider-dot.n-slider-dot--active {
  border: 2px solid var(--interactive-accent);
}


body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-button {
  width: 32px;
  height: 32px;
  background-color: var(--background-secondary-alt);
  border: 0px;
  border-radius: var(--radius-l);
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-button .n-button__icon svg {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-button .n-button__border,
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-button .n-button__state-border {
  display: none;
}

body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .n-tree-node-content__text p {
  color:var(--text-normal);
}


body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline {
  padding-top: 10px;
  padding-bottom: 28px;
  margin-bottom: 5px;
  border-radius: var(--radius-l);
}

body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .function-bar > :first-child {
  margin-right: 8px;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-2 .n-tree-node-indent,
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-3 .n-tree-node-indent:first-child,
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-4 .n-tree-node-indent:first-child,
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-5 .n-tree-node-indent:first-child,
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-6 .n-tree-node-indent:first-child {
  border-right: 1px solid rgb(var(--accent-1-rgb),0.5) ;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-3 .n-tree-node-indent,
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-4 .n-tree-node-indent:nth-child(2),
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-5 .n-tree-node-indent:nth-child(2),
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-6 .n-tree-node-indent:nth-child(2) {
  border-right: 1px solid rgb(var(--accent-2-rgb),0.5) ;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-4 .n-tree-node-indent,
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-5 .n-tree-node-indent:nth-child(3),
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-6 .n-tree-node-indent:nth-child(3) {
  border-right: 1px solid rgb(var(--accent-3-rgb),0.5) ;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-5 .n-tree-node-indent,
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-6 .n-tree-node-indent:nth-child(4) {
  border-right: 1px solid rgb(var(--accent-4-rgb),0.5) ;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .level-6 .n-tree-node-indent {
  border-right: 1px solid rgb(var(--accent-5-rgb),0.5) ;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled):hover {
  background-color: hsla(var(--interactive-accent-hsl),0.2)
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled):hover p {
  color: var(--text-accent-hover);
}

body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .n-tree-node--selectable.located p {
  color: var(--text-accent-hover);
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .quiet-outline .n-tree-node--selected p {
  color: var(--text-accent-hover);
  font-weight: 600;
  background-color: hsla(var(--interactive-accent-hsl),0.2)
}

body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-input {
  height: 32px;
  background-color: var(--background-primary);
  border-radius: var(--radius-l);
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__border {
  border: 0;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-input:not(.n-input--disabled):hover .n-input__state-border,
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-input:not(.n-input--disabled).n-input--focus .n-input__state-border {
  border: 0;
  box-shadow: unset;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__placeholder {
  display: none;
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__input input {
  caret-color: var(--interactive-accent);
}
body.quiet-outline-optimize .workspace-leaf-content[data-type=quiet-outline] .n-input .n-input__input input::placeholder {
  color: var(--text-faint);
}
/* #end quiet outline */

/* ============ */
/*table-generatorn*/
/* ============ */

.table-generator {
  animation:0.2s popup forwards;
  border-radius:10px;
  width: auto!important;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
}

.table-generator-view {
  border: none !important;
}
.input-table-generator {
  font-size: small;
}
.input-table-generator input {
  outline-style: none;
  border: 1px solid var(--background-modifier-border)!important;
  border-radius: 3px;
}
.table-generator button {
  border: 1px solid var(--background-modifier-border)!important;
  border-radius: 3px;
}

/* ============ */
/*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: auto !important;
  margin-left: 0 !important;
  display: block;
}

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: auto !important;
  margin-right: 0 !important;
  display: block;
}

img[alt$="centre"]:not([class*="emoji"]),
img[alt$="center"]:not([class*="emoji"]),
img[alt$="CENTRE"]:not([class*="emoji"]),
img[alt$="CENTER"]:not([class*="emoji"]),
img[alt$="Center"]:not([class*="emoji"]),
img[alt$="Centre"]:not([class*="emoji"]),
img[alt$="C"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="centre"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="center"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="Centre"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="Center"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="CENTRE"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="CENTER"]:not([class*="emoji"]),
.markdown-source-view.mod-cm6 img[alt$="C"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="centre"] img[alt$="right"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="center"] img[alt$="Right"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="Centre"] img[alt$="RIGHT"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="Center"] img[alt$="R"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="CENTRE"] img[alt$="Right"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="CENTER"] img[alt$="RIGHT"]:not([class*="emoji"]),
.internal-embed.image-embed.is-loaded[alt$="C"] img[alt$="R"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="centre"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="center"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="Centre"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="Center"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="CENTRE"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="CENTER"]:not([class*="emoji"]),
body:not(.image-zoom) .view-content img[alt$="C"]:not([class*="emoji"]) {
  margin: auto !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"]),
img[alt$="INL"]: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"]),
img[alt$="INLL"]: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"]),
img[alt$="INLR"]:not([class*="emoji"]),
img[alt$="InlR"]:not([class*="emoji"]) {
  float: right;
  padding: 0 0 0.05em 0.05em !important;
}

img.excalidraw-svg-right,
img.excalidraw-svg-Right,
img.excalidraw-svg-RIGHT,
img.excalidraw-svg-R {
  float: right !important;
}

img.excalidraw-svg-left,
img.excalidraw-svg-Left,
img.excalidraw-svg-LEFT,
img.excalidraw-svg-L {
  float: left !important;
}

img.excalidraw-svg-right,
img.excalidraw-svg-Right,
img.excalidraw-svg-RIGHT,
img.excalidraw-svg-R,
img.excalidraw-svg-left,
img.excalidraw-svg-Left,
img.excalidraw-svg-LEFT,
img.excalidraw-svg-L {
  display: table;
  width: 100%
}

/* 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"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Centre"],
: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"],
: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$="C"] {
  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,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Centre"]::after,
: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,
: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$="C"]::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"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="LEFT"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Left"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="L"] {
  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,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="LEFT"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Left"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="L"]::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$="right"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="RIGHT"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Right"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="R"] {
  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,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="RIGHT"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Right"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="R"]::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$="inline"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Inline"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="INLINE"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="inl"],
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="INL"],
: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$="inline"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="Inline"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="INLINE"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="inl"]::after,
:is(.markdown-preview-view,.markdown-rendered,.markdown-source-view.mod-cm6.is-live-preview) .image-embed[src$="INL"]::after,
: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 */
body 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 .heading-collapse-indicator.collapse-indicator ,
body:not(.default-icons).is-mobile h2 .heading-collapse-indicator.collapse-indicator ,
body:not(.default-icons).is-mobile .heading-collapse-indicator.collapse-indicator  {
  padding-left: 2px;
}

body:not(.default-icons).is-mobile div.is-collapsed .heading-collapse-indicator.collapse-indicator  {
  transform: translateX(10px) translateY(6px) rotate(-90deg)
}

body:not(.default-icons).is-mobile div.is-collapsed h1 .heading-collapse-indicator.collapse-indicator ,
body:not(.default-icons).is-mobile div.is-collapsed h2 .heading-collapse-indicator.collapse-indicator  {
  transform: translateX(10px) 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;
  -webkit-mask-image: unset;
  text-overflow: ellipsis;
}

.is-mobile .view-header-title-container,
.is-mobile .view-header {
  height: 40px;
}

.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;
}

/*按钮颜色*/
/*图标按钮*/
button:not(.clickable-icon) {
  box-shadow: none;
}
button:not(.clickable-icon):hover {
  box-shadow: var(--input-shadow-hover);
}
body.style-options-for-buttons-plugin button.circle_btn {
  box-shadow: none;
  font-size: 12px;
  word-break: keep-all;
  margin: 4px;
  padding: 0px;
  height: 50px;
  /* border-radius:50%; */
  position: relative;
  border: 0;
  display: inline-grid;
  text-align: center;
  justify-items: center;
}
/* blank 透明按钮*/
body.style-options-for-buttons-plugin button.blank {
  box-shadow: none;
  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 {
  margin: 0px 3px !important
}

.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: 5px;
}

.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;
}

.is-mobile .cm-foldGutter .cm-gutterElement {
  color: transparent !important;
}

.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: 0 !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 :is(.markdown-preview-view,.markdown-rendered).kanban-plugin__markdown-preview-view {
  padding: 0 5px;
}

/***修复iphone 底部横条不透明的问题***
body.is-mobile {
  padding-bottom: 0 !important;
}
/*** iphone标题栏上方遮罩***
body.is-mobile .safe-area-top-cover {
  background-color: var(--background-primary);
}
/*** iphone标题栏上方遮罩 设置背景色后遮罩颜色跟工作区保持一致***
body.is-mobile.background-settings-workplace-background-image .safe-area-top-cover {
  background-color: var(--background-primary);
}
*/

body.is-mobile .menu {
  background-color: var(--color-base-20);
}
body.is-mobile .menu {
  color:var(--text-muted);
}
body.is-mobile .menu-item-title {
  padding-left: 4px;
}

/* 侧边栏文件列表字体大小
.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: calc(var(--font-size-folder-and-file) + 0.2em);
  line-height: 1.5;
  margin-bottom: 2px;
} */

/* body:not(.default-icons).is-mobile .nav-folder-collapse-indicator::before {
  margin-left: -0.1em;
} */

/*侧边栏工作区标题*/
.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-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%;
  }

  /*伪看板优化显示*/
  .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::before {
    top: 1px;
  } */
}

/*=======================
===  projects  by cuman====
========================*/
.projects-container [role='row']:hover {
  background-color:  hsla(var(--color-accent-hsl), 0.1);
}

.projects-container [role='row'] {
  position: relative;
  font-size: var(--font-ui-small);
}
.projects-container a {
  font-size: var(--font-ui-small);
  text-decoration-line:none;
}

.projects-container [role='row'] [role='gridcell']{
  background-color: transparent;
}

.projects-container [role='row'] [role='gridcell'][aria-selected="true"]::before {
  content: " ";
  position:absolute;
  left: 0;
  min-height: 30px;
  background-color: hsla(var(--color-accent-hsl), 0.2);
  width: 100%;
  pointer-events: none;
}

.projects-container [role='row'] [role='gridcell'].selected {
  box-shadow: 0 0 0 1px var(--interactive-accent);
}

.projects-container div.rowHeader {
  backdrop-filter: blur(10px);
}
/*=======================
===  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.is-mobile .dialogue-plugin-message {
  max-width: calc(100% - 2em) !important;
}
body.dialogue-style-wechat.is-mobile .dialogue-plugin-message .dialogue-plugin-message-content {
  margin-left: 2em;
  margin-right: 2em;
}

body.dialogue-style-wechat.is-mobile .dialogue-plugin-message .dialogue-plugin-message-title {
  min-width:unset;
  margin-left: -1em;
  margin-right: -1em;
}

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: 0;

}
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,
body.dialogue-style-wechat .chat-view-bubble> :not(:is(h1,h2,h3,h4,h5,h6,sub)) {
  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-bubble> :not(:is(h1,h2,h3,h4,h5,h6,sub)):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);
}

.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: var(--code-language);
}

.markdown-source-view .HyperMD-codeblock.HyperMD-codeblock-bg.cm-line {
  letter-spacing: calc(var(--letter-space-code) * 0.02em);
  line-height: var(--line-height-normal);
}

.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);
}

.markdown-source-view.mod-cm6 .cm-content {
  caret-color: var(--cursor-color);
}

body.bt-colorful-titlebar .titlebar::after {
  z-index:-1;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--background-titlebar-inner);
}

body.theme-dark.bt-colorful-titlebar .workspace-split.mod-root .workspace-tab-header.is-active.mod-active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
  background-color: #181818;
}
body.theme-light.bt-colorful-titlebar .workspace-split.mod-root .workspace-tab-header.is-active.mod-active {
  box-shadow: none;
  background-color:var(--color-base-00);
}
body.theme-light.background-settings-workplace-background-image .workspace-ribbon.side-dock-ribbon.mod-left,
body.theme-light.background-settings-workplace-background-image .workspace-ribbon.side-dock-ribbon.mod-right,
body.theme-light.background-settings-workplace-background-image .nav-folder.mod-root>.nav-folder-title {
  background-color: var(--background-secondary);
}
body.theme-dark.background-settings-workplace-background-image .workspace-ribbon.side-dock-ribbon.mod-left {
  background-color: var(--background-secondary)
}
body.theme-dark.background-settings-workplace-background-image .workspace-ribbon.side-dock-ribbon.mod-right {
  background-color: var(--background-primary-alt);
}


/*==== 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,
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-left-split>.workspace-leaf-resize-handle:hover,
.workspace-split.mod-right-split>.workspace-leaf-resize-handle:hover {
  background-color: hsla(var(--interactive-accent-hsl),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-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);
}

.workspace-tabs {
  background-color: var(--background-secondary);
  padding-right: 0;
}

.is-hidden-frameless.mod-windows .titlebar-button {
  background: var(--background-primary);
}

body:not(.color-scheme-options-simplicity-topaz) .workspace-ribbon.mod-left:before,
body:not(.color-scheme-options-simplicity-topaz) .workspace-split.mod-root,
body:not(.color-scheme-options-simplicity-topaz) .workspace-tabs {
  background: var(--background-secondary-alt);
}


.workspace-tab-header-container {
  background: var(--background-secondary-alt);
}

body.background-settings-workplace-background-image .workspace-tab-header-container,
body.background-settings-workplace-background-image:not(.is-frameless) .workspace-split.mod-root .workspace-tab-header-container,
body.background-settings-workplace-background-image:not(.is-frameless) .mod-root .workspace-tabs .workspace-leaf,
body.background-settings-workplace-background-image .workspace {
  background: transparent;
}
 
body.background-settings-workplace-background-image .workspace-ribbon.mod-left:before,
body.background-settings-workplace-background-image .workspace-tabs {
  background: var(--background-secondary);
}


body.toggle-divider-lines {
  --divider-color: transparent;
  --tab-outline-color: transparent;
  --tab-divider-color: transparent;
  --bt-bubble-border-color: transparent;
}
body.toggle-divider-lines .workspace-ribbon,
body.toggle-divider-lines .workspace-split > .workspace-leaf-resize-handle,
body.toggle-divider-lines .view-header  {
  border: none;
}

body.toggle-divider-lines .workspace-split .workspace-leaf-content
{
  border: none!important;
}
body.toggle-divider-lines .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:not(:hover) {
  border-bottom-color: transparent;
}

body.toggle-divider-lines .workspace-ribbon.mod-left:before {
  border-bottom: var(--tab-outline-width) transparent;
}
body.toggle-divider-lines .workspace-tab-header-container{
  border-bottom: var(--tab-outline-width) transparent;
}

body.toggle-divider-lines .workspace-split.mod-root .workspace-tab-header.is-active {
  box-shadow: var(--window-shadow);
}

/*
body.background-settings-workplace-background-image .titlebar,
body.background-settings-workplace-background-image .workspace-ribbon.mod-left {
  background: var(--background-secondary);
}
*/
body.background-settings-workplace-background-image.theme-dark .workspace-ribbon.mod-left {
  background: transparent;
}

body.background-settings-workplace-background-image .workspace-tab-header::before {
  clip-path: inset(50% 0 0 50%);
  left: calc(var(--tab-curve) * -1.97);
}
body.background-settings-workplace-background-image .workspace-tab-header::after {
  clip-path: inset(50% 50% 0 0);
  right: calc(var(--tab-curve) * -1.97);
}

body.background-settings-workplace-background-image .nav-folder.mod-root>.nav-folder-title {
  background-color: transparent;
}

body.background-settings-workplace-background-image {
  --tab-text-color-focused: var(--text-normal);
  --titlebar-text-color-focused: var(--text-noraml);
  --canvas-background: transparent;
}

body.is-frameless.background-settings-workplace-background-image.theme-dark {
  --divider-color: #22222288;
}

/*
body.is-frameless.background-settings-workplace-background-image .workspace-tab-header.is-active {
  box-shadow: none;
}
*//*
body.is-frameless.background-settings-workplace-background-image .workspace-split.mod-root,
body:not(.is-focused).is-frameless.background-settings-workplace-background-image .workspace-tabs.mod-top .workspace-tab-header-container,
body.is-frameless.background-settings-workplace-background-image .workspace-tabs.mod-top .workspace-tab-header-container,
body.is-frameless.background-settings-workplace-background-image .workspace-split.mod-root .workspace-tab-header-container {
  background-color: transparent !important;
}
*/
body:not(.is-focused):not(.is-frameless) .workspace-split.mod-root .workspace-tab-header-container {
  background-color: transparent;
}

.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 {
  background-color: var(--background-secondary);
}


.view-header {
  border-top: none;
  height: 33px;
 
}

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;
}

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

:is(.markdown-preview-view,.markdown-rendered),
.markdown-source-view {
  background-color: transparent;
}


body.view-button-front .popover .workspace-leaf-content:is([data-mode="preview"],[data-mode="source"]) .view-header .view-actions>:is([aria-label^="该面板处于编辑视图中"],[aria-label^="Current view: editing"]),
body.view-button-front .popover .workspace-leaf-content:is([data-mode="preview"],[data-mode="source"]) .view-header .view-actions>:is([aria-label^="该面板处于编辑视图中"],[aria-label^="Current view: editing"]) {
  left: 0;
  top: 6px;
}
body.view-button-front .popover .workspace-leaf-content[data-mode='preview'] .view-header .view-actions>:is([aria-label^="该面板处于阅读视图中"],[aria-label^="Current view: reading"]) ,
body.view-button-front .popover .workspace-leaf-content[data-mode='preview'] .view-header .view-actions>:is([aria-label^="该面板处于阅读视图中"],[aria-label^="Current view: reading"]) {
  left: 0;
  top: 6px;
}

body.is-mobile.view-button-front .workspace-leaf-content:is([data-mode="preview"],[data-mode="source"]) .view-header .view-actions>:is([aria-label^="该面板处于编辑视图中"],[aria-label^="Current view: editing"]) {
  left: 0;
  top: 6px;
}

body.view-button-front .workspace-leaf-content:is([data-mode="preview"],[data-mode="source"]) .view-header .view-actions>:is([aria-label^="该面板处于编辑视图中"],[aria-label^="Current view: editing"]) {
  opacity: 0.8;
  position: absolute;
  left: 8px;
  top: 3px;
}
body.is-mobile.view-button-front .workspace-leaf-content[data-mode='preview'] .view-header .view-actions>:is([aria-label^="该面板处于阅读视图中"],[aria-label^="Current view: reading"]) {
  left: 0;
  top: 6px;
}
body.view-button-front .workspace-leaf-content[data-mode='preview'] .view-header .view-actions>:is([aria-label^="该面板处于阅读视图中"],[aria-label^="Current view: reading"]) {
  opacity: 0.5;
  position: absolute;
  left: 8px;
  top: 3px;
}
body.view-button-front .workspace-leaf-content[data-mode='preview'] .view-header:hover .view-actions>:is([aria-label^="该面板处于阅读视图中"],[aria-label^="Current view: reading"]) {
  opacity: 1;
}

body.view-button-front:not(.color-scheme-options-simplicity-topaz) .workspace-leaf-content .view-header .view-header-nav-buttons {
  margin-left: 25px;
}
body.view-button-front.hide-titlebar-close-btn.hide-left-ribbon-retention-drawer.color-scheme-options-simplicity-topaz .workspace-leaf-content .view-header .view-header-nav-buttons {
  margin-left: 5px;
}

body.view-button-front .workspace-leaf-content[data-mode='source'] .view-content .markdown-source-view:not(.is-live-preview)::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='M84.8 468.8H43.2C17.6 468.8 0 486.4 0 512s17.6 43.2 43.2 43.2h43.2C110.4 555.2 128 537.6 128 512s-17.6-43.2-43.2-43.2zM384 468.8h-43.2c-25.6 0-43.2 17.6-43.2 43.2s17.6 43.2 43.2 43.2H384c25.6 0 43.2-17.6 43.2-43.2s-17.6-43.2-43.2-43.2zM683.2 468.8H640c-25.6 0-43.2 17.6-43.2 43.2s17.6 43.2 43.2 43.2h43.2c25.6 0 43.2-17.6 43.2-43.2-1.6-25.6-17.6-43.2-43.2-43.2zM980.8 468.8h-43.2c-25.6 0-43.2 17.6-43.2 43.2s17.6 43.2 43.2 43.2h43.2c25.6 0 43.2-17.6 43.2-43.2s-17.6-43.2-43.2-43.2z' fill='%23666666'/%3E%3C/svg%3E");
  background-size: 14px 16px;
  background-repeat: no-repeat;
  height: 12px;
  width: 15px;
  position: absolute;
  z-index: 1;
  top: 17px;
  left: 26px;
  opacity: 0.5;
  pointer-events: none;
}

body.hide-titlebar-close-btn.hide-left-ribbon-retention-drawer.view-button-front  .workspace-leaf-content[data-mode='source'] .view-content .markdown-source-view:not(.is-live-preview)::before {
  left: 38px;
}

body.view-button-front:not(.remove-custom-svg-icons) .workspace-leaf-content .view-header .view-actions svg.svg-icon.lucide-book-open {
  -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='M114.18 936.37c-7.08-0.01-13.88-2.83-18.90-7.84-7.13-7.13-9.73-17.60-6.78-27.24 0.58-1.89 58.08-190.17 69.57-232.60 1.24-4.57 3.65-8.73 6.99-12.08 0 0 509.13-509.34 524.08-524.12 27.32-27.32 63.92-43.31 102.51-44.84 35.84 0.81 69.89 15.79 94.70 41.66 32.72 31.43 49.66 65.07 50.34 100.03 0.52 35.39-15.64 70.37-48.22 103.97C856.96 365.85 382.08 835.45 361.87 855.42c-3.13 3.09-6.97 5.37-11.19 6.62-31.98 9.53-226.32 72.36-228.29 72.99C119.75 935.90 116.98 936.35 114.18 936.37zM207.99 690.03c-10.01 35.62-39.82 125.58-56.68 181.06 55.85-17.99 146.82-49.51 177.65-59.01 50.76-50.21 491.57-486.20 521.11-516.63 22.12-22.85 33.24-44.76 32.85-65.12-0.40-19.87-11.67-40.69-33.65-61.74-14.94-16.13-35.63-25.74-57.60-26.73-24.42 1.73-47.44 12.11-64.90 29.28-14.10 13.90-465.93 465.95-518.84 518.88L207.99 690.03zM350.36 853.71c-13.57-0.06-24.98-10.20-26.63-23.68-6.27-30.87-21.46-59.22-43.70-81.52-22.46-24.48-52.04-41.30-84.56-48.09-14.71-1.90-25.17-15.27-23.48-30.01 1.53-14.70 14.70-25.39 29.40-23.85 0.01 0 0.03 0 0.05 0 88.93 17.85 158.30 87.60 175.66 176.62 1.91 14.80-8.50 28.34-23.28 30.29-1.16 0.15-2.33 0.22-3.51 0.22L350.36 853.71zM828.88 369.14c-13.58-0.05-24.99-10.20-26.62-23.68-14.30-64.29-64.20-114.68-128.34-129.60-14.70-1.94-25.13-15.30-23.45-30.03 1.51-14.67 14.63-25.35 29.31-23.85 0.03 0.01 0.06 0.01 0.10 0.01 44.72 8.07 85.64 30.37 116.68 63.57 30.72 30.78 51.32 70.19 59.05 112.99 2.02 14.73-8.28 28.31-23.02 30.33-1.25 0.18-2.52 0.26-3.80 0.26L828.88 369.14z' fill='%23666666'/%3E%3C/svg%3E");
  opacity:0.6;
}

body:not(.remove-custom-svg-icons) .workspace-leaf-content[data-type="markdown"] .view-header-icon:hover::before {
  content:"👆🏻";
  opacity: 0.6;
  margin-left: -12px;
}


body.folder-icons .nav-files-container .nav-folder-title-content::before {
  position: relative;
  content: "";
  display: inline-block;
  opacity: 0.9;
  top: 2px;
  margin-left: -1px;
  width: 0.95rem;
  height: 0.95rem;
  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: 0.95rem;
  height: 0.95rem;
  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>');
} 

.folder-note-underline .nav-folder.is-collapsed .nav-folder-title-content {
  text-decoration-line: underline;
  /* text-decoration-color: var(--text-faint); */
  text-decoration-color: var(--tab-color);

  color: var(--tab-color);
  text-decoration-thickness: 2px;
  line-height: 1.6;
  text-underline-offset: 4px;

}

 
/* 添加彩色点 by 熊猫 2023-12-27_00:26:41 */
.folder-note-dot .nav-folder .nav-folder-title-content
{
  width: 100%
}
.folder-note-dot .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title, .workspace-leaf-content[data-type="file-explorer"] .tree-item-self.is-clickable.nav-folder-title {

  padding: var(--nav-item-parent-padding);
}

.folder-note-dot .workspace-leaf-content>.nav-files-container>div>.tree-item.nav-folder .nav-folder-title:after {
  color: var(--tab-color);
  content: "⬤";
  position: relative;
  margin-left: 10px;
  top: 0px;
  right: 0.3rem ;
  opacity: 0.7;
}


body.remove-arrow:not(.default-icons):not(.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked) .nav-folder-collapse-indicator::before {
  display: none;
}
body.remove-arrow:not(.default-icons) :not([class*="mk-tree"]).nav-folder-title-content {
  margin-left: -18px;
}

body.remove-arrow:not(.default-icons) .tree-item.nav-folder.mod-root>.tree-item-self.nav-folder-title {
  padding-left: 23px;
  margin-left: -10px;
}

body.remove-arrow .nav-folder-title .iconize-icon {
  margin: 0 22px 0 -18px !important;
}

body:not(.remove-file-icons) [data-type="starred"] .nav-file-icon .svg-icon {
  padding: 4px 0 0;
}

body:not(.remove-file-icons) .workspace-leaf-content[data-type="starred"] .nav-file-title-content::before {
  display: none;
}
body:not(.remove-file-icons) .nav-file-title .nav-file-title-content:not(.mk-tree-text)::before {
  position: relative;
  content: "";
  display: inline-block;
  width: 0.9rem;
  opacity: 0.9;
  top: 0.15rem;
  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) .nav-file-title[data-path$=".pdf"] .nav-file-title-content::before {
  -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="M12 16H8V8h4a4 4 0 1 1 0 8zm-2-6v4h2a2 2 0 1 0 0-4h-2zm5-6H5v16h14V8h-4V4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0 1 20.007 22H3.993A1 1 0 0 1 3 21.008V2.992z"/></svg>');
  filter: hue-rotate(-45deg);
}

body:not(.remove-file-icons) .nav-file-title[data-path$=".pdf"] .nav-file-tag {
  background-color: var(--theme-color-translucent-01);
  color: var(--theme-color);
  filter: hue-rotate(-45deg);
}

body:not(.remove-file-icons) .nav-file-title[data-path$=".jpg"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".png"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".svg"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".gif"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".jpeg"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".bmp"] .nav-file-title-content::before,
body:not(.remove-file-icons)  .nav-folder-title[data-path*="banner"] .nav-folder-title-content::before   {
  filter: hue-rotate(45deg);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg     viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3121' %3E%3Cpath d='M266.42944 804.352l123.3408-136.82688a37.93408 37.93408 0 0 1 53.39136-2.90304l81.6896 72.83712a37.92384 37.92384 0 0 0 56.43776-6.76864l99.92704-145.04448a37.91872 37.91872 0 0 1 58.15808-5.12l86.33856 87.31136 66.64704 72.65792-13.9264 60.18048-67.30752 25.46176-529.20832 11.5712z' fill='%23F4CA1C' p-id='3122'%3E%3C/path%3E%3Cpath d='M814.76096 148.48H209.23904A153.26208 153.26208 0 0 0 56.32 301.74208v415.40096A153.26208 153.26208 0 0 0 209.23904 870.4h605.52192A153.26208 153.26208 0 0 0 967.68 717.13792V301.74208A153.26208 153.26208 0 0 0 814.76096 148.48z m83.456 568.65792a83.62496 83.62496 0 0 1-83.456 83.62496H209.23904a83.62496 83.62496 0 0 1-83.456-83.62496V301.74208a83.62496 83.62496 0 0 1 83.456-83.63008h605.52192a83.62496 83.62496 0 0 1 83.456 83.61984v415.40096z m-137.728-298.55744a72.42752 72.42752 0 0 0-111.4112 9.87648l-99.712 145.46432a2.8672 2.8672 0 0 1-2.14528 1.29536 2.81088 2.81088 0 0 1-2.38592-0.75264L463.28832 501.41696a72.52992 72.52992 0 0 0-102.272 5.59104l-123.0848 137.216a34.77504 34.77504 0 1 0 51.67104 46.55616l123.0848-137.216a3.03104 3.03104 0 0 1 4.28544-0.2304l81.51552 73.04192a72.41728 72.41728 0 0 0 108.1088-13.02528l99.71712-145.4592a3.03104 3.03104 0 0 1 4.66432-0.41472l86.15936 87.552a34.78016 34.78016 0 1 0 49.47456-48.896z m-316.2368-33.32608a47.00672 47.00672 0 1 0-46.90432-47.00672 46.95552 46.95552 0 0 0 46.90432 47.00672z' fill='%23adb5bd' p-id='3123'%3E%3C/path%3E%3C/svg%3E");

}

body:not(.remove-file-icons) .nav-file-title[data-path$=".jpg"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".png"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".svg"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".gif"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".jpeg"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".bmp"] .nav-file-tag {
  background-color: var(--theme-color-translucent-01);
  color: var(--theme-color);
  filter: hue-rotate(45deg);
}

body:not(.remove-file-icons) .nav-file-title[data-path$=".mp4"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".webm"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".ogv"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".mov"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".mkv"] .nav-file-title-content::before {
  filter: hue-rotate(90deg);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg t='1667450951795'  viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2272' %3E%3Cpath d='M867 219.7H233.6l28.6-40.6c0.3-0.4 0.5-0.7 0.7-1.1 2-3.2 5.5-5.1 9.3-5.1h128c3.9 0 7.4 2 9.4 5.2 8.6 13.8 26.7 18 40.5 9.5 13.8-8.6 18-26.7 9.5-40.5-12.8-20.7-35-33-59.4-33h-128c-23.7 0-45.5 11.8-58.5 31.6l-52 74h-5.6c-50.7 0-91.9 41.2-91.9 91.9V819c0 50.7 41.2 91.9 91.9 91.9H867c50.7 0 91.9-41.2 91.9-91.9V311.6c0.1-50.7-41.2-91.9-91.9-91.9zM900.1 819c0 18.3-14.9 33.1-33.1 33.1H156.1c-18.3 0-33.1-14.9-33.1-33.1V311.6c0-18.3 14.9-33.1 33.1-33.1H867c18.3 0 33.1 14.9 33.1 33.1V819z' fill='%23adb5bd' p-id='2273'%3E%3C/path%3E%3Cpath d='M800.1 304.5h-60.6c-16.2 0-29.4 13.2-29.4 29.4s13.2 29.4 29.4 29.4h60.6c16.2 0 29.4-13.2 29.4-29.4s-13.2-29.4-29.4-29.4z' fill='%23adb5bd' p-id='2274'%3E%3C/path%3E%3Cpath d='M544 730.9c79.5-18.1 129.5-97.5 111.4-177-4.3-18.8-12.2-36-22.7-51.2 2 34.8-23.8 89.4-70.8 136.4-45.5 45.5-99.9 69.1-134.4 69.4 32.9 22.5 74.6 31.9 116.5 22.4z' fill='%23FFD524' p-id='2275'%3E%3C/path%3E%3Cpath d='M511.3 379.9c-1.5 0-3 0-4.5 0.1-16.2 0.4-29.1 13.8-28.8 30 0.4 16.2 13.9 29.3 30 28.8 50.7-1 97 24.1 124.6 63.9 10.5 15.2 18.4 32.4 22.7 51.2 18.1 79.5-31.9 159-111.4 177-41.8 9.5-83.5 0.1-116.4-22.5-29.6-20.3-52.1-51.3-60.6-89-8.5-37.2-2.4-75.8 17.2-108.5 8.3-13.9 3.8-32-10.2-40.3-14-8.3-32-3.8-40.3 10.2-27.3 45.8-35.8 99.7-24 151.7 12.2 53.8 44.7 99.7 91.4 129.1 33.4 21 71.2 31.8 109.7 31.8 15.4 0 30.9-1.7 46.2-5.2 53.8-12.2 99.7-44.7 129.1-91.4 29.4-46.7 38.9-102.1 26.6-156-21.2-93.9-105.5-160.9-201.3-160.9z' fill='%23adb5bd' p-id='2276'%3E%3C/path%3E%3Cpath d='M416.8 465.9c5.3 0 10.8-1.5 15.6-4.5l4.5-2.7c14.1-8.1 18.8-26.1 10.7-40.2s-26.1-18.9-40.2-10.7c-2.1 1.2-4.2 2.5-6.3 3.8-13.7 8.6-17.9 26.8-9.2 40.5 5.6 8.9 15.2 13.8 24.9 13.8z' fill='%23adb5bd' p-id='2277'%3E%3C/path%3E%3C/svg%3E");


}

body:not(.remove-file-icons) .nav-file-title[data-path$=".mp4"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".webm"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".ogv"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".mov"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".mkv"] .nav-file-tag {
  background-color: var(--theme-color-translucent-01);
  color: var(--theme-color);
  filter: hue-rotate(90deg);
}

body:not(.remove-file-icons) .nav-file-title[data-path$=".mp3"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".wav"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".m4a"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".ogg"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".3gp"] .nav-file-title-content::before,
body:not(.remove-file-icons) .nav-file-title[data-path$=".flac"] .nav-file-title-content::before {
  filter: hue-rotate(-90deg);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg t='1667450617533'  viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2116' %3E%3Cpath d='M512 900.8c214.4 0 388.9-174.4 388.9-388.9 0-54-11.1-105.4-31-152.1 10.1 106.6-34.1 271.1-172 382.9-143.8 116.6-375.7 80.7-477 26.6 71.2 80.6 175.3 131.5 291.1 131.5z' fill='%23FFD524' p-id='2117'%3E%3C/path%3E%3Cpath d='M512 64.2c-26.1 0-52.2 2.3-77.7 6.7-16 2.8-26.7 18.1-23.9 34.1 2.8 16 18.1 26.7 34.1 23.9 22.2-3.9 44.9-5.9 67.6-5.9 160.5 0 298.5 97.7 357.8 236.7 20 46.8 31 98.2 31 152.1 0 214.4-174.4 388.9-388.9 388.9-115.8 0-219.9-50.9-291.2-131.5-60.7-68.6-97.7-158.7-97.7-257.4 0-124.2 57.2-238 157.1-312.3 13-9.7 15.8-28.2 6.1-41.2-9.7-13-28.2-15.8-41.2-6.1C131.8 236.7 64.2 371.1 64.2 512c0 246.9 200.9 447.8 447.8 447.8S959.7 758.9 959.7 512 758.9 64.2 512 64.2z' fill='%23adb5bd' p-id='2118'%3E%3C/path%3E%3Cpath d='M343.2 158.6c4 0 8-0.8 11.9-2.5 3.4-1.5 6.8-3 10.3-4.4 15-6.2 22.3-23.4 16.1-38.4-6.2-15-23.3-22.3-38.4-16.1-3.9 1.6-7.8 3.3-11.7 5-14.9 6.6-21.6 24-15 38.8 4.7 11 15.5 17.6 26.8 17.6zM394.6 787.4c66.2 0 120.9-50.5 127.4-115.1 0.4-2 0.7-4 0.7-6.1V313.6H663c-8 21.5-27.6 49.4-75.9 63.8-15.6 4.6-24.5 21-19.8 36.6 3.8 12.8 15.5 21.1 28.2 21.1 2.8 0 5.6-0.4 8.4-1.2C705.3 403.8 728.9 322 727.2 283c-0.7-15.8-13.6-28.2-29.4-28.2H493.3c-16.3 0-29.4 13.2-29.4 29.4v375.2c0 38.2-31.1 69.2-69.2 69.2s-69.2-31.1-69.2-69.2c0-38.2 31.1-69.2 69.2-69.2 16.3 0 29.4-13.2 29.4-29.4s-13.2-29.4-29.4-29.4c-70.6 0-128.1 57.5-128.1 128.1s57.4 127.9 128 127.9z' fill='%23adb5bd'  p-id='2119'%3E%3C/path%3E%3C/svg%3E");

}

body:not(.remove-file-icons) .nav-file-title[data-path$=".mp3"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".wav"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".m4a"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".ogg"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".3gp"] .nav-file-tag,
body:not(.remove-file-icons) .nav-file-title[data-path$=".flac"] .nav-file-tag {
  background-color: var(--theme-color-translucent-01);
  color: var(--theme-color);
  filter: hue-rotate(-90deg);
}

body:not(.remove-file-icons) .nav-file-title[data-path$=".canvas"] .nav-file-title-content::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23adb5bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='svg-icon lucide-layout-dashboard'%3E%3Crect x='3' y='3' width='7' height='9'%3E%3C/rect%3E%3Crect x='14' y='3' width='7' height='5'%3E%3C/rect%3E%3Crect x='14' y='12' width='7' height='9'%3E%3C/rect%3E%3Crect x='3' y='16' width='7' height='5'%3E%3C/rect%3E%3C/svg%3E");
  filter: hue-rotate(180deg);
}

body:not(.remove-file-icons) .nav-file-title[data-path$=".canvas"] .nav-file-tag {
  background-color: var(--theme-color-translucent-01);
  color: var(--theme-color);
  filter: hue-rotate(180deg);
}

body:not(.remove-file-icons) .nav-file-title[data-path$=".excalidraw.md"] .nav-file-title-content::before {
  -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.404 2.998c-.757-.754-2.077-.751-2.828.005l-1.784 1.791L11.586 7H7a.998.998 0 0 0-.939.658l-4 11c-.133.365-.042.774.232 1.049l2 2a.997.997 0 0 0 1.049.232l11-4A.998.998 0 0 0 17 17v-4.586l2.207-2.207v-.001h.001L21 8.409c.378-.378.586-.881.585-1.415 0-.535-.209-1.038-.588-1.415l-2.593-2.581zm-3.111 8.295A.996.996 0 0 0 15 12v4.3l-9.249 3.363 4.671-4.671c.026.001.052.008.078.008A1.5 1.5 0 1 0 9 13.5c0 .026.007.052.008.078l-4.671 4.671L7.7 9H12c.266 0 .52-.105.707-.293L14.5 6.914 17.086 9.5l-1.793 1.793zm3.206-3.208-2.586-2.586 1.079-1.084 2.593 2.581-1.086 1.089z"></path></svg>');
  /*
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-18 -10 35 39"><path d="M-7-4 0-9M0-9V-9L7-4-7 21-3 14-3 6 1 6-6 6-6 5-5 4 2 4-5 4-7-4ZM1-5C1-6-1-6-1-5-1-4 1-4 1-5ZM10-2-4 23 3 28 9 23 6 5M3 23V11" fill="none" stroke="currentcolor" stroke-width="2.5"></path></svg>');*/
  filter: hue-rotate(135deg);
}

body:not(.remove-file-icons) .nav-file-title[data-path$=".loom"] .nav-file-title-content::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 21h15.893c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2zm0-2v-5h4v5H4zM14 7v5h-4V7h4zM8 7v5H4V7h4zm2 12v-5h4v5h-4zm6 0v-5h3.894v5H16zm3.893-7H16V7h3.893v5z"></path></svg>');
  filter: hue-rotate(200deg);
}
body:not(.remove-file-icons) .nav-file-title[data-path$=".loom"] .nav-file-tag {
  background-color: var(--theme-color-translucent-01);
  color: var(--theme-color);
  filter: hue-rotate(200deg);
}

body.dark-background-file:not(.remove-file-icons):not(.bt-toggle-colorful-folder.folder-style-change-options-colorful) .nav-file-title.is-active[data-path$=".md"]>.nav-file-title-content::before {
  background-color: var(--white);
}
body:not(.remove-file-icons) .nav-file-title.is-active[data-path$=".md"]>.nav-file-title-content::before {
  background-color: var(--text-folder-file-icon);
  opacity: 1;
}

body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-header .view-actions svg.svg-icon.lucide-edit-3 > path,
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-header .view-actions svg.svg-icon.lucide-book-open > path {
  display: none;
}

body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-header .view-actions svg.svg-icon.lucide-edit-3,
body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-header .view-actions svg.svg-icon.lucide-book-open {
  background-color: currentColor;
}

body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-action svg{
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
}

body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-header .view-actions svg.svg-icon.lucide-edit-3 {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg>');
}

body:not(.remove-custom-svg-icons) .workspace-leaf-content .view-header .view-actions svg.svg-icon.lucide-book-open {
  -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 17.013 4.413-.015 9.632-9.54c.378-.378.586-.88.586-1.414s-.208-1.036-.586-1.414l-1.586-1.586c-.756-.756-2.075-.752-2.825-.003L7 12.583v4.43zM18.045 4.458l1.589 1.583-1.597 1.582-1.586-1.585 1.594-1.58zM9 13.417l6.03-5.973 1.586 1.586-6.029 5.971L9 15.006v-1.589z"></path><path d="M5 21h14c1.103 0 2-.897 2-2v-8.668l-2 2V19H8.158c-.026 0-.053.01-.079.01-.033 0-.066-.009-.1-.01H5V5h6.847l2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2z"></path></svg>');
  background-color: var(--theme-color);
}

body.setting-default-frosted-glass [class="menu"] {
  border: none;
  backdrop-filter: blur(8px);
  background-color: var(--bg-color-settings-3);
  box-shadow: 0 0 8px var(--bg-color-settings-5);
}

.menu-item.selected:not(.is-disabled):not(.is-label),
.menu-item:hover:not(.is-disabled):not(.is-label) {
  background-color: var(--bg-color-settings-5);
}
body.toggle-bg-panel-page :is(.nav-files-container,.file-tree-plugin-view)::before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: no-repeat center/cover var(--panel-page-background-url-theme);
  z-index: -1;
}

body.toggle-bg-panel-page.theme-dark :is(.nav-files-container,.file-tree-plugin-view)::before {
  opacity: var(--bg-panel-page-opacity-cp);
}

body.toggle-bg-panel-page.theme-light :is(.nav-files-container,.file-tree-plugin-view)::before {
  opacity: var(--bg-panel-page-opacity-cp);
}


body.toggle-bg-panel-page.panel-page-bg-theme-dark-plant.theme-dark {
  --panel-page-background-url-theme: url("data:image/avif;base64, ");
}
body.toggle-bg-panel-page.panel-page-bg-theme-dark-custom.theme-dark {
  --panel-page-background-url-theme: var(--background-panel-page-theme-dark-custom);
}

body.toggle-bg-panel-page.panel-page-bg-theme-light-wall.theme-light {
  --panel-page-background-url-theme: url("data:image/avif;base64, ");
}
body.toggle-bg-panel-page.panel-page-bg-theme-light-custom.theme-light {
  --panel-page-background-url-theme: var(--background-panel-page-theme-light-custom);
}
body.background-image-settings-switch.toggle-nonoverlapping-bg .workspace-split.mod-root .view-header {
  background: var(--background-nonoverlapping-note);
}

body.background-image-settings-switch.toggle-nonoverlapping-bg .workspace-split.mod-root   .workspace-tab-header.is-active
{
  background: var(--background-nonoverlapping-note);
}
 
body.background-image-settings-switch.toggle-nonoverlapping-bg .workspace-split.mod-root .view-content {
  background: var(--background-nonoverlapping-note);
}

/* 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.background-notebook-liked-switch .markdown-embed :is(.markdown-preview-view, .markdown-rendered),
body.background-notebook-liked-switch .cm-s-obsidian .cm-embed-block {
  background: inherit !important;
}
body.background-notebook-liked-switch.notebook-liked-markdown-page-grid-notebook-1 .markdown-preview-view.markdown-rendered,
body.background-notebook-liked-switch.notebook-liked-markdown-page-grid-notebook-1 .cm-s-obsidian .cm-scroller {
  background: var(--bg-color-notebook);
  background-image: linear-gradient(90deg, var(--grid-notebook-line-color-1) 3%, transparent 0), linear-gradient(var(--grid-notebook-line-color-1) 3%, transparent 0);
  background-size: 20px 20px;
}

body:not(.toggle-fixed-pattern).background-notebook-liked-switch .markdown-preview-view.markdown-rendered,
body:not(.toggle-fixed-pattern).background-notebook-liked-switch .cm-s-obsidian .cm-scroller {
  background-attachment: local !important;
}

body.background-notebook-liked-switch.notebook-liked-markdown-page-dotted-notebook-1 .markdown-preview-view.markdown-rendered,
body.background-notebook-liked-switch.notebook-liked-markdown-page-dotted-notebook-1 .cm-s-obsidian .cm-scroller {
  background: var(--bg-color-notebook);
  background-image: radial-gradient(var(--dotted-notebook-dot-color) 10%, transparent 0);
  background-size: 22px 22px;
  background-position: 8px 8px;
}

body.background-notebook-liked-switch.notebook-liked-markdown-page-dotted-notebook-2 .markdown-preview-view.markdown-rendered,
body.background-notebook-liked-switch.notebook-liked-markdown-page-dotted-notebook-2 .cm-s-obsidian .cm-scroller {
  background: var(--bg-color-notebook);
  background-image: radial-gradient(var(--dotted-notebook-dot-color) 10%, transparent 0),
    radial-gradient(var(--dotted-notebook-dot-color) 10%, transparent 0);
  background-size: 30px 30px;
  background-position: 0 0, 15px 15px;
}

/*https://www.jianshu.com/p/2b713844cfe9*/
body.background-notebook-liked-switch.notebook-liked-markdown-page-grid-notebook-2 .markdown-preview-view.markdown-rendered,
body.background-notebook-liked-switch.notebook-liked-markdown-page-grid-notebook-2 .cm-s-obsidian .cm-scroller {
  background: var(--bg-color-notebook);
  background-image:
    linear-gradient(var(--grid-notebook-line-color-2) 1px, transparent 0),
    linear-gradient(90deg, var(--grid-notebook-line-color-2) 1px,transparent 0),
    linear-gradient(var(--grid-notebook-line-color-1) 1px,
    transparent 0),
    linear-gradient(90deg,var(--grid-notebook-line-color-1) 1px,
    transparent 0);
  background-size: 75px 75px, 75px 75px, 15px 15px, 15px 15px;
}
body.background-notebook-liked-switch.notebook-liked-markdown-page-stripe-notebook-1 .markdown-preview-view.markdown-rendered,
body.background-notebook-liked-switch.notebook-liked-markdown-page-stripe-notebook-1 .cm-s-obsidian .cm-scroller {
  background: var(--stripe-notebook-stripe-color);
  background-image: repeating-linear-gradient(135deg,
  hsla(0,0%,100%,.03), hsla(0,0%,100%,.03) 13px, transparent 0, transparent 30px);
}
body.background-notebook-liked-switch.notebook-liked-markdown-page-stripe-notebook-1.theme-light .markdown-preview-view.markdown-rendered,
body.background-notebook-liked-switch.notebook-liked-markdown-page-stripe-notebook-1.theme-light .cm-s-obsidian .cm-scroller {
  background: var(--stripe-notebook-stripe-color);
  background-image: repeating-linear-gradient(135deg,
  hsla(0,0%,100%,.3), hsla(0,0%,100%,.3) 13px, transparent 0, transparent 30px);
}
body.background-notebook-liked-switch.notebook-liked-markdown-page-stripe-notebook-2 .markdown-preview-view.markdown-rendered,
body.background-notebook-liked-switch.notebook-liked-markdown-page-stripe-notebook-2 .cm-s-obsidian .cm-scroller {
  background: var(--stripe-notebook-stripe-color);
  background-image:repeating-linear-gradient(45deg,
  hsla(0,0%,100%,.025), hsla(0,0%,100%,.025) 20px, transparent 0, transparent 60px), repeating-linear-gradient(-45deg, hsla(0,0%,100%,.025), hsla(0,0%,100%,.025) 20px, transparent 0, transparent 60px);
}
body.background-notebook-liked-switch.notebook-liked-markdown-page-stripe-notebook-2.theme-light .markdown-preview-view.markdown-rendered,
body.background-notebook-liked-switch.notebook-liked-markdown-page-stripe-notebook-2.theme-light .cm-s-obsidian .cm-scroller {
  background: var(--stripe-notebook-stripe-color);
  background-image:repeating-linear-gradient(45deg,
  hsla(0,0%,100%,.3), hsla(0,0%,100%,.3) 20px, transparent 0, transparent 60px), repeating-linear-gradient(-45deg, hsla(0,0%,100%,.3), hsla(0,0%,100%,.3) 20px, transparent 0, transparent 60px);
}

.workspace-leaf-content .floating-toc-div+.markdown-source-view .cm-editor {
  padding-left: 0;
}

body.toggle-split-note-background .workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-leaf-content .markdown-rendered,
body.toggle-split-note-background .workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-tab-container .workspace-leaf-content .cm-scroller,
body.toggle-split-note-background .workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-tab-container .workspace-leaf-content .markdown-reading-view {
  background: initial;
}

body.background-image-settings-switch .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: var(--bg-markdown-page-opacity-cp,0.25);
  background-size: cover;
}


body.background-image-settings-switch.background-image-settings-markdown-page-transparent .workspace-split.mod-root {
  --background-primary: transparent;
  --tab-outline-color:transparent;
}

body.background-image-settings-switch.background-image-settings-markdown-page-transparent.theme-dark .workspace-split.mod-root .workspace-tab-header.is-active {
  background-color: transparent;
}
body.background-image-settings-switch.background-image-settings-markdown-page-transparent .mod-root .workspace-tabs .workspace-leaf {
  background-color: unset;
}


 

body.background-image-settings-switch.background-image-settings-markdown-page-custom.theme-dark .workspace-split.mod-root .workspace-leaf .workspace-leaf-content[data-type="markdown"]::before {
  background-image: var(--background-markdown-page-theme-dark-custom);
}

body.background-image-settings-switch.background-image-settings-markdown-page-custom.theme-light .workspace-split.mod-root .workspace-leaf .workspace-leaf-content[data-type="markdown"]::before {
  background-image: var(--background-markdown-page-theme-light-custom);
}
body.background-image-settings-switch.background-image-settings-markdown-page-custom .workspace-split.mod-root .workspace-leaf .workspace-leaf-content[data-type="markdown"]::before {
background-size:unset;
background-color: var(--custom-markdown-page-background-color);
opacity: var(--bg-markdown-page-opacity-cp,1);
}
/* ================================== */
/* ============= 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,
.site-body-left-column,
.site-body-left-column:before {
  background-color: var(--background-secondary);
}

.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-015);
}

.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.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-folder-title {
  margin-bottom: 0;
}

body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order).theme-dark {
  --FoldText: #cbcbcb;
}

/*color scheme-1, high transparency*/
body.bt-toggle-colorful-folder.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.bt-toggle-colorful-folder.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.bt-toggle-colorful-folder.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.bt-toggle-colorful-folder.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.bt-toggle-colorful-folder.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.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order).theme-light {
  --FoldText: #000000;
}

/*color scheme-1, high transparency*/
body.bt-toggle-colorful-folder.folder-colorful-one.theme-light {
  --Fold0: #f3bfbf54;
  --Fold1: #ffbdd769;
  --Fold2: #ebbcff69;
  --Fold3: #ccb7ff65;
  --Fold4: #b1bcff5e;
  --Fold5: #98c6f45d;
  --Fold6: #99ceeb5d;
  --Fold7: #81dee95d;
  --Fold8: #6ec7bc5b;
  --Fold9: #8dde9162;
  --FoldA: #a5dd745e;
  --FoldB: #c9d96c5e;
  --FoldC: #dbdd6a65;
  --FoldD: #e5cb5965;
  --FoldE: #e6b25365;
  --FoldF: #e5915965;
  --FoldG: #df756765;
  --FoldH: #f46f6f65;
  --FoldI: #f16fa16e;
  --FoldJ: #ec6bc66e;
  --FoldK: #de6ce86e;
  --FoldL: #be62e96e;
  --FoldM: #ad6cea6e;
  --FoldN: #966ce66e;
  --FoldO: #786be56e;
  --FoldP: #717ce26e;
  --FoldQ: #748fe76e;
  --FoldR: #6f9ee96e;
  --FoldS: #6fade86e;
  --FoldT: #68b8e76e;
  --FoldU: #63c9e36e;
  --FoldV: #6ed3d36e;
  --FoldW: #61c0b06e;
  --FoldX: #4dbc916e;
  --FoldY: #52bb7b6e;
  --FoldZ: #5fbb576e;
}

/*color scheme-2, low transparency*/
body.bt-toggle-colorful-folder.folder-colorful-two.theme-light {
  --Fold0: #ffe2e2;
  --Fold1: #ffdee9;
  --Fold2: #f6e1ff;
  --Fold3: #e9dfff;
  --Fold4: #e1e5ff;
  --Fold5: #d4eaff;
  --Fold6: #cdedff;
  --Fold7: #ccf2f7;
  --Fold8: #d5f8f4;
  --Fold9: #d8f8da;
  --FoldA: #ecffdb;
  --FoldB: #f4fbd2;
  --FoldC: #f7f8cf;
  --FoldD: #f7f0cc;
  --FoldE: #fdeed2;
  --FoldF: #ffe4d3;
  --FoldG: #ffdbd6;
  --FoldH: #ffdfdf;
  --FoldI: #ffdce9;
  --FoldJ: #ffdbf4;
  --FoldK: #fcddff;
  --FoldL: #f4dbff;
  --FoldM: #ecd7ff;
  --FoldN: #e5d7ff;
  --FoldO: #dad6ff;
  --FoldP: #d6daff;
  --FoldQ: #d7e1ff;
  --FoldR: #d5e5ff;
  --FoldS: #d3eaff;
  --FoldT: #d3eeff;
  --FoldU: #d6f7ff;
  --FoldV: #d6ffff;
  --FoldW: #dafff8;
  --FoldX: #dcfcef;
  --FoldY: #dcffe9;
  --FoldZ: #defcdc;
}


/*color scheme-3*/
body.bt-toggle-colorful-folder.folder-colorful-three.theme-light {
  --Fold0: #80dc87ef;
  --Fold1: #8fe296ef;
  --Fold2: #9de5a3ef;
  --Fold3: #b1ebb6ef;
  --Fold4: #bbebbfef;
  --Fold5: #c8ebcbef;
  --Fold6: #d9ecdaef;
  --FoldG: #50a2ffd7;
  --FoldF: #60aaffd7;
  --FoldE: #6eb2ffd7;
  --FoldD: #76b6ffd7;
  --FoldC: #89c0ffd7;
  --FoldB: #93c5ffd7;
  --FoldA: #aad2ffd7;
  --Fold9: #bbdbffd7;
  --Fold8: #c8e2ffd7;
  --Fold7: #d2e7ffd7;
  --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.bt-toggle-colorful-folder.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.bt-toggle-colorful-folder.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;
}

/*color scheme-custom*/
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) {
  --Fold0: hue-rotate(350deg);
  --Fold1: hue-rotate(340deg);
  --Fold2: hue-rotate(330deg);
  --Fold3: hue-rotate(320deg);
  --Fold4: hue-rotate(310deg);
  --Fold5: hue-rotate(300deg);
  --Fold6: hue-rotate(290deg);
  --Fold7: hue-rotate(280deg);
  --Fold8: hue-rotate(270deg);
  --Fold9: hue-rotate(260deg);
  --FoldA: hue-rotate(250deg);
  --FoldB: hue-rotate(240deg);
  --FoldC: hue-rotate(230deg);
  --FoldD: hue-rotate(220deg);
  --FoldE: hue-rotate(210deg);
  --FoldF: hue-rotate(200deg);
  --FoldG: hue-rotate(190deg);
  --FoldH: hue-rotate(180deg);
  --FoldJ: hue-rotate(170deg);
  --FoldK: hue-rotate(160deg);
  --FoldL: hue-rotate(150deg);
  --FoldM: hue-rotate(140deg);
  --FoldN: hue-rotate(130deg);
  --FoldO: hue-rotate(120deg);
  --FoldP: hue-rotate(110deg);
  --FoldQ: hue-rotate(100deg);
  --FoldR: hue-rotate(90deg);
  --FoldS: hue-rotate(80deg);
  --FoldT: hue-rotate(70deg);
  --FoldU: hue-rotate(60deg);
  --FoldV: hue-rotate(50deg);
  --FoldW: hue-rotate(40deg);
  --FoldX: hue-rotate(30deg);
  --FoldY: hue-rotate(20deg);
  --FoldZ: hue-rotate(10deg);
}

body.bt-toggle-colorful-folder.folder-colorful-six {
  --Fold0: #fc5c65;
  --Fold1: #fd9644;
  --Fold2: #fed330;
  --Fold3: #26de81;
  --Fold4: #2bcbba;
  --Fold5: #45aaf2;
  --Fold6: #4b7bec;
  --Fold7: #a55eea;
  --Fold8: #d1d8e0;
  --Fold9: #778ca3;
  --FoldA: #eb3b5a;
  --FoldB: #fa8231;
  --FoldC: #f7b731;
  --FoldD: #20bf6b;
  --FoldE: #0fb9b1;
  --FoldF: #2d98da;
  --FoldG: #3867d6;
  --FoldH: #8854d0;
  --FoldI: #a5b1c2;
  --FoldJ: #4b6584;
  --FoldK: #fc5c65;
  --FoldL: #fd9644;
  --FoldM: #fed330;
  --FoldN: #26de81;
  --FoldO: #2bcbba;
  --FoldP: #45aaf2;
  --FoldQ: #4b7bec;
  --FoldR: #a55eea;
  --FoldS: #d1d8e0;
  --FoldT: #778ca3;
  --FoldU: #eb3b5a;
  --FoldV: #fa8231;
  --FoldW: #f7b731;
  --FoldX: #20bf6b;
  --FoldY: #0fb9b1;
  --FoldZ: #2d98da;
}
/* =======folder-colorful-custom============= */
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder .nav-folder-title:hover,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder .nav-file-title:hover{
  font-weight: bold;
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title+.nav-folder-children .nav-file-title.is-active {
  opacity: 0.8;
  background-color: var(--folder-colorful-custom-color);
}

body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="0"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="0"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="0"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--Fold0);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="1"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="1"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="1"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--Fold1);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="2"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="2"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="2"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--Fold2);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="3"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="3"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="3"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--Fold3);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="4"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="4"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="4"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--Fold4);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="5"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="5"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="5"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--Fold5);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="6"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="6"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="6"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--Fold6);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="7"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="7"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="7"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--Fold7);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="8"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="8"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="8"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--Fold8);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="9"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="9"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="9"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--Fold9);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="A"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="A"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="A"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldA);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="B"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="B"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="B"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldB);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="C"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="C"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="C"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldC);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="D"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="D"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="D"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldD);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="E"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="E"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="E"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldE);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="F"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="F"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="F"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldF);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="G"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="G"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="G"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldG);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="H"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="H"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="H"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldH);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="I"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="I"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="I"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldI);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="J"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="J"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="J"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldJ);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="K"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="K"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="K"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldK);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="L"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="L"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="L"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldL);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="M"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="M"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="M"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldM);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="N"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="N"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="N"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldN);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="O"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="O"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="O"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldO);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="P"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="P"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="P"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldP);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Q"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Q"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Q"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldQ);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="R"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="R"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="R"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldR);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="S"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="S"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="S"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldS);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="T"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="T"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="T"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldT);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="U"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="U"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="U"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldU);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="V"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="V"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="V"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldV);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="W"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="W"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="W"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldW);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="X"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="X"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="X"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldX);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Y"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Y"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Y"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldY);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Z"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Z"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Z"]+.nav-folder-children .nav-file-title.is-active {
  filter: var(--FoldZ);
}

/* ===folder-style-change-options-colorful-order ============ */

body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder .nav-file-title {
color: var(--FoldText);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder .nav-folder-title.is-active,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder .nav-folder-title:hover {
  font-weight: bold;
  filter: saturate(150%);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+2) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+2) .nav-folder-title+.nav-folder-children {
 --tab-color: var(--Fold0);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+3) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+3) .nav-folder-title+.nav-folder-children {
 --tab-color: var(--Fold1);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+4) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+4) .nav-folder-title+.nav-folder-children {
 --tab-color: var(--Fold2);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+5) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+5) .nav-folder-title+.nav-folder-children {
 --tab-color: var(--Fold3);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+6) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+6) .nav-folder-title+.nav-folder-children {
 --tab-color: var(--Fold4);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+7) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+7) .nav-folder-title+.nav-folder-children {
 --tab-color: var(--Fold5);
}

body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+8) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+8) .nav-folder-title+.nav-folder-children {
 --tab-color: var(--Fold6);
}

body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+9) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+9) .nav-folder-title+.nav-folder-children {
 --tab-color: var(--Fold7);
}

body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+10) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+10) .nav-folder-title+.nav-folder-children {
 --tab-color: var(--Fold8);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+11) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+11) .nav-folder-title+.nav-folder-children {
 --tab-color: var(--Fold9);
}

body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+12) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+12) .nav-folder-title+.nav-folder-children {
 --tab-color: var(--FoldA);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+13) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+13) .nav-folder-title+.nav-folder-children {
 --tab-color: var(--FoldB);
}
 

/*=====folder colorful title=====*/
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder .nav-folder-title.is-active,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder .nav-file-title.is-active,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder .nav-folder-title:hover,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder .nav-file-title:hover{
  font-weight: bold;
  filter: saturate(150%);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder .nav-folder-title {
  font-weight: 600;
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+2) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+2) .nav-file-title {
 --tab-color: var(--Fold0);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+3) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+3) .nav-file-title {
 --tab-color: var(--Fold1);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+4) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+4) .nav-file-title{
 --tab-color: var(--Fold2);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+5) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+5) .nav-file-title {
 --tab-color: var(--Fold3);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+6) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+6) .nav-file-title {
 --tab-color: var(--Fold4);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+7) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+7) .nav-file-title {
 --tab-color: var(--Fold5);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+8) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+8) .nav-file-title {
 --tab-color: var(--Fold6);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+9) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+9) .nav-file-title {
 --tab-color: var(--Fold7);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+10) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+10) .nav-file-title {
 --tab-color: var(--Fold8);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+11) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+11) .nav-file-title {
 --tab-color: var(--Fold9);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+12) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+12) .nav-file-title {
 --tab-color: var(--FoldA);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+13) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+13) .nav-file-title {
 --tab-color: var(--FoldB);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title .nav-files-container>div>.tree-item.nav-folder .nav-folder-title {
color: var(--tab-color);
filter: brightness(0.8);
}
body.theme-dark.bt-toggle-colorful-folder.folder-style-change-options-colorful-title:not(.folder-colorful-six) .nav-files-container>div>.tree-item.nav-folder .nav-folder-title,
body.theme-dark.bt-toggle-colorful-folder.folder-style-change-options-colorful-title:not(.folder-colorful-six)  .nav-files-container>div>.tree-item.nav-folder .nav-file-title {
filter: brightness(2);
}
/*=====folder-colorful-custom=====*/
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-order.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder .nav-folder-title+.nav-folder-children {
  background-color: var(--folder-colorful-custom-color);
}

body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order,.folder-style-change-options-colorful-title) {
  --folder-colorful-custom-color: var(--theme-color);
}

body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-files-container>div>.tree-item.nav-folder .nav-folder-title.is-active,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-files-container>div>.tree-item.nav-folder .nav-file-title.is-active,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-files-container>div>.tree-item.nav-folder .nav-folder-title:hover,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default) .nav-files-container>div>.tree-item.nav-folder .nav-file-title:hover{
  font-weight: bold;
  filter: saturate(150%);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder .nav-folder-title,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-title.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder .nav-file-title {
  color:var(--folder-colorful-custom-color);
  font-weight: 600;
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+2) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+2) .nav-file-title {
  filter: var(--Fold0);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+3) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+3) .nav-file-title {
  filter: var(--Fold1);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+4) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+4) .nav-file-title {
  filter: var(--Fold2);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+5) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+5) .nav-file-title {
  filter: var(--Fold3);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+6) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+6) .nav-file-title {
  filter: var(--Fold4);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+7) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+7) .nav-file-title {
  filter: var(--Fold5);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+8) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+8) .nav-file-title {
  filter: var(--Fold6);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+9) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+9) .nav-file-title {
  filter: var(--Fold7);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+10) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+10) .nav-file-title {
  filter: var(--Fold8);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+11) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+11) .nav-file-title {
  filter: var(--Fold9);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+12) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+12) .nav-file-title {
  filter: var(--FoldA);
}
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+13) .nav-folder-title,
body.bt-toggle-colorful-folder.folder-colorful-custom:not(.folder-style-change-options-colorful-default):not(.folder-style-change-options-colorful-tab-liked) .nav-files-container>div>.tree-item.nav-folder:nth-child(12n+13) .nav-file-title {
  filter: var(--FoldB);
}

/* ===folder-style-change-options-colorful-borde============ */
 

body.theme-dark.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-border).folder-colorful-custom:not(.is-grabbing) .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title, 
body.theme-dark.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-border).folder-colorful-custom:not(.is-grabbing) .workspace-leaf-content[data-type="file-explorer"] .tree-item-self.is-clickable.nav-folder-title {
  color: color-mix(in hsl, var(--folder-colorful-custom-color), white 38%);
  filter: var(--tab-color);
}
 

body.bt-toggle-colorful-folder.folder-style-change-options-colorful-border.folder-colorful-custom  .nav-files-container>div>.tree-item.nav-folder {
  border-left: 2px solid var(--folder-colorful-custom-color);
  filter: var(--tab-color) ;
}
 
/* ===folder-style-change-options-colorful-tab-liked============ */
 
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder {
  border: 1px solid color-mix(in srgb, var(--folder-colorful-custom-color) 30%, var(--background-secondary));
  border-left: 2px solid var(--folder-colorful-custom-color);
  filter: var(--tab-color)  ;
 
}
 


body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder.is-collapsed>.tree-item-self.is-clickable.nav-folder-title::before {
 
  background-color: var(--folder-colorful-custom-color);
  filter: var(--tab-color);
}
  
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked.folder-colorful-custom .nav-files-container>div>.tree-item.nav-folder>.tree-item-self.is-clickable.nav-folder-title::before {
 
  background-color: var(--folder-colorful-custom-color);
  filter: var(--tab-color);
}
  
 

/* Set up explorer container margins */
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-files-container {
  margin: 0 5px;
}

/* Remove collapse arrow from top level folders */
body.remove-arrow.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title>.nav-folder-collapse-indicator {
  display: none;
}

/* Top Level Folder Titles */
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title {
 color: var(--FoldText);
  padding: var(--nav-item-parent-padding);
  padding-bottom: 4px;
  /* padding-left: 3px; */
   margin-top: 3px;
  /* space between top level sections */
  border-radius: 5px 5px 0 0;
}

/* Rounded borders */
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-files-container>div>.tree-item.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.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-files-container>div>.tree-item.nav-folder>.nav-folder-children {
  margin-left: 0;
  border-radius: 0 0 5px 5px;
  padding-bottom: 5px;
  border-left: 0px solid;
  padding-left:1em;
}

body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-file-title {
  padding-left: 5px;
}

body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .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.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order).is-mobile .nav-folder-title {
  margin-bottom: 0;
}

body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-folder-children .nav-folder-children {
  border-left: 1px solid var(--text-muted);
}

body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order).is-mobile .nav-files-container>div>.tree-item.nav-folder>.nav-folder-children {
  padding-bottom: 5px;
}

/* active file increase font size and removes normal highlight marker */
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-file-title.is-active {
  background-color: var(--theme-color-translucent-015);
}

/* Adds hemisphere marker to active file instead */
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .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%);
}



/* 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.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="0"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="0"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="0"]+.nav-folder-children .nav-file-title.is-active {
  --tab-color: var(--Fold0);

}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="1"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="1"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="1"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--Fold1);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="2"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="2"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="2"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--Fold2);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="3"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="3"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="3"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--Fold3);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="4"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="4"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="4"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--Fold4);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="5"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="5"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="5"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--Fold5);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="6"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="6"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="6"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--Fold6);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="7"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="7"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="7"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--Fold7);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="8"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="8"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="8"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--Fold8);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="9"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="9"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="9"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--Fold9);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="A"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="A"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="A"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldA);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="B"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="B"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="B"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldB);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="C"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="C"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="C"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldC);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="D"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="D"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="D"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldD);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="E"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="E"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="E"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldE);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="F"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="F"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="F"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldF);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="G"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="G"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="G"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldG);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="H"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="H"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="H"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldH);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="I"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="I"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="I"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldI);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="J"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="J"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="J"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldJ);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="K"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="K"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="K"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldK);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="L"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="L"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="L"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldL);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="M"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="M"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="M"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldM);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="N"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="N"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="N"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldN);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="O"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="O"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="O"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldO);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="P"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="P"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="P"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldP);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Q"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Q"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Q"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldQ);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="R"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="R"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="R"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldR);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="S"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="S"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="S"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldS);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="T"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="T"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="T"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldT);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="U"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="U"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="U"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldU);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="V"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="V"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="V"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldV);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="W"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="W"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="W"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldW);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="X"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="X"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="X"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldX);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Y"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Y"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Y"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldY);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Z"],
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Z"]+.nav-folder-children,
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title[data-path^="Z"]+.nav-folder-children .nav-file-title.is-active {
 --tab-color: var(--FoldZ);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder.mod-root>.nav-folder-children .nav-file-title.is-active {
  filter: hue-rotate(110deg);
}
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order)  .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title +.nav-folder-children,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-files-container>div>.tree-item.nav-folder>.nav-folder-title +.nav-folder-children .nav-file-title.is-active {
  background-color: var(--tab-color, hsla(var(--interactive-accent-hsl), 0.25));
}
/* Scrollbars eliminated
body.folder-style-change-options-colorful .workspace-leaf-content[data-type='file-explorer'] ::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
*/

body.bt-toggle-colorful-folder.folder-style-change-options-colorful .nav-folder-title:hover {
  font-weight: bold;
  filter: saturate(250%);
}

body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .theme-dark .workspace-leaf-content[data-type="file-explorer"] {
  background-color: var(--background-secondary-alt);
}

body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful,.folder-style-change-options-colorful-order) .nav-folder.mod-root>.nav-folder-title {
  background-color: initial;
}

/*style settings blockquote quotation marks*/
body.blockquote-style-quotation-mark .markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote:before,
body.blockquote-style-quotation-mark .markdown-source-view.mod-cm6 .cm-blockquote-border:before {
  border-left: none;
}
body.blockquote-style-quotation-mark :is(.markdown-preview-view,.markdown-rendered) blockquote {
  color: var(--text-normal);

  background:transparent;
}

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;
  border:none;
}

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;
}

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) !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) !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);
  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);
  -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) !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);
}

/*blockquote-style-outline*/
body.blockquote-style-outline :is(.markdown-preview-view,.markdown-rendered) blockquote {
  border: 3px solid var(--theme-color-translucent-04);
  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-04);
  background-color: transparent;
  border-radius: 0;
}

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 .titlebar,
body .workspace-ribbon.mod-left {
  --titlebar-background: var(--titlebar-background-focused);
  border:none;
}



/*==========*/
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.is-mobile.background-settings-workplace-background-image .workspace-split.mod-root {
  background-color: transparent;
}
body.is-mobile.background-settings-workplace-background-image:not(:is(.background-settings-workplace-waves-light,.background-settings-workplace-waves2-light,.background-settings-workplace-waves,.background-settings-workplace-waves2)) {
  background-image: var(--theme-background);
  background-size: cover;
  opacity: 0.8;
}
body.color-scheme-options-simplicity-topaz.theme-dark.background-settings-workplace-background-image .workspace::before {
  filter: blur(var(--blur-depth)) brightness(calc(var(--brightness-4-bg) - 0.5)) saturate(var(--saturate-4-bg));
}

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.is-mobile.background-settings-workplace-background-image:is(.background-settings-workplace-waves-light,.background-settings-workplace-waves2-light,.background-settings-workplace-waves,.background-settings-workplace-waves2),
body.background-settings-workplace-background-image:is(.background-settings-workplace-waves-light,.background-settings-workplace-waves2-light).theme-light .workspace,
body.color-scheme-options-simplicity-topaz.background-settings-workplace-background-image:is(.background-settings-workplace-waves,.background-settings-workplace-waves2).theme-dark .workspace,
body.background-settings-workplace-background-image:is(.background-settings-workplace-waves-light,.background-settings-workplace-waves2-light):not(.is-hidden-frameless).theme-light .titlebar {
  background: var(--simple-white-2);
}

body.background-settings-workplace-background-image:is(.background-settings-workplace-waves-light,.background-settings-workplace-waves,.background-settings-workplace-waves2,.background-settings-workplace-waves2-light):not(.is-hidden-frameless) .titlebar-inner,
body.background-settings-workplace-background-image:is(.background-settings-workplace-waves,.background-settings-workplace-waves2).theme-dark .workspace {
  background: var(--background-secondary);
}

/****from https://www.shapedivider.app/*****/
body.background-settings-workplace-background-image.background-settings-workplace-waves-light.theme-light .workspace:before,
body.background-settings-workplace-background-image.background-settings-workplace-waves.theme-dark .workspace:before {
  content: "";
  position: fixed;
  height: auto;
  width: 300%;
  transform: rotate(180deg);
  top: 75%;
  left: -25%;
  background-image: unset;
  -webkit-mask-image: var(--theme-background);
  background-size: 100% 100%;
  opacity: 0.7;
  filter: blur(var(--blur-depth)) brightness(var(--brightness-4-bg)) saturate(var(--saturate-4-bg));
  background-color: var(--wave-background-color);
}
/**from https://svgwave.in/*/
body.background-settings-workplace-background-image.background-settings-workplace-waves2-light.theme-light .workspace::before,
body.background-settings-workplace-background-image.background-settings-workplace-waves2.theme-dark .workspace:before {
  content: "";
  position: fixed;
  height: auto;
  width: 300%;
  top: 75%;
  left: -25%;
  background-image: unset;
  -webkit-mask-image: var(--theme-background);
  background-size: 100% 100%;
  opacity: 0.7;
  filter: blur(var(--blur-depth)) brightness(var(--brightness-4-bg)) saturate(var(--saturate-4-bg));
  background-color: var(--wave2-background-color);
}

body.background-settings-workplace-background-image.theme-light .workspace-split.mod-root .workspace-tab-container:fullscreen::before,
body.background-settings-workplace-background-image.theme-dark .workspace-split.mod-root .workspace-tab-container:fullscreen::before {
  background-image: var(--theme-background);
  background-size: cover;
  filter: blur(var(--blur-depth)) brightness(var(--brightness-4-bg)) saturate(var(--saturate-4-bg));
  content: '';
  display: block;
  position: absolute;
  top: -25px;
  right: -15px;
  bottom: 0px;
  left: -15px;
}

/****from https://www.shapedivider.app/*****/
body.background-settings-workplace-background-image.background-settings-workplace-waves-light.theme-light .workspace-split.mod-root::before,
body.background-settings-workplace-background-image.background-settings-workplace-waves.theme-dark .workspace-split.mod-root::before {
  content: "";
  position: fixed;
  height: auto;
  width: 300%;
  transform: rotate(180deg);
  top: 75%;
  left: -25%;
  background-image: unset;
  -webkit-mask-image: var(--theme-background);
  background-size: 100% 100%;
  opacity: 0.7;
  filter: blur(var(--blur-depth)) brightness(var(--brightness-4-bg)) saturate(var(--saturate-4-bg));
  background-color: var(--wave-background-color);
}

/**from https://svgwave.in/*/
body.background-settings-workplace-background-image.background-settings-workplace-waves2-light.theme-light .workspace-split.mod-root::before,
body.background-settings-workplace-background-image.background-settings-workplace-waves2.theme-dark .workspace-split.mod-root:before {
  content: "";
  position: fixed;
  height: auto;
  width: 300%;
  top: 75%;
  left: -25%;
  background-image: unset;
  -webkit-mask-image: var(--theme-background);
  background-size: 100% 100%;
  opacity: 0.7;
  filter: blur(var(--blur-depth)) brightness(var(--brightness-4-bg)) saturate(var(--saturate-4-bg));
  background-color: var(--wave2-background-color);
}



body.background-settings-workplace-background-image .workspace::before {
  content: '';
  display: block;
  position: absolute;
  top: -37px;
  right: 0px;
  bottom: 0;
  left: 0px;
}

/*
body.background-settings-workplace-background-image.theme-light .workspace-leaf .view-header {
  background: #f7f7f7;
}

body.background-settings-workplace-background-image.theme-light .workspace-split.mod-root .workspace-tab-header.is-active.mod-active {
  --tab-background-active: #f7f7f7;
}
*/
body.background-settings-workplace-background-image.theme-light {
  --background-primary:var(--background-primary-bg-4-bt);
  --background-primary-bg-4-bt: #ffffffab;
  --background-primary-alt-bg-4-bt: #ffffffbe;
  --background-secondary-bg-4-bt: #ffffff80;
  --background-secondary-alt-bg-4-bt: #ffffff20;
  --text-muted: #525252;
  --text-folder-file: #292929;
  --background-modifier-border: #bfbfbf;
  --page-border-bottom: var(--color-base-30);
  --tab-outline-color: #dededee0;
  --divider-color: #dededee0;
}

textarea, input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='number']
{
  background: var(--bg-color-settings-4);
}

body:is(.background-settings-workplace-background-image,.background-image-settings-switch) .modal-container {
  --modal-background:var(--bg-color-settings-3);
  --background-primary: var(--bg-color-settings-3);
  --background-secondary:var(--bg-color-settings-3);
}

.snw-popover-container
{
  --background-primary: var(--color-base-10);
  --text-highlight:var(--text-highlight-bg);
}
.snw-popover-container a
{
  padding: 2px 4px;
}
 
/* font color */
/* body.background-settings-workplace-background-image :is(.tree-item-inner,.tree-item-flair,.workspace-ribbon-collapse-btn,.side-dock-ribbon-tab,.side-dock-ribbon-action):not(:hover) {
  color: var(--text-normal);
} */
body.background-settings-workplace-background-image.background-settings-workplace-theme-light-blue-mountain.theme-light {
  --blue-mountain: url(data:image/avif;base64, );
  --theme-background: var(--blue-mountain);
}

body.background-settings-workplace-background-image.background-settings-workplace-theme-light-in-the-note.theme-light {
  --in-the-note: url(data:image/avif;base64, );
  --theme-background: var(--in-the-note);
}

body.background-settings-workplace-background-image .workspace-tab-header-container
{
  border:none;
}
body.background-settings-workplace-background-image.theme-dark {
  --background-primary-bg-4-bt: #1414148a;
  --background-secondary-bg-4-bt: #16161680;
  --background-secondary-alt-bg-4-bt: #16161680;
  --background-primary-alt-bg-4-bt: #1c1c1ccf;
  --text-normal: #cccccc;
  --page-border-bottom: var(--color-base-30);
  --tab-background-active: transparent;
  --tab-outline-width: transparent;
}

body.background-settings-workplace-background-image .nav-folder.mod-root>.nav-folder-title {
  background-color: transparent !important;
}

body.background-settings-workplace-background-image.theme-dark.is-mobile  {
  --background-primary-bg-4-bt: #1f1f1fbf;
  --background-secondary-bg-4-bt: #00000069;
  --background-secondary-alt-bg-4-bt: #16161680;
  --background-primary-alt-bg-4-bt: #00000082;
  --text-normal: #d4d4d4;
  --page-border-bottom: var(--color-base-30);
}

body.background-settings-workplace-background-image.background-settings-workplace-theme-dark-night-sky.theme-dark {
  --night-sky: url(data:image/jpeg;base64, );
  --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, );
  --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, );
  --theme-background: var(--in-the-sky);
}

body.background-settings-workplace-background-image.background-settings-workplace-waves-light.theme-light,
body.background-settings-workplace-background-image.background-settings-workplace-waves.theme-dark {
  --wave-background: url("data:image/svg+xml, %3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E %3Cpath d='M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z' opacity='.25' class='shape-fill'%3E%3C/path%3E %3Cpath d='M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z' opacity='.5' class='shape-fill'%3E%3C/path%3E %3Cpath d='M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z' class='shape-fill'%3E%3C/path%3E %3C/svg%3E");
  --theme-background: var(--wave-background);
  --wave-background-color: var(--background-waves-color);
}
body.background-settings-workplace-background-image.background-settings-workplace-waves2-light.theme-light,
body.background-settings-workplace-background-image.background-settings-workplace-waves2.theme-dark {
  --wave2-background: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' id='svg' viewBox='0 0 1440 600' xmlns='http://www.w3.org/2000/svg' class='transition duration-300 ease-in-out delay-150'%3E%3Cstyle%3E .path-0%7B animation:pathAnim-0 4s; animation-timing-function: linear; animation-iteration-count: infinite; %7D @keyframes pathAnim-0%7B 0%25%7B d: path('M 0,600 C 0,600 0,150 0,150 C 81.35641025641027,172.9153846153846 162.71282051282054,195.83076923076922 252,194 C 341.28717948717946,192.16923076923078 438.50512820512824,165.59230769230766 511,146 C 583.4948717948718,126.40769230769234 631.2666666666665,113.80000000000004 703,116 C 774.7333333333335,118.19999999999996 870.428205128205,135.20769230769227 957,154 C 1043.571794871795,172.79230769230773 1121.0205128205127,193.3692307692308 1200,193 C 1278.9794871794873,192.6307692307692 1359.4897435897437,171.3153846153846 1440,150 C 1440,150 1440,600 1440,600 Z'); %7D 25%25%7B d: path('M 0,600 C 0,600 0,150 0,150 C 93.78717948717946,117.86410256410255 187.57435897435892,85.72820512820512 265,105 C 342.4256410256411,124.27179487179488 403.4897435897436,194.95128205128205 488,191 C 572.5102564102564,187.04871794871795 680.4666666666668,108.46666666666668 760,108 C 839.5333333333332,107.53333333333332 890.6435897435897,185.18205128205128 968,201 C 1045.3564102564103,216.81794871794872 1148.9589743589743,170.8051282051282 1232,152 C 1315.0410256410257,133.1948717948718 1377.520512820513,141.5974358974359 1440,150 C 1440,150 1440,600 1440,600 Z'); %7D 50%25%7B d: path('M 0,600 C 0,600 0,150 0,150 C 96.15641025641025,143.13589743589745 192.3128205128205,136.2717948717949 266,127 C 339.6871794871795,117.72820512820512 390.9051282051282,106.04871794871795 455,129 C 519.0948717948718,151.95128205128205 596.0666666666668,209.5333333333333 676,201 C 755.9333333333332,192.4666666666667 838.8282051282051,117.81794871794872 936,114 C 1033.1717948717949,110.18205128205128 1144.6205128205129,177.1948717948718 1231,195 C 1317.3794871794871,212.8051282051282 1378.6897435897436,181.4025641025641 1440,150 C 1440,150 1440,600 1440,600 Z'); %7D 75%25%7B d: path('M 0,600 C 0,600 0,150 0,150 C 55.16923076923078,140.31538461538463 110.33846153846156,130.63076923076923 198,135 C 285.66153846153844,139.36923076923077 405.8153846153846,157.7923076923077 496,167 C 586.1846153846154,176.2076923076923 646.4000000000001,176.2 733,158 C 819.5999999999999,139.8 932.5846153846155,103.40769230769229 1001,104 C 1069.4153846153845,104.59230769230771 1093.2615384615385,142.16923076923078 1159,156 C 1224.7384615384615,169.83076923076922 1332.3692307692309,159.9153846153846 1440,150 C 1440,150 1440,600 1440,600 Z'); %7D 100%25%7B d: path('M 0,600 C 0,600 0,150 0,150 C 81.35641025641027,172.9153846153846 162.71282051282054,195.83076923076922 252,194 C 341.28717948717946,192.16923076923078 438.50512820512824,165.59230769230766 511,146 C 583.4948717948718,126.40769230769234 631.2666666666665,113.80000000000004 703,116 C 774.7333333333335,118.19999999999996 870.428205128205,135.20769230769227 957,154 C 1043.571794871795,172.79230769230773 1121.0205128205127,193.3692307692308 1200,193 C 1278.9794871794873,192.6307692307692 1359.4897435897437,171.3153846153846 1440,150 C 1440,150 1440,600 1440,600 Z'); %7D %7D%3C/style%3E%3Cdefs%3E%3ClinearGradient id='gradient' x1='0%25' y1='50%25' x2='100%25' y2='50%25'%3E%3Cstop offset='5%25' stop-color='%23002bdc66'%3E%3C/stop%3E%3Cstop offset='95%25' stop-color='%2332ded466'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M 0,600 C 0,600 0,150 0,150 C 81.35641025641027,172.9153846153846 162.71282051282054,195.83076923076922 252,194 C 341.28717948717946,192.16923076923078 438.50512820512824,165.59230769230766 511,146 C 583.4948717948718,126.40769230769234 631.2666666666665,113.80000000000004 703,116 C 774.7333333333335,118.19999999999996 870.428205128205,135.20769230769227 957,154 C 1043.571794871795,172.79230769230773 1121.0205128205127,193.3692307692308 1200,193 C 1278.9794871794873,192.6307692307692 1359.4897435897437,171.3153846153846 1440,150 C 1440,150 1440,600 1440,600 Z' stroke='none' stroke-width='0' fill='url(%23gradient)' class='transition-all duration-300 ease-in-out delay-150 path-0'%3E%3C/path%3E%3Cstyle%3E .path-1%7B animation:pathAnim-1 4s; animation-timing-function: linear; animation-iteration-count: infinite; %7D @keyframes pathAnim-1%7B 0%25%7B d: path('M 0,600 C 0,600 0,300 0,300 C 82.94102564102565,295.425641025641 165.8820512820513,290.85128205128206 257,284 C 348.1179487179487,277.14871794871794 447.41282051282053,268.02051282051286 514,267 C 580.5871794871795,265.97948717948714 614.4666666666667,273.06666666666666 676,278 C 737.5333333333333,282.93333333333334 826.7205128205128,285.71282051282054 921,295 C 1015.2794871794872,304.28717948717946 1114.6512820512821,320.0820512820513 1202,322 C 1289.3487179487179,323.9179487179487 1364.674358974359,311.9589743589744 1440,300 C 1440,300 1440,600 1440,600 Z'); %7D 25%25%7B d: path('M 0,600 C 0,600 0,300 0,300 C 88.24102564102563,279.49487179487176 176.48205128205126,258.98974358974357 263,274 C 349.51794871794874,289.01025641025643 434.3128205128206,339.5358974358975 519,332 C 603.6871794871794,324.4641025641025 688.2666666666667,258.8666666666667 759,247 C 829.7333333333333,235.13333333333335 886.6205128205129,276.99743589743593 960,293 C 1033.3794871794871,309.00256410256407 1123.2512820512823,299.14358974358976 1206,296 C 1288.7487179487177,292.85641025641024 1364.374358974359,296.42820512820515 1440,300 C 1440,300 1440,600 1440,600 Z'); %7D 50%25%7B d: path('M 0,600 C 0,600 0,300 0,300 C 77.61025641025643,301.1948717948718 155.22051282051285,302.38974358974355 229,309 C 302.77948717948715,315.61025641025645 372.7282051282051,327.63589743589745 455,315 C 537.2717948717949,302.36410256410255 631.8666666666667,265.0666666666667 730,264 C 828.1333333333333,262.9333333333333 929.8051282051283,298.0974358974359 1003,313 C 1076.1948717948717,327.9025641025641 1120.9128205128204,322.54358974358973 1189,317 C 1257.0871794871796,311.45641025641027 1348.5435897435898,305.7282051282051 1440,300 C 1440,300 1440,600 1440,600 Z'); %7D 75%25%7B d: path('M 0,600 C 0,600 0,300 0,300 C 53.37692307692305,305.2846153846154 106.7538461538461,310.5692307692308 202,310 C 297.2461538461539,309.4307692307692 434.36153846153854,303.00769230769225 521,293 C 607.6384615384615,282.99230769230775 643.8,269.4 716,259 C 788.2,248.6 896.4384615384615,241.39230769230772 974,254 C 1051.5615384615385,266.6076923076923 1098.4461538461537,299.03076923076924 1171,310 C 1243.5538461538463,320.96923076923076 1341.7769230769231,310.4846153846154 1440,300 C 1440,300 1440,600 1440,600 Z'); %7D 100%25%7B d: path('M 0,600 C 0,600 0,300 0,300 C 82.94102564102565,295.425641025641 165.8820512820513,290.85128205128206 257,284 C 348.1179487179487,277.14871794871794 447.41282051282053,268.02051282051286 514,267 C 580.5871794871795,265.97948717948714 614.4666666666667,273.06666666666666 676,278 C 737.5333333333333,282.93333333333334 826.7205128205128,285.71282051282054 921,295 C 1015.2794871794872,304.28717948717946 1114.6512820512821,320.0820512820513 1202,322 C 1289.3487179487179,323.9179487179487 1364.674358974359,311.9589743589744 1440,300 C 1440,300 1440,600 1440,600 Z'); %7D %7D%3C/style%3E%3Cdefs%3E%3ClinearGradient id='gradient' x1='0%25' y1='50%25' x2='100%25' y2='50%25'%3E%3Cstop offset='5%25' stop-color='%23002bdc88'%3E%3C/stop%3E%3Cstop offset='95%25' stop-color='%2332ded488'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M 0,600 C 0,600 0,300 0,300 C 82.94102564102565,295.425641025641 165.8820512820513,290.85128205128206 257,284 C 348.1179487179487,277.14871794871794 447.41282051282053,268.02051282051286 514,267 C 580.5871794871795,265.97948717948714 614.4666666666667,273.06666666666666 676,278 C 737.5333333333333,282.93333333333334 826.7205128205128,285.71282051282054 921,295 C 1015.2794871794872,304.28717948717946 1114.6512820512821,320.0820512820513 1202,322 C 1289.3487179487179,323.9179487179487 1364.674358974359,311.9589743589744 1440,300 C 1440,300 1440,600 1440,600 Z' stroke='none' stroke-width='0' fill='url(%23gradient)' class='transition-all duration-300 ease-in-out delay-150 path-1'%3E%3C/path%3E%3Cstyle%3E .path-2%7B animation:pathAnim-2 4s; animation-timing-function: linear; animation-iteration-count: infinite; %7D @keyframes pathAnim-2%7B 0%25%7B d: path('M 0,600 C 0,600 0,450 0,450 C 76.1974358974359,467.39230769230767 152.3948717948718,484.7846153846154 220,481 C 287.6051282051282,477.2153846153846 346.6179487179487,452.25384615384615 441,452 C 535.3820512820513,451.74615384615385 665.1333333333334,476.2 762,477 C 858.8666666666666,477.8 922.8487179487179,454.94615384615383 984,443 C 1045.1512820512821,431.05384615384617 1103.4717948717948,430.0153846153846 1179,433 C 1254.5282051282052,435.9846153846154 1347.2641025641026,442.9923076923077 1440,450 C 1440,450 1440,600 1440,600 Z'); %7D 25%25%7B d: path('M 0,600 C 0,600 0,450 0,450 C 86.80769230769232,454.0974358974359 173.61538461538464,458.1948717948718 262,469 C 350.38461538461536,479.8051282051282 440.3461538461538,497.3179487179487 508,488 C 575.6538461538462,478.6820512820513 621,442.53333333333336 697,418 C 773,393.46666666666664 879.6538461538462,380.5487179487179 972,401 C 1064.3461538461538,421.4512820512821 1142.3846153846155,475.2717948717949 1218,489 C 1293.6153846153845,502.7282051282051 1366.8076923076924,476.36410256410255 1440,450 C 1440,450 1440,600 1440,600 Z'); %7D 50%25%7B d: path('M 0,600 C 0,600 0,450 0,450 C 79.76153846153846,435.7282051282051 159.52307692307693,421.45641025641027 229,422 C 298.4769230769231,422.54358974358973 357.6692307692308,437.9025641025641 443,442 C 528.3307692307692,446.0974358974359 639.8,438.93333333333334 720,424 C 800.2,409.06666666666666 849.1307692307691,386.36410256410255 925,394 C 1000.8692307692309,401.63589743589745 1103.676923076923,439.6102564102564 1194,454 C 1284.323076923077,468.3897435897436 1362.1615384615384,459.1948717948718 1440,450 C 1440,450 1440,600 1440,600 Z'); %7D 75%25%7B d: path('M 0,600 C 0,600 0,450 0,450 C 72.5102564102564,462.1435897435897 145.0205128205128,474.28717948717946 236,478 C 326.9794871794872,481.71282051282054 436.42820512820515,476.9948717948718 503,459 C 569.5717948717949,441.0051282051282 593.2666666666667,409.7333333333333 677,408 C 760.7333333333333,406.2666666666667 904.5051282051284,434.07179487179496 998,437 C 1091.4948717948716,439.92820512820504 1134.7128205128206,417.9794871794872 1200,416 C 1265.2871794871794,414.0205128205128 1352.6435897435897,432.0102564102564 1440,450 C 1440,450 1440,600 1440,600 Z'); %7D 100%25%7B d: path('M 0,600 C 0,600 0,450 0,450 C 76.1974358974359,467.39230769230767 152.3948717948718,484.7846153846154 220,481 C 287.6051282051282,477.2153846153846 346.6179487179487,452.25384615384615 441,452 C 535.3820512820513,451.74615384615385 665.1333333333334,476.2 762,477 C 858.8666666666666,477.8 922.8487179487179,454.94615384615383 984,443 C 1045.1512820512821,431.05384615384617 1103.4717948717948,430.0153846153846 1179,433 C 1254.5282051282052,435.9846153846154 1347.2641025641026,442.9923076923077 1440,450 C 1440,450 1440,600 1440,600 Z'); %7D %7D%3C/style%3E%3Cdefs%3E%3ClinearGradient id='gradient' x1='0%25' y1='50%25' x2='100%25' y2='50%25'%3E%3Cstop offset='5%25' stop-color='%23002bdcff'%3E%3C/stop%3E%3Cstop offset='95%25' stop-color='%2332ded4ff'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M 0,600 C 0,600 0,450 0,450 C 76.1974358974359,467.39230769230767 152.3948717948718,484.7846153846154 220,481 C 287.6051282051282,477.2153846153846 346.6179487179487,452.25384615384615 441,452 C 535.3820512820513,451.74615384615385 665.1333333333334,476.2 762,477 C 858.8666666666666,477.8 922.8487179487179,454.94615384615383 984,443 C 1045.1512820512821,431.05384615384617 1103.4717948717948,430.0153846153846 1179,433 C 1254.5282051282052,435.9846153846154 1347.2641025641026,442.9923076923077 1440,450 C 1440,450 1440,600 1440,600 Z' stroke='none' stroke-width='0' fill='url(%23gradient)' class='transition-all duration-300 ease-in-out delay-150 path-2'%3E%3C/path%3E%3C/svg%3E");
  --theme-background: var(--wave2-background);
  --wave2-background-color: var(--background-waves-color);
}

body.is-mobile.background-settings-workplace-background-image:is(.background-settings-workplace-waves-light,.background-settings-workplace-waves2-light).theme-light,
body.is-mobile.background-settings-workplace-background-image:is(.background-settings-workplace-waves,.background-settings-workplace-waves2).theme-dark {
  --wave2-background-color: #001ae0;
  --wave-background-color: #245eff;
}

body.background-image-settings-command-palette-switch .modal-container .prompt::before {
  background-size: cover;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index:-1;
}

body.background-image-settings-command-palette-same-as-workplace.background-image-settings-command-palette-switch .modal-container .prompt::before {
  background-image: var(--theme-background);
  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.background-image-settings-command-palette-switch.background-settings-workplace-waves2-light .modal-container .prompt::before,
body.background-image-settings-command-palette-same-as-workplace.background-image-settings-command-palette-switch.background-settings-workplace-waves2 .modal-container .prompt::before {
  top: 60%;
}

body.theme-light.background-image-settings-command-palette-same-as-workplace.background-image-settings-command-palette-switch.background-settings-workplace-waves-light .modal-container .prompt::before,
body.background-image-settings-command-palette-same-as-workplace.background-image-settings-command-palette-switch.background-settings-workplace-background-image.background-settings-workplace-waves.theme-dark .prompt:before {
  transform: rotate(180deg);
  top: 75%;
  background-image:unset;
  -webkit-mask-image: var(--theme-background);
  background-size:100% 100%;
  opacity:0.5;
  background-color: var(--wave-background-color);
}

body.background-image-settings-command-palette-same-as-workplace.background-image-settings-command-palette-switch .modal-container .prompt input.prompt-input,
body.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.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.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.background-image-settings-command-palette-custom.background-image-settings-command-palette-switch .modal-container .prompt::before {
  background-size: auto;
  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.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.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);
  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);
}

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 {
  background-color: transparent;
  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);
}

: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--- */

.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);
  --color-view-header-gradient-2: var(--background-primary);
}

body:not(:is(.default-loading-page,.is-popout-window)) .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;
}
body:not(.default-loading-page).theme-dark .progress-bar {
  background-color: #222222;
}

@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;
  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 */
/* need mario snippets  */
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 ======= */
/* ================================== */
.obsidian-banner-wrapper {
  margin-top: 0px;
  padding-top: 0px;
}
.mod-header:has(+ .obsidian-banner-wrapper) .metadata-container
{
  display:none;
}
.mod-header:has(+ .obsidian-banner-wrapper) .inline-title
{
  display:none;
}
.mod-header:has(+ .obsidian-banner-wrapper) {
  margin-top: var(--banner-height);
 
}
.show-inline-title .obsidian-banner-wrapper.has-banner-icon .obsidian-banner-icon.v-center, 
.show-inline-title  .obsidian-banner-wrapper.has-banner-icon .obsidian-banner-icon.v-custom {
  margin-top: calc(-1em - 6px);
}
.show-inline-title .obsidian-banner-wrapper.has-banner-icon .obsidian-banner-icon.v-above {
  margin-top: calc(-2em - 12px);
}
/* ====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;
}
/* ==修复新弹出窗口banner位置错位===================== */
body.is-popout-window {
  --banner-height: 300px;
  --banner-internal-embed-height: 200px;
  --banner-preview-embed-height: 120px;
}


/* ================================== */
/* =======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 32px 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);
}

/* ================================== */
/* ======= 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>:is(.metadata-container,.frontmatter-container) {
  display: none;
}
/*隐藏滚动条*/
:is(.markdown-preview-view,.markdown-rendered).noscroll::-webkit-scrollbar {
  display: none;
}
/*无序列表分栏（配合伪看板使用）*/
.theme-dark .gridlist ul>li a {
  color:var(--text-folder-file) !important;
}

.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: 13px;
  width: 13px;
  margin-right: 5px;
  margin-left:-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;
}


.gridlist ul li a[href$=".js"]::before {
  font-family:var(--font-family-inline-code);
  content: 'JS';
  color: var(--text-faint);
  margin-right: 5px;
  font-size:10px;
}
.gridlist ul li a[href$=".css"]::before {   
  font-family:var(--font-family-inline-code);
  content: 'CSS';
  color: var(--text-faint);
  margin-right: 5px;
  font-size:10px;
}

.gridlist ul li a[href$=".html"]::before {
  font-family:var(--font-family-inline-code);
  content: 'HTML';
  color: var(--text-faint);
  margin-right: 5px;
  font-size:10px;
}

.gridlist ul li a[href$=".pdf"]::before {
  font-family:var(--font-family-inline-code);
  content: 'PDF';
  color: var(--text-faint);
  margin-right: 5px;
  font-size:10px;
}
.gridlist ul li a[href$=".mp3"]::before,
.gridlist ul li a[href$=".wav"]::before,
.gridlist ul li a[href$=".m4a"]::before,
.gridlist ul li a[href$=".ogg"]::before,
.gridlist ul li a[href$=".3gp"]::before,
.gridlist ul li a[href$=".flac"]::before {
  content: '';
  background-size: 18px 18px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 18px;
  width: 18px;
  vertical-align: text-top;
  margin-right: 5px;
	background-image: url("data:image/svg+xml,%3Csvg t='1667450617533' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2116' width='32' height='32'%3E%3Cpath d='M512 900.8c214.4 0 388.9-174.4 388.9-388.9 0-54-11.1-105.4-31-152.1 10.1 106.6-34.1 271.1-172 382.9-143.8 116.6-375.7 80.7-477 26.6 71.2 80.6 175.3 131.5 291.1 131.5z' fill='%23FFD524' p-id='2117'%3E%3C/path%3E%3Cpath d='M512 64.2c-26.1 0-52.2 2.3-77.7 6.7-16 2.8-26.7 18.1-23.9 34.1 2.8 16 18.1 26.7 34.1 23.9 22.2-3.9 44.9-5.9 67.6-5.9 160.5 0 298.5 97.7 357.8 236.7 20 46.8 31 98.2 31 152.1 0 214.4-174.4 388.9-388.9 388.9-115.8 0-219.9-50.9-291.2-131.5-60.7-68.6-97.7-158.7-97.7-257.4 0-124.2 57.2-238 157.1-312.3 13-9.7 15.8-28.2 6.1-41.2-9.7-13-28.2-15.8-41.2-6.1C131.8 236.7 64.2 371.1 64.2 512c0 246.9 200.9 447.8 447.8 447.8S959.7 758.9 959.7 512 758.9 64.2 512 64.2z' fill='%23333333' p-id='2118'%3E%3C/path%3E%3Cpath d='M343.2 158.6c4 0 8-0.8 11.9-2.5 3.4-1.5 6.8-3 10.3-4.4 15-6.2 22.3-23.4 16.1-38.4-6.2-15-23.3-22.3-38.4-16.1-3.9 1.6-7.8 3.3-11.7 5-14.9 6.6-21.6 24-15 38.8 4.7 11 15.5 17.6 26.8 17.6zM394.6 787.4c66.2 0 120.9-50.5 127.4-115.1 0.4-2 0.7-4 0.7-6.1V313.6H663c-8 21.5-27.6 49.4-75.9 63.8-15.6 4.6-24.5 21-19.8 36.6 3.8 12.8 15.5 21.1 28.2 21.1 2.8 0 5.6-0.4 8.4-1.2C705.3 403.8 728.9 322 727.2 283c-0.7-15.8-13.6-28.2-29.4-28.2H493.3c-16.3 0-29.4 13.2-29.4 29.4v375.2c0 38.2-31.1 69.2-69.2 69.2s-69.2-31.1-69.2-69.2c0-38.2 31.1-69.2 69.2-69.2 16.3 0 29.4-13.2 29.4-29.4s-13.2-29.4-29.4-29.4c-70.6 0-128.1 57.5-128.1 128.1s57.4 127.9 128 127.9z' fill='%23333333' p-id='2119'%3E%3C/path%3E%3C/svg%3E");
}

.gridlist ul li a[href$=".jpg"]::before,
.gridlist ul li a[href$=".png"]::before,
.gridlist ul li a[href$=".svg"]::before,
.gridlist ul li a[href$=".gif"]::before,
.gridlist ul li a[href$=".jpeg"]::before,
.gridlist ul li a[href$=".bmp"]::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg t='1626092464076' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3121' width='200' height='200'%3E%3Cpath d='M266.42944 804.352l123.3408-136.82688a37.93408 37.93408 0 0 1 53.39136-2.90304l81.6896 72.83712a37.92384 37.92384 0 0 0 56.43776-6.76864l99.92704-145.04448a37.91872 37.91872 0 0 1 58.15808-5.12l86.33856 87.31136 66.64704 72.65792-13.9264 60.18048-67.30752 25.46176-529.20832 11.5712z' fill='%23F4CA1C' p-id='3122'%3E%3C/path%3E%3Cpath d='M814.76096 148.48H209.23904A153.26208 153.26208 0 0 0 56.32 301.74208v415.40096A153.26208 153.26208 0 0 0 209.23904 870.4h605.52192A153.26208 153.26208 0 0 0 967.68 717.13792V301.74208A153.26208 153.26208 0 0 0 814.76096 148.48z m83.456 568.65792a83.62496 83.62496 0 0 1-83.456 83.62496H209.23904a83.62496 83.62496 0 0 1-83.456-83.62496V301.74208a83.62496 83.62496 0 0 1 83.456-83.63008h605.52192a83.62496 83.62496 0 0 1 83.456 83.61984v415.40096z m-137.728-298.55744a72.42752 72.42752 0 0 0-111.4112 9.87648l-99.712 145.46432a2.8672 2.8672 0 0 1-2.14528 1.29536 2.81088 2.81088 0 0 1-2.38592-0.75264L463.28832 501.41696a72.52992 72.52992 0 0 0-102.272 5.59104l-123.0848 137.216a34.77504 34.77504 0 1 0 51.67104 46.55616l123.0848-137.216a3.03104 3.03104 0 0 1 4.28544-0.2304l81.51552 73.04192a72.41728 72.41728 0 0 0 108.1088-13.02528l99.71712-145.4592a3.03104 3.03104 0 0 1 4.66432-0.41472l86.15936 87.552a34.78016 34.78016 0 1 0 49.47456-48.896z m-316.2368-33.32608a47.00672 47.00672 0 1 0-46.90432-47.00672 46.95552 46.95552 0 0 0 46.90432 47.00672z' fill='%23595BB3' p-id='3123'%3E%3C/path%3E%3C/svg%3E");
  background-size: 18px 16px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 18px;
  width: 18px;
  vertical-align: middle;
  margin-right: 5px;
}

.gridlist ul li a[href*=".excalidraw"]::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23595BB3' d='M18.404 2.998c-.757-.754-2.077-.751-2.828.005l-1.784 1.791L11.586 7H7a.998.998 0 0 0-.939.658l-4 11c-.133.365-.042.774.232 1.049l2 2a.997.997 0 0 0 1.049.232l11-4A.998.998 0 0 0 17 17v-4.586l2.207-2.207v-.001h.001L21 8.409c.378-.378.586-.881.585-1.415 0-.535-.209-1.038-.588-1.415l-2.593-2.581zm-3.111 8.295A.996.996 0 0 0 15 12v4.3l-9.249 3.363 4.671-4.671c.026.001.052.008.078.008A1.5 1.5 0 1 0 9 13.5c0 .026.007.052.008.078l-4.671 4.671L7.7 9H12c.266 0 .52-.105.707-.293L14.5 6.914 17.086 9.5l-1.793 1.793zm3.206-3.208-2.586-2.586 1.079-1.084 2.593 2.581-1.086 1.089z '%3E%3C/path%3E%3C/svg%3E");
  content: '';
  background-size: 14px 18px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  width: 14px;
  margin-right: 5px;
}

/*PDF*/

@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;
  }
  /* Page breaks */

  h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }
  pre, blockquote {
    page-break-inside: avoid;
  }

  .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) 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) 100%);
  }
  body.fancy-hr-no-icon .markdown-rendered hr {
    border-image: linear-gradient(to right, var(--background-primary) 0%, var(--hr-color-1) 20%, var(--hr-color-2) 40%, var(--hr-color-3) 60%, var(--hr-color-4) 80%, var(--background-primary) 100%) 1;
  }

  body.all-dark-pdf .print :is(.markdown-preview-view,.markdown-rendered) {
    --background-primary:#202020;
    -webkit-print-color-adjust: exact;
    background-color: var(--background-primary) !important;
  }
  body.all-dark-pdf .print :is(.markdown-preview-view,.markdown-rendered) mark {
    color: var(--text-highlight) !important;
  }
  body.all-dark-pdf .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\9\9'';
  }
  body.justify-align .print *:not(blockquote) > p {
    text-align: justify;
    hyphens: auto;
  }
}

body.pdf-style-invert-color-light.theme-light,
body.pdf-style-invert-color-dark.theme-dark {
  --pdf-background: var(--background-secondary);
  --pdf-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 8px transparent;
  --pdf-thumbnail-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 8px transparent;
}
body.pdf-style-invert-color-light.theme-light .pdf-viewer .canvasWrapper,
body.pdf-style-invert-color-dark.theme-dark .pdf-viewer .canvasWrapper,
body.pdf-style-invert-color.theme-light .pdf-thumbnail-view .thumbnailImage,
body.pdf-style-invert-color.theme-dark .pdf-thumbnail-view .thumbnailImage {
  filter: invert(1) hue-rotate(180deg);
}

body.pdf-style-green-bg-light.theme-light .pdf-viewer .textLayer,
body.pdf-style-green-bg-dark.theme-dark .pdf-viewer .textLayer {
  background-color: #74c969;
}

body.pdf-style-warm-bg-light.theme-light .pdf-viewer .textLayer,
body.pdf-style-warm-bg-dark.theme-dark .pdf-viewer .textLayer {
  background-color: #f7b955;
}

body.pdf-style-custom-bg.theme-dark {
  --custom-bg-pdf-style: #;
}
body.pdf-style-custom-bg.theme-light {
  --custom-bg-pdf-style: #;
}

body.pdf-style-custom-bg .pdf-viewer .textLayer {
  background-color: var(--custom-bg-pdf-style);
}

/* ================================== */
/* ======= Callout======= */
/* ================================== */
body.admonition-bg-color-same .callout {
  background-color: rgba(var(--callout-color), 0.1);
  border-width: var(--callout-border-width);
}
body.shade-callout-style .callout {
  border:none;
  box-shadow: inset 0 0 0 2px rgba(var(--callout-color), 0.25), 0px 0.5px 1px 0.5px rgba(0, 0, 0, 0.1) !important;
}
body.shade-callout-style .callout .callout-title {
  padding: 6px;
  background-color: rgba(var(--callout-color), 0.4);
}

body.border-callout-style .callout {
  --callout-radius: 2px;
  border-left: solid 4px rgb(var(--callout-color));
}

body.border-callout-style .callout .callout-title {
  padding: 6px;
  background-color: rgba(var(--callout-color), 0.4);
}
body.border-callout-style .callout .callout-content {
  background-color: rgba(var(--callout-color), 0.1);
}
.callout-title {
  background-color: rgba(var(--callout-color), 0.15);
}
.callout {
  padding: 0;
  border-left: 4px solid rgba(var(--callout-color),0.15);
  background-color:var(--admonition-bg-color);
}

.callout-content {
  padding: 5px 15px;
}
.is-live-preview .admonition-content>* br {
  display: unset;
}
body.admonition-bg-color-same .callout-title {
  color: rgb(var(--callout-color));
  background-color:unset;
}
.callout-title {
  padding: 8px 0 8px 12px;
  color: unset;
}
.admonition-title .admonition-title-icon {
  color: rgb(var(--callout-color));
}

.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 .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;
  padding-right: 10px;
}
.callout img[alt*=circle] {
  border-radius: 35px;
  width: 70px;
  height: 70px;
}
/* ===编辑代码块按钮调整============ */
 

.markdown-source-view.mod-cm6 .edit-block-button {
  padding: 0;
  top: 0;
  border-radius: var(--radius-s);
  right: 10px;
  opacity: 0.3;
}
.markdown-source-view.mod-cm6 .edit-block-button::before {
  width: 25px;
  font-size: 11px;
  text-align: center;
  content: '</>';
  margin-left:1em;
}
.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\9\9';
}

/* ===段落两端对齐============ */
/*支持两种写法
    > [!note|justify]
    > [!note justify]
   */
.callout.callout:is([data-callout-metadata*="justify"],
[data-callout*=justify]) .callout-content>p {
  text-align: justify;
  hyphens: auto;
  -webkit-hyphens: auto;
}
/* ===隐藏图标============ */
.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']) thead > tr > th,
.callout.callout:is([data-callout-metadata*='nowrap'],
[data-callout*='nowrap']) tbody > tr > td {
  white-space: nowrap;
}
.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 ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, auto));
  grid-gap: 0 10px;
}
.callout.callout:is([data-callout-metadata*='grid'],
[data-callout*='grid']) .callout-content ul li {
  WHITE-SPACE: normal;
  padding-left: 1em;
  text-indent: -1em;
}
.callout.callout:is([data-callout-metadata*='grid'],
[data-callout*='grid']) .callout-content ul li::before {
  content: ' ' !important;
}
.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"] li  .list-bullet{
  display: none;
}

.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::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 0.1em 1em 2em;
  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>';
  overflow: unset;
  border: 0;
  width: auto;
  padding: 0;
}

.callout.callout[data-callout*=bookinfo] .callout-title {
  text-align: center;
  display: flex;
  justify-content: space-between;
}

.callout.callout[data-callout*=bookinfo] .callout-content {
  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 {
  color: var(--text-on-accent);
  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: var(--interactive-accent);
}
.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: 0.2em;
  padding-bottom: 0.2em;
}
.callout.callout[data-callout="timeline"] .callout-content blockquote  .list-bullet::after{
  color: var(--text-on-accent);
  left:0;
}
.callout.callout[data-callout="timeline"] .callout-content blockquote p {
  display: block;
  color: var(--text-on-accent);
  background-color: var(--interactive-accent);
  font-style: normal;
  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*****/
.show-inline-title  .callout.callout:is([data-callout-metadata^='icon'],
.show-inline-title [data-callout='icon']) {
  margin-top: -7em;
}
.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: -1.6em;
}
.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;
  margin-bottom: 0px;
}

/***Sticky notes  便签效果**/
.callout[data-callout="stickies"] {
  box-shadow:none;
  border-left:0px;
  overflow: unset;
}
.callout[data-callout="stickies"][data-callout-metadata*="left"] {
  width: max(180px, 30%);
}

.callout[data-callout="stickies"][data-callout-metadata*="left"]>.callout-content {
  max-width: 100%;
}
.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="stickies2"][data-callout-metadata*="right"] {
  width: max(180px, 30%);
}
.callout[data-callout="stickies2"][data-callout-metadata*="right"] >.callout-content {
  float:right;
  max-width: 100%;
}

.callout[data-callout="stickies3"] {
  background-color: transparent ;
  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']) .callout-content{
  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 a {
  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;
}
body.is-hidden-frameless:not(.is-fullscreen).is-focused .titlebar-button-container.mod-right {
  background-color:transparent;
}


/* funny LP headers animation 开启标题动画 ===
from discord @sailKite https://cdn.discordapp.com/attachments/702656734631821413/1007258862606352424/FunnyHeaderAnimLP.css
*/
body.funny-header-anim .is-live-preview .cm-line > :is(.cm-header, .cm-widgetBuffer) + .cm-header,
body.funny-header-anim.clutter-free-headings .cm-line > :is(.cm-header, .cm-widgetBuffer) + .cm-header {
  display: inline-block;
}
body.funny-header-anim .is-live-preview .cm-line:not(.cm-active) :is(.cm-header, .cm-widgetBuffer) + .cm-header,
body.funny-header-anim.clutter-free-headings .cm-line:not(.cm-active) :is(.cm-header, .cm-widgetBuffer) + .cm-header,
body.funny-header-anim .is-live-preview .cm-line:not(.cm-active) :is(.cm-header, .cm-widgetBuffer) + .cm-header ~ *,
body.funny-header-anim.clutter-free-headings .cm-line:not(.cm-active) :is(.cm-header, .cm-widgetBuffer) + .cm-header ~ * {
  transform: translateX(0ch);
  transition: transform 333ms;
}
body.funny-header-anim .is-live-preview .cm-active :is(.cm-header, .cm-widgetBuffer) + .cm-header,
body.funny-header-anim.clutter-free-headings :is(.cm-header, .cm-widgetBuffer) + .cm-header ,
body.funny-header-anim .is-live-preview .cm-active :is(.cm-header, .cm-widgetBuffer) + .cm-header ~ *,
body.funny-header-anim.clutter-free-headings :is(.cm-header, .cm-widgetBuffer) + .cm-header ~ *{
  transition: transform 333ms;
  transform: translateX(30px);
}
body.funny-header-anim .is-live-preview .cm-active :is(.cm-header) +.cm-widgetBuffer + .cm-html-embed,
body.funny-header-anim.clutter-free-headings .cm-active :is(.cm-header) + .cm-widgetBuffer + .cm-html-embed {
  transition: margin-left 500ms;
  margin-left: 30px;
}
body.funny-header-anim .is-live-preview .cm-active :is(.cm-header, .cm-widgetBuffer) + .cm-bracket,
body.funny-header-anim.clutter-free-headings .cm-active :is(.cm-header, .cm-widgetBuffer) + .cm-bracket {
  transition: margin-left 333ms;
  margin-left: 30px;
}
body.funny-header-anim .is-live-preview .cm-line:not(.cm-active) .cm-header:first-of-type,
body.funny-header-anim.clutter-free-headings .cm-line:not(.cm-active) .cm-header:first-of-type {
  display: none;
  opacity: 0;
}

body.funny-header-anim .is-live-preview .cm-active .cm-formatting-header + .cm-header,
body.funny-header-anim.clutter-free-headings .cm-active .cm-formatting-header + .cm-header{
  margin-left: -30px;
}

body.funny-header-anim .is-live-preview .cm-active .cm-formatting-header ~ .cm-foldPlaceholder,
body.funny-header-anim.clutter-free-headings .cm-active .cm-formatting-header ~ .cm-foldPlaceholderr{
  transition: margin-left 333ms;
  margin-left: 30px;
}
body.funny-header-anim .is-live-preview .cm-active .cm-header:first-of-type,
body.funny-header-anim.clutter-free-headings .cm-active .cm-header:first-of-type {
  transform: translateX(0ch);
  animation: opac 333ms;
}

@keyframes opac {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* head-tag-style*/
body.head-tag-style :is(.cm-header) +.cm-widgetBuffer + .cm-html-embed>sup {
  background-color: var(--text-accent-hover);
  color: #fff;
  vertical-align: top;
  border-radius: 3px;
  padding: 1px 6px;
  font-size: 12px;
  line-height: calc(var(--paragraph-spacing) + 0.7);
  margin-left: 0.5em;
  letter-spacing: .1em;
  font-family:  var(--font-default);
}
body.head-tag-style :is(.cm-header) +.cm-widgetBuffer + .cm-html-embed>sub {
  background-color: var( --simple-orange);
  color: #fff;
  vertical-align: top;
  border-radius: 3px;
  padding: 1px 6px;
  font-size: 12px;
  line-height: calc(var(--paragraph-spacing) + 0.7);
  margin-left: 0.5em;
  letter-spacing: .1em;
  font-family: var(--font-default);
}

body.head-tag-style :is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) sup {
  background-color: var(--text-accent-hover);
  color: #fff;
  vertical-align: top;
  border-radius: 3px;
  padding: 1px 6px;
  font-size: 12px;
  margin-left: 0.5em;
  letter-spacing: .1em;
  margin-top: -0.2em;
  line-height: calc(var(--line-height-main) - 0.7);
}

body.head-tag-style :is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) sub {
  background-color: var( --simple-orange);
  color: #fff;
  vertical-align: top;
  border-radius: 3px;
  padding: 1px 6px;
  font-size: 12px;
  margin-left: 0.5em;
  letter-spacing: .1em;
  margin-top: -0.2em;
  line-height: calc(var(--line-height-main) - 0.7);
}
body.head-tag-style :is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) :is(sub,sup)>.tag:not(.token) {
  padding: 0;
  background-color: transparent;
}

body.head-tag-style .cm-s-obsidian .cm-header ~  span.cm-hashtag {
  font-size: calc(var(--font-size-tag) - 0.3em)!important;
  vertical-align: top;
}
body.head-tag-style .cm-s-obsidian .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-header,
body.head-tag-style .cm-s-obsidian .cm-hashtag.cm-header {
  vertical-align: top;
}


body:not(.tag-default) .cm-s-obsidian .cm-header ~  span.cm-hashtag {
  font-size: calc(var(--font-size-tag) - 0.3em)!important;
}


body.head-tag-style :is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) >.tag:not(.token) {
  font-size: calc(var(--font-size-tag) - 0.3em);
  vertical-align: top;
}

/*
.cm-s-obsidian .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-header,
.cm-s-obsidian .cm-hashtag.cm-header {
  font-size: calc(var(--font-size-tag) - 0.3em) !important;
  vertical-align: middle;
  margin-top: -0.3em;
}
*/

body.head-tag-style .cm-s-obsidian .cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-header,
body.head-tag-style .cm-s-obsidian .cm-hashtag.cm-header {
  vertical-align: top;
}

:is(.markdown-preview-view,.markdown-rendered) :is(h1,h2,h3,h4,h5,h6) >.tag:not(.token) {
  font-size: calc(var(--font-size-tag) - 0.2em);
  vertical-align: middle;
}

/****** 网络图片标题样式********/
[data-dv-key="img-caption"] + span.dataview>span {
  margin: 0.5rem 0;
  display: block;
  caption-side: bottom;
  text-align: center;
  font-size: 0.85rem;
}
.dataview.inline-field-key[data-dv-key="img-caption"] + .dataview.inline-field-value {
  background-color:unset;
  border-radius: 0px;
  padding: 0;
  font-family: var(--font-text);
}

.dataview.inline-field-key[data-dv-key="img-caption"] {
  display:none;
  background-color:unset;
  font-size: 0px;
  padding: 0;
  border-radius: 0px;
}

.dataview.inline-field-key[data-dv-key="img-caption"] {
  display:none;
  background-color:unset;
  font-size: 0px;
  padding: 0;
  border-radius: 0px;
}


body:not(.remove-selectionbackground) .markdown-source-view.mod-cm6 .cm-editor .cm-selectionBackground {
  background: transparent;
}

.clickable-icon.is-active,
.clickable-icon.has-active-menu,
.clickable-icon:active,
.clickable-icon:hover {
  background-color: var(--theme-color-translucent-015);
}

.workspace.is-left-sidedock-open .workspace-ribbon.side-dock-ribbon.mod-left .sidebar-toggle-button .clickable-icon,
.workspace-split.mod-horizontal .sidebar-toggle-button .clickable-icon,
.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right .clickable-icon {
  color: var(--theme-color);
}

.workspace-tabs .view-header {
  margin: 0;
  padding: 0 var(--size-4-2);
}

.workspace-split.mod-root .workspace-tab-header.is-active {
  z-index: var(--layer-popover);
  color: var(--text-normal);
  /*box-shadow: var(--window-shadow);*/
}
.is-mobile  .workspace-split.mod-root .workspace-tab-header.is-active.mod-active {
  z-index: 29;
}
.is-focused .workspace-tab-header {
  color: var(--text-muted);
}


/*
.workspace-tabs.mod-stacked .view-header,
.is-focused .workspace .mod-root .workspace-tabs.mod-stacked .workspace-leaf.mod-active .view-header {
  background-color: var(--color-base-10);
}*/
.workspace-split.mod-root .workspace-tabs.mod-stacked .view-content {
  backdrop-filter: blur(var(--stack-tabs-background-blur-depth));
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
  background-color: var(--background-primary);
  border-right: 1px solid var(--page-border-bottom);
  box-shadow: -1px 0 10px 0 var(--tab-stacked-shadow);
  backdrop-filter: blur(6px);
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header:first-child {
  border-left: 1px solid var(--page-border-bottom);
}

.titlebar-button:hover {
  background-color: unset;
}
.markdown-rendered ul ul, .markdown-rendered ol ul, .markdown-rendered ul ol, .markdown-rendered ol ol
{

    margin-block-start: calc((var(--paragraph-spacing) - 1) * 1em);
    margin-block-end: calc((var(--paragraph-spacing) - 1) * 1em);

}
/* body:not(.default-list-marker) .list-bullet::before {
  display: none;
} */

body:not(.default-list-marker) .markdown-rendered .list-bullet::after {
  content: '\2022';
  font-size: var(--list-ul-marker-size);
  font-family: Inter;
  width: unset;
  height: unset;
  border: none;
  background: transparent;
  color: var(--list-ul-marker-color);
  margin-left: 0.13em;
  /* margin-top: calc(0.466em * var(--line-height-list) - 0.286em); */
  line-height: 0.55;
  transition: all 0.15s ease;
}

body:not(.default-list-marker) .list-bullet::after {
  content: '\2022';
  font-size: var(--list-ul-marker-size);
  font-family: Inter;
  width: unset;
  border: none;
  background: transparent;
  color: var(--list-ul-marker-color);
/*   margin-left: -0.03em;
  margin-top: -0.15em; */
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 43%;
  transition: all 0.15s ease;
}

body.custom-unordered-list .markdown-rendered .has-list-bullet .has-list-bullet .has-list-bullet .has-list-bullet .list-bullet::after,
body.custom-unordered-list .markdown-rendered .list-bullet::after {
  content: var(--list-ul-marker-4);
  font-size: var(--list-ul-marker-size-4);
  color: var(--list-ul-marker-color-4,var(--list-marker-color));
}

body.custom-unordered-list .markdown-source-view.mod-cm6 .list-bullet::after {
  content: var(--list-ul-marker-4);
  font-size: var(--list-ul-marker-size-4);
  color: var(--list-ul-marker-color-4,var(--list-marker-color));
}

body.custom-unordered-list .has-list-bullet .list-bullet::after,
body.custom-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-1.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
body.custom-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-1.cm-line>span.cm-formatting:first-of-type .list-bullet::after {
  content: var(--list-ul-marker-1);
  font-size: var(--list-ul-marker-size-1);
  color: var(--list-ul-marker-color-1,var(--list-marker-color));
}

body.custom-unordered-list .has-list-bullet .has-list-bullet .list-bullet::after,
body.custom-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-2.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
body.custom-unordered-list .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: var(--list-ul-marker-2);
  font-size: var(--list-ul-marker-size-2);
  color: var(--list-ul-marker-color-2,var(--list-marker-color));
}
body.custom-unordered-list .has-list-bullet .has-list-bullet .has-list-bullet .list-bullet::after,
body.custom-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-3.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
body.custom-unordered-list .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: var(--list-ul-marker-3);
  font-size: var(--list-ul-marker-size-3);
  color: var(--list-ul-marker-color-3,var(--list-marker-color));
}


.markdown-source-view.mod-cm6 .cm-indent::before {
  margin-left: var(--bt-list-indentation-margin-left-editing, 0px);
}
.markdown-rendered.show-indentation-guide li > ul::before, 
.markdown-rendered.show-indentation-guide li > ol::before {
  margin-left: var(--bt-list-indentation-margin-left-reading, 0);
}

.is-focused .mod-active .workspace-tab-header.is-active
.workspace-tab-header-inner-icon {
  color: var(--theme-color);
}

body:not(.default-list-marker) .list-collapse-indicator:hover ~ .list-bullet:after,
body:not(.default-list-marker) .cm-fold-indicator:hover ~ .list-bullet:after,
body:not(.default-list-marker) .list-collapse-indicator:hover ~ .cm-formatting-list .list-bullet:after,
body:not(.default-list-marker) .cm-fold-indicator:hover ~ .cm-formatting-list .list-bullet:after {
  box-shadow: -0.02em 0.058em 0 2px var(--background-modifier-hover);
  background-color: var(--background-modifier-hover);
}

body:not(.default-list-marker) li.is-collapsed .list-collapse-indicator:hover ~ .list-bullet:after,
body:not(.default-list-marker) li.is-collapsed .cm-fold-indicator:hover ~ .list-bullet:after,
body:not(.default-list-marker) .list-collapse-indicator:hover.is-collapsed ~ .list-bullet:after,
body:not(.default-list-marker) .cm-fold-indicator:hover.is-collapsed ~ .list-bullet:after,
body:not(.default-list-marker) li.is-collapsed .list-collapse-indicator:hover ~ .cm-formatting-list .list-bullet:after,
body:not(.default-list-marker) li.is-collapsed .cm-fold-indicator:hover ~ .cm-formatting-list .list-bullet:after,
body:not(.default-list-marker) .list-collapse-indicator:hover.is-collapsed ~ .cm-formatting-list .list-bullet:after,
body:not(.default-list-marker) .cm-fold-indicator:hover.is-collapsed ~ .cm-formatting-list .list-bullet:after,

body:not(.default-list-marker) li.is-collapsed .list-bullet:after,
body:not(.default-list-marker) .is-collapsed ~ .cm-formatting-list .list-bullet:after,
body:not(.default-list-marker) .markdown-rendered .has-list-bullet .has-list-bullet .has-list-bullet .has-list-bullet .is-collapsed .list-bullet::after {
  color: var(--list-marker-color-collapsed);
  box-shadow: -0.02em 0.058em 0 2px var(--background-modifier-active-hover);
  background-color: var(--background-modifier-active-hover);
}


body.colorful-unordered-list ul > li::marker {
  color: var(--list-colorful-marker);
}
body.colorful-unordered-list :is(ul, ol) ul li::marker {
  color: hsl(calc(var(--accent-h) + 60),var(--accent-s),var(--accent-l));
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) ul li::marker {
  color: hsl(calc(var(--accent-h) + 120),var(--accent-s),calc(var(--accent-l) * 0.95));
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) ul li::marker {
  color: hsl(calc(var(--accent-h) + 180),var(--accent-s),calc(var(--accent-l) * 0.95));
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul li::marker {
  color: hsl(calc(var(--accent-h) + 240),var(--accent-s),calc(var(--accent-l) * 0.95));
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul li::marker {
  color: hsl(calc(var(--accent-h) + 300),var(--accent-s),calc(var(--accent-l) * 0.95));
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ul li::marker {
  color: hsl(calc(var(--accent-h) + 0), var(--accent-s), calc(var(--accent-l) * 0.95));
}

body.colorful-unordered-list .markdown-source-view.mod-cm6 .list-bullet::after {
  content: var(--list-ul-colorful-marker-content);
}

body.colorful-unordered-list .has-list-bullet .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-1.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-1.cm-line>span.cm-formatting:first-of-type .list-bullet::after {
  color: var(--list-colorful-marker);
}


body.colorful-unordered-list .has-list-bullet .has-list-bullet .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-2.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
body.colorful-unordered-list .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 {
  color: var(--list-colorful-marker);
  filter: hue-rotate(60deg);
}
body.colorful-unordered-list .has-list-bullet .has-list-bullet .has-list-bullet .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-3.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
body.colorful-unordered-list .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 {
  color: var(--list-colorful-marker);
  filter: hue-rotate(120deg);
}
body.colorful-unordered-list .has-list-bullet .has-list-bullet .has-list-bullet .has-list-bullet .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-4.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-4.cm-line span.cm-hmd-list-indent ~ span.cm-formatting .list-bullet::after {
  color: var(--list-colorful-marker);
  filter: hue-rotate(180deg);
}
body.colorful-unordered-list .has-list-bullet .has-list-bullet .has-list-bullet .has-list-bullet .has-list-bullet .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-5.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-5.cm-line span.cm-hmd-list-indent ~ span.cm-formatting .list-bullet::after {
  color: var(--list-colorful-marker);
  filter: hue-rotate(240deg);
}
body.colorful-unordered-list .has-list-bullet .has-list-bullet .has-list-bullet .has-list-bullet .has-list-bullet .has-list-bullet .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-6.cm-line div.cm-fold-indicator ~ span.cm-formatting .list-bullet::after,
body.colorful-unordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-6.cm-line span.cm-hmd-list-indent ~ span.cm-formatting .list-bullet::after {
  color: var(--list-colorful-marker);
  filter: hue-rotate(300deg);
}


body.colorful-unordered-list li.is-collapsed .list-collapse-indicator:hover ~ .list-bullet:after,
body.colorful-unordered-list li.is-collapsed .cm-fold-indicator:hover ~ .list-bullet:after,
body.colorful-unordered-list .list-collapse-indicator:hover.is-collapsed ~ .list-bullet:after,
body.colorful-unordered-list .cm-fold-indicator:hover.is-collapsed ~ .list-bullet:after,
body.colorful-unordered-list li.is-collapsed .list-collapse-indicator:hover ~ .cm-formatting-list .list-bullet:after,
body.colorful-unordered-list li.is-collapsed .cm-fold-indicator:hover ~ .cm-formatting-list .list-bullet:after,
body.colorful-unordered-list .list-collapse-indicator:hover.is-collapsed ~ .cm-formatting-list .list-bullet:after,
body.colorful-unordered-list .cm-fold-indicator:hover.is-collapsed ~ .cm-formatting-list .list-bullet:after,

body.colorful-unordered-list li.is-collapsed .list-bullet:after,
body.colorful-unordered-list .is-collapsed ~ .cm-formatting-list .list-bullet:after,
body.colorful-unordered-list .markdown-rendered .has-list-bullet .has-list-bullet .has-list-bullet .has-list-bullet .is-collapsed .list-bullet::after {
  color: var(--list-marker-color-collapsed);
  box-shadow: -0.02em 0.058em 0 2px var(--background-modifier-active-hover);
  background-color: var(--background-modifier-active-hover);
}


/*ordered-list-style-1*/
body.ordered-list-style-1 ol,
body.ordered-list-style-1 ol ol,
body.ordered-list-style-1 ol ol ol,
body.ordered-list-style-1 ol ul ol,
body.ordered-list-style-1 ol ol ol ol,
body.ordered-list-style-1 ol ol ul ol,
body.ordered-list-style-1 ol ul ol ol {
  list-style: none;
}

body.ordered-list-style-1 ol {
  counter-reset: niceBT;
}

body.ordered-list-style-1 ol>li {
  counter-increment: niceBT;
}

body.ordered-list-style-1 .markdown-rendered.show-indentation-guide li > ul::before {
  left: -18px;
}
body.ordered-list-style-1 .markdown-rendered.show-indentation-guide li > ol::before {
  left: -11px;
}

body.ordered-list-style-1 ol>li::before {
  content: counters(niceBT, '.') '. ';
  font-weight: bold;
  font-family: Inter;
  color: var(--list-ol-number-color);
  display: inline-block;
  white-space: pre;
  margin-left: -0.7em;
}
body.ordered-list-style-1 ul>li:not(.task-list-item)>p {
  display: inline;
}
body.ordered-list-style-1 ul>li:not(.task-list-item) {
  list-style-position: inside;
  padding-left: 0.25em;
}

body.ordered-list-style-1 ol.contains-task-list>li.task-list-item {
  margin-left: -1.2em;
}

body.list-bracket-style .markdown-rendered.show-indentation-guide li:not(.task-list-item) > :is(ol,ul)::before{
  border: none;
}

body.list-bracket-style :is(.markdown-preview-view,.markdown-rendered) ul>li:not(.task-list-item)::marker {
  font-size: 0.9em;
}


body.list-bracket-style :is(.markdown-preview-view,.markdown-rendered):not(.kanban) li:not(.task-list-item) {
  padding-left: 0.3rem;
}

body.list-bracket-style :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);
}

body.list-bracket-style :is(.markdown-preview-view,.markdown-rendered):not(.kanban) ul>li:not(.task-list-item):hover {
  border-color: var(--list-ul-hover);
}



body.list-bracket-style :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.3rem;
  border-radius: var(--radius-s);
  transition: all 300ms ease-in-out;
}

body.list-bracket-style ol.contains-task-list ol li:not(.task-list-item) {
  border-left: none !important;
  padding-left: 0.25em;
}

body.list-bracket-style :is(.markdown-preview-view,.markdown-rendered) ol:not(.contains-task-list)>li:not(.task-list-item):hover {
  border-color: var(--list-ol-hover);
}


body.list-bracket-style-two :is(.markdown-preview-view,.markdown-rendered):not(.kanban) :is(ul,ol)>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);
}

body.list-bracket-style-two :is(.markdown-preview-view,.markdown-rendered):not(.kanban) ol>li:not(.task-list-item) {
  border-left: 0.125em solid var(--list-ol-block-color);
}

body.list-bracket-style-two .markdown-rendered.show-indentation-guide li:not(.task-list-item) > ul::before, 
body.list-bracket-style-two .markdown-rendered.show-indentation-guide li:not(.task-list-item) > ol::before {
  border: none;
}

/*list-bracket-style-two*/
body.list-bracket-style-two ol,
body.list-bracket-style-two ol ol,
body.list-bracket-style-two ol ol ol,
body.list-bracket-style-two ol ul ol,
body.list-bracket-style-two ol ol ol ol,
body.list-bracket-style-two ol ol ul ol,
body.list-bracket-style-two ol ul ol ol {
  list-style: none;
}

body.list-bracket-style-two ol {
  counter-reset: niceBT;
}

body.list-bracket-style-two ol>li {
  counter-increment: niceBT;
}

body.list-bracket-style-two ol>li::before {
  content: counters(niceBT, '.') '. ';
  font-weight: bold;
  font-family: Monaco;
  font-size: 0.8em;
  color: var(--list-ol-number-color);
  display: inline-block;
  white-space: pre;
}

body.list-bracket-style-two ul>li:not(.task-list-item) {
  padding-left: 1.1em;
}
body.list-bracket-style-two ol>li:not(.task-list-item) {
  padding-left: 0.4em;
}

body.list-bracket-style-two .markdown-rendered .list-bullet {
  left: 0.6em;
}

body.list-bracket-style-three :is(.markdown-preview-view,.markdown-rendered):not(.kanban) :is(ul,ol):has(:is(ol,ul))>li:has(:is(ol,ul)):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);
}
body.list-bracket-style-three :is(.markdown-preview-view,.markdown-rendered):not(.kanban) ol:has(:is(ol,ul))>li:has(:is(ol,ul)):not(.task-list-item) {
  border-left: 0.125em solid var(--list-ol-block-color);
}

body.list-bracket-style-three :is(.markdown-preview-view,.markdown-rendered):not(.kanban) :is(ul,ol):has(:is(ol,ul))>li:has(:is(ol,ul)):not(.task-list-item) {
  padding-left: 0.3em;
}

body.list-bracket-style-three .markdown-rendered.show-indentation-guide li:not(.task-list-item) > ul::before, 
body.list-bracket-style-three .markdown-rendered.show-indentation-guide li:not(.task-list-item) > ol::before {
  border: none;
}
body.list-bracket-style-three :is(.markdown-preview-view,.markdown-rendered):not(.kanban) li:not(.task-list-item) {
  padding-left: 0.45rem;
}


/*list-vertical-line-one*/
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: none;
}

body.list-vertical-line-one ol {
  counter-reset: niceBTT;
}

body.list-vertical-line-one ol>li {
  counter-increment: niceBTT;
}

body.list-vertical-line-one ol>li::before {
  content: counters(niceBTT, '.') '. ';
  font-weight: bold;
  color: var(--list-ol-number-color);
  margin-left: -1.3em;
  font-family: Monaco;
  font-size: 0.9em;
}

body.list-vertical-line-one :is(ol,ul) :is(ol,ul) {
  position: relative;
}

:is(body.list-vertical-line-one,body.list-vertical-line-one, 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-one,body.list-vertical-line-one, 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-one,body.list-vertical-line-one, 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-one,body.list-vertical-line-one, 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.colorful-ordered-list ol li::marker,
body.colorful-ordered-list ol li::before,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-1.cm-line div.cm-fold-indicator ~ span.cm-formatting.cm-formatting-list-ol,
body.colorful-ordered-list .cm-formatting.cm-formatting-list.cm-formatting-list-ol,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-1.cm-line span.cm-hmd-list-indent ~ span.cm-formatting.cm-formatting-list-ol {
  color: var(--list-colorful-marker);
}

body.colorful-ordered-list :is(ul, ol) ol li::marker {
  color: hsl(calc(var(--accent-h) + 60),var(--accent-s),var(--accent-l));
}
body.colorful-ordered-list :is(ul, ol) ol li::before,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-2.cm-line div.cm-fold-indicator ~ span.cm-formatting.cm-formatting-list-ol,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-2.cm-line span.cm-hmd-list-indent ~ span.cm-formatting.cm-formatting-list-ol {
  color: var(--list-colorful-marker);
  filter: hue-rotate(60deg);
}

body.colorful-ordered-list :is(ul, ol) :is(ul, ol) ol li::marker {
  color: hsl(calc(var(--accent-h) + 120),var(--accent-s),calc(var(--accent-l) * 0.95));
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) ol li::before,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-3.cm-line div.cm-fold-indicator ~ span.cm-formatting.cm-formatting-list-ol,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-3.cm-line span.cm-hmd-list-indent ~ span.cm-formatting.cm-formatting-list-ol {
  color: var(--list-colorful-marker);
  filter: hue-rotate(120deg);
}

body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) ol li::marker {
  color: hsl(calc(var(--accent-h) + 180),var(--accent-s),calc(var(--accent-l) * 0.95));
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) ol li::before,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-4.cm-line div.cm-fold-indicator ~ span.cm-formatting.cm-formatting-list-ol,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-4.cm-line span.cm-hmd-list-indent ~ span.cm-formatting.cm-formatting-list-ol {
  color: var(--list-colorful-marker);
  filter: hue-rotate(180deg);
}

body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol li::marker {
  color: hsl(calc(var(--accent-h) + 240),var(--accent-s),calc(var(--accent-l) * 0.95));
}
body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol li::before,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-5.cm-line div.cm-fold-indicator ~ span.cm-formatting.cm-formatting-list-ol,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-5.cm-line span.cm-hmd-list-indent ~ span.cm-formatting.cm-formatting-list-ol {
  color: var(--list-colorful-marker);
  filter: hue-rotate(240deg);
}

body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol li::marker {
  color: hsl(calc(var(--accent-h) + 300),var(--accent-s),calc(var(--accent-l) * 0.95));
}

body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol li::before,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-6.cm-line div.cm-fold-indicator ~ span.cm-formatting.cm-formatting-list-ol,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-6.cm-line span.cm-hmd-list-indent ~ span.cm-formatting.cm-formatting-list-ol {
  color: var(--list-colorful-marker);
  filter: hue-rotate(300deg);
}

body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol li::marker {
  color: hsl(calc(var(--accent-h) + 0), var(--accent-s), calc(var(--accent-l) * 0.95));
}

body.colorful-ordered-list :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) :is(ul, ol) ol li::before,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-7.cm-line div.cm-fold-indicator ~ span.cm-formatting.cm-formatting-list-ol,
body.colorful-ordered-list .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-7.cm-line span.cm-hmd-list-indent ~ span.cm-formatting.cm-formatting-list-ol {
  color: var(--list-colorful-marker);
  filter: hue-rotate(0deg);
}


@property --colorA {
  syntax: '<color>';
  inherits: false;
  initial-value: #9800f021;
}
@property --colorB {
  syntax: '<color>';
  inherits: false;
  initial-value: #0048f021;
}
@property --colorC {
  syntax: '<color>';
  inherits: false;
  initial-value: #00f02c21;
}
body.enable-icon-anima div.nav-header:hover {
  background: linear-gradient(135deg,var(--colorA),var(--colorB),var(--colorC));
  animation: rainbow-change 8s infinite linear;
}

@keyframes rainbow-change {
  20% {
    --colorA: #f0000015;
    --colorB: #88f00015;
    --colorC: #0048f015;
  }
  40% {
    --colorA: #10f00015;
    --colorB: #007cf015;
    --colorC: #6400f015;
  }
  60% {
    --colorA: #d4f00015;
    --colorB: #f0780015;
    --colorC: #f0003c15;
  }
  80% {
    --colorA: #0060f015;
    --colorB: #f0700015;
    --colorC: #00d0f015;
  }
}


body.enable-icon-anima :is(.workspace-ribbon, .nav-header) .clickable-icon:before{
  content: '';
  background-color: var(--theme-color-translucent-01);
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  visibility: hidden;
}

body.enable-icon-anima :is(.workspace-ribbon, .nav-header) .clickable-icon:hover:before {
  animation: bead-1 1s;
}

body.enable-icon-anima :is(.workspace-ribbon, .nav-header) .clickable-icon:after {
  content: '';
  background-color: var(--theme-color-translucent-01);
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  visibility: hidden;
}

body.enable-icon-anima :is(.workspace-ribbon, .nav-header) .clickable-icon:hover:after {
  animation: bead-2 1s;
}

@keyframes bead-1 {
  0% {
    transform: scale(1);
    visibility: visible;
  }
  25% {
    margin-left: 20px;
    margin-top: 20px;
    transform: scale(0);
    visibility: hidden;
  }
  50% {
    margin: 0px;
    transform: scale(1);
    visibility: visible;
  }
  100% {
    margin-left: 20px;
    margin-top: -20px;
    transform: scale(0);
    visibility: hidden;
  }
}

@keyframes bead-2 {
  0% {
    transform: scale(1);
    visibility: visible;
  }
  25% {
    margin-left: -20px;
    margin-top: -20px;
    transform: scale(0);
    visibility: hidden;
  }
  50% {
    margin: 0px;
    transform: scale(1);
    visibility: visible;
  }
  100% {
    margin-left: -20px;
    margin-top: 20px;
    transform: scale(0);
    visibility: hidden;
  }
}

/**ob 1.0 **/
.is-hidden-frameless:not(.is-fullscreen) .titlebar-button-container.mod-right:hover {
  background-color: var(--titlebar-background-focused);
}
.is-hidden-frameless:not(.is-fullscreen) .titlebar-button-container.mod-right {
  background-color: transparent;
}
.is-hidden-frameless.mod-windows .titlebar-button {
  background-color: transparent;
}

.markdown-preview-view progress, .markdown-rendered progress, .markdown-source-view.is-live-preview progress {
  overflow: unset;
  vertical-align: middle;
}

body.title-justify-start .view-header-title-container {
  justify-content: flex-start;
}

.search-input-container input:hover {
  box-shadow: var(--window-shadow-hover);
}
 


.memo-context-menu{
  background-color:var(--bg-color-settings-3);
  backdrop-filter: blur(10px);
}
.cm-s-obsidian span.obsidian-search-match-highlight {
  box-shadow: none;
}
select:hover,
.dropdown:hover,
select:focus,
.dropdown:focus {
  box-shadow: none;
}

.workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title, .workspace-leaf.mod-active .nav-file.has-focus > .nav-file-title {
  box-shadow: none;
}

.nav-folder.mod-root > .nav-folder-children > .nav-file .nav-file-title {
  padding-left: var(--size-2-3);
}

.nav-folder .nav-folder-children[style="height: 0px;"] {
  height: auto !important;
}

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


@keyframes fancy-prompt-1 {
  0% {
    transform: scale(1.2) rotate(0);
    opacity: 0;
    box-shadow: 0 0 0 rgba(241, 241, 241, 0);
  }
  50% {
    transform: scale(1) rotate(-0.2deg);
    opacity: 1;
    box-shadow: 0 0 0 rgba(241, 241, 241, 0.5);
  }
  75% {
    transform: scale(1) rotate(0.2deg);
    opacity: 1;
    box-shadow: 0 0 250px rgba(241, 241, 241, 0.5);
  }
  100% {
    transform: scale(1) rotate(0);
    opacity: 1;
    box-shadow: 0 0 500px rgba(241, 241, 241, 0);
  }
}

.prompt {
  backdrop-filter: blur(10px);
  box-shadow: 0 0 10px 1px var(--prompt-box-shadow);
  border: none;
}
 

@keyframes slideUpLarge {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}

@keyframes quickScaleDown {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(0.2);
  }

  40% {
    transform: scale(0.4);
  }
  60% {
    transform: scale(0.6);
  }
  80% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes blowUpModal {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}


@keyframes roadRunnerIn {
  0% {
    transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
  }
  70% {
    transform: translateX(30px) skewX(0deg) scaleX(0.9);
  }
  100% {
    transform: translateX(0px) skewX(0deg) scaleX(1);
  }
}

@keyframes roadRunnerOut {
  0% {
    transform: translateX(400px) skewX(30deg) scaleX(1.3);
  }
  50% {
    transform: translateX(-30px) skewX(0deg) scaleX(0.9);
  }
  100% {
    transform: translateX(0px) skewX(0deg) scaleX(1);
  }
}

@keyframes pop-swirl {
  0% {
    transform: scale(0) rotate(360deg);
  }
  60% {
    transform: scale(0.8) rotate(-10deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}

@keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(1) scaleX(1);
  }
}

[class="prompt"] {
  animation: var(--prompt-options) .5s ease-in;
}

body.hide-left-ribbon .workspace-ribbon.mod-left:not(:hover):before,
body.hide-left-ribbon .workspace-ribbon.side-dock-ribbon.mod-left:not(:hover),
body.hide-left-ribbon .workspace-ribbon.side-dock-ribbon.mod-left:not(:hover) .sidebar-toggle-button.mod-left {
  margin-left: calc(-1 * var(--ribbon-width) + 1px);
}


 
body.hide-left-ribbon .workspace-ribbon.side-dock-ribbon.mod-left .sidebar-toggle-button.mod-left,
body.hide-left-ribbon .workspace-ribbon.mod-left:before,
body.hide-left-ribbon .workspace-ribbon.side-dock-ribbon.mod-left {
  transition: all 350ms ease-in-out;
}

body.hide-left-ribbon-retention-drawer.hide-titlebar-close-btn.is-hidden-frameless .titlebar-button.mod-logo {
  display: none;
}

body.hide-left-ribbon-retention-drawer.hide-titlebar-close-btn.is-hidden-frameless .workspace-ribbon.mod-left .sidebar-toggle-button {
  padding-top: var(--size-4-2);
}
body.hide-left-ribbon-retention-drawer .workspace-ribbon.mod-left:not(:hover) ~ .workspace-split .workspace-tabs.mod-top.mod-top-left-space .workspace-tab-header-container {
  margin-left: 30px;
  transition: all 350ms ease-in-out;
}
body.hide-left-ribbon-retention-drawer .workspace-ribbon.mod-left:not(:hover):before,
body.hide-left-ribbon-retention-drawer .workspace-ribbon.side-dock-ribbon.mod-left:not(:hover) {
  margin-left: calc(-1 * var(--ribbon-width) + 1px);
}

body.hide-left-ribbon-retention-drawer .workspace-ribbon.side-dock-ribbon.mod-left .sidebar-toggle-button.mod-left,
body.hide-left-ribbon-retention-drawer .workspace-ribbon.mod-left:before,
body.hide-left-ribbon-retention-drawer .workspace-ribbon.side-dock-ribbon.mod-left,
body.hide-left-ribbon-retention-drawer .workspace-ribbon.mod-left:hover ~ .workspace-split .workspace-tabs.mod-top .workspace-tab-header-container {
  transition: all 350ms ease-in-out;
}
body.hide-titlebar-close-btn.hide-left-ribbon-retention-drawer .workspace-ribbon.side-dock-ribbon.mod-left .sidebar-toggle-button.mod-left {
  background: unset;
}


body.hide-left-ribbon-retention-drawer:not(.background-settings-workplace-background-image) .workspace-tabs.mod-top {
  background: var(--background-secondary-alt);
}
body.stack-tab-text-ori-mixed .workspace-tab-header-inner-title {
  text-orientation: mixed;
}

body:is(.bt-bubble-ribbon-hide-left,.bt-bubble-ribbon) .side-dock-actions {
  border-radius: 0 var(--radius-l) var(--radius-l) 0;
}
body:is(.bt-bubble-ribbon-hide-left,.bt-bubble-ribbon) .side-dock-actions, 
body:is(.bt-bubble-ribbon-hide-left,.bt-bubble-ribbon) .side-dock-settings {
  border: 1px solid var(--tab-outline-color);
  padding: 5px 0;
  background-color: var(--background-primary);
}
body:is(.bt-bubble-ribbon-hide-left,.bt-bubble-ribbon) .side-dock-settings {
  border-radius: 0 var(--radius-l) 0 0;
  margin-bottom: 0;
}
body:is(.bt-bubble-ribbon-hide-left,.bt-bubble-ribbon) .workspace-ribbon {
  padding: 0 3px 0 0;
  border-right: none;
}

body.bt-bubble-ribbon-hide-left .workspace-ribbon.mod-left:not(:hover):before,
body.bt-bubble-ribbon-hide-left .workspace-ribbon.side-dock-ribbon.mod-left:not(:hover),
body.bt-bubble-ribbon-hide-left .workspace-ribbon.side-dock-ribbon.mod-left:not(:hover) .sidebar-toggle-button.mod-left {
  margin-left: calc(-1 * var(--ribbon-width) + 1px);
}

body.bt-bubble-ribbon-hide-left .workspace-ribbon.side-dock-ribbon.mod-left .sidebar-toggle-button.mod-left,
body.bt-bubble-ribbon-hide-left .workspace-ribbon.mod-left:before,
body.bt-bubble-ribbon-hide-left .workspace-ribbon.side-dock-ribbon.mod-left {
  transition: all 350ms ease-in-out;
}


body.tab-title-bar-position .workspace-tabs:not(.mod-stacked) .view-header {
  left: 16px;
  border: none;
  transform-origin: right center;
  writing-mode: vertical-rl;
  position: absolute;
  padding: 0;
  background: transparent;
}

body.tab-title-bar-position .workspace-tabs:not(.mod-stacked) .view-header-nav-buttons {
  margin-left: -12px;
}

body.tab-title-bar-position .workspace-tabs:not(.mod-stacked) .view-header .view-actions {
  margin-left: -13px;
}
body.tab-title-bar-position .workspace-tabs:not(.mod-stacked) .view-header-title-container {
  position: absolute;
  top: 25vh;
  left: -8px;
  transform-origin: right center;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

body.view-button-front.tab-title-bar-position .workspace-leaf-content .view-header .view-header-nav-buttons{
  margin-left: -12px;
  margin-top: 25px;
}

body.view-button-front.tab-title-bar-position .workspace-leaf-content:is([data-mode="preview"],
[data-mode="source"]) .view-header .view-actions>:is([aria-label^="该面板处于编辑视图中"],
[aria-label^="Current view: editing"]) {
  left: -10px;
}
body.view-button-front.tab-title-bar-position .workspace-leaf-content[data-mode='preview'] .view-header .view-actions>:is([aria-label^="该面板处于阅读视图中"],[aria-label^="Current view: reading"]) {
  left: -10px;
}

body.tab-title-bar-position  .markdown-preview-view {
  padding-left: unset;
}

body.tab-title-bar-position .workspace-split.mod-root .workspace-leaf-content[data-type='markdown'] .view-content {
  padding-left: 2.5rem;
}

body.tab-title-bar-position .workspace-tabs:not(.mod-stacked) .view-header-title-container.web-browser-header-bar {
  top: unset;
}

body.mod-windows.hide-titlebar-close-btn.is-hidden-frameless .titlebar-button.mod-logo {
  display: block;
  margin-left: 5px;
  margin-top: 6px;
}
body.mod-windows.hide-titlebar-close-btn.is-hidden-frameless:not(.show-ribbon) .titlebar-button.mod-logo
{
display: none;
}
body.hide-titlebar-close-btn.hide-left-ribbon-retention-drawer .view-header {
  padding-left: 24px;
}
body.hide-titlebar-close-btn.hide-left-ribbon-retention-drawer.view-button-front .workspace-leaf-content:is([data-mode="preview"],[data-mode="source"]) .view-header .view-actions>:is([aria-label^="该面板处于编辑视图中"],[aria-label^="Current view: editing"]) {
  left:30px
}
body.hide-titlebar-close-btn.hide-left-ribbon-retention-drawer.view-button-front .workspace-leaf-content[data-mode='preview'] .view-header .view-actions>:is([aria-label^="该面板处于阅读视图中"],[aria-label^="Current view: reading"]) {
  left: 30px;
}

body.view-button-front:not(.tab-title-bar-position) .view-header {
  padding-left: 32px !important;
}
body.hide-titlebar-close-btn.hide-left-ribbon.is-hidden-frameless .titlebar-button.mod-logo {
  display: none;
}

body.mod-windows.hide-titlebar-close-btn.is-hidden-frameless .workspace-ribbon.side-dock-ribbon.mod-left {
  padding-top: 26px;
}

body.mod-windows.hide-titlebar-close-btn.is-hidden-frameless .workspace-ribbon.mod-left .sidebar-toggle-button {
  padding-top: 56px;
}
body.mod-windows.hide-titlebar-close-btn.is-hidden-frameless .workspace-ribbon.mod-left.is-collapsed .sidebar-toggle-button {
  padding-top: 54px;
}
body.mod-windows.hide-titlebar-close-btn.is-hidden-frameless .workspace-ribbon.mod-left .side-dock-actions {
  padding-top: 12px;
}
body.hide-titlebar-close-btn.is-hidden-frameless .titlebar-button-container.mod-right:not(:hover) {
  transform: translateY(calc( -1 * var(--header-height) + 6px));
  transition: all 0.6s linear;
}

body.hide-titlebar-close-btn.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-right-space .workspace-tab-header-container:after {
  top: -20px;
}

body.hide-titlebar-close-btn.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-right-space .workspace-tab-header-container {
  padding-right: unset;
}
body.hide-titlebar-close-btn.is-hidden-frameless .titlebar-inner:hover .titlebar-button-container.mod-right {
  transition: all 0.1s linear;
  transform:translateY(-15px);
  background: var(--titlebar-background-focused);
  opacity: 0.8;
}
body.hide-titlebar-close-btn.is-hidden-frameless.mod-linux .titlebar-button,
body.hide-titlebar-close-btn.is-hidden-frameless.mod-windows .titlebar-button {
  padding-bottom: 6px;
  align-items: flex-end;
}

.theme-light .view-header-title-container:is(.web-browser-header-bar,.wb-header-bar) input:is(.web-browser-search-bar,.wb-search-bar) {
  background-image:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='svg-icon lucide-search'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position:  4px 7.5px;
  background-size: 14px;
  opacity: 0.6;
  padding: 0 0 0 22px;
  border: none;
}
.theme-dark .view-header-title-container:is(.web-browser-header-bar,.wb-header-bar)  input:is(.web-browser-search-bar,.wb-search-bar) {
  background-image:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='svg-icon lucide-search'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 4px 7.5px;
  background-size: 14px;
  opacity: 0.6;
  padding: 0 0 0 22px;
  border: none;
  background-color: transparent;
}
.view-header-title-container:is(.web-browser-header-bar,.wb-header-bar)  input:is(.web-browser-search-bar,.wb-search-bar):focus {
  opacity: 1;
}
.view-header .view-header-title-container:is(.web-browser-header-bar,.wb-header-bar):hover {
  border:none;
}

.view-header-title-container:is(.web-browser-header-bar,.wb-header-bar)  .view-header-title-parent:before {
  content: ' ';
  margin-left: 10px;
  color: var(--text-faint);
  width:10px;
  height: 6px;
  background-color: var(--text-muted);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='svg-icon lucide-search'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
}
/* ====web-browser==== */
.wb-bookmark-bar {
  overflow: unset;
  border:none;
  right: 7px;
}
.wb-page-search-bar-text {
  font-family: var(--font-family-vault);
}
.workspace-leaf-content:is([data-type$="web-browser-view"],[data-type="surfing-view"]) .view-actions .view-action {
  opacity: 1 !important;
}
.workspace-leaf-content[data-type$="web-browser-view"] .view-actions>a:not([class*="-web-browser"]) {
  display: none;
}
.workspace-leaf-content:not([data-type$="web-browser-view"]) .view-actions>a[class*="-web-browser"]{
  display: none;
}
.workspace-leaf-content[data-type="surfing-view"] .view-actions>a:not(:is([class*="surfing"],[aria-label^="Surfing"],[aria-label="星标"],[aria-label="设置"],[aria-label="star"],[aria-label="settings"])) {
  display: none;
}
.wb-bookmark-item, .wb-bookmark-folder {
  width: auto;
}
.workspace-leaf-content:not([data-type="surfing-view"]) .view-actions>a:is([class*="surfing"],[aria-label^="Surfing"]) {
  display: none;
}

.wb-page-search-bar-input-container input.wb-page-search-bar-input{
  background-color: var(--background-secondary);
  box-shadow: var(--window-shadow2);
}
.wb-page-search-bar-input-container input.wb-page-search-bar-input:not(:hover){
  border:none;
}
.view-header-title-container.web-browser-header-bar input {
  padding: 0 10px 0 19px;
  border: 0;
  outline: none;
  background: transparent;
}

.view-header-title-container.web-browser-header-bar:hover {
  border: var(--input-border-width) solid;
  color: var(--interactive-accent-hover);
  border-radius: 6px;
}
/* ==End==web-browser==== */

/* ====new style==== */
body.background-settings-workplace-background-image.workspace > .workspace-leaf {
  background-color: transparent;
}
body:not(.color-scheme-options-simplicity-topaz) .workspace > .workspace-split {
  background-color: var(--background-secondary-alt);
}
body:not(.color-scheme-options-simplicity-topaz).theme-light .workspace > .workspace-split.mod-left-split {
  background-color: transparent;
}

body.background-settings-workplace-background-image:not(.is-mobile) .workspace-tab-container-before.is-before-active,
body.background-settings-workplace-background-image:not(.is-mobile) .workspace-tab-container-after.is-after-active,
body.background-settings-workplace-background-image:not(.is-mobile) .workspace-tab-header.is-before-active,
body.background-settings-workplace-background-image:not(.is-mobile) .workspace-tab-header.is-after-active,
body.background-settings-workplace-background-image:not(.is-mobile) .workspace-split.mod-right-split .workspace-tabs .workspace-leaf,
body.background-settings-workplace-background-image:not(.is-mobile) .workspace-split.mod-left-split .workspace-tabs .workspace-leaf,
body.background-settings-workplace-background-image:not(.is-mobile) .workspace-leaf-resize-handle,
body.background-settings-workplace-background-image .workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-tab-header.is-active {
  background-color: transparent;
}

body.toggle-header-bottom-line .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
  --page-border-bottom: transparent;
}
body.toggle-header-bottom-line.show-view-header .view-header {
  --page-border-bottom: transparent;
  border-top-left-radius:var(--radius-m);
  border-top-right-radius: var(--radius-m);
}

.workspace-split.mod-root .workspace-tab-header-container-inner .workspace-tab-header:first-child {
  margin-left: 1rem;
}

body.background-settings-workplace-background-image .workspace-split.mod-root .workspace-tab-header.is-active::before,
body.background-settings-workplace-background-image .workspace-split.mod-root .workspace-tab-header.is-active::after {
  /* box-shadow: inset 0 0 0 var(--tab-outline-width) transparent, 0 0 0 calc(var(--tab-curve) * 4) var(--background-secondary); */
}

body.theme-dark:not(.background-settings-workplace-background-image) .workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-tabs .workspace-leaf-resize-handle {
  --divider-color: var(--background-primary);
}
.workspace-tabs:not(.mod-top) .workspace-tab-header-container {
  background-color:transparent;
}
/*** emoji toolbar**/
.callout  img.emoji {
  display: inline-block!important;
}
/**emoji toolbar*****/

body.underline-tab-style .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header {
  background-color: transparent;
  box-shadow: none;
}
body.underline-tab-style .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header::before,
body.underline-tab-style .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header::after {
  display: none;
}
body.underline-tab-style .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header.is-active {
  border-radius: 0;
  border-bottom: 2px solid var(--text-accent);
  margin-bottom: 0px;
  padding-bottom: 0px;
}
body.underline-tab-style .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header.is-active .workspace-tab-header-inner {
  border-radius: var(--tab-radius) var(--tab-radius) 0px 0px;
  margin-top: 0.5px;
  padding-bottom: 4px;
}
body.underline-tab-style .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header ::after {
  display: none;
}
body.underline-tab-style .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header:hover .workspace-tab-header-inner {
  background-color: var(--background-modifier-hover);
}

body.safari-tab-style .workspace-tabs:not(.mod-stacked) .workspace-tab-header::before,
body.safari-tab-style .workspace-tabs:not(.mod-stacked) .workspace-tab-header::after,
body.safari-tab-style .workspace .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner::after {
  display: none;
}

body.safari-tab-style .mod-vertical:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header-container-inner,
body.safari-tab-style .mod-horizontal:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header-container-inner {
  align-items: center;
  margin: 0;
  width: 100%;
}

body.safari-tab-style .mod-vertical:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header,
body.safari-tab-style .mod-horizontal:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header {
  border-radius: 6px;
  box-shadow: none;
  height:  calc(var(--header-height) * 0.7);
  margin-left: 12px;
  padding: 0 !important;
  transition: 400ms, background-color 150ms ease-in-out;
}

body.safari-tab-style .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header {
  transition: 400ms;
}

body.safari-tab-style .workspace-tabs:not(.mod-stacked) .workspace-tab-header:first-child {
  margin-left: 0;
}

body.safari-tab-style .mod-root:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner {
  padding: 0 4px 0 8px;
  transition: 400ms;
}
body.safari-tab-style .mod-root:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner,
body.safari-tab-style .mod-root:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner-close-button,
body.safari-tab-style .mod-root:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner-icon {
  color: var(--text-muted);
}

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

body.safari-tab-style .mod-root:not(.mod-left-split):not(.mod-right-split) .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active {
  flex-grow: 1.67;
  max-width: 300px;
}

body.safari-tab-style .mod-root .workspace-tabs:not(.mod-stacked).mod-active .workspace-tab-header.is-active .workspace-tab-header-inner,
body.safari-tab-style .mod-root .workspace-tabs:not(.mod-stacked).mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-title,
body.safari-tab-style .mod-root .workspace-tabs:not(.mod-stacked).mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-close-button,
body.safari-tab-style .mod-root .workspace-tabs:not(.mod-stacked).mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon {
  color: var(--text-noraml);
  font-weight:bold;
}

body.safari-tab-style .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active:hover {
  background-color: var(--background-modifier-border);
}

body.safari-tab-style.theme-light .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header {
  border: 1px solid  var(--tab-outline-color);
}
body.safari-tab-style .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header {
  border: 1px solid  rgba(var(--mono-rgb-0), .25) ;
}

body.transparent-tab-style .workspace-split:not(.mod-left-split):not(.mod-right-split) .workspace-tab-header-container-inner .workspace-tab-header {
  --tab-background-active: transparent;
  --tab-outline-width: transparent;
}
body.transparent-tab-style.color-scheme-options-simplicity-topaz.theme-dark:not(.background-settings-workplace-background-image) .workspace-split.mod-root .workspace-tab-header.is-active.mod-active {
  background-color: var(--tab-background-active);
}

body.transparent-tab-style.theme-dark .workspace-split.mod-root .workspace-tab-header.is-active.mod-active {
  background-color: var(--tab-background-active);
}

.is-mobilebody,
.is-mobile .app-container,
.is-mobile .horizontal-main-container {
  background-color: var(--background-secondary);
}

.is-mobile.theme-light .mobile-toolbar {
  background-color: var(--background-primary-alt);
}

.is-frameless:is(.is-mobile,.is-tablet).mod-windows {
  background-color: var(--background-secondary-alt) !important;
}

.is-frameless:is(.is-mobile,.is-tablet).mod-windows::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: calc(var(--titlebar-height) / var(--zoom-factor));
  width: 100%;
  background-color: var(--background-mobile-padding-top);
  --background-mobile-padding-top: var(--background-secondary-alt);
}

body.background-settings-workplace-background-image.theme-light.is-frameless:is(.is-mobile,.is-tablet).mod-windows::after {
  --background-mobile-padding-top: #f9f9f9;
}
body.background-settings-workplace-background-image.theme-dark.is-frameless:is(.is-mobile,.is-tablet).mod-windows::after {
  --background-mobile-padding-top: #000000;
}

.workspace-tab-header.mod-active .workspace-tab-header-inner-title {
  font-weight: bold;
}

.theme-dark .mod-root .workspace-tabs .workspace-leaf {
  background-color: transparent;
}

.workspace-tab-header-inner-icon img {
  margin:auto;
}

.cm-s-obsidian span.cm-hmd-escape-char {
  color: var(--text-muted);
}


/* ================================== */
/* ========= Canvas ========= */
/* ================================== */
.canvas-node-content.markdown-embed > .markdown-embed-content > .markdown-preview-view {
  padding: 0 0.5em;
}

body.canvas-workplace-background .workspace-leaf-content[data-type="canvas"],
body.canvas-workplace-background .canvas-wrapper {
  --background-primary: var(--color-base-00);
}

/* hide canvas export grid */
body.toggle-canvas-grid .canvas-wrapper .canvas-background rect,
.canvas-wrapper.is-screenshotting .canvas-background rect {
  opacity: 0;
}


/*=======canvas-card-focus-mode========
=====Modified by Cuman from boninall=====*/
/*
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-1) .canvas-edges>:not(.mod-canvas-color-1),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-2) .canvas-edges>:not(.mod-canvas-color-2),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-3) .canvas-edges>:not(.mod-canvas-color-3),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-4) .canvas-edges>:not(.mod-canvas-color-4),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-5) .canvas-edges>:not(.mod-canvas-color-5),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-6) .canvas-edges>:not(.mod-canvas-color-6),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-custom) .canvas-edges>:not(.mod-canvas-color-custom),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-1) .canvas-node.is-themed:not(:is(.mod-canvas-color-1)),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-2) .canvas-node.is-themed:not(:is(.mod-canvas-color-2)),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-3) .canvas-node.is-themed:not(:is(.mod-canvas-color-3)),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-4) .canvas-node.is-themed:not(:is(.mod-canvas-color-4)),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-5) .canvas-node.is-themed:not(:is(.mod-canvas-color-5)),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-6) .canvas-node.is-themed:not(:is(.mod-canvas-color-6)),
body.canvas-card-focus-mode .canvas:has(.is-focused.mod-canvas-color-custom) .canvas-node.is-themed:not(.mod-canvas-color-custom) {
  filter:grayscale(0.9);
}
*/

.canvas-node-content.markdown-embed table {
  text-align: start;
}

 

.workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-tab-container .workspace-leaf-content:not([data-type="file-properties"]) 
:is(.metadata-container,.frontmatter-container) {
  display: none;
}

.workspace-leaf-content[data-type="recent-files"] .view-content {
  overflow-x: hidden;
}

.canvas-node-container h1 {
  font-size: calc(var(--h1-size) );
  text-align: center;
}

.canvas-node-placeholder::after {
  background-color: rgba(var(--canvas-color), 0.3);
}
.canvas-icon-placeholder svg {
  opacity: 0.5;
}
body.canvas-card-text-middle .canvas-node-container .canvas-node-content.markdown-embed:not(.is-loaded) {
  text-align: center;
}

div#popup-search {
  background-color: var(--color-base-10);
}
 
body:not(.is-phone) .workspace-leaf.mod-active .tree-item-self.has-focus {
  --background-modifier-border-focus: color-mix(in srgb, var(--theme-color), transparent 30%);
}

.tree-item-self {
  align-items: center;
}

body.bt-bubble-layout {
  --divider-color: transparent;
  --divider-color-hover: var(--backgrouund-modifier-border);
}

body:not(.bt-bubble-layout) .setting-item[data-id="bt-bubble-settings"],
body:not(.bt-bubble-layout) .setting-item[data-id="bt-bubble-not-file-tree"],
body:not(.bt-bubble-layout) .setting-item[data-id="bt-bubble-layout-hide-borders"],
body:not(.bt-bubble-layout) .setting-item[data-id="bt-bubble-buttons"],
body:not(.bt-bubble-layout) .setting-item[data-id="bt-bubble-layout-padding"],
body:not(.bt-bubble-layout) .setting-item[data-id="bt-bubble-radius"] {
  display: none;
}

body.bt-bubble-layout .mod-vertical .workspace-tabs,
body.bt-bubble-layout .mod-left-split .workspace-tab-container,
body.bt-bubble-layout .mod-right-split .workspace-tab-container {
  padding: 0 var(--bt-bubble-layout-padding);
}

body.bt-bubble-layout .mod-left-split .workspace-tab-header.has-active-menu, 
body.bt-bubble-layout .mod-right-split .workspace-tab-header.has-active-menu, 
body.bt-bubble-layout .mod-left-split .workspace-tab-header.is-active, 
body.bt-bubble-layout .mod-right-split .workspace-tab-header.is-active {
  background-color: var(--background-primary);
  border: 1px solid var(--bt-bubble-border-color);
}
body.bt-bubble-layout   .workspace-tab-header-container
{
  background-color: transparent;
  --tab-background-active: var(--background-primary);
}
body.bt-bubble-layout.theme-dark.background-settings-workplace-background-image:not(.color-scheme-options-simplicity-topaz) .workspace-ribbon.side-dock-ribbon.mod-left
{
  background-color: var(--background-secondary-alt);
}

 
body.background-settings-workplace-background-image.theme-dark:not(:is(.color-scheme-options-simplicity-topaz,.hide-left-ribbon,.hide-left-ribbon-retention-drawer,.bt-bubble-ribbon-hide-left)) .workspace-ribbon.mod-left:after {
 
  width: var(--ribbon-width);
 
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: var(--background-secondary-alt);
  content: " ";
  pointer-events: none; 
}
 
 
body.bt-bubble-layout.bt-bubble-buttons .mod-left-split .workspace-tab-header-container-inner, 
body.bt-bubble-layout.bt-bubble-buttons .mod-right-split .workspace-tab-header-container-inner {
  padding: 4px;
  margin: 4px 0 4px var(--bt-bubble-layout-padding);
  border-radius: var(--radius-m);
  background-color: color-mix(in srgb, var(--background-primary) 80%, transparent);
}
body.bt-bubble-layout.bt-bubble-buttons .mod-left-split .workspace-tab-header.has-active-menu, 
body.bt-bubble-layout.bt-bubble-buttons .mod-right-split .workspace-tab-header.has-active-menu, 
body.bt-bubble-layout.bt-bubble-buttons .mod-left-split .workspace-tab-header.is-active, 
body.bt-bubble-layout.bt-bubble-buttons .mod-right-split .workspace-tab-header.is-active {
  background-color: color-mix(in srgb, lightgray, var(--background-secondary-alt) 75%);
  border: 1px solid transparent;
}
body.bt-bubble-layout.bt-bubble-not-file-tree .workspace-leaf-content:is([data-type="file-explorer"],[data-type="mk-file-view"]),
body.bt-bubble-layout .workspace-split .workspace-leaf-content:not(:is([data-type="file-explorer"],[data-type="mk-file-view"]))  {
  border-radius: var(--bt-bubble-radius, var(--radius-l));
  background-color: var(--background-primary);
  border: 1px solid var(--bt-bubble-border-color);
  margin-bottom: var(--bt-bubble-layout-padding);
}
body.theme-dark.color-scheme-options-simplicity-topaz.bt-bubble-layout.bt-bubble-not-file-tree:not(.background-settings-workplace-background-image) .workspace-leaf-content:is([data-type="file-explorer"],[data-type="mk-file-view"]),
body.theme-dark.color-scheme-options-simplicity-topaz.bt-bubble-layout:not(.background-settings-workplace-background-image) .workspace-split
 .workspace-leaf-content:not(:is([data-type="file-explorer"],[data-type="mk-file-view"]))  {
 
  background-color: var(--background-primary-alt);

}

body.bt-bubble-layout.color-scheme-options-simplicity-topaz  .workspace-leaf-content .view-header,
body:not(.is-mobile).bt-bubble-layout.color-scheme-options-simplicity-topaz:not(.background-image-settings-switch) .workspace-split.mod-root .view-content
{
  background-color: transparent;
}
body.bt-bubble-layout .workspace-split.mod-right-split .workspace-tabs .workspace-leaf, 
body.bt-bubble-layout .workspace-split.mod-left-split .workspace-tabs .workspace-leaf,
body.bt-bubble-layout .mod-root .workspace-tabs .workspace-leaf {
  background-color: transparent;
}
body.bt-bubble-layout .workspace-tab-header-container, 
body.bt-bubble-layout .workspace-ribbon.mod-left:before {
  border-bottom: none;
}
body.bt-bubble-layout:not(.background-settings-workplace-background-image) .workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-tabs .workspace-leaf-resize-handle {
  --divider-color: transparent;
}

body.bt-bubble-layout.bt-bubble-layout-hide-borders {
  --bt-bubble-border-color: transparent;
  --tab-outline-color: transparent;
}
body.bt-bubble-layout.bt-bubble-layout-hide-borders .workspace-split .workspace-leaf-content
{
  border: none;
}
body.bt-bubble-layout.bt-bubble-layout-hide-borders .menu {
  border: 0 !important;
}

body.bt-bubble-layout .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle,
body.bt-bubble-layout .workspace-split.mod-right-split > .workspace-leaf-resize-handle,
body.bt-bubble-layout .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, 
body.bt-bubble-layout .workspace-split.mod-left-split > .workspace-leaf-resize-handle {
  border: none;
}

body.background-settings-workplace-background-image:not(.color-scheme-options-simplicity-topaz) .workspace-tabs.mod-active .view-header,
body.background-settings-workplace-background-image .workspace-split.mod-root .view-content,
body.background-settings-workplace-background-image:not(.color-scheme-options-simplicity-topaz) .workspace-tabs .view-header {
  background-color: transparent;
}

body.background-settings-workplace-background-image .workspace-tab-header-container-inner {
  margin: 6px -5px 0;
}

/*Inspired by the OneNote theme in Siyuan software*/
 
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container {
  padding: 0 0 0 12px;
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder > .tree-item-children.nav-folder-children {
  border-left: none;
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.default-tabs):not(.remove-arrow) .nav-folder-collapse-indicator::after {
  display: none;
}
 
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-border .nav-files-container>div>.tree-item.nav-folder {
  border: 1px solid var(--background-modifier-border);
  margin: 5px 4px 5px 0;
  border-radius: 3px;
  border-left: 2px solid var(--tab-color);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .nav-files-container>div>.tree-item.nav-folder {
  border: 1px solid color-mix(in srgb, var(--tab-color) 30%, var(--background-secondary));
  margin: 5px 4px 5px 0;
  border-radius: 3px;
  border-left: 3px solid var(--tab-color);
}
body.theme-dark.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .nav-files-container>div>.tree-item.nav-folder {
  border: 1px solid color-mix(in srgb, var(--tab-color) 15%, var(--background-secondary));
  border-left: 3px solid var(--tab-color);
}
body.is-mobile.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .nav-files-container>div>.tree-item.nav-folder {
  border: 1px solid   var(--background-modifier-border);

}
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.is-grabbing) .tree-item.nav-folder.is-collapsed:hover {
  background-color: color-mix(in srgb, var(--tab-color) 30%, var(--background-secondary));
}

body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.is-grabbing) .tree-item.nav-folder.is-collapsed .tree-item-self.is-clickable.nav-folder-title:hover
{
  background-color:transparent;
}
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.is-grabbing) .tree-item-self.is-clickable.nav-folder-title:hover {
  background-color: color-mix(in srgb, var(--tab-color) 20%, var(--background-secondary));
 
}
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.is-grabbing) .tree-item-self.is-clickable.nav-file-title.is-active, 
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.is-grabbing) .tree-item-self.is-clickable.nav-file-title.is-active:hover, 
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.is-grabbing) .tree-item-self.is-clickable.nav-file-title:hover {
  background-color: color-mix(in srgb, var(--tab-color) 20%, var(--background-secondary));
}

body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-border):not(.is-grabbing) .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title, 
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-border):not(.is-grabbing) .workspace-leaf-content[data-type="file-explorer"] .tree-item-self.is-clickable.nav-folder-title {
 
  color:  color-mix(in hsl, var(--tab-color), black 20%);
}
body.theme-dark.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-border):not(.is-grabbing) .workspace-leaf-content[data-type="file-explorer"] .nav-folder-title, 
body.theme-dark.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-border):not(.is-grabbing) .workspace-leaf-content[data-type="file-explorer"] .tree-item-self.is-clickable.nav-folder-title {
 
  color:  color-mix(in hsl, var(--tab-color), white 38%);
}
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .nav-files-container>div>.tree-item.nav-folder.is-collapsed>.tree-item-self.is-clickable.nav-folder-title::before {
  content: "";
  width: 6px;
  height: 20px;
  position: absolute;
  margin-left: -30px;
  border-radius: 3px 0px 0px 3px;
  background-color: var(--tab-color);
}
  
body.bt-toggle-colorful-folder.folder-style-change-options-colorful-tab-liked .nav-files-container>div>.tree-item.nav-folder>.tree-item-self.is-clickable.nav-folder-title::before {
  content: "";
  width: 13px;
  height: 20px;
  position: absolute;
  margin-left: -37px;
  border-radius: 3px 0px 0px 3px;
  background-color: var(--tab-color);
}
  



body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+2)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+2) {
  --tab-color: var(--Fold0);
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+3)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+3) {
  --tab-color: var(--Fold1);
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+4)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+4) {
  --tab-color: var(--Fold2);
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+5)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+5) {
  --tab-color: var(--Fold3);
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+6)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+6) {
  --tab-color: var(--Fold4);
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+7)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+7) {
  --tab-color: var(--Fold5);
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+8)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+8) {
  --tab-color: var(--Fold6);
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+9)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+9) {
  --tab-color: var(--Fold7);
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+10)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+10) {
  --tab-color: var(--Fold8);
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+11)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+11) {
  --tab-color: var(--Fold9);
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+12)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+12) {
  --tab-color: var(--FoldA);
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+13)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+13) {
  --tab-color: var(--FoldB);
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+14)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+14) {
  --tab-color: var(--FoldC);
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+15)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+15) {
  --tab-color: var(--FoldD);
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+16)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+16) {
  --tab-color: var(--FoldE);
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+17)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+17) {
  --tab-color: var(--FoldF);
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+18)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+18) {
  --tab-color: var(--FoldG);
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+19)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+19) {
  --tab-color: var(--FoldH);
}
  
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n) {
  --tab-color: var(--FoldI);
}
  


body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+1)::before,
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border) .nav-files-container>div>.tree-item.nav-folder:nth-child(20n+1) {
  --tab-color: var(--FoldJ);
}
  
body.remove-first-folder-icon .nav-files-container>div>.tree-item.nav-folder>.tree-item-self.is-clickable.nav-folder-title .nav-folder-title-content::before
{
  display: none;
}
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-title,.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border).folder-icons .nav-folder-children  .nav-folder-title-content::before
{
  background-color:var(--tab-color);
  filter:none;
  opacity:0.5;
}
body.folder-colorful-custom.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-title,.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border).folder-icons .nav-folder-children  .nav-folder-title-content::before
{
  background-color:var(--folder-colorful-custom-color);
 
}
body.folder-colorful-custom.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-title,.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.remove-file-icons) .nav-file-title .nav-file-title-content:not(.mk-tree-text)::before
{
  background-color:var(--folder-colorful-custom-color,var(--text-folder-file-icon));
}

body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-title,.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.remove-file-icons) .nav-file-title .nav-file-title-content:not(.mk-tree-text)::before
{
  background-color:var(--tab-color,var(--text-folder-file-icon));
  filter:none;
  opacity:0.5;
}
body.bt-toggle-colorful-folder:is(.folder-style-change-options-colorful-title,.folder-style-change-options-colorful-tab-liked,.folder-style-change-options-colorful-border):not(.default-icons):not(.remove-arrow) .nav-folder-collapse-indicator::before
{
  color:var(--tab-color);
}
.obsidian-icon-folder-icon {
  margin: 0 0 0 -18px !important
}

body.background-settings-workplace-background-image .workspace-split:not(.mod-root) .workspace-tab-container {
  background-color: var(--bt-background-split-container);
}

body.nowrap-edit-codebox .HyperMD-codeblock {
  white-space: nowrap;
}

.modal.mod-settings .vertical-tab-content-container {
  background: var(--bg-color-settings-6);
 
}
 

/***checkbox***/



input[data-task="\""]:checked,
input[data-task="“"]:checked,
li[data-task="\""]>input:checked,
li[data-task="\""]>p>input:checked,
li[data-task="“"]>input:checked,
li[data-task="“"]>p>input:checked {
    background-position: 50% 50%;
    background-color: var(--green);
    border-color: var(--green);
    background-size: 75%;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="white" d="M6.5 10c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.318.142-.686.238-1.028.466c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.945c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.317.143-.686.238-1.028.467c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.944c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 17.5 10z"%2F%3E%3C%2Fsvg%3E')
}

.theme-dark input[data-task="\""]:checked,
.theme-dark input[data-task="“"]:checked,
.theme-dark li[data-task="\""]>input:checked,
.theme-dark li[data-task="\""]>p>input:checked,
.theme-dark li[data-task="“"]>input:checked,
.theme-dark li[data-task="“"]>p>input:checked {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="black" fill-opacity="0.7" d="M6.5 10c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.318.142-.686.238-1.028.466c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.945c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.317.143-.686.238-1.028.467c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.944c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 17.5 10z"%2F%3E%3C%2Fsvg%3E')
}


body:not(.tasks) .markdown-preview-view ul li[data-task="-"].task-list-item.is-checked,
body:not(.tasks) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task="-"]),
body:not(.tasks) li[data-task="-"].task-list-item.is-checked {
    color: var(--text-faint);
    text-decoration: line-through solid var(--text-faint) 1px
}

input[data-task="*"]:checked,
li[data-task="*"]>input:checked,
li[data-task="*"]>p>input:checked {
    color: var(--yellow);
    background-image: none;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z' /%3E%3C/svg%3E")
}

input[data-task="l"]:checked,
li[data-task="l"]>input:checked,
li[data-task="l"]>p>input:checked {
    color: var(--red);
    background-image: none;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z' clip-rule='evenodd' /%3E%3C/svg%3E")
}

 

/* n — Note */

input[data-task=n]:checked,
li[data-task=n] > input:checked,
li[data-task=n] > p > input:checked {
  cursor: default;
  background-position: center;
  background: none;
  background-color: var(--blue);
  transform: rotate(45deg);
  -webkit-mask-size: 120%;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M15 11.586V6h2V4a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v2h2v5.586l-2.707 1.707A.996.996 0 0 0 6 14v2a1 1 0 0 0 1 1h4v3l1 2 1-2v-3h4a1 1 0 0 0 1-1v-2a.996.996 0 0 0-.293-.707L15 11.586z'%3E%3C/path%3E%3C/svg%3E");
}



input[data-task="S"]:checked,
li[data-task="S"]>input:checked,
li[data-task="S"]>p>input:checked {
    border-color: var(--green);
    background-color: var(--green);
    background-size: 100%;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 48 48"%3E%3Cpath fill="white" fill-rule="evenodd" d="M26 8a2 2 0 1 0-4 0v2a8 8 0 1 0 0 16v8a4.002 4.002 0 0 1-3.773-2.666a2 2 0 0 0-3.771 1.332A8.003 8.003 0 0 0 22 38v2a2 2 0 1 0 4 0v-2a8 8 0 1 0 0-16v-8a4.002 4.002 0 0 1 3.773 2.666a2 2 0 0 0 3.771-1.332A8.003 8.003 0 0 0 26 10V8Zm-4 6a4 4 0 0 0 0 8v-8Zm4 12v8a4 4 0 0 0 0-8Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E')
}

.theme-dark input[data-task="S"]:checked,
.theme-dark li[data-task="S"]>input:checked,
.theme-dark li[data-task="S"]>p>input:checked {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 48 48"%3E%3Cpath fill-opacity="0.8" fill="black" fill-rule="evenodd" d="M26 8a2 2 0 1 0-4 0v2a8 8 0 1 0 0 16v8a4.002 4.002 0 0 1-3.773-2.666a2 2 0 0 0-3.771 1.332A8.003 8.003 0 0 0 22 38v2a2 2 0 1 0 4 0v-2a8 8 0 1 0 0-16v-8a4.002 4.002 0 0 1 3.773 2.666a2 2 0 0 0 3.771-1.332A8.003 8.003 0 0 0 26 10V8Zm-4 6a4 4 0 0 0 0 8v-8Zm4 12v8a4 4 0 0 0 0-8Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E')
}



/* i — Info */

input[data-task=i]:checked,
li[data-task=i] > input:checked,
li[data-task=i] > p > input:checked {
  cursor: default;
  color:var(--text-normal);
  background-position: center;
  background-size:25%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill:  %23fff' viewBox='0 0 192 512'%3E%3C!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M160 448h-32V224c0-17.69-14.33-32-32-32L32 192c-17.67 0-32 14.31-32 32s14.33 31.1 32 31.1h32v192H32c-17.67 0-32 14.31-32 32s14.33 32 32 32h128c17.67 0 32-14.31 32-32S177.7 448 160 448zM96 128c26.51 0 48-21.49 48-48S122.5 32.01 96 32.01s-48 21.49-48 48S69.49 128 96 128z'/%3E%3C/svg%3E");
}


/* / — In Progress */
input[data-task="/"],
li[data-task="/"] > input,
li[data-task="/"] > p > input {
  border-radius: var(--ch-radius);
}
input[data-task="/"]:checked,
li[data-task="/"] > input:checked,
li[data-task="/"] > p > input:checked {
  background-image: none;
}
.theme-light input[data-task="/"]:checked, .theme-dark input[data-task="/"]:checked,
.theme-light li[data-task="/"] > input:checked,
.theme-dark li[data-task="/"] > input:checked,
.theme-light li[data-task="/"] > p > input:checked,
.theme-dark li[data-task="/"] > p > input:checked {
  background: var(--text-faint);
}

/* S — Amount */

input[data-task=S]:checked,
li[data-task=S] > input:checked,
li[data-task=S] > p > input:checked {
  cursor: default;
  background-position: center;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M15.999 8.5h2c0-2.837-2.755-4.131-5-4.429V2h-2v2.071c-2.245.298-5 1.592-5 4.429 0 2.706 2.666 4.113 5 4.43v4.97c-1.448-.251-3-1.024-3-2.4h-2c0 2.589 2.425 4.119 5 4.436V22h2v-2.07c2.245-.298 5-1.593 5-4.43s-2.755-4.131-5-4.429V6.1c1.33.239 3 .941 3 2.4zm-8 0c0-1.459 1.67-2.161 3-2.4v4.799c-1.371-.253-3-1.002-3-2.399zm8 7c0 1.459-1.67 2.161-3 2.4v-4.8c1.33.239 3 .941 3 2.4z'%3E%3C/path%3E%3C/svg%3E");
}


/* " — Quote */
input[data-task='"']:checked,
li[data-task='"'] > p > input:checked {
  cursor: default;
  background-position: center;
  background-size: 80%;
  background-image: url("data:image/svg+xml,%3Csvg 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:;'%3E%3Cpath d='m21.95 8.721-.025-.168-.026.006A4.5 4.5 0 1 0 17.5 14c.223 0 .437-.034.65-.065-.069.232-.14.468-.254.68-.114.308-.292.575-.469.844-.148.291-.409.488-.601.737-.201.242-.475.403-.692.604-.213.21-.492.315-.714.463-.232.133-.434.28-.65.35l-.539.222-.474.197.484 1.939.597-.144c.191-.048.424-.104.689-.171.271-.05.56-.187.882-.312.317-.143.686-.238 1.028-.467.344-.218.741-.4 1.091-.692.339-.301.748-.562 1.05-.944.33-.358.656-.734.909-1.162.293-.408.492-.856.702-1.299.19-.443.343-.896.468-1.336.237-.882.343-1.72.384-2.437.034-.718.014-1.315-.028-1.747a7.028 7.028 0 0 0-.063-.539zm-11 0-.025-.168-.026.006A4.5 4.5 0 1 0 6.5 14c.223 0 .437-.034.65-.065-.069.232-.14.468-.254.68-.114.308-.292.575-.469.844-.148.291-.409.488-.601.737-.201.242-.475.403-.692.604-.213.21-.492.315-.714.463-.232.133-.434.28-.65.35l-.539.222c-.301.123-.473.195-.473.195l.484 1.939.597-.144c.191-.048.424-.104.689-.171.271-.05.56-.187.882-.312.317-.143.686-.238 1.028-.467.344-.218.741-.4 1.091-.692.339-.301.748-.562 1.05-.944.33-.358.656-.734.909-1.162.293-.408.492-.856.702-1.299.19-.443.343-.896.468-1.336.237-.882.343-1.72.384-2.437.034-.718.014-1.315-.028-1.747a7.571 7.571 0 0 0-.064-.537z'%3E%3C/path%3E%3C/svg%3E");
}


/* I — Idea / Lightbulb */

input[data-task=I]:checked,
li[data-task=I] > input:checked,
li[data-task=I] > p > input:checked {
    background-color:var(--yellow);
    background-image: none;
    -webkit-mask-size: 100%;
    -webkit-mask-position: 50% 50%;
    -webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='9' y1='18' x2='15' y2='18'%3E%3C/line%3E%3Cline x1='10' y1='22' x2='14' y2='22'%3E%3C/line%3E%3Cpath d='M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 0 1 8.91 14'%3E%3C/path%3E%3C/svg%3E");
}


/* p - Pro */

input[data-task=p]:checked,
li[data-task=p] > input:checked,
li[data-task=p] > p > input:checked {
  cursor: default;
  background-color: var(--yellow);
  background-image: none;
  -webkit-mask-size: 90%;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='36' height='36' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E&lt;!--! Atomicons Free 1.00 by @atisalab License - https://atomicons.com/license/ (Icons: CC BY 4.0) Copyright 2021 Atomicons --&gt;%3Cpath d='M7,9l4-7h.69a2,2,0,0,1,2,2.28L13,9h6.67a2,2,0,0,1,2,2.3l-1.39,9a2,2,0,0,1-2,1.7H7Z'%3E%3C/path%3E%3Cpath d='M2,11v9a2,2,0,0,0,2,2H7V9H4A2,2,0,0,0,2,11Z'%3E%3C/path%3E%3C/svg%3E");
}


/* c - Con */

input[data-task=c]:checked,
li[data-task=c] > input:checked,
li[data-task=c] > p > input:checked {
  cursor: default;
  background-image: none;
  background-color: var(--text-faint);
  -webkit-mask-size: 90%;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='36' height='36' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E&lt;!--! Atomicons Free 1.00 by @atisalab License - https://atomicons.com/license/ (Icons: CC BY 4.0) Copyright 2021 Atomicons --&gt;%3Cpath d='M7,9l4-7h.69a2,2,0,0,1,2,2.28L13,9h6.67a2,2,0,0,1,2,2.3l-1.39,9a2,2,0,0,1-2,1.7H7Z'%3E%3C/path%3E%3Cpath d='M2,11v9a2,2,0,0,0,2,2H7V9H4A2,2,0,0,0,2,11Z'%3E%3C/path%3E%3C/svg%3E");
  transform: scaleY(-1);
}


/* b - Bookmark */

input[data-task=b]:checked,
li[data-task=b] > input:checked,
li[data-task=b] > p > input:checked {
  cursor: default;
  background-image: none;
  -webkit-mask-size: 100%;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M19 10.132v-6c0-1.103-.897-2-2-2H7c-1.103 0-2 .897-2 2V22l7-4.666L19 22V10.132z'%3E%3C/path%3E%3C/svg%3E");
}


/* f - Fire */
input[data-task=f]:checked,
li[data-task=f] > input:checked,
li[data-task=f] > p > input:checked {
  cursor: default;
  background-color: var(--red);
  background-image: none;
  -webkit-mask-size: 100%;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M16.5 8c0 1.5-.5 3.5-2.9 4.3.7-1.7.8-3.4.3-5-.7-2.1-3-3.7-4.6-4.6-.4-.3-1.1.1-1 .7 0 1.1-.3 2.7-2 4.4C4.1 10 3 12.3 3 14.5 3 17.4 5 21 9 21c-4-4-1-7.5-1-7.5.8 5.9 5 7.5 7 7.5 1.7 0 5-1.2 5-6.4 0-3.1-1.3-5.5-2.4-6.9-.3-.5-1-.2-1.1.3'%3E%3C/path%3E%3C/svg%3E");
}


/* w - Win */

input[data-task=w]:checked,
li[data-task=w] > input:checked,
li[data-task=w] > p > input:checked {
  cursor: default;
  background-color: var(--yellow);
  background-position: center;
  background-image: none;
  -webkit-mask-size: 100%;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M21 4h-3V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v1H3a1 1 0 0 0-1 1v3c0 4.31 1.8 6.91 4.82 7A6 6 0 0 0 11 17.91V20H9v2h6v-2h-2v-2.09A6 6 0 0 0 17.18 15c3-.1 4.82-2.7 4.82-7V5a1 1 0 0 0-1-1zM4 8V6h2v6.83C4.22 12.08 4 9.3 4 8zm14 4.83V6h2v2c0 1.3-.22 4.08-2 4.83z'%3E%3C/path%3E%3C/svg%3E");
}

/* k - Key */
input[data-task=k]:checked,
li[data-task=k] > input:checked,
li[data-task=k] > p > input:checked {
  cursor: default;
  background-color: var(--green);
  background-position: center;
  background-image: none;
  -webkit-mask-size: 100%;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: rotate(45deg);msFilter:;'%3E%3Cpath d='M7 17a5.007 5.007 0 0 0 4.898-4H14v2h2v-2h2v3h2v-3h1v-2h-9.102A5.007 5.007 0 0 0 7 7c-2.757 0-5 2.243-5 5s2.243 5 5 5zm0-8c1.654 0 3 1.346 3 3s-1.346 3-3 3-3-1.346-3-3 1.346-3 3-3z'%3E%3C/path%3E%3C/svg%3E");
}


/* u - Up */
input[data-task=u]:checked,
li[data-task=u] > input:checked,
li[data-task=u] > p > input:checked {
  cursor: default;
  background-color: var(--green);
  background-position: center center;
  background-size: 85%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='transform: rotate(-10deg);' fill='white' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M384 160C366.3 160 352 145.7 352 128C352 110.3 366.3 96 384 96H544C561.7 96 576 110.3 576 128V288C576 305.7 561.7 320 544 320C526.3 320 512 305.7 512 288V205.3L342.6 374.6C330.1 387.1 309.9 387.1 297.4 374.6L191.1 269.3L54.63 406.6C42.13 419.1 21.87 419.1 9.372 406.6C-3.124 394.1-3.124 373.9 9.372 361.4L169.4 201.4C181.9 188.9 202.1 188.9 214.6 201.4L320 306.7L466.7 159.1L384 160z'/%3E%3C/svg%3E");
}


/* d - Down */
input[data-task=d]:checked,
li[data-task=d] > input:checked,
li[data-task=d] > p > input:checked {
  cursor: default;
  background-color: var(--blue);
  background-position: center center;
  background-size: 85%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='transform: rotate(10deg) scaleY(-1);' fill='white' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M384 160C366.3 160 352 145.7 352 128C352 110.3 366.3 96 384 96H544C561.7 96 576 110.3 576 128V288C576 305.7 561.7 320 544 320C526.3 320 512 305.7 512 288V205.3L342.6 374.6C330.1 387.1 309.9 387.1 297.4 374.6L191.1 269.3L54.63 406.6C42.13 419.1 21.87 419.1 9.372 406.6C-3.124 394.1-3.124 373.9 9.372 361.4L169.4 201.4C181.9 188.9 202.1 188.9 214.6 201.4L320 306.7L466.7 159.1L384 160z'/%3E%3C/svg%3E");
}


/* r - Rule/Law */

input[data-task=r]:checked,
li[data-task=r] > input:checked,
li[data-task=r] > p > input:checked {
  cursor: default;
  background-color:var(--green);
  background-image: none;
  -webkit-mask-size: 100%;
  -webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 16 3-8 3.001 8A5.002 5.002 0 0 1 16 16z'%3E%3C/path%3E%3Cpath d='m2 16 3-8 3.001 8A5.002 5.002 0 0 1 2 16z'%3E%3C/path%3E%3Cpath d='M7 21h10'%3E%3C/path%3E%3Cpath d='M12 3v18'%3E%3C/path%3E%3Cpath d='M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2'%3E%3C/path%3E%3C/svg%3E");
}

/* m - Measure */

input[data-task=m]:checked,
li[data-task=m] > input:checked,
li[data-task=m] > p > input:checked {
  cursor: default;
  background-color:var(--blue);
  background-image: none;
  -webkit-mask-size: 100%;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 2 6 6L8 22l-6-6L16 2'%3E%3C/path%3E%3Cpath d='m7.5 10.5 2 2'%3E%3C/path%3E%3Cpath d='m10.5 7.5 2 2'%3E%3C/path%3E%3Cpath d='m13.5 4.5 2 2'%3E%3C/path%3E%3Cpath d='m4.5 13.5 2 2'%3E%3C/path%3E%3C/svg%3E");
}


/* M - Medical */
input[data-task=M]:checked,
li[data-task=M] > input:checked,
li[data-task=M] > p > input:checked {
  cursor: default;
  background-color: var(--red);
  background-position: center center;
  background-size: 75%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M15 2.013H9V9H2v6h7v6.987h6V15h7V9h-7z'%3E%3C/path%3E%3C/svg%3E");
}


/* t - Time */

input[data-task=t]:checked,
li[data-task=t] > input:checked,
li[data-task=t] > p > input:checked {
  cursor: default;
  background-color:var(--text-accent);
  background-position: center center;
  background-size: 90%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
}


/* T - Telephone */

input[data-task=T]:checked,
li[data-task=T] > input:checked,
li[data-task=T] > p > input:checked {
  cursor: default;
  background-color:var(--blue);
  background-image: none;
  -webkit-mask-size: 95%;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");
}


/* P - Person */

input[data-task=P]:checked,
li[data-task=P] > input:checked,
li[data-task=P] > p > input:checked {
  cursor: default;
  background-position: center center;
  background-size: 90%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");
}


input[data-task="#"]:checked,
li[data-task="#"] > input:checked,
li[data-task="#"] > p > input:checked {
  cursor: default;
  background-color:var(--green);
  background-image: none;
  -webkit-mask-size: 100%;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12V2h10l9.44 9.44a2 2 0 0 1 0 2.82l-7.18 7.18a2 2 0 0 1-2.82 0L2 12Z'%3E%3C/path%3E%3Cpath d='M7 7h.01'%3E%3C/path%3E%3C/svg%3E");
}


input[data-task=F]:checked,
li[data-task=F] > input:checked,
li[data-task=F] > p > input:checked {
  cursor: default;
  background-color:var(--yellow);
  background-image: none;
  -webkit-mask-size: 100%;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='white' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'%3E%3C/polygon%3E%3C/svg%3E");
}

/* L - Translate/Language */
input[data-task=L]:checked,
li[data-task=L] > input:checked,
li[data-task=L] > p > input:checked {
  cursor: default;
  background-color: var(--green);
  background-position: center center;
  background-size: 80%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 6 6'%3E%3C/path%3E%3Cpath d='m4 14 6-6 2-3'%3E%3C/path%3E%3Cpath d='M2 5h12'%3E%3C/path%3E%3Cpath d='M7 2h1'%3E%3C/path%3E%3Cpath d='m22 22-5-10-5 10'%3E%3C/path%3E%3Cpath d='M14 18h6'%3E%3C/path%3E%3C/svg%3E");
}

input[data-task=W]:checked,
li[data-task=W] > input:checked,
li[data-task=W] > p > input:checked {
  cursor: default;
  background-position: center center;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zM4 12c0-.899.156-1.762.431-2.569L6 11l2 2v2l2 2 1 1v1.931C7.061 19.436 4 16.072 4 12zm14.33 4.873C17.677 16.347 16.687 16 16 16v-1a2 2 0 0 0-2-2h-4v-3a2 2 0 0 0 2-2V7h1a2 2 0 0 0 2-2v-.411C17.928 5.778 20 8.65 20 12a7.947 7.947 0 0 1-1.67 4.873z'%3E%3C/path%3E%3C/svg%3E");
}


input[data-task=U]:checked,
li[data-task=U] > input:checked,
li[data-task=U] > p > input:checked {
  cursor: default;
  background-position: center center;
  background-size: 95%;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAADKklEQVRYhe2XXWhPcRjHv8fbZLa2yLu8LVaSvNzRyIW0xPJyQYgiN7hCwiQpbsgNygWSQlIkRYrVWiJvIZrCYt5aFPs3NrOPi/Mc/2f//ue/s9mdPTfn/3x/3+f7fc7L7znnL/3vEXS1EJgiaZGkMkmlkook/ZaUknRf0mlJV4MgoBv6/GsaAIuAuySLC0Df7jIfA9zMMEgBT4Aa4BHQkqWJQ91hvgD4boK/gRPAPCAvg9cfWA18dQ20AiX/Yr4a+GViT4GZCWpmmXEUu7tqXu7MrwOFnag96xq40xXzUqDRBK4CfdzafOAiUG/3/Q2wwz9wwFLXwHvDhlre0JF5H+Ceke8D+YYPIHyy4+Ko05jh8GbDSix/11ED24yYAiYalgdU5TAHaHQacxz+1bDplr+MeL2ymA+StNPSXUEQvAQCSSclzcnZueQv7Xj3+4sdx9nxR2wDkrYpnGq1ko4ZtlfSSseplTRV0qSM2tPud4X7/diOpXZ8k8VXAvJJ7+Hlhs0m3PtRvAZG2Np8hz/C5oLd62a3tsnwM5YfiGtggxFeAb2BfsAzJ/QRmGDcycBnwx/arYt0/MRsBgYb/tywlXENRA/ZVsu3O6FfQJnh04AGwx8AxU5jJ+3jlOEjLW8DhmUzH0Z4qVuBEYRbsd4JVRpvCPDe4ZOcxhoziCIFjLS1zYY9iTv7FUaotnyJE2ogPQvOZ5xhGVAMVNJ+/AKsd/rRXKmMa+C4EfZYfskJHXS8FMniuKuJZkILMDyugWojLbD8nRNb7HgfEpgfIZwd0TdEpH0uq7kRPxlptOV+G811vMM5jD8CyzJ0N9paEzA2VwM/jdjf8i9OeJXj5QH7gTqrqSN8U64DBmZoVpD+SNkTax7T0C3XwJVOFevvQxxdxSo6+2kGbHENtGGTMUFdPnCM9HZsN6Q600CB3dMoWoF9uKGTwS8ifIu+dTU34vhR5PwsB8olXZbkL1+TpBpJLxS+1QolzZA0zfGaFL7ADgVB0JbgfHM2sZD0zO8ovhFuwVFJ9RP9MQEKJK2VVC5psqThkholtUiqk/RA0m1J14Ig+BGn0xM9kS3+AIVhhF9MAbHFAAAAAElFTkSuQmCC");
}

/****end checkbox****/


 