/* ── VanBlog Classic Light Palette (atomic, type: light) ──
 * 复刻原 mereithhh vanblog 的浅色视觉：
 *   - 页面底 = slate-100 (#f1f5f9)
 *   - 卡片 = 纯白 + 阴影 0 2px 8px rgba(0,0,0,.15)
 *   - 正文 = gray-700 (#374151)，次文字 gray-500 / gray-400
 *   - 强调色 = mereithhh 蓝 #1772b4
 * 原子式调色盘：只覆盖 :root 的亮色 --color-* token。
 * 页面应用本调色盘时不会加 html.dark class（亮色渲染）。
 * 加载方式: site.palette="vanblog-classic" → /api/palette.css
 */

:root {
  --color-bg: #f1f5f9;
  --color-surface: #ffffff;
  --color-text: #374151;
  --color-text-muted: #6b7280;
  --color-border: #e5e7eb;
  --color-accent: #1772b4;
}

/* ── VanBlog Classic 文章排版（github-markdown 风格）──
 *
 * 搬运自 refs/mereithhh-original/packages/website/styles/github-markdown.css，
 * 重 scope 为 `article .post-viewer`（PostViewer.astro 输出 `<div class="post-viewer">`，
 * 位于 posts/[id].astro 的 `<article>` 内）。特异性 0,1,2 可覆盖
 * global.css 中通用的 `article p / article pre / ...`。
 *
 * 已精简：移除 octicon/anchor 图标、prettylights(pl-*) 语法高亮（新版用 shiki）、
 * csv-data / frame / align / float / emoji 等 GitHub 私有 markdown 输出。
 * 保留：标题层级、段落、引用、列表嵌套、表格斑马纹、行内/块级代码、kbd、
 * 分割线、图片、脚注(footnotes)、任务清单(task-list)。
 *
 * 明暗变量分两套作用域（light = html:not(.dark)，dark = html.dark），
 * 随调色盘自动翻转。
 */

/* ── 变量：浅色 ── */
html:not(.dark) article .post-viewer {
  color-scheme: light;
  --color-prettylights-syntax-comment: #6e7781;
  --color-prettylights-syntax-constant: #0550ae;
  --color-prettylights-syntax-entity: #8250df;
  --color-prettylights-syntax-storage-modifier-import: #24292f;
  --color-prettylights-syntax-entity-tag: #116329;
  --color-prettylights-syntax-keyword: #cf222e;
  --color-prettylights-syntax-string: #0a3069;
  --color-prettylights-syntax-variable: #953800;
  --color-fg-default: rgb(55, 65, 81);
  --color-fg-muted: #57606a;
  --color-fg-subtle: #6e7781;
  --color-canvas-default: #ffffff;
  --color-canvas-subtle: #f6f8fa;
  --color-border-default: #d0d7de;
  --color-border-muted: hsla(210, 18%, 87%, 1);
  --color-neutral-muted: rgba(175, 184, 193, 0.2);
  --color-accent-fg: #0969da;
  --color-accent-emphasis: #0969da;
  --color-attention-subtle: #fff8c5;
  --color-danger-fg: #cf222e;
}

/* ── 变量：暗色（mereithhh signature 暖灰深炭 + GitHub Dark 语法色）── */
.dark article .post-viewer {
  color-scheme: dark;
  --color-prettylights-syntax-comment: #8b949e;
  --color-prettylights-syntax-constant: #79c0ff;
  --color-prettylights-syntax-entity: #d2a8ff;
  --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
  --color-prettylights-syntax-entity-tag: #7ee787;
  --color-prettylights-syntax-keyword: #ff7b72;
  --color-prettylights-syntax-string: #a5d6ff;
  --color-prettylights-syntax-variable: #ffa657;
  --color-fg-default: rgb(158, 158, 158);
  --color-fg-muted: rgb(120, 120, 120);
  --color-fg-subtle: rgb(80, 80, 80);
  --color-canvas-default: #26282c;
  --color-canvas-subtle: rgb(30, 30, 30);
  --color-border-default: #30363d;
  --color-border-muted: #3e4145;
  --color-neutral-muted: rgba(110, 118, 129, 0.4);
  --color-accent-fg: #58a6ff;
  --color-accent-emphasis: #1f6feb;
  --color-attention-subtle: rgba(187, 128, 9, 0.15);
  --color-danger-fg: #f85149;
}

