.callout {
  --callout-icon-landscape: url("/static/icons/mdi-terrain.svg");
  --callout-icon-map: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map"><path d="M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z"/><path d="M15 5.764v15"/><path d="M9 3.236v15"/></svg>');
  --callout-icon-writing: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 512 512"><path d="M368.4 18.3L312.7 74.1 437.9 199.3l55.7-55.7c21.9-21.9 21.9-57.3 0-79.2L447.6 18.3c-21.9-21.9-57.3-21.9-79.2 0zM288 94.6l-9.2 2.8L134.7 140.6c-19.9 6-35.7 21.2-42.3 41L3.8 445.8c-3.8 11.3-1 23.9 7.3 32.4L164.7 324.7c-3-6.3-4.7-13.3-4.7-20.7c0-26.5 21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48c-7.4 0-14.4-1.7-20.7-4.7L33.7 500.9c8.6 8.3 21.1 11.2 32.4 7.3l264.3-88.6c19.7-6.6 35-22.4 41-42.3l43.2-144.1 2.8-9.2L288 94.6z"/></svg>');
  --callout-icon-music: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-music-4"><path d="M9 18V5l12-2v13"/><path d="m9 9 12-2"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg>');
  --callout-icon-mastodon: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M433 179.1c0-97.2-63.7-125.7-63.7-125.7-62.5-28.7-228.6-28.4-290.5 0 0 0-63.7 28.5-63.7 125.7 0 115.7-6.6 259.4 105.6 289.1 40.5 10.7 75.3 13 103.3 11.4 50.8-2.8 79.3-18.1 79.3-18.1l-1.7-36.9s-36.3 11.4-77.1 10.1c-40.4-1.4-83-4.4-89.6-54a102.5 102.5 0 0 1 -.9-13.9c85.6 20.9 158.7 9.1 178.8 6.7 56.1-6.7 105-41.3 111.2-72.9 9.8-49.8 9-121.5 9-121.5zm-75.1 125.2h-46.6v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.3V197c0-58.5-64-56.6-64-6.9v114.2H90.2c0-122.1-5.2-147.9 18.4-175 25.9-28.9 79.8-30.8 103.8 6.1l11.6 19.5 11.6-19.5c24.1-37.1 78.1-34.8 103.8-6.1 23.7 27.3 18.4 53 18.4 175z"/></svg>');
  --callout-icon-code: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-terminal"><path d="m7 11 2-2-2-2"/><path d="M11 13h4"/><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/></svg>');
  --callout-icon-album: url("/static/icons/nf-md-image_album.svg");
  --callout-icon-years: url("/static/icons/nf-md-calendar.svg");
  --callout-icon-movie-plot: url("/static/icons/nf-md-movie_open.svg");
  --callout-icon-book: url("/static/icons/nf-md-book.svg");
  --callout-icon-goal: url("/static/icons/nf-oct-goal.svg");
  --callout-icon-changelog: url("/static/icons/nf-cod-request_changes.svg");
  border: 3px solid var(--border);
}
.callout[data-callout=landscape] {
  --color: #8a614e;
  --border: #e4a61f9d;
  --bg: #8a614e10;
  --callout-icon: var(--callout-icon-landscape);
}
.callout[data-callout=map] {
  --color: #00a53f;
  --border: #00b8d444;
  --bg: #00a53f10;
  --callout-icon: var(--callout-icon-map);
}
.callout[data-callout=writing] {
  --color: #00a53f;
  --border: #00b8d444;
  --bg: #00a53f10;
  --callout-icon: var(--callout-icon-writing);
}
.callout[data-callout=music] {
  --color: #6c996b;
  --border: #6c996b44;
  --bg: #00a53f10;
  --callout-icon: var(--callout-icon-music);
}
.callout[data-callout=mastodon] {
  --color: #563acc;
  --border: #563acc;
  --bg: #5a5af224;
  --callout-icon: var(--callout-icon-mastodon);
}
.callout[data-callout=code] {
  --color: #00a53f;
  --border: #00b8d444;
  --bg: #00a53f10;
  --callout-icon: var(--callout-icon-code);
}
.callout[data-callout=album] {
  --color: #00a53f;
  --border: #00b8d444;
  --bg: #00a53f10;
  --callout-icon: var(--callout-icon-album);
}
.callout[data-callout=years] {
  --color: #6c996b;
  --border: #6c996b44;
  --bg: #5a5af224;
  --callout-icon: var(--callout-icon-years);
}
.callout[data-callout=movie-plot] {
  --color: #6c996b;
  --border: #6c996b44;
  --bg: #d0fd7b13;
  --callout-icon: var(--callout-icon-movie-plot);
}
.callout[data-callout=book] {
  --color: #54a4ff;
  --border: #127ffc;
  --bg: #95a9ff13;
  --callout-icon: var(--callout-icon-book);
}
.callout[data-callout=goal] {
  --color: #01b71f;
  --border: #01b71f;
  --bg: #01b71f20;
  --callout-icon: var(--callout-icon-goal);
}
.callout[data-callout=changelog] {
  --color: #00a53f;
  --border: #00b8d444;
  --bg: #00a53f10;
  --callout-icon: var(--callout-icon-changelog);
}