/**
Obsidian Publish 専用のスタイルシート。
保管庫のルートに配置してからアップして使う。
**/

/*********************************/
/* Publish専用の設定 */
/*********************************/

/*フォント設定(一時的に無効化)*/
/* Google Fontsからカスタムフォントを読み込む */
/*@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;700&display=swap');
body {
	--font-text: 'Zen Maru Gothic', 'Hiragino Maru Gothic ProN', 'Yu Gothic Medium', sans-serif;
	--font-interface: 'Zen Maru Gothic', 'Hiragino Maru Gothic ProN', 'Yu Gothic Medium', sans-serif;
	--font-h1: 'Zen Maru Gothic', sans-serif;
	--font-h2: 'Zen Maru Gothic', sans-serif;
	--font-h3: 'Zen Maru Gothic', sans-serif;
	--font-h4: 'Zen Maru Gothic', sans-serif;
}*/

/*@import url("https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c");
body {
	--font-text: "M PLUS Rounded 1c", 'Hiragino Maru Gothic ProN', 'Yu Gothic Medium', sans-serif;
	--font-interface: "M PLUS Rounded 1c", 'Hiragino Maru Gothic ProN', 'Yu Gothic Medium', sans-serif;
	--font-h1: "M PLUS Rounded 1c", sans-serif;
	--font-h2: "M PLUS Rounded 1c", sans-serif;
	--font-h3: "M PLUS Rounded 1c", sans-serif;
	--font-h4: "M PLUS Rounded 1c", sans-serif;
}*/

/**
 * 404テキストをカスタマイズする
 */
/* 1. タイトル（Not found）の置換 */
.not-found-title {
  font-size: 0; /* 元の「Not found」テキストを見えなくする */
}
.not-found-title::after {
  content: "ご指定のノートは見つかりませんでした";
  font-size: 1.5rem; /* 表示したいフォントサイズ */
  font-weight: bold;
  color: var(--text-normal);
  display: block;
}

/* 2. 説明文（This page does not exist）の置換 */
.not-found-description {
  font-size: 0; /* 元の「This page does not exist」を見えなくする */
}
.not-found-description::after {
  /* \A は改行コード */
  content: "大変申し訳ございません。\Aお探しのノートは 移動・削除 された可能性があります。\Aお手数ですが、サイドバーの検索をお試し下さい。";
  font-size: 1rem;
  line-height: 1.8;
  color: var(--text-muted);
  white-space: pre-wrap; /* 改行を有効化 */
  display: block;
}

/* 3. 画像の置換 */
.not-found-image {
  /* 任意の画像URLを指定（https〜 または data:image/...） */
  background-image: url("Publish/Attachments/itsukoko_dogeza.jpg") !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  
  /* 表示サイズと余白の調整 */
  width: 180px;
  height: 180px;
  margin: 0 auto 1.5rem auto;
}


/* 和欧文の間に空きを持たせる */
body {
	text-autospace: normal;
}

/**
 * 検索アイコンを足す (グリッチ)
 */
a[href*="#search-"]::after {
	content: " 🔍";           /* 表示したい文字や絵文字 */
	font-size: 0.75em;        /* 少し小さめにする */
	margin-left: 1px;         /* テキストとの隙間を調整 */
	text-decoration: none;    /* アイコン部分のリンク下線を消す */
	display: inline-block;    /* 改行の挙動を安定させるため */
	vertical-align: top;
}

/*
 * デフォルトだと、標準テキストによく分からないフォント(UIフォント？)が割り当てられてる。
 * これを標準フォントに直す。
 */
body {
	--font-text: sans-serif;
}

/**
 * テーマカラーを AkashaMD(ローカル保管庫) と同じ色にする。
 */
body {
	--accent-h: 120;
	--accent-s: 100%;
	--accent-l: 25%;
}

/**
 * インデント幅調整
 */

body {
	--list-indent: 1rem;
}

/**
 * コードブロック調整
 */

pre, code {
	--code-white-space: pre;
	tab-size: 4;
}

/*******************************/

/*テーブルの調整*/
.markdown-rendered table {
	--table-text-size: 0.9rem;
	--table-header-size: 0.9rem;
	--table-white-space: nowrap; /*テーブル全体は折り返さず横にスクロールする*/
	--table-column-max-width: 300px;
}