/* ── 基础排版 ── */
article .post-viewer {
  -webkit-font-smoothing: antialiased;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  color: var(--color-fg-default);
  font-family: "Open Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei",
    "WenQuanYi Micro Hei", "Segoe UI Emoji", "Segoe UI Symbol", Helvetica, Arial,
    -apple-system, system-ui, sans-serif;
  font-weight: 400;
  line-height: 1.75;
  word-wrap: break-word;
}

article .post-viewer b,
article .post-viewer strong {
  font-weight: 600;
}

article .post-viewer dfn {
  font-style: italic;
}

article .post-viewer mark {
  background-color: var(--color-attention-subtle);
  color: var(--color-fg-default);
}

article .post-viewer small {
  font-size: 90%;
}

article .post-viewer sub,
article .post-viewer sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
article .post-viewer sub {
  bottom: -0.25em;
}
article .post-viewer sup {
  top: -0.5em;
}

article .post-viewer a {
  background-color: transparent;
  color: var(--color-accent-fg);
  text-decoration: none;
}
article .post-viewer a:hover {
  text-decoration: underline;
}

/* ── 标题 ── */
article .post-viewer h1,
article .post-viewer h2,
article .post-viewer h3,
article .post-viewer h4,
article .post-viewer h5,
article .post-viewer h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}

article .post-viewer h1 {
  padding-bottom: 0.3em;
  font-size: 1.4em;
  border-bottom: 1px solid var(--color-border-muted);
}
article .post-viewer h2 {
  padding-bottom: 0.3em;
  font-size: 1.3em;
  border-bottom: 1px solid var(--color-border-muted);
}
article .post-viewer h3 {
  font-size: 1.15em;
}
article .post-viewer h4 {
  font-size: 1em;
}
article .post-viewer h5 {
  font-size: 0.875em;
}
article .post-viewer h6 {
  font-size: 0.85em;
  color: var(--color-fg-muted);
}

/* ── 段落 / 引用 ── */
article .post-viewer p {
  margin-top: 0;
  margin-bottom: 10px;
}

article .post-viewer blockquote {
  margin: 0;
  padding: 0 1em;
  color: var(--color-fg-muted);
  border-left: 0.25em solid var(--color-border-default);
}
article .post-viewer blockquote > :first-child {
  margin-top: 0;
}
article .post-viewer blockquote > :last-child {
  margin-bottom: 0;
}

/* ── 列表 ── */
article .post-viewer ul,
article .post-viewer ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2em;
}
article .post-viewer ol ol,
article .post-viewer ul ol {
  list-style-type: lower-roman;
}
article .post-viewer ul ul ol,
article .post-viewer ul ol ol,
article .post-viewer ol ul ol,
article .post-viewer ol ol ol {
  list-style-type: lower-alpha;
}
article .post-viewer ul ul,
article .post-viewer ul ol,
article .post-viewer ol ol,
article .post-viewer ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
article .post-viewer li + li {
  margin-top: 0.25em;
}
article .post-viewer li > p {
  margin-top: 0;
  margin-bottom: 0;
}
article .post-viewer ol {
  list-style: decimal;
}

/* ── 表格 ── */
article .post-viewer table {
  border-spacing: 0;
  border-collapse: collapse;
  display: block;
  max-width: 100%;
  overflow: auto;
}
article .post-viewer td,
article .post-viewer th {
  padding: 6px 13px;
  border: 1px solid var(--color-border-default);
}
article .post-viewer th {
  font-weight: 600;
}
article .post-viewer tr {
  background-color: var(--color-canvas-default);
  border-top: 1px solid var(--color-border-muted);
}
article .post-viewer tr:nth-child(2n) {
  background-color: var(--color-canvas-subtle);
}
article .post-viewer table img {
  background-color: transparent;
}

/* ── 代码 / kbd ── */
article .post-viewer code,
article .post-viewer tt {
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
    Liberation Mono, monospace;
  background-color: var(--color-neutral-muted);
  border-radius: 6px;
}
article .post-viewer code br,
article .post-viewer tt br {
  display: none;
}

article .post-viewer pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
    Liberation Mono, monospace;
  font-size: 12px;
  word-wrap: normal;
}
article .post-viewer pre code,
article .post-viewer pre tt {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
  font-size: 100%;
}
article .post-viewer pre > code {
  padding: 0;
  margin: 0;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}

/* 代码块外壳（shiki 内联 style 只控制背景/前景色，结构样式在此） */
article .post-viewer pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: var(--color-canvas-subtle);
  border-radius: 6px;
}
article .post-viewer pre code.hljs {
  background: inherit;
}

/* kbd */
article .post-viewer kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
    Liberation Mono, monospace;
  line-height: 10px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-subtle);
  border: solid 1px var(--color-neutral-muted);
  border-bottom-color: var(--color-neutral-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}

/* ── 分割线 / 图片 / 详情 ── */
article .post-viewer hr {
  box-sizing: content-box;
  overflow: hidden;
  background: transparent;
  border-bottom: 1px solid var(--color-border-muted);
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: var(--color-border-default);
  border: 0;
}

article .post-viewer img {
  border-style: none;
  max-width: 100%;
  box-sizing: content-box;
  background-color: var(--color-canvas-default);
}

article .post-viewer details,
article .post-viewer figcaption,
article .post-viewer figure {
  display: block;
}
article .post-viewer summary {
  display: list-item;
}
article .post-viewer details summary {
  cursor: pointer;
}
article .post-viewer [hidden] {
  display: none !important;
}

/* ── 脚注 ── */
article .post-viewer .footnotes {
  font-size: 12px;
  color: var(--color-fg-muted);
  border-top: 1px solid var(--color-border-default);
}
article .post-viewer .footnotes ol {
  padding-left: 16px;
}
article .post-viewer .footnotes li {
  position: relative;
}

/* ── 任务清单 ── */
article .post-viewer .task-list-item {
  list-style-type: none;
}
article .post-viewer .task-list-item + .task-list-item {
  margin-top: 3px;
}
article .post-viewer .task-list-item .handle {
  display: none;
}
article .post-viewer .task-list-item-checkbox {
  margin: 0 0.2em 0.25em -1.6em;
  vertical-align: middle;
}
article .post-viewer .contains-task-list:dir(rtl) .task-list-item-checkbox {
  margin: 0 -1.6em 0.25em 0.2em;
}

/* ── mermaid 容器底色（GitHub 风格）── */
.dark article .post-viewer .language-mermaid {
  background-color: #26282c;
}
article .post-viewer .language-mermaid {
  background-color: white;
}

/* ── 首尾元素 margin 清除 ── */
article .post-viewer > *:first-child {
  margin-top: 0 !important;
}
article .post-viewer > *:last-child {
  margin-bottom: 0 !important;
}

/* ── VanBlog Classic 组件样式（自定义提示容器）──
 *
 * 搬运自 refs/mereithhh-original/packages/website/styles/custom-container.css，
 * 结构与 remark-container 输出完全匹配：
 *   <div class="custom-container tip"><p class="custom-container-title">提示</p>...</div>
 * 五类容器：info / note / tip / warning / danger，左侧 0.3rem 粗色条 + SVG 图标（双主题）。
 * 用 div.custom-container 提升特异性，确保覆盖 global.css 的通用 .custom-container 盒。
 */