.markdown-rendered th,
.markdown-rendered td {
	--table-white-space: normal; /*セル内部は折り返す*/
}

/*******************************/

/* YAMLフロントマターを表示させる */
/* YAMLフロントマターのホバー展開 */
.frontmatter {
	display: block !important;
	position: relative;
	max-height: 26px; /* 普段の高さ（ラベル1行分） */
	overflow: hidden;
	opacity: 0.5;
	padding: 4px 10px;
	border-left: 3px solid var(--text-faint, #aaa);
	background-color: var(--background-secondary, rgba(0, 0, 0, 0.03));
	border-radius: 4px;
	cursor: pointer;
	transition: max-height 0.3s ease, opacity 0.2s ease;
}

/* 折りたたみ時のガイドラベル */
.frontmatter::before {
	content: "ℹ️ ノートプロパティ ▼";
	display: block;
	font-size: 0.75rem;
	font-weight: bold;
	color: var(--text-muted);
	margin-bottom: 8px;
}

/* マウスホバー時に全展開 */
.frontmatter:hover {
	max-height: 800px; /* 内容が収まる十分な高さ */
	opacity: 1;

	/*ディレイ設定*/
	transition: max-height 0.3s ease 1s, opacity 0.2s ease 0s;
}

/*******************************/

/**
 * イタリック体を薄くする。
 */
.theme-light,
.theme-dark {
	--italic-color: var(--text-muted);
}

/*********************************/

/* リンク切れページの表示色を調整 */
.theme-light,
.theme-dark {
	--link-unresolved-opacity: 100%;
	--link-unresolved-color: var(--text-normal);
	--link-unresolved-decoration-color: color-mix(in srgb, var(--text-normal), var(--background-primary) 90%);
	--link-unresolved-filter: grayscale(100%);
}

/***********************************************/
/* 外部CSS取り込み */

/*
    Alternative Checkboxes Reference Set (Version: 1.0.0) 
    Initiative created by Damian Korcz <https://github.com/damiankorcz>.
    
    Initiative Repository: https://github.com/damiankorcz/Alternative-Checkboxes-Reference-Set
    Usage Guide: https://github.com/damiankorcz/Alternative-Checkboxes-Reference-Set/blob/main/Usage%20Guide.md
    Research Vault: https://github.com/damiankorcz/Alternative-Checkboxes-Reference-Set/tree/main/Research%20Vault

    The following CSS Snippet is designed to serve as a Reference for how to implement the commonly used
    Alternative Checkboxes feature in themes and CSS Snippets. The Checkbox syntax in conjunction with the
    meaning are based on the same set as the Minimal theme, since that is the most common set among all themes
    which implement the feature.

    More on that here:
    https://github.com/damiankorcz/Alternative-Checkboxes-Reference-Set/blob/main/Research%20Vault/06%20Syntax%20and%20Meaning%20Review.md

    The icon set used for this Reference Set is Lucide (same icon set as used in the Obsidian UI). Lucide icons are
    distributed under the ISC License: https://lucide.dev/license

    Each icon uses the `Copy Data URL` option on the website which provides a Base64 embeded SVG for the icon.
    Properties for the Lucide icons used:
    - Stroke width = 1.75px
    - Size = 16px
    - Absolute Stroke width = on

    This snippet's code is distributed under the Unlicense License.
    See https://github.com/damiankorcz/Alternative-Checkboxes-Reference-Set/blob/main/LICENSE for more information.
*/

/*  --------------------------------------------------------------------------------------------
    Section 1
    Definining each Alternative Checkbox with a simple selectors and a set of CSS Variables.
*/

/* - [/] Incomplete */
div.HyperMD-task-line[data-task="/"],
ul > li[data-task="/"] {
    /* Icon used: https://lucide.dev/icons/square-dashed */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXNxdWFyZS1kYXNoZWQiPjxwYXRoIGQ9Ik01IDNhMiAyIDAgMCAwLTIgMiIvPjxwYXRoIGQ9Ik0xOSAzYTIgMiAwIDAgMSAyIDIiLz48cGF0aCBkPSJNMjEgMTlhMiAyIDAgMCAxLTIgMiIvPjxwYXRoIGQ9Ik01IDIxYTIgMiAwIDAgMS0yLTIiLz48cGF0aCBkPSJNOSAzaDEiLz48cGF0aCBkPSJNOSAyMWgxIi8+PHBhdGggZD0iTTE0IDNoMSIvPjxwYXRoIGQ9Ik0xNCAyMWgxIi8+PHBhdGggZD0iTTMgOXYxIi8+PHBhdGggZD0iTTIxIDl2MSIvPjxwYXRoIGQ9Ik0zIDE0djEiLz48cGF0aCBkPSJNMjEgMTR2MSIvPjwvc3ZnPg==");
}

/* - [-] Cancelled */
div.HyperMD-task-line[data-task="-"],
ul > li[data-task="-"] {
    /* Icon used: https://lucide.dev/icons/ban */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyLjYyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1iYW4iPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PHBhdGggZD0ibTQuOSA0LjkgMTQuMiAxNC4yIi8+PC9zdmc+");
}

/* - [>] Forwarded */
div.HyperMD-task-line[data-task=">"],
ul > li[data-task=">"] {
    /* Icon used: https://lucide.dev/icons/send-horizontal */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyLjYyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1zZW5kLWhvcml6b250YWwiPjxwYXRoIGQ9Ik0zLjcxNCAzLjA0OGEuNDk4LjQ5OCAwIDAgMC0uNjgzLjYyN2wyLjg0MyA3LjYyN2EyIDIgMCAwIDEgMCAxLjM5NmwtMi44NDIgNy42MjdhLjQ5OC40OTggMCAwIDAgLjY4Mi42MjdsMTgtOC41YS41LjUgMCAwIDAgMC0uOTA0eiIvPjxwYXRoIGQ9Ik02IDEyaDE2Ii8+PC9zdmc+");
}

/* - [<] Scheduling */
div.HyperMD-task-line[data-task="<"],
ul > li[data-task="<"] {
    /* Icon used: https://lucide.dev/icons/calendar */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyLjYyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jYWxlbmRhciI+PHBhdGggZD0iTTggMnY0Ii8+PHBhdGggZD0iTTE2IDJ2NCIvPjxyZWN0IHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgeD0iMyIgeT0iNCIgcng9IjIiLz48cGF0aCBkPSJNMyAxMGgxOCIvPjwvc3ZnPg==");
}

/* - [?] Question */
div.HyperMD-task-line[data-task="?"],
ul > li[data-task="?"] {
    /* Icon used: https://lucide.dev/icons/circle-help */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyLjYyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaXJjbGUtaGVscCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz48cGF0aCBkPSJNOS4wOSA5YTMgMyAwIDAgMSA1LjgzIDFjMCAyLTMgMy0zIDMiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+");
}

/* - [!] Important */
div.HyperMD-task-line[data-task="!"],
ul > li[data-task="!"] {
    /* Icon used: https://lucide.dev/icons/triangle-alert */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyLjYyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS10cmlhbmdsZS1hbGVydCI+PHBhdGggZD0ibTIxLjczIDE4LTgtMTRhMiAyIDAgMCAwLTMuNDggMGwtOCAxNEEyIDIgMCAwIDAgNCAyMWgxNmEyIDIgMCAwIDAgMS43My0zIi8+PHBhdGggZD0iTTEyIDl2NCIvPjxwYXRoIGQ9Ik0xMiAxN2guMDEiLz48L3N2Zz4=");
}

/* - [*] Star */
div.HyperMD-task-line[data-task="*"],
ul > li[data-task="*"] {
    /* Icon used: https://lucide.dev/icons/star */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyLjYyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1zdGFyIj48cG9seWdvbiBwb2ludHM9IjEyIDIgMTUuMDkgOC4yNiAyMiA5LjI3IDE3IDE0LjE0IDE4LjE4IDIxLjAyIDEyIDE3Ljc3IDUuODIgMjEuMDIgNyAxNC4xNCAyIDkuMjcgOC45MSA4LjI2IDEyIDIiLz48L3N2Zz4=");
}

/* - ["] Quote */
div.HyperMD-task-line[data-task="\""],
ul > li[data-task="\""] {
    /* Icon used: https://lucide.dev/icons/quote */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyLjYyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1xdW90ZSI+PHBhdGggZD0iTTE2IDNhMiAyIDAgMCAwLTIgMnY2YTIgMiAwIDAgMCAyIDIgMSAxIDAgMCAxIDEgMXYxYTIgMiAwIDAgMS0yIDIgMSAxIDAgMCAwLTEgMXYyYTEgMSAwIDAgMCAxIDEgNiA2IDAgMCAwIDYtNlY1YTIgMiAwIDAgMC0yLTJ6Ii8+PHBhdGggZD0iTTUgM2EyIDIgMCAwIDAtMiAydjZhMiAyIDAgMCAwIDIgMiAxIDEgMCAwIDEgMSAxdjFhMiAyIDAgMCAxLTIgMiAxIDEgMCAwIDAtMSAxdjJhMSAxIDAgMCAwIDEgMSA2IDYgMCAwIDAgNi02VjVhMiAyIDAgMCAwLTItMnoiLz48L3N2Zz4=");
}

/* - [l] Location */
div.HyperMD-task-line[data-task="l"],
ul > li[data-task="l"] {
    /* Icon used: https://lucide.dev/icons/map-pin */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyLjYyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1tYXAtcGluIj48cGF0aCBkPSJNMjAgMTBjMCA0Ljk5My01LjUzOSAxMC4xOTMtNy4zOTkgMTEuNzk5YTEgMSAwIDAgMS0xLjIwMiAwQzkuNTM5IDIwLjE5MyA0IDE0Ljk5MyA0IDEwYTggOCAwIDAgMSAxNiAwIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMCIgcj0iMyIvPjwvc3ZnPg==");
}

/* - [b] Bookmark */
div.HyperMD-task-line[data-task="b"],
ul > li[data-task="b"] {
    /* Icon used: https://lucide.dev/icons/bookmark */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyLjYyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1ib29rbWFyayI+PHBhdGggZD0ibTE5IDIxLTctNC03IDRWNWEyIDIgMCAwIDEgMi0yaDEwYTIgMiAwIDAgMSAyIDJ2MTZ6Ii8+PC9zdmc+");
}

/* - [i] Information */
div.HyperMD-task-line[data-task="i"],
ul > li[data-task="i"] {
    /* Icon used: https://lucide.dev/icons/info */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyLjYyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1pbmZvIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwYXRoIGQ9Ik0xMiAxNnYtNCIvPjxwYXRoIGQ9Ik0xMiA4aC4wMSIvPjwvc3ZnPg==");
}

/* - [S] Savings */
div.HyperMD-task-line[data-task="S"],
ul > li[data-task="S"] {
    /* Icon used: https://lucide.dev/icons/dollar-sign */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWRvbGxhci1zaWduIj48bGluZSB4MT0iMTIiIHgyPSIxMiIgeTE9IjIiIHkyPSIyMiIvPjxwYXRoIGQ9Ik0xNyA1SDkuNWEzLjUgMy41IDAgMCAwIDAgN2g1YTMuNSAzLjUgMCAwIDEgMCA3SDYiLz48L3N2Zz4=");
}

/* - [I] Idea */
div.HyperMD-task-line[data-task="I"],
ul > li[data-task="I"] {
    /* Icon used: https://lucide.dev/icons/lightbulb */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyLjYyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1saWdodGJ1bGIiPjxwYXRoIGQ9Ik0xNSAxNGMuMi0xIC43LTEuNyAxLjUtMi41IDEtLjkgMS41LTIuMiAxLjUtMy41QTYgNiAwIDAgMCA2IDhjMCAxIC4yIDIuMiAxLjUgMy41LjcuNyAxLjMgMS41IDEuNSAyLjUiLz48cGF0aCBkPSJNOSAxOGg2Ii8+PHBhdGggZD0iTTEwIDIyaDQiLz48L3N2Zz4=");
}

/* - [p] Pros */
div.HyperMD-task-line[data-task="p"],
ul > li[data-task="p"] {
    /* Icon used: https://lucide.dev/icons/thumbs-up */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyLjYyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS10aHVtYnMtdXAiPjxwYXRoIGQ9Ik03IDEwdjEyIi8+PHBhdGggZD0iTTE1IDUuODggMTQgMTBoNS44M2EyIDIgMCAwIDEgMS45MiAyLjU2bC0yLjMzIDhBMiAyIDAgMCAxIDE3LjUgMjJINGEyIDIgMCAwIDEtMi0ydi04YTIgMiAwIDAgMSAyLTJoMi43NmEyIDIgMCAwIDAgMS43OS0xLjExTDEyIDJhMy4xMyAzLjEzIDAgMCAxIDMgMy44OFoiLz48L3N2Zz4=");
}

/* - [c] Cons */
div.HyperMD-task-line[data-task="c"],
ul > li[data-task="c"] {
    /* Icon used: https://lucide.dev/icons/thumbs-down */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyLjYyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS10aHVtYnMtZG93biI+PHBhdGggZD0iTTE3IDE0VjIiLz48cGF0aCBkPSJNOSAxOC4xMiAxMCAxNEg0LjE3YTIgMiAwIDAgMS0xLjkyLTIuNTZsMi4zMy04QTIgMiAwIDAgMSA2LjUgMkgyMGEyIDIgMCAwIDEgMiAydjhhMiAyIDAgMCAxLTIgMmgtMi43NmEyIDIgMCAwIDAtMS43OSAxLjExTDEyIDIyYTMuMTMgMy4xMyAwIDAgMS0zLTMuODhaIi8+PC9zdmc+");
}

/* - [f] Fire */
div.HyperMD-task-line[data-task="f"],
ul > li[data-task="f"] {
    /* Icon used: https://lucide.dev/icons/flame */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyLjYyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1mbGFtZSI+PHBhdGggZD0iTTguNSAxNC41QTIuNSAyLjUgMCAwIDAgMTEgMTJjMC0xLjM4LS41LTItMS0zLTEuMDcyLTIuMTQzLS4yMjQtNC4wNTQgMi02IC41IDIuNSAyIDQuOSA0IDYuNSAyIDEuNiAzIDMuNSAzIDUuNWE3IDcgMCAxIDEtMTQgMGMwLTEuMTUzLjQzMy0yLjI5NCAxLTNhMi41IDIuNSAwIDAgMCAyLjUgMi41eiIvPjwvc3ZnPg==");
}

/* - [k] Key */
div.HyperMD-task-line[data-task="k"],
ul > li[data-task="k"] {
    /* Icon used: https://lucide.dev/icons/key-round */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyLjYyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1rZXktcm91bmQiPjxwYXRoIGQ9Ik0yLjU4NiAxNy40MTRBMiAyIDAgMCAwIDIgMTguODI4VjIxYTEgMSAwIDAgMCAxIDFoM2ExIDEgMCAwIDAgMS0xdi0xYTEgMSAwIDAgMSAxLTFoMWExIDEgMCAwIDAgMS0xdi0xYTEgMSAwIDAgMSAxLTFoLjE3MmEyIDIgMCAwIDAgMS40MTQtLjU4NmwuODE0LS44MTRhNi41IDYuNSAwIDEgMC00LTR6Ii8+PGNpcmNsZSBjeD0iMTYuNSIgY3k9IjcuNSIgcj0iLjUiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==");
}

/* - [w] Win */
div.HyperMD-task-line[data-task="w"],
ul > li[data-task="w"] {
    /* Icon used: https://lucide.dev/icons/trophy */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyLjYyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS10cm9waHkiPjxwYXRoIGQ9Ik02IDlINC41YTIuNSAyLjUgMCAwIDEgMC01SDYiLz48cGF0aCBkPSJNMTggOWgxLjVhMi41IDIuNSAwIDAgMCAwLTVIMTgiLz48cGF0aCBkPSJNNCAyMmgxNiIvPjxwYXRoIGQ9Ik0xMCAxNC42NlYxN2MwIC41NS0uNDcuOTgtLjk3IDEuMjFDNy44NSAxOC43NSA3IDIwLjI0IDcgMjIiLz48cGF0aCBkPSJNMTQgMTQuNjZWMTdjMCAuNTUuNDcuOTguOTcgMS4yMUMxNi4xNSAxOC43NSAxNyAyMC4yNCAxNyAyMiIvPjxwYXRoIGQ9Ik0xOCAySDZ2N2E2IDYgMCAwIDAgMTIgMFYyWiIvPjwvc3ZnPg==");
}

/* - [u] Up */
div.HyperMD-task-line[data-task="u"],
ul > li[data-task="u"] {
    /* Icon used: https://lucide.dev/icons/trending-up */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyLjYyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS10cmVuZGluZy11cCI+PHBvbHlsaW5lIHBvaW50cz0iMjIgNyAxMy41IDE1LjUgOC41IDEwLjUgMiAxNyIvPjxwb2x5bGluZSBwb2ludHM9IjE2IDcgMjIgNyAyMiAxMyIvPjwvc3ZnPg==");
}

/* - [d] Down */
div.HyperMD-task-line[data-task="d"],
ul > li[data-task="d"] {
    /* Icon used: https://lucide.dev/icons/trending-down */
    --icon-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyLjYyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS10cmVuZGluZy1kb3duIj48cG9seWxpbmUgcG9pbnRzPSIyMiAxNyAxMy41IDguNSA4LjUgMTMuNSAyIDciLz48cG9seWxpbmUgcG9pbnRzPSIxNiAxNyAyMiAxNyAyMiAxMSIvPjwvc3ZnPg==");
}

/*  --------------------------------------------------------------------------------------------
    Section 2
    The following code should remain untouched. It serves as a template for checkbox definitions
    above. It leaves the default unchecked and checked checkboxes untouched; those are styled 
    according to the theme used.
*/

/*
    Disables Theme's Alternative Checkboxes that don't use Style Settings and implemented
    the `@container style()` query.
*/
body {
    --theme-alternative-checkboxes: disable;
}

/*
    Custom Default Variables - Reduces repetition and simplifies the implementation above.
    If you want different defaults for all Alternative Checkboxes you can change them here. 
*/
.HyperMD-task-line:not([data-task="x"], [data-task="X"], [data-task=" "]),
li:not([data-task="x"], [data-task="X"], [data-task=" "]) {
    --icon-mask-image: unset;
    --icon-mask-color: var(--text-normal);

    --icon-content: "";
    --icon-content-font: var(--font-monospace);
    --icon-content-weight: var(--font-bold);
    --icon-content-color: var(--text-normal);
    
    --icon-background: transparent;
    --icon-background-hover: transparent;

    --icon-border: unset;
    --icon-border-radius: unset;
    
    --line-text-color: inherit;
    --line-background: unset;
    --line-border: unset;
    --line-border-radius: unset;
}

.HyperMD-task-line:not([data-task="x"], [data-task="X"], [data-task=" "]),
li:not([data-task="x"], [data-task="X"], [data-task=" "]).is-checked {
    color: var(--line-text-color);
    background: var(--line-background);
    border: var(--line-border);
    border-radius: var(--line-border-radius);
}

/* Swapping margin for padding to allow background color to apply in Reading view the same
as in Live Preview */
.task-list-item.is-checked {
    margin-inline-start: unset;
    padding-inline-start: 3ch;
}

div.is-live-preview label > input[type="checkbox"]:not([data-task="x"], [data-task="X"], [data-task=" "]),
li:not([data-task="x"], [data-task="X"], [data-task=" "]) > input[type="checkbox"],
li:not([data-task="x"], [data-task="X"], [data-task=" "]) > p > input[type="checkbox"] {
    &:checked {
        --checkbox-marker-color: transparent;
        border: var(--icon-border);
        border-radius: var(--icon-border-radius);
        background: var(--icon-background);

        &:hover {
            background: var(--icon-background-hover);
        }
    }

    &:checked::after {
        background-color: var(--icon-mask-color);
        -webkit-mask-image: var(--icon-mask-image);
        -webkit-mask-size: contain;
        -webkit-mask-position: center;
        color: var(--icon-content-color);

        background-image: var(--icon-image);
        background-repeat: no-repeat;
        background-position: center;

        content: var(--icon-content);

        
        text-align: center;
        font-weight: var(--icon-content-weight);
        font-family: var(--icon-content-font);
        font-size: 1rem;
        
        display: flex;
        align-items: center;
        justify-content: center;
        
        /* Allows icons to remain scaled correctly within the checkbox when using a border */
        width: -webkit-fill-available;
        width: fill-available; /* Fallback for Safari */
        height: -webkit-fill-available;
        height: fill-available; /* Fallback for Safari */
    }
}