.custom-container {
  --info-title-color: #193c47;
  --info-bg-color: #eef9fd;
  --info-border-color: #4cb3d4;

  --note-title-color: #474748;
  --note-bg-color: #fdfdfe;
  --note-border-color: #d4d5d8;

  --tip-title-color: #003100;
  --tip-bg-color: #e6f6e6;
  --tip-border-color: #009400;

  --warning-title-color: #4d3800;
  --warning-bg-color: #fff8e6;
  --warning-border-color: #e6a700;

  --danger-title-color: #4b1113;
  --danger-bg-color: #ffebec;
  --danger-border-color: #e13238;
}

.dark .custom-container {
  --info-title-color: #eef9fd;
  --info-bg-color: #193c47;

  --note-title-color: #fdfdfe;
  --note-bg-color: #474748;

  --tip-title-color: #e6f6e6;
  --tip-bg-color: #003100;

  --warning-title-color: #fff8e6;
  --warning-bg-color: #4d3800;

  --danger-title-color: #ffebec;
  --danger-bg-color: #4b1113;

  --detail-bg-color: #333;
  --detail-text-color: #a8a8a8;
}

div.custom-container.info {
  background-color: var(--info-bg-color);
  border-color: var(--info-border-color);
}
div.custom-container.note {
  background-color: var(--note-bg-color);
  border-color: var(--note-border-color);
}
div.custom-container.tip {
  background-color: var(--tip-bg-color);
  border-color: var(--tip-border-color);
}
div.custom-container.warning {
  background-color: var(--warning-bg-color);
  border-color: var(--warning-border-color);
}
div.custom-container.danger {
  background-color: var(--danger-bg-color);
  border-color: var(--danger-border-color);
}

.custom-container-title.info {
  color: var(--info-title-color);
}
.custom-container-title.note {
  color: var(--note-title-color);
}
.custom-container-title.warning {
  color: var(--warning-title-color);
}
.custom-container-title.tip {
  color: var(--tip-title-color);
}
.custom-container-title.danger {
  color: var(--danger-title-color);
}

div.custom-container {
  margin: 1rem 0;
  padding: 0.25rem 1rem;
  border-left-width: 0.3rem;
  border-left-style: solid;
  border-radius: 0.5rem;
  color: inherit;
}

.post-viewer .custom-container-title {
  font-weight: 600;
  margin: 16px 0;
  display: flex;
  align-items: center;
}
.post-viewer .custom-container-title svg {
  margin-right: 4px;
}
body .post-viewer .custom-container .relative > pre {
  margin: 0 !important;
}

/* ── 类型图标（content:url SVG，浅/暗双套）── */
.custom-container-title.tip::before {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2012%2016%22%20fill%3D%22%23003100%22%20width%3D%2220%22%20height%3D%2220%22%3E%0A%20%20%3Cpath%0A%20%20%20%20fill-rule%3D%22evenodd%22%0A%20%20%20%20d%3D%22M6.5%200C3.48%200%201%202.19%201%205c0%20.92.55%202.25%201%203%201.34%202.25%201.78%202.78%202%204v1h5v-1c.22-1.22.66-1.75%202-4%20.45-.75%201-2.08%201-3%200-2.81-2.48-5-5.5-5zm3.64%207.48c-.25.44-.47.8-.67%201.11-.86%201.41-1.25%202.06-1.45%203.23-.02.05-.02.11-.02.17H5c0-.06%200-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44%206.78%202%205.65%202%205c0-2.2%202.02-4%204.5-4%201.22%200%202.36.42%203.22%201.19C10.55%202.94%2011%203.94%2011%205c0%20.66-.44%201.78-.86%202.48zM4%2014h5c-.23%201.14-1.3%202-2.5%202s-2.27-.86-2.5-2z%22%0A%20%20%2F%3E%0A%3C%2Fsvg%3E");
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.dark .custom-container-title.tip::before {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2012%2016%22%20fill%3D%22%23e6f6e6%22%20width%3D%2220%22%20height%3D%2220%22%3E%0A%20%20%3Cpath%0A%20%20%20%20fill-rule%3D%22evenodd%22%0A%20%20%20%20d%3D%22M6.5%200C3.48%200%201%202.19%201%205c0%20.92.55%202.25%201%203%201.34%202.25%201.78%202.78%202%204v1h5v-1c.22-1.22.66-1.75%202-4%20.45-.75%201-2.08%201-3%200-2.81-2.48-5-5.5-5zm3.64%207.48c-.25.44-.47.8-.67%201.11-.86%201.41-1.25%202.06-1.45%203.23-.02.05-.02.11-.02.17H5c0-.06%200-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44%206.78%202%205.65%202%205c0-2.2%202.02-4%204.5-4%201.22%200%202.36.42%203.22%201.19C10.55%202.94%2011%203.94%2011%205c0%20.66-.44%201.78-.86%202.48zM4%2014h5c-.23%201.14-1.3%202-2.5%202s-2.27-.86-2.5-2z%22%0A%20%20%2F%3E%0A%3C%2Fsvg%3E");
  display: block;
  width: 20px;
  height: 20px;
}

.custom-container-title.warning::before {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%234d3800%22%20width%3D%2220%22%20height%3D%2220%22%3E%0A%20%20%3Cpath%0A%20%20%20%20fill-rule%3D%22evenodd%22%0A%20%20%20%20d%3D%22M8.893%201.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138%2013.499a.98.98%200%200%200%200%201.001c.193.31.53.501.886.501h13.964c.367%200%20.704-.19.877-.5a1.03%201.03%200%200%200%20.01-1.002L8.893%201.5zm.133%2011.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z%22%0A%20%20%2F%3E%0A%3C%2Fsvg%3E");
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.dark .custom-container-title.warning::before {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23fff8e6%22%20width%3D%2220%22%20height%3D%2220%22%3E%0A%20%20%3Cpath%0A%20%20%20%20fill-rule%3D%22evenodd%22%0A%20%20%20%20d%3D%22M8.893%201.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138%2013.499a.98.98%200%200%200%200%201.001c.193.31.53.501.886.501h13.964c.367%200%20.704-.19.877-.5a1.03%201.03%200%200%200%20.01-1.002L8.893%201.5zm.133%2011.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z%22%0A%20%20%2F%3E%0A%3C%2Fsvg%3E");
  display: block;
  width: 20px;
  height: 20px;
}

.custom-container-title.danger::before {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%201024%201024%22%20fill%3D%22%234b1113%22%20width%3D%2220%22%20height%3D%2220%22%3E%0A%20%20%3Cpath%20d%3D%22M147.911%20833.422V560.356a364.089%20364.089%200%201%201%20728.178%200v273.066H921.6v91.022H102.4v-91.022h45.511zm91.022-273.066h91.023A182.044%20182.044%200%200%201%20512%20378.31v-91.02a273.067%20273.067%200%200%200-273.067%20273.067zM466.49%2014.222h91.022v136.534H466.49V14.222zm399.496%20127.795%2064.353%2064.353-96.483%2096.53-64.399-64.354%2096.53-96.529zM93.662%20206.37l64.353-64.353%2096.529%2096.484-64.308%2064.444-96.574-96.575z%22%20%2F%3E%0A%3C%2Fsvg%3E");
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.dark .custom-container-title.danger::before {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%201024%201024%22%20fill%3D%22%23ffebec%22%20width%3D%2220%22%20height%3D%2220%22%3E%0A%20%20%3Cpath%20d%3D%22M147.911%20833.422V560.356a364.089%20364.089%200%201%201%20728.178%200v273.066H921.6v91.022H102.4v-91.022h45.511zm91.022-273.066h91.023A182.044%20182.044%200%200%201%20512%20378.31v-91.02a273.067%20273.067%200%200%200-273.067%20273.067zM466.49%2014.222h91.022v136.534H466.49V14.222zm399.496%20127.795%2064.353%2064.353-96.483%2096.53-64.399-64.354%2096.53-96.529zM93.662%20206.37l64.353-64.353%2096.529%2096.484-64.308%2064.444-96.574-96.575z%22%20%2F%3E%0A%3C%2Fsvg%3E");
  display: block;
  width: 20px;
  height: 20px;
}

.custom-container-title.note::before {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2014%2016%22%20fill%3D%22%23474748%22%20width%3D%2220%22%20height%3D%2220%22%3E%0A%20%20%3Cpath%0A%20%20%20%20fill-rule%3D%22evenodd%22%0A%20%20%20%20d%3D%22M6.3%205.69a.942.942%200%200%201-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28%200%20.52.09.7.28.18.19.28.42.28.7%200%20.28-.09.52-.28.7a1%201%200%200%201-.7.3c-.28%200-.52-.11-.7-.3zM8%207.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27%200%20.48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7%202.3c-3.14%200-5.7%202.54-5.7%205.68%200%203.14%202.56%205.7%205.7%205.7s5.7-2.55%205.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7%20.98c3.86%200%207%203.14%207%207s-3.14%207-7%207-7-3.12-7-7%203.14-7%207-7z%22%0A%20%20%2F%3E%0A%3C%2Fsvg%3E");
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.dark .custom-container-title.note::before {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2014%2016%22%20fill%3D%22%23fdfdfe%22%20width%3D%2220%22%20height%3D%2220%22%3E%0A%20%20%3Cpath%0A%20%20%20%20fill-rule%3D%22evenodd%22%0A%20%20%20%20d%3D%22M6.3%205.69a.942.942%200%200%201-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28%200%20.52.09.7.28.18.19.28.42.28.7%200%20.28-.09.52-.28.7a1%201%200%200%201-.7.3c-.28%200-.52-.11-.7-.3zM8%207.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27%200%20.48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7%202.3c-3.14%200-5.7%202.54-5.7%205.68%200%203.14%202.56%205.7%205.7%205.7s5.7-2.55%205.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7%20.98c3.86%200%207%203.14%207%207s-3.14%207-7%207-7-3.12-7-7%203.14-7%207-7z%22%0A%20%20%2F%3E%0A%3C%2Fsvg%3E");
  display: block;
  width: 20px;
  height: 20px;
}

.custom-container-title.info::before {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2014%2016%22%20fill%3D%22%23193c47%22%20width%3D%2220%22%20height%3D%2220%22%3E%0A%20%20%3Cpath%0A%20%20%20%20fill-rule%3D%22evenodd%22%0A%20%20%20%20d%3D%22M7%202.3c3.14%200%205.7%202.56%205.7%205.7s-2.56%205.7-5.7%205.7A5.71%205.71%200%200%201%201.3%208c0-3.14%202.56-5.7%205.7-5.7zM7%201C3.14%201%200%204.14%200%208s3.14%207%207%207%207-3.14%207-7-3.14-7-7-7zm1%203H6v5h2V4zm0%206H6v2h2v-2z%22%0A%20%20%2F%3E%0A%3C%2Fsvg%3E");
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.dark .custom-container-title.info::before {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20viewBox%3D%220%200%2014%2016%22%20fill%3D%22%23eef9fd%22%20width%3D%2220%22%20height%3D%2220%22%3E%0A%20%20%3Cpath%0A%20%20%20%20fill-rule%3D%22evenodd%22%0A%20%20%20%20d%3D%22M7%202.3c3.14%200%205.7%202.56%205.7%205.7s-2.56%205.7-5.7%205.7A5.71%205.71%200%200%201%201.3%208c0-3.14%202.56-5.7%205.7-5.7zM7%201C3.14%201%200%204.14%200%208s3.14%207%207%207%207-3.14%207-7-3.14-7-7-7zm1%203H6v5h2V4zm0%206H6v2h2v-2z%22%0A%20%20%2F%3E%0A%3C%2Fsvg%3E");
  display: block;
  width: 20px;
  height: 20px;
